/* Speakymobil Home Clean Modules v1 */
/* Referanslar + Kurumsal Alan + güvenli mobil ana slider düzeltmeleri */

.sp-reference-section{
    background:#03070d;
    border-top:1px solid rgba(255,255,255,.06);
    border-bottom:1px solid rgba(255,255,255,.06);
    padding:34px 0;
    overflow:hidden;
}
.sp-reference-wrap{
    width:min(1320px,calc(100% - 32px));
    margin:0 auto;
    display:grid;
    grid-template-columns:300px 54px minmax(0,1fr) 54px;
    align-items:center;
    gap:18px;
}
.sp-reference-title{
    display:flex;
    align-items:center;
    gap:12px;
    color:#fff;
}
.sp-reference-title i{
    color:#f6a400;
    font-size:25px;
}
.sp-reference-title h2{
    margin:0;
    color:#fff;
    font-size:28px;
    font-weight:950;
    line-height:1.05;
}
.sp-reference-title p{
    margin:6px 0 0;
    color:#bfe5ff;
    font-size:14px;
    font-weight:800;
}
.sp-reference-track{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:calc((100% - 48px)/4);
    gap:16px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-behavior:smooth;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding:4px 0;
}
.sp-reference-track::-webkit-scrollbar{display:none}
.sp-reference-card{
    position:relative;
    height:118px;
    border-radius:15px;
    overflow:hidden;
    background:#0c1220;
    border:1px solid rgba(255,255,255,.12);
    scroll-snap-align:start;
}
.sp-reference-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.sp-reference-empty{
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#f6a400;
    font-size:34px;
    background:linear-gradient(135deg,#111827,#0f172a);
}
.sp-reference-cover{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:10px;
    background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.56));
}
.sp-reference-cover h3{
    color:#fff;
    font-size:18px;
    line-height:1.15;
    font-weight:950;
    margin:0;
    text-shadow:0 3px 8px rgba(0,0,0,.45);
}
.sp-reference-cover p{
    display:none;
}
.sp-reference-cover a{
    margin-top:8px;
    padding:6px 10px;
    border-radius:999px;
    background:#f6a400;
    color:#111!important;
    font-weight:900;
    text-decoration:none!important;
    font-size:11px;
}
.sp-reference-nav,
.sp-corp-nav{
    width:50px;
    height:50px;
    border:0;
    border-radius:50%;
    background:#f6a400;
    color:#111;
    font-size:19px;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 14px 30px rgba(246,164,0,.18);
}

/* Kurumsal Alan */
.sp-corp-section{
    padding:86px 0;
    background:
        radial-gradient(circle at 50% 0,rgba(245,158,11,.12),transparent 38%),
        linear-gradient(180deg,#07100d,#0d1714);
    border-top:1px solid rgba(255,255,255,.06);
    border-bottom:1px solid rgba(255,255,255,.06);
    overflow:hidden;
}
.sp-corp-head{
    text-align:center;
    margin-bottom:42px;
}
.sp-corp-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:rgba(245,158,11,.14);
    color:#f6a400;
    border:1px solid rgba(245,158,11,.25);
    padding:9px 18px;
    border-radius:999px;
    font-weight:900;
    font-size:13px;
    margin-bottom:14px;
}
.sp-corp-head h2{
    color:#fff;
    font-size:38px;
    font-weight:950;
    margin:0 0 10px;
}
.sp-corp-head p{
    color:#b9c3d4;
    margin:0 auto;
    max-width:720px;
    font-size:16px;
    line-height:1.7;
}
.sp-corp-slider{
    position:relative;
}
.sp-corp-track{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:calc((100% - 48px) / 3);
    gap:24px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch;
    padding:8px 2px 20px;
    scrollbar-width:none;
}
.sp-corp-track::-webkit-scrollbar{display:none}
.sp-corp-card{
    scroll-snap-align:start;
    min-width:0;
    background:linear-gradient(145deg,#1e293b,#0f172a);
    border:1px solid rgba(255,255,255,.08);
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 20px 55px rgba(0,0,0,.28);
    transition:.25s;
    display:flex;
    flex-direction:column;
    min-height:100%;
}
.sp-corp-card:hover{
    transform:translateY(-7px);
    border-color:rgba(245,158,11,.45);
    box-shadow:0 26px 70px rgba(245,158,11,.12);
}
.sp-corp-media{
    height:250px;
    background:rgba(255,255,255,.025);
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:12px;
}
.sp-corp-media img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
    display:block;
    border-radius:14px;
}
.sp-corp-icon-placeholder{
    width:100%;
    height:100%;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:radial-gradient(circle at 50% 40%,rgba(245,158,11,.25),transparent 44%),rgba(0,0,0,.18);
    color:#f6a400;
    font-size:56px;
}
.sp-corp-chip{
    position:absolute;
    left:18px;
    bottom:18px;
    background:linear-gradient(135deg,#f59e0b,#fbbf24);
    color:#111;
    padding:9px 13px;
    border-radius:999px;
    font-weight:950;
    font-size:12px;
}
.sp-corp-body{
    padding:22px;
    display:flex;
    flex-direction:column;
    gap:13px;
    flex:1;
}
.sp-corp-body h3{
    color:#fff;
    font-size:21px;
    font-weight:900;
    margin:0;
    line-height:1.25;
}
.sp-corp-body p{
    color:#b8c1d1;
    margin:0;
    line-height:1.55;
    font-size:14px;
}
.sp-corp-btn{
    margin-top:auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:13px 14px;
    border-radius:12px;
    border:0;
    cursor:pointer;
    text-decoration:none!important;
    font-weight:900;
    background:linear-gradient(135deg,#f59e0b,#fbbf24);
    color:#111!important;
}
.sp-corp-prev{position:absolute;left:-18px;top:45%;transform:translateY(-50%);z-index:5}
.sp-corp-next{position:absolute;right:-18px;top:45%;transform:translateY(-50%);z-index:5}

.sp-corp-modal{
    display:none;
    position:fixed;
    inset:0;
    z-index:99999;
}
.sp-corp-modal.is-open{display:block}
.sp-corp-modal-bg{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.74);
    backdrop-filter:blur(5px);
}
.sp-corp-modal-box{
    position:relative;
    width:min(620px, calc(100% - 32px));
    margin:10vh auto 0;
    background:linear-gradient(180deg,#141b2d,#0b1020);
    border:1px solid rgba(255,255,255,.14);
    border-radius:22px;
    padding:28px;
    color:#fff;
    box-shadow:0 30px 90px rgba(0,0,0,.58);
}
.sp-corp-modal-close{
    position:absolute;
    right:14px;
    top:12px;
    width:36px;
    height:36px;
    border:0;
    border-radius:50%;
    background:#f6a400;
    color:#111;
    font-size:25px;
    line-height:1;
    cursor:pointer;
    font-weight:900;
}
.sp-corp-modal-badge{
    display:inline-flex;
    align-items:center;
    background:rgba(245,158,11,.14);
    color:#f6a400;
    border:1px solid rgba(245,158,11,.25);
    padding:8px 13px;
    border-radius:999px;
    font-weight:950;
    font-size:12px;
    margin-bottom:14px;
}
.sp-corp-modal-box h3{
    margin:0 42px 10px 0;
    color:#fff;
    font-size:25px;
    font-weight:950;
    line-height:1.25;
}
.sp-corp-modal-box p{
    margin:0;
    color:#cbd5e1;
    font-size:15px;
    line-height:1.75;
}

/* Ana slider mobil güvenli düzeltme */
@media(max-width:991px){
    .speaky-hero-wrap{padding-top:10px!important}
    .speaky-slider{width:calc(100% - 18px)!important;margin:0 auto!important;border-radius:20px!important;overflow:hidden!important}
    .speaky-title{font-size:30px!important;line-height:1.13!important}
    .speaky-highlight{font-size:20px!important;line-height:1.25!important}
    .speaky-desc{font-size:14px!important;line-height:1.55!important}
    .speaky-actions{gap:10px!important;flex-wrap:wrap!important}
    .speaky-btn{min-height:46px!important;border-radius:12px!important}
    .speaky-frame{height:300px!important;min-height:300px!important;border-radius:18px!important}
    .speaky-image{border-radius:18px!important;object-fit:contain!important}
}
@media(max-width:700px){
    .sp-reference-wrap{
        grid-template-columns:1fr;
        gap:14px;
    }
    .sp-reference-nav,
    .sp-corp-nav{
        display:none;
    }
    .sp-reference-track{
        grid-auto-columns:72vw;
        gap:14px;
    }
    .sp-corp-section{
        padding:58px 0;
    }
    .sp-corp-head h2{
        font-size:28px;
    }
    .sp-corp-head p{
        font-size:14px;
    }
    .sp-corp-track{
        grid-auto-columns:88%;
        gap:16px;
    }
    .sp-corp-media{
        height:220px;
    }
}
/* =====================================================
   Tüm Paketlerimiz - Temiz Görünüm Ayarı
   - Web Paketleri gizlenir
   - Fiyat Listesi Paketleri gizlenir
   - Mobilde Tüm Paketlerimiz alanı tamamen gizlenir
===================================================== */

/* Masaüstü/tablet: istemediğimiz kategori butonlarını gizle */
#packages .category-tab[data-category="web-paketleri"],
#packages .category-tab[data-category="web_packages"],
#packages .category-tab[data-category="web-packages"],
#packages .category-tab[data-category="fiyat-listesi-paketleri"],
#packages .category-tab[data-category="fiyat_listesi_paketleri"],
#packages .category-tab[data-category="fiyat-listesi"],
#packages .category-tab[data-category="price-list-packages"] {
    display: none !important;
}

/* Aynı kategorilere ait paket kartları da Tüm Paketlerimiz içinde görünmesin */
#packages .pkg-item[data-category="web-paketleri"],
#packages .pkg-item[data-category="web_packages"],
#packages .pkg-item[data-category="web-packages"],
#packages .pkg-item[data-category="fiyat-listesi-paketleri"],
#packages .pkg-item[data-category="fiyat_listesi_paketleri"],
#packages .pkg-item[data-category="fiyat-listesi"],
#packages .pkg-item[data-category="price-list-packages"] {
    display: none !important;
}

/* Mobilde Tüm Paketlerimiz alanını komple kapat */
@media (max-width: 768px) {
    #packages,
    .packages-section#packages {
        display: none !important;
    }
}