/* ============================================================
 * BASE / foundation (eski main-head, tek foundation)
 * Kaynak: Yedek (yeniden adlandirilmis / birlestirilmis)
 * Kural: bu dosya yalnizca bu kategori alanina aittir
 * ============================================================ */

/* --- source: css/main-head.css --- */
/* Tipografi: inc/main-head-css.php (tema paneli font-family, font-size, ağırlıklar) */
:root {
    /* Tema paneli tek kaynak — hardcode mavi RGB YOK */
    --CoreV2-primary:              var(--cv2-primary);
    --CoreV2-primary-rgb:          var(--cv2-primary-rgb);
    --CoreV2-primary-gradient:     var(--cv2-gradient);
    --theme-color-1:               var(--cv2-primary);
    --theme-color-1-tone:          var(--cv2-primary-tone);
    --theme-color-1-light:         var(--cv2-primary-light);
    --theme-color-1-gradient:      var(--cv2-gradient);
    --cd-primary-rgb:              var(--cv2-primary-rgb);
    --cd-text-3:                   #64748b;
    --r-xs:   6px;
    --r-sm:   8px;
    --r-md:  12px;
    --r-lg:  16px;
    --r-xl:  20px;
    --r-2xl: 24px;
    --r-pill:50px;
    --t-fast:  0.15s ease;
    --t-base:  0.25s ease;
    --t-slow:  0.4s ease;
    --t-spring:0.35s cubic-bezier(.34,1.46,.64,1);
}
img, video {
    max-width: 100%;
    height: auto;
    display: block;
}
.selectLangCurrency {
    display: none;
}
#selectLang,
#selectCurrency,
#ct-preloader,
#preloader {
    display: none;
}
.ct-preloader {
    display: none;
}
.preloader {
    display: none;
}
#selectLang, #selectCurrency {
    background-size: 100% auto;
    background-position: center;
    background-color: transparent;
    color: #ffffff;
    text-align: center;
}
#selectLang .langandcur a,
#selectCurrency .langandcur a {
    border: 1px solid transparent;
    width: 47%;
}
#selectLang .langandcur a:hover,
#selectCurrency .langandcur a:hover {
    border-color: #ffffff;
}
html, body {
    /* #000 / primary fallback YOK — siyah flash kok nedeni */
    background-color: var(--bg-main, #fafbfc);
    background-attachment: scroll;
    color: var(--text-primary, #101218);
    font-family: var(--font-family-base);
    font-weight: var(--font-weight-normal, 400);
    /* Alt taban 15px — aşırı küçük kayıtlı boyut siteyi "mini" göstermesin */
    font-size: max(15px, var(--font-size-base, 16px));
    transition: none;
}
html {
    font-size: max(15px, var(--font-size-base, 16px));
}
html[data-theme="dark"],
html.dark-mode {
    /* primary fallback YOK — siyah/marka flash yapardi */
    background-color: var(--cv2-surface-page, #0B0F19);
    color-scheme: dark;
}
[data-theme="dark"] body,
body.dark-mode {
    background-color: var(--bg-main, #0B0F19);
    background-attachment: scroll;
}
html[data-theme="light"],
html.light-mode {
    background-color: var(--cv2-surface-page, #fafbfc);
}
html[data-theme="light"] body,
html.light-mode body {
    background-color: var(--bg-main, #fafbfc);
}
html:not([data-theme]) #intro-section {
    visibility: hidden;
}
html:not([data-theme]) .introslider-container {
    visibility: hidden;
}
html:not([data-theme]) .intro-slider {
    visibility: hidden;
}
#wrapper,
#main-wrapper,
#content,
#main,
body,
html {
    padding-top: 0;
    margin-top: 0;
    top: 0;
}
.main-wrapper,
.main-content {
    padding-top: 0;
    margin-top: 0;
    top: 0;
}
.page-wrapper {
    padding-top: 0;
    margin-top: 0;
    top: 0;
}
.site-wrapper,
.site-content {
    padding-top: 0;
    margin-top: 0;
    top: 0;
}
.wisecp-wrapper {
    padding-top: 0;
    margin-top: 0;
    top: 0;
}
.content-area {
    padding-top: 0;
    margin-top: 0;
    top: 0;
}
@media (max-width: 991px) {
    /* AOS tamamen devre dışı - mobilde FOUC ve performans sorunlarını önler */
            /* Backdrop-filter mobilde tamamen kapat - performans katili */
    *, *::before, *::after {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
}

.percent {
    background: var(--CoreV2-primary-gradient, linear-gradient(135deg, var(--CoreV2-primary) 0%, rgba(var(--CoreV2-primary-rgb), .75) 100%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 600;
}
/* ─────────────────────────────────────────
   3. TOPBAR
   ───────────────────────────────────────── */
/* ─────────────────────────────────────────
   4. MOBILE HERO LAYOUT
   ───────────────────────────────────────── */
@media (max-width: 991px) {
        /* Sticky kapatılınca boşluk bırakma (önceki 80px hata idi) */
            .hosting-container > .slider-main,
    .slider-main {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        flex: 1 1 100%;
        box-sizing: border-box;
        padding: 16px 14px 18px;
        border-radius: 16px;
        margin: 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        background: var(--theme-color-1-gradient, var(--CoreV2-primary-gradient));
        height: auto;
        min-height: 0;
    }
                            /* slider-controls: butonların (slider-cta-row) hemen altında, sıfır boşlukla */
        /* slider-left-foot alt boşluğunu sıfırla — slider-controls hemen alttan gelsin */
        /* Mobil: panel geniş, içerik full-width */
    .slider-left {
        flex: 1 1 100%;
        width: 100%;
        max-width: 100%;
        padding: 0 2px 8px 0;
        gap: 8px;
        justify-content: flex-start;
        box-sizing: border-box;
    }
    .slider--content,
    .ctslider,
    .ctslider-slide.active {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    .slider-left-foot {
        margin-top: 10px;
        margin-bottom: 0;
        padding: 0;
        gap: 10px;
    }
    .slider-features-modern {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        margin: 0;
    }
    .feature-card-modern {
        height: auto;
        min-height: 48px;
        max-height: none;
        padding: 10px 10px;
        gap: 8px;
        border-radius: 12px;
    }
    .feature-icon-modern {
        width: 34px;
        height: 34px;
        flex: 0 0 34px;
    }
    .feature-icon-modern svg,
    .feature-icon-modern i {
        width: 16px;
        height: 16px;
        font-size: 15px;
    }
    .feature-title-modern {
        font-size: 12.5px;
        line-height: 1.3;
    }
    .feature-desc-modern {
        font-size: 11px;
        line-height: 1.35;
    }
    /* slider--content overflow gizleme kaldır, controls görünsün */
                                .slider-cta-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
        gap: 8px;
        box-sizing: border-box;
    }
    .slider-cta-row .feature-cta-modern {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: none;
        width: 100%;
        min-width: 0;
        height: auto;
        min-height: 44px;
        max-height: none;
        padding: 11px 12px;
        font-size: 12.5px;
        font-weight: 600;
        line-height: 1.25;
        white-space: nowrap;
        text-align: center;
        box-sizing: border-box;
        border-radius: 12px;
        gap: 6px;
        margin: 0;
        outline: none;
        outline-offset: 0;
    }
        .slider-description { font-size: 13px; line-height: 1.4; }
    .slider-title {
        font-size: clamp(1.1rem, 4.5vw, 1.35rem);
    }
}
/* Çok küçük ekranlar (≤360px): slider butonları alt alta */
@media (max-width: 360px) {
        .slider-cta-row .feature-cta-modern {
        padding: 12px 14px;
        font-size: 13px;
        min-height: 46px;
    }
}
/* ─────────────────────────────────────────
   6. HEADER ACTIONS
   ───────────────────────────────────────── */
html.dark-mode,
[data-theme="dark"] {
    --CoreV2-card-bg: var(--cv2-surface-card, #171F2E);
    --CoreV2-border: rgba(255, 255, 255, 0.10);
    --header-action-gradient: linear-gradient(130deg, rgba(var(--CoreV2-primary-rgb, 59, 130, 246), 0.15) -10%, #1e293b 50%, rgba(var(--CoreV2-primary-rgb, 59, 130, 246), 0.2) 110%);
    --header-action-border: rgba(255, 255, 255, 0.06);
}
.btn-login {
    height: 40px;
    padding: 0 20px;
    border-radius: var(--cv2-radius-btn, 50px);
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
    white-space: nowrap;
}
.btn-register {
    height: 40px;
    padding: 0 20px;
    border-radius: var(--cv2-radius-btn, 50px);
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
    white-space: nowrap;
}
.btn-login svg, .btn-register svg,
.btn-login i, .btn-register i {
    width: 16px;
    height: 16px;
    font-size: 16px;
    flex-shrink: 0;
}
.btn-login {
    background: transparent;
    color: var(--CoreV2-primary);
    border: 1.5px solid rgba(var(--CoreV2-primary-rgb), 0.35);
    outline: none;
}
.btn-login:hover {
    background: rgba(var(--CoreV2-primary-rgb), 0.08);
    border-color: var(--CoreV2-primary);
    transform: translateY(-1px);
}
.btn-register {
    background: var(--CoreV2-primary-gradient, var(--CoreV2-primary));
    color: #ffffff;
    border: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 2px 8px rgba(var(--CoreV2-primary-rgb),.25);
    outline: none;
}
.btn-register:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(var(--CoreV2-primary-rgb),.35);
}
.btn-login:focus,
.CoreV2-action-btn:focus {
    outline: none;
}
.ws-action-buttons .ws-button { border-radius: var(--r-pill); }
.ws-action-buttons .ws-button-outline-light {
    border-radius: var(--r-pill);
    background: rgba(var(--CoreV2-primary-rgb), .06);
    color: var(--CoreV2-primary);
    border: 1.5px dashed rgba(var(--CoreV2-primary-rgb), .4);
}
.ws-action-buttons .ws-button-primary {
    border-radius: var(--r-pill);
    background: var(--CoreV2-primary-gradient, var(--theme-color-1-gradient));
    color: #ffffff;
    border: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 2px 8px rgba(var(--CoreV2-primary-rgb),.25);
    outline: 2px solid rgba(var(--CoreV2-primary-rgb),.25);
    outline-offset: 3px;
}
[data-theme="dark"] .ws-action-buttons .ws-button-outline-light {
    background: rgba(var(--CoreV2-primary-rgb), .12);
    color: rgba(255,255,255,.9);
    border-color: rgba(var(--CoreV2-primary-rgb), .3);
}
/* ─────────────────────────────────────────
   7. NOTIFICATION PANEL
   ───────────────────────────────────────── */
/* ── Bell sallantı animasyonu ── */
@keyframes cv2BellShake {
    0%,100%  { transform: rotate(0deg); }
    8%       { transform: rotate(-12deg); }
    16%      { transform: rotate(12deg); }
    24%      { transform: rotate(-9deg); }
    32%      { transform: rotate(9deg); }
    40%      { transform: rotate(-5deg); }
    48%      { transform: rotate(5deg); }
    56%      { transform: rotate(-2deg); }
    64%      { transform: rotate(2deg); }
    72%,100% { transform: rotate(0deg); }
}
@keyframes cv2NotifSlideIn {
    from { opacity: 0; transform: scale(0.93) translateY(-8px); }
    to   { opacity: 1; transform: scale(1)   translateY(0); }
}

/* Link stili */
/* Okunmamış — hafif vurgu */
/* Okunmuş — sönük */
/* Okunmamış nokta */
.notif-unread-dot {
    position: absolute;
    top: 14px;
    right: 12px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--CoreV2-primary, var(--cv2-primary));
    animation: cv2Pulse 2s 3;
    flex-shrink: 0;
}
@keyframes cv2Pulse {
    0%,100% { transform: scale(.95); }
    70%      { transform: scale(1); }
}
@keyframes notifPulse {
    0%,100% { transform: scale(1); }
    50%      { transform: scale(1.05); }
}
@keyframes notifRotate {
    to { transform: rotate(360deg); }
}
.cv2-readall-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: 100%;
    justify-content: center;
    padding: 10px 16px;
    background: rgba(var(--CoreV2-primary-rgb,101,163,13),0.08);
    color: var(--CoreV2-primary, var(--cv2-primary));
    border: 1px solid rgba(var(--CoreV2-primary-rgb,101,163,13),0.18);
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.18s, transform 0.15s;
    outline: none;
}
.cv2-readall-btn:hover { background: rgba(var(--CoreV2-primary-rgb,101,163,13),0.14); transform: translateY(-1px); }
.cv2-readall-btn:active { transform: translateY(0); }
[data-theme="dark"] .cv2-readall-btn { background: rgba(var(--CoreV2-primary-rgb,101,163,13),0.12); border-color: rgba(var(--CoreV2-primary-rgb,101,163,13),0.25); }
/* v0.2.370: 16 tekrarlanan container width kurali tek selector'da birlestirildi */
.hosting-container,
.modern-pricing-body,
.pricing-container,
.faq-container,
.theme-services-container,
.CoreV2info-container,
.coreyorumlar-container,
.corevideoply-wrapper,
.corebarst-container,
.coresliders-grid,
.genelbaslik-container,
.CoreV2paktsb-container,
#intro-section,
.intro-slider,
.introslider-container,
.CoreV2-campaign-countdown {
    max-width: var(--CoreV2-container-width, 1300px);
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    box-sizing: border-box;
}
/* ─────────────────────────────────────────
   9. HOSTING CONTAINER  (main layout)
   ───────────────────────────────────────── */
.hosting-container {
    display: flex;
    align-items: stretch;
    gap: 16px;
    margin: 4px auto 8px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    position: relative;
    z-index: 10;
    height: 380px;
    box-sizing: border-box;
}
.hosting-container > .slider-main {
    flex: 1;
    min-width: 0;
    height: 100%;
    border-radius: var(--cv2-radius-card, 16px);
}
.hosting-container > .grid-wrapper {
    flex: 0 0 400px;
    width: 400px;
    max-width: 400px;
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
}
.hosting-container > .intro--boxes {
    flex: 0 0 340px;
    width: 340px;
}
/* Yedek düzen: üst 1fr (domain=kampanya eşit), alt auto (wide) — gap 4px */
.grid-wrapper > .coreintrocart {
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr auto;
    gap: 4px;
    align-content: stretch;
    align-items: stretch;
}
@media (max-width: 1300px) {
    .hosting-container {
        flex-direction: column;
        gap: 16px;
        height: auto;
        max-height: none;
    }
    .hosting-container > .slider-main {
        flex: 1 1 100%;
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 360px;
    }
    }
/* ─────────────────────────────────────────
   10. SLIDER — MAIN
   Panel sis KAPALI · görsel alt sis = CoreV2paktsb-hero-fog birebir
   ───────────────────────────────────────── */
.slider-main {
    background: var(--theme-color-1-gradient);
    border-radius: var(--cv2-radius-card, var(--r-2xl, 16px));
    overflow: hidden;
    /* sağ + alt padding yok → resim panel dibine/kenarına oturur (boş bant yok) */
    padding: 15px 0 0 15px;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.slider-main > * { position: relative; z-index: 1; }
.slider-main > .slider--content {
    z-index: 2;
}
/* Eski panel sağ-blur katmanı — kapalı (sis sadece resim altında) */
.slider-main > .slider-main-right-blur,
.slider-main > .slider-main-right-blur::before,
.slider-main > .slider-main-right-blur::after {
    display: none;
    content: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
/* zamanlayıcı / tabs — her zaman en üstte */
.slider-main > .slider-controls {
    z-index: 20;
}
/* Panel / eski mist / desen — kapalı (görsel fog hariç) */
.slider-main::before,
.slider-main::after,
.slider-main-mist,
.slider-main-mist::before,
.slider-main-mist::after,
.slider-right::after,
.slider-right-media::before,
.slider-right-media::after,
.slider-left::after,
body#home .slider-main::before,
body#home .slider-main::after,
body#home .slider-main-mist,
body#home .slider-right-media::before,
body#home .slider-right-media::after {
    content: none;
    display: none;
    visibility: hidden;
    opacity: 0;
    background: transparent;
    background-image: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    filter: none;
    pointer-events: none;
}
[data-theme="dark"] .slider-main { background: var(--theme-color-1-gradient); }
[data-theme="light"] .slider-main::before,
[data-theme="dark"] .slider-main::before {
    display: none;
    opacity: 0;
    content: none;
    visibility: hidden;
}
.slider--content {
    display: flex;
    flex-direction: column;
    gap: 0;
    overflow: visible;
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}
.slider--content .ctslider,
.slider-content-container {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    position: relative;
}
.ctslider-slide {
    display: none;
}
@keyframes sliderFadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes sliderFadeInImg {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.ctslider-slide.active,
.ctslider-slide[style*="display: flex"],
.ctslider-slide[style*="display:flex"] {
    display: flex;
    gap: 0;
    align-items: stretch;
    height: 100%;
    min-height: 100%;
    animation: sliderFadeIn .4s ease both;
}
.slider-left {
    flex: 0.94 1 0;
    min-width: 0;
    min-height: 100%;
    height: 100%;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    /* Yedek: head üstte, foot dengeli boşlukla ortalanır (dibine yapışmaz) */
    justify-content: flex-start;
    gap: 0;
    padding: 4px 12px 14px 10px;
    position: relative;
    z-index: 3;
    box-sizing: border-box;
}
.slider-left-head {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    flex: 0 0 auto;
}
/*
 * Sağ görsel: çizgiye çok yakın (2px), blur çizgiyi geçmez
 */
.slider-right {
    flex: 1.06 1 0;
    min-width: 0;
    max-width: none;
    min-height: 100%;
    height: 100%;
    align-self: stretch;
    overflow: hidden;
    position: relative;
    /* v0.2.317: -15px margin gorseli kirpiyordu / alt bosluk */
    margin: 0;
    padding: 0 0 0 2px;
    width: auto;
    display: block;
    border-radius: 0 var(--cv2-radius-card, 16px) var(--cv2-radius-card, 16px) 0;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.12);
}
/* ayırıcı çizgi — blur üstünde, görsele yapışık */
.slider-right::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6%;
    bottom: 6%;
    width: 2px;
    background: linear-gradient(to bottom, transparent 0%, rgba(255,255,255,.40) 18%, rgba(255,255,255,.40) 82%, transparent 100%);
    z-index: 12;
    pointer-events: none;
}
.slider-right::after {
    display: none;
    content: none;
}
/* eski sis/hero kapalı */
.slider-right > .CoreV2paktsb-hero,
.slider-right .CoreV2paktsb-hero-content,
.slider-right .CoreV2paktsb-hero-fog,
.slider-right-media,
.slider-product-image-fog,
.slider-right-media-fog,
.slider-main-mist {
    display: none;
    content: none;
}
/* resim: tam dolgu — masaustu arka plan YOK (Eski Yedek: transparent) */
.slider-product-image-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 2px;
    width: auto;
    height: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
    isolation: isolate;
    z-index: 1;
    line-height: 0;
    border-radius: 0 var(--cv2-radius-card, 16px) var(--cv2-radius-card, 16px) 0;
    background: transparent;
}
/* picture sarmalayıcı (WebP) — absolute fill bozulmasın */
.slider-product-image-wrap > picture {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
.slider-product-image-wrap > picture > img.product-image,
.slider-right img.product-image {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
    object-position: center center;
    transform: none;
    opacity: 1;
    visibility: visible;
    transform-origin: center center;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    filter: none;
    background: transparent;
    z-index: 2; /* blur altinda kalmasin — gorsel ustte */
}
/* v0.2.318: animation both opacity:0 ilk karede görseli boş gösteriyordu — kapalı */
.ctslider-slide.active .slider-right img.product-image {
    animation: none;
    opacity: 1;
}
/*
 * Alt sis: hafif — gorseli tamamen yutmasin (once 148px + 0.78 opacity)
 */
.slider-product-image-wrap > .slider-product-image-blur {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
    width: 100%;
    height: 72px;
    max-height: 72px;
    min-height: 48px;
    z-index: 3;
    pointer-events: none;
    border-radius: 0 0 var(--cv2-radius-card, 16px) 0;
    display: block;
    visibility: visible;
    opacity: 0.75;
    margin: 0;
    padding: 0;
    border: none;
    overflow: hidden;
    background: linear-gradient(
        to top,
        rgba(var(--CoreV2-primary-rgb, var(--cv2-primary-rgb)), 0.45) 0%,
        rgba(var(--CoreV2-primary-rgb, var(--cv2-primary-rgb)), 0.18) 45%,
        transparent 100%
    );
}
/* daha belirgin blur */
.slider-product-image-wrap > .slider-product-image-blur::before {
    content: '';
    position: absolute;
    inset: 0;
    display: block;
    pointer-events: none;
    background: transparent;
    backdrop-filter: blur(14px) saturate(130%);
    -webkit-backdrop-filter: blur(14px) saturate(130%);
    -webkit-mask-image: linear-gradient(to top, #000 0%, #000 38%, rgba(0,0,0,.55) 68%, transparent 100%);
    mask-image: linear-gradient(to top, #000 0%, #000 38%, rgba(0,0,0,.55) 68%, transparent 100%);
}
/* sis bulutu — wrap içinde kalır (sola taşmaz, çizgiye girmez) */
.slider-product-image-wrap > .slider-product-image-blur::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12%;
    height: 70%;
    display: block;
    pointer-events: none;
    background: radial-gradient(
        ellipse 100% 75% at 50% 100%,
        rgba(var(--CoreV2-primary-rgb, var(--cv2-primary-rgb)), 0.40) 0%,
        rgba(var(--CoreV2-primary-rgb, var(--cv2-primary-rgb)), 0.18) 45%,
        transparent 72%
    );
    filter: blur(8px);
}
/* Eski sibling konum (varsa) — sarmalayıcı içi kullanılıyor */
.slider-right > .slider-product-image-blur {
    display: none;
}
/* Fiyat rozeti — kompakt (üst boşluğu azaltır); tema buton radius */
.violet_ribbon,
.violet_ribbon.vr-price-card {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    padding: 3px 9px 3px 5px;
    background: rgba(255, 255, 255, 0.10);
    color: rgba(255, 255, 255, 0.94);
    border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 14px));
    font-size: 10.5px;
    font-weight: 400;
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    width: fit-content;
    margin-bottom: 2px;
    white-space: nowrap;
}
.violet_ribbon strong { font-weight: 700; font-size: 10.5px; color: #ffffff; }
.violet_ribbon .fw-semibold { font-weight: 700; font-size: 10.5px; color: #ffffff; }
.vr-tabs {
    display: flex;
    gap: 3px;
    background: rgba(0,0,0,.18);
    border-radius: 6px;
    padding: 2px;
}
.vr-tab {
    background: transparent;
    border: none;
    color: rgba(255,255,255,.65);
    font-size: 10.5px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 4px;
    cursor: pointer;
    transition: background .15s, color .15s;
    letter-spacing: .2px;
}
.vr-tab.active {
    background: rgba(255,255,255,.28);
    color: #ffffff;
}
.vr-single-period {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.01em;
    color: rgba(255, 255, 255, 0.94);
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 999px;
    padding: 1px 6px 1px 4px;
}
.vr-single-period svg { width: 10px; height: 10px; flex-shrink: 0; opacity: 0.9; }
.vr-price-row {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
}
.vr-price-val {
    font-size: 11.5px;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: -0.015em;
    font-variant-numeric: tabular-nums;
    line-height: 1;
}
.vr-suffix {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.82);
    font-weight: 500;
    line-height: 1.2;
}
.slider-title {
    /* biraz büyüt — sol kolon dolsun, CTA timer hizasına otursun */
    font-size: clamp(1.1rem, 1.4vw, 1.38rem);
    font-weight: 700;
    line-height: 1.28;
    color: #ffffff;
    margin: 5px 0 3px;
    letter-spacing: -0.02em;
    text-align: left;
    max-width: 100%;
    text-wrap: balance;
}
.slider-title .highlight {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.12);
    padding: 2px 8px;
    /* Tema: Buton radius (diğer UI parçalarıyla aynı) */
    border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 14px));
    border: 1px solid rgba(255, 255, 255, 0.24);
    box-shadow: none;
    display: inline;
    line-height: 1.28;
    white-space: normal;
    font-size: 0.98em;
    font-weight: 700;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    vertical-align: baseline;
}
.slider-description {
    font-size: 12.5px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.84);
    margin: 4px 0 0;
    max-width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    text-align: left;
    font-weight: 400;
    word-break: break-word;
    overflow-wrap: anywhere;
}
/*
 * Foot: Yedek dengesi — üst/alt boşluk eşit (margin auto/auto),
 * özellikler dibe yapışmaz; özellik↔CTA ~16px nefes
 */
.slider-left-foot {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 0 0 4px 0;
    /* kalan alanı eşit böl: başlık↔özellik ≈ özellik/CTA altı↔panel altı */
    margin-top: auto;
    margin-bottom: auto;
    flex: 0 0 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}
.slider-features-modern {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    margin: 0;
    width: 100%;
    max-width: none;
    padding: 0;
    box-sizing: border-box;
    flex: 0 0 auto;
}
/* Özellik kartları = CTA ile aynı hücre yüksekliği/genişliği */
.feature-card-modern {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    height: 44px;
    min-height: 44px;
    max-height: 44px;
    background: rgba(255, 255, 255, 0.07);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    box-shadow: none;
    transition: background .15s ease, border-color .15s ease;
    min-width: 0;
    text-align: left;
    box-sizing: border-box;
}
.feature-icon-modern {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 8px;
    color: #ffffff;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    box-shadow: none;
    transition: background .15s ease, border-color .15s ease;
}
.feature-icon-modern svg,
.feature-icon-modern i {
    width: 15px;
    height: 15px;
    font-size: 15px;
    color: #ffffff;
    flex-shrink: 0;
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    margin: 0;
}
.feature-content-modern { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 auto; }
.feature-title-modern {
    font-size: 13px;
    font-weight: 600;
    color: #ffffff;
    margin: 0;
    line-height: 1.25;
    letter-spacing: -0.01em;
}
.feature-desc-modern {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.64);
    margin: 0;
    line-height: 1.35;
}
/*
 * CTA: özellik grid ile aynı 2 sütun / 44px
 * Yedek: özellik → CTA arası ~16px (yapışık değil)
 */
.slider-cta-row {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    z-index: 8;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    margin: 16px 0 0 0; /* Yedek: features margin 16 + cta margin 16 dengesi */
    padding: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
.slider-cta-row .feature-cta-modern {
    /* Tema: Buton radius (radius-button) */
    border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 14px));
    margin: 0;
    flex: none;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: 48px;
    min-height: 48px;
    max-height: 48px;
    padding: 0 16px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    box-sizing: border-box;
    /* Yedek çift çerçeve — outline-offset 3px */
    outline: 2px solid rgba(255, 255, 255, 0.20);
    outline-offset: 3px;
    box-shadow: none;
}
/* CTA grid: outline nefes için gap */
.slider-cta-row {
    gap: 12px;
}
[data-theme="dark"] .slider-title .highlight {
    background: rgba(255, 255, 255, 0.10);
    border-color: rgba(255, 255, 255, 0.20);
}
.feature-card-modern:hover {
    background: rgba(255, 255, 255, 0.10);
    border-color: rgba(255, 255, 255, 0.16);
    box-shadow: none;
    transform: none;
}
[data-theme="dark"] .feature-card-modern {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.10);
}
[data-theme="dark"] .feature-card-modern:hover {
    background: rgba(255, 255, 255, 0.09);
    border-color: rgba(255, 255, 255, 0.14);
}
.feature-icon-modern::after {
    display: none;
    content: none;
}
.feature-card-modern:hover .feature-icon-modern {
    background: rgba(255, 255, 255, 0.16);
    border-color: rgba(255, 255, 255, 0.20);
    transform: none;
}
[data-theme="dark"] .feature-title-modern { color: #ffffff; }
[data-theme="dark"] .feature-desc-modern { color: rgba(255,255,255,.55); }
.slider-left::after {
    display: none;
}
.slider-right .feature-cta-modern {
    grid-column: unset;
    position: absolute;
    bottom: 28px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    white-space: nowrap;
}
/* CTA tabanı — Yedek çift çerçeve (border + outline-offset 3px) + tema radius */
.feature-cta-modern {
    grid-column: span 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 14px;
    background: rgba(255, 255, 255, 0.18);
    color: #ffffff;
    border-radius: var(--cv2-radius-btn, 50px);
    font-weight: 600;
    font-size: 12.5px;
    line-height: 1;
    text-decoration: none;
    border: 1.5px solid rgba(255, 255, 255, 0.38);
    outline: 2px solid rgba(255, 255, 255, 0.20);
    outline-offset: 3px;
    width: fit-content;
    max-width: 100%;
    margin: 0;
    letter-spacing: 0.01em;
    position: relative;
    z-index: 10;
    cursor: pointer;
    box-shadow: none;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transition: background .18s ease, border-color .18s ease, color .15s ease, outline-color .15s ease, transform .15s ease;
    box-sizing: border-box;
}
.feature-cta-modern:hover {
    background: rgba(255, 255, 255, 0.28);
    border-color: rgba(255, 255, 255, 0.58);
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: none;
}
/* Paket İncele — Yedek beyaz + çift çerçeve + tema radius */
.feature-cta-modern--packages:hover {
    background: rgba(255, 255, 255, 0.92);
    color: var(--theme-color-1, #0f172a);
    border-color: rgba(255, 255, 255, 0.9);
    outline-color: rgba(255, 255, 255, 0.40);
    box-shadow: none;
}
.feature-cta-modern--packages svg,
.feature-cta-modern--packages i {
    color: #0f172a;
    opacity: 1;
}
/* Tanıtım İzle — Yedek cam çerçeve + tema radius */
.feature-cta-modern--video {
    background: rgba(255, 255, 255, 0.18);
    color: #ffffff;
    border: 1.5px solid rgba(255, 255, 255, 0.55);
    border-radius: var(--cv2-radius-btn, 50px);
    outline: 2px solid rgba(255, 255, 255, 0.20);
    outline-offset: 3px;
    box-shadow: none;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
.feature-cta-modern--video:hover {
    background: rgba(255, 255, 255, 0.28);
    border-color: rgba(255, 255, 255, 0.70);
    outline-color: rgba(255, 255, 255, 0.30);
    color: #ffffff;
    box-shadow: 0 2px 18px rgba(0, 0, 0, 0.22);
}
.feature-cta-modern--video svg,
.feature-cta-modern--video i {
    color: #ffffff;
    opacity: 1;
}
.feature-cta-modern svg {
    transition: transform .18s ease;
    flex-shrink: 0;
    opacity: .92;
    width: 14px;
    height: 14px;
}
/* CTA ikonları timer nav (26–34px) ölçeğinde */
.slider-cta-row .feature-cta-modern svg {
    width: 14px;
    height: 14px;
}
.feature-cta-modern:hover svg { transform: translateX(2px); }
.feature-cta-modern--video:hover svg { transform: none; }
/* slider-controls: her zaman flex-column — masaüstünde absolute, mobilde relative (aşağıda) */
.slider-main > .slider-controls,
.slider-main .slider--content .slider-controls,
.slider-controls {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex-shrink: 0;
    padding: 0;
    border: none;
    border-top: none;
    visibility: visible;
    opacity: 1;
    min-width: 0;
    transform: none;
    z-index: 15;
    box-sizing: border-box;
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
    pointer-events: auto;
    isolation: isolate;
}
/* Masaüstü: timer = CTA ile aynı bottom (12px), çizginin sağında */
@media (min-width: 992px) {
    .slider-main > .slider-controls,
    .slider-main .slider--content .slider-controls,
    .slider-controls {
        position: absolute;
        bottom: 12px; /* CTA bottom ile eşit */
        left: 52%;
        right: 16px;
        width: auto;
        max-width: none;
        box-sizing: border-box;
        overflow: visible;
        padding: 0 6px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        gap: 6px;
    }
}
.slider-nav-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
    min-height: 28px;
}
.slider-progress-wrapper {
    flex: 1 1 auto;
    min-width: 0;
}
.slider-nav-row .next-slide-preview {
    flex-shrink: 0;
}
.slider-nav-btn:hover { background: rgba(255,255,255,.22); border-color: rgba(255,255,255,.45); transform: scale(1.06); }
[data-theme="dark"] .slider-nav-btn { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.15); }
[data-theme="dark"] .slider-nav-btn:hover { background: rgba(255,255,255,.18); }
.sc--tabs-viewport {
    width: 100%;
    max-width: 100%;
    /* 4 sekme görünür; 5+ için yatay kaydırma (yarım sekme kırpması yok) */
    overflow-x: auto;
    overflow-y: visible;
    position: relative;
    margin: 0 auto;
    padding: 2px 2px 4px;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    /* cqi = viewport genişliği → her item 1/4 */
    container-type: inline-size;
    container-name: sc-tabs-vp;
}
.sc--tabs-viewport::-webkit-scrollbar { display: none; }
.sc--tabs {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
    overflow: visible;
    scroll-snap-type: none;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin: 0;
    justify-content: flex-start;
    padding: 0 2px;
    width: max-content;
    min-width: 100%;
    max-width: none;
    box-sizing: border-box;
    transition: none;
}
.sc--tabs::-webkit-scrollbar { display: none; }
.sc--tabs.is-scrollable {
    justify-content: flex-start;
}
/* Kategori sekmeleri — 4v (viewport/4); 4'ten sonra kaydırma; tema oval */
.sc--tabs .item {
    scroll-snap-align: none;
    /* gap 6px × 3 = 18px → 4 eşit sütun viewport'a göre */
    flex: 0 0 calc((100cqi - 18px) / 4);
    width: calc((100cqi - 18px) / 4);
    max-width: calc((100cqi - 18px) / 4);
    min-width: 0;
    overflow: hidden;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    background: rgba(255, 255, 255, 0.06);
    /* Tema: Buton radius */
    border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 14px));
    cursor: pointer;
    font-size: 10.5px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.55);
    user-select: none;
    white-space: nowrap;
    padding: 0 10px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    position: relative;
    transition: background .18s ease, color .18s ease, border-color .18s ease;
    box-sizing: border-box;
}
.sc--tabs .item::before {
    display: none;
}
.sc-tab-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 11px;
    height: 11px;
    flex-shrink: 0;
}
.sc-tab-icon i {
    font-size: 10px;
    line-height: 1;
    width: 10px;
    height: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.sc-tab-icon-active {
    display: none;
}
.sc--tabs .item.active .sc-tab-icon-inactive {
    display: none;
}
.sc--tabs .item.active .sc-tab-icon-active {
    display: inline-flex;
}
.sc--tabs .item:not(.active) .sc-tab-icon-inactive {
    opacity: 0.48;
    color: rgba(255, 255, 255, 0.65);
    font-weight: 400;
    filter: none;
}
.sc--tabs .item.active .sc-tab-icon-active {
    opacity: 1;
    color: #ffffff;
    transform: scale(1.05);
    filter: none;
}
.sc-tab-label {
    flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sc--tabs .item.active {
    background: rgba(255, 255, 255, 0.20);
    color: #ffffff;
    box-shadow: none;
    border-color: rgba(255, 255, 255, 0.5);
    border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 14px));
}
.sc--tabs .item:hover {
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
}
[data-theme="dark"] .sc--tabs .item {
    color: rgba(255, 255, 255, 0.65);
}
[data-theme="dark"] .sc--tabs .item.active {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.65);
}
.slider-progress-wrapper .sc-timer-progress {
    margin: 0;
    background: rgba(255,255,255,.22);
    height: 3px;
    border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 14px));
    position: relative;
    overflow: hidden;
    flex: 1 1 auto;
    min-width: 0;
}
.slider-progress-wrapper .sc-timer-progress span,
#slider-progress {
    display: block;
    height: 100%;
    width: 0%;
    max-width: 100%;
    background: #ffffff;
    border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 14px));
    /* JS transition kullanır — CSS animation kapalı (çakışma yok) */
    animation: none;
}
.sc-timer-progress {
    height: 3px;
    border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 14px));
    background: rgba(255,255,255,.22);
    position: relative;
    overflow: hidden;
}
[data-theme="dark"] .sc-timer-progress { background: rgba(255,255,255,.14); }
.sc-timer-progress span.running { animation: none; }
@keyframes sliderFill { from { width: 0%; } to { width: 100%; } }
.next-slide-preview {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    flex-shrink: 0;
    border: 2px solid rgba(255,255,255,.35);
    transition: border-color .18s ease, transform .15s ease;
}
.next-slide-preview:hover { border-color: rgba(255,255,255,.6); transform: scale(1.06); }
.next-slide-preview img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
.next-slide-preview-ring { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 2; pointer-events: none; }
.next-slide-preview-ring-track { stroke: rgba(255,255,255,.2); stroke-width: 2.5; }
.next-slide-preview-ring-fill { stroke: #ffffff; stroke-width: 2.5; stroke-dasharray: 132; stroke-dashoffset: 132; transition: none; }
.next-slide-preview-ring-fill.running { animation: ringFill 5000ms linear forwards; }
@keyframes ringFill { from { stroke-dashoffset: 132; } to { stroke-dashoffset: 0; } }
.preview-overlay { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.45); color: #ffffff; font-size: 7px; font-weight: 600; letter-spacing: .03em; text-transform: uppercase; z-index: 1; opacity: 0; transition: opacity .2s ease; pointer-events: none; border-radius: 50%; }
.next-slide-preview:hover .preview-overlay { opacity: 1; }
/* packages CTA — Yedek beyaz + çift çerçeve + tema radius */
.feature-cta-modern--packages {
    background: #ffffff;
    color: var(--theme-color-1, #0f172a);
    border: 1.5px solid #ffffff;
    outline: 2px solid rgba(255, 255, 255, 0.30);
    outline-offset: 3px;
    border-radius: var(--cv2-radius-btn, 50px);
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
.feature-cta-modern--packages svg,
.feature-cta-modern--packages i {
    color: var(--theme-color-1, #0f172a);
    opacity: 1;
}
.feature-cta-modern--packages:hover {
    background: rgba(255, 255, 255, 0.92);
    border-color: #ffffff;
    outline-color: rgba(255, 255, 255, 0.40);
    color: var(--theme-color-1, #0f172a);
    box-shadow: none;
}
@media (max-width: 900px) {
            /* v0.2.317: mobil/tablet gorseli tamamen gizleme — kompakt goster */
    .slider-right {
        display: block;
        position: relative;
        width: 100%;
        height: 200px;
        min-height: 200px;
        max-height: 220px;
        margin: 8px 0 0 0;
        padding: 0;
        order: -1;
        border-radius: var(--cv2-radius-card, 16px);
        overflow: hidden;
    }
    .slider-product-image-wrap {
        display: block;
        position: absolute;
        inset: 0;
        left: 0;
        height: 100%;
        min-height: 100%;
        width: 100%;
    }
    .slider-right img.product-image {
        display: block;
        opacity: 1;
        visibility: visible;
        object-fit: cover;
    }
    .slider-product-image-blur,
    .slider-main-right-blur {
        height: 56px;
        min-height: 40px;
        max-height: 56px;
    }
    .slider-right::before,
    .slider-main-mist,
    .slider-main::before,
    .slider-main::after,
    .slider-left::after { display: none; }
                    .slider-left {
        padding: 2px 2px 8px 0;
        margin: 0;
        gap: 8px;
    }
    .slider-left-foot {
        padding-bottom: 0;
        margin-top: 10px;
        margin-bottom: 0;
        gap: 10px;
    }
    .slider-features-modern {
        max-width: 100%;
        padding-right: 0;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        margin: 0;
    }
    .feature-card-modern {
        height: auto;
        min-height: 48px;
        max-height: none;
        padding: 10px 10px;
        border-radius: 12px;
    }
    .feature-icon-modern {
        width: 36px;
        height: 36px;
        flex: 0 0 36px;
    }
    .feature-icon-modern svg,
    .feature-icon-modern i {
        width: 17px;
        height: 17px;
        font-size: 16px;
    }
    .feature-title-modern {
        font-size: 13px;
    }
    .feature-desc-modern {
        font-size: 11px;
    }
    .slider-cta-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
        gap: 8px;
        border: 0;
    }
        .slider-cta-row .feature-cta-modern {
        grid-column: span 1;
        flex: none;
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 44px;
        max-height: none;
        margin: 0;
        justify-content: center;
        font-size: 12.5px;
        padding: 11px 10px;
        border-radius: 12px;
        white-space: nowrap;
    }
            }
/* ─────────────────────────────────────────
   11. GRID TOGGLE BAR
   ───────────────────────────────────────── */
.grid-toggle-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2px 10px;
    flex-shrink: 0;
    border-bottom: 1px solid rgba(0,0,0,.06);
    margin-bottom: 4px;
}
.grid-toggle-label-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
    letter-spacing: .03em;
    text-transform: uppercase;
}
.grid-toggle-btn {
    width: 28px; height: 28px;
    border-radius: 8px;
    border: 1px solid rgba(0,0,0,.08);
    background: rgba(0,0,0,.03);
    cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    color: #64748b;
    padding: 0;
}
.grid-toggle-chevron { transition: transform .35s cubic-bezier(.23,1,.32,1); }
.grid-wrapper.grid-collapsed { flex: 0 0 44px; width: 44px; min-width: 0; overflow: hidden; }
.grid-wrapper.grid-collapsed > .coreintrocart           { display: none; }
.grid-wrapper.grid-collapsed .grid-toggle-label-wrap    { display: none; }
.grid-wrapper.grid-collapsed .grid-toggle-chevron       { transform: rotate(180deg); }
.grid-wrapper.grid-collapsed .grid-toggle-bar           { border-bottom: none; padding: 8px 0 0; justify-content: center; margin-bottom: 0; }

/* ─────────────────────────────────────────
   12. INTRO CARDS GRID  (Yedek: 2 üst + 1 alt, yumuşak 30px)
   ───────────────────────────────────────── */
.coreintrocart {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr auto;
    gap: 4px;
    padding: 0;
    background: transparent;
    border: none;
    height: 100%;
    min-height: 0;
    align-content: stretch;
    align-items: stretch;
    box-sizing: border-box;
}
.core-card {
    background: var(--card-bg, #ffffff);
    border-radius: 30px;
    padding: 8px 10px;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,.06);
    box-shadow: none;
    transition: transform .2s ease, border-color .15s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
}
[data-theme="dark"] .core-card {
    background: var(--CoreV2-card-bg);
    border-color: var(--CoreV2-border);
}
.core-card:hover {
    transform: translateY(-2px);
}
.card-tag {
    font-size: 8px;
    font-weight: 600;
    color: var(--CoreV2-primary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 2px;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    background: rgba(var(--CoreV2-primary-rgb),.08);
    padding: 2px 6px;
    border-radius: 50px;
}
.card-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-color, #0e1119);
    line-height: 1.2;
    margin: 0 0 1px;
    letter-spacing: -0.3px;
}
.card-subtitle {
    font-size: 9.5px;
    color: var(--text-secondary, #64748b);
    margin: 0 0 2px;
    line-height: 1.3;
}
[data-theme="dark"] .card-title    { color: #f1f5f9; }
[data-theme="dark"] .card-subtitle { color: rgba(var(--cv2-primary-rgb),.8); }
.box-search {
    grid-column: 1;
    grid-row: 1;
    position: relative;
    overflow: hidden;
    background: var(--CoreV2-bg, #f8f9fd);
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 30px;
    padding: 8px 11px 10px;
    min-height: 0;
    height: 100%;
    justify-content: space-between;
}
.box-search::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url('../../images/wscms_Images/revmo-1.webp');
    background-size: cover;
    background-position: center;
    opacity: .14;
    z-index: 0;
    pointer-events: none;
}
.box-search .card-tag {
    background: rgba(var(--CoreV2-primary-rgb),.1);
    color: var(--CoreV2-primary);
    border: 1px dashed rgba(var(--CoreV2-primary-rgb),.3);
}
.box-search .card-title { color: var(--cv2-heading, #0e1119); font-size: 13px; font-weight: 800; }
.box-search .card-subtitle { color: #64748b; font-size: 9px; }
.box-search .d-logo img { filter: none; opacity: .85; }
.box-search .d-fallback { color: var(--cv2-heading, #0e1119); }
[data-theme="dark"] .box-search {
    background: var(--cv2-panel, #0e1119);
    border-color: rgba(255,255,255,.07);
}
[data-theme="dark"] .box-search::before { opacity: .08; }
[data-theme="dark"] .box-search .card-title { color: #ffffff; }
[data-theme="dark"] .box-search .card-subtitle { color: rgba(255,255,255,.5); }
[data-theme="dark"] .box-search .d-logo img { filter: brightness(0) invert(1); }
[data-theme="dark"] .box-search .d-fallback { color: #ffffff; }
.d-logo {
    width: 48px; height: 30px;
    flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
    position: relative;
    z-index: 1;
}
.d-logo img {
    max-width: 100%; max-height: 28px;
    object-fit: contain;
    opacity: .9;
    transition: opacity .15s ease, transform .15s ease;
}
.d-info {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
}
.d-logo img { filter: brightness(0) invert(1); opacity: .8; }
.d-fallback { font-size: 10px; font-weight: 700; color: #ffffff; letter-spacing: -.3px; }
.d-price {
    font-size: 10px;
    font-weight: 700;
    color: var(--CoreV2-primary);
    background: rgba(var(--CoreV2-primary-rgb),.18);
    padding: 2px 8px;
    border-radius: 20px;
    border: 1px solid rgba(var(--CoreV2-primary-rgb),.3);
    transition: background .15s ease, color .15s ease;
    white-space: nowrap;
}
.box-campaign {
    grid-column: 2;
    grid-row: 1;
    background: #ffffff;
    justify-content: space-between;
    border: 1px solid rgba(var(--CoreV2-primary-rgb),.07);
    min-height: 0;
    height: 100%;
}
[data-theme="dark"] .box-campaign {
    background: rgba(var(--cv2-primary-rgb),.88);
    border-color: rgba(255,255,255,.07);
}
.percent-box {
    margin: 3px 0 2px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}
.percent {
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -1.5px;
    color: var(--CoreV2-primary);
}
[data-theme="dark"] .percent { color: var(--CoreV2-primary); }
.percent-label {
    font-size: 8px;
    font-weight: 600;
    color: var(--CoreV2-primary);
    letter-spacing: 0.6px;
    text-transform: uppercase;
    background: rgba(var(--CoreV2-primary-rgb),.08);
    padding: 1px 5px;
    border-radius: 5px;
}
.camp-desc {
    font-size: 10px;
    color: var(--text-muted, #64748b);
    line-height: 1.4;
    margin-bottom: 5px;
}
[data-theme="dark"] .camp-desc { color: #94a3b8; }
.action-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 600;
    color: var(--CoreV2-primary);
    text-decoration: none;
    padding: 5px 12px;
    border-radius: 50px;
    background: rgba(var(--CoreV2-primary-rgb), 0.08);
    border: 1px solid rgba(var(--CoreV2-primary-rgb), 0.18);
    transition: all 0.2s cubic-bezier(0.34, 1.3, 0.64, 1);
    width: fit-content;
    white-space: nowrap;
    letter-spacing: 0.01em;
}
.action-link:hover {
    background: var(--CoreV2-primary);
    color: #ffffff;
    border-color: var(--CoreV2-primary);
    transform: translateY(-1px);
}
.action-link svg, .action-link i {
    width: 13px;
    height: 13px;
    transition: transform 0.2s ease;
    flex-shrink: 0;
}
.action-link:hover svg, .action-link:hover i {
    transform: translateX(3px);
}
[data-theme="dark"] .action-link {
    background: rgba(var(--CoreV2-primary-rgb), 0.12);
    border-color: rgba(var(--CoreV2-primary-rgb), 0.25);
    color: var(--CoreV2-primary);
}
.box-wide {
    grid-column: 1 / -1;
    grid-row: 2;
    background: var(--cv2-panel, #0e1119);
    min-height: 150px;
    height: auto;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 30px;
    margin-top: 0;
    margin-bottom: 0;
}
[data-theme="dark"] .box-wide {
    background: var(--cv2-panel, #0f172a);
    border-color: rgba(255,255,255,.08);
}
/* Yan ışıklı radial glow kaldırıldı */
.box-wide::before {
    display: none;
    content: none;
}
.wide-content { padding: 12px 14px; z-index: 2; flex: 1; }
.badge-new {
    background: rgba(var(--CoreV2-primary-rgb),.18);
    color: var(--CoreV2-primary);
    font-size: 9px;
    font-weight: 600;
    padding: 2px 7px;
    border-radius: 50px;
    margin-bottom: 3px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.wide-title {
    font-size: 15px;
    font-weight: 600;
    margin: 2px 0 3px;
    letter-spacing: -.3px;
    color: #ffffff;
    line-height: 1.2;
}
.wide-desc {
    font-size: 11px;
    color: rgba(255,255,255,.6);
    margin-bottom: 8px;
    max-width: 240px;
    line-height: 1.4;
}
.wide-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11.5px;
    font-weight: 600;
    color: #ffffff;
    text-decoration: none;
    padding: 7px 14px;
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: var(--cv2-radius-btn, 999px);
    transition: background .15s ease, border-color .15s ease, opacity .15s ease;
    white-space: nowrap;
    letter-spacing: 0.01em;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
}
.wide-btn:hover {
    background: rgba(255, 255, 255, 0.22);
    border-color: rgba(255, 255, 255, 0.36);
    color: #ffffff;
    transform: none;
    box-shadow: none;
}
.wide-btn svg, .wide-btn i {
    width: 13px;
    height: 13px;
    transition: transform 0.2s ease;
    flex-shrink: 0;
}
.wide-btn:hover svg, .wide-btn:hover i {
    transform: translateX(3px);
}
.wide-visual {
    width: 110px;
    height: 100%;
    position: relative;
    z-index: 4;
    flex-shrink: 0;
    mask-image: linear-gradient(to right, transparent, black 20%);
    -webkit-mask-image: linear-gradient(to right, transparent, black 20%);
}
.wide-visual img {
    width: 100%; height: 100%;
    object-fit: cover;
    opacity: .85;
    border-radius: 0 12px 12px 0;
    transition: opacity .2s ease;
}
.box-wide:hover .wide-visual img { opacity: 1; }
.wide-btn,
.box-wide .wide-btn {
    background: var(--theme-color-1-gradient);
    color: #ffffff;
    border-color: transparent;
}
.clean-search-btn {
    background: var(--theme-color-1-gradient);
    color: #ffffff;
    border-color: transparent;
}
.btn-register {
    background: var(--theme-color-1-gradient);
    color: #ffffff;
    border-color: transparent;
}
.wide-btn:hover,
.box-wide .wide-btn:hover {
    background: var(--theme-color-1-gradient);
    opacity: .9;
    color: #ffffff;
}
.clean-search-btn:hover {
    background: var(--theme-color-1-gradient);
    opacity: .9;
    color: #ffffff;
}
.btn-register:hover {
    background: var(--theme-color-1-gradient);
    opacity: .9;
    color: #ffffff;
}
@media (max-width: 768px) {
                            .box-wide {
        display: grid;
        min-height: 160px;
        margin-top: 0;
        margin-bottom: 0;
        overflow: hidden;
        border-radius: 30px;
    }
}

/* ─────────────────────────────────────────
   13. INTRO SECTION  (#intro-section)
   ───────────────────────────────────────── */
#intro-section {
    padding: 16px 0 0;
    margin-top: 0;
    padding-top: 0;
    position: relative;
    z-index: 1;
    overflow: visible;
}
#intro-section::before {
    content: "";
    position: absolute;
    right: -150px; top: -100px;
    width: 500px; height: 500px;
    background: radial-gradient(ellipse at center,
        rgba(var(--CoreV2-primary-rgb),.15) 0%,
        rgba(var(--CoreV2-primary-rgb),.08) 25%,
        rgba(var(--CoreV2-primary-rgb),.03) 50%,
        transparent 70%);
    border-radius: 50%;
    z-index: -1;
    pointer-events: none;
}
#intro-section::after {
    content: "";
    position: absolute;
    left: -100px; bottom: -50px;
    width: 400px; height: 400px;
    background: radial-gradient(ellipse at center,
        rgba(var(--CoreV2-primary-rgb),.1) 0%,
        rgba(var(--CoreV2-primary-rgb),.05) 30%,
        transparent 60%);
    border-radius: 50%;
    z-index: -1;
    pointer-events: none;
}
.intro-slider {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 16px;
    min-height: auto;
    height: auto;
    margin: 0 auto;
    align-items: start;
    padding: 20px 0;
}
.intro-social {
    position: absolute;
    left: -15px; top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 3px;
    background: var(--CoreV2-card-bg, #ffffff);
    padding: 6px 4px;
    border-radius: 25px;
    border: 0.5px solid rgb(146 146 146 / 15%);
    z-index: 100;
}
[data-theme="dark"] .intro-social { background: var(--CoreV2-card-bg); border: 1.5px solid var(--CoreV2-border); }
.intro-social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px; height: 26px;
    border-radius: 50%;
    background: rgba(var(--CoreV2-primary-rgb),.1);
    color: var(--CoreV2-primary);
    transition: all var(--t-base);
}
[data-theme="dark"] .intro-social a { background: rgba(var(--CoreV2-primary-rgb),.2); }
.intro-social a:hover { background: var(--CoreV2-primary); color: #ffffff; transform: scale(1.08); }
.intro-social a svg   { width: 12px; height: 12px; }
.intro-card-products {
    padding-top: 12px;
    padding-bottom: 12px;
    max-height: none;
    overflow: visible;
}
.intro-card {
    background: var(--CoreV2-card-bg, #ffffff);
    border-radius: var(--r-lg);
    border: 0.5px solid rgb(146 146 146 / 15%);
    padding: 20px 25px 20px 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    overflow: visible;
    min-height: auto;
    height: auto;
    gap: 0;
}
[data-theme="dark"] .intro-card { background: var(--CoreV2-card-bg); border: 1.5px solid var(--CoreV2-border); }
.intro-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('https://www.transparenttextures.com/patterns/skeletal-weave.png');
    background-repeat: repeat;
    border-radius: var(--r-lg);
    z-index: 0;
    pointer-events: none;
    opacity: .2;
    mask-image: radial-gradient(ellipse at bottom left, black 0%, transparent 60%), radial-gradient(ellipse at top right, black 0%, transparent 60%);
    mask-composite: add;
    -webkit-mask-image: radial-gradient(ellipse at bottom left, black 0%, transparent 60%), radial-gradient(ellipse at top right, black 0%, transparent 60%);
    -webkit-mask-composite: source-over;
    filter: hue-rotate(0deg) saturate(1.5) brightness(1.2);
}
[data-theme="dark"] .intro-card::before {
    opacity: .08;
}
.intro-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, transparent 0%, rgba(var(--CoreV2-primary-rgb),.02) 100%);
    border-radius: var(--r-lg);
    z-index: 0;
    pointer-events: none;
}
.intro-left {
    flex: 1;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-left: 8px;
    justify-content: flex-start;
}
.intro-right {
    background: var(--theme-color-1-gradient);
    border-radius: var(--r-lg);
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    min-height: 0;
    align-self: stretch;
}
.intro-section-product .intro-right {
    min-height: 0;
    max-height: none;
}
.intro-right::before { display: none; }
.intro-right::after {
    content: "";
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 55%;
    background: linear-gradient(to top, var(--CoreV2-primary) 0%, rgba(var(--CoreV2-primary-rgb),0.7) 30%, rgba(var(--CoreV2-primary-rgb),0.3) 60%, transparent 100%);
    z-index: 2;
    pointer-events: none;
    border-radius: 0 0 32px 32px;
}
.intro-right-frame {
    position: absolute;
    top: 6px; right: 6px; bottom: 6px; left: 6px;
    border: 1px dashed rgba(255,255,255,.7);
    border-radius: 30px 4px 30px 4px;
    opacity: .8;
    z-index: 30;
    transition: all var(--t-slow);
    pointer-events: none;
}
.intro-right:hover .intro-right-frame {
    opacity: .5;
    border-radius: 4px 30px 4px 30px;
    transform: translate(3px,-3px);
}
.intro-right img {
    position: absolute;
    inset: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    object-fit: contain;
    object-position: center center;
    z-index: 1;
    filter: drop-shadow(0 8px 20px rgba(0,0,0,.25));
    mask-image: linear-gradient(to bottom, black 85%, transparent 100%),
                linear-gradient(to left, black 85%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 85%, transparent 100%),
                        linear-gradient(to left, black 85%, transparent 100%);
}
.intro-hero-info {
    position: absolute;
    bottom: 15px; left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 90%; max-width: 400px;
    z-index: 10;
}
.intro-hero-heading {
    font-size: 13px;
    font-weight: 600;
    color: #ffffff;
    margin: 0 0 6px;
    line-height: 1.2;
}
.intro-hero-pricing {
    display: inline-flex;
    align-items: baseline;
    gap: 3px;
    padding: 4px 10px;
    background: rgba(0,0,0,0.75);
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 8px;
    margin: 0 0 4px;
    backdrop-filter: blur(16px);
}
.hero-price-amount   { font-size: 16px; font-weight: 700; color: #ffffff; line-height: 1; }
.hero-price-period   { font-size: 9px;  color: #ffffff; font-weight: 600; }
.intro-hero-subtitle { font-size: 9px;  color: #ffffff; font-weight: 500; }
.intro-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: var(--CoreV2-card-bg, #ffffff);
    border: 1px solid var(--CoreV2-border, #e2e8f0);
    border-radius: 50px;
    padding: 5px 12px 5px 5px;
    margin-bottom: 8px;
    width: fit-content;
}
[data-theme="dark"] .intro-breadcrumb { background: rgba(255,255,255,.05); border-color: var(--CoreV2-border); }
.intro-breadcrumb .breadcrumb-icon {
    display: flex; align-items: center; justify-content: center;
    width: 26px; height: 26px;
    background: rgba(var(--CoreV2-primary-rgb),.1);
    color: var(--CoreV2-primary);
    border-radius: 50%;
    transition: all .2s;
}
.intro-breadcrumb .breadcrumb-icon:hover { background: var(--CoreV2-primary); color: #ffffff; }
.intro-breadcrumb .breadcrumb-icon svg   { width: 12px; height: 12px; }
.intro-breadcrumb .breadcrumb-sep        { font-size: 12px; color: var(--CoreV2-text, #94a3b8); margin: 0 2px; }
.intro-breadcrumb .breadcrumb-text       { font-size: 12px; font-weight: 600; color: var(--CoreV2-primary); }
[data-theme="dark"] .intro-breadcrumb .breadcrumb-text { color: #f1f5f9; }
.intro-top-title {
    font-size: 12px; font-weight: 600;
    color: var(--CoreV2-primary);
    margin-bottom: 4px;
    text-transform: uppercase;
}
.intro-title {
    font-size: 22px; font-weight: 600;
    color: var(--cv2-primary);
    margin: 0 0 6px;
    line-height: 1.2;
}
.intro-title .text-primary { color: var(--CoreV2-primary); }
[data-theme="dark"] .intro-title { color: #ffffff; }
.intro-desc {
    font-size: 13px;
    color: var(--cv2-primary);
    margin: 0 0 12px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
    overflow-wrap: break-word;
}
[data-theme="dark"] .intro-desc { color: #94a3b8; }
.intro-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: var(--CoreV2-primary);
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: transform var(--t-base);
    width: fit-content;
}
.intro-btn:hover { transform: translateY(-2px); color: #ffffff; }
.intro-content-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-top: 0;
    flex: 1;
}
.intro-content-left { flex: 1; min-width: 0; padding-top: 2px; max-width: 480px; }
.intro-features {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 10px;
    flex: 0 0 auto;
    width: 380px;
    position: relative;
    top: -25px;
}
.intro-feature {
    display: flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid rgba(var(--CoreV2-primary-rgb),.15);
    border-radius: 14px;
    padding: 14px 16px;
    transition: border-color var(--t-base);
    min-height: 58px;
}
.intro-feature:hover { border-color: rgba(var(--CoreV2-primary-rgb),.3); }
[data-theme="dark"] .intro-feature { background: rgba(255,255,255,.05); border-color: var(--CoreV2-border); }
.intro-feature .feature-icon {
    display: flex; align-items: center; justify-content: center;
    width: 32px; height: 32px;
    background: rgba(var(--CoreV2-primary-rgb),.1);
    color: var(--CoreV2-primary);
    border-radius: 8px;
    flex-shrink: 0;
}
.intro-feature .feature-icon svg { width: 16px; height: 16px; }
.intro-feature .feature-info { display: flex; flex-direction: column; gap: 1px; }
.intro-feature .feature-info strong { font-size: 13px; font-weight: 600; color: var(--cv2-primary); line-height: 1.2; }
.intro-feature .feature-info small  { font-size: 11px; color: #64748b; font-weight: 500; display: block; }
[data-theme="dark"] .intro-feature .feature-info strong { color: #ffffff; }
[data-theme="dark"] .intro-feature .feature-info small  { color: #94a3b8; }
.intro-specs-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    position: absolute;
    right: 16px;
    bottom: 16px;
    width: 280px;
    background: rgba(var(--CoreV2-primary-rgb),0.025);
    border-radius: 16px;
    padding: 8px;
}

.intro-spec-item {
    display: flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, rgba(var(--cd-primary-rgb),.09) 0%, rgba(var(--cd-primary-rgb),.05) 50%, rgba(var(--cd-primary-rgb),.11) 100%);
    border: 1.5px solid rgba(var(--cd-primary-rgb),.15);
    border-radius: 12px;
    padding: 11px 13px;
    transition: transform .35s cubic-bezier(.4,0,.2,1), border-color .35s;
    min-height: 52px;
    position: relative;
    overflow: hidden;
}
.intro-spec-item::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(var(--CoreV2-primary-rgb),.03) 0%, transparent 60%);
    border-radius: var(--r-lg);
    opacity: 0;
    transition: opacity .35s;
    pointer-events: none;
}
.intro-spec-item:hover { transform: translateY(-2px); border-color: rgba(var(--CoreV2-primary-rgb),.25); }
.intro-spec-item:hover::before { opacity: 1; }
[data-theme="dark"] .intro-spec-item       { background: linear-gradient(145deg, rgba(255,255,255,0.07) 0%, rgba(255,255,255,0.03) 100%); border-color: rgba(255,255,255,.08); }
[data-theme="dark"] .intro-spec-item:hover { background: linear-gradient(145deg, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0.06) 100%); border-color: rgba(var(--CoreV2-primary-rgb),.3); }
.intro-spec-item .spec-icon {
    display: flex; align-items: center; justify-content: center;
    width: 34px; height: 34px;
    background: linear-gradient(135deg, rgba(var(--CoreV2-primary-rgb),.15) 0%, rgba(var(--CoreV2-primary-rgb),.08) 100%);
    color: var(--CoreV2-primary);
    border-radius: 9px;
    flex-shrink: 0;
    transition: all .35s;
}
.intro-spec-item:hover .spec-icon {
    background: linear-gradient(135deg, var(--CoreV2-primary) 0%, rgba(var(--CoreV2-primary-rgb),.8) 100%);
    color: #ffffff;
    transform: scale(1.05);
}
.intro-spec-item .spec-icon svg { width: 16px; height: 16px; transition: transform .3s; }
.intro-spec-item:hover .spec-icon svg { transform: scale(1.1); }
.intro-spec-item .spec-info { display: flex; flex-direction: column; gap: 1px; min-width: 0; overflow: hidden; }
.intro-spec-item .spec-info strong { font-size: 10px; font-weight: 500; color: var(--cv2-primary); line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.intro-spec-item .spec-info small  { color: var(--cv2-primary); display: block; white-space: nowrap; overflow: hidden; }
[data-theme="dark"] .intro-spec-item .spec-info strong { color: #94a3b8; }
[data-theme="dark"] .intro-spec-item .spec-info small  { color: #e2e8f0; }

/* ─────────────────────────────────────────
   14. INTROSLIDER  (single-card variant)
   ───────────────────────────────────────── */
.introslider-container {
    margin-top: 10px;
    overflow: hidden;
}
.introslider-single-card {
    background: var(--card-background);
    border-radius: var(--r-xl);
    display: flex;
    justify-content: space-between;
    height: 255px;
    overflow: hidden;
    position: relative;
    transition: transform var(--t-base), background-color var(--t-base);
    padding: 15px 20px;
    margin: 0 auto;
    max-width: var(--CoreV2-container-width);
    border: 1px solid var(--border);
}
.introslider-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    padding: 8px 16px;
    border-radius: 20px;
    border: 1.5px dashed var(--primary-color);
    color: var(--primary-color);
    font-weight: 600;
    background: var(--primary-color-rgb);
    white-space: nowrap;
}
[data-theme="inverted"] .introslider-badge {
    border-color: #ffffff; color: #ffffff; background: rgba(255,255,255,.15);
}
.introslider-icon { width: 16px; height: 16px; fill: var(--primary-color); }
.introslider-title {
    color: var(--title);
    font-size: 28px;
    margin-bottom: 12px;
    font-weight: 600;
}
.introslider-title-highlight { color: var(--primary-color); }
.introslider-description {
    font-size: 16px;
    color: var(--text);
    line-height: 1.6;
    margin-bottom: 24px;
    max-width: 500px;
}
.introslider-view-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 28px;
    border: 2px solid var(--primary-color);
    border-radius: 30px;
    color: var(--primary-color);
    background: var(--primary-color-rgb);
    transition: all var(--t-base);
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
}
.introslider-view-btn:hover {
    background: var(--primary-color);
    color: #ffffff;
    transform: translateY(-3px);
}
.introslider-placeholder img {
    width: 100%; height: 100%;
    object-fit: cover;
    border-radius: var(--r-xl);
}

/* ─────────────────────────────────────────
   15. DOMAIN SEARCH  (standalone section)
   ───────────────────────────────────────── */
.predicted-price {
    color: #64748b;
    font-size: 13px;
    text-align: center;
    margin-top: auto;
    background: linear-gradient(135deg, rgba(var(--CoreV2-primary-rgb),.08), rgba(var(--CoreV2-primary-rgb),.03));
    border: 1px solid rgba(var(--CoreV2-primary-rgb),.15);
    border-radius: 8px;
    padding: 10px 14px;
}
.predicted-price strong { color: var(--CoreV2-primary); font-weight: 600; }
[data-theme="dark"] .predicted-price    { background: rgba(var(--CoreV2-primary-rgb),.15); border-color: rgba(var(--CoreV2-primary-rgb),.25); color: #94a3b8; }
/* ─────────────────────────────────────────
   16. IZIMODAL — NOTIFICATION TOASTS
   ───────────────────────────────────────── */
.iziModal .iziModal-progressbar { top: auto; bottom: 0; }
.iziModal .iziModal-progressbar > div { height: 3px; background: rgba(255,255,255,.45); }
.iziModal .iziModal-button {
    width: 28px; height: 28px;
    opacity: .7;
    background: rgba(255,255,255,.15);
    border-radius: 6px;
    background-size: 55%;
    transition: opacity .2s, background .2s;
}
.iziModal .iziModal-button:hover { opacity: 1; background: rgba(255,255,255,.28); }
.iziModal .iziModal-content {
    padding: 0;
    font-size: 13.5px;
    line-height: 1.6;
}
.iziModal .iziModal-content:empty,
.iziModal .iziModal-wrap:empty { display: none; height: 0; padding: 0; }
.iziModal .iziModal-content > *:not(:empty) { padding: 14px 16px; }
#CoreV2_settings_modal.iziModal,
#CoreV2_settings_modal.iziModal-open {
  z-index: 999999;
}
.iziModal-overlay.cv2-settings-overlay {
  z-index: 999990;
}
[data-theme="dark"] .iziModal { box-shadow: 0 8px 32px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.08); }
[data-theme="dark"] .iziModal .iziModal-content { background: var(--CoreV2-card-bg); color: #e2e8f0; }
/* ─────────────────────────────────────────
   17. QUICK-AUTH MODAL  (#cv2-quickauth-backdrop)
   ───────────────────────────────────────── */
.iti--container { z-index: 999999; }
.cv2-qa-backdrop {
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: rgba(0,0,0,.62);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .28s, visibility .28s;
}
.cv2-qa-backdrop.cv2-qa-open { opacity: 1; visibility: visible; pointer-events: auto; }
.cv2-qa-card::before {
    content: '';
    position: absolute;
    top: 0; left: 50%;
    transform: translateX(-50%);
    width: 88px; height: 3px;
    background: var(--CoreV2-primary);
    border-radius: 0 0 6px 6px;
}
.cv2-qa-card::-webkit-scrollbar { display: none; }
.cv2-qa-backdrop.cv2-qa-open .cv2-qa-card { transform: translateY(0) scale(1); }
[data-theme="dark"] .cv2-qa-card {
    background: var(--cv2-primary);
    border-color: transparent;
}
[data-theme="dark"] .cv2-qa-card::before { background: var(--CoreV2-primary); }
.cv2-qa-close {
    position: absolute;
    top: 14px; right: 14px;
    background: rgba(var(--cv2-primary-rgb),.07);
    border: 1.5px dashed rgba(var(--cv2-primary-rgb),.4);
    border-radius: 50%;
    width: 36px; height: 36px;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer;
    color: var(--cv2-danger);
    transition: background .2s, border-color .2s, transform .22s;
    z-index: 2;
    padding: 0;
}
.cv2-qa-close:hover {
    background: rgba(var(--cv2-primary-rgb),.16);
    border-color: rgba(var(--cv2-primary-rgb),.7);
    border-style: solid;
    transform: scale(1.1) rotate(90deg);
}
[data-theme="dark"] .cv2-qa-close { background: rgba(var(--cv2-primary-rgb),.1); border-color: rgba(var(--cv2-primary-rgb),.3); color: var(--cv2-danger); }
.cv2-qa-logo-wrap {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
}
.cv2-qa-logo-img { height: 36px; width: auto; max-width: 170px; object-fit: contain; }
[data-theme="dark"] .cv2-qa-logo-img { filter: brightness(0) invert(1); }
.cv2-qa-tabs {
    display: flex;
    width: fit-content;
    max-width: 260px;
    margin: 0 auto 16px;
    background: rgba(var(--CoreV2-primary-rgb),.07);
    border-radius: var(--r-pill);
    padding: 4px;
    gap: 4px;
}
[data-theme="dark"] .cv2-qa-tabs { background: rgba(255,255,255,.08); }
.cv2-qa-tab {
    flex: 1;
    border: none;
    background: transparent;
    border-radius: var(--r-pill);
    padding: 9px 18px;
    font-size: 13px;
    font-weight: 600;
    color: var(--CoreV2-primary);
    cursor: pointer;
    transition: all .22s;
    white-space: nowrap;
    text-align: center;
}
.cv2-qa-tab.active {
    background: var(--theme-color-1-gradient);
    color: #ffffff;
    outline: 2px solid rgba(var(--CoreV2-primary-rgb),.30);
    outline-offset: 3px;
}
.cv2-qa-panel         { display: none; }
.cv2-qa-panel.active  { display: block; }
.coregiris-socialconnect {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    width: 100%;
}
.croturumac-socialconnect {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    width: 100%;
}
.coregiris-socialconnect a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 11px 16px;
    border-radius: var(--r-md);
    border: 1.5px solid rgba(0,0,0,.1);
    background: #ffffff;
    color: #101218;
    font-size: 13.5px;
    font-weight: 600;
    text-decoration: none;
    transition: all .2s;
    box-sizing: border-box;
}
.croturumac-socialconnect a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 11px 16px;
    border-radius: var(--r-md);
    border: 1.5px solid rgba(0,0,0,.1);
    background: #ffffff;
    color: #101218;
    font-size: 13.5px;
    font-weight: 600;
    text-decoration: none;
    transition: all .2s;
    box-sizing: border-box;
}
[data-theme="dark"] .coregiris-socialconnect a {
    background: rgba(255,255,255,.06);
    border-color: rgba(255,255,255,.12);
    color: #f1f5f9;
}
[data-theme="dark"] .croturumac-socialconnect a {
    background: rgba(255,255,255,.06);
    border-color: rgba(255,255,255,.12);
    color: #f1f5f9;
}
.coregiris-socialconnect a:hover {
    border-color: var(--CoreV2-primary);
    background: rgba(var(--CoreV2-primary-rgb),.04);
    transform: translateY(-1px);
}
.croturumac-socialconnect a:hover {
    border-color: var(--CoreV2-primary);
    background: rgba(var(--CoreV2-primary-rgb),.04);
    transform: translateY(-1px);
}
.coregiris-socialconnect a img { width: 18px; height: 18px; flex-shrink: 0; }
.croturumac-socialconnect a img { width: 18px; height: 18px; flex-shrink: 0; }
#cv2-quickauth-backdrop .g_id_signin { width: 100%; }
#cv2-quickauth-backdrop .coregiris-socialconnect:empty { display: none; margin: 0; padding: 0; }
#cv2-quickauth-backdrop .croturumac-socialconnect:empty { display: none; margin: 0; padding: 0; }
#cv2-quickauth-backdrop .cv2-qa-card        { transition: transform var(--t-spring); }
#cv2-quickauth-backdrop .coregiris-form-group { margin-bottom: 8px; position: relative; }
#cv2-quickauth-backdrop .croturumac-form-group { margin-bottom: 8px; position: relative; }
#cv2-quickauth-backdrop .coregiris-form-control {
    height: 42px;
    padding: 0 1rem 0 2.5rem;
    font-size: 13px;
    border-radius: 10px;
    line-height: 1;
    box-sizing: border-box;
    width: 100%;
}
#cv2-quickauth-backdrop .croturumac-form-control {
    height: 42px;
    padding: 0 1rem 0 2.5rem;
    font-size: 13px;
    border-radius: 10px;
    line-height: 1;
    box-sizing: border-box;
    width: 100%;
}
#cv2-quickauth-backdrop .coregiris-form-group:not(.has-icon) .coregiris-form-control { padding-left: 1rem; }
#cv2-quickauth-backdrop .croturumac-form-group:not(.has-icon) .croturumac-form-control { padding-left: 1rem; }
#cv2-quickauth-backdrop .coregiris-form-group.has-icon .coregiris-form-control { padding-left: 2.5rem; }
#cv2-quickauth-backdrop .croturumac-form-group.has-icon .croturumac-form-control { padding-left: 2.5rem; }
#cv2-quickauth-backdrop .coregiris-form-group.has-toggle .coregiris-form-control { padding-right: 2.5rem; }
#cv2-quickauth-backdrop .croturumac-form-group.has-toggle .croturumac-form-control { padding-right: 2.5rem; }
#cv2-quickauth-backdrop .coregiris-form-group svg,
#cv2-quickauth-backdrop .coregiris-form-group i {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px; height: 16px;
    font-size: 15px;
    opacity: .45;
    pointer-events: none;
    z-index: 1;
}
#cv2-quickauth-backdrop .croturumac-form-group svg,
#cv2-quickauth-backdrop .croturumac-form-group i {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px; height: 16px;
    font-size: 15px;
    opacity: .45;
    pointer-events: none;
    z-index: 1;
}
#cv2-quickauth-backdrop .cv2-pw-toggle svg {
    position: static;
    left: auto; top: auto;
    transform: none;
    opacity: 1;
}
#cv2-quickauth-backdrop .coregiris-form-control::placeholder { font-size: 13px; opacity: .55; }
#cv2-quickauth-backdrop .croturumac-form-control::placeholder { font-size: 13px; opacity: .55; }
#cv2-quickauth-backdrop .coregiris-form-control:focus {
    border-color: rgba(var(--CoreV2-primary-rgb),.35);
    outline: none;
}
#cv2-quickauth-backdrop .croturumac-form-control:focus {
    border-color: rgba(var(--CoreV2-primary-rgb),.35);
    outline: none;
}
#cv2-quickauth-backdrop .coregiris-form-control:-webkit-autofill,
#cv2-quickauth-backdrop .coregiris-form-control:-webkit-autofill:hover,
#cv2-quickauth-backdrop .coregiris-form-control:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
    box-shadow: 0 0 0 1000px #ffffff inset;
    background-color: #ffffff;
    -webkit-text-fill-color: var(--CoreV2-text-primary, var(--cv2-primary));
    caret-color: var(--CoreV2-text-primary, var(--cv2-primary));
    transition: background-color 9999s ease-in-out 0s;
}
#cv2-quickauth-backdrop .croturumac-form-control:-webkit-autofill,
#cv2-quickauth-backdrop .croturumac-form-control:-webkit-autofill:hover,
#cv2-quickauth-backdrop .croturumac-form-control:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
    box-shadow: 0 0 0 1000px #ffffff inset;
    background-color: #ffffff;
    -webkit-text-fill-color: var(--CoreV2-text-primary, var(--cv2-primary));
    caret-color: var(--CoreV2-text-primary, var(--cv2-primary));
    transition: background-color 9999s ease-in-out 0s;
}
[data-theme="dark"] #cv2-quickauth-backdrop .coregiris-form-control:-webkit-autofill,
[data-theme="dark"] #cv2-quickauth-backdrop .coregiris-form-control:-webkit-autofill:hover,
[data-theme="dark"] #cv2-quickauth-backdrop .coregiris-form-control:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px var(--cv2-primary) inset;
    box-shadow: 0 0 0 1000px var(--cv2-primary) inset;
    background-color: var(--cv2-primary);
    -webkit-text-fill-color: #e2e8f0;
    caret-color: #e2e8f0;
}
[data-theme="dark"] #cv2-quickauth-backdrop .croturumac-form-control:-webkit-autofill,
[data-theme="dark"] #cv2-quickauth-backdrop .croturumac-form-control:-webkit-autofill:hover,
[data-theme="dark"] #cv2-quickauth-backdrop .croturumac-form-control:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px var(--cv2-primary) inset;
    box-shadow: 0 0 0 1000px var(--cv2-primary) inset;
    background-color: var(--cv2-primary);
    -webkit-text-fill-color: #e2e8f0;
    caret-color: #e2e8f0;
}
#cv2-quickauth-backdrop .coregiris-form-title {
    font-size: 1.05rem;
    font-weight: 600;
    background: var(--theme-color-1-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    gap: .5rem;
}
[data-theme="dark"] #cv2-quickauth-backdrop .coregiris-form-title { color: #f1f5f9; }
#cv2-quickauth-backdrop .coregiris-form-subtitle { font-size: .82rem; margin-bottom: 12px; opacity: .72; }
#cv2-quickauth-backdrop .coregiris-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 44px;
    padding: 0 20px;
    border-radius: var(--r-pill);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    text-decoration: none;
    transition: opacity .18s, transform .18s;
    width: auto;
    min-width: fit-content;
    flex: 1 1 0;
    margin-top: 0;
    transform: none;
}
#cv2-quickauth-backdrop .croturumac-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 44px;
    padding: 0 20px;
    border-radius: var(--r-pill);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    text-decoration: none;
    transition: opacity .18s, transform .18s;
    width: auto;
    min-width: fit-content;
    flex: 1 1 0;
    margin-top: 0;
    transform: none;
}
#cv2-quickauth-backdrop #cv2m_prevStepBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 44px;
    padding: 0 20px;
    border-radius: var(--r-pill);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    text-decoration: none;
    transition: opacity .18s, transform .18s;
    width: auto;
    min-width: fit-content;
    flex: 1 1 0;
    margin-top: 0;
    transform: none;
}
#cv2-quickauth-backdrop .coregiris-btn {
    background: var(--theme-color-1-gradient);
    color: #ffffff;
    border: 1px solid rgba(255,255,255,.2);
    outline: 2px solid rgba(var(--CoreV2-primary-rgb),.28);
    outline-offset: 3px;
    box-shadow: none;
}
#cv2-quickauth-backdrop .croturumac-btn:not(#cv2m_prevStepBtn) {
    background: var(--theme-color-1-gradient);
    color: #ffffff;
    border: 1px solid rgba(255,255,255,.2);
    outline: 2px solid rgba(var(--CoreV2-primary-rgb),.28);
    outline-offset: 3px;
    box-shadow: none;
}
#cv2-quickauth-backdrop .cv2-primary-btn {
    background: var(--theme-color-1-gradient);
    color: #ffffff;
    border: 1px solid rgba(255,255,255,.2);
    outline: 2px solid rgba(var(--CoreV2-primary-rgb),.28);
    outline-offset: 3px;
    box-shadow: none;
}
#cv2-quickauth-backdrop #cv2m_nextStepBtn {
    background: var(--theme-color-1-gradient);
    color: #ffffff;
    border: 1px solid rgba(255,255,255,.2);
    outline: 2px solid rgba(var(--CoreV2-primary-rgb),.28);
    outline-offset: 3px;
    box-shadow: none;
}
#cv2-quickauth-backdrop .coregiris-btn:hover { filter: brightness(1.07); transform: translateY(-1px); }
#cv2-quickauth-backdrop .croturumac-btn:not(#cv2m_prevStepBtn):hover { filter: brightness(1.07); transform: translateY(-1px); }
#cv2-quickauth-backdrop .cv2-primary-btn:hover { filter: brightness(1.07); transform: translateY(-1px); }
#cv2-quickauth-backdrop #cv2m_nextStepBtn:hover { filter: brightness(1.07); transform: translateY(-1px); }
#cv2-quickauth-backdrop #cv2m_prevStepBtn {
    background: rgba(var(--CoreV2-primary-rgb),.08);
    color: var(--CoreV2-primary);
    border: 1px solid rgba(var(--CoreV2-primary-rgb),.3);
}
#cv2-quickauth-backdrop #cv2m_prevStepBtn:hover { background: rgba(var(--CoreV2-primary-rgb),.14); transform: translateY(-1px); }
#cv2-quickauth-backdrop .croturumac-btn-group {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
    margin-top: 16px;
    width: 100%;
}
#cv2-quickauth-backdrop .coregiris-form-footer {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 12px;
}
#cv2-quickauth-backdrop .coregiris-form-footer .coregiris-btn {
    flex: 0 0 auto;
    width: auto;
}
#cv2-quickauth-backdrop .croturumac-account-type {
    display: flex;
    border: 1px solid rgba(var(--CoreV2-primary-rgb),.18);
    border-radius: 50px;
    overflow: hidden;
    margin-bottom: 20px;
    padding: 4px;
    gap: 4px;
    background: rgba(var(--CoreV2-primary-rgb),.06);
}
#cv2-quickauth-backdrop .croturumac-account-type-btn {
    flex: 1;
    padding: 11px 14px;
    font-size: 13px;
    font-weight: 600;
    display: flex; align-items: center; justify-content: center;
    gap: 7px;
    color: var(--CoreV2-primary);
    background: transparent;
    border: none;
    cursor: pointer;
    transition: all .2s;
}
#cv2-quickauth-backdrop .croturumac-account-type-btn svg { width: 16px; height: 16px; flex-shrink: 0; }
#cv2-quickauth-backdrop .croturumac-account-type-btn { border-radius: 50px; }
#cv2-quickauth-backdrop .croturumac-account-type-btn.active { background: var(--theme-color-1-gradient); color: #ffffff; border-radius: 50px; outline: 2px solid rgba(var(--CoreV2-primary-rgb),.28); outline-offset: 3px; box-shadow: none; }
#cv2-quickauth-backdrop .coregiris-action-link { color: var(--CoreV2-primary); }
#cv2-quickauth-backdrop .croturumac-sbtn { color: var(--CoreV2-primary); }
#cv2-quickauth-backdrop .croturumac-section-title {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    margin-bottom: 8px;
    opacity: .6;
    display: block;
}
#cv2-quickauth-backdrop .iti { display: block; width: 100%; }
#cv2-quickauth-backdrop .iti__flag-container { z-index: 10; }
#cv2-quickauth-backdrop .iti__selected-flag {
    background: rgba(var(--CoreV2-primary-rgb),.05);
    border-right: 1px solid rgba(0,0,0,.08);
    padding: 0 10px 0 12px;
    height: 42px;
}
.iti--container .iti__country-list {
    border-radius: 14px;
    border: none;
    max-height: 260px;
    overflow-y: auto;
    padding: 6px;
    background: #ffffff;
    font-size: 13px;
}
.iti--container .iti__country {
    border-radius: 8px;
    padding: 8px 10px;
    display: flex; align-items: center; gap: 8px;
    cursor: pointer;
    transition: background .15s;
}
.iti--container .iti__country:hover,
.iti--container .iti__country.iti__highlight { background: rgba(var(--CoreV2-primary-rgb),.08); }
.iti--container .iti__country-name { font-size: 13px; color: #101218; }
.iti--container .iti__dial-code    { font-size: 12px; color: #64748b; }
.iti--container .iti__divider      { margin: 4px 0; border-color: rgba(0,0,0,.06); }
.cv2-pw-toggle {
    position: absolute;
    right: 10px;
    top: 20%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 4px;
    cursor: pointer;
    color: #94a3b8;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color .18s;
    z-index: 3;
}
.cv2-pw-toggle:hover { color: var(--CoreV2-primary); }
.cv2-pw-toggle svg   { width: 16px; height: 16px; display: block; }

/* ─────────────────────────────────────────
   18. MEGA MENU
   ───────────────────────────────────────── */
.CoreV2-main-menu > ul > li { position: relative; }
.CoreV2-main-menu > ul > li::after {
    content: '';
    position: absolute;
    top: 100%; left: -20px; right: -20px;
    height: 18px;
    pointer-events: none;
    z-index: 99990;
}
/* Mega menu backdrop - saf CSS, tiklama sorununa yol acmaz */
@keyframes cv2OverlayIn {
    from { opacity: 0; }}
@keyframes cv2MegaSlideIn {
    from { opacity: 0; transform: translateX(-50%) translateY(-12px) scale(.97); }}
.megahedars-dropdown-item {
    background: #f8fafc;
    background-color: #f8fafc;
    background-image: none;
    border: 1px solid rgba(0,0,0,.06);
    transition: transform .15s, border-color .15s;
}
[data-theme="dark"] .megahedars-dropdown-item {
    background: rgba(255,255,255,.05);
    background-color: rgba(255,255,255,.05);
}
.megahedars-badge {
    background: rgba(var(--menu-item-rgb, var(--CoreV2-primary-rgb)), .18);
    color: var(--menu-item-color, var(--CoreV2-primary));
    border: 1px solid rgba(var(--menu-item-rgb, var(--CoreV2-primary-rgb)), .35);
    font-weight: 600;
    padding: 3px 10px;
    font-size: 9px;
    border-radius: 50px;
}
.megahedars-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; width: 100%; }
.megahedars-dropdown-content { min-width: 0; flex: 1; overflow: hidden; }
.megahedars-dropdown-item    { min-width: 0; }
.megahedars-column-title     { width: 100%; display: block; }
.CoreV2-main-menu .CoreV2-dropdown-menu,
.CoreV2-main-menu .CoreV2-dropdown-menu-inner {
    background: transparent;
    background-color: transparent;
    background-image: none;
    border: none;
    margin-top: 0;
    padding-top: 3px;
}
.CoreV2-main-menu > ul > li:not(:last-child) > a.CoreV2-menu-item::after {
    display: none;
    content: none;
}
/* ─────────────────────────────────────────
   20. DARK MODE — shared section overrides
   ───────────────────────────────────────── */
[data-theme="dark"] .ws-carousel-inner { background: transparent; background-image: none; border-color: transparent; }
[data-theme="dark"] .CoreV2-view-all-link { background: rgba(var(--CoreV2-primary-rgb),.1); border-color: rgba(var(--CoreV2-primary-rgb),.25); color: rgba(255,255,255,.9); }
[data-theme="dark"] .CoreV2-view-all-link:hover { background: rgba(var(--CoreV2-primary-rgb),.18); color: #ffffff; }
[data-theme="dark"] .genelbaslik-ana-baslik { color: #f1f5f9; }
[data-theme="dark"] .genelbaslik-aciklama,
[data-theme="dark"] .genelbaslik-metin,
[data-theme="dark"] .genelbaslik-alt-baslik { color: #94a3b8; }
[data-theme="dark"] .genelbaslik-rozet { background: rgba(var(--CoreV2-primary-rgb),.12); border-color: rgba(var(--CoreV2-primary-rgb),.2); }
[data-theme="dark"] .genelbaslik-rozet-ikon { color: #ffffff; }
[data-theme="dark"] .genelbaslik-rozet-metin { color: var(--CoreV2-primary); }
[data-theme="dark"] .genelbaslik-vurgu { color: var(--CoreV2-primary); }
[data-theme="dark"] .CoreV2info-wrapper     { border: none; }
[data-theme="dark"] .CoreV2info-item-title  { color: #f1f5f9; }
[data-theme="dark"] .CoreV2info-item-desc   { color: #94a3b8; }
[data-theme="dark"] .CoreV2info-icon        { background: rgba(var(--CoreV2-primary-rgb),.15); color: var(--CoreV2-primary); }
[data-theme="dark"] .CoreV2info-item {
    background: rgba(255,255,255,0.06);
    border-color: rgba(255,255,255,0.1);
}
[data-theme="dark"] .CoreV2info-item:hover {
    background: rgba(255,255,255,0.1);
}
[data-theme="dark"] .CoreV2info-icon {
    background: rgba(var(--CoreV2-primary-rgb),0.2);
}
[data-theme="dark"] .CoreV2info-number-box {
    color: #f1f5f9;
}
[data-theme="dark"] .CoreV2info-label {
    color: rgba(255,255,255,0.75);
    opacity: 1;
}
/* coresss dark → css/faq-section.css (tek kaynak) */
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) { border-color: rgba(var(--CoreV2-primary-rgb),.15); }
[data-theme="dark"] .vertical--packs .pack.pack-popular .btn-main       { background: #ffffff; color: var(--CoreV2-primary); }
[data-theme="dark"] .vertical--packs .pack.pack-popular .btn-main:hover { background: rgba(255,255,255,.92); }
/* ─────────────────────────────────────────
   21. CLIENT AREA MENUS
   ───────────────────────────────────────── */
.siparisbilgileri { display: inline-block; width: 100%; }
#clientAreaMenus-2          { padding: 0; margin: 0; }
#clientAreaMenus-2 li       { list-style-type: none; }
#clientAreaMenus-2 li a     { padding: 7px 0; font-size: 15px; }
#clientAreaMenus-2 .inner   { overflow: hidden; display: none; }
#clientAreaMenus-2 #active  { background: rgba(0,0,0,.05); }
/* ─────────────────────────────────────────
   22. POPUP BANNER
   ───────────────────────────────────────── */
.core-popup2-banner__backdrop {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9998;
    background: rgba(0,0,0,.6);
    opacity: 0;
    transition: opacity .3s;
}
.core-popup2-banner__backdrop.visible {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}
.core-popup2-banner {
    display: none;
    position: relative;
    z-index: 9999;
    transform: scale(.9);
    opacity: 0;
    transition: transform .3s, opacity .3s;
}
.core-popup2-banner__backdrop.visible .core-popup2-banner {
    display: flex;
    transform: scale(1);
    opacity: 1;
}
/* ============================================================
   PROFESSIONAL THEME CSS — FULL OPTIMIZED VERSION
   Desktop + Mobile fully responsive
   Dark/Light mode support
   No duplicates, no conflicts
   ============================================================ */
/* ============================================================
   1. CSS CUSTOM PROPERTIES — ROOT VARIABLES
   ============================================================ */
:root {
  /* Ikinci :root — tema tokenlarini BOZMA, sadece alias tamamla */
  --theme-color-1: var(--cv2-primary);
  --theme-color-1-tone: var(--cv2-primary-tone);
  --theme-color-1-light: var(--cv2-primary-light);
  --theme-color-1-gradient: var(--cv2-gradient);
  --CoreV2-primary: var(--cv2-primary);
  --CoreV2-primary-rgb: var(--cv2-primary-rgb);
  --CoreV2-secondary: var(--cv2-secondary);
  --CoreV2-secondary-rgb: var(--cv2-secondary-rgb, 28, 29, 40);
  --CoreV2-primary-gradient: var(--cv2-gradient);
  --CoreV2-primary-dark: color-mix(in srgb, var(--cv2-primary) 70%, black);
  --CoreV2-primary-light: var(--cv2-primary-light);
  --CoreV2-primary-hover: color-mix(in srgb, var(--cv2-primary) 85%, white);
  --CoreV2-primary-active: color-mix(in srgb, var(--cv2-primary) 80%, black);
  --CoreV2-primary-contrast: #ffffff;
  --CoreV2-primary-bg: rgba(var(--cv2-primary-rgb), 0.08);
  --CoreV2-success: #10b981;
  --CoreV2-warning: #f59e0b;
  --CoreV2-danger: #ef4444;
  --CoreV2-info: #3b82f6;
  --CoreV2-bg: var(--cv2-surface, #fafbfc);
  --CoreV2-surface: var(--cv2-surface-card, #ffffff);
  --CoreV2-card: var(--cv2-surface-card, #ffffff);
  --CoreV2-card-hover: var(--cv2-surface-secondary, #f1f5f9);
  --CoreV2-border: var(--cv2-border, #e2e8f0);
  --CoreV2-text-primary: var(--cv2-heading, #101218);
  --CoreV2-text-secondary: var(--cv2-text, #68718c);
  --CoreV2-text-tertiary: var(--cv2-text-muted, #94a3b8);
  --CoreV2-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.04);
  --CoreV2-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --CoreV2-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.10);
  --CoreV2-radius-sm: 4px;
  --CoreV2-radius-md: 8px;
  --CoreV2-radius-lg: 12px;
  --CoreV2-radius-xl: 16px;
  --CoreV2-radius-2xl: 20px;
  --CoreV2-radius-full: 9999px;
  --CoreV2-transition-fast: 150ms;
  --CoreV2-transition-normal: 280ms;
  --CoreV2-transition-slow: 450ms;
  --CoreV2-header-height: 72px;
  --CoreV2-topbar-height: 40px;
  --CoreV2-container-width: 1300px;
  --CoreV2-spacing-xs: 4px;
  --CoreV2-spacing-sm: 8px;
  --CoreV2-spacing-md: 16px;
  --CoreV2-spacing-lg: 24px;
  --CoreV2-font-size-xs: 11px;
  --CoreV2-font-size-sm: 13px;
  --CoreV2-font-size-md: 15px;
  --CoreV2-font-size-lg: 18px;
  --mm-bg: #ffffff;
  --mm-card-bg: #f8fafc;
  --mm-card-hover: #f1f5f9;
  --mm-text-primary: #101218;
  --mm-text-secondary: #64748b;
  --mm-border: rgba(0, 0, 0, 0.06);
  --mm-shadow: 0 20px 60px -10px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);
  --mm-icon-bg: rgba(0, 0, 0, 0.04);
  --mm-icon-color: #64748b;
  --bg-main: #ffffff;
  --bg-secondary: #f8fafc;
  --text-primary: #101218;
  --text-secondary: #64748b;
  --border-color: #e2e8f0;
  --color-primary: var(--CoreV2-primary);
  --color-primary-rgb: var(--CoreV2-primary-rgb);
  --croturumac-bg: #f8f9fd;
}
html.dark-mode,
[data-theme="dark"] {
  --CoreV2-bg: #0B0F19;
  --CoreV2-surface: #0B0F19;
  --CoreV2-card: #171F2E;
  --CoreV2-card-hover: #1e293b;
  --CoreV2-border: #2A3448;
  --CoreV2-text-primary: #e2e8f0;
  --CoreV2-text-secondary: #94a3b8;
  --CoreV2-text-tertiary: #64748b;
  --CoreV2-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.15);
  --CoreV2-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.25);
  --CoreV2-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.35);
  --mm-bg: #0e1119;
  --mm-card-bg: rgba(255, 255, 255, 0.05);
  --mm-card-hover: rgba(255, 255, 255, 0.08);
  --mm-text-primary: #f1f5f9;
  --mm-text-secondary: #94a3b8;
  --mm-border: rgba(255, 255, 255, 0.07);
  --mm-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
  --mm-icon-bg: rgba(255, 255, 255, 0.07);
  --mm-icon-color: #94a3b8;
  --bg-main: #0B0F19;
  --bg-secondary: #111827;
  --text-primary: #e2e8f0;
  --text-secondary: #94a3b8;
  --border-color: #2A3448;
  --croturumac-bg: #0e1119;
  --cv2-surface: #0B0F19;
  --cv2-surface-card: #171F2E;
  color-scheme: dark;
}
.CoreV2-menu-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 6px 10px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: var(--fw-menu, 400);
  transition: all 0.3s ease;
}
.CoreV2-menu-item:hover {
  background-color: var(--CoreV2-primary-light);
}
/* Menü yazı rengi: yumuşak gri (primary değil) — sayfa CSS a{color:primary} thrash'ına kapalı */
.CoreV2-menu-title {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: var(--fw-menu, 400);
  color: #64748b;
  gap: 4px;
  text-decoration: none;
  border-bottom: none;
}
.CoreV2-menu-title::after {
  content: '\25BE';
  font-family: inherit;
  font-weight: 900;
  font-size: 12px;
  margin-left: 4px;
  opacity: 0.6;
  transition: 0.3s;
}
.CoreV2-menu-item:hover .CoreV2-menu-title::after {
  transform: rotate(180deg);
  opacity: 1;
}
.CoreV2-menu-badge {
  font-size: 9px;
  padding: 2px 6px;
  border-radius: 999px;
  margin-bottom: 4px;
  display: inline-block;
}/* ============================================================
   3. LAYOUT UTILITIES
   ============================================================ */
.CoreV2-container {
  width: 100%;
  max-width: var(--CoreV2-container-width);
  margin: 0 auto;
  padding: 0;
}
.container-xl {
  max-width: var(--CoreV2-container-width);
  width: 100%;
  margin: 0 auto;
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.25rem;
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding: 0 0.25rem;
}
.col-6 { flex: 0 0 auto; width: 50%; }

.flex-align { display: flex; align-items: center; }
.gap-1 { gap: 0.25rem; }
.gap-2 { gap: 0.5rem; }
.text-white { color: #ffffff; }
.w-fit { width: fit-content; }
.br-8 { border-radius: 8px; }
.br-12 { border-radius: 12px; }
.fs-18 { font-size: 18px; }
.cl-primary { color: var(--CoreV2-primary); }
.px-4 { padding-left: 1.5rem; padding-right: 1.5rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
/* ============================================================
   4. TOPBAR
   ============================================================ */
/* .CoreV2-topbar .CoreV2-container flex layout → TEK kaynak: css/header.css */
.CoreV2-fx {
  display: inline-flex;
  align-items: center;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 20px;
  padding: 2px 3px;
  gap: 1px;
}
.CoreV2-fx-btn {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 3px 9px;
  border-radius: 16px;
  font-size: 11px;
  font-weight: 600;
  color: rgba(255,255,255,0.5);
  background: transparent;
  border: none;
  cursor: pointer;
  transition: color 0.15s ease, background 0.15s ease;
  white-space: nowrap;
  line-height: 1.2;
}
.CoreV2-fx-btn:hover {
  color: rgba(255,255,255,0.9);
  background: rgba(255,255,255,0.08);
}
.CoreV2-fx-btn.active {
  background: var(--CoreV2-primary);
  color: #ffffff;
}
.CoreV2-fx-btn span,
.CoreV2-fx-btn .fx-rate-m {
  font-size: 10px;
  opacity: 0.92;
  font-variant-numeric: tabular-nums;
  min-width: 3.2em;
  display: inline-block;
}
.CoreV2-selector {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px 3px 5px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 20px;
  cursor: pointer;
  font-size: 11.5px;
  font-weight: 500;
  color: rgba(255,255,255,0.7);
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
  white-space: nowrap;
}
.CoreV2-selector:hover {
  background: rgba(255,255,255,0.12);
  border-color: rgba(255,255,255,0.22);
  color: #ffffff;
}
.CoreV2-selector.CoreV2-lang-select img {
  width: 18px;
  height: 18px;
  object-fit: cover;
  border-radius: 50%;
  flex-shrink: 0;
  border: 1px solid rgba(255,255,255,0.15);
}
.CoreV2-selector-arrow {
  width: 11px;
  height: 11px;
  stroke: currentColor;
  opacity: 0.5;
  transition: transform 0.2s ease, opacity 0.2s ease;
  margin-left: 1px;
}
.CoreV2-selector:hover .CoreV2-selector-arrow {
  transform: translateY(2px);
  opacity: 0.9;
}
.CoreV2-social-box {
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,0.55);
  font-size: 13px;
  border-radius: 50%;
  background: transparent;
  border: none;
  transition: color 0.18s ease, background 0.18s ease;
}
.CoreV2-social-box:hover {
  color: #ffffff;
  background: rgba(255,255,255,0.1);
}
.CoreV2-theme-switcher {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
  cursor: pointer;
  width: 28px;
  height: 28px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background 0.18s ease, border-color 0.18s ease;
  position: relative;
  overflow: hidden;
}
.CoreV2-theme-switcher:hover {
  background: rgba(255,255,255,0.14);
  border-color: rgba(255,255,255,0.2);
}
.CoreV2-theme-icon {
  width: 14px;
  height: 14px;
  stroke: rgba(255,255,255,0.75);
  transition: all 0.2s ease;
  position: absolute;
}
[data-theme="light"] .CoreV2-theme-icon,
html:not([data-theme="dark"]) .CoreV2-theme-icon {
  stroke: rgba(0,0,0,0.6);
}
[data-theme="light"] .CoreV2-theme-switcher,
html:not([data-theme="dark"]) .CoreV2-theme-switcher {
  background: rgba(0,0,0,0.06);
  border: 1px solid rgba(0,0,0,0.1);
}
[data-theme="light"] .CoreV2-theme-switcher:hover,
html:not([data-theme="dark"]) .CoreV2-theme-switcher:hover {
  background: rgba(0,0,0,0.1);
}
.CoreV2-theme-icon.sun { display: block; opacity: 1; }
.CoreV2-theme-icon.moon { display: none; opacity: 0; }
[data-theme="dark"] .CoreV2-theme-icon.sun { display: none; opacity: 0; }
[data-theme="dark"] .CoreV2-theme-icon.moon { display: block; opacity: 1; }
.CoreV2-currency-widget {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 3px 8px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.09);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #ffffff;
  font-size: 11px;
  font-weight: 400;
  margin-left: 6px;
  transition: background var(--CoreV2-transition-normal) ease;
}
.CoreV2-currency-widget:hover { background: rgba(255, 255, 255, 0.17); }
.CoreV2-currency-widget .CoreV2-currency-rate { display: flex; align-items: center; gap: 5px; white-space: nowrap; }
.CoreV2-currency-widget .CoreV2-rate-icon {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}
.CoreV2-currency-widget .CoreV2-rate-icon svg,
.CoreV2-rate-icon svg { width: 13px; height: 13px; }
.CoreV2-currency-widget strong { font-weight: 600; color: #ffffff; }

/* ============================================================
   5. MAIN HEADER
   ============================================================ */
@media screen and (min-width: 992px) {
  /* ── ANA SAYFA ::before BASE — başta gizli, floated'da görünür ── */
      /* ── ANA SAYFA STICKY HEADER — Panel ile birebir aynı ── */
    /* Floated — ::before kırpılmış arka plan */
          /* Floated: topbar görünmez ama akışta yer kaplamasın */
  body:not(#muspanel):not(#modernpanel).cv2-header-floated .CoreV2-topbar {
    position: absolute;
    width: 100%;
    height: 0;
    min-height: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    margin: 0;
    padding: 0;
    border: none;
  }
}
/* .CoreV2-header .CoreV2-container → TEK kaynak: css/header.css (cross-file ikiz kaldırıldı) */
@keyframes CoreV2SlideDown {
  from { transform: translateY(-100%); opacity: 0; }}
/* ============================================================
   6. LOGO
   ============================================================ */
.CoreV2-logo {
  display: flex;
  align-items: center;
  position: relative;
  overflow: visible;
}
.CoreV2-logo a {
  display: inline-flex;
  align-items: center;
}
.CoreV2-logo img {
  max-height: 52px;
  width: auto;
  object-fit: contain;
  display: block;
  transition: transform var(--CoreV2-transition-normal) ease;
}
.CoreV2-logo:hover img { transform: scale(1.04); }
[data-theme="dark"] .CoreV2-logo img,
[data-theme="dark"] .CoreV2-mobile-logo img {
  filter: brightness(0) invert(1);
}
/* ============================================================
   7. MAIN NAVIGATION
   ============================================================ */
.CoreV2-main-menu {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}
.CoreV2-main-menu > ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 2px;
  overflow: visible;
  flex-wrap: nowrap;
}
.CoreV2-main-menu > ul > li {
  position: relative;
  margin: 0 2px;
  overflow: visible;
}

.CoreV2-main-menu > ul > li:not(:last-child)::after {
  display: none;
  content: none;
}
.CoreV2-menu-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  border-radius: 10px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background: transparent;
  position: relative;
  min-height: 44px;
}
.CoreV2-menu-item:hover {
  background: transparent;
}
/* .CoreV2-menu-title — ustte tek tanim (ikileme yok) */
.CoreV2-main-menu > ul > li > a.CoreV2-menu-item {
  position: relative;
  overflow: visible;
  color: #64748b;
  text-decoration: none;
  border-bottom: none;
  box-shadow: none;
}
.CoreV2-main-menu > ul > li > a.CoreV2-menu-item:hover,
.CoreV2-main-menu > ul > li > a.CoreV2-menu-item:focus,
.CoreV2-main-menu > ul > li.show-mega-menu > a.CoreV2-menu-item,
.CoreV2-main-menu > ul > li.mega-open > a.CoreV2-menu-item {
  color: var(--CoreV2-primary, var(--cv2-primary));
  text-decoration: none;
  border-bottom: none;
}
.CoreV2-main-menu > ul > li > a.CoreV2-menu-item:hover .CoreV2-menu-title,
.CoreV2-main-menu > ul > li.show-mega-menu > a.CoreV2-menu-item .CoreV2-menu-title,
.CoreV2-main-menu > ul > li.mega-open > a.CoreV2-menu-item .CoreV2-menu-title {
  color: var(--CoreV2-primary, var(--cv2-primary));
}
/* Alt çizgi ASLA — thrash opacity:1 kuralları kaldırıldı */
.CoreV2-main-menu > ul > li:hover .CoreV2-menu-title::after {
  transform: rotate(180deg);
  opacity: 1;
}
.CoreV2-menu-badge {
  font-size: 10px;
  font-weight: 400;
  padding: 2px 8px;
  border-radius: 6px;
  margin-bottom: 4px;
  display: inline-block;
  letter-spacing: 0.2px;
  transition: all 0.3s ease;
  border: 1px solid transparent;
}
li.has-dynamic-color .CoreV2-menu-badge {
  background-color: var(--menu-item-bg-color, rgba(var(--CoreV2-primary-rgb), 0.1));
  color: var(--menu-item-color, var(--CoreV2-primary));
  border-color: rgba(var(--menu-item-rgb, var(--CoreV2-primary-rgb)), 0.15);
}
.CoreV2-main-menu > ul > li:hover .CoreV2-menu-badge {
  transform: translateY(-2px);
}

/* ============================================================
   8. DROPDOWN MENU (standard)
   ============================================================ */
.CoreV2-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 14px;
  margin-top: 0;
  overflow: visible;
  display: flex;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--CoreV2-transition-normal) ease, visibility var(--CoreV2-transition-normal) ease;
  z-index: 1001;
}
/* ============================================================
   9. MEGA MENU CONTAINER
   ============================================================ */
/* ============================================================
   10. MEGA MENU COLUMNS & LAYOUT
   ============================================================ */
.megahedars-column-title {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--mm-text-secondary);
  margin-bottom: 6px;
  padding-left: 4px;
}
.megahedars-column-title::before { display: none; }
/* ============================================================
   11. MEGA MENU DROPDOWN ITEMS
   ============================================================ */
.megahedars-dropdown-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 15px;
  background: var(--mm-card-bg);
  border: 1px solid var(--mm-border);
  border-radius: 12px;
  transition: all 0.2s ease;
  text-decoration: none;
  color: var(--mm-text-primary);
  cursor: pointer;
  min-height: 76px;
  height: auto;
  width: 100%;
  font-size: 14px;
  line-height: 1.5;
  position: relative;
  overflow: visible;
}
.megahedars-dropdown-item:hover {
  transform: translateY(-2px);
  background: var(--mm-card-hover);
  border-color: rgba(var(--menu-item-rgb, var(--CoreV2-primary-rgb)), 0.2);
}
.megahedars-dropdown-item:hover .megahedars-title {
  color: var(--menu-item-color, var(--CoreV2-primary));
}
[data-theme="dark"] .megahedars-dropdown-item {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.08);
}
[data-theme="dark"] .megahedars-dropdown-item:hover {
  background: rgba(255, 255, 255, 0.09);
}
.megahedars-dropdown-icon {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--mm-icon-bg);
  color: var(--mm-icon-color);
  border-radius: 50%;
  border: none;
  transition: all 0.25s ease;
  flex-shrink: 0;
}
.megahedars-dropdown-item:hover .megahedars-dropdown-icon {
  background: var(--menu-item-color, var(--CoreV2-primary));
  color: #ffffff;
}
.megahedars-dropdown-icon i,
.megahedars-dropdown-icon svg {
  font-size: 15px;
  width: 15px;
  height: 15px;
  display: block;
  line-height: 1;
  margin: auto;
}
.megahedars-dropdown-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}
.megahedars-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--mm-text-primary);
  margin-bottom: 2px;
  display: block;
  line-height: 1.3;
  transition: color 0.2s ease;
}
.megahedars-description {
  font-size: 11.5px;
  color: var(--mm-text-secondary);
  font-weight: 400;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  max-width: 34ch;
  word-wrap: break-word;
}
.megahedars-badge {
  font-size: 8px;
  background: var(--menu-item-bg-color, #ecfdf5);
  color: var(--menu-item-color, var(--cv2-primary));
  padding: 2px 7px;
  border-radius: 4px;
  font-weight: 600;
  position: absolute;
  top: -9px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
}
.megahedars-discount-badge {
  font-size: 7px;
  background: #101218;
  color: #ffffff;
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 600;
  position: absolute;
  top: 8px;
  right: 8px;
  letter-spacing: 0.04em;
}
/* ============================================================
   12. MEGA MENU IMAGE PANEL
   ============================================================ */
.megahedars-image-overlay {
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  z-index: 2;
  padding: 12px;
  border-radius: 14px;
  backdrop-filter: blur(14px) saturate(160%);
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: transform 0.28s ease, background 0.28s ease;
  text-align: left;
}
.megahedars-image-title {
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  margin: 0 0 3px 0;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  line-height: 1.3;
}
.megahedars-image-text {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.84);
  margin: 0 0 8px 0;
  font-weight: 400;
  line-height: 1.4;
}
.megahedars-image-button {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 12px;
  font-size: 10px;
  font-weight: 600;
  color: #0e1119;
  background: #ffffff;
  border: none;
  border-radius: 100px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.25s ease;
}
/* ============================================================
   13. PAGE BACKDROP (overlay when mega menu opens — sadece masaüstü)
   ============================================================ */
body::before {
  content: '';
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(12px) saturate(160%) brightness(0.85);
  -webkit-backdrop-filter: blur(12px) saturate(160%) brightness(0.85);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.28s ease, visibility 0.28s ease;
  z-index: 999;
}

/* ============================================================
   15. USER DROPDOWN
   ============================================================ */
[data-theme="light"] .slider-main::before,
[data-theme="dark"]  .slider-main::before {
    display: none;
    opacity: 0;
    content: none;
}
/* ============================================================
   15. USER DROPDOWN
   ============================================================ */
.mp-user-dropdown-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.mp-user-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 12px 5px 5px;
  background: transparent;
  border: 1.5px dashed rgba(var(--CoreV2-primary-rgb), 0.35);
  border-radius: 50px;
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease;
  outline: none;
}
.mp-user-btn:hover {
  background: rgba(var(--CoreV2-primary-rgb), 0.06);
  border-color: rgba(var(--CoreV2-primary-rgb), 0.6);
  transform: none;
}
.mp-user-avatar-wrapper {
  position: relative;
  width: 34px;
  height: 34px;
  flex-shrink: 0;
}
.mp-user-avatar {
  width: 100%;
  height: 100%;
  background: var(--CoreV2-primary-gradient);
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 13px;
  overflow: hidden;
  border: 2px solid rgba(var(--CoreV2-primary-rgb), 0.3);
}
.mp-user-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mp-status-indicator {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 9px;
  height: 9px;
  background: var(--cv2-success);
  border: 2px solid #ffffff;
  border-radius: 50%;
  z-index: 3;
}
[data-theme="dark"] .mp-status-indicator { border-color: #0c0f15; }
.mp-user-info { display: flex; flex-direction: column; gap: 1px; }
.mp-user-name-outer { display: flex; align-items: center; gap: 4px; }
.mp-user-name {
  font-size: 13px;
  font-weight: 600;
  color: var(--CoreV2-text-primary);
  display: flex;
  flex-direction: row;
  gap: 4px;
  line-height: 1.2;
  align-items: baseline;
}
.mp-user-name span:first-child {
  font-weight: 600;
  font-size: 13px;
}
.mp-user-name span:last-child {
  font-weight: 400;
  font-size: 12px;
  opacity: .75;
}
.mp-verified-badge-outer {
  font-size: 12px;
  color: var(--CoreV2-primary);
  align-self: flex-start;
  margin-top: 1px;
}
.mp-user-balance {
  font-size: 10.5px;
  font-weight: 600;
  color: var(--CoreV2-primary);
  background: rgba(var(--CoreV2-primary-rgb), 0.08);
  border: 1px dashed rgba(var(--CoreV2-primary-rgb), 0.3);
  border-radius: 20px;
  padding: 1px 8px;
  margin-top: 2px;
  display: inline-flex;
  white-space: nowrap;
}
.mp-user-chevron-wrap { display: flex; align-items: center; margin-left: 2px; }
.mp-user-chevron { opacity: .5; transition: transform .2s ease; }
.mp-user-btn:hover .mp-user-chevron { transform: rotate(180deg); opacity: .8; }
.mp-user-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: 210px;
  background: var(--CoreV2-card);
  border: 1px solid var(--CoreV2-border);
  border-radius: 14px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px) scale(.98);
  transition: opacity .18s ease, transform .18s ease, visibility .18s;
  z-index: 9999;
  overflow: hidden;
}
[data-theme="dark"] .mp-user-dropdown {
  background: #101218;
  border-color: rgba(255,255,255,.08);
}
.mp-user-dropdown-wrapper:hover .mp-user-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}
.mp-user-dropdown-menu { padding: 6px; display: flex; flex-direction: column; gap: 2px; }
.mp-user-dropdown-item {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 9px;
  border-radius: 9px;
  color: var(--CoreV2-text-primary);
  text-decoration: none;
  font-size: 12.5px;
  font-weight: 600;
  transition: background .15s ease, color .15s ease;
}
.mp-user-dropdown-item:hover {
  background: rgba(var(--CoreV2-primary-rgb), 0.07);
  color: var(--CoreV2-primary);
  transform: none;
}
[data-theme="dark"] .mp-user-dropdown-item { color: #e2e8f0; }
[data-theme="dark"] .mp-user-dropdown-item:hover { background: rgba(var(--CoreV2-primary-rgb), 0.12); color: var(--CoreV2-primary); }
.mp-item-icon {
  width: 28px;
  height: 28px;
  background: rgba(var(--CoreV2-primary-rgb), 0.08);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--CoreV2-primary);
  transition: background .15s ease, color .15s ease;
  flex-shrink: 0;
}
.mp-item-icon svg { width: 14px; height: 14px; }
.mp-user-dropdown-item:hover .mp-item-icon {
  background: var(--CoreV2-primary);
  color: #ffffff;
}
[data-theme="dark"] .mp-item-icon { background: rgba(var(--CoreV2-primary-rgb), 0.12); }
.mp-user-dropdown-footer {
  padding: 6px;
  border-top: 1.5px dashed rgba(var(--CoreV2-primary-rgb), 0.2);
  background: transparent;
}
[data-theme="dark"] .mp-user-dropdown-footer { border-top-color: rgba(255,255,255,.08); }
.mp-user-logout-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 7px 12px;
  background: transparent;
  border: 1.5px dashed rgba(var(--cv2-primary-rgb),.4);
  border-radius: 9px;
  color: var(--cv2-danger);
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  transition: background .15s ease, border-color .15s ease;
  width: 100%;
}
.mp-user-logout-btn:hover {
  background: rgba(var(--cv2-primary-rgb),.08);
  border-color: var(--cv2-danger);
  color: var(--cv2-danger);
}
.mp-user-logout-btn svg { width: 14px; height: 14px; }

/* ============================================================
   16. STICKY ANNOUNCEMENT BAR
   ============================================================ */
#CoreV2-sticky-ann-wrapper.CoreV2-sticky-visible {
  display: block;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
#CoreV2-sticky-ann-wrapper.CoreV2-sticky-hide {
  display: none;
  opacity: 0;
  padding: 0;
  overflow: hidden;
  pointer-events: none;
  margin: 0;
}
#CoreV2-sticky-ann {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  max-width: var(--CoreV2-container-width);
  min-height: 64px;
  margin: 0 auto;
  padding: 10px 22px;
  border-radius: var(--cv2-radius-card, 12px);
  background: var(--theme-color-1-gradient);
  color: #ffffff;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.18);
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
}
#CoreV2-sticky-ann::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background-image: url('../../images/wscms_Images/revmo-1.webp');
  background-size: 260px 260px;
  background-position: right -10px center;
  background-repeat: no-repeat;
  opacity: 0.18;
  pointer-events: none;
  z-index: 0;
}
.CoreV2-sticky-content {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 14px;
  flex: 1 1 auto;
  min-width: 0;
  order: 1;
  overflow: hidden;
  z-index: 1;
}
.CoreV2-sticky-top-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  order: 2;
  z-index: 2;
}
.CoreV2-sticky-icon-col {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
}
.CoreV2-sticky-icon-vline {
  width: 1px;
  height: 36px;
  background: rgba(255, 255, 255, 0.22);
  flex-shrink: 0;
}
.CoreV2-sticky-lead {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
}
.CoreV2-sticky-hub {
  flex: 0 0 auto;
  min-width: 0;
}
.CoreV2-sticky-meta {
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 10px;
}
.CoreV2-sticky-center {
  display: inline-flex;
  align-items: center;
  border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 14px));
}
.CoreV2-sticky-coupon-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  opacity: 0.92;
}
.CoreV2-sticky-coupon-code {
  font-weight: 700;
  letter-spacing: 0.04em;
}
#CoreV2-sticky-ann .CoreV2-sticky-btn.feature-cta-modern {
  grid-column: unset;
  width: auto;
  max-width: none;
  margin: 0;
  position: static;
  transform: none;
  outline: none;
  outline-offset: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
  border-radius: var(--cv2-radius-btn, 8px);
}
.CoreV2-sticky-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: var(--cv2-radius-input, 10px);
  background: rgba(255, 255, 255, 0.16);
  flex: 0 0 46px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.CoreV2-sticky-icon svg,
.CoreV2-sticky-icon i,
.CoreV2-sticky-icon .hki-stroke {
  width: 22px;
  height: 22px;
  font-size: 22px;
  line-height: 1;
}
.CoreV2-sticky-text-area {
  font-size: 14px;
  font-weight: 500;
  flex: 1 1 auto;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  overflow: hidden;
  color: #ffffff;
}
.CoreV2-sticky-text { display: inline-flex; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1 1 auto; min-width: 0; }
.CoreV2-sticky-details { display: inline-flex; align-items: center; flex-wrap: nowrap; gap: 10px; white-space: nowrap; flex: 0 0 auto; }
.CoreV2-sticky-coupon {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  padding: 7px 14px;
  /* Tema: Buton radius (kampanya/promosyon kodu çerçevesi) */
  border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 14px));
  background: rgba(255, 255, 255, 0.12);
  font-size: 13px;
  border: 1.5px dashed rgba(255, 255, 255, 0.6);
  white-space: nowrap;
}
.CoreV2-sticky-coupon strong { font-weight: 700; color: #ffffff; font-size: 14px; letter-spacing: 0.5px; }
.CoreV2-sticky-coupon-icon svg,
.CoreV2-sticky-coupon-icon i,
.CoreV2-sticky-coupon-icon .hki-stroke {
  width: 16px;
  height: 16px;
  font-size: 16px;
}
.CoreV2-sticky-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex: 0 0 auto; z-index: 1; }
.CoreV2-sticky-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  /* Tema: Buton radius (Paket Gör — kupon ile aynı oval) */
  border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 14px));
  padding: 7px 16px;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.18);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.28);
  white-space: nowrap;
  transition: all 0.25s ease;
}
.CoreV2-sticky-btn:hover {
  background: rgba(255, 255, 255, 0.28);
  transform: translateY(-1px);
}
.CoreV2-sticky-copy {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: rgba(255,255,255,0.18);
  color: #ffffff;
  border: 1px solid rgba(255,255,255,0.35);
  border-radius: var(--cv2-radius-btn, 50px);
  padding: 4px 10px;
  font-size: 11px;
  cursor: pointer;
  transition: background 0.2s ease;
  white-space: nowrap;
  flex-shrink: 0;
}
.CoreV2-sticky-copy:hover { background: rgba(255,255,255,0.30); }
.CoreV2-sticky-countdown {
  display: inline-flex;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 0;
  column-gap: 0;
  row-gap: 0;
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  min-height: 46px;
}
.CoreV2-countdown-item {
  min-width: 42px;
  margin: 0;
  padding: 6px 8px;
  border-radius: 0;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-left-width: 0;
  border-right-width: 0;
  background: rgba(255, 255, 255, 0.14);
  text-align: center;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.CoreV2-countdown-item:first-child {
  border-radius: 8px 0 0 8px;
  border-left-width: 1px;
  padding-left: 10px;
}
.CoreV2-countdown-item:last-child {
  border-radius: 0 8px 8px 0;
  border-right-width: 1px;
  padding-right: 10px;
}
.CoreV2-countdown-item + .CoreV2-countdown-item {
  margin-left: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.12);
}
.CoreV2-countdown-value { display: block; font-size: 16px; font-weight: 700; color: #ffffff; line-height: 1; margin: 0 0 3px 0; }
.CoreV2-countdown-label { display: block; font-size: 9px; letter-spacing: 0.04em; text-transform: uppercase; color: rgba(255, 255, 255, 0.85); line-height: 1; margin: 0; }
.CoreV2-countdown-hidden { display: none; }
#CoreV2-sticky-close {
  background: rgba(255, 255, 255, 0.14);
  color: #ffffff;
  width: 34px;
  height: 34px;
  min-width: 34px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--cv2-radius-input, 8px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.2s ease;
  flex-shrink: 0;
  padding: 0;
}
#CoreV2-sticky-close:hover { background: rgba(255, 255, 255, 0.25); }
@media (max-width: 991px) {
    #CoreV2-sticky-ann {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    width: 100%;
    max-width: 100%;
    min-height: 0;
    padding: 12px 12px 16px 12px;
    column-gap: 8px;
    row-gap: 10px;
    align-items: center;
    overflow: visible;
    border-radius: 16px; /* kart — tam hap değil */
  }
                  /* Hub: kompakt, az oval (hap değil) */
  .CoreV2-sticky-hub {
    grid-column: 1;
    grid-row: 2;
    width: auto;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
    display: inline-flex;
    align-items: center;
    padding: 3px 5px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(255, 255, 255, 0.14);
    box-sizing: border-box;
  }
    .CoreV2-sticky-meta {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 5px;
  }
  /* Kupon: daha kompakt */
  .CoreV2-sticky-coupon {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    min-height: 22px;
    height: auto;
    padding: 1px 5px;
    font-size: 8px;
    border-radius: 6px;
    border-width: 1px;
  }
  .CoreV2-sticky-coupon strong {
    font-size: 8.5px;
    letter-spacing: 0.2px;
    margin-left: 1px;
  }
  .CoreV2-sticky-coupon-icon {
    font-size: 10px;
    width: 12px;
    height: 12px;
  }
  .CoreV2-sticky-coupon-icon svg {
    width: 11px;
    height: 11px;
  }
            /* Paket Gör: mobilde ikon buton (metin gizli, sığar) */
  #CoreV2-sticky-ann .CoreV2-sticky-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    grid-column: 2;
    grid-row: 2;
    min-height: 28px;
    height: 28px;
    width: 28px;
    min-width: 28px;
    max-width: 28px;
    padding: 0;
    margin: 0 0 0 6px;
    font-size: 0;
    line-height: 0;
    flex: 0 0 28px;
    visibility: visible;
    opacity: 1;
    transform: none;
    outline: none;
    outline-offset: 0;
    justify-self: end;
    border-radius: 8px;
    gap: 0;
  }
  #CoreV2-sticky-ann .CoreV2-sticky-btn--side span {
    display: none;
  }
  #CoreV2-sticky-ann .CoreV2-sticky-btn--side {
    gap: 0;
  }
  #CoreV2-sticky-ann .CoreV2-sticky-btn svg,
  #CoreV2-sticky-ann .CoreV2-sticky-btn i {
    display: block;
    width: 14px;
    height: 14px;
    font-size: 14px;
    flex-shrink: 0;
  }
  }
@media (max-width: 768px) {
  #CoreV2-sticky-ann-wrapper {
    margin: 6px 10px 10px; /* üst bomboşluk kaldırıldı */
  }
  #CoreV2-sticky-ann {
    padding: 12px 12px 16px 12px;
    row-gap: 8px;
    column-gap: 8px;
    overflow: visible;
    border-radius: 14px;
  }
  .CoreV2-sticky-hub {
    padding: 2px 4px;
    border-radius: 7px;
  }
  .CoreV2-sticky-coupon {
    min-height: 20px;
    padding: 1px 4px;
    font-size: 7.5px;
    border-radius: 5px;
  }
  .CoreV2-sticky-coupon strong {
    font-size: 8px;
  }
  #CoreV2-sticky-ann .CoreV2-sticky-btn {
    width: 26px;
    min-width: 26px;
    max-width: 26px;
    height: 26px;
    min-height: 26px;
    flex: 0 0 26px;
    border-radius: 7px;
  }
              }
/* ============================================================
   17. HERO / SLIDER SECTION
   ============================================================ */
/* hosting-container tanımı section 9'da mevcut - burada tekrar gerek yok */
/* Desktop & Tablet slider CSS removed - Mobile styles kept below */
@media (max-width: 768px) {
  .slider-main {
    padding: 16px 14px 18px;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0;
    box-sizing: border-box;
    background: var(--theme-color-1-gradient, var(--CoreV2-primary-gradient));
  }
                          }

/* ============================================================
   18. INTRO CARD / BOXES
   ============================================================ */
.box-wide {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) auto minmax(180px, 0.95fr);
  grid-template-rows: 1fr;
  align-items: stretch;
  grid-column: 1 / -1;
  grid-row: 2;
  width: 100%;
  height: auto;
  min-height: 150px;
  border-radius: 30px;
  background: var(--cv2-panel, #0e1119);
  color: #ffffff;
  border: none;
  padding: 0;
  overflow: hidden;
  position: relative;
  cursor: default;
  margin: 0;
}
/* Desen / yan ışık / siyah sis — kapalı (kart düz arka plan) */
.core-card.box-wide::before,
.box-wide::before {
  display: none;
  content: none;
  background: none;
  filter: none;
  opacity: 0;
}
/* Siyah gradient sis overlay kaldırıldı */
.core-card.box-wide::after,
.box-wide::after {
  display: none;
  content: none;
  background: none;
  opacity: 0;
}
.wide-content {
  position: relative;
  left: auto;
  top: auto;
  bottom: auto;
  padding: 16px 18px 16px 20px;
  z-index: 5;
  width: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0;
  min-width: 0;
}
.wide-divider {
  width: 1px;
  align-self: center;
  height: 68%;
  min-height: 72px;
  background: linear-gradient(180deg, transparent 0%, rgba(255,255,255,.28) 18%, rgba(255,255,255,.28) 82%, transparent 100%);
  flex-shrink: 0;
  z-index: 6;
  position: relative;
}
.wide-aside {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  padding: 12px 22px 12px 10px;
  gap: 10px;
  z-index: 5;
  min-width: 0;
  position: relative;
}
.box-wide .badge-new,
.box-wide .wide-badge {
  background: rgba(var(--CoreV2-primary-rgb),0.18);
  color: var(--CoreV2-primary);
  border: 1.5px dashed rgba(var(--CoreV2-primary-rgb),0.45);
  padding: 2px 10px;
  border-radius: 20px;
  font-size: 10px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 4px;
  align-self: flex-start;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.box-wide .wide-title { color: #ffffff; margin: 0 0 1px; font-size: 17px; font-weight: 900; line-height: 1.1; letter-spacing: -.02em; }
.box-wide .wide-subtitle { color: var(--CoreV2-primary, var(--cv2-primary)); margin: 0 0 4px; font-size: 14px; font-weight: 700; line-height: 1.2; display: block; }
.box-wide .wide-desc { color: rgba(255,255,255,.6); margin-bottom: 0; font-size: 11px; line-height: 1.45; max-width: 100%; }
/* Ürünler (wide-btn) — tema radius */
.box-wide .wide-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 18px;
  border-radius: var(--cv2-radius-btn, 50px);
  border: 1px solid rgba(0,0,0,.06);
  background: var(--CoreV2-primary-gradient, var(--CoreV2-primary));
  color: #ffffff;
  font-weight: 600;
  font-size: 12px;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 2px 10px rgba(var(--CoreV2-primary-rgb),.28);
  outline: 2px solid rgba(var(--CoreV2-primary-rgb),.25);
  outline-offset: 3px;
  transition: filter .2s ease, box-shadow .2s ease, transform .15s ease;
  align-self: flex-end;
  width: fit-content;
  margin-top: 0;
  margin-right: 0;
  position: relative;
  z-index: 7;
}
.wide-aside .wide-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 18px;
  border-radius: var(--cv2-radius-btn, 50px);
  border: 1px solid rgba(0,0,0,.06);
  background: var(--CoreV2-primary-gradient, var(--CoreV2-primary));
  color: #ffffff;
  font-weight: 600;
  font-size: 12px;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 2px 10px rgba(var(--CoreV2-primary-rgb),.28);
  outline: 2px solid rgba(var(--CoreV2-primary-rgb),.25);
  outline-offset: 3px;
  transition: filter .2s ease, box-shadow .2s ease, transform .15s ease;
  align-self: flex-end;
  width: fit-content;
  margin-top: 0;
  margin-right: 0;
  position: relative;
  z-index: 7;
}
.box-wide .wide-btn:hover { filter: brightness(1.08); box-shadow: 0 4px 16px rgba(var(--CoreV2-primary-rgb),.4); transform: translateY(-1px); }
.box-wide .wide-btn svg { width: 14px; height: 14px; fill: currentColor; transition: transform .2s ease; }
.box-wide .wide-btn:hover svg { transform: translateX(4px); }
.wide-visual {
  position: relative;
  right: auto;
  top: auto;
  bottom: auto;
  width: 100%;
  height: auto;
  min-height: 88px;
  overflow: visible;
  z-index: 4;
  pointer-events: none;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  mask-image: none;
  -webkit-mask-image: none;
}
.wide-visual img {
  position: relative;
  right: -6px;
  bottom: auto;
  height: 108px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: right bottom;
  display: block;
  transition: transform .3s ease;
  z-index: 2;
  border-radius: 0;
}
.box-wide:hover .wide-visual img { transform: scale(1.04); }
/* ── box-campaign: Yedek dikey kart (30px hava) ── */
.box-campaign {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  background: var(--CoreV2-bg, #f8f9fd);
  color: var(--cv2-heading, #0e1119);
  border: 1px solid rgba(0,0,0,.06);
  padding: 0;
  display: block;
  min-height: 0;
  height: 100%;
  grid-row: 1;
}
.box-campaign::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url('../../images/wscms_Images/revmo-2.webp');
  background-size: cover;
  background-position: center;
  opacity: .14;
  z-index: 0;
  pointer-events: none;
}
.box-campaign::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 65%;
  background: linear-gradient(to top, var(--CoreV2-bg,#f8f9fd) 40%, transparent);
  z-index: 2;
  pointer-events: none;
}
[data-theme="dark"] .box-campaign {
  background: var(--cv2-panel, #0e1119);
  color: #ffffff;
  border-color: rgba(255,255,255,.07);
}
[data-theme="dark"] .box-campaign::before { opacity: .08; }
[data-theme="dark"] .box-campaign::after { background: linear-gradient(to top, var(--cv2-panel, #0e1119) 40%, transparent); }
.camp-visual {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
}
.camp-visual img {
  position: absolute;
  left: 50%;
  top: 36%;
  transform: translate(-50%, -50%);
  height: 155%;
  width: auto;
  object-fit: contain;
  opacity: .88;
  transition: transform .3s ease;
}
.box-campaign:hover .camp-visual img { transform: translate(-50%, -54%) scale(1.04); }
.camp-percent-bg { display: none; }
.camp-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 4;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
  gap: 4px;
}
.camp-tag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--CoreV2-primary);
  background: rgba(var(--CoreV2-primary-rgb),.15);
  border: 1px dashed rgba(var(--CoreV2-primary-rgb),.4);
  padding: 2px 9px;
  border-radius: 20px;
  align-self: center;
}
.camp-title {
  color: var(--cv2-heading, #0e1119);
  font-size: 15px;
  font-weight: 900;
  line-height: 1.15;
  margin: 0;
}
.camp-desc {
  color: #64748b;
  font-size: 10.5px;
  line-height: 1.45;
  margin: 0;
}
/* Kampanya İncele — tema radius */
.camp-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 3px;
  padding: 8px 18px;
  border-radius: var(--cv2-radius-btn, 50px);
  border: 1px solid rgba(0,0,0,.06);
  background: var(--CoreV2-primary-gradient, var(--CoreV2-primary));
  color: #ffffff;
  font-weight: 600;
  font-size: 11.5px;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(var(--CoreV2-primary-rgb),.25);
  outline: 2px solid rgba(var(--CoreV2-primary-rgb),.25);
  outline-offset: 3px;
  transition: filter .2s ease, box-shadow .2s ease, transform .15s ease;
  align-self: center;
}
.camp-btn:hover {
  filter: brightness(1.08);
  box-shadow: 0 4px 14px rgba(var(--CoreV2-primary-rgb),.35);
  transform: translateY(-1px);
}
.camp-btn svg { width: 13px; height: 13px; fill: currentColor; transition: transform .2s; }
.camp-btn:hover svg { transform: translateX(3px); }
[data-theme="dark"] .camp-title { color: #ffffff; }
[data-theme="dark"] .camp-desc { color: rgba(255,255,255,.55); }
[data-theme="dark"] .camp-btn { border-color: rgba(255,255,255,.1); }
[data-theme="dark"] .camp-btn:hover { filter: brightness(1.12); }
@media (max-width: 1300px) {
  .hosting-container { height: auto; max-height: none; overflow: visible; gap: 16px; }
  .grid-wrapper > .coreintrocart,
  .coreintrocart {
    grid-template-rows: auto auto;
    height: auto;
    gap: 4px;
  }
  .box-search, .box-campaign {
    min-height: 180px;
    height: auto;
    border-radius: 30px;
  }
  .box-wide {
    min-height: 160px;
    height: auto;
    margin: 0;
    border-radius: 30px;
  }
}

/* ============================================================
   19. DOMAIN SEARCH SECTION
   Ana sayfa domain.css YUKLEMEZ — stiller base'de (Eski Yedek).
   ============================================================ */
#main-domain-index {
  z-index: 1;
  margin: 0 0 50px;
  position: relative;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
}
#main-domain { z-index: 1; margin: 50px 0; position: relative; }
/* Panel kart arka planı — kullanici istegi + yedek */
.main--domain {
  position: relative;
  z-index: 1;
  border-radius: var(--cv2-radius-card, 20px);
  background-color: var(--cv2-panel, var(--CoreV2-panel, var(--CoreV2-secondary, #0e1119)));
  background-image: none;
  padding: 32px 38px;
  text-align: center;
  overflow: hidden;
  min-height: 200px;
}
.main--domain::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  background-image: url('../../images/wscms_Images/revmo-1.webp');
  background-size: 280px auto;
  background-position: center;
  background-repeat: repeat;
  opacity: 0.045;
}
.main--domain::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  background:
    radial-gradient(ellipse 110% 55% at 50% -8%, rgba(var(--cv2-primary-rgb, 59, 130, 246), 0.08) 0%, transparent 62%),
    radial-gradient(ellipse 95% 48% at 50% 108%, rgba(var(--cv2-primary-rgb, 59, 130, 246), 0.05) 0%, transparent 58%);
}
.main--domain > * { position: relative; z-index: 1; }
.domain-title-main { color: #ffffff; font-size: 30px; font-weight: 600; margin: 0 0 18px; letter-spacing: -0.4px; }
@media (max-width: 768px) {
  #main-domain-index { padding-left: 12px; padding-right: 12px; }
  .main--domain { padding: 24px 16px; border-radius: 16px; min-height: auto; }
}
@media (max-width: 576px) {
  #main-domain-index { margin: 0 0 18px; padding-left: 12px; padding-right: 12px; }
  #main-domain { margin: 0 12px; }
  .main--domain { padding: 22px 14px; border-radius: 14px; min-height: auto; }
  .domain-title-main { font-size: 20px; margin-bottom: 6px; }
}
/* ============================================================
   21. GENERAL HEADING (genelbaslik)
   ============================================================ */
/* YEDEK genelbaslik-system: 32px / 700 / desc 16px */
.genelbaslik-ana-baslik .genelbaslik-vurgu {
  color: var(--CoreV2-primary, var(--cv2-primary));
  font-weight: inherit;
}
@media (max-width: 768px) {
  .genelbaslik-rozet-kapsayici { margin-bottom: 8px; }
        }
.genelbaslik-baslik {
  position: relative;
  padding-bottom: 6px;
  margin: 0 0 4px;
}
.genelbaslik[style*="center"] .genelbaslik-baslik::before,
section.genelbaslik[style*="center"] .genelbaslik-baslik::before {
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(to right, transparent, var(--CoreV2-primary), transparent);
}
section.genelbaslik[style*="center"] .genelbaslik-baslik::after,
.genelbaslik[style*="center"] .genelbaslik-baslik::after {
  left: 50%;
  transform: translateX(-50%);
}
/* ============================================================
   22. FAQ
   ============================================================ */
:root {
  --faq-main-color: var(--CoreV2-primary);
  --faq-section-bg: transparent;
  --faq-title-color: #1f2937;
  --faq-question-text-color: #374151;
  --faq-answer-text-color: #4b5563;
  --faq-card-bg-color: #ffffff;
  --faq-border-color: #f3f4f6;
  --faq-icon-wrapper-border-color: #e5e7eb;
  --faq-toggle-icon-bg-color: #f3f4f6;
}
[data-theme="dark"] {
  --faq-title-color: #f1f5f9;
  --faq-question-text-color: #e2e8f0;
  --faq-answer-text-color: #94a3b8;
  --faq-card-bg-color: #101218;
  --faq-border-color: #101218;
  --faq-icon-wrapper-border-color: #334155;
  --faq-toggle-icon-bg-color: #334155;
}
.faq-section-wrapper { width: 100%; background: var(--faq-section-bg); padding: 36px 0; }
.faq-container { max-width: var(--CoreV2-container-width); margin: 0 auto; padding: 0 12px; box-sizing: border-box; }
.faq-main-title { font-size: 22px; font-weight: 600; color: var(--faq-title-color); margin-bottom: 28px; }
.faq-grid-container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.faq-column { display: flex; flex-direction: column; gap: 18px; }
.faq-item {
  background: var(--faq-card-bg-color);
  border: 1px solid rgba(var(--CoreV2-primary-rgb), 0.08);
  border-radius: 12px;
  transition: transform 0.25s ease;
  -webkit-mask-image: radial-gradient(circle 10px at 0% 50%, transparent 98%, black 100%), radial-gradient(circle 10px at 100% 50%, transparent 98%, black 100%);
  -webkit-mask-composite: destination-in;
  mask-image: radial-gradient(circle 10px at 0% 50%, transparent 98%, black 100%), radial-gradient(circle 10px at 100% 50%, transparent 98%, black 100%);
  mask-composite: intersect;
}
.faq-item:hover { transform: translateY(-2px); }

/* ============================================================
   23. LOGO SLIDER
   ============================================================ */
/* Section arka plan */
.logocarts { position: relative; overflow: hidden; }
/* Merkez glow da sayfa bg'ye uyumlu (marka wash yok) */
.logocarts::before {
  content: '';
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 700px; height: 700px;
  background: radial-gradient(circle, rgba(148, 163, 184, 0.08) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}
html[data-theme="dark"] .logocarts::before,
html.dark-mode .logocarts::before {
  background: radial-gradient(circle, rgba(148, 163, 184, 0.06) 0%, transparent 70%);
}
.logocarts-wrapper { position: relative; z-index: 1; }
/* Kart iyileştirme */
.logocarts-card {
  flex: none;
  width: 100%;
  height: 80px;
  background: var(--CoreV2-bg,#f8f9fd);
  border-radius: 16px;
  padding: 14px 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s cubic-bezier(.4,0,.2,1);
  position: relative;
  overflow: hidden;
  border: none;
  box-shadow: none;
}
.logocarts-card:hover {
  transform: translateY(-6px);
  background: var(--CoreV2-primary,var(--cv2-primary));
  border-color: var(--CoreV2-primary,var(--cv2-primary));
  box-shadow: none;
}
.logocarts-card:hover .logocarts-img { opacity: 1; filter: brightness(0) invert(1); transform: scale(1.08); }
[data-theme="dark"] .logocarts-card {
  background: var(--cv2-panel, #0e1119);
  border: none;
  box-shadow: none;
}
[data-theme="dark"] .logocarts-card:hover {
  background: var(--CoreV2-primary,var(--cv2-primary));
  border-color: var(--CoreV2-primary,var(--cv2-primary));
  box-shadow: none;
}
[data-theme="dark"] .logocarts-card:hover .logocarts-img { filter: brightness(0) invert(1); }
.logocarts-img { width: auto; height: 40px; max-width: 120px; max-height: 40px; object-fit: contain; transition: all 0.3s ease; opacity: 0.72; filter: grayscale(100%); }
[data-theme="dark"] .logocarts-img { filter: brightness(0) invert(1); opacity: 0.55; }
/* Eski slider gizle */
/* Float grid layout */
.logocarts-track-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(138px, 1fr));
  gap: 10px;
  overflow: visible;
}
.logocarts-track { display: contents; animation: none; }
.lc-clone { display: none; }
/* Float animasyonu */
@keyframes lc-float {
  0%, 100% { transform: translateY(0px); }
  50%       { transform: translateY(-8px); }
}
/* Animasyon sadece 3 kez çalışsın - CPU/GPU yükünü azalt */
.logocarts-card { animation: lc-float 3s ease-in-out 3; }
/* Staggered delay — her kart farklı zamanda */
.logocarts-card:nth-child(5n+1) { animation-delay: 0s;    animation-duration: 2.9s; }
.logocarts-card:nth-child(5n+2) { animation-delay: 0.5s;  animation-duration: 3.3s; }
.logocarts-card:nth-child(5n+3) { animation-delay: 1.0s;  animation-duration: 2.6s; }
.logocarts-card:nth-child(5n+4) { animation-delay: 1.5s;  animation-duration: 3.6s; }
.logocarts-card:nth-child(5n+5) { animation-delay: 0.8s;  animation-duration: 3.1s; }
/* Mobile stilleri */

/* Mobile 4×4 */

/* ============================================================
   24. PRICING TABLE (modern-pricing)
   ============================================================ */
:root {
  --card-width: calc((1250px - 24px) / 2);
  --card-height: 260px;
}
.modern-pricing-body { display: flex; justify-content: center; align-items: center; }
.pricing-container { width: 1300px; height: var(--card-height); display: flex; justify-content: center; align-items: center; gap: 10px; box-sizing: border-box; }
.plan-card {
  width: var(--card-width);
  height: 100%;
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #e9eaef;
  display: flex;
  align-items: center;
  padding: 0 32px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  transition: all 0.28s ease;
}
.plan-card:hover { transform: translateY(-5px); }
[data-theme="dark"] .plan-card { background: #101218; border-color: #334155; }
.card-info { flex-basis: 50%; padding-right: 28px; border-right: 1px dashed #dde2e8; }
.card-features { flex-basis: 50%; padding-left: 28px; }
.card-plan { font-size: 11px; font-weight: 600; color: #8a8f9b; border: 1px solid #e9eaef; display: inline-block; padding: 4px 11px; border-radius: 7px; margin-bottom: 10px; }
.card-price { font-size: 38px; font-weight: 600; color: #1d2129; margin-bottom: 5px; }
.card-price .cents { font-weight: 300; color: #c5c7cd; }
.card-description { font-size: 13px; color: #8a8f9b; margin-bottom: 16px; height: 18px; }
.buy-button {
  display: block;
  width: 100%;
  padding: 9px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s ease;
  border: none;
}
.buy-button:hover { transform: scale(1.02); filter: brightness(1.07); }
.btn-standard { background: var(--CoreV2-primary-gradient); color: #ffffff; }
.btn-team { background: var(--cv2-primary); color: #ffffff; }
.features-list li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-size: 13px;
  color: var(--cv2-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.check-icon {
  width: 19px;
  height: 19px;
  background: rgba(var(--CoreV2-primary-rgb), 0.08);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  color: var(--CoreV2-primary);
  flex-shrink: 0;
}
.popular-badge {
  position: absolute;
  top: 13px;
  left: -30px;
  transform: rotate(-45deg);
  background: var(--CoreV2-primary-gradient);
  color: #ffffff;
  padding: 3px 33px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
}
[data-theme="dark"] .card-price { color: #f1f5f9; }
[data-theme="dark"] .card-plan,
[data-theme="dark"] .card-description { color: #94a3b8; }
[data-theme="dark"] .features-list li { color: #94a3b8; }
[data-theme="dark"] .card-info { border-color: #334155; }
[data-theme="dark"] .check-icon { background: rgba(var(--CoreV2-primary-rgb), 0.1); }
[data-theme="dark"] .btn-team { background: #475569; color: #f1f5f9; }

/* ============================================================
   26. CAMPAIGN COUNTDOWN
   ============================================================ */
.CoreV2-campaign-countdown {
  max-width: var(--CoreV2-container-width);
  margin: 28px auto 10px;
  padding: 20px 26px;
  border-radius: 22px;
  background: linear-gradient(120deg, rgba(var(--CoreV2-primary-rgb), 0.12), rgba(var(--CoreV2-primary-rgb), 0.05));
  border: 1px solid rgba(var(--CoreV2-primary-rgb), 0.22);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 26px;
}
.campaign-countdown-badge { display: inline-flex; align-items: center; gap: 5px; padding: 4px 12px; border-radius: 999px; background: rgba(var(--CoreV2-primary-rgb), 0.16); color: var(--CoreV2-primary); font-weight: 600; font-size: 0.88rem; }
.campaign-countdown-info h3 { margin: 5px 0 0; font-size: 1.45rem; color: var(--CoreV2-text-primary); }
.campaign-countdown-timer { display: flex; gap: 14px; }
.timer-item { text-align: center; padding: 9px 14px; border-radius: 14px; background: rgba(255,255,255,0.38); border: 1px solid rgba(var(--CoreV2-primary-rgb), 0.22); min-width: 80px; }
.timer-value { display: block; font-size: 1.9rem; font-weight: 600; color: var(--CoreV2-primary); }
.timer-label { text-transform: uppercase; font-size: 0.75rem; letter-spacing: 0.07em; color: var(--CoreV2-text-secondary); }

/* ============================================================
   27. PRODUCT TABS / CATEGORY TABS
   ============================================================ */
.intro-product-tabs-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 12px;
  margin-bottom: 0;
}
.intro-product-tabs-container {
  display: inline-flex;
  align-items: center;
}
.intro-product-tabs-list {
  display: inline-flex;
  background: rgba(var(--CoreV2-primary-rgb),0.14);
  padding: 6px;
  border-radius: 14px;
  gap: 5px;
  border: 1px solid rgba(var(--CoreV2-primary-rgb),0.25);
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
}
.category-tabs-list {
  display: inline-flex;
  background: rgba(var(--CoreV2-primary-rgb),0.14);
  padding: 6px;
  /* Tema: Kart radius (sekme şeridi) */
  border-radius: var(--cv2-radius-card, var(--r-xl, 14px));
  gap: 5px;
  border: 1px solid rgba(var(--CoreV2-primary-rgb),0.25);
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
}
.intro-product-tabs-list::-webkit-scrollbar { display: none; }
.category-tabs-list::-webkit-scrollbar { display: none; }
.intro-product-tab-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: none;
  border: none;
  color: var(--CoreV2-primary);
  font-size: 13px;
  padding: 10px 22px;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
  text-decoration: none;
}
.category-tab-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: none;
  border: none;
  color: var(--CoreV2-primary);
  font-size: 13px;
  padding: 10px 22px;
  /* Tema: Buton radius (sekme öğesi) */
  border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 14px));
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
  text-decoration: none;
}
.intro-product-tab-btn:hover {
  color: var(--CoreV2-primary);
  background: rgba(var(--CoreV2-primary-rgb),0.08);
}
.category-tab-btn:hover {
  color: var(--CoreV2-primary);
  background: rgba(var(--CoreV2-primary-rgb),0.08);
}
.intro-product-tab-btn.active {
  color: #ffffff;
  background: var(--CoreV2-primary-gradient, var(--CoreV2-primary));
}
.category-tab-btn.active {
  color: #ffffff;
  background: var(--CoreV2-primary-gradient, var(--CoreV2-primary));
}
.intro-tab-image-wrapper {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: transparent;
  border: 1px solid rgba(var(--CoreV2-primary-rgb), 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
}
.category-tab-image-wrapper {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: transparent;
  border: 1px solid rgba(var(--CoreV2-primary-rgb), 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
}
.intro-tab-image-wrapper img { width: 100%; height: 100%; object-fit: contain; }
.category-tab-image-wrapper img { width: 100%; height: 100%; object-fit: contain; }
.intro-tab-image-wrapper i { font-size: 12px; color: var(--CoreV2-primary); }
.category-tab-image-wrapper i { font-size: 12px; color: var(--CoreV2-primary); }
.intro-product-tab-btn.active .intro-tab-image-wrapper { background: rgba(255,255,255,0.15); border-color: rgba(255,255,255,0.25); }
.category-tab-btn.active .category-tab-image-wrapper { background: rgba(255,255,255,0.15); border-color: rgba(255,255,255,0.25); }
.intro-product-tab-btn.active .intro-tab-image-wrapper i { color: #ffffff; }
.category-tab-btn.active .category-tab-image-wrapper i { color: #ffffff; }
.intro-product-tab-btn.active .intro-tab-image-wrapper img { filter: none; }
.category-tab-btn.active .category-tab-image-wrapper img { filter: none; }

/* ============================================================
   28. FORM CONTROLS
   ============================================================ */
.form-control {
  font-weight: 500;
  color: var(--cv2-primary);
  border: 1px solid #f2f2f9;
  padding: 1rem 1.2rem;
  height: 58px;
  border-radius: 8px;
  width: 100%;
  transition: all 0.2s ease;
}
.form-control:focus { border-color: var(--CoreV2-primary); color: var(--cv2-primary); outline: 0; }
.form-control::placeholder { color: var(--cv2-primary); font-weight: 400; }
/* Site butonları — oval/radius tema ayarlarından (radius-button → --cv2-radius-btn, varsayilan 14) */
.btn,
a.btn,
button.btn,
input[type="submit"].btn,
input[type="button"].btn {
    border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 14px));
    font-weight: var(--fw-button, 600);
    font-family: var(--font-family-base, inherit);
}
.btn { transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, opacity 0.2s ease; width: fit-content; }
.btn-main { background: var(--CoreV2-primary); color: #ffffff; border: none; position: relative; z-index: 1; overflow: hidden; border-radius: var(--cv2-radius-btn, 14px); font-weight: var(--fw-button, 600); }
.btn-main:hover { opacity: 0.9; transform: translateY(-1px); }
/* ============================================================
   29. MOBILE HEADER
   ============================================================ */
.CoreV2-mobile-logo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.CoreV2-mobile-actions {
  display: flex;
  align-items: center;
  gap: 7px;
}
.CoreV2-mobile-action {
  width: 38px;
  height: 38px;
  background: rgba(255,255,255,0.15);
  border: none;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  position: relative;
  cursor: pointer;
  transition: background 0.22s ease;
  flex-shrink: 0;
  padding: 0;
  vertical-align: middle;
}
.CoreV2-mobile-theme-btn {
  overflow: hidden;
}
.CoreV2-mobile-action:hover { background: rgba(255,255,255,0.25); }
.CoreV2-mobile-badge {
  position: absolute;
  top: -5px;
  right: -5px;
  min-width: 17px;
  height: 17px;
  padding: 0 3px;
  background: var(--cv2-danger);
  color: #ffffff;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  font-weight: 700;
  border: none;
  z-index: 10;
  line-height: 1;
}
.CoreV2-mobile-currency {
  display: none;
  align-items: center;
  width: calc(100% - 24px);
  margin: 0 12px 10px;
  background: var(--color-text, #0e1119);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 10px;
  padding: 3px;
  gap: 3px;
}
.CoreV2-mobile-currency .CoreV2-fx-btn { flex: 1; justify-content: center; font-size: 11px; padding: 6px 4px; border-radius: 7px; color: rgba(255,255,255,0.6); background: transparent; }
.CoreV2-mobile-currency .CoreV2-fx-btn:hover { color: #ffffff; background: rgba(255,255,255,0.1); }
.CoreV2-mobile-currency .CoreV2-fx-btn.active { background: var(--CoreV2-primary); color: #ffffff; }
.CoreV2-mobile-currency .CoreV2-fx-btn span { font-size: 9px; opacity: 0.82; }
.CoreV2-mobile-currency .CoreV2-rate-icon svg { width: 17px; height: 17px; }
/* ============================================================
   30. MOBILE DRAWER
   ============================================================ */
body.CoreV2-noscroll {
  overflow: hidden;
}
html.CoreV2-noscroll,
body.CoreV2-noscroll {
  overscroll-behavior: none;
}
.CoreV2-mobile-overlay.active,
#mobile-overlay.active {
  touch-action: none;
}
.CoreV2-mobile-drawer.active {
  transform: translateY(0) scale(1);
  opacity: 1;
}
.CoreV2-drawer-logo { display: flex; align-items: center; gap: 10px; }
.CoreV2-drawer-logo img { filter: none; height: 44px; max-height: 44px; width: auto; max-width: 140px; object-fit: contain; transition: filter 0.3s ease; }
[data-theme="dark"] .CoreV2-drawer-logo img { filter: brightness(0) invert(1); }
.CoreV2-drawer-theme-btn,
.CoreV2-drawer-close {
  background: rgba(0,0,0,0.06);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #475569;
  cursor: pointer;
  border: none;
  transition: all 0.2s ease;
}
.CoreV2-drawer-theme-btn:hover,
.CoreV2-drawer-close:hover { background: rgba(0,0,0,0.12); color: #1e293b; }
[data-theme="dark"] .CoreV2-drawer-theme-btn,
[data-theme="dark"] .CoreV2-drawer-close {
  background: rgba(255,255,255,0.08);
  color: #e2e8f0;
}
/* Dark mode: drawer theme toggle sun/moon icon swap */
[data-theme="dark"] .CoreV2-drawer-theme-btn .sun {
  opacity: 0;
  transform: rotate(-180deg);
}
[data-theme="dark"] .CoreV2-drawer-theme-btn .moon {
  opacity: 1;
  transform: rotate(0deg);
}
.CoreV2-drawer-content {
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  padding: 2px 6px 2px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.CoreV2-drawer-content::-webkit-scrollbar { display: none; }
.CoreV2-drawer-item {
  margin: 0;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  border-bottom: 1px dashed rgba(0,0,0,0.06);
}
.CoreV2-drawer-item:last-child {
  border-bottom: none;
}
[data-theme="dark"] .CoreV2-drawer-item {
  border-bottom-color: rgba(255,255,255,0.06);
}
.CoreV2-drawer-link {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 5px 10px;
  color: #334155;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  border-radius: 10px;
  transition: all 0.18s ease;
  position: relative;
  cursor: pointer;
  background: none;
  border: none;
  width: 100%;
  text-align: left;
}
.CoreV2-drawer-link:hover {
  background: rgba(var(--CoreV2-primary-rgb), 0.07);
  color: var(--CoreV2-primary);
}
.CoreV2-drawer-link:hover .CoreV2-drawer-icon-box {
  background: #ffffff;
  color: var(--CoreV2-primary);
}
.CoreV2-drawer-item.active > .CoreV2-drawer-link {
  background: rgba(var(--CoreV2-primary-rgb), 0.1);
  color: var(--CoreV2-primary);
  font-weight: 600;
}
.CoreV2-drawer-item.active > .CoreV2-drawer-link::before { display: none; }
.CoreV2-drawer-icon-box {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(var(--CoreV2-primary-rgb), 0.09);
  color: var(--CoreV2-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.18s;
  font-size: 13px;
}
.CoreV2-drawer-icon { font-size: 15px; transition: none; flex-shrink: 0; }
.CoreV2-drawer-arrow { margin-left: auto; font-size: 11px; transition: transform 0.28s; color: #94a3b8; flex-shrink: 0; }
.CoreV2-drawer-item.active .CoreV2-drawer-arrow { transform: rotate(180deg); color: var(--CoreV2-primary); }
.CoreV2-drawer-badge {
  margin-left: auto;
  background: var(--CoreV2-primary);
  color: #ffffff;
  font-size: 10px;
  padding: 2px 7px;
  border-radius: 10px;
  font-weight: 600;
  flex-shrink: 0;
}[data-theme="dark"] .CoreV2-drawer-icon-box { background: rgba(255,255,255,0.08); color: #94a3b8; }
[data-theme="dark"] .CoreV2-drawer-link:hover .CoreV2-drawer-icon-box { background: var(--CoreV2-primary); color: #ffffff; }
[data-theme="dark"] .CoreV2-drawer-item.active > .CoreV2-drawer-link .CoreV2-drawer-icon-box { background: var(--CoreV2-primary); color: #ffffff; }
.CoreV2-drawer-link {
  overflow: hidden;
}
.cv2d-ripple {
  position: absolute;
  border-radius: 50%;
  background: rgba(var(--CoreV2-primary-rgb), 0.18);
  transform: scale(0);
  animation: cv2d-ripple-anim 0.55s linear;
  pointer-events: none;
}
@keyframes cv2d-ripple-anim {}
.CoreV2-drawer-submenu {
  list-style: none;
  margin: 4px 0 6px 0;
  padding: 0;
  max-height: 0;
  overflow: hidden;
  display: block;
  transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.28s ease;
  opacity: 0;
  visibility: hidden;
}
.CoreV2-drawer-submenu.active {
  max-height: 1800px;
  opacity: 1;
  visibility: visible;
}
.CoreV2-drawer-submenu > *,
.CoreV2-drawer-mega {
  background: rgba(var(--CoreV2-primary-rgb), 0.04);
  border: 1px solid rgba(var(--CoreV2-primary-rgb), 0.1);
  border-radius: 12px;
  padding: 6px;
  margin: 0 2px;
}
[data-theme="dark"] .CoreV2-drawer-submenu > *,
[data-theme="dark"] .CoreV2-drawer-mega {
  background: rgba(255,255,255,0.04);
  border-color: rgba(255,255,255,0.08);
}
.CoreV2-mega-item,
.CoreV2-submenu-item {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 8px 10px;
  font-size: 13px;
  color: #475569;
  text-decoration: none;
  border-radius: 9px;
  transition: all 0.18s;
  margin: 1px 0;
}
.CoreV2-mega-item::before,
.CoreV2-submenu-item::before { display: none; }
.CoreV2-mega-item:hover,
.CoreV2-submenu-item:hover {
  background: rgba(var(--CoreV2-primary-rgb), 0.07);
  color: var(--CoreV2-primary);
}
.CoreV2-mega-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  font-size: 12px;
  border-radius: 7px;
  background: rgba(var(--CoreV2-primary-rgb), 0.1);
  color: var(--CoreV2-primary);
  transition: all 0.18s;
}
.CoreV2-mega-item:hover .CoreV2-mega-icon { background: var(--CoreV2-primary); color: #ffffff; }
.CoreV2-mobile-btn {
  flex: 1;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  padding: 0 18px;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.CoreV2-mobile-login { background: var(--CoreV2-primary-gradient, var(--CoreV2-primary)); color: #ffffff; border: 1px solid rgba(0,0,0,.06); box-shadow: 0 2px 8px rgba(var(--CoreV2-primary-rgb),.25); outline: none; border-radius: 50px; }
.CoreV2-mobile-login:hover { filter: brightness(1.08); box-shadow: 0 4px 14px rgba(var(--CoreV2-primary-rgb),.38); }
.CoreV2-mobile-register { background: transparent; color: var(--CoreV2-primary); border: 1.5px solid rgba(var(--CoreV2-primary-rgb),.35); outline: none; border-radius: 50px; }
.CoreV2-mobile-register:hover { background: rgba(var(--CoreV2-primary-rgb),.08); border-color: var(--CoreV2-primary); }
.CoreV2-mobile-btn svg { flex-shrink: 0; width: 15px; height: 15px; }
.CoreV2-drawer-profile-card { flex-direction: column; padding: 0; overflow: hidden; gap: 0; position: relative; margin-top: 22px; }
.CoreV2-drawer-profile-top { display: flex; align-items: center; gap: 10px; padding: 10px 13px; text-decoration: none; width: 100%; box-sizing: border-box; }
.CoreV2-drawer-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255,255,255,0.24);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  font-weight: 600;
  color: #ffffff;
  flex-shrink: 0;
  text-transform: uppercase;
  border: 2px solid rgba(255,255,255,0.38);
}
.CoreV2-drawer-user-name { display: flex; align-items: center; gap: 3px; font-size: 14px; font-weight: 600; color: #ffffff; }
.CoreV2-drawer-user-email { font-size: 11px; color: rgba(255,255,255,0.72); }
.CoreV2-drawer-user-info { display: flex; flex-direction: column; gap: 2px; flex: 1; }
.CoreV2-drawer-logout-btn {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.14);
  border: 1.5px solid rgba(255,255,255,0.22);
  border-radius: 8px;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.2s;
  text-decoration: none;
  flex-shrink: 0;
  margin-left: auto;
}
.CoreV2-drawer-logout-btn:hover { background: rgba(255,255,255,0.24); transform: translateY(-2px); }
.CoreV2-drawer-home {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 16px 18px;
  margin: 12px 10px 7px;
  color: #ffffff;
  font-weight: 600;
  font-size: 15px;
  background: linear-gradient(135deg, var(--CoreV2-primary) 0%, color-mix(in srgb, var(--CoreV2-primary) 75%, #ffffff) 100%);
  border-radius: 12px;
  text-decoration: none;
  overflow: visible;
  transition: all 0.2s ease;
}
.CoreV2-drawer-home-icon { width: 38px; height: 38px; background: rgba(255,255,255,0.2); border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.CoreV2-drawer-home-icon svg { color: #ffffff; }
.CoreV2-drawer-home-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.cv2d-usercard {
  position: relative;
  margin: 0px 10px 6px;
  border-radius: 20px;
  background: var(--theme-color-1-gradient);
  padding: 22px 14px 10px;
  overflow: visible;
  z-index: 2;
}
.cv2d-usercard::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 20px;
  overflow: hidden;
  pointer-events: none;
}
.cv2d-usercard-badge {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: var(--theme-color-1-gradient);
  border: none;
  border-radius: 50px;
  padding: 5px 14px 5px 10px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.95);
}
.cv2d-usercard-top {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.cv2d-usercard-avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(255,255,255,0.22);
  border: 2px solid rgba(255,255,255,0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  flex-shrink: 0;
}
.cv2d-usercard-info {
  flex: 1;
  min-width: 0;
}
.cv2d-usercard-name {
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* ═══════════════════════════════════════════════════════════
   YORUMLAR VE FOOTER - YAPRAK TARZI TASARIM (DOLGU)
   ═══════════════════════════════════════════════════════════ */
.coreyorumcrt-hero-banner {
  position: relative;
  background: var(--theme-color-1-gradient);
  overflow: hidden;
}
.coreyorumcrt-card {
  position: relative;
  overflow: hidden;
}
.coreyorumcrt-track {
  background: transparent;
  position: relative;
  padding: 0;
  overflow-x: auto;
  box-shadow: none;
}
.coreyorumlar-slider-track {
  background: transparent;
  position: relative;
  padding: 0;
  overflow-x: auto;
  box-shadow: none;
}
.coreyorumlar-testimonials-column {
  position: relative;
  transition: all 0.3s ease;
  background: transparent;
  border-radius: 0;
  padding: 0;
}
.coreyorumlar-testimonials-column.active {
  background: rgba(var(--cv2-primary-rgb),0.04);
  border-radius: 16px;
  padding: 16px;
}
.coreyorumlar-testimonials-column.active::before {
  content: '';
  position: absolute;
  bottom: -6px;
  right: -6px;
  width: 70px;
  height: 70px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70"%3E%3Cpath d="M60 60 C60 60 14 57 6 6 C6 6 57 14 60 60Z" fill="rgba(var(--cv2-primary-rgb),0.07)" stroke="none"/%3E%3C/svg%3E');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom right;
  pointer-events: none;
  z-index: 0;
  opacity: 1;
}
[data-theme="dark"] .coreyorumlar-testimonials-column.active {
  background: rgba(var(--cv2-primary-rgb),0.06);
}
[data-theme="dark"] .coreyorumlar-testimonials-column.active::before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70"%3E%3Cpath d="M60 60 C60 60 14 57 6 6 C6 6 57 14 60 60Z" fill="rgba(var(--cv2-primary-rgb),0.05)" stroke="none"/%3E%3C/svg%3E');
}
.corefooter-tab-btn {
  background: none;
}
.corefooter-tab-btn.active {
  background: var(--theme-color-1-gradient);
}
.cv2d-usercard-email {
  font-size: 11px;
  color: rgba(255,255,255,0.7);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 2px;
}
.cv2d-usercard-waves {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  pointer-events: none;
  overflow: hidden;
}
.cv2d-usercard-waves svg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: cv2dWave 4s ease-in-out 2 alternate;
}
.cv2d-usercard-waves svg:nth-child(2) {
  animation-duration: 6s;
  animation-direction: alternate-reverse;
  animation-iteration-count: 2;
}
@keyframes cv2dWave {
  0% { transform: scaleX(1) translateX(0); }
  100% { transform: scaleX(1.15) translateX(-6%); }
}
.cv2d-usercard-avatar--pho.cv2d-usercard-avatar--photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.cv2d-usercard-logout {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255,255,255,0.18);
  border: 1px solid rgba(255,255,255,0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  text-decoration: none;
  flex-shrink: 0;
  transition: background 0.2s;
}
.cv2d-usercard-logout:hover { background: rgba(255,255,255,0.30); }
.cv2d-usercard-actions {
  display: flex;
  align-items: center;
  gap: 7px;
  position: relative;
  z-index: 1;
}
.cv2d-usercard-balance {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 600;
  color: rgba(255,255,255,0.9);
  background: rgba(255,255,255,0.15);
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 50px;
  padding: 6px 12px;
  white-space: nowrap;
  flex-shrink: 0;
}
.cv2d-usercard-panel-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  font-size: 13px;
  font-weight: 700;
  color: var(--CoreV2-primary);
  background: #ffffff;
  border-radius: 50px;
  padding: 7px 14px;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.2s;
  margin-left: auto;
  flex-shrink: 0;
}
.cv2d-usercard-panel-btn:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,0,0,0.2); }
.cv2d-usercard-top--guest {
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.cv2d-usercard-guest-icon {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: rgba(255,255,255,0.18);
  border: 2px solid rgba(255,255,255,0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  flex-shrink: 0;
}
.cv2d-usercard-guest-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.cv2d-usercard-guest-title {
  font-size: 13px;
  font-weight: 700;
  color: #ffffff;
}
.cv2d-usercard-guest-sub {
  font-size: 11px;
  color: rgba(255,255,255,0.65);
}
.cv2d-usercard-actions--guest {
  display: flex;
  gap: 7px;
}
.cv2d-usercard-login-btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  color: var(--CoreV2-primary);
  font-size: 12px;
  font-weight: 700;
  padding: 7px 12px;
  border-radius: 50px;
  text-decoration: none;
  transition: all 0.2s;
}
.cv2d-usercard-login-btn:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,0,0,0.18); }
.cv2d-usercard-register-btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.15);
  border: 1px solid rgba(255,255,255,0.3);
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  padding: 7px 12px;
  border-radius: 50px;
  text-decoration: none;
  transition: all 0.2s;
}
.cv2d-usercard-register-btn:hover { background: rgba(255,255,255,0.25); }
[data-theme="dark"] .cv2d-usercard {
  background: linear-gradient(135deg, var(--CoreV2-primary) 0%, color-mix(in srgb, var(--CoreV2-primary) 70%, var(--cv2-primary)) 100%);
}
[data-theme="dark"] .cv2d-usercard-panel-btn {
  color: var(--CoreV2-primary);
  background: #ffffff;
}
[data-theme="dark"] .cv2d-usercard-balance {
  background: rgba(255,255,255,0.15);
  border-color: rgba(255,255,255,0.2);
}
[data-theme="dark"] .cv2d-usercard-logout {
  background: rgba(255,255,255,0.18);
  border-color: rgba(255,255,255,0.25);
}
[data-theme="dark"] .CoreV2-drawer-profile-footer {
  background: rgba(255,255,255,0.05);
}
.cv2d-contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  padding: 2px 10px 4px;
  flex-shrink: 0;
  margin-top: 0;
}
.cv2d-ccard {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 9px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid #edf2f7;
  background: #f8fafc;
  text-decoration: none;
  transition: all 0.18s ease;
}
.cv2d-ccard:hover {
  border-color: rgba(var(--CoreV2-primary-rgb), 0.25);
  background: rgba(var(--CoreV2-primary-rgb), 0.04);
  transform: translateY(-1px);
}
.cv2d-ccard-icon {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: rgba(var(--CoreV2-primary-rgb), 0.09);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.18s ease;
}
.cv2d-ccard--phone .cv2d-ccard-icon { color: var(--CoreV2-primary); }
.cv2d-ccard--wa .cv2d-ccard-icon { background: rgba(var(--cv2-primary-rgb),0.1); color: var(--cv2-success); }
.cv2d-ccard:hover .cv2d-ccard-icon { background: var(--CoreV2-primary); color: #ffffff; }
.cv2d-ccard--wa:hover .cv2d-ccard-icon { background: var(--cv2-success); color: #ffffff; }
.cv2d-ccard-texts {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
.cv2d-ccard-title {
  font-size: 12px;
  font-weight: 600;
  color: #1e293b;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cv2d-ccard-sub {
  font-size: 10px;
  font-weight: 400;
  color: #94a3b8;
  line-height: 1.2;
}
[data-theme="dark"] .cv2d-ccard { background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.08); }
[data-theme="dark"] .cv2d-ccard-icon { background: rgba(255,255,255,0.07); }
[data-theme="dark"] .cv2d-ccard-title { color: #e2e8f0; }
.cv2d-support-btns {
  display: flex;
  gap: 7px;
  padding: 6px 10px 4px;
}
.cv2d-support-btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s;
  white-space: nowrap;
}
.cv2d-support-btn--primary {
  background: linear-gradient(135deg, var(--CoreV2-primary), color-mix(in srgb, var(--CoreV2-primary) 70%, var(--cv2-primary)));
  color: #ffffff;
}
.cv2d-support-btn--primary:hover { opacity: 0.9; }
.cv2d-support-btn--secondary {
  background: rgba(var(--CoreV2-primary-rgb), 0.08);
  color: var(--CoreV2-primary);
  border: 1px solid rgba(var(--CoreV2-primary-rgb), 0.15);
}
.cv2d-support-btn--secondary:hover { background: rgba(var(--CoreV2-primary-rgb), 0.14); }
[data-theme="dark"] .cv2d-support-btn--secondary {
  background: rgba(255,255,255,0.06);
  color: #e2e8f0;
  border-color: rgba(255,255,255,0.12);
}
.cv2d-footer-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  margin-top: 0;
  padding: 10px 16px 14px;
  border-top: 1.5px dashed #e2e8f0;
}
.cv2d-fbar-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  color: #64748b;
  transition: color 0.2s;
}
.cv2d-fbar-item:hover { color: var(--CoreV2-primary); }
.cv2d-fbar-icon {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: #f8fafc;
  display: flex;
  align-items: center;
  justify-content: center;
  color: inherit;
}
.cv2d-fbar-item span:last-child {
  font-size: 10px;
  font-weight: 500;
}
.cv2d-fbar-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.cv2d-fbar-site {
  font-size: 11px;
  font-weight: 700;
  color: #475569;
  display: block;
  line-height: 1.3;
}
.cv2d-fbar-rights {
  font-size: 9px;
  font-weight: 500;
  color: #94a3b8;
  display: block;
}
[data-theme="dark"] .cv2d-footer-bar { border-top: 1.5px dashed rgba(255,255,255,0.1); }
[data-theme="dark"] .cv2d-fbar-icon { background: rgba(255,255,255,0.06); }
[data-theme="dark"] .cv2d-fbar-site { color: #94a3b8; }
[data-theme="dark"] .cv2d-fbar-item { color: #64748b; }
.CoreV2-profile-currency {
  display: flex;
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 50px;
  padding: 3px;
  gap: 2px;
}
.CoreV2-profile-currency .CoreV2-fx-btn { color: rgba(255,255,255,0.72); font-size: 11px; font-weight: 600; padding: 3px 8px; border-radius: 50px; background: transparent; cursor: pointer; transition: all 0.14s; white-space: nowrap; }
.CoreV2-profile-currency .CoreV2-fx-btn:hover { background: rgba(255,255,255,0.15); color: #ffffff; }
.CoreV2-profile-currency .CoreV2-fx-btn.active { background: rgba(255,255,255,0.27); color: #ffffff; font-weight: 600; }
.CoreV2-drawer-flag-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.14);
  border: 1.5px dashed rgba(255,255,255,0.55);
  border-radius: 50%;
  padding: 2px;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.2s;
}
.CoreV2-drawer-flag-btn:hover { background: rgba(255,255,255,0.24); }
.CoreV2-drawer-flag-btn img { width: 20px; height: 20px; border-radius: 50%; object-fit: cover; display: block; }
.CoreV2-drawer-user-balance {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 600;
  color: rgba(255,255,255,0.88);
  background: rgba(255,255,255,0.1);
  border: 1px dashed rgba(255,255,255,0.45);
  border-radius: 6px;
  padding: 5px 9px;
  flex: 1;
}
.CoreV2-drawer-user-actions { display: flex; gap: 5px; padding: 3px 8px 4px; }
[data-theme="dark"] .CoreV2-mobile-drawer {
    background: rgba(10, 13, 26, 0.88);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border: 1px solid rgba(255,255,255,0.08);
}
[data-theme="dark"] .CoreV2-mobile-drawer.active { opacity: 1; }
[data-theme="dark"] .CoreV2-drawer-content {
    background-color: transparent;
}
[data-theme="dark"] .CoreV2-drawer-link {
    color: #cbd5e1;
}
[data-theme="dark"] .CoreV2-mobile-currency {
    background: rgba(255,255,255,0.06);
    border-color: rgba(255,255,255,0.1);
}
[data-theme="dark"] .CoreV2-mobile-currency .CoreV2-fx-btn {
    color: rgba(255,255,255,0.6);
}
[data-theme="dark"] .CoreV2-mobile-currency .CoreV2-fx-btn:hover {
    color: #ffffff;
    background: rgba(255,255,255,0.1);
}
[data-theme="dark"] .CoreV2-mobile-register {
    background: rgba(255,255,255,0.06);
    color: #e2e8f0;
    border-color: rgba(255,255,255,0.12);
}
.CoreV2-drawer-menu-item {
    background: transparent;
    border-bottom: 1px dashed rgba(var(--CoreV2-primary-rgb), 0.1);
    color: #334155;
    display: flex;
    align-items: center;
    padding: 14px 18px;
    text-decoration: none;
    font-weight: 500;
}
.CoreV2-drawer-menu-item i,
.CoreV2-drawer-menu-item svg {
    color: var(--CoreV2-primary);
    margin-right: 12px;
    font-size: 18px;
    opacity: 1;
    display: inline-block;
}
[data-theme="dark"] .CoreV2-drawer-menu-item {
    color: #f1f5f9;
}
.CoreV2-overlay {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 10055;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.35s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.35s ease;
  pointer-events: none;
  will-change: opacity;
}
.CoreV2-overlay.active { opacity: 1; visibility: visible; pointer-events: auto; }
/* ============================================================
   32. MENU-SPECIFIC COLOR THEMES
   ============================================================ */
/* ============================================================
   33. MISC COMPONENTS
   ============================================================ */
.CoreV2paktsb-promo {
  background: rgba(var(--CoreV2-primary-rgb), 0.05);
  border: 1px solid rgba(var(--CoreV2-primary-rgb), 0.1);
}
.CoreV2paktsb-promo-price { color: var(--CoreV2-primary); font-size: 16px; }
.CoreV2paktsb-promo-btn { background: var(--CoreV2-primary); color: #ffffff; }
li.has-dynamic-color .CoreV2-dropdown-icon {
  background-color: var(--menu-item-bg-color, var(--CoreV2-primary-light));
  color: var(--menu-item-color, var(--CoreV2-primary));
}
@keyframes CoreV2IconSpin {}
.CoreV2-icon-rotate { display: inline-flex; animation: CoreV2IconSpin 0.85s linear 10; }
.introslider-single-card { background: var(--CoreV2-primary-gradient); color: #ffffff; }
.introslider-title, .introslider-description { color: #ffffff; }
.introslider-badge { background: rgba(255,255,255,0.14); border-color: rgba(255,255,255,0.28); color: #ffffff; }
.introslider-view-btn { background: rgba(255,255,255,0.14); border-color: rgba(255,255,255,0.45); color: #ffffff; }
.introslider-view-btn:hover { background: #ffffff; color: var(--CoreV2-primary); }
.slider-main { background: var(--CoreV2-primary-gradient); }
/* ============================================================
   34. RESPONSIVE — DESKTOP NAV SHOW/HIDE
   ============================================================ */
@media screen and (max-width: 991px) {
  :root { --CoreV2-topbar-height: 0; --CoreV2-header-height: 0; }
}
/* ============================================================
   36. ADDITIONAL MOBILE FIXES
   ============================================================ */
@media (max-width: 768px) {
  @keyframes CoreV2StickyIn {}
}
/* ============================================================
   37. ANIMATIONS
   ============================================================ */
@keyframes fadeInUp {}
@keyframes scaleIn {}
@keyframes slideDown {}
@keyframes mp-pulse { 0% { transform: scale(1); opacity: 0.38; } 100% { transform: scale(1.5); opacity: 0; } }
@keyframes shimmer { 0%, 100% { background-position: 0 50%; } 50% { background-position: 100% 50%; } }
@keyframes gradientShift { 0% { background-position: 0 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0 50%; } }
@keyframes wave { 0%, 100% { transform: rotate(-45deg) scale(1); } 50% { transform: rotate(-45deg) scale(1.07); } }
@keyframes theme-fadeInUp { from { opacity: 0; transform: translateY(22px); }}
@keyframes progress-timer { from { stroke-dashoffset: 157; }}
@keyframes CoreV2BadgeScale { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); } }
@keyframes core-popupmp-fadeOutScale { from { opacity: 1; transform: scale(1); }}
@keyframes core-popup2-banner-fadeIn { from { opacity: 0; transform: translateY(18px); }}
@keyframes core-popup2-banner-rotate { from { transform: rotate(0deg); }}
/* ============================================================
   38. POPUP HIDE/SHOW OVERRIDE (always start hidden)
   ============================================================ */
#core-popupmp-backdrop {
  opacity: 0;
  pointer-events: none;
}
#core-popupmp-backdrop.core-popupmp-visible {
  opacity: 1;
  pointer-events: auto;
}
#core-popup2-banner-backdrop {
  display: none;
  visibility: hidden;
}
#core-popup2-banner-backdrop.visible {
  display: flex;
  visibility: visible;
}
.CoreV2-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1100;
    opacity: 0;
    visibility: hidden;
    transition: all var(--CoreV2-transition-normal) ease
}
.CoreV2-modal.active {
    opacity: 1;
    visibility: visible
}
.CoreV2-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.7);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    cursor: pointer;
    animation: CoreV2FadeIn var(--CoreV2-transition-normal) ease
}
.CoreV2-modal-content {
    position: relative;
    background-color: var(--CoreV2-card);
    border-radius: 20px;
    width: 90%;
    max-width: 480px;
    max-height: 90vh;
    overflow-y: auto;
    transform: translateY(20px);
    transition: transform 0.25s cubic-bezier(0.34,1.56,0.64,1);
    z-index: 1101;
    border: 1px solid var(--CoreV2-border);
}
.CoreV2-modal.active .CoreV2-modal-content {
    transform: translateY(0);
    animation: CoreV2ZoomIn var(--CoreV2-transition-normal) ease
}
@keyframes CoreV2ZoomIn {
    from {
        opacity: 0;
        transform: scale(0.95) translateY(30px)
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0)
    }
}
.CoreV2-modal-title {
    font-size: var(--CoreV2-font-size-lg);
    color: var(--CoreV2-text-primary);
    font-weight: 600;
    margin: 0
}
.CoreV2-modal-close {
    width: 36px;
    height: 36px;
    border-radius: var(--CoreV2-radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all var(--CoreV2-transition-normal) ease;
    background-color: var(--CoreV2-card-hover);
    color: var(--CoreV2-text-secondary)
}
.CoreV2-modal-close:hover {
    background-color: var(--CoreV2-danger);
    color: white;
    transform: rotate(90deg)
}
.CoreV2-modal-body {
    padding: 20px;
}
.CoreV2-modal-subtitle {
    margin: 2px 0 0;
    font-size: 12px;
    color: var(--CoreV2-text-secondary);
}
.CoreV2-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 10px;
}
.CoreV2-grid-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 12px;
    border: 1.5px solid var(--CoreV2-border);
    background: var(--CoreV2-card);
    text-decoration: none;
    transition: border-color 0.2s ease, background 0.2s ease, transform 0.15s ease;
    cursor: pointer;
}
.CoreV2-grid-item:hover {
    border-color: var(--CoreV2-primary);
    background: rgba(var(--CoreV2-primary-rgb), 0.04);
    transform: translateY(-1px);
}
.CoreV2-grid-item.active {
    border-color: var(--CoreV2-primary);
    background: rgba(var(--CoreV2-primary-rgb), 0.08);
}
.CoreV2-grid-icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--CoreV2-primary-rgb), 0.06);
}
.CoreV2-grid-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
}
.CoreV2-grid-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
.CoreV2-grid-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--CoreV2-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.CoreV2-grid-subtitle {
    font-size: 11px;
    color: var(--CoreV2-text-secondary);
}
.CoreV2-currency-symbol {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: rgba(var(--CoreV2-primary-rgb), 0.1);
    color: var(--CoreV2-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    flex-shrink: 0;
}
[data-theme="dark"] .CoreV2-grid-item {
    background: rgba(255,255,255,0.03);
    border-color: rgba(255,255,255,0.08);
}
[data-theme="dark"] .CoreV2-grid-item:hover,
[data-theme="dark"] .CoreV2-grid-item.active {
    background: rgba(var(--CoreV2-primary-rgb), 0.12);
    border-color: var(--CoreV2-primary);
}
/* ============================================================
   END OF STYLESHEET
   ============================================================ */
   /* ============================================================
   BANNER (core-popup2-banner) — popup2 only
   ============================================================ */
/* ============================================================
   BANNER (core-popup2-banner)
   ============================================================ */
@keyframes core-popup2-banner-fadeIn {
    from { opacity: 0; transform: translateY(22px) }
    to   { opacity: 1; transform: translateY(0) }
}
@keyframes core-popup2-banner-fadeOut {
    from { opacity: 1; transform: scale(1) }
    to   { opacity: 0; transform: scale(0.97) }
}
@keyframes core-popup2-banner-tick {
    0%   { opacity: 0.4; transform: translateY(6px) }
    100% { opacity: 1;   transform: translateY(0) }
}
@keyframes core-popup2-banner-rotate {
    from { transform: rotate(0deg) }
    to   { transform: rotate(360deg) }
}
:root {
    --core-popup2-primary: var(--coretema-primary);
    --core-popup2-primary-rgb: var(--coretema-primary-rgb);
    --core-popup2-light-bg: rgba(var(--coretema-primary-rgb), 0.08);
    --core-popup2-text: #1a1625;
    --core-popup2-muted: var(--cv2-text, var(--cv2-soft-text, #68718c));
    --core-popup2-font: 'Inter', system-ui, sans-serif
}
.core-popup2-banner__backdrop {
    position: fixed;
    inset: 0;
    background: rgba(8, 5, 20, 0.55);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    z-index: 10000;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.35s ease
}
.core-popup2-banner {
    position: relative;
    display: flex;
    width: min(960px, 100%);
    background: #ffffff;
    border-radius: 22px;
    box-shadow:
        0 24px 60px rgba(0, 0, 0, 0.16),
        0 4px 16px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    visibility: hidden;
    transform: translateY(22px);
    transition: box-shadow 0.4s ease
}
.core-popup2-banner.visible {
    visibility: visible;
    animation: core-popup2-banner-fadeIn 0.55s cubic-bezier(0.22, 1, 0.36, 1) forwards
}
.core-popup2-banner:hover {
    box-shadow:
        0 34px 72px rgba(0, 0, 0, 0.20),
        0 4px 16px rgba(0, 0, 0, 0.06);
}
.core-popup2-banner.closing {
    animation: core-popup2-banner-fadeOut 0.35s ease forwards
}
.core-popup2-banner__content {
    position: relative;
    flex: 1;
    padding: 44px 32px 44px 52px;
    text-align: left;
    z-index: 2
}
.core-popup2-banner__badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background-image: linear-gradient(135deg, var(--coretema-primary) 0%, var(--coretema-primary) 100%);
    color: #ffffff;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.03em;
    padding: 6px 14px;
    border-radius: 30px;
    margin-bottom: 20px
}
.core-popup2-banner__title {
    font-size: clamp(24px, 3.5vw, 34px);
    font-weight: 700;
    color: var(--core-popup2-text);
    margin: 0 0 12px;
    line-height: 1.2
}
.core-popup2-banner__description {
    font-size: 15px;
    color: var(--core-popup2-muted);
    line-height: 1.65;
    margin: 0 0 28px;
    max-width: 440px
}
.core-popup2-banner__countdown {
    margin-bottom: 32px
}
.core-popup2-banner__countdown-blocks {
    display: flex;
    gap: 10px;
    align-items: center
}
.core-popup2-banner__countdown-block {
    text-align: center
}
.core-popup2-banner__countdown-value {
    display: block;
    font-size: 22px;
    font-weight: 600;
    color: var(--core-popup2-primary);
    background: var(--core-popup2-light-bg);
    border: 1px solid rgba(var(--core-popup2-primary-rgb), 0.12);
    border-radius: 10px;
    padding: 7px 11px;
    min-width: 38px;
    margin-bottom: 5px
}
.core-popup2-banner__countdown-unit {
    display: block;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--core-popup2-muted)
}
.core-popup2-banner__cta {
    display: inline-block;
    text-decoration: none;
    background-image: linear-gradient(135deg, var(--coretema-primary) 0%, var(--coretema-primary) 100%);
    background-size: 200% auto;
    color: #ffffff;
    border: none;
    padding: 15px 32px;
    border-radius: 14px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background-position 0.4s ease, transform 0.2s ease, box-shadow 0.2s ease
}
.core-popup2-banner__cta:hover {
    background-position: right center;
    transform: translateY(-2px);
}
.core-popup2-banner__coupon {
    margin-top: 22px;
    max-width: 300px;
    background: rgba(var(--coretema-primary-rgb), 0.06);
    border: 1.5px dashed rgba(var(--coretema-primary-rgb), 0.28);
    border-radius: 14px;
    padding: 10px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s
}
.core-popup2-banner__coupon:hover {
    background: rgba(var(--coretema-primary-rgb), 0.09);
    border-color: var(--core-popup2-primary)
}
.core-popup2-banner__coupon p {
    margin: 0;
    color: var(--core-popup2-muted);
    font-size: 13px
}
.core-popup2-banner__coupon p strong {
    color: var(--core-popup2-primary);
    font-size: 15px;
    font-weight: 700;
    margin-left: 8px;
    letter-spacing: 0.04em
}
.core-popup2-banner__coupon-icon {
    width: 18px;
    height: 18px;
    stroke: var(--core-popup2-muted);
    flex-shrink: 0
}
.core-popup2-banner__copy-feedback {
    position: absolute;
    bottom: 88px;
    left: 52px;
    background: #1a1625;
    color: #ffffff;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 500;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease;
    white-space: nowrap;
    z-index: 30;
    pointer-events: none
}
.core-popup2-banner__image-wrapper {
    flex-basis: 38%;
    position: relative;
    overflow: hidden;
    clip-path: path('M 60 0 H 500 V 600 H 60 C 20 540 0 420 0 300 C 0 180 20 60 60 0 Z');
    min-height: 300px
}
.core-popup2-banner__background-blobs {
    position: absolute;
    inset: 0;
    opacity: 0.45;
    filter: blur(22px);
    animation: core-popup2-banner-rotate 40s linear 1
}
.core-popup2-banner__image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1)
}
.core-popup2-banner__image-wrapper:hover img {
    transform: scale(1.05)
}
.core-popup2-banner__close-btn {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 36px;
    height: 36px;
    border: none;
    background: rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    font-size: 18px;
    color: #1a1625;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.30);
    transition: background 0.2s, transform 0.2s;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}
.core-popup2-banner__close-btn:hover {
    background: rgba(255, 255, 255, 0.30);
    transform: scale(1.08)
}

/* ============================================================
   ac-bundle.css OVERRIDE — son sırada yüklenir, en yüksek öncelik
   ============================================================ */
.CoreV2-action-btn svg,
.CoreV2-action-btn i {
    width: 20px;
    height: 20px;
    font-size: 20px;
    color: inherit;
    pointer-events: none;
}
/* Bildirim — YEDEK amber/sarı (sepet primary kalır) */
.CoreV2-cart-btn {
    background: rgba(var(--CoreV2-primary-rgb), 0.1);
    color: var(--CoreV2-primary);
}
.CoreV2-cart-btn:hover {
    background: rgba(var(--CoreV2-primary-rgb), 0.2);
}
[data-theme="dark"] .CoreV2-cart-btn {
    background: rgba(var(--CoreV2-primary-rgb), 0.15);
}
[data-theme="dark"] .CoreV2-count-badge {
    border: none;
}
body.dark-mode .CoreV2-count-badge {
    border: none;
}
/* ============================================================
   TEMA SWITCHER — görünür renkler (mobil bayrak yanında)
   ============================================================ */
.CoreV2-theme-switcher {
    color: #ffffff;
    background: rgba(255,255,255,0.15);
    border: none;
    border-radius: 8px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.22s ease;
}
.CoreV2-theme-switcher:hover {
    background: rgba(255,255,255,0.25);
}
.CoreV2-theme-switcher svg {
    stroke: #ffffff;
    color: #ffffff;
}
[data-theme="dark"] .CoreV2-theme-switcher {
    background: rgba(255,255,255,0.15);
    border: none;
    color: #ffffff;
}
[data-theme="dark"] .CoreV2-theme-switcher:hover {
    background: rgba(255,255,255,0.25);
}
[data-theme="dark"] .CoreV2-theme-switcher svg {
    stroke: #ffffff;
    color: #ffffff;
}
.CoreV2-theme-icon.sun {
    display: block;
}
.CoreV2-theme-icon.moon {
    display: none;
}
[data-theme="dark"] .CoreV2-theme-icon.sun {
    display: none;
}
[data-theme="dark"] .CoreV2-theme-icon.moon {
    display: block;
}
.CoreV2-mobile-theme-btn .theme-icon-sun { display: block; }
.CoreV2-mobile-theme-btn .theme-icon-moon { display: none; }
[data-theme="dark"] .CoreV2-mobile-theme-btn .theme-icon-sun { display: none; }
[data-theme="dark"] .CoreV2-mobile-theme-btn .theme-icon-moon { display: block; }
.CoreV2-mobile-theme-btn svg { stroke: #ffffff; color: #ffffff; width: 20px; height: 20px; }
.CoreV2-mobile-action svg { width: 20px; height: 20px; flex-shrink: 0; }
.padding10 { padding: 10px; }
.padding15 { padding: 15px; }
.padding25 { padding: 25px; }
.padding30 { padding: 30px; }
.dsnb-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin: 0 0 1.2rem 0;
    padding: 20px 28px;
    background: var(--theme-color-1-gradient);
    border-radius: 20px;
    position: relative;
    overflow: visible;
}
.dsnb-wrap::after {
    content: '';
    position: absolute;
    top: -40%;
    right: 10%;
    width: 280px;
    height: 280px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.08) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}
.dsnb-brand {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
    z-index: 1;
}
.dsnb-brand-icon {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    color: #ffffff;
    flex-shrink: 0;
    border: 1.5px solid rgba(255, 255, 255, 0.25);
    position: relative;
    animation: smoothPulse 2.5s ease-out 3;
}
@keyframes smoothPulse {
    0% {
    }
    70% {
    }
    100% {
    }
}
.dsnb-brand-text {
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.dsnb-brand-title {
    font-size: 1rem;
    font-weight: 600;
    color: #ffffff;
    line-height: 1.2;
    white-space: nowrap;
    letter-spacing: -0.01em;
}
.dsnb-brand-sub {
    font-size: 0.73rem;
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.2;
    white-space: nowrap;
}
.dsnb-search-area {
    flex: 0 1 480px;
    min-width: 0;
    position: relative;
    z-index: 1;
}
.dsnb-search-box {
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.12);
    border: 1.5px solid rgba(255, 255, 255, 0.2);
    border-radius: 14px;
    overflow: visible;
    transition: background 0.2s, border-color 0.2s, box-shadow 0.2s;
    position: relative;
}
.dsnb-search-box:focus-within {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.5);
}
.dsnb-search-input {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 0.9rem;
    color: #ffffff;
    font-family: inherit;
    padding: 12px 16px;
    min-width: 0;
}
.dsnb-search-input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}
.dsnb-search-btn {
    width: 42px;
    height: 42px;
    margin: 4px;
    border-radius: 10px;
    border: none;
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.2s, transform 0.15s;
}
.dsnb-search-btn:hover {
    background: rgba(255, 255, 255, 0.32);
    transform: scale(1.05);
}
.urunpaketleri-search-result-item {
    padding: 11px 16px;
    cursor: pointer;
    transition: background 0.15s;
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    text-decoration: none;
}
.urunpaketleri-search-result-item:last-child {
    border-bottom: none;
}
.urunpaketleri-search-result-item:hover {
    background: #f1f5f9;
}
[data-theme="dark"] .urunpaketleri-search-result-item {
    border-bottom-color: rgba(255, 255, 255, 0.04);
}
[data-theme="dark"] .urunpaketleri-search-result-item:hover {
    background: rgba(255, 255, 255, 0.04);
}
.urunpaketleri-search-result-icon {
    font-size: 1.1rem;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    flex-shrink: 0;
}
.urunpaketleri-search-result-content {
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.urunpaketleri-search-result-title {
    font-weight: 600;
    color: #101218;
    font-size: 0.875rem;
    line-height: 1.3;
}
[data-theme="dark"] .urunpaketleri-search-result-title {
    color: #e2e8f0;
}
.urunpaketleri-search-result-title strong {
    color: var(--urunpaketleri-primary);
    font-weight: 600;
}
.urunpaketleri-search-result-detail {
    color: #94a3b8;
    font-size: 0.775rem;
}
.urunpaketleri-no-results,
.urunpaketleri-search-initial-message {
    padding: 28px 16px;
    text-align: center;
    color: #94a3b8;
    font-size: 0.875rem;
}
.urunpaketleri-search-loading {
    display: flex;
    justify-content: center;
    padding: 28px;
}
.urunpaketleri-search-loading-spinner {
    width: 22px;
    height: 22px;
    border: 2px solid rgba(var(--musterihphedar-primary-rgb, var(--cv2-primary-rgb)), 0.15);
    border-top-color: var(--urunpaketleri-primary);
    border-radius: 50%;
    animation: snbSpin 0.8s linear 15;
}
@keyframes snbSpin {
    to {
        transform: rotate(360deg);
    }
}
.urunpaketleri-search-result-icon[data-type] {
    color: var(--cv2-primary);
    background: #e8f5e9;
}
.urunpaketleri-search-result-icon[data-type="Siparis"] {
    color: var(--cv2-primary);
    background: var(--cv2-primary);
}
.urunpaketleri-search-result-icon[data-type="Destek Talebi"] {
    color: var(--cv2-primary);
    background: var(--cv2-primary);
}
.urunpaketleri-search-result-icon[data-type="Aktivite"] {
    color: var(--cv2-primary);
    background: #f3e5f5;
}
.urunpaketleri-search-result-icon[data-type="Haber"] {
    color: var(--cv2-primary);
    background: var(--cv2-primary);
}
.urunpaketleri-search-result-icon[data-type="Yeni Alan Adi"] {
    color: var(--cv2-primary);
    background: #e0f2f1;
}
[data-theme="dark"] .urunpaketleri-search-result-icon[data-type] {
    color: var(--cv2-primary);
    background: rgba(var(--cv2-primary-rgb), 0.15);
}
[data-theme="dark"] .urunpaketleri-search-result-icon[data-type="Siparis"] {
    color: var(--cv2-primary);
    background: rgba(var(--cv2-primary-rgb), 0.15);
}
[data-theme="dark"] .urunpaketleri-search-result-icon[data-type="Destek Talebi"] {
    color: var(--cv2-primary);
    background: rgba(var(--cv2-primary-rgb), 0.15);
}
[data-theme="dark"] .urunpaketleri-search-result-icon[data-type="Aktivite"] {
    color: var(--cv2-primary);
    background: rgba(var(--cv2-primary-rgb), 0.15);
}
[data-theme="dark"] .urunpaketleri-search-result-icon[data-type="Haber"] {
    color: var(--cv2-primary);
    background: rgba(var(--cv2-primary-rgb), 0.15);
}
[data-theme="dark"] .urunpaketleri-search-result-icon[data-type="Yeni Alan Adi"] {
    color: var(--cv2-primary);
    background: rgba(var(--cv2-primary-rgb), 0.15);
}
[data-theme="dark"] .dsnb-search-box {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.15);
}
[data-theme="dark"] .dsnb-search-input {
    color: #ffffff;
}
[data-theme="dark"] .dsnb-search-input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}
[data-theme="dark"] .dsnb-search-btn {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
}

/* ============================================================
   FLOATING STICKY HEADER — Scroll'da kart geçiş efekti
   ============================================================ */
@media screen and (min-width: 992px) {
            /* Sticky header controlled by cv2-scrolled class via JS */
}
[data-theme="dark"] #wrapper {
    background-color: transparent;
    background-image: none;
}
[data-theme="dark"] .main-wrapper {
    background-color: transparent;
    background-image: none;
}
[data-theme="dark"] .page-wrapper {
    background-color: transparent;
    background-image: none;
}
[data-theme="dark"] .rightcontent {
    background-color: transparent;
    color: var(--text-secondary, #cbd5e1);
}
[data-theme="dark"] .CoreV2-container {
    color: var(--text-primary, #f1f5f9);
}
[data-theme="dark"] h1, [data-theme="dark"] h2,
[data-theme="dark"] h3, [data-theme="dark"] h4,
[data-theme="dark"] h5, [data-theme="dark"] h6 {
    color: #f1f5f9;
}
[data-theme="dark"] p { color: #cbd5e1; }
html.dark-mode .card,
[data-theme="dark"] .card {
    background: var(--cv2-surface-card, var(--bg-card, #171F2E));
    background-image: none;
    border-color: var(--border-color, rgba(255, 255, 255, 0.08));
    color: var(--text-secondary, #cbd5e1);
}
html.dark-mode .panel,
[data-theme="dark"] .panel {
    background: var(--cv2-surface-card, var(--bg-card, #171F2E));
    background-image: none;
    border-color: var(--border-color, rgba(255, 255, 255, 0.08));
    color: var(--text-secondary, #cbd5e1);
}
html.dark-mode .well,
[data-theme="dark"] .well {
    background: var(--cv2-surface-card, var(--bg-card, #171F2E));
    background-image: none;
    border-color: var(--border-color, rgba(255, 255, 255, 0.08));
    color: var(--text-secondary, #cbd5e1);
}
[data-theme="dark"] .card-body {
    color: var(--text-secondary, #cbd5e1);
}
[data-theme="dark"] .panel-body {
    color: var(--text-secondary, #cbd5e1);
}
[data-theme="dark"] .card-footer {
    background: rgba(255, 255, 255, 0.02);
    border-color: var(--border-color);
}
[data-theme="dark"] .panel-footer {
    background: rgba(255, 255, 255, 0.02);
    border-color: var(--border-color);
}
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
    color: #64748b;
}
[data-theme="dark"] input:focus,
[data-theme="dark"] textarea:focus,
[data-theme="dark"] select:focus,
[data-theme="dark"] .form-control:focus {
    border-color: var(--CoreV2-primary);
}
[data-theme="dark"] label {
    color: #94a3b8;
}
[data-theme="dark"] .table,
[data-theme="dark"] table {
    color: #cbd5e1;
}
[data-theme="dark"] .table th,
[data-theme="dark"] table th {
    background: rgba(255, 255, 255, 0.04);
    color: #f1f5f9;
    border-color: rgba(255, 255, 255, 0.07);
}
[data-theme="dark"] .table td,
[data-theme="dark"] table td {
    border-color: rgba(255, 255, 255, 0.05);
    color: #cbd5e1;
}
[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) {
    background: rgba(255, 255, 255, 0.02);
}
[data-theme="dark"] .table-hover tbody tr:hover {
    background: rgba(var(--CoreV2-primary-rgb), 0.06);
}
[data-theme="dark"] .btn-default,
[data-theme="dark"] .btn-secondary,
[data-theme="dark"] .btn-outline-secondary {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.12);
    color: #e2e8f0;
}
[data-theme="dark"] .btn-default:hover,
[data-theme="dark"] .btn-secondary:hover,
[data-theme="dark"] .btn-outline-secondary:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}
[data-theme="dark"] .btn-light {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.1);
    color: #e2e8f0;
}
[data-theme="dark"] .alert {
    border-color: rgba(255, 255, 255, 0.08);
    color: #e2e8f0;
}
[data-theme="dark"] .alert-info    { background: rgba(var(--cv2-primary-rgb), 0.12); }
[data-theme="dark"] .alert-success { background: rgba(var(--cv2-primary-rgb), 0.12); }
[data-theme="dark"] .alert-warning { background: rgba(var(--cv2-primary-rgb), 0.12); }
[data-theme="dark"] .alert-danger  { background: rgba(var(--cv2-primary-rgb), 0.12); }
[data-theme="dark"] .badge { opacity: 0.9; }
[data-theme="dark"] hr { border-color: rgba(255, 255, 255, 0.07); }
[data-theme="dark"] .breadcrumb {
    background: rgba(255, 255, 255, 0.03);
}
[data-theme="dark"] .breadcrumb-item,
[data-theme="dark"] .breadcrumb-item a {
    color: #94a3b8;
}
[data-theme="dark"] .breadcrumb-item.active {
    color: var(--CoreV2-primary);
}
[data-theme="dark"] .pagination .page-link {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.08);
    color: #cbd5e1;
}
[data-theme="dark"] .pagination .page-item.active .page-link {
    background: var(--CoreV2-primary);
    border-color: var(--CoreV2-primary);
    color: #ffffff;
}
[data-theme="dark"] .pagination .page-link:hover {
    background: rgba(var(--CoreV2-primary-rgb), 0.15);
    color: var(--CoreV2-primary);
}
[data-theme="dark"] .modal-content {
    background: #101218;
    border-color: rgba(255, 255, 255, 0.08);
    color: #e2e8f0;
}
[data-theme="dark"] .modal-footer {
    border-color: rgba(255, 255, 255, 0.07);
}
[data-theme="dark"] .modal-title { color: #f1f5f9; }
[data-theme="dark"] .close, [data-theme="dark"] .btn-close {
    color: #94a3b8;
    opacity: 0.8;
}
[data-theme="dark"] .dropdown-menu {
    background: #101218;
    border-color: rgba(255, 255, 255, 0.08);
}
[data-theme="dark"] .dropdown-item {
    color: #e2e8f0;
}
[data-theme="dark"] .dropdown-item:hover,
[data-theme="dark"] .dropdown-item:focus {
    background: rgba(var(--CoreV2-primary-rgb), 0.1);
    color: var(--CoreV2-primary);
}
[data-theme="dark"] .dropdown-divider {
    border-color: rgba(255, 255, 255, 0.06);
}
[data-theme="dark"] .list-group-item {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.06);
    color: #cbd5e1;
}
[data-theme="dark"] .list-group-item:hover {
    background: rgba(var(--CoreV2-primary-rgb), 0.06);
}
[data-theme="dark"] .CoreV2-drawer-menu-item {
    color: #f1f5f9;
    border-bottom-color: rgba(255, 255, 255, 0.06);
}
[data-theme="dark"] .CoreV2-drawer-menu-item:hover {
    background: rgba(var(--CoreV2-primary-rgb), 0.08);
}
[data-theme="dark"] .CoreV2-mobile-drawer .CoreV2-drawer-user-name {
    color: #f1f5f9;
}
[data-theme="dark"] .CoreV2-mobile-drawer .CoreV2-drawer-user-email {
    color: #94a3b8;
}
[data-theme="dark"] .CoreV2-mobile-action {
    color: rgba(255, 255, 255, 0.9);
}
[data-theme="dark"] .CoreV2-mobile-badge {
    background: var(--cv2-danger);
    color: #ffffff;
}
.CoreV2-mobile-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    min-width: 17px;
    width: auto;
    height: 17px;
    padding: 0 3px;
    background: var(--cv2-danger);
    color: #ffffff;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    font-weight: 700;
    line-height: 1;
    border: none;
    z-index: 10;
    pointer-events: none;
}
.ws-carousel-initialized .ws-carousel-controls,
.ws-product-carousel-container .ws-carousel-controls {
    visibility: visible;
}
[data-theme="dark"] .wclientblockscon {
    background: var(--bg-card);
    border-color: var(--border-color);
    color: var(--text-secondary);
}
[data-theme="dark"] .rightcontent .card {
    background: var(--bg-card);
    border-color: var(--border-color);
}
[data-theme="dark"] input[type="checkbox"],
[data-theme="dark"] input[type="radio"] {
    accent-color: var(--CoreV2-primary);
}
[data-theme="dark"] ::-webkit-scrollbar { width: 8px; height: 8px; }
[data-theme="dark"] ::-webkit-scrollbar-track { background: #0e1119; }
[data-theme="dark"] ::-webkit-scrollbar-thumb { background: #334155; border-radius: 4px; }
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: #475569; }
[data-theme="dark"] .card,
[data-theme="dark"] .card-body {
    background: #1e293b;
    border-color: rgba(255,255,255,0.07);
    color: #e2e8f0;
}
[data-theme="dark"] .ws-card {
    background: #1e293b;
    border-color: rgba(255,255,255,0.07);
    color: #e2e8f0;
}
[data-theme="dark"] .cnb-card:not(.cnb-card--neutral):not(.cnb-card--brand) {
    background: #1e293b;
    border-color: rgba(255,255,255,0.07);
    color: #e2e8f0;
}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) {
    background: #111827;
    border-color: rgba(var(--CoreV2-primary-rgb), 0.15);
}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .pack-name,
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .pack-subtitle,
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .pack-price-amount {
    color: #f1f5f9;
}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .current-price {
    color: #f1f5f9;
}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .billing-cycle {
    color: #64748b;
}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .old-price {
    color: #64748b;
}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .pack-price-period {
    color: #64748b;
}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .pack-detail {
    background: rgba(255,255,255,0.02);
    border-color: rgba(var(--cv2-primary-rgb),0.1);
}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .feature-item {
    color: #cbd5e1;
}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .pack-feature-text {
    color: #cbd5e1;
}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .feature-icon,
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .feature-check {
    color: var(--CoreV2-primary);
}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .pack-head {
    border-color: rgba(var(--cv2-primary-rgb),0.1);
}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .feature-box {
    background: rgba(var(--CoreV2-primary-rgb), 0.1);
    border-color: rgba(var(--CoreV2-primary-rgb), 0.18);
}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .feature-box .feature-value {
    color: #f1f5f9;
}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .feature-box .feature-label {
    color: #94a3b8;
}
[data-theme="dark"] .vertical--packs .pack.pack-popular {
    background: var(--CoreV2-primary-gradient);
    border-color: transparent;
}
[data-theme="dark"] .vertical--packs .pack.pack-popular .pack-name,
[data-theme="dark"] .vertical--packs .pack.pack-popular .pack-price-amount {
    color: #ffffff;
}
[data-theme="dark"] .vertical--packs .pack.pack-popular .current-price {
    color: #ffffff;
}
[data-theme="dark"] .vertical--packs .pack.pack-popular .billing-cycle {
    color: rgba(255,255,255,0.8);
}
[data-theme="dark"] .vertical--packs .pack.pack-popular .pack-subtitle,
[data-theme="dark"] .vertical--packs .pack.pack-popular .pack-price-period {
    color: rgba(255,255,255,0.8);
}
[data-theme="dark"] .vertical--packs .pack.pack-popular .feature-item {
    color: rgba(255,255,255,0.9);
}
[data-theme="dark"] .vertical--packs .pack.pack-popular .pack-feature-text {
    color: rgba(255,255,255,0.9);
}
[data-theme="dark"] .vertical--packs .pack.pack-popular .feature-icon,
[data-theme="dark"] .vertical--packs .pack.pack-popular .feature-check {
    color: #ffffff;
}
[data-theme="dark"] .vertical--packs .pack.pack-popular .pack-detail {
    background: rgba(0,0,0,0.1);
    border-color: rgba(255,255,255,0.15);
}
[data-theme="dark"] .vertical--packs .pack.pack-popular .feature-box {
    background: rgba(255,255,255,0.12);
    border-color: rgba(255,255,255,0.2);
}
[data-theme="dark"] .vertical--packs .pack.pack-popular .feature-box .feature-value {
    color: #ffffff;
}
[data-theme="dark"] .vertical--packs .pack.pack-popular .feature-box .feature-label {
    color: rgba(255,255,255,0.75);
}[data-theme="dark"] .vertical--packs .pack.pack-popular .btn-main:hover {
    background: rgba(255,255,255,0.92);
}
[data-theme="dark"] .CoreV2info-item {
    background: rgba(255,255,255,0.1);
    border-color: rgba(255,255,255,0.2);
}
[data-theme="dark"] .CoreV2info-item:hover {
    background: rgba(255,255,255,0.2);
}
[data-theme="dark"] .CoreV2info-icon {
    background: #ffffff;
}[data-theme="dark"] .CoreV2info-label {
    color: rgba(255,255,255,0.8);
    opacity: 1;
}
[data-theme="dark"] .coreservercart-server-item {
    background: #111827;
    border-color: rgba(var(--CoreV2-primary-rgb), 0.15);
}
html.dark-mode .coreservercart-card-inner,
[data-theme="dark"] .coreservercart-card-inner {
    background: var(--cv2-surface-card, #171F2E);
    border-color: rgba(255, 255, 255, 0.08);
}
[data-theme="dark"] .coreservercart-h3 {
    color: var(--CoreV2-primary);
}
[data-theme="dark"] .coreservercart-h4 {
    color: #f1f5f9;
}
[data-theme="dark"] .coreservercart-info {
    color: #94a3b8;
}
[data-theme="dark"] .coreservercart-feature {
    background: rgba(var(--CoreV2-primary-rgb), 0.08);
    border-color: rgba(var(--CoreV2-primary-rgb), 0.15);
}
[data-theme="dark"] .coreservercart-feature-icon {
    background: rgba(var(--CoreV2-primary-rgb), 0.15);
}
[data-theme="dark"] .coreservercart-server-middle {
    border-color: rgba(255,255,255,0.06);
}
[data-theme="dark"] .coreservercart-price {
    color: #f1f5f9;
}
[data-theme="dark"] .coreservercard-back-price-amount {
    color: #f1f5f9;
}
[data-theme="dark"] .coreservercart-server-right {
    background: rgba(var(--CoreV2-primary-rgb), 0.05);
    border-color: rgba(var(--CoreV2-primary-rgb), 0.12);
}
[data-theme="dark"] .coreservercart-os-item {
    background: #1e293b;
    border-color: rgba(255,255,255,0.1);
}
[data-theme="dark"] .coreservercart-more-list {
    background: #1e293b;
    border-color: rgba(255,255,255,0.1);
}
[data-theme="dark"] .coreservercart-show-more {
    background: rgba(var(--CoreV2-primary-rgb), 0.1);
    border-color: rgba(var(--CoreV2-primary-rgb), 0.2);
    color: var(--CoreV2-primary);
}
[data-theme="dark"] .coreservercard-detail-wrapper {
    background: rgba(var(--CoreV2-primary-rgb), 0.06);
    border-color: rgba(var(--CoreV2-primary-rgb), 0.12);
}
[data-theme="dark"] .coreservercard-detail-item {
    background: rgba(var(--CoreV2-primary-rgb), 0.08);
    border-color: rgba(var(--CoreV2-primary-rgb), 0.15);
}
[data-theme="dark"] .coreservercard-detail-value {
    color: #f1f5f9;
}
[data-theme="dark"] .coreservercard-detail-label {
    color: #94a3b8;
}
[data-theme="dark"] .coreservercard-detail-icon {
    background: rgba(var(--CoreV2-primary-rgb), 0.15);
}
[data-theme="dark"] .coreservercart-leds {
    background-color: rgba(255,255,255,0.05);
}
[data-theme="dark"] .hakimizdaalani-card-content {
    background: #1e293b;
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: none;
}
[data-theme="dark"] .hakimizdaalani-aciklama p {
    color: #94a3b8;
}
[data-theme="dark"] .hakimizdaalani-divider {
    background: rgba(var(--CoreV2-primary-rgb), 0.2);
}
[data-theme="dark"] .hakimizdaalani-stat-item {
    background: rgba(var(--CoreV2-primary-rgb), 0.06);
    border-color: rgba(var(--CoreV2-primary-rgb), 0.12);
    box-shadow: none;
}
[data-theme="dark"] .hakimizdaalani-stat-icon {
    background: var(--cv-surface, #22262e);
}
[data-theme="dark"] .hakimizdaalani-stat-label {
    color: #94a3b8;
}
[data-theme="dark"] .hakimizdaalani-media-frame {
    border-color: rgba(var(--CoreV2-primary-rgb), 0.2);
}
[data-theme="dark"] #CoreV2rticle-section {
    background: transparent;
}
[data-theme="dark"] .CoreV2rticle-content-scroll h2,
[data-theme="dark"] .CoreV2rticle-content-scroll h3 {
    color: #f1f5f9;
}
[data-theme="dark"] .CoreV2rticle-text {
    color: #94a3b8;
}
[data-theme="dark"] .CoreV2rticle-img-wrapper {
    border-color: rgba(var(--CoreV2-primary-rgb), 0.15);
}
[data-theme="dark"] .logocarts-section,
[data-theme="dark"] .logocarts-wrapper {
    background: transparent;
}
[data-theme="dark"] .logocarts-item img {
    filter: brightness(0) invert(0.7);
    opacity: 0.6;
}
[data-theme="dark"] .main-service-section {
    background: #111827;
    border-color: rgba(var(--CoreV2-primary-rgb), 0.12);
}
[data-theme="dark"] .service-card {
    background: #111827;
    border-color: rgba(var(--CoreV2-primary-rgb), 0.12);
}
[data-theme="dark"] .service-card:hover {
    border-color: rgba(var(--CoreV2-primary-rgb), 0.3);
    background: #1e293b;
}
[data-theme="dark"] .service-card-title {
    color: #f1f5f9;
}
[data-theme="dark"] .service-card-desc {
    color: #94a3b8;
}
[data-theme="dark"] .coremklcrts-card {
    background: #111827;
    border-color: rgba(var(--CoreV2-primary-rgb), 0.15);
}
[data-theme="dark"] .coremklcrts-card:hover {
    border-color: rgba(var(--CoreV2-primary-rgb), 0.3);
}
[data-theme="dark"] .coremklcrts-card-title {
    color: #f1f5f9;
}
[data-theme="dark"] .coremklcrts-card-desc {
    color: #94a3b8;
}
[data-theme="dark"] .coremklcrts-price {
    color: #f1f5f9;
}
[data-theme="dark"] .slider-description,
[data-theme="dark"] .slider-subtitle {
    color: rgba(255,255,255,0.75);
}
[data-theme="dark"] footer,
[data-theme="dark"] .main-footer {
    background: #0b0f1a;
    border-top-color: rgba(255,255,255,0.06);
}
[data-theme="dark"] .footer-link {
    color: #94a3b8;
}
[data-theme="dark"] .footer-link:hover {
    color: var(--CoreV2-primary);
}
[data-theme="dark"] .footer-title {
    color: #f1f5f9;
}
[data-theme="dark"] .footer-desc {
    color: #64748b;
}
[data-theme="dark"] .footer-divider {
    border-color: rgba(255,255,255,0.06);
}
[data-theme="dark"] .footer-copyright {
    color: #64748b;
}
/* ============================================================
   THEME TRANSITION — FOUC ÖNLEME
   Sayfa ilk yüklenirken flash olmadan tema uygulanır
   Toggle'da smooth geçiş için transition eklenir
   ============================================================ */
.theme-transitioning *,
.theme-transitioning *::before,
.theme-transitioning *::after {
    transition: background-color 0.25s ease,
                color 0.25s ease,
                border-color 0.25s ease;
    animation: none;
}
.dark-background-wrapper {
    position: relative;
    isolation: isolate;
}
/* ══════════════════════════════════════════════════════════
   GLOBAL PAGE SCROLLBAR
   ══════════════════════════════════════════════════════════ */
html {
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--cv2-primary-rgb), .35) rgba(var(--cv2-primary-rgb), .05);
}
html::-webkit-scrollbar { width: 6px; }
html::-webkit-scrollbar-track { background: rgba(var(--cv2-primary-rgb), .04); }
html::-webkit-scrollbar-thumb {
    background: rgba(var(--cv2-primary-rgb), .32);
    border-radius: 99px;
}
html::-webkit-scrollbar-thumb:hover {
    background: rgba(var(--cv2-primary-rgb), .58);
}
[data-theme="dark"] html,
[data-theme="dark"] {
    scrollbar-color: rgba(var(--cv2-primary-rgb), .4) rgba(255,255,255,.04);
}
[data-theme="dark"] html::-webkit-scrollbar-track { background: rgba(255,255,255,.04); }
[data-theme="dark"] html::-webkit-scrollbar-thumb { background: rgba(var(--cv2-primary-rgb), .38); }
[data-theme="dark"] html::-webkit-scrollbar-thumb:hover { background: rgba(var(--cv2-primary-rgb), .6); }
/* ══════════════════════════════════════════════════════════
   GLOBAL CUSTOM SELECT DROPDOWN
   ══════════════════════════════════════════════════════════ */
.cv2-select-wrap {
    position: relative;
    display: inline-block;
}
.cv2-select-wrap select { display: none; }
.cv2-select-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 9px 14px;
    border-radius: 50px;
    border: 1.5px solid var(--CoreV2-border, rgba(0,0,0,.12));
    background: var(--CoreV2-surface, #ffffff);
    color: var(--CoreV2-text, #1e293b);
    font-size: 13px;
    cursor: pointer;
    white-space: nowrap;
    transition: border-color .2s, background .2s;
    min-width: 120px;
}
.cv2-select-trigger:hover {
    border-color: var(--CoreV2-primary, var(--cv2-primary));
}
.cv2-select-trigger.open {
    border-radius: 12px 12px 0 0;
    border-color: var(--CoreV2-primary, var(--cv2-primary));
}
.cv2-select-arrow {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    transition: transform .2s;
}
.cv2-select-arrow svg {
    width: 10px; height: 10px;
    stroke: currentColor;
    stroke-width: 1.8;
    fill: none;
    opacity: .5;
}
.cv2-select-trigger.open .cv2-select-arrow { transform: rotate(180deg); }
.cv2-select-panel {
    display: none;
    position: absolute;
    background: var(--CoreV2-surface, #ffffff);
    border: 1px solid var(--CoreV2-border, rgba(var(--cv2-primary-rgb), 0.1));
    border-radius: 12px;
    overflow: hidden;
    overflow-y: auto;
    max-height: 260px;
    z-index: 1000300;
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--cv2-primary-rgb),.3) transparent;
    box-shadow: 0 14px 36px rgba(var(--cv2-primary-rgb), 0.14), 0 4px 10px rgba(var(--cv2-primary-rgb), 0.06);
}
.cv2-select-panel.open { display: block; }
.cv2-select-panel::-webkit-scrollbar { width: 4px; }
.cv2-select-panel::-webkit-scrollbar-track { background: transparent; }
.cv2-select-panel::-webkit-scrollbar-thumb { background: rgba(var(--cv2-primary-rgb),.3); border-radius: 99px; }
.cv2-select-panel::-webkit-scrollbar-thumb:hover { background: rgba(var(--cv2-primary-rgb),.55); }
.cv2-select-option {
    padding: 10px 16px;
    font-size: 13px;
    cursor: pointer;
    border-bottom: 1px solid rgba(0,0,0,.06);
    transition: background .15s, color .15s;
    white-space: nowrap;
}
.cv2-select-option:last-child { border-bottom: none; }
.cv2-select-option:hover { background: rgba(var(--cv2-primary-rgb),.07); color: var(--CoreV2-primary, var(--cv2-primary)); }
.cv2-select-option.selected { background: rgba(var(--cv2-primary-rgb),.10); color: var(--CoreV2-primary, var(--cv2-primary)); font-weight: 600; }
[data-theme="dark"] .cv2-select-trigger { background: #1e293b; border-color: rgba(255,255,255,.12); color: #e2e8f0; }
[data-theme="dark"] .cv2-select-panel { background: #1e293b; }
[data-theme="dark"] .cv2-select-option { border-bottom-color: rgba(255,255,255,.06); color: #cbd5e1; }
[data-theme="dark"] .cv2-select-option:hover { background: rgba(var(--cv2-primary-rgb),.12); }
/* ============================================================
   MOBİL PERFORMANS OPTİMİZASYONU
   Gereksiz animasyonları ve ağır efektleri mobilde kapat
   ============================================================ */
@media (max-width: 991px) {
    /* Gradient animasyonları mobilde kapat */
    @keyframes gradientShift { 0%, 100% { background-position: 0 50%; } }
    @keyframes shimmer { 0%, 100% { background-position: 0 50%; } }
    /* Ağır box-shadow'ları hafiflet */
                    }
/* ============================================================
   GECE/GÜNDÜZ PILL TOGGLE — Desktop
   ============================================================ */
.cv2-theme-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    padding: 4px;
    cursor: pointer;
    outline: none;
    flex-shrink: 0;
    border-radius: 999px;
    transition: background 0.2s ease;
}
.cv2-theme-pill:hover {
    background: rgba(var(--cv2-primary-rgb), 0.08);
}
[data-theme="dark"] .cv2-theme-pill:hover {
    background: rgba(255,255,255,0.06);
}
.cv2-theme-pill__track {
    position: relative;
    width: 56px;
    height: 28px;
    border-radius: 999px;
    background: rgba(var(--cv2-primary-rgb), 0.12);
    border: 1.5px solid rgba(var(--cv2-primary-rgb), 0.22);
    transition: background 0.35s ease, border-color 0.35s ease;
}
[data-theme="dark"] .cv2-theme-pill__track {
    background: rgba(255,255,255,0.07);
    border-color: rgba(255,255,255,0.12);
}
.cv2-theme-pill__track::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(135deg, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}
.cv2-theme-pill__thumb {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--CoreV2-primary, var(--cv2-primary));
    box-shadow: 0 2px 6px rgba(var(--cv2-primary-rgb), 0.5);
    /* Grid ile ikonları üst üste, tam ortada tut */
    display: grid;
    place-items: center;
    transition: transform 0.35s cubic-bezier(0.34,1.56,0.64,1),
                background 0.35s ease,
                box-shadow 0.35s ease;
    z-index: 1;
}
[data-theme="dark"] .cv2-theme-pill__thumb {
    transform: translateX(28px);
    background: #f1f5f9;
    box-shadow: 0 2px 6px rgba(0,0,0,0.35);
}
/* İkon wrapper — grid ile üst üste */
.cv2-theme-pill__icons {
    display: grid;
    width: 12px;
    height: 12px;
}
.cv2-theme-pill__sun,
.cv2-theme-pill__moon {
    /* Her iki ikon aynı grid hücresinde, tam ortada */
    grid-area: 1 / 1;
    place-self: center;
    font-size: 11px;
    line-height: 1;
    transition: opacity 0.25s ease, transform 0.25s ease;
    pointer-events: none;
}
.cv2-theme-pill__sun {
    color: #ffffff;
    opacity: 1;
    transform: scale(1) rotate(0deg);
}
.cv2-theme-pill__moon {
    color: var(--CoreV2-primary, var(--cv2-primary));
    opacity: 0;
    transform: scale(0.4) rotate(-45deg);
}
[data-theme="dark"] .cv2-theme-pill__sun {
    opacity: 0;
    transform: scale(0.4) rotate(45deg);
}
[data-theme="dark"] .cv2-theme-pill__moon {
    opacity: 1;
    transform: scale(1) rotate(0deg);
}
/* ============================================================
   GECE/GÜNDÜZ MOBİL BUTON — hki ikonları
   ============================================================ */
.CoreV2-mobile-theme-btn {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  vertical-align: middle;
}
.cv2-mob-theme-sun,
.cv2-mob-theme-moon {
  font-size: 18px;
  line-height: 1;
  color: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 18px;
  height: 18px;
  margin: auto;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.22s ease, transform 0.22s ease;
  pointer-events: none;
}
.cv2-mob-theme-sun {
    opacity: 1;
    transform: scale(1) rotate(0deg);
}
.cv2-mob-theme-moon {
    opacity: 0;
    transform: scale(0.5) rotate(-45deg);
}
[data-theme="dark"] .cv2-mob-theme-sun {
    opacity: 0;
    transform: scale(0.5) rotate(45deg);
}
[data-theme="dark"] .cv2-mob-theme-moon {
    opacity: 1;
    transform: scale(1) rotate(0deg);
}
/* Eski SVG tabanlı kuralları geçersiz kıl */
.CoreV2-mobile-theme-btn .theme-icon-sun,
.CoreV2-mobile-theme-btn .theme-icon-moon { display: none; }
/* ============================================================
   DOMAIN SEARCH SECTION - HOME PAGE
   ============================================================ */
/* CD Slider Wrapper — tema kart radius */
.cd-slider-wrapper {
    position: relative;
    width: 100%;
    overflow: visible;
    margin-bottom: 20px;
    background: transparent;
    border-radius: var(--cv2-radius-card, 14px);
}
/* Transfer butonu (ilk item) - Sis/blur efekti */
.cd-hero-quicknav__item:first-child {
    background: rgba(255, 255, 255, 0.06);
}
.cd-hero-quicknav__item:first-child:hover {
    background: rgba(255, 255, 255, 0.12);
}
.cd-slider-dots {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 12px;
    margin-bottom: 24px;
}
.cd-slider-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(var(--CoreV2-primary-rgb), 0.2);
    border: none;
    padding: 0;
    cursor: pointer;
    transition: all 0.3s ease;
}
.cd-slider-dot.active {
    background: var(--CoreV2-primary);
    width: 24px;
    border-radius: 4px;
}
/* CD Hero Quick Nav */
.cd-hero-quicknav {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}

.cd-hero-quicknav::-webkit-scrollbar {
    display: none;
}
.cd-hero-quicknav__item {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 11px 20px 11px 11px;
    background: rgba(255, 255, 255, 0.18);
    border: 1.5px solid rgba(255, 255, 255, 0.38);
    outline: 2px solid rgba(255, 255, 255, 0.2);
    outline-offset: 3px;
    border-radius: 12px;
    text-decoration: none;
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    white-space: nowrap;
    overflow: hidden;
    flex-shrink: 0;
    scroll-snap-align: center;
}
.cd-hero-quicknav__item:hover {
    background: rgba(255, 255, 255, 0.12);
}
.cd-hero-quicknav__icon {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--CoreV2-primary-rgb), 0.08);
    border-radius: 9px;
    color: var(--CoreV2-primary);
    flex-shrink: 0;
    transition: all 0.25s ease;
    position: relative;
    z-index: 1;
}
.cd-hero-quicknav__item:hover .cd-hero-quicknav__icon {
    background: var(--CoreV2-primary);
    color: #ffffff;
}
.cd-hero-quicknav__title {
    font-size: 13.5px;
    font-weight: 700;
    color: #ffffff;
    transition: color 0.25s ease;
    position: relative;
    z-index: 1;
    letter-spacing: -0.01em;
}
.cd-hero-quicknav__item:hover .cd-hero-quicknav__title {
    color: #ffffff;
}
.cd-hero-quicknav__text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    position: relative;
    z-index: 1;
    align-items: flex-start;
    text-align: left;
}
.cd-hero-quicknav__sub {
    font-size: 11.5px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.1;
    transition: color 0.25s ease;
}
.cd-hero-quicknav__item:hover .cd-hero-quicknav__sub {
    color: rgba(255, 255, 255, 0.9);
    opacity: 1;
}
/* AI Domain Special Styling */
.cd-hero-quicknav__item--ai .cd-hero-quicknav__icon {
    background: rgba(var(--cv2-primary-rgb), 0.08);
    color: var(--cv2-primary);
}
.cd-hero-quicknav__item--ai:hover .cd-hero-quicknav__icon {
    background: var(--cv2-primary);
    color: #ffffff;
}
.cd-hero-quicknav__item--ai:hover .cd-hero-quicknav__title {
    color: var(--cv2-primary);
}
.cd-hero-quicknav__item--ai:hover .cd-hero-quicknav__sub {
    color: var(--cv2-primary);
}

/* Coredomain Search Box — YEDEK main-head.css 1:1 */
.clean-domain-form {
    width: 100%;
}
.input-group-clean {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 72px;
    height: 72px;
    box-sizing: border-box;
}
.input-icon-wrapper {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    pointer-events: none;
    z-index: 5;
}
.input-icon-wrapper::after {
    content: '';
    position: absolute;
    right: -18px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 24px;
    background: rgba(0, 0, 0, 0.1);
}
.input-icon {
    color: #94a3b8;
    transition: color 0.25s ease;
    width: 20px;
    height: 20px;
}
.coredomain-search-box:focus-within .input-icon {
    color: var(--CoreV2-primary);
}
.clean-input {
    flex: 1;
    width: 100%;
    height: 72px;
    min-height: 72px;
    padding: 0 150px 0 80px;
    border: none;
    outline: none;
    background: transparent;
    font-size: 18px;
    line-height: 72px;
    color: #1e2d3d;
    font-weight: 500;
    box-sizing: border-box;
}
.clean-input::placeholder {
    color: #64748b;
    font-weight: 500;
    font-size: 18px;
    line-height: 72px;
    opacity: 1;
}
.clean-search-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 48px;
    padding: 0 28px;
    background: var(--CoreV2-primary-gradient, var(--CoreV2-primary));
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 12px;
    font-size: 15px;
    font-weight: var(--fw-button, 600);
    cursor: pointer;
    transition: filter 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease;
    white-space: nowrap;
    z-index: 10;
    box-shadow: 0 2px 10px rgba(var(--CoreV2-primary-rgb), 0.28);
    outline: 2px solid rgba(var(--CoreV2-primary-rgb), 0.25);
    outline-offset: 3px;
}
.clean-search-btn:hover {
    filter: brightness(1.1);
    transform: translateY(calc(-50% - 1px));
    box-shadow: 0 4px 16px rgba(var(--CoreV2-primary-rgb), 0.4);
    outline-color: rgba(var(--CoreV2-primary-rgb), 0.4);
}
.clean-search-btn:active {
    transform: translateY(-50%);
}
[data-theme="dark"] .coredomain-search-box {
    background: linear-gradient(135deg, rgba(30, 41, 59, 0.96) 0%, rgba(15, 23, 42, 0.98) 100%);
    border: 1px solid rgba(51, 65, 85, 0.55);
}
[data-theme="dark"] .clean-input {
    background: transparent;
    color: var(--text-primary, #e6eeff);
}
/* Mobile Responsive */
@media (max-width: 640px) {
            .input-icon-wrapper {
        position: absolute;
        width: 48px;
        height: 48px;
        border: none;
        display: flex;
        top: 8px;
        left: 8px;
    }
                }
/* Dark Mode Support */
[data-theme="dark"] .cd-hero-quicknav__item {
    border-color: rgba(var(--CoreV2-primary-rgb), 0.2);
}
[data-theme="dark"] .clean-input {
    background: transparent;
    color: var(--text-primary, var(--cv2-primary));
}
[data-theme="dark"] .input-icon-wrapper::after {
    background: rgba(255, 255, 255, 0.15); 
}
/* ============================================================
   PAKET KARTLARI - BOŞLUK AZALTMA & POPÜLER ETİKETİ DÜZELTME
   ============================================================ */
/* 2. Popüler etiket — yarı içeride yarı dışarıda */
.vertical--packs .pack.pack-popular .pack-popular-badge {
    top: -11px;
    padding: 5px 12px;
    font-size: 11px;
    border-radius: 12px;
}
/* 3. Satın Al butonu üst boşluğu azalt (16px -> 8px) */
/* 5. Grid kolonları arası boşluk azalt */
.vertical--packs.grid-col-3 {
    display: block;
    width: 100%;
    overflow: visible;
    gap: 12px;
}
/* 6. Özellik kutuları arası boşluk azalt */
.pack-features-grid .feature-box {
    padding: 6px 8px;
}
/* 7. Pack head (başlık alanı) padding azalt */
/* 8. Fiyat alanı boşluğu azalt */
.pack-detail {
    padding: 10px;
    margin: 8px 0;
}
/* 9. Resim alanı yüksekliği azalt (115px -> 90px) */
/* Homepage: alt her slide’da tutarlı — cover + bottom hizası */
@media (min-width: 901px) {
    body#home .slider-main {
        display: flex;
        flex-direction: column;
    }
    body#home .slider--content {
        flex: 1 1 auto;
        min-height: 0;
        height: 100%;
    }
    body#home .ctslider-slide.active {
        gap: 0;
        height: 100%;
        min-height: 100%;
        align-items: stretch;
    }
    body#home .slider-right {
        align-self: stretch;
        flex: 1.06 1 0;
        max-width: none;
        height: 100%;
        min-height: 100%;
        margin: 0;
        padding: 0 0 0 2px;
        display: block;
        position: relative;
        overflow: hidden;
        /* Masaustu: gri/koyu arka plan YOK (Eski Yedek). Mobilde responsive.css tutar. */
        background: transparent;
    }
    body#home .slider-left {
        flex: 0.94 1 0;
        height: 100%;
        min-height: 100%;
        padding: 4px 12px 14px 10px;
        gap: 0;
        justify-content: flex-start;
        position: relative;
    }
    body#home .slider-product-image-wrap {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 2px;
        width: auto;
        height: 100%;
        min-height: 100%;
        max-width: none;
        max-height: none;
        display: block;
        margin: 0;
        padding: 0;
        overflow: hidden;
        opacity: 1;
        visibility: visible;
        background: transparent;
    }
        body#home .slider-product-image-wrap > .slider-product-image-blur {
        height: 72px;
        max-height: 72px;
        min-height: 48px;
        opacity: 0.7;
        z-index: 3;
    }
    body#home .slider-right img.product-image {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        width: 100%;
        height: 100%;
        min-width: 100%;
        min-height: 100%;
        max-width: none;
        max-height: none;
        object-fit: cover;
        object-position: center center;
        transform: none;
        opacity: 1;
        visibility: visible;
        z-index: 2;
        transform-origin: center center;
        filter: none;
        margin: 0;
        padding: 0;
    }
    /* Ana sayfa: alt sis = foot (özellik+CTA) bandı ile eşit yükseklik */
    body#home .slider-product-image-wrap > .slider-product-image-blur {
        display: block;
        visibility: visible;
        opacity: 1;
        height: 72px; max-height: 72px; min-height: 48px;
        left: 0;
        right: 0;
        z-index: 5;
    }
            body#home .slider-main > .slider-controls {
        z-index: 20;
    }
            body#home .slider-left {
        justify-content: flex-start;
        gap: 0;
        flex: 0.94 1 0;
        height: 100%;
        padding: 4px 12px 14px 10px;
        position: relative;
    }
    body#home .slider-title {
        margin: 5px 0 3px;
        font-size: clamp(1.1rem, 1.4vw, 1.38rem);
    }
    body#home .slider-title .highlight {
        padding: 2px 8px;
        font-size: 0.98em;
    }
    body#home .slider-description {
        font-size: 12.5px;
        margin-top: 4px;
    }
    body#home .violet_ribbon {
        font-size: 10.5px;
        padding: 3px 9px 3px 5px;
        margin-bottom: 2px;
    }
    body#home .slider-left-foot {
        padding: 0 0 4px 0;
        gap: 0;
        /* üst/alt boşluk eşit — özellikler yukarı kayar, dibe yapışmaz */
        margin-top: auto;
        margin-bottom: auto;
        flex: 0 0 auto;
    }
    body#home .feature-card-modern {
        height: 44px;
        min-height: 44px;
        max-height: 44px;
        padding: 8px 10px;
        border-radius: 10px;
        gap: 8px;
        box-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
        body#home .feature-icon-modern {
        width: 32px;
        height: 32px;
        border-radius: 8px;
        box-shadow: none;
    }
    body#home .slider-title {
        font-size: clamp(1.15rem, 1.5vw, 1.45rem);
    }
    body#home .slider-description {
        font-size: 13.5px;
        line-height: 1.42;
        -webkit-line-clamp: 3;
        line-clamp: 3;
    }
    body#home .feature-title-modern { font-size: 12.5px; }
    body#home .feature-desc-modern { font-size: 11.5px; }
    body#home .hosting-container {
        height: 380px;
    }
    body#home .hosting-container > .slider-main,
    body#home .hosting-container > .grid-wrapper {
        height: 100%;
    }
    /* CTA = özellik kartları; özellik↔CTA Yedek 16px */
    body#home .slider-cta-row {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        z-index: 8;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 6px;
        margin: 16px 0 0 0;
        padding: 0;
        width: 100%;
        max-width: 100%;
        min-height: 0;
    }
        body#home .slider-cta-row .feature-cta-modern {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        height: 44px;
        min-height: 44px;
        max-height: 44px;
        flex: none;
        padding: 0 12px;
        font-size: 12px;
        white-space: nowrap;
        border-radius: var(--cv2-radius-btn, 50px);
        margin: 0;
        outline: 2px solid rgba(255, 255, 255, 0.20);
        outline-offset: 3px;
        border: 1.5px solid rgba(255, 255, 255, 0.38);
        box-shadow: none;
    }
    body#home .slider-cta-row .feature-cta-modern--packages {
        background: #ffffff;
        color: var(--theme-color-1, #0f172a);
        border: 1.5px solid #ffffff;
        border-radius: var(--cv2-radius-btn, 50px);
        outline: 2px solid rgba(255, 255, 255, 0.30);
        outline-offset: 3px;
        box-shadow: none;
    }
    body#home .slider-cta-row .feature-cta-modern--packages svg,
    body#home .slider-cta-row .feature-cta-modern--packages i {
        color: var(--theme-color-1, #0f172a);
    }
    body#home .slider-cta-row .feature-cta-modern--video {
        background: rgba(255, 255, 255, 0.18);
        color: #ffffff;
        border: 1.5px solid rgba(255, 255, 255, 0.55);
        border-radius: var(--cv2-radius-btn, 50px);
        outline: 2px solid rgba(255, 255, 255, 0.20);
        outline-offset: 3px;
        box-shadow: none;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }
    body#home .slider-controls {
        z-index: 20;
        left: 52%;
        right: 16px;
        bottom: 12px; /* CTA ile aynı */
        width: auto;
        max-width: none;
        overflow: visible;
        align-items: center;
        justify-content: flex-end;
        padding: 0 6px;
    }
    body#home .sc--tabs-viewport {
        overflow-x: auto;
        overflow-y: visible;
        max-width: 100%;
        container-type: inline-size;
    }
    body#home .sc--tabs .item {
        flex: 0 0 calc((100cqi - 18px) / 4);
        width: calc((100cqi - 18px) / 4);
        max-width: calc((100cqi - 18px) / 4);
        min-width: 0;
        overflow: hidden;
        height: 26px;
        border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 14px));
        font-size: 9.5px;
    }
}

/* CoreV2 home slider timer row — prev | progress | next | preview */
.slider-progress-wrapper--below-tabs {
  width: 100%;
  max-width: 100%;
  flex: 0 0 auto;
  margin: 4px auto 0;
  padding: 0 4px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-sizing: border-box;
}
.slider-progress-wrapper--below-tabs .ctslider-prev-button {
  order: 1;
  flex: 0 0 26px;
}
.slider-progress-wrapper--below-tabs .sc-timer-progress {
  order: 2;
  height: 3px;
  flex: 1 1 auto;
  min-width: 0;
  background: rgba(255,255,255,.22);
  border-radius: 999px;
}
.slider-progress-wrapper--below-tabs .ctslider-next-button {
  order: 3;
  flex: 0 0 26px;
}
.slider-progress-wrapper--below-tabs .next-slide-preview {
  order: 4;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
}
.slider-progress-wrapper--below-tabs .slider-nav-btn {
  width: 26px;
  height: 26px;
  flex-shrink: 0;
}
.slider-progress-wrapper--below-tabs .preview-overlay {
  display: none;
}

/* ================================================================
   MASTER OVERRIDE — slider-controls + slider-cta-row conflict fix
   13 property conflict giderildi. Sadece bu bolumu duzenleyin.
   ================================================================ */

/* Desktop: timer bottom = CTA bottom (12px) */
@media (min-width: 992px) {
  body .slider-main > .slider-controls,
  body .slider-main .slider--content .slider-controls,
  body .slider-controls {
    position: absolute;
    bottom: 12px;
    left: 52%;
    right: 12px;
    width: auto;
    max-width: none;
    /* Sol/sağ nefes — kırpma olmasın */
    padding: 0 10px;
    margin-top: 0;
    transform: none;
    z-index: 15;
    overflow: visible;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-end;
  }
  body .slider-controls .sc--tabs-viewport {
    overflow-x: auto;
    overflow-y: visible;
    max-width: 100%;
  }
  body .slider-main,
  body .slider-main .slider-right,
  body .slider-main .slider--content {
    overflow: visible;
  }
}

/* Mobil (<=991px): CTA absolute değil, akışta */
@media (max-width: 991px) {
    body .slider-left {
    padding-bottom: 12px;
  }
  body .slider-left-foot {
    padding-bottom: 0;
    margin-top: auto;
    gap: 8px;
  }
  body .slider-cta-row {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    width: 100%;
    max-width: 100%;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
  }
  }

/* slider-cta-row: butonlar her zaman yan yana, esit boyut */

/* <=360px: butonlar alt alta */

/* MASTER OVERRIDE END */

/* ================================================================
   FINAL LOCK v0.2.195 — foot dikey denge (Yedek mantığı)
   özellikler yukarı + üst/alt boşluk eşit; özellik↔CTA 16px
   ================================================================ */
@media (min-width: 901px) {
      body#home .slider-right::before {
    left: 0;
    z-index: 12;
  }
  body#home .slider-product-image-wrap > .slider-product-image-blur {
    display: block;
    height: 72px; max-height: 72px; min-height: 48px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 5;
  }
  body#home .slider-left {
    padding: 4px 12px 14px 10px;
    gap: 0;
    justify-content: flex-start;
  }
  /* Yedek dengesi: kalan alan üst/alt eşit pay — foot dibe yapışmaz */
      body#home .feature-card-modern {
    height: 44px;
    min-height: 44px;
    max-height: 44px;
    border-radius: 10px;
    padding: 8px 10px;
  }
  body#home .slider-cta-row {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin: 16px 0 0 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
  }
  body#home .slider-cta-row .feature-cta-modern {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: 44px;
    min-height: 44px;
    max-height: 44px;
    margin: 0;
    padding: 0 12px;
    border-radius: var(--cv2-radius-btn, 50px);
    outline: 2px solid rgba(255, 255, 255, 0.20);
    outline-offset: 3px;
    box-sizing: border-box;
    box-shadow: none;
  }
  body#home .slider-cta-row .feature-cta-modern--packages {
    border-radius: var(--cv2-radius-btn, 50px);
    outline: 2px solid rgba(255, 255, 255, 0.30);
    outline-offset: 3px;
    box-shadow: none;
  }
  body#home .slider-cta-row .feature-cta-modern--video {
    border-radius: var(--cv2-radius-btn, 50px);
    outline: 2px solid rgba(255, 255, 255, 0.20);
    outline-offset: 3px;
    box-shadow: none;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
  body#home .slider-controls,
  body#home .slider-main > .slider-controls {
    position: absolute;
    bottom: 12px;
    left: 52%;
    right: 16px;
    width: auto;
    max-width: none;
    padding: 0 6px;
  }
}

/* ================================================================
   FINAL LOCK v0.2.197 — mobile slider-main FULL WIDTH background
   + v0.2.196 roomy CTA / sticky / box-wide
   ================================================================ */
@media (max-width: 991px) {
  /* Arka plan paneli dar kalmasın — kenar boşluğu düşük, full width */
  body .hosting-container,
  body#home .hosting-container {
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  body .hosting-container > .slider-main,
  body .slider-main,
  body#home .hosting-container > .slider-main,
  body#home .slider-main {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    flex: 1 1 100%;
    margin: 0;
    padding: 16px 14px 18px;
    box-sizing: border-box;
    border-radius: 16px;
    background: var(--theme-color-1-gradient, var(--CoreV2-primary-gradient));
    overflow: hidden;
    height: auto;
  }
  body .slider--content,
  body .ctslider,
  body .ctslider-slide.active,
  body#home .slider--content,
  body#home .ctslider,
  body#home .ctslider-slide.active {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  /* Slider: dar/sıkışık desktop 44px kilitleri kır */
  body .slider-left,
  body#home .slider-left {
    flex: 1 1 100%;
    width: 100%;
    max-width: 100%;
    padding: 0 2px 8px 0;
    gap: 8px;
    justify-content: flex-start;
  }
  body .slider-left-foot,
  body#home .slider-left-foot {
    margin-top: 10px;
    margin-bottom: 0;
    padding: 0;
    gap: 10px;
  }
  body .feature-card-modern,
  body#home .feature-card-modern {
    height: auto;
    min-height: 48px;
    max-height: none;
    padding: 10px 10px;
    border-radius: 12px;
  }
  body .slider-features-modern,
  body#home .slider-features-modern {
    gap: 8px;
    margin: 0;
  }
  body .slider-cta-row,
  body#home .slider-cta-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  body .slider-cta-row .feature-cta-modern,
  body#home .slider-cta-row .feature-cta-modern {
    width: 100%;
    height: auto;
    min-height: 44px;
    max-height: none;
    padding: 11px 12px;
    font-size: 12.5px;
    border-radius: 12px;
    white-space: nowrap;
    outline: none;
    outline-offset: 0;
    margin: 0;
  }
  body .feature-title-modern { font-size: 12.5px; }
  body .feature-desc-modern { font-size: 11px; }
  body .slider-description { font-size: 13px; }

  /* Sticky ann — üst boşluk yok */
  body #CoreV2-sticky-ann-wrapper {
    margin: 8px 12px 10px;
  }
  body #CoreV2-sticky-ann {
    border-radius: 16px;
  }
  body .CoreV2-sticky-hub {
    padding: 5px 8px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
  }
  body .CoreV2-sticky-coupon {
    min-height: 24px;
    padding: 2px 6px;
    font-size: 8.5px;
    border-radius: 8px;
  }
  body .CoreV2-sticky-coupon strong {
    font-size: 9.5px;
  }

  /* box-wide: yan ışık + siyah sis yok */
  body .core-card.box-wide::before,
  body .box-wide::before,
  body .core-card.box-wide::after,
  body .box-wide::after {
    display: none;
    content: none;
    opacity: 0;
    background: none;
    filter: none;
  }
}
@media (max-width: 768px) {
  body #CoreV2-sticky-ann-wrapper {
    margin: 6px 10px 10px;
  }
  body .slider-cta-row .feature-cta-modern,
  body#home .slider-cta-row .feature-cta-modern {
    font-size: 12px;
    padding: 11px 10px;
    min-height: 44px;
  }
}
@media (max-width: 900px) {
  /* max-900 master override 10px/7px4px eziyor — geri al */
  body .slider-cta-row .feature-cta-modern {
    padding: 11px 10px;
    font-size: 12px;
    border-radius: 12px;
    min-height: 44px;
    height: auto;
    max-height: none;
  }
}
@media (max-width: 360px) {
  body .slider-cta-row {
    grid-template-columns: 1fr;
  }
}

/* ================================================================
   FINAL LOCK v0.2.198 — Yedek CTA frame + theme button radius
   ================================================================ */
@media (min-width: 901px) {
  body#home .slider-cta-row { gap: 12px; }
  body#home .slider-cta-row .feature-cta-modern {
    border-radius: var(--cv2-radius-btn, 50px);
    outline: 2px solid rgba(255,255,255,.20);
    outline-offset: 3px;
    box-shadow: none;
  }
  body#home .slider-cta-row .feature-cta-modern--packages {
    border-radius: var(--cv2-radius-btn, 50px);
    outline: 2px solid rgba(255,255,255,.30);
    outline-offset: 3px;
    box-shadow: none;
  }
  body#home .slider-cta-row .feature-cta-modern--video {
    border-radius: var(--cv2-radius-btn, 50px);
    outline: 2px solid rgba(255,255,255,.20);
    outline-offset: 3px;
    background: rgba(255,255,255,.18);
    border: 1.5px solid rgba(255,255,255,.55);
    box-shadow: none;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
}
/* Her buton kendi kuralı — tema radius (tek tek) */
.feature-cta-modern { border-radius: var(--cv2-radius-btn, 50px); }
.feature-cta-modern--packages { border-radius: var(--cv2-radius-btn, 50px); }
.feature-cta-modern--video { border-radius: var(--cv2-radius-btn, 50px); }
.CoreV2-sticky-btn { border-radius: var(--cv2-radius-btn, 50px); }
.CoreV2-sticky-coupon { border-radius: var(--cv2-radius-btn, 50px); }
.CoreV2-sticky-copy { border-radius: var(--cv2-radius-btn, 50px); }
.box-wide .wide-btn { border-radius: var(--cv2-radius-btn, 50px); }
.wide-aside .wide-btn { border-radius: var(--cv2-radius-btn, 50px); }
.camp-btn { border-radius: var(--cv2-radius-btn, 50px); }
.clean-search-btn { border-radius: var(--cv2-radius-btn, 50px); }
.btn-login { border-radius: var(--cv2-radius-btn, 50px); }
.btn-register { border-radius: var(--cv2-radius-btn, 50px); }
.btn-main { border-radius: var(--cv2-radius-btn, 50px); }
/* v0.2.338 — BOM GAP KILL: topbar viewport top=0 (DP 26px thrash) */
html, body {
  margin: 0;
  margin-top: 0;
  padding: 0;
  padding-top: 0;
  border: 0;
}
html body > .CoreV2-topbar,
html body#home > .CoreV2-topbar,
html body:not(#muspanel):not(#modernpanel) > .CoreV2-topbar,
html body .CoreV2-topbar {
  margin: 0;
  margin-top: 0;
  margin-block-start: 0;
  padding-top: 0;
  top: 0;
  inset-block-start: 0;
  transform: none;
}
/* body öncesi/sonrası pseudo boşluk yok */
html::before, html::after, body::before, body::after {
  content: none;
  display: none;
  margin: 0;
  padding: 0;
  height: 0;
}
/* Preloader / dil modal: asla document flow */
html body > #corev2-preloader {
  position: fixed;
  inset: 0;
  margin: 0;
  padding: 0;
  max-height: 100vh;
}
html body > #corev2-preloader[data-closed],
html body > #corev2-preloader[data-closed="1"],
html body > #corev2-preloader.preloader-closing {
  display: none;
  height: 0;
  width: 0;
  min-height: 0;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
html body > .selectLangCurrency,
html body > #selectLang,
html body > #selectCurrency {
  display: none;
  position: fixed;
  height: 0;
  width: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
/* Sticky duyuru üst margin BOM’a eklenmesin */
html body #CoreV2-sticky-ann-wrapper {
  margin-top: 0;
}
@media (max-width: 991px) {
  body #CoreV2-sticky-ann-wrapper:not(.CoreV2-sticky-hide) {
    margin-top: 0;
    margin-bottom: 10px;
  }
  .CoreV2-mobile-header { top: 0; }
}
/* ============================================================
   v0.2.235 — slider-left: siyah gölge YOK
   ============================================================ */
.slider-left,
.slider-left-head,
.slider-left-foot,
body .slider-left,
body#home .slider-left,
body .slider-left-foot,
body#home .slider-left-foot {
  box-shadow: none;
  text-shadow: none;
  filter: none;
}
.slider-left .feature-card-modern,
.slider-left-foot .feature-card-modern,
body .feature-card-modern,
body#home .feature-card-modern,
.feature-card-modern {
  box-shadow: none;
  filter: none;
}
.feature-card-modern:hover,
body .feature-card-modern:hover,
body#home .feature-card-modern:hover {
  box-shadow: none;
  filter: none;
}
.slider-left .feature-title-modern,
.slider-left .feature-desc-modern,
.slider-left h1, .slider-left h2, .slider-left h3,
.slider-left .slider-title,
.slider-left .price-amount,
.slider-left .amount {
  text-shadow: none;
  box-shadow: none;
  font-family: var(--font-family-base, var(--cv2-font, inherit));
}
.slider-left .amount,
.slider-left .price-amount,
.slider-left .current-price .amount {
  font-weight: 700;
}

/* v0.2.300 — d-info + ribbon dashed + paktsb price (base lock) */
html body .d-info .d-price, html body .domain-item .d-price { font-size: 9px; padding: 2px 7px; }
html body .violet_ribbon, html body .violet_ribbon.vr-price-card {
  border: 1px dashed rgba(255,255,255,0.42);
  border-radius: var(--cv2-radius-btn, 12px);
  font-size: 11px;
}
html body .slider-title .highlight, html body .highlight {
  border: 1px dashed rgba(var(--CoreV2-primary-rgb,99,91,255),0.45);
  border-radius: var(--cv2-radius-btn, 10px);
  padding: 1px 8px;
  display: inline-block;
}
html body .CoreV2paktsb-price, html body .CoreV2paktsb-price .amount_spot_view, html body .CoreV2paktsb-price .amount_spot_view * {
  font-size: 22px; font-weight: 700; line-height: 1;
}
html body .CoreV2paktsb-period { font-size: 11px; font-weight: 600; text-transform: uppercase; }
/* CoreV2 performance + price stability fix 2026-07-10 */