/* =========================================================
   Hesapin — referans görsele uyarlanmış üst mağaza alanı
   2026-09-10
   Bu dosya yalnızca header / hızlı erişim alanını override eder.
   ========================================================= */

:root{
    --hs-ref-edge:min(1988px, calc(100vw - 56px));
    --hs-ref-bg:#030b18;
    --hs-ref-panel:#061226;
    --hs-ref-line:rgba(63,133,222,.26);
    --hs-ref-text:#f6f8ff;
    --hs-ref-muted:#8797b7;
    --hs-ref-cyan:#20c8ff;
    --hs-ref-blue:#168cff;
    --hs-ref-purple:#9d38ff;
    --hs-ref-pink:#e730ff;
    --hs-ref-green:#1eeaa1;
    --hs-ref-gold:#ffbe37;
}

/* Eski premium şerit bu tasarımda yerini yeni güven şeridine bırakıyor. */
.premium-header-banner,
.premium-utility-bar{
    display:none!important;
}

/* Header ile çakışan ikinci ana-sayfa arama şeridi artık gereksiz. */
.hs-home-embedded-discovery{
    display:none!important;
}

.hs-reference-trust-strip{
    position:relative;
    z-index:6400;
    height:72px;
    display:flex;
    align-items:center;
    background:
        radial-gradient(circle at 8% 20%,rgba(18,110,255,.18),transparent 29%),
        radial-gradient(circle at 92% 0,rgba(0,138,255,.14),transparent 27%),
        linear-gradient(180deg,#06142c 0%,#030b18 100%);
    border-top:1px solid rgba(23,117,232,.48);
    border-bottom:1px solid rgba(37,107,188,.30);
    box-shadow:0 12px 38px rgba(0,0,0,.22);
    overflow:hidden;
}
.hs-reference-trust-strip::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(115deg,transparent 0%,rgba(21,127,255,.08) 40%,transparent 70%);
}
.hs-reference-trust-inner{
    width:var(--hs-ref-edge);
    height:100%;
    margin-inline:auto;
    display:grid;
    grid-template-columns:1.55fr repeat(4,1fr);
    align-items:center;
}
.hs-reference-trust-item{
    min-width:0;
    height:42px;
    padding:0 clamp(18px,1.55vw,32px);
    display:flex;
    align-items:center;
    gap:15px;
    position:relative;
}
.hs-reference-trust-item:not(:first-child)::before{
    content:"";
    position:absolute;
    left:0;
    top:7px;
    bottom:7px;
    width:1px;
    background:linear-gradient(180deg,transparent,rgba(49,116,204,.55),transparent);
}
.hs-reference-trust-icon{
    width:34px;
    height:34px;
    flex:0 0 34px;
    display:grid;
    place-items:center;
    color:#44ddff;
    font-size:22px;
    filter:drop-shadow(0 0 12px rgba(32,200,255,.46));
}
.hs-reference-trust-star{color:#ffd66c;filter:drop-shadow(0 0 12px rgba(255,190,55,.34))}
.hs-reference-trust-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    line-height:1.12;
}
.hs-reference-trust-copy strong{
    overflow:hidden;
    color:#edf3ff;
    font-size:clamp(12px,.78vw,15px);
    font-weight:850;
    letter-spacing:-.015em;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.hs-reference-trust-copy small{
    margin-top:5px;
    overflow:hidden;
    color:#8fa1c2;
    font-size:clamp(10px,.64vw,12px);
    font-weight:550;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* =========================================================
   Ana logo + 4 güven kartı + hesap / sepet
   ========================================================= */
.header,
body.hs-home-upcoming-embedded .header{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    z-index:6300!important;
    height:154px!important;
    background:
        radial-gradient(ellipse at 13% 15%,rgba(0,88,255,.18),transparent 36%),
        radial-gradient(ellipse at 47% 100%,rgba(15,74,166,.09),transparent 40%),
        linear-gradient(180deg,#030b19 0%,#020913 100%)!important;
    border-bottom:1px solid rgba(25,79,142,.22)!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    overflow:visible;
}
.header::after{
    content:""!important;
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.38!important;
    background:
        linear-gradient(150deg,rgba(10,102,255,.20),transparent 17%) 0 0/330px 100% no-repeat,
        linear-gradient(24deg,transparent 35%,rgba(21,82,194,.10) 36%,transparent 54%) 0 0/620px 100% no-repeat!important;
}
.header-container,
body.hs-home-upcoming-embedded .header-container{
    position:relative;
    z-index:2;
    width:var(--hs-ref-edge)!important;
    max-width:none!important;
    height:100%!important;
    min-height:0!important;
    margin-inline:auto!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:minmax(275px,340px) minmax(0,1fr) auto;
    align-items:center!important;
    justify-content:stretch!important;
    gap:18px!important;
}
.header .hs-logo-image-only{
    width:100%;
    min-width:0;
    display:flex!important;
    align-items:center;
    justify-content:flex-start;
}
.header .hs-logo-image-only .logo-img,
body.hs-home-upcoming-embedded .logo-img{
    width:auto!important;
    max-width:330px!important;
    max-height:108px!important;
    object-fit:contain;
    filter:drop-shadow(0 10px 24px rgba(0,123,255,.26))!important;
}
.header .hs-logo-image-only:hover{transform:translateY(-1px) scale(1.01)}

.hs-header-promises{
    min-width:0;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}
.hs-header-promise{
    --hs-promise-rgb:32,200,255;
    position:relative;
    min-width:0;
    height:100px;
    padding:16px 34px 16px 16px;
    display:grid;
    grid-template-columns:54px minmax(0,1fr);
    align-items:center;
    gap:14px;
    overflow:hidden;
    border:1px solid rgba(var(--hs-promise-rgb),.40);
    border-radius:18px;
    color:#fff;
    background:
        radial-gradient(circle at 10% 50%,rgba(var(--hs-promise-rgb),.15),transparent 34%),
        linear-gradient(135deg,rgba(6,24,35,.96),rgba(4,10,22,.95));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        inset 0 0 28px rgba(var(--hs-promise-rgb),.035),
        0 10px 28px rgba(0,0,0,.18);
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,filter .2s ease;
}
.hs-header-promise::after{
    content:"";
    position:absolute;
    left:9%;
    right:9%;
    top:-1px;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(var(--hs-promise-rgb),.96),transparent);
}
.hs-header-promise:hover{
    transform:translateY(-3px);
    filter:brightness(1.07);
    border-color:rgba(var(--hs-promise-rgb),.70);
    box-shadow:0 16px 38px rgba(var(--hs-promise-rgb),.10),inset 0 1px 0 rgba(255,255,255,.06);
}
.hs-header-promise.is-delivery{--hs-promise-rgb:16,228,156}
.hs-header-promise.is-deals{--hs-promise-rgb:209,33,255}
.hs-header-promise.is-payment{--hs-promise-rgb:255,171,40}
.hs-header-promise.is-support{--hs-promise-rgb:25,142,255}

.hs-header-promise-icon{
    width:54px;
    height:54px;
    display:grid;
    place-items:center;
    border:1px solid rgba(var(--hs-promise-rgb),.36);
    border-radius:50%;
    color:rgb(var(--hs-promise-rgb));
    background:
        radial-gradient(circle,rgba(var(--hs-promise-rgb),.18),rgba(var(--hs-promise-rgb),.06) 64%,transparent 65%);
    box-shadow:0 0 22px rgba(var(--hs-promise-rgb),.14);
    font-size:24px;
}
.hs-header-promise-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    line-height:1.15;
}
.hs-header-promise-copy strong{
    color:#f8fbff;
    font-size:clamp(11px,.74vw,14px);
    font-weight:900;
    letter-spacing:-.02em;
    white-space:nowrap;
}
.hs-header-promise-copy small{
    margin-top:6px;
    display:-webkit-box;
    overflow:hidden;
    color:#8799bb;
    font-size:clamp(9px,.61vw,11.5px);
    font-weight:560;
    line-height:1.35;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.hs-header-promise-arrow{
    position:absolute;
    right:14px;
    top:50%;
    transform:translateY(-50%);
    color:rgba(var(--hs-promise-rgb),.88);
    font-size:13px;
}

.header-actions{
    position:relative;
    min-width:0;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end;
    gap:13px!important;
    z-index:5!important;
}
.header-actions .hs-mobile-header-quick{display:none!important}

.hs-notification-center{flex:0 0 auto}
.header-actions .hs-notification-trigger{
    width:46px;
    height:46px;
    border-radius:14px;
    border:1px solid rgba(69,138,223,.26);
    background:linear-gradient(145deg,rgba(9,27,53,.92),rgba(4,13,29,.96));
    color:#b8cbeb;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.header-actions .hs-notification-trigger:hover{
    color:#4edcff;
    border-color:rgba(49,201,255,.45);
    background:rgba(14,58,93,.86);
}

.header-user,
.hs-guest-account-card{
    width:200px!important;
    height:70px!important;
    min-height:70px;
    padding:8px 14px!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    border:1px solid rgba(74,125,198,.35)!important;
    border-radius:18px!important;
    color:#eef5ff!important;
    background:
        radial-gradient(circle at 8% 50%,rgba(28,118,255,.16),transparent 42%),
        linear-gradient(145deg,rgba(8,24,48,.96),rgba(5,15,33,.96))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 28px rgba(0,0,0,.20)!important;
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.header-user:hover,
.hs-guest-account-card:hover{
    transform:translateY(-2px);
    border-color:rgba(54,170,255,.58)!important;
    box-shadow:0 14px 34px rgba(19,102,216,.12),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.hs-account-icon{
    width:46px;
    height:46px;
    flex:0 0 46px;
    display:grid;
    place-items:center;
    border:1px solid rgba(85,156,255,.52);
    border-radius:50%;
    color:#eaf3ff;
    background:radial-gradient(circle at 50% 35%,rgba(38,119,255,.20),rgba(4,14,31,.86));
    font-size:20px;
    box-shadow:inset 0 0 18px rgba(36,114,255,.12);
}
.header-user-avatar{display:none!important}
.header-user-info,
.hs-guest-account-copy{
    min-width:0;
    display:flex!important;
    flex:1 1 auto;
    flex-direction:column;
    line-height:1.12;
}
.header-user-name,
.hs-guest-account-copy strong{
    color:#f4f7ff!important;
    font-size:14px!important;
    font-weight:850!important;
}
.header-user-balance,
.hs-guest-account-copy small{
    margin-top:6px;
    max-width:112px;
    overflow:hidden;
    color:#8395b6!important;
    font-size:9.5px!important;
    font-weight:600!important;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.hs-header-points-inline{display:none!important}
.header-user-arrow,
.hs-guest-account-arrow{
    margin-left:auto;
    color:#8296b8!important;
    font-size:10px!important;
}
.hs-guest-account-card{text-decoration:none}

.cart-btn{
    width:160px!important;
    height:70px!important;
    padding:8px 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    border:1px solid rgba(57,109,184,.32)!important;
    border-radius:18px!important;
    color:#f4f7ff!important;
    background:linear-gradient(145deg,rgba(8,24,48,.96),rgba(5,15,33,.96))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 28px rgba(0,0,0,.20)!important;
}
.cart-btn:hover{
    transform:translateY(-2px)!important;
    border-color:rgba(45,167,255,.56)!important;
    color:#fff!important;
    background:linear-gradient(145deg,rgba(10,35,66,.96),rgba(5,17,37,.96))!important;
    box-shadow:0 14px 34px rgba(19,102,216,.12),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.hs-cart-icon{
    width:42px;
    height:42px;
    flex:0 0 42px;
    display:grid;
    place-items:center;
    color:#f4f7ff;
    font-size:20px;
}
.hs-cart-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    line-height:1.1;
}
.hs-cart-copy strong{font-size:14px;font-weight:850;color:#f4f7ff}
.hs-cart-copy small{margin-top:6px;font-size:10px;font-weight:650;color:#8395b6}
.cart-badge{
    top:-7px!important;
    right:5px!important;
    min-width:26px!important;
    height:26px!important;
    border:1px solid rgba(255,255,255,.16);
    background:linear-gradient(135deg,#1a9fff,#15c8ff)!important;
    color:#fff!important;
    box-shadow:0 0 16px rgba(20,159,255,.35)!important;
}

/* =========================================================
   Arama / tüm kategoriler / güven akışı / kampanya satırı
   ========================================================= */
.hs-store-tools{
    position:relative;
    z-index:6200;
    height:102px;
    display:flex;
    align-items:center;
    background:
        linear-gradient(180deg,rgba(3,11,24,.99),rgba(2,9,20,.99)),
        radial-gradient(circle at 72% 50%,rgba(21,76,160,.12),transparent 40%);
    border-bottom:1px solid rgba(34,91,161,.20);
}
.hs-store-tools-inner{
    width:var(--hs-ref-edge);
    height:100%;
    margin-inline:auto;
    display:grid;
    grid-template-columns:328px minmax(360px,1fr) 350px 235px;
    align-items:center;
    gap:14px;
}
.hs-tools-categories{
    position:relative!important;
    width:100%;
    height:70px!important;
}
.hs-tools-categories-trigger{
    width:100%!important;
    height:70px!important;
    padding:0 24px!important;
    display:flex!important;
    align-items:center!important;
    gap:18px!important;
    border:2px solid transparent!important;
    border-radius:18px!important;
    color:#f6f8ff!important;
    background:
        linear-gradient(#062c58,#062c58) padding-box,
        linear-gradient(120deg,#18d8ff,#8c39ff) border-box!important;
    box-shadow:inset 0 0 28px rgba(0,132,255,.13),0 0 22px rgba(36,95,255,.10)!important;
}
.hs-tools-categories-trigger>i:first-child{
    width:42px!important;
    height:42px!important;
    display:grid!important;
    place-items:center!important;
    border:0!important;
    background:transparent!important;
    color:#e8f7ff!important;
    font-size:27px!important;
}
.hs-tools-categories-trigger .category-link-copy{
    display:flex!important;
    flex:1 1 auto;
    align-items:center;
}
.hs-tools-categories-trigger .category-link-copy strong{
    font-size:15px!important;
    font-weight:850!important;
    color:#f5f8ff!important;
}
.hs-tools-categories-trigger .category-chevron{
    margin-left:auto!important;
    color:#e8edff!important;
    font-size:13px!important;
}
.hs-tools-categories:hover .hs-tools-categories-trigger,
.hs-tools-categories:focus-within .hs-tools-categories-trigger{
    filter:brightness(1.08);
    box-shadow:0 0 30px rgba(65,77,255,.20),inset 0 0 28px rgba(0,132,255,.16)!important;
}
.hs-tools-categories .all-categories-mega{
    top:calc(100% + 12px)!important;
    left:0!important;
    right:auto!important;
    width:min(980px,calc(100vw - 56px))!important;
    z-index:7400!important;
}
.hs-tools-categories:hover .all-categories-mega,
.hs-tools-categories:focus-within .all-categories-mega{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
}

.hs-reference-search{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    display:block!important;
    position:relative;
}
.hs-reference-search .header-search-form{
    width:100%!important;
    max-width:none!important;
    height:70px!important;
    border:1px solid rgba(76,130,201,.54)!important;
    border-radius:18px!important;
    overflow:hidden!important;
    background:
        radial-gradient(circle at 2% 50%,rgba(31,109,255,.08),transparent 25%),
        linear-gradient(145deg,rgba(6,20,42,.95),rgba(3,13,28,.97))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.hs-reference-search .header-search-form:focus-within{
    border-color:rgba(34,184,255,.78)!important;
    box-shadow:0 0 0 3px rgba(16,146,255,.08),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.hs-reference-search .header-search-icon{
    left:24px!important;
    color:#8ca5ca!important;
    font-size:20px!important;
}
.hs-reference-search .header-search-form input{
    padding:0 100px 0 66px!important;
    color:#eef5ff!important;
    font-size:14px!important;
    font-weight:560!important;
}
.hs-reference-search .header-search-form input::placeholder{
    color:#7385a6!important;
    opacity:1!important;
}
.hs-reference-search .search-typewriter{display:none!important}
.hs-reference-search .header-search-form button{
    top:0!important;
    right:0!important;
    bottom:0!important;
    width:82px!important;
    padding:0!important;
    border-radius:18px!important;
    color:#fff!important;
    background:linear-gradient(135deg,#0798ff,#18c9ff)!important;
    box-shadow:-12px 0 28px rgba(0,137,255,.14)!important;
    font-size:22px!important;
}
.hs-reference-search .header-search-form button:hover{
    transform:none!important;
    filter:brightness(1.09);
    box-shadow:-12px 0 30px rgba(0,137,255,.24)!important;
}
.hs-reference-search .live-search-dropdown{
    top:calc(100% + 10px)!important;
    z-index:7450!important;
}

.hs-tools-delivery,
.hs-tools-campaigns{
    position:relative;
    height:70px!important;
    min-height:70px!important;
    min-width:0!important;
    padding:8px 18px!important;
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    overflow:hidden;
    border-radius:18px!important;
    text-decoration:none;
    transition:transform .2s ease,filter .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.hs-tools-delivery{
    border:1px solid rgba(208,46,255,.54)!important;
    color:#fff!important;
    background:
        radial-gradient(circle at 14% 50%,rgba(221,31,255,.20),transparent 38%),
        linear-gradient(135deg,rgba(59,5,91,.96),rgba(15,9,41,.96))!important;
    box-shadow:inset 0 0 24px rgba(211,36,255,.08),0 8px 26px rgba(0,0,0,.18)!important;
}
.hs-tools-delivery::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(110deg,transparent 22%,rgba(255,255,255,.10),transparent 55%);
    transform:translateX(-120%);
    transition:transform .55s ease;
}
.hs-tools-delivery:hover::before{transform:translateX(120%)}
.hs-tools-delivery .delivery-center-header-icon{
    width:50px!important;
    height:50px!important;
    flex:0 0 50px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(242,84,255,.40)!important;
    border-radius:50%!important;
    color:#ff63e8!important;
    background:rgba(221,31,255,.12)!important;
    font-size:22px!important;
}
.hs-tools-delivery .delivery-center-header-copy strong{
    display:flex;
    align-items:center;
    gap:8px;
    color:#f6e7ff!important;
    font-size:13px!important;
    font-weight:880!important;
}
.hs-tools-delivery .delivery-center-header-copy strong i{color:#ffd760;font-size:12px}
.hs-tools-delivery .delivery-center-header-copy small{
    margin-top:7px!important;
    color:#ffca43!important;
    font-size:9.5px!important;
    font-weight:850!important;
    letter-spacing:.02em!important;
}
.hs-tools-campaigns{
    border:1px solid rgba(75,121,193,.42);
    color:#f2f6ff;
    background:linear-gradient(145deg,rgba(8,27,54,.96),rgba(5,16,34,.96));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 24px rgba(0,0,0,.18);
}
.hs-tools-campaign-icon{
    width:44px;
    height:44px;
    flex:0 0 44px;
    display:grid;
    place-items:center;
    border-radius:50%;
    color:#ffd33f;
    background:radial-gradient(circle,rgba(255,186,28,.18),rgba(255,186,28,.04) 65%,transparent 66%);
    font-size:22px;
    filter:drop-shadow(0 0 10px rgba(255,188,32,.28));
}
.hs-tools-campaign-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    line-height:1.1;
}
.hs-tools-campaign-copy strong{font-size:13px;font-weight:850}
.hs-tools-campaign-copy small{margin-top:6px;color:#8091b0;font-size:9.5px;font-weight:600}
.hs-tools-action-arrow{
    margin-left:auto;
    color:#8094b9;
    font-size:12px;
}
.hs-tools-delivery:hover,
.hs-tools-campaigns:hover{transform:translateY(-2px);filter:brightness(1.08)}

/* =========================================================
   Oyun / servis kartları satırı
   ========================================================= */
.category-bar{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    z-index:6100!important;
    height:134px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    visibility:visible!important;
    opacity:1!important;
    background:
        linear-gradient(180deg,rgba(2,9,20,.99),rgba(2,8,18,.99)),
        radial-gradient(circle at 50% 0,rgba(14,78,172,.11),transparent 55%)!important;
    border-bottom:1px solid rgba(34,89,157,.14)!important;
    box-shadow:0 18px 46px rgba(0,0,0,.15)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
}
.category-bar::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(31,114,230,.30),rgba(99,46,255,.20),transparent);
}
.category-bar-container{
    width:var(--hs-ref-edge)!important;
    max-width:none!important;
    height:100%!important;
    margin-inline:auto!important;
    padding:11px 0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:stretch!important;
    gap:12px!important;
    overflow:visible!important;
    scroll-padding-inline:0;
}
.category-bar-container>.hs-edge-fx{display:none!important}

.category-bar-home{
    width:118px!important;
    min-width:118px!important;
    height:112px!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    border:2px solid transparent!important;
    border-radius:19px!important;
    color:#eff9ff!important;
    background:
        linear-gradient(145deg,#064d92,#0866bc) padding-box,
        linear-gradient(135deg,#16e4ff,#8d37ff) border-box!important;
    box-shadow:inset 0 0 28px rgba(0,197,255,.13),0 8px 26px rgba(0,0,0,.18)!important;
}
.category-bar-home>i{
    width:auto!important;
    height:auto!important;
    flex:0 0 auto!important;
    border:0!important;
    background:transparent!important;
    color:#2bdfff!important;
    font-size:30px!important;
    filter:drop-shadow(0 0 13px rgba(24,197,255,.42));
}
.category-bar-home .category-link-copy{
    display:flex!important;
    flex-direction:column;
    align-items:center;
}
.category-bar-home .category-link-copy strong{
    color:#f6fbff!important;
    font-size:15px!important;
    font-weight:850!important;
}
.category-bar-home .category-link-copy small{display:none!important}

.hs-showcase-category{
    height:112px!important;
    flex:1 1 0!important;
    min-width:148px!important;
    max-width:218px;
}
.hs-category-showcase-link{
    --hs-cat-rgb:44,147,255;
    position:relative!important;
    width:100%!important;
    height:112px!important;
    padding:0 44px 15px 17px!important;
    display:flex!important;
    align-items:flex-end!important;
    gap:9px!important;
    overflow:hidden!important;
    border:1px solid rgba(var(--hs-cat-rgb),.72)!important;
    border-radius:18px!important;
    color:#fff!important;
    background:
        radial-gradient(circle at 76% 15%,rgba(var(--hs-cat-rgb),.24),transparent 43%),
        linear-gradient(145deg,rgba(8,20,39,.96),rgba(4,11,24,.98))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 26px rgba(0,0,0,.18)!important;
    isolation:isolate;
}
.hs-showcase-category[data-tone="red"] .hs-category-showcase-link{--hs-cat-rgb:245,36,77}
.hs-showcase-category[data-tone="gold"] .hs-category-showcase-link{--hs-cat-rgb:235,182,54}
.hs-showcase-category[data-tone="amber"] .hs-category-showcase-link{--hs-cat-rgb:255,174,33}
.hs-showcase-category[data-tone="blue"] .hs-category-showcase-link{--hs-cat-rgb:0,166,255}
.hs-showcase-category[data-tone="cyan"] .hs-category-showcase-link{--hs-cat-rgb:0,196,255}
.hs-category-showcase-link::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:linear-gradient(90deg,rgba(2,7,16,.90) 0%,rgba(2,8,18,.58) 48%,rgba(2,8,18,.08) 100%);
}
.hs-category-art{
    position:absolute;
    z-index:-1;
    top:0;
    right:0;
    bottom:0;
    width:68%;
    overflow:hidden;
}
.hs-category-art img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    opacity:.77;
    filter:saturate(1.08) contrast(1.05);
    transform:scale(1.02);
    transition:transform .35s ease,filter .35s ease,opacity .35s ease;
}
.hs-category-card-shade{
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:
        linear-gradient(0deg,rgba(2,7,16,.82) 0%,transparent 62%),
        linear-gradient(90deg,rgba(3,9,20,.48),transparent 76%);
}
.hs-category-card-icon{
    position:relative;
    z-index:2;
    width:27px;
    height:27px;
    flex:0 0 27px;
    display:grid;
    place-items:center;
    color:rgb(var(--hs-cat-rgb));
    font-size:18px;
    filter:drop-shadow(0 0 9px rgba(var(--hs-cat-rgb),.40));
}
.hs-category-showcase-link .category-link-copy{
    position:relative;
    z-index:2;
    min-width:0;
    display:block!important;
}
.hs-category-showcase-link .category-link-copy strong{
    display:block;
    overflow:hidden;
    color:#f8fbff!important;
    font-size:15px!important;
    font-weight:850!important;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-shadow:0 3px 12px rgba(0,0,0,.76);
}
.hs-category-showcase-link .category-chevron{
    position:absolute!important;
    z-index:2;
    right:16px;
    bottom:20px;
    margin:0!important;
    color:rgba(255,255,255,.72)!important;
    font-size:11px!important;
    transform:none!important;
}
.hs-showcase-category:hover .hs-category-showcase-link{
    transform:translateY(-3px);
    border-color:rgba(var(--hs-cat-rgb),.95)!important;
    box-shadow:0 14px 38px rgba(var(--hs-cat-rgb),.12),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.hs-showcase-category:hover .hs-category-art img{
    transform:scale(1.08);
    filter:saturate(1.16) contrast(1.07);
    opacity:.88;
}

.category-bar .account-nav-actions{
    margin-left:0!important;
    padding-left:0!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    flex:0 0 auto!important;
}
.category-bar .account-nav-action{
    width:clamp(145px,9vw,180px)!important;
    min-width:145px!important;
    height:112px!important;
    padding:14px 15px!important;
    display:flex!important;
    align-items:flex-start!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    gap:8px!important;
    border-radius:18px!important;
    overflow:hidden!important;
    position:relative!important;
}
.category-bar .account-nav-action .account-nav-icon{
    position:absolute;
    left:15px;
    top:15px;
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:12px!important;
    font-size:20px!important;
}
.category-bar .account-nav-action .account-nav-copy{
    width:100%;
    position:relative;
    z-index:2;
    display:flex!important;
    flex-direction:column;
    line-height:1.1;
}
.category-bar .account-nav-action strong{
    overflow:hidden;
    color:#f7f9ff!important;
    font-size:14px!important;
    font-weight:850!important;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.category-bar .account-nav-action .account-nav-copy>span{
    margin-top:6px!important;
    overflow:hidden;
    color:#8d9dba!important;
    font-size:9px!important;
    font-weight:600!important;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.category-bar .account-nav-action .account-nav-arrow{
    position:absolute;
    right:15px;
    bottom:18px;
    z-index:2;
    color:rgba(255,255,255,.65)!important;
}
.account-nav-games{
    border-color:rgba(165,48,255,.62)!important;
    background:radial-gradient(circle at 76% 22%,rgba(145,26,255,.26),transparent 46%),linear-gradient(145deg,rgba(23,9,52,.97),rgba(7,11,27,.98))!important;
}
.account-nav-games .account-nav-icon{color:#cb54ff!important;background:rgba(139,42,255,.12)!important;border:1px solid rgba(177,59,255,.34)!important}
.account-nav-rewards{
    border-color:rgba(168,50,255,.60)!important;
    background:radial-gradient(circle at 76% 22%,rgba(143,29,255,.25),transparent 46%),linear-gradient(145deg,rgba(28,9,56,.97),rgba(8,11,29,.98))!important;
}
.account-nav-rewards .account-nav-icon{color:#b85aff!important;background:rgba(138,43,226,.12)!important;border:1px solid rgba(185,84,255,.32)!important}
.account-nav-sell{
    border-color:rgba(20,218,145,.72)!important;
    background:radial-gradient(circle at 76% 22%,rgba(20,218,145,.20),transparent 48%),linear-gradient(145deg,rgba(4,43,38,.97),rgba(5,17,28,.98))!important;
}
.account-nav-sell .account-nav-icon{color:#23efad!important;background:rgba(24,224,154,.11)!important;border:1px solid rgba(37,238,173,.30)!important}
.account-nav-buy{
    border-color:rgba(194,46,255,.64)!important;
    background:radial-gradient(circle at 76% 22%,rgba(202,42,255,.22),transparent 48%),linear-gradient(145deg,rgba(38,8,58,.97),rgba(8,11,28,.98))!important;
}
.account-nav-buy .account-nav-icon{color:#ef5dff!important;background:rgba(208,49,255,.11)!important;border:1px solid rgba(227,83,255,.30)!important}
.category-bar .account-nav-action:hover{
    transform:translateY(-3px)!important;
    filter:brightness(1.08);
}

/* Ana içerik artık gerçek akışta header'ın arkasına saklanmıyor. */
.main-content,
.hs-page-home .main-content,
body.hs-home-upcoming-embedded .main-content{
    padding-top:0!important;
}

/* Footer/overlay öğelerinin yeni üst şeridin arkasında kalmaması için. */
.header-user-dropdown,
.hs-notification-panel,
.live-search-dropdown{z-index:7600!important}
.side-menu{z-index:8200!important}
.menu-overlay{z-index:8100!important}

/* =========================================================
   Orta genişlikler
   ========================================================= */
@media (max-width:1599px) and (min-width:901px){
    :root{--hs-ref-edge:min(1540px,calc(100vw - 36px))}
    .hs-reference-trust-strip{height:62px}
    .hs-reference-trust-item{padding-inline:16px;gap:10px}
    .hs-reference-trust-icon{width:28px;height:28px;flex-basis:28px;font-size:18px}
    .hs-reference-trust-copy strong{font-size:11px}
    .hs-reference-trust-copy small{font-size:9px}
    .header,
    body.hs-home-upcoming-embedded .header{height:136px!important}
    .header-container,
    body.hs-home-upcoming-embedded .header-container{
        grid-template-columns:minmax(210px,250px) minmax(0,1fr) auto;
        gap:12px!important;
    }
    .header .hs-logo-image-only .logo-img,
    body.hs-home-upcoming-embedded .logo-img{max-width:240px!important;max-height:92px!important}
    .hs-header-promises{gap:9px}
    .hs-header-promise{height:88px;padding:12px 24px 12px 11px;grid-template-columns:42px minmax(0,1fr);gap:9px;border-radius:15px}
    .hs-header-promise-icon{width:42px;height:42px;font-size:18px}
    .hs-header-promise-copy strong{font-size:10.5px}
    .hs-header-promise-copy small{font-size:8.5px}
    .header-actions{gap:8px!important}
    .header-actions .hs-notification-trigger{width:40px;height:40px}
    .header-user,.hs-guest-account-card{width:168px!important;height:62px!important;min-height:62px;padding:7px 10px!important}
    .hs-account-icon{width:40px;height:40px;flex-basis:40px;font-size:17px}
    .header-user-balance,.hs-guest-account-copy small{max-width:86px;font-size:8.5px!important}
    .cart-btn{width:132px!important;height:62px!important;padding:7px 10px!important}
    .hs-cart-icon{width:34px;height:34px;flex-basis:34px;font-size:17px}
    .hs-store-tools{height:90px}
    .hs-store-tools-inner{grid-template-columns:250px minmax(300px,1fr) 275px 190px;gap:10px}
    .hs-tools-categories,.hs-tools-categories-trigger,.hs-reference-search .header-search-form,.hs-tools-delivery,.hs-tools-campaigns{height:62px!important;min-height:62px!important}
    .hs-tools-categories-trigger{padding-inline:16px!important;gap:10px!important}
    .hs-tools-categories-trigger>i:first-child{width:34px!important;height:34px!important;font-size:21px!important}
    .hs-tools-categories-trigger .category-link-copy strong{font-size:12px!important}
    .hs-tools-delivery{padding-inline:12px!important;gap:10px!important}
    .hs-tools-delivery .delivery-center-header-icon{width:42px!important;height:42px!important;flex-basis:42px!important;font-size:18px!important}
    .hs-tools-delivery .delivery-center-header-copy strong{font-size:11px!important}
    .hs-tools-delivery .delivery-center-header-copy small{font-size:8px!important}
    .hs-tools-campaigns{padding-inline:12px!important;gap:9px!important}
    .hs-tools-campaign-icon{width:38px;height:38px;flex-basis:38px;font-size:18px}
    .category-bar{height:122px!important}
    .category-bar-container{padding-block:9px!important;gap:8px!important}
    .category-bar-home{width:96px!important;min-width:96px!important;height:102px!important}
    .category-bar-home>i{font-size:25px!important}
    .category-bar-home .category-link-copy strong{font-size:12px!important}
    .hs-showcase-category{height:102px!important;min-width:132px!important}
    .hs-category-showcase-link{height:102px!important;padding:0 34px 13px 12px!important}
    .hs-category-card-icon{width:23px;height:23px;flex-basis:23px;font-size:15px}
    .hs-category-showcase-link .category-link-copy strong{font-size:12px!important}
    .category-bar .account-nav-actions{gap:8px!important}
    .category-bar .account-nav-action{width:clamp(126px,8.5vw,154px)!important;min-width:126px!important;height:102px!important;padding:12px!important}
    .category-bar .account-nav-action .account-nav-icon{left:12px;top:12px;width:35px!important;height:35px!important;font-size:16px!important}
    .category-bar .account-nav-action strong{font-size:11.5px!important}
    .category-bar .account-nav-action .account-nav-copy>span{font-size:8px!important}
    .category-bar .account-nav-action .account-nav-arrow{right:12px;bottom:15px}
}

@media (max-width:1180px) and (min-width:901px){
    .hs-reference-trust-inner{grid-template-columns:1.35fr repeat(4,1fr)}
    .hs-reference-trust-copy small{display:none}
    .hs-header-promise:nth-child(3),
    .hs-header-promise:nth-child(4){display:none}
    .hs-header-promises{grid-template-columns:repeat(2,minmax(0,1fr))}
    .hs-store-tools-inner{grid-template-columns:220px minmax(250px,1fr) 230px 150px}
    .hs-tools-delivery .delivery-center-header-copy small{display:none!important}
    .hs-tools-campaign-copy small{display:none}
    .category-bar-container{
        overflow-x:auto!important;
        overflow-y:hidden!important;
        justify-content:flex-start!important;
        scrollbar-width:none;
    }
    .category-bar-container::-webkit-scrollbar{display:none}
    .category-bar .category-mega{display:none!important}
}

/* =========================================================
   Mobil: mevcut kompakt header davranışı korunur.
   ========================================================= */
@media (max-width:900px){
    :root{
        --hp-banner-h:0px!important;
        --hp-utility-h:0px!important;
        --hp-main-h:70px!important;
        --hp-category-h:61px!important;
    }
    .hs-reference-trust-strip,
    .hs-header-promises,
    .hs-store-tools{display:none!important}

    .header,
    body.hs-home-upcoming-embedded .header{
        position:fixed!important;
        top:0!important;
        left:0!important;
        right:0!important;
        z-index:7600!important;
        height:70px!important;
        background:linear-gradient(180deg,rgba(3,10,22,.985),rgba(3,10,21,.985))!important;
        border-bottom:1px solid rgba(54,111,188,.18)!important;
    }
    .header-container,
    body.hs-home-upcoming-embedded .header-container{
        width:100%!important;
        max-width:none!important;
        min-height:70px!important;
        height:70px!important;
        padding:0 13px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        gap:8px!important;
    }
    .header .hs-logo-image-only{
        width:auto!important;
        max-width:calc(100% - 150px)!important;
        flex:1 1 auto!important;
    }
    .header .hs-logo-image-only .logo-img,
    body.hs-home-upcoming-embedded .logo-img{
        max-width:min(220px,100%)!important;
        max-height:58px!important;
    }
    .header-actions{
        flex:0 0 auto!important;
        gap:7px!important;
    }
    .header-actions .hs-mobile-header-quick{display:inline-flex!important}
    .header-auth{display:none!important}
    .header-user{
        width:42px!important;
        height:42px!important;
        min-height:42px!important;
        padding:0!important;
        justify-content:center!important;
        border-radius:13px!important;
    }
    .header-user .hs-account-icon{
        width:40px;
        height:40px;
        flex-basis:40px;
        border:0;
        border-radius:12px;
        font-size:17px;
    }
    .header-user-info,
    .header-user-arrow{display:none!important}
    .header-actions .hs-notification-trigger{width:38px;height:38px;border-radius:12px}
    .cart-btn{
        width:42px!important;
        height:42px!important;
        padding:0!important;
        justify-content:center!important;
        border-radius:13px!important;
    }
    .hs-cart-icon{width:auto;height:auto;flex:0 0 auto;font-size:17px}
    .hs-cart-copy{display:none!important}
    .cart-badge{top:-5px!important;right:-5px!important;min-width:18px!important;height:18px!important;font-size:9px!important}

    .category-bar{
        position:fixed!important;
        top:70px!important;
        left:0!important;
        right:0!important;
        z-index:7350!important;
        height:61px!important;
        display:flex!important;
        background:rgba(3,10,22,.985)!important;
        border-bottom:1px solid rgba(54,111,188,.18)!important;
        box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
    }
    .category-bar-container{
        width:100%!important;
        height:61px!important;
        padding:6px 10px!important;
        gap:7px!important;
        justify-content:flex-start!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
    }
    .category-bar-container::-webkit-scrollbar{display:none}
    .category-bar-home{
        width:50px!important;
        min-width:50px!important;
        height:48px!important;
        border-radius:13px!important;
        gap:0!important;
    }
    .category-bar-home>i{font-size:19px!important}
    .category-bar-home .category-link-copy{display:none!important}
    .hs-showcase-category{
        width:auto!important;
        min-width:116px!important;
        max-width:150px!important;
        height:48px!important;
        flex:0 0 auto!important;
    }
    .hs-category-showcase-link{
        height:48px!important;
        padding:0 28px 0 10px!important;
        align-items:center!important;
        border-radius:13px!important;
    }
    .hs-category-art{width:58%}
    .hs-category-card-shade{background:linear-gradient(90deg,rgba(3,9,20,.88),rgba(3,9,20,.30))}
    .hs-category-card-icon{width:21px;height:21px;flex-basis:21px;font-size:13px}
    .hs-category-showcase-link .category-link-copy strong{font-size:10px!important}
    .hs-category-showcase-link .category-chevron{right:9px;bottom:auto;top:50%;transform:translateY(-50%)!important;font-size:8px!important}
    .category-bar .category-mega{display:none!important}
    .category-bar .account-nav-actions{display:none!important}

    .mobile-search-panel{
        top:70px!important;
        z-index:7900!important;
    }

    .main-content,
    .hs-page-home .main-content{
        padding-top:131px!important;
    }
    body.hs-home-upcoming-embedded .hs-home-embedded-mega{
        margin-top:131px!important;
    }
    body.hs-home-upcoming-embedded .main-content{
        padding-top:0!important;
    }
}

@media (max-width:560px){
    .header .hs-logo-image-only{max-width:calc(100% - 116px)!important}
    .header .hs-logo-image-only .logo-img{max-width:170px!important;max-height:52px!important}
    .header-actions .hs-mobile-header-quick{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:10px!important}
    .header-actions .hs-mobile-header-quick:nth-of-type(2){display:none!important}
    .header-actions .hs-notification-trigger{width:34px;height:34px}
    .header-user{width:36px!important;height:36px!important;min-height:36px!important}
    .header-user .hs-account-icon{width:34px;height:34px;flex-basis:34px;font-size:14px}
    .cart-btn{width:36px!important;height:36px!important}
}

/* =========================================================
   2026-09-11 V2/V3 gorsel duzenlemeler - ayni orijinal dosya adinda
   ========================================================= */

/* =========================================================
   Hesapin — Referans üst alan V3
   Referans: 2026-09-11 onaylanan koyu lacivert / neon görünüm.
   Sadece mevcut header, arama ve kategori satırını yeniden stiller.
   ========================================================= */

:root{
    --hs-v3-bg:#020814;
    --hs-v3-bg-deep:#010610;
    --hs-v3-panel:#071426;
    --hs-v3-panel-2:#041020;
    --hs-v3-line:#15335d;
    --hs-v3-text:#f6f8ff;
    --hs-v3-muted:#8295b5;
    --hs-v3-cyan:#20d7ff;
    --hs-v3-blue:#168eff;
    --hs-v3-purple:#9e38ff;
    --hs-v3-pink:#e936e9;
    --hs-v3-green:#11e1aa;
    --hs-v3-gold:#ffbd38;
    --hs-ref-edge:min(1864px,calc(100vw - 56px));
}

@media (min-width:901px){
    html,body{background:var(--hs-v3-bg-deep)!important}

    /* Eski premium satırlar bu vitrinde kullanılmıyor. */
    .premium-header-banner,
    .premium-utility-bar,
    .hs-home-embedded-discovery{display:none!important}

    /* ---------------- Güven şeridi ---------------- */
    .hs-reference-trust-strip{
        position:relative!important;
        z-index:6400!important;
        width:var(--hs-ref-edge)!important;
        height:84px!important;
        margin:22px auto 0!important;
        display:flex!important;
        align-items:center!important;
        overflow:hidden!important;
        border:1px solid rgba(28,91,160,.58)!important;
        border-radius:18px!important;
        background:
            radial-gradient(circle at 8% 35%,rgba(0,112,255,.12),transparent 26%),
            radial-gradient(circle at 79% 0,rgba(78,28,181,.08),transparent 28%),
            linear-gradient(180deg,#06142b 0%,#020a18 100%)!important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 16px 40px rgba(0,0,0,.22)!important;
    }
    .hs-reference-trust-strip::after{
        content:""!important;
        position:absolute!important;
        inset:0!important;
        pointer-events:none!important;
        background:linear-gradient(110deg,transparent 0%,rgba(15,113,255,.05) 40%,transparent 73%)!important;
    }
    .hs-reference-trust-inner{
        width:100%!important;
        height:100%!important;
        margin:0!important;
        padding:0 22px!important;
        display:grid!important;
        grid-template-columns:1.22fr 1.15fr 1.03fr .97fr 1.13fr!important;
        align-items:center!important;
        gap:0!important;
    }
    .hs-reference-trust-item{
        min-width:0!important;
        height:54px!important;
        padding:0 clamp(18px,1.35vw,28px)!important;
        display:flex!important;
        align-items:center!important;
        gap:16px!important;
    }
    .hs-reference-trust-item:not(:first-child)::before{
        content:""!important;
        position:absolute!important;
        left:0!important;
        top:8px!important;
        bottom:8px!important;
        width:1px!important;
        background:linear-gradient(180deg,transparent,rgba(51,111,190,.52),transparent)!important;
    }
    .hs-reference-trust-icon{
        width:42px!important;
        height:42px!important;
        flex:0 0 42px!important;
        display:grid!important;
        place-items:center!important;
        border-radius:13px!important;
        color:#32d7ff!important;
        background:radial-gradient(circle,rgba(13,126,255,.14),rgba(5,18,39,.14) 70%)!important;
        font-size:25px!important;
        filter:drop-shadow(0 0 12px rgba(32,200,255,.34))!important;
    }
    .hs-reference-trust-star{color:#ffd55d!important;filter:drop-shadow(0 0 12px rgba(255,190,55,.36))!important}
    .hs-reference-trust-copy{min-width:0!important;line-height:1.12!important}
    .hs-reference-trust-copy strong{
        display:block!important;
        overflow:hidden!important;
        color:#f3f6fc!important;
        font-size:clamp(12px,.82vw,16px)!important;
        font-weight:850!important;
        letter-spacing:-.02em!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
    }
    .hs-reference-trust-copy small{
        display:block!important;
        margin-top:6px!important;
        overflow:hidden!important;
        color:#8195b6!important;
        font-size:clamp(9px,.66vw,12px)!important;
        font-weight:600!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
    }

    /* ---------------- Logo + 4 kart + hesap/sepet ---------------- */
    .header,
    body.hs-home-upcoming-embedded .header{
        position:relative!important;
        inset:auto!important;
        z-index:6300!important;
        width:var(--hs-ref-edge)!important;
        height:172px!important;
        margin:12px auto 0!important;
        overflow:visible!important;
        border:1px solid rgba(35,78,132,.38)!important;
        border-radius:22px!important;
        background:
            radial-gradient(ellipse at 10% 42%,rgba(0,92,255,.16),transparent 30%),
            radial-gradient(ellipse at 62% 100%,rgba(40,22,100,.10),transparent 44%),
            linear-gradient(180deg,#071427 0%,#06101f 100%)!important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 18px 44px rgba(0,0,0,.24)!important;
        backdrop-filter:none!important;
        -webkit-backdrop-filter:none!important;
    }
    .header::after{
        content:""!important;
        position:absolute!important;
        inset:0!important;
        border-radius:inherit!important;
        opacity:.42!important;
        pointer-events:none!important;
        background:
            linear-gradient(145deg,rgba(0,112,255,.10),transparent 24%) 0 0/430px 100% no-repeat,
            linear-gradient(27deg,transparent 31%,rgba(76,49,155,.07) 34%,transparent 58%) 0 0/650px 100% no-repeat!important;
    }
    .header-container,
    body.hs-home-upcoming-embedded .header-container{
        position:relative!important;
        z-index:2!important;
        width:100%!important;
        max-width:none!important;
        height:100%!important;
        min-height:0!important;
        margin:0!important;
        padding:0 18px!important;
        display:grid!important;
        grid-template-columns:clamp(315px,20vw,390px) minmax(0,1fr) auto!important;
        align-items:center!important;
        gap:16px!important;
    }
    .header-container::after{content:none!important;display:none!important}

    .header .hs-logo-image-only{
        width:100%!important;
        min-width:0!important;
        height:136px!important;
        padding:0!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
    }
    .header .hs-logo-image-only .logo-img,
    body.hs-home-upcoming-embedded .logo-img{
        width:auto!important;
        max-width:100%!important;
        max-height:126px!important;
        object-fit:contain!important;
        filter:drop-shadow(0 11px 24px rgba(0,117,255,.34))!important;
    }

    .hs-header-promises{
        min-width:0!important;
        width:100%!important;
        display:grid!important;
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        gap:12px!important;
    }
    .hs-header-promise{
        --hs-promise-rgb:32,200,255;
        position:relative!important;
        min-width:0!important;
        width:100%!important;
        height:120px!important;
        padding:16px 28px 16px 14px!important;
        display:grid!important;
        grid-template-columns:56px minmax(0,1fr)!important;
        align-items:center!important;
        gap:12px!important;
        overflow:hidden!important;
        border:1px solid rgba(var(--hs-promise-rgb),.45)!important;
        border-radius:17px!important;
        color:#fff!important;
        background:
            radial-gradient(circle at 12% 50%,rgba(var(--hs-promise-rgb),.16),transparent 38%),
            linear-gradient(145deg,rgba(6,24,37,.98),rgba(3,10,23,.98))!important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 26px rgba(0,0,0,.22)!important;
        transition:transform .2s ease,filter .2s ease,border-color .2s ease,box-shadow .2s ease!important;
    }
    .hs-header-promise::after{
        content:""!important;
        position:absolute!important;
        left:10%!important;right:10%!important;top:-1px!important;height:1px!important;
        background:linear-gradient(90deg,transparent,rgba(var(--hs-promise-rgb),.92),transparent)!important;
    }
    .hs-header-promise:hover{transform:translateY(-2px)!important;filter:brightness(1.06)!important;box-shadow:0 14px 34px rgba(var(--hs-promise-rgb),.11)!important}
    .hs-header-promise.is-delivery{--hs-promise-rgb:13,222,164!important}
    .hs-header-promise.is-deals{--hs-promise-rgb:210,43,247!important}
    .hs-header-promise.is-payment{--hs-promise-rgb:255,177,44!important}
    .hs-header-promise.is-support{--hs-promise-rgb:23,143,255!important}
    .hs-header-promise-icon{
        width:56px!important;height:56px!important;flex:0 0 56px!important;
        display:grid!important;place-items:center!important;
        border:1px solid rgba(var(--hs-promise-rgb),.38)!important;
        border-radius:50%!important;
        color:rgb(var(--hs-promise-rgb))!important;
        background:radial-gradient(circle,rgba(var(--hs-promise-rgb),.18),rgba(var(--hs-promise-rgb),.05) 65%,transparent 66%)!important;
        box-shadow:0 0 24px rgba(var(--hs-promise-rgb),.16)!important;
        font-size:25px!important;
    }
    .hs-header-promise-copy{min-width:0!important;line-height:1.12!important}
    .hs-header-promise-copy strong{
        display:block!important;
        overflow:hidden!important;
        color:#f8fbff!important;
        font-size:clamp(10px,.70vw,14px)!important;
        font-weight:900!important;
        letter-spacing:-.025em!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
    }
    .hs-header-promise-copy small{
        display:-webkit-box!important;
        margin-top:7px!important;
        overflow:hidden!important;
        color:#8da1c0!important;
        font-size:clamp(8px,.58vw,11px)!important;
        font-weight:600!important;
        line-height:1.35!important;
        -webkit-box-orient:vertical!important;
        -webkit-line-clamp:2!important;
    }
    .hs-header-promise-arrow{right:12px!important;font-size:12px!important;color:rgba(var(--hs-promise-rgb),.95)!important}

    .header-actions{
        position:relative!important;
        inset:auto!important;
        transform:none!important;
        min-width:0!important;
        height:auto!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-end!important;
        gap:10px!important;
        z-index:10!important;
    }
    .header-actions .hs-mobile-header-quick,
    .header-actions .mobile-search-toggle{display:none!important}
    .hs-notification-center{flex:0 0 auto!important}
    .header-actions .hs-notification-trigger{
        position:relative!important;
        width:54px!important;height:54px!important;
        border:1px solid rgba(62,91,139,.52)!important;
        border-radius:15px!important;
        background:linear-gradient(145deg,#182038,#101729)!important;
        color:#dfe9f8!important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
    }
    .header-actions .hs-notification-trigger:hover{color:#42d4ff!important;border-color:rgba(45,174,255,.58)!important}
    .header-actions .hs-notification-badge,
    .header-actions #notifBadge{
        display:block!important;
        position:absolute!important;
        top:-4px!important;right:-4px!important;
        width:10px!important;height:10px!important;min-width:10px!important;
        padding:0!important;
        border:2px solid #071427!important;
        border-radius:999px!important;
        background:#ff2f63!important;
        color:transparent!important;
        font-size:0!important;
        box-shadow:0 0 10px rgba(255,47,99,.55)!important;
    }

    .header-user,
    .hs-guest-account-card{
        width:210px!important;
        min-width:210px!important;
        height:70px!important;
        min-height:70px!important;
        padding:8px 14px!important;
        display:flex!important;
        align-items:center!important;
        gap:12px!important;
        border:1px solid rgba(31,99,196,.66)!important;
        border-radius:16px!important;
        color:#f5f8ff!important;
        background:
            radial-gradient(circle at 12% 50%,rgba(39,94,255,.22),transparent 42%),
            linear-gradient(145deg,#071a43,#030c24)!important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 22px rgba(0,0,0,.22)!important;
        text-decoration:none!important;
    }
    .header-user:hover,.hs-guest-account-card:hover{transform:translateY(-2px)!important;border-color:rgba(38,166,255,.74)!important}
    .hs-account-icon{
        width:46px!important;height:46px!important;flex:0 0 46px!important;
        display:grid!important;place-items:center!important;
        border:1px solid rgba(62,139,255,.72)!important;
        border-radius:50%!important;
        color:#f7faff!important;
        background:radial-gradient(circle,#2452aa 0%,#0a2254 72%)!important;
        box-shadow:inset 0 0 18px rgba(47,123,255,.17)!important;
        font-size:20px!important;
    }
    .header-user-avatar{display:none!important}
    .header-user-info,.hs-guest-account-copy{min-width:0!important;flex:1 1 auto!important;display:flex!important;flex-direction:column!important;line-height:1.1!important}
    .header-user-name,.hs-guest-account-copy strong{font-size:14px!important;font-weight:850!important;color:#f7f9ff!important}
    .header-user-balance,.hs-guest-account-copy small{
        display:block!important;
        max-width:118px!important;
        margin-top:6px!important;
        overflow:hidden!important;
        color:#8598ba!important;
        font-size:10px!important;
        font-weight:600!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
    }
    .hs-header-points-inline{display:none!important}
    .header-user-arrow,.hs-guest-account-arrow{margin-left:auto!important;color:#79a5d9!important;font-size:11px!important}

    .cart-btn{
        position:relative!important;
        width:160px!important;
        min-width:160px!important;
        height:70px!important;
        padding:8px 14px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
        gap:10px!important;
        border:1px solid rgba(35,84,153,.56)!important;
        border-radius:16px!important;
        color:#f6f8ff!important;
        background:linear-gradient(145deg,#07172f,#030c20)!important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 22px rgba(0,0,0,.22)!important;
    }
    .cart-btn:hover{transform:translateY(-2px)!important;border-color:rgba(40,154,255,.68)!important;background:linear-gradient(145deg,#0a203d,#041027)!important}
    .hs-cart-icon{width:42px!important;height:42px!important;flex:0 0 42px!important;display:grid!important;place-items:center!important;color:#f4f7ff!important;font-size:23px!important}
    .hs-cart-copy{display:flex!important;min-width:0!important;flex-direction:column!important;line-height:1.08!important}
    .hs-cart-copy strong{font-size:14px!important;font-weight:850!important;color:#f7f9ff!important}
    .hs-cart-copy small{margin-top:6px!important;color:#8798b6!important;font-size:10px!important;font-weight:650!important}
    .cart-badge,.cart-badge.empty{
        display:flex!important;
        position:absolute!important;
        top:-9px!important;right:-8px!important;
        min-width:24px!important;height:24px!important;
        padding:0 6px!important;
        align-items:center!important;justify-content:center!important;
        border:2px solid #061326!important;
        border-radius:999px!important;
        background:#ff2e5d!important;
        color:#fff!important;
        font-size:11px!important;
        font-weight:800!important;
        box-shadow:0 0 14px rgba(255,46,93,.50)!important;
        opacity:1!important;visibility:visible!important;
    }

    /* ---------------- Arama / hızlı işlem satırı ---------------- */
    .hs-store-tools{
        position:relative!important;
        z-index:6200!important;
        width:100%!important;
        height:104px!important;
        margin-top:0!important;
        display:flex!important;
        align-items:center!important;
        background:linear-gradient(180deg,#020915 0%,#010712 100%)!important;
        border-bottom:1px solid rgba(31,78,139,.24)!important;
        box-shadow:none!important;
    }
    .hs-store-tools-inner{
        width:var(--hs-ref-edge)!important;
        height:100%!important;
        margin:0 auto!important;
        display:grid!important;
        grid-template-columns:365px minmax(0,1fr) 385px 270px!important;
        align-items:center!important;
        gap:16px!important;
    }
    .hs-tools-categories{position:relative!important;width:100%!important;height:72px!important}
    .hs-tools-categories-trigger{
        width:100%!important;height:72px!important;
        padding:0 22px!important;
        display:flex!important;align-items:center!important;gap:16px!important;
        border:2px solid transparent!important;
        border-radius:17px!important;
        color:#f6f8ff!important;
        background:linear-gradient(#08234b,#08234b) padding-box,linear-gradient(120deg,#16dcff,#9b39ff) border-box!important;
        box-shadow:inset 0 0 30px rgba(0,128,255,.12),0 0 20px rgba(52,79,255,.09)!important;
    }
    .hs-tools-categories-trigger>i:first-child{
        width:44px!important;height:44px!important;flex:0 0 44px!important;
        display:grid!important;place-items:center!important;
        border:1px solid rgba(60,132,220,.20)!important;
        border-radius:12px!important;
        background:rgba(32,111,196,.11)!important;
        color:#e8f5ff!important;
        font-size:25px!important;
    }
    .hs-tools-categories-trigger .category-link-copy{display:flex!important;flex:1 1 auto!important;align-items:center!important}
    .hs-tools-categories-trigger .category-link-copy strong{font-size:14px!important;font-weight:850!important;color:#f6f9ff!important}
    .hs-tools-categories-trigger .category-chevron{margin-left:auto!important;color:#a9bad7!important;font-size:13px!important}
    .hs-tools-categories .all-categories-mega{top:calc(100% + 12px)!important;left:0!important;right:auto!important;width:min(980px,calc(100vw - 56px))!important;z-index:7600!important}

    .hs-reference-search{position:relative!important;width:100%!important;min-width:0!important;margin:0!important;display:block!important}
    .hs-reference-search .header-search-form{
        width:100%!important;max-width:none!important;height:72px!important;
        border:1px solid rgba(49,104,177,.60)!important;
        border-radius:17px!important;
        overflow:hidden!important;
        background:linear-gradient(145deg,#071a39,#020b1f)!important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
    }
    .hs-reference-search .header-search-form:focus-within{border-color:rgba(32,190,255,.80)!important;box-shadow:0 0 0 3px rgba(16,146,255,.08)!important}
    .hs-reference-search .header-search-icon{left:26px!important;color:#8aa4cb!important;font-size:22px!important}
    .hs-reference-search .header-search-form input{
        height:100%!important;
        padding:0 132px 0 68px!important;
        color:#eef5ff!important;
        font-size:14px!important;
        font-weight:600!important;
    }
    .hs-reference-search .header-search-form input::placeholder{color:#7c8eaf!important;opacity:1!important}
    .hs-reference-search .search-typewriter{display:none!important}
    .hs-reference-search .header-search-form button{
        position:absolute!important;
        top:0!important;right:0!important;bottom:0!important;
        width:118px!important;height:100%!important;
        padding:0!important;
        display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;
        border:0!important;border-radius:16px!important;
        color:#fff!important;
        background:linear-gradient(135deg,#078dff,#1cc8ff)!important;
        box-shadow:-12px 0 28px rgba(0,137,255,.14)!important;
        font-size:15px!important;font-weight:850!important;
    }
    .hs-reference-search .header-search-form button i{display:none!important}
    .hs-reference-search .header-search-form button span{display:inline!important}
    .hs-reference-search .live-search-dropdown{top:calc(100% + 10px)!important;z-index:7650!important}

    .hs-tools-delivery,.hs-tools-campaigns{
        position:relative!important;
        min-width:0!important;
        height:72px!important;min-height:72px!important;
        padding:8px 18px!important;
        display:flex!important;align-items:center!important;gap:14px!important;
        overflow:hidden!important;
        border-radius:17px!important;
        text-decoration:none!important;
    }
    .hs-tools-delivery{
        border:1px solid rgba(203,43,255,.62)!important;
        color:#fff!important;
        background:radial-gradient(circle at 15% 50%,rgba(220,32,255,.22),transparent 40%),linear-gradient(135deg,#3a0758,#130928)!important;
        box-shadow:inset 0 0 24px rgba(211,36,255,.08),0 8px 24px rgba(0,0,0,.18)!important;
    }
    .hs-tools-delivery .delivery-center-header-icon{
        width:50px!important;height:50px!important;flex:0 0 50px!important;
        display:grid!important;place-items:center!important;
        border:1px solid rgba(241,77,255,.44)!important;
        border-radius:50%!important;
        color:#ff62e8!important;background:rgba(221,31,255,.12)!important;font-size:22px!important;
    }
    .hs-tools-delivery .delivery-center-header-copy{min-width:0!important}
    .hs-tools-delivery .delivery-center-header-copy strong{display:flex!important;align-items:center!important;gap:7px!important;overflow:hidden!important;color:#f7eaff!important;font-size:13px!important;font-weight:900!important;text-overflow:ellipsis!important;white-space:nowrap!important}
    .hs-tools-delivery .delivery-center-header-copy strong i{color:#ffd74f!important;font-size:12px!important}
    .hs-tools-delivery .delivery-center-header-copy small{display:block!important;margin-top:6px!important;color:#ffd238!important;font-size:10px!important;font-weight:900!important;white-space:nowrap!important}
    .hs-tools-campaigns{
        border:1px solid rgba(57,109,183,.52)!important;
        color:#f3f7ff!important;
        background:linear-gradient(145deg,#071a36,#031022)!important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 24px rgba(0,0,0,.18)!important;
    }
    .hs-tools-campaign-icon{width:48px!important;height:48px!important;flex:0 0 48px!important;display:grid!important;place-items:center!important;border-radius:50%!important;color:#ffd33f!important;background:radial-gradient(circle,rgba(255,186,28,.18),rgba(255,186,28,.04) 65%,transparent 66%)!important;font-size:22px!important;filter:drop-shadow(0 0 10px rgba(255,188,32,.28))!important}
    .hs-tools-campaign-copy{min-width:0!important;display:flex!important;flex-direction:column!important;line-height:1.1!important}
    .hs-tools-campaign-copy strong{font-size:13px!important;font-weight:850!important;color:#f6f8ff!important}
    .hs-tools-campaign-copy small{margin-top:6px!important;color:#8293b2!important;font-size:10px!important;font-weight:600!important}
    .hs-tools-action-arrow{margin-left:auto!important;color:#8ea2c2!important;font-size:12px!important}
    .hs-tools-delivery:hover,.hs-tools-campaigns:hover{transform:translateY(-2px)!important;filter:brightness(1.06)!important}

    /* ---------------- Oyun / hızlı servis kartları ---------------- */
    .category-bar{
        position:relative!important;
        inset:auto!important;
        z-index:6100!important;
        width:100%!important;
        height:188px!important;
        margin:0!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        visibility:visible!important;
        opacity:1!important;
        overflow:visible!important;
        background:linear-gradient(180deg,#07101f 0%,#050d1a 100%)!important;
        border-top:1px solid rgba(32,77,135,.22)!important;
        border-bottom:1px solid rgba(27,66,119,.22)!important;
        box-shadow:0 18px 42px rgba(0,0,0,.16)!important;
        backdrop-filter:none!important;
        -webkit-backdrop-filter:none!important;
    }
    .category-bar-container{
        width:var(--hs-ref-edge)!important;
        max-width:none!important;
        height:100%!important;
        margin:0 auto!important;
        padding:13px 0!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
        gap:12px!important;
        overflow:visible!important;
    }
    .category-bar-container>.hs-edge-fx{display:none!important}

    .category-bar-home{
        width:148px!important;min-width:148px!important;height:160px!important;
        padding:0!important;
        display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;
        border:2px solid transparent!important;
        border-radius:20px!important;
        color:#eff9ff!important;
        background:linear-gradient(145deg,#0b65c8,#1284ef) padding-box,linear-gradient(135deg,#1be3ff,#a43dff) border-box!important;
        box-shadow:inset 0 0 30px rgba(0,197,255,.10),0 8px 26px rgba(0,0,0,.18)!important;
    }
    .category-bar-home>i{
        width:46px!important;height:46px!important;flex:0 0 46px!important;
        display:grid!important;place-items:center!important;
        border:1px solid rgba(255,255,255,.10)!important;
        border-radius:13px!important;
        color:#ffe578!important;
        background:rgba(255,255,255,.08)!important;
        font-size:20px!important;
        filter:drop-shadow(0 0 12px rgba(24,197,255,.34))!important;
    }
    .category-bar-home .category-link-copy{display:flex!important;flex-direction:column!important;align-items:center!important}
    .category-bar-home .category-link-copy strong{font-size:14px!important;font-weight:850!important;color:#f8fbff!important}
    .category-bar-home .category-link-copy small{display:none!important}

    .hs-showcase-category{
        flex:1 1 0!important;
        min-width:150px!important;
        max-width:210px!important;
        height:160px!important;
    }
    .hs-category-showcase-link{
        --hs-cat-rgb:44,147,255;
        position:relative!important;
        width:100%!important;height:160px!important;
        padding:0 34px 15px 14px!important;
        display:flex!important;align-items:flex-end!important;gap:8px!important;
        overflow:hidden!important;
        border:1px solid rgba(var(--hs-cat-rgb),.76)!important;
        border-radius:19px!important;
        color:#fff!important;
        background:linear-gradient(145deg,#07162e,#030b19)!important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 24px rgba(0,0,0,.20)!important;
        isolation:isolate!important;
    }
    .hs-showcase-category[data-tone="red"] .hs-category-showcase-link{--hs-cat-rgb:245,36,77!important}
    .hs-showcase-category[data-tone="gold"] .hs-category-showcase-link{--hs-cat-rgb:235,182,54!important}
    .hs-showcase-category[data-tone="amber"] .hs-category-showcase-link{--hs-cat-rgb:255,174,33!important}
    .hs-showcase-category[data-tone="blue"] .hs-category-showcase-link{--hs-cat-rgb:0,166,255!important}
    .hs-showcase-category[data-tone="cyan"] .hs-category-showcase-link{--hs-cat-rgb:0,196,255!important}
    .hs-category-showcase-link::before{content:""!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;background:linear-gradient(0deg,rgba(2,7,16,.84) 0%,rgba(2,8,18,.12) 58%,transparent 100%)!important}
    .hs-category-art{position:absolute!important;z-index:-1!important;inset:0!important;width:100%!important;overflow:hidden!important}
    .hs-category-art img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;opacity:.88!important;filter:saturate(1.10) contrast(1.05)!important;transform:scale(1.02)!important;transition:transform .35s ease,filter .35s ease,opacity .35s ease!important}
    .hs-category-card-shade{position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;background:linear-gradient(0deg,rgba(2,7,16,.82) 0%,transparent 64%),linear-gradient(90deg,rgba(3,9,20,.22),transparent 78%)!important}
    .hs-category-card-icon{display:none!important}
    .hs-category-showcase-link .category-link-copy{position:relative!important;z-index:2!important;min-width:0!important;display:block!important}
    .hs-category-showcase-link .category-link-copy strong{display:block!important;overflow:hidden!important;color:#f8fbff!important;font-size:14px!important;font-weight:850!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-shadow:0 3px 12px rgba(0,0,0,.80)!important}
    .hs-category-showcase-link .category-chevron{position:absolute!important;z-index:2!important;right:14px!important;bottom:18px!important;margin:0!important;color:rgba(255,255,255,.82)!important;font-size:12px!important;transform:none!important}
    .hs-showcase-category:hover .hs-category-showcase-link{transform:translateY(-3px)!important;border-color:rgba(var(--hs-cat-rgb),.95)!important;box-shadow:0 14px 36px rgba(var(--hs-cat-rgb),.12)!important}
    .hs-showcase-category:hover .hs-category-art img{transform:scale(1.07)!important;filter:saturate(1.17) contrast(1.07)!important;opacity:.95!important}

    .category-bar .account-nav-actions{
        margin:0 0 0 4px!important;
        padding:0!important;
        display:flex!important;
        align-items:center!important;
        gap:12px!important;
        flex:0 0 auto!important;
    }
    .category-bar .account-nav-action{
        position:relative!important;
        width:145px!important;min-width:145px!important;height:160px!important;
        padding:16px!important;
        display:flex!important;align-items:flex-start!important;flex-direction:column!important;justify-content:flex-end!important;gap:8px!important;
        overflow:hidden!important;
        border-radius:19px!important;
        background:linear-gradient(145deg,#101426,#090e1c)!important;
    }
    .category-bar .account-nav-action .account-nav-icon{
        position:absolute!important;left:15px!important;top:15px!important;
        width:48px!important;height:48px!important;flex:0 0 48px!important;
        display:grid!important;place-items:center!important;
        border-radius:13px!important;
        font-size:20px!important;
    }
    .category-bar .account-nav-action .account-nav-copy{width:100%!important;position:relative!important;z-index:2!important;display:flex!important;flex-direction:column!important;line-height:1.1!important}
    .category-bar .account-nav-action strong{display:block!important;overflow:hidden!important;color:#f7f9ff!important;font-size:13px!important;font-weight:850!important;text-overflow:ellipsis!important;white-space:nowrap!important}
    .category-bar .account-nav-action .account-nav-copy>span{display:none!important}
    .category-bar .account-nav-action .account-nav-arrow{display:none!important}
    .account-nav-games{border:1px solid rgba(126,57,188,.34)!important;background:radial-gradient(circle at 24% 18%,rgba(129,42,255,.13),transparent 42%),linear-gradient(145deg,#101426,#090e1c)!important}
    .account-nav-games .account-nav-icon{color:#d258ff!important;background:rgba(139,42,255,.12)!important;border:1px solid rgba(177,59,255,.34)!important}
    .account-nav-rewards{border:1px solid rgba(121,54,190,.34)!important;background:radial-gradient(circle at 24% 18%,rgba(142,43,255,.13),transparent 42%),linear-gradient(145deg,#101426,#090e1c)!important}
    .account-nav-rewards .account-nav-icon{color:#c158ff!important;background:rgba(138,43,226,.12)!important;border:1px solid rgba(185,84,255,.32)!important}
    .account-nav-sell{border:1px solid rgba(21,132,115,.36)!important;background:radial-gradient(circle at 24% 18%,rgba(20,218,145,.12),transparent 42%),linear-gradient(145deg,#0b191d,#08121b)!important}
    .account-nav-sell .account-nav-icon{color:#1de7b3!important;background:rgba(24,224,154,.11)!important;border:1px solid rgba(37,238,173,.30)!important}
    .account-nav-buy{border:1px solid rgba(126,55,173,.36)!important;background:radial-gradient(circle at 24% 18%,rgba(202,42,255,.11),transparent 42%),linear-gradient(145deg,#111322,#090e1b)!important}
    .account-nav-buy .account-nav-icon{color:#ec61ff!important;background:rgba(208,49,255,.11)!important;border:1px solid rgba(227,83,255,.30)!important}
    .category-bar .account-nav-action:hover{transform:translateY(-3px)!important;filter:brightness(1.07)!important}

    /* Katmanlar */
    .header-user-dropdown,.hs-notification-panel,.live-search-dropdown{z-index:7800!important}
    .side-menu{z-index:8200!important}
    .menu-overlay{z-index:8100!important}
    .main-content,.hs-page-home .main-content,body.hs-home-upcoming-embedded .main-content{padding-top:0!important}
}

/* 1280–1599: aynı tasarım, yalnızca ölçüler sıkışır. */
@media (min-width:901px) and (max-width:1699px){
    :root{--hs-ref-edge:min(1540px,calc(100vw - 36px))}
    .hs-reference-trust-strip{height:76px!important;margin-top:16px!important}
    .hs-reference-trust-inner{padding-inline:12px!important}
    .hs-reference-trust-item{padding-inline:14px!important;gap:10px!important}
    .hs-reference-trust-icon{width:36px!important;height:36px!important;flex-basis:36px!important;font-size:20px!important}
    .hs-reference-trust-copy strong{font-size:11px!important}
    .hs-reference-trust-copy small{font-size:8.5px!important}

    .header,body.hs-home-upcoming-embedded .header{height:150px!important;margin-top:10px!important;border-radius:18px!important}
    .header-container,body.hs-home-upcoming-embedded .header-container{grid-template-columns:clamp(250px,18vw,305px) minmax(0,1fr) auto!important;gap:10px!important;padding-inline:12px!important}
    .header .hs-logo-image-only{height:120px!important}
    .header .hs-logo-image-only .logo-img,body.hs-home-upcoming-embedded .logo-img{max-height:110px!important}
    .hs-header-promises{gap:8px!important}
    .hs-header-promise{height:104px!important;padding:12px 20px 12px 10px!important;grid-template-columns:44px minmax(0,1fr)!important;gap:8px!important;border-radius:14px!important}
    .hs-header-promise-icon{width:44px!important;height:44px!important;flex-basis:44px!important;font-size:19px!important}
    .hs-header-promise-copy strong{font-size:9.5px!important}
    .hs-header-promise-copy small{font-size:8px!important;margin-top:5px!important}
    .hs-header-promise-arrow{right:8px!important;font-size:10px!important}
    .header-actions{gap:6px!important}
    .header-actions .hs-notification-trigger{width:44px!important;height:44px!important;border-radius:12px!important}
    .header-user,.hs-guest-account-card{width:165px!important;min-width:165px!important;height:60px!important;min-height:60px!important;padding:7px 9px!important;gap:8px!important;border-radius:13px!important}
    .hs-account-icon{width:38px!important;height:38px!important;flex-basis:38px!important;font-size:16px!important}
    .header-user-name,.hs-guest-account-copy strong{font-size:12px!important}
    .header-user-balance,.hs-guest-account-copy small{max-width:92px!important;font-size:8px!important}
    .cart-btn{width:112px!important;min-width:112px!important;height:60px!important;padding:7px 8px!important;gap:7px!important;border-radius:13px!important}
    .hs-cart-icon{width:30px!important;height:30px!important;flex-basis:30px!important;font-size:18px!important}
    .hs-cart-copy strong{font-size:11px!important}.hs-cart-copy small{font-size:8px!important}

    .hs-store-tools{height:92px!important}
    .hs-store-tools-inner{grid-template-columns:255px minmax(0,1fr) 285px 190px!important;gap:10px!important}
    .hs-tools-categories,.hs-tools-categories-trigger,.hs-reference-search .header-search-form,.hs-tools-delivery,.hs-tools-campaigns{height:64px!important;min-height:64px!important;border-radius:14px!important}
    .hs-tools-categories-trigger{padding-inline:14px!important;gap:9px!important}
    .hs-tools-categories-trigger>i:first-child{width:38px!important;height:38px!important;flex-basis:38px!important;font-size:20px!important}
    .hs-tools-categories-trigger .category-link-copy strong{font-size:11px!important}
    .hs-reference-search .header-search-icon{left:18px!important;font-size:18px!important}
    .hs-reference-search .header-search-form input{padding-left:52px!important;padding-right:95px!important;font-size:11px!important}
    .hs-reference-search .header-search-form button{width:82px!important;font-size:12px!important}
    .hs-tools-delivery,.hs-tools-campaigns{padding-inline:10px!important;gap:8px!important}
    .hs-tools-delivery .delivery-center-header-icon{width:42px!important;height:42px!important;flex-basis:42px!important;font-size:18px!important}
    .hs-tools-delivery .delivery-center-header-copy strong{font-size:10px!important}.hs-tools-delivery .delivery-center-header-copy small{font-size:8px!important}
    .hs-tools-campaign-icon{width:40px!important;height:40px!important;flex-basis:40px!important;font-size:18px!important}.hs-tools-campaign-copy strong{font-size:10.5px!important}.hs-tools-campaign-copy small{font-size:8px!important}

    .category-bar{height:150px!important}
    .category-bar-container{padding-block:10px!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important}
    .category-bar-container::-webkit-scrollbar{display:none!important}
    .category-bar-home{width:120px!important;min-width:120px!important;height:128px!important;border-radius:16px!important}
    .category-bar-home>i{width:40px!important;height:40px!important;flex-basis:40px!important;font-size:17px!important}.category-bar-home .category-link-copy strong{font-size:12px!important}
    .hs-showcase-category{min-width:150px!important;max-width:180px!important;height:128px!important;flex:0 0 clamp(150px,11.2vw,180px)!important}
    .hs-category-showcase-link{height:128px!important;border-radius:16px!important;padding:0 29px 12px 11px!important}.hs-category-showcase-link .category-link-copy strong{font-size:11.5px!important}.hs-category-showcase-link .category-chevron{right:11px!important;bottom:15px!important;font-size:10px!important}
    .category-bar .account-nav-actions{gap:8px!important;flex:0 0 auto!important}
    .category-bar .account-nav-action{width:125px!important;min-width:125px!important;height:128px!important;padding:12px!important;border-radius:16px!important}
    .category-bar .account-nav-action .account-nav-icon{left:12px!important;top:12px!important;width:40px!important;height:40px!important;font-size:17px!important}.category-bar .account-nav-action strong{font-size:10.5px!important}
}

/* Mobil görünümü mevcut sistem yönetir; yalnızca masaüstüne eklediğimiz metni dengeleriz. */
@media (max-width:900px){
    .hs-reference-search .header-search-form button span{display:none!important}
    .hs-reference-search .header-search-form button i{display:inline-block!important}
}

/* ==========================================================================\n   V2.4 — Tek parça üst yüzey + referans görseldeki canlı araç/kategori kartları\n   ========================================================================== */
@media (min-width:901px){
    :root{
        --hs-v24-shell:#06111f;
        --hs-v24-shell-2:#040d1a;
        --hs-v24-line:rgba(35,91,157,.34);
        --hs-v24-card:#07162b;
    }

    /* Header, arama satırı ve kategori vitrini aynı zeminde devam eder. */
    body.hs-page-home{
        background:
            radial-gradient(circle at 50% -180px,rgba(0,111,255,.10),transparent 520px),
            linear-gradient(180deg,#050f1e 0%,#020913 100%)!important;
    }
    .header,
    body.hs-home-upcoming-embedded .header,
    .hs-store-tools,
    .category-bar{
        background:
            radial-gradient(circle at 18% 0,rgba(0,113,255,.055),transparent 34%),
            linear-gradient(180deg,var(--hs-v24-shell) 0%,var(--hs-v24-shell-2) 100%)!important;
    }
    .header,
    body.hs-home-upcoming-embedded .header{
        border-color:var(--hs-v24-line)!important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 34px rgba(0,0,0,.16)!important;
    }
    .header::after{opacity:.18!important}
    .hs-store-tools{
        border-top:0!important;
        border-bottom:0!important;
        box-shadow:none!important;
    }
    .category-bar{
        border-top:1px solid rgba(37,87,148,.20)!important;
        border-bottom:1px solid rgba(37,87,148,.20)!important;
        box-shadow:none!important;
    }

    /* Logonun arkasındaki ayrı/gri paneli kaldır; üst alan tek yüzey gibi görünür. */
    .header .logo.hs-logo-image-only,
    .header .hs-logo-image-only,
    .header .hs-responsive-logo{
        border:0!important;
        outline:0!important;
        border-radius:0!important;
        background:transparent!important;
        box-shadow:none!important;
    }
    .header .hs-logo-image-only::before,
    .header .hs-logo-image-only::after{content:none!important;display:none!important}

    /* Avantaj kartlarında başlıkların kırpılmasını azalt. */
    .hs-header-promise{
        grid-template-columns:52px minmax(0,1fr)!important;
        gap:10px!important;
        padding:14px 24px 14px 12px!important;
        background:
            radial-gradient(circle at 12% 50%,rgba(var(--hs-promise-rgb),.19),transparent 40%),
            linear-gradient(145deg,#071a2c,#030b18)!important;
    }
    .hs-header-promise-icon{width:52px!important;height:52px!important;flex-basis:52px!important;font-size:23px!important}
    .hs-header-promise-copy strong{font-size:12px!important;letter-spacing:-.03em!important}
    .hs-header-promise-copy small{font-size:10px!important;color:#9aacc6!important}

    /* Kategori + arama + teslimat + kampanya satırı: referanstaki gibi daha parlak. */
    .hs-tools-categories-trigger{
        background:
            linear-gradient(145deg,#0a2b59,#071c3c) padding-box,
            linear-gradient(120deg,#12dfff 0%,#297cff 52%,#a13cff 100%) border-box!important;
        box-shadow:inset 0 0 34px rgba(0,151,255,.16),0 0 25px rgba(45,93,255,.10)!important;
    }
    .hs-tools-categories-trigger>i:first-child{
        color:#f2fbff!important;
        background:linear-gradient(145deg,rgba(27,126,230,.24),rgba(21,77,151,.18))!important;
        border-color:rgba(77,165,255,.34)!important;
        box-shadow:0 0 20px rgba(24,166,255,.10)!important;
    }

    .hs-reference-search .header-search-form{
        border-color:rgba(39,116,210,.72)!important;
        background:
            radial-gradient(circle at 8% 50%,rgba(17,112,224,.15),transparent 34%),
            linear-gradient(145deg,#071d3d 0%,#030d22 100%)!important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 -1px 0 rgba(0,196,255,.10),0 8px 25px rgba(0,0,0,.13)!important;
    }
    .hs-reference-search .header-search-icon{
        color:#91b2df!important;
        filter:drop-shadow(0 0 8px rgba(46,167,255,.20))!important;
    }
    .hs-reference-search .header-search-form input::placeholder{color:#8da0c0!important}
    .hs-reference-search .header-search-form button{
        background:linear-gradient(135deg,#078fff 0%,#20c7ff 100%)!important;
        box-shadow:-10px 0 28px rgba(0,149,255,.18),0 0 22px rgba(17,185,255,.13)!important;
    }

    .hs-tools-delivery{
        border-color:rgba(223,55,255,.80)!important;
        background:
            radial-gradient(circle at 16% 50%,rgba(235,51,255,.30),transparent 43%),
            linear-gradient(135deg,#4a086b 0%,#220537 100%)!important;
        box-shadow:inset 0 0 30px rgba(221,44,255,.12),0 0 24px rgba(196,33,255,.10)!important;
    }
    .hs-tools-delivery .delivery-center-header-icon{
        color:#ff6be8!important;
        background:radial-gradient(circle,rgba(237,55,255,.24),rgba(184,25,219,.10) 68%)!important;
        box-shadow:0 0 20px rgba(235,54,255,.16)!important;
    }
    .hs-tools-delivery .delivery-center-header-copy strong{color:#fff3ff!important}
    .hs-tools-delivery .delivery-center-header-copy small{color:#ffe037!important;text-shadow:0 0 10px rgba(255,210,45,.15)!important}

    .hs-tools-campaigns{
        border-color:rgba(45,116,205,.72)!important;
        background:
            radial-gradient(circle at 17% 50%,rgba(255,190,35,.10),transparent 35%),
            radial-gradient(circle at 0 0,rgba(27,119,255,.13),transparent 42%),
            linear-gradient(145deg,#0a2142 0%,#041226 100%)!important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 24px rgba(0,0,0,.16)!important;
    }
    .hs-tools-campaign-icon{
        color:#ffd23f!important;
        background:radial-gradient(circle,rgba(255,199,42,.24),rgba(255,177,25,.06) 68%,transparent 70%)!important;
        filter:drop-shadow(0 0 14px rgba(255,190,36,.35))!important;
    }
    .hs-tools-campaign-copy strong{color:#fbfdff!important}
    .hs-tools-campaign-copy small{color:#97a9c5!important}

    /* Alt hızlı işlem kartlarını sönük siyah kutular yerine renkli cam kartlara yaklaştır. */
    .category-bar .account-nav-action{
        border-width:1px!important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 24px rgba(0,0,0,.16)!important;
    }
    .category-bar .account-nav-action .account-nav-icon{
        box-shadow:0 0 22px rgba(153,62,255,.10)!important;
    }
    .category-bar .account-nav-action strong{
        color:#fbfdff!important;
        text-shadow:0 2px 10px rgba(0,0,0,.30)!important;
    }
    .account-nav-games{
        border-color:rgba(152,70,222,.52)!important;
        background:
            radial-gradient(circle at 25% 20%,rgba(150,51,255,.22),transparent 46%),
            linear-gradient(145deg,#151631,#090f20)!important;
    }
    .account-nav-games .account-nav-icon{
        color:#dd66ff!important;
        background:rgba(159,45,255,.18)!important;
        border-color:rgba(206,83,255,.46)!important;
        box-shadow:0 0 20px rgba(183,56,255,.17)!important;
    }
    .account-nav-rewards{
        border-color:rgba(144,66,218,.52)!important;
        background:
            radial-gradient(circle at 25% 20%,rgba(166,50,255,.22),transparent 46%),
            linear-gradient(145deg,#15152f,#090f20)!important;
    }
    .account-nav-rewards .account-nav-icon{
        color:#d960ff!important;
        background:rgba(154,42,238,.18)!important;
        border-color:rgba(200,84,255,.44)!important;
        box-shadow:0 0 20px rgba(180,58,255,.16)!important;
    }
    .account-nav-sell{
        border-color:rgba(20,173,145,.52)!important;
        background:
            radial-gradient(circle at 25% 20%,rgba(18,221,166,.19),transparent 46%),
            linear-gradient(145deg,#0a2428,#07141e)!important;
    }
    .account-nav-sell .account-nav-icon{
        color:#20efbd!important;
        background:rgba(16,213,158,.16)!important;
        border-color:rgba(46,239,185,.42)!important;
        box-shadow:0 0 20px rgba(31,224,174,.15)!important;
    }
    .account-nav-buy{
        border-color:rgba(174,66,216,.52)!important;
        background:
            radial-gradient(circle at 25% 20%,rgba(218,53,255,.19),transparent 46%),
            linear-gradient(145deg,#18142c,#0a0e1e)!important;
    }
    .account-nav-buy .account-nav-icon{
        color:#f06bff!important;
        background:rgba(220,51,255,.16)!important;
        border-color:rgba(236,91,255,.42)!important;
        box-shadow:0 0 20px rgba(221,62,255,.15)!important;
    }
}

@media (min-width:901px) and (max-width:1699px){
    .hs-header-promise{grid-template-columns:46px minmax(0,1fr)!important;padding:12px 18px 12px 10px!important;gap:8px!important}
    .hs-header-promise-icon{width:46px!important;height:46px!important;flex-basis:46px!important;font-size:20px!important}
    .hs-header-promise-copy strong{font-size:10px!important}
    .hs-header-promise-copy small{font-size:8.5px!important}
}

/* ==========================================================================
   V2.5 — Hızlı işlem kartlarını daha canlı, derinlikli ve okunaklı hale getir
   ========================================================================== */
@media (min-width:901px){
    .category-bar .account-nav-actions{
        gap:10px!important;
    }

    .category-bar .account-nav-action{
        --hs-quick-rgb:171,72,255;
        isolation:isolate!important;
        justify-content:flex-end!important;
        padding:15px!important;
        border:1px solid rgba(var(--hs-quick-rgb),.46)!important;
        background:
            radial-gradient(circle at 22% 17%,rgba(var(--hs-quick-rgb),.24),transparent 32%),
            radial-gradient(circle at 88% 78%,rgba(var(--hs-quick-rgb),.10),transparent 40%),
            linear-gradient(145deg,#11172a 0%,#090f20 56%,#070c18 100%)!important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.055),
            inset 0 -1px 0 rgba(var(--hs-quick-rgb),.10),
            0 10px 28px rgba(0,0,0,.22),
            0 0 26px rgba(var(--hs-quick-rgb),.055)!important;
        transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,filter .22s ease!important;
    }

    /* Büyük yumuşak neon küre */
    .category-bar .account-nav-action::before{
        content:""!important;
        position:absolute!important;
        z-index:0!important;
        top:-58px!important;
        right:-52px!important;
        width:150px!important;
        height:150px!important;
        border-radius:50%!important;
        background:radial-gradient(circle,rgba(var(--hs-quick-rgb),.18) 0%,rgba(var(--hs-quick-rgb),.07) 42%,transparent 70%)!important;
        filter:blur(1px)!important;
        pointer-events:none!important;
    }

    /* Alt bölümde cam/neon vurgusu */
    .category-bar .account-nav-action::after{
        content:""!important;
        position:absolute!important;
        z-index:0!important;
        left:11px!important;
        right:11px!important;
        bottom:0!important;
        height:52px!important;
        border-radius:14px 14px 0 0!important;
        background:linear-gradient(180deg,transparent 0%,rgba(var(--hs-quick-rgb),.035) 42%,rgba(var(--hs-quick-rgb),.09) 100%)!important;
        pointer-events:none!important;
    }

    .category-bar .account-nav-action .account-nav-icon{
        z-index:2!important;
        color:rgb(var(--hs-quick-rgb))!important;
        border:1px solid rgba(var(--hs-quick-rgb),.56)!important;
        background:
            linear-gradient(145deg,rgba(var(--hs-quick-rgb),.24),rgba(var(--hs-quick-rgb),.09))!important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.11),
            0 0 22px rgba(var(--hs-quick-rgb),.18)!important;
        text-shadow:0 0 14px rgba(var(--hs-quick-rgb),.55)!important;
    }

    .category-bar .account-nav-action .account-nav-copy{
        z-index:2!important;
        gap:5px!important;
        padding-right:28px!important;
    }
    .category-bar .account-nav-action strong{
        color:#fff!important;
        text-shadow:0 2px 12px rgba(0,0,0,.40)!important;
    }
    .category-bar .account-nav-action .account-nav-copy>span{
        display:block!important;
        overflow:hidden!important;
        color:#879ab8!important;
        font-size:9px!important;
        font-weight:650!important;
        line-height:1.25!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
    }
    .category-bar .account-nav-action .account-nav-arrow{
        position:absolute!important;
        z-index:3!important;
        right:12px!important;
        bottom:12px!important;
        width:24px!important;
        height:24px!important;
        display:grid!important;
        place-items:center!important;
        border:1px solid rgba(var(--hs-quick-rgb),.30)!important;
        border-radius:50%!important;
        color:rgba(255,255,255,.90)!important;
        background:rgba(var(--hs-quick-rgb),.12)!important;
        box-shadow:0 0 14px rgba(var(--hs-quick-rgb),.08)!important;
        font-size:8px!important;
        transform:translateX(0)!important;
        transition:transform .22s ease,background .22s ease,box-shadow .22s ease!important;
    }

    .category-bar .account-nav-action:hover{
        transform:translateY(-5px)!important;
        border-color:rgba(var(--hs-quick-rgb),.78)!important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.08),
            0 16px 34px rgba(0,0,0,.30),
            0 0 30px rgba(var(--hs-quick-rgb),.13)!important;
        filter:brightness(1.08) saturate(1.08)!important;
    }
    .category-bar .account-nav-action:hover .account-nav-icon{
        box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 28px rgba(var(--hs-quick-rgb),.28)!important;
    }
    .category-bar .account-nav-action:hover .account-nav-arrow{
        transform:translateX(2px)!important;
        background:rgba(var(--hs-quick-rgb),.23)!important;
        box-shadow:0 0 18px rgba(var(--hs-quick-rgb),.18)!important;
    }

    .account-nav-games{--hs-quick-rgb:201,77,255!important}
    .account-nav-rewards{--hs-quick-rgb:184,70,255!important}
    .account-nav-sell{--hs-quick-rgb:26,225,181!important}
    .account-nav-buy{--hs-quick-rgb:227,83,255!important}
}

@media (min-width:901px) and (max-width:1699px){
    .category-bar .account-nav-action{
        padding:11px!important;
    }
    .category-bar .account-nav-action .account-nav-copy{
        gap:3px!important;
        padding-right:20px!important;
    }
    .category-bar .account-nav-action .account-nav-copy>span{
        font-size:7.5px!important;
    }
    .category-bar .account-nav-action .account-nav-arrow{
        right:9px!important;
        bottom:9px!important;
        width:20px!important;
        height:20px!important;
        font-size:7px!important;
    }
    .category-bar .account-nav-action::before{
        top:-72px!important;
        right:-62px!important;
    }
    .category-bar .account-nav-action::after{
        left:8px!important;
        right:8px!important;
        height:44px!important;
    }
}

/* =========================================================
   V4.2 — Üst boşluk / tek parça mavi header / tam ekran hizalama
   2026-09-11 kullanıcı ekran görüntüsü düzeltmeleri
   ========================================================= */
@media (min-width:901px){
    :root{
        --hs-ref-edge:calc(100vw - 32px)!important;
    }

    /* En üstte görünen siyah boşluk/çizgiyi kaldır. */
    html,body{margin-top:0!important;padding-top:0!important}
    .hs-reference-trust-strip{
        margin-top:0!important;
        border-top-left-radius:0!important;
        border-top-right-radius:0!important;
    }

    /* Logo -> Sepetim alanını tek parça, aynı mavi yüzey yap. */
    .header,
    body.hs-home-upcoming-embedded .header{
        width:var(--hs-ref-edge)!important;
        height:172px!important;
        margin:12px auto 0!important;
        overflow:visible!important;
        border:1px solid rgba(27,82,146,.52)!important;
        border-radius:22px!important;
        background:linear-gradient(180deg,#0a1a31 0%,#071426 52%,#06111f 100%)!important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 38px rgba(0,0,0,.22)!important;
    }
    .header::before,
    .header::after{
        content:none!important;
        display:none!important;
        background:none!important;
    }

    .header-container,
    body.hs-home-upcoming-embedded .header-container{
        width:100%!important;
        max-width:none!important;
        height:100%!important;
        margin:0!important;
        padding:0 20px!important;
        display:grid!important;
        grid-template-columns:clamp(250px,17.5vw,345px) minmax(0,1fr) auto!important;
        align-items:center!important;
        gap:12px!important;
        overflow:visible!important;
    }

    /* Logonun arkasındaki ayrı mavi kutuyu tamamen kaldır. */
    .header .logo,
    .header .hs-logo-image-only,
    .header .hs-responsive-logo,
    body.hs-home-upcoming-embedded .header .logo,
    body.hs-home-upcoming-embedded .header .hs-logo-image-only{
        background:transparent!important;
        background-image:none!important;
        border:0!important;
        outline:0!important;
        box-shadow:none!important;
        border-radius:0!important;
    }
    .header .hs-logo-image-only{
        width:100%!important;
        height:136px!important;
        padding:0 8px!important;
        justify-content:flex-start!important;
        overflow:visible!important;
    }
    .header .hs-logo-image-only .logo-img,
    body.hs-home-upcoming-embedded .logo-img{
        max-width:100%!important;
        max-height:120px!important;
        filter:drop-shadow(0 9px 19px rgba(0,111,255,.28))!important;
    }

    /* Dört avantaj kartını taşmadan alan içine sıkıştır. */
    .hs-header-promises{
        min-width:0!important;
        width:100%!important;
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        gap:10px!important;
    }
    .hs-header-promise{
        height:118px!important;
        padding:14px 24px 14px 12px!important;
        grid-template-columns:52px minmax(0,1fr)!important;
        gap:10px!important;
    }
    .hs-header-promise-icon{
        width:52px!important;
        height:52px!important;
        flex-basis:52px!important;
        font-size:23px!important;
    }
    .hs-header-promise-copy strong{
        font-size:clamp(10px,.68vw,13px)!important;
    }
    .hs-header-promise-copy small{
        font-size:clamp(8px,.55vw,10.5px)!important;
    }

    /* Hesabım + Sepetim de aynı satırda, ekrana tam sığsın. */
    .header-actions{
        min-width:0!important;
        gap:8px!important;
        flex-wrap:nowrap!important;
    }
    .header-actions .hs-notification-trigger{
        width:50px!important;
        height:50px!important;
        border-radius:14px!important;
    }
    .header-user,
    .hs-guest-account-card{
        width:190px!important;
        min-width:190px!important;
        height:68px!important;
        min-height:68px!important;
        padding:8px 12px!important;
    }
    .hs-account-icon{
        width:44px!important;
        height:44px!important;
        flex-basis:44px!important;
    }
    .cart-btn{
        width:145px!important;
        min-width:145px!important;
        height:68px!important;
        padding:8px 12px!important;
    }
    .hs-cart-icon{
        width:38px!important;
        height:38px!important;
        flex-basis:38px!important;
        font-size:22px!important;
    }

    /* Header yüzeyinin tamamında tek renk hissi: ayrı gölgeli bloklar yok. */
    .header-container::before,
    .header-container::after{
        content:none!important;
        display:none!important;
    }
}

@media (min-width:901px) and (max-width:1400px){
    :root{--hs-ref-edge:calc(100vw - 20px)!important}
    .header-container,
    body.hs-home-upcoming-embedded .header-container{
        padding:0 12px!important;
        grid-template-columns:clamp(205px,18vw,250px) minmax(0,1fr) auto!important;
        gap:8px!important;
    }
    .hs-header-promises{gap:7px!important}
    .hs-header-promise{
        padding:12px 20px 12px 9px!important;
        grid-template-columns:44px minmax(0,1fr)!important;
        gap:7px!important;
    }
    .hs-header-promise-icon{width:44px!important;height:44px!important;flex-basis:44px!important;font-size:20px!important}
    .header-actions{gap:6px!important}
    .header-actions .hs-notification-trigger{width:46px!important;height:46px!important}
    .header-user,.hs-guest-account-card{width:172px!important;min-width:172px!important;padding:7px 9px!important}
    .cart-btn{width:132px!important;min-width:132px!important;padding:7px 9px!important}
    .header-user-name,.hs-guest-account-copy strong,.hs-cart-copy strong{font-size:13px!important}
}

/* =========================================================
   V4.3 — Header arka planını gerçekten tek yüzey yap
   İçte kalan eski .header-container panelini tamamen kaldırır.
   ========================================================= */
@media (min-width:901px){
    .header,
    body.hs-home-upcoming-embedded .header{
        background:#08172b!important;
        background-image:none!important;
    }

    .header > .header-container,
    body.hs-home-upcoming-embedded .header > .header-container,
    .header-container{
        background:transparent!important;
        background-color:transparent!important;
        background-image:none!important;
        border:0!important;
        outline:0!important;
        border-radius:0!important;
        box-shadow:none!important;
        backdrop-filter:none!important;
        -webkit-backdrop-filter:none!important;
    }

    .header > .header-container::before,
    .header > .header-container::after,
    body.hs-home-upcoming-embedded .header > .header-container::before,
    body.hs-home-upcoming-embedded .header > .header-container::after{
        content:none!important;
        display:none!important;
        background:none!important;
        border:0!important;
        box-shadow:none!important;
    }
}

/* =========================================================
   V4.4 — Tüm Kategoriler mega menüsü
   Daha geniş, daha okunur, mouse ile menüye geçişte kapanmayan düzen.
   ========================================================= */
@media (min-width:901px){
    .hs-tools-categories{
        isolation:isolate!important;
    }

    /* Trigger ile dropdown arasındaki boşluğu hover köprüsüne çevir. */
    .hs-tools-categories::after{
        content:""!important;
        position:absolute!important;
        left:0!important;
        right:0!important;
        top:100%!important;
        height:18px!important;
        display:block!important;
        pointer-events:auto!important;
        background:transparent!important;
        z-index:7599!important;
    }

    .hs-tools-categories .all-categories-mega{
        top:calc(100% + 8px)!important;
        width:min(1420px,calc(100vw - 36px))!important;
        max-width:none!important;
        max-height:min(74vh,720px)!important;
        padding:16px!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
        border:1px solid rgba(50,198,255,.18)!important;
        border-radius:20px!important;
        background:
            radial-gradient(circle at 8% 0%,rgba(16,211,255,.10),transparent 28%),
            radial-gradient(circle at 88% 12%,rgba(143,60,255,.10),transparent 30%),
            linear-gradient(145deg,rgba(7,20,40,.995),rgba(7,10,24,.995))!important;
        box-shadow:0 30px 90px rgba(0,0,0,.62),0 0 48px rgba(25,153,255,.08),inset 0 1px 0 rgba(255,255,255,.04)!important;
        scrollbar-width:thin!important;
        scrollbar-color:rgba(50,198,255,.35) transparent!important;
    }

    .hs-tools-categories .all-categories-mega::-webkit-scrollbar{width:8px!important}
    .hs-tools-categories .all-categories-mega::-webkit-scrollbar-track{background:transparent!important}
    .hs-tools-categories .all-categories-mega::-webkit-scrollbar-thumb{
        background:linear-gradient(180deg,rgba(28,205,255,.45),rgba(142,64,255,.42))!important;
        border-radius:999px!important;
    }

    /* JS menüyü açık tuttuğunda CSS hover kaybolsa bile dropdown kapanmasın. */
    .hs-tools-categories.is-mega-open > .all-categories-mega,
    .category-nav-item.is-mega-open > .all-categories-mega,
    .category-nav-item.is-mega-open > .category-mega{
        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;
        transform:translateY(0) scale(1)!important;
    }

    .all-categories-mega-head{
        position:sticky!important;
        top:-16px!important;
        z-index:3!important;
        min-height:68px!important;
        margin:-16px -16px 14px!important;
        padding:16px 18px 13px!important;
        background:linear-gradient(180deg,rgba(7,18,36,.995),rgba(7,18,36,.95))!important;
        border-bottom:1px solid rgba(80,151,221,.15)!important;
        backdrop-filter:blur(16px)!important;
        -webkit-backdrop-filter:blur(16px)!important;
    }

    .all-categories-mega-head strong{
        font-size:19px!important;
        letter-spacing:-.02em!important;
    }

    .all-categories-mega-head small{
        color:#8293ad!important;
        font-size:11px!important;
    }

    .all-categories-mega-grid{
        display:grid!important;
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        gap:10px!important;
        align-items:start!important;
    }

    .all-category-group{
        min-width:0!important;
        padding:8px!important;
        border-radius:14px!important;
        background:linear-gradient(145deg,rgba(255,255,255,.030),rgba(255,255,255,.014))!important;
        border:1px solid rgba(90,132,190,.11)!important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
    }

    .all-category-group:hover{
        background:linear-gradient(145deg,rgba(21,195,255,.055),rgba(132,62,255,.045))!important;
        border-color:rgba(45,202,255,.20)!important;
        transform:translateY(-1px)!important;
    }

    .all-category-parent{
        min-height:48px!important;
        padding:5px 6px!important;
        gap:10px!important;
    }

    .all-category-parent-icon{
        width:36px!important;
        height:36px!important;
        flex:0 0 36px!important;
        border-radius:10px!important;
        color:#76efff!important;
        background:linear-gradient(145deg,rgba(22,211,255,.12),rgba(112,58,255,.10))!important;
        border-color:rgba(37,210,255,.15)!important;
    }

    .all-category-parent-copy strong{
        font-size:12.5px!important;
        color:#f7fbff!important;
    }

    .all-category-parent-copy small{
        font-size:9.5px!important;
        color:#71829f!important;
    }

    .all-category-child-list{
        gap:3px!important;
        padding:3px 4px 2px 6px!important;
    }

    .all-category-child-list a{
        min-height:31px!important;
        padding:3px 6px!important;
        gap:7px!important;
        border-radius:8px!important;
        color:#aab5c8!important;
        font-size:10.5px!important;
    }

    .all-category-child-list a:hover{
        color:#fff!important;
        background:rgba(34,191,255,.07)!important;
        transform:translateX(2px)!important;
    }

    .all-category-child-thumb{
        width:25px!important;
        height:25px!important;
        flex:0 0 25px!important;
        border-radius:7px!important;
    }

    .all-category-more{
        margin-top:2px!important;
        color:#b8a7ff!important;
        font-weight:800!important;
    }

    .all-categories-mega-footer{
        position:sticky!important;
        bottom:-16px!important;
        z-index:2!important;
        min-height:44px!important;
        margin:14px -16px -16px!important;
        padding:0 18px!important;
        border-radius:0 0 20px 20px!important;
        background:linear-gradient(90deg,rgba(8,27,48,.98),rgba(19,16,45,.98))!important;
        border-width:1px 0 0!important;
        border-color:rgba(80,151,221,.15)!important;
        backdrop-filter:blur(16px)!important;
        -webkit-backdrop-filter:blur(16px)!important;
    }
}

@media (min-width:1201px) and (max-width:1550px){
    .hs-tools-categories .all-categories-mega{
        width:min(1180px,calc(100vw - 28px))!important;
    }
    .all-categories-mega-grid{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
}

@media (min-width:901px) and (max-width:1200px){
    .hs-tools-categories .all-categories-mega{
        width:calc(100vw - 24px)!important;
        max-height:min(72vh,650px)!important;
    }
    .all-categories-mega-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

/* ========================================================================== 
   V5.0 — Ana sayfa kategori hover menüsü
   Tek aktif popup, daha kompakt premium görünüm ve hover niyetiyle açılış.
   ========================================================================== */
@media (min-width:992px){
    .category-bar,
    .category-bar-container{
        overflow:visible!important;
    }

    .category-bar .hs-showcase-category{
        position:relative!important;
        isolation:auto!important;
    }

    .category-bar .hs-showcase-category.is-mega-open{
        z-index:7950!important;
    }

    /* Kart ile popup arasındaki 10px boşluk artık mouse köprüsü. */
    .category-bar .hs-showcase-category.has-children::after{
        content:""!important;
        position:absolute!important;
        left:0!important;
        right:0!important;
        top:100%!important;
        height:16px!important;
        z-index:7948!important;
        pointer-events:auto!important;
        background:transparent!important;
    }

    /* Menü JS yüklenmese bile hover ile açılır; JS sadece tek menü açık kalmasını yönetir. */
    .category-bar .hs-showcase-category.has-children > .category-mega{
        display:grid!important;
        grid-template-columns:236px minmax(330px,1fr)!important;
        gap:12px!important;
        width:min(690px,calc(100vw - 32px))!important;
        min-width:0!important;
        min-height:0!important;
        padding:12px!important;
        border:1px solid rgba(76,155,239,.20)!important;
        border-radius:20px!important;
        background:
            radial-gradient(circle at 8% 8%,rgba(33,208,255,.10),transparent 28%),
            radial-gradient(circle at 92% 10%,rgba(143,73,255,.09),transparent 28%),
            linear-gradient(145deg,rgba(8,17,34,.995),rgba(7,10,23,.995))!important;
        box-shadow:0 28px 70px rgba(0,0,0,.58),0 0 36px rgba(33,166,255,.08),inset 0 1px 0 rgba(255,255,255,.035)!important;
        backdrop-filter:blur(22px) saturate(1.08)!important;
        -webkit-backdrop-filter:blur(22px) saturate(1.08)!important;
        opacity:0!important;
        visibility:hidden!important;
        pointer-events:none!important;
        transform:translateY(8px) scale(.986)!important;
        transform-origin:top left!important;
        transition:opacity .14s ease,transform .16s cubic-bezier(.2,.8,.2,1),visibility 0s linear .16s!important;
        overflow:hidden!important;
    }

    .category-bar .hs-showcase-category:hover > .category-mega,
    .category-bar .hs-showcase-category:focus-within > .category-mega,
    .category-bar .hs-showcase-category.is-mega-open > .category-mega{
        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;
        transform:translateY(0) scale(1)!important;
        transition:opacity .12s ease,transform .14s cubic-bezier(.2,.8,.2,1),visibility 0s!important;
    }

    .category-bar .hs-showcase-category > .category-mega::before{
        content:""!important;
        position:absolute!important;
        top:-6px!important;
        left:34px!important;
        width:12px!important;
        height:12px!important;
        z-index:3!important;
        transform:rotate(45deg)!important;
        background:#0a1428!important;
        border-left:1px solid rgba(76,155,239,.20)!important;
        border-top:1px solid rgba(76,155,239,.20)!important;
        border-radius:3px 0 0 0!important;
    }

    .category-mega-intro{
        position:relative!important;
        display:flex!important;
        min-width:0!important;
        min-height:262px!important;
        padding:0!important;
        overflow:hidden!important;
        border:1px solid rgba(255,255,255,.065)!important;
        border-radius:16px!important;
        background:linear-gradient(145deg,rgba(20,42,68,.92),rgba(12,19,34,.98))!important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
    }

    .category-mega-intro-art{
        position:absolute!important;
        inset:0!important;
        z-index:0!important;
        overflow:hidden!important;
    }

    .category-mega-intro-art img{
        width:100%!important;
        height:100%!important;
        object-fit:cover!important;
        object-position:center!important;
        opacity:.52!important;
        filter:saturate(1.05) contrast(1.04)!important;
        transform:scale(1.04)!important;
    }

    .category-mega-intro::after{
        content:""!important;
        position:absolute!important;
        inset:0!important;
        z-index:1!important;
        pointer-events:none!important;
        background:
            linear-gradient(180deg,rgba(5,11,24,.14) 0%,rgba(5,10,22,.58) 52%,rgba(5,9,20,.97) 100%),
            linear-gradient(90deg,rgba(6,13,28,.32),transparent 72%)!important;
    }

    .category-mega-intro-glow{
        position:absolute!important;
        left:-42px!important;
        bottom:-62px!important;
        z-index:1!important;
        width:180px!important;
        height:180px!important;
        border-radius:50%!important;
        background:radial-gradient(circle,rgba(36,205,255,.22),transparent 68%)!important;
        filter:blur(2px)!important;
        pointer-events:none!important;
    }

    .category-mega-intro-content{
        position:relative!important;
        z-index:2!important;
        display:flex!important;
        flex:1 1 auto!important;
        flex-direction:column!important;
        justify-content:space-between!important;
        min-width:0!important;
        padding:16px!important;
    }

    .category-mega-intro-topline{
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        gap:10px!important;
    }

    .category-mega-intro-icon{
        display:grid!important;
        place-items:center!important;
        width:42px!important;
        height:42px!important;
        flex:0 0 42px!important;
        margin:0!important;
        border:1px solid rgba(61,218,255,.20)!important;
        border-radius:12px!important;
        color:#73edff!important;
        font-size:17px!important;
        background:linear-gradient(145deg,rgba(28,208,255,.16),rgba(75,90,255,.09))!important;
        box-shadow:0 10px 28px rgba(0,174,255,.10),inset 0 1px 0 rgba(255,255,255,.06)!important;
    }

    .category-mega-count{
        display:inline-flex!important;
        align-items:center!important;
        min-height:28px!important;
        padding:0 10px!important;
        border:1px solid rgba(255,255,255,.08)!important;
        border-radius:999px!important;
        color:#c9d7ea!important;
        font-size:9.5px!important;
        font-weight:800!important;
        background:rgba(5,12,25,.58)!important;
        backdrop-filter:blur(10px)!important;
    }

    .category-mega-intro-copy{
        margin-top:auto!important;
        padding-top:34px!important;
    }

    .category-mega-kicker{
        display:block!important;
        margin-bottom:5px!important;
        color:#63dff7!important;
        font-size:9px!important;
        font-weight:900!important;
        letter-spacing:.08em!important;
        text-transform:uppercase!important;
    }

    .category-mega-intro h3{
        margin:0!important;
        color:#fff!important;
        font-size:23px!important;
        line-height:1.08!important;
        font-weight:900!important;
        letter-spacing:-.03em!important;
        text-shadow:0 4px 18px rgba(0,0,0,.42)!important;
    }

    .category-mega-intro p{
        max-width:205px!important;
        margin:8px 0 0!important;
        color:#afbdd0!important;
        font-size:10.5px!important;
        line-height:1.55!important;
    }

    .category-mega-all{
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        width:100%!important;
        min-height:42px!important;
        margin-top:14px!important;
        padding:0 13px!important;
        gap:10px!important;
        border:1px solid rgba(255,215,105,.20)!important;
        border-radius:11px!important;
        color:#ffe39a!important;
        font-size:10.5px!important;
        font-weight:850!important;
        background:linear-gradient(135deg,rgba(255,199,72,.12),rgba(255,255,255,.035))!important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
        transition:transform .16s ease,border-color .16s ease,background .16s ease!important;
    }

    .category-mega-all:hover{
        transform:translateY(-1px)!important;
        border-color:rgba(255,221,118,.40)!important;
        background:linear-gradient(135deg,rgba(255,199,72,.18),rgba(255,255,255,.05))!important;
    }

    .category-mega-content{
        min-width:0!important;
        max-height:340px!important;
        overflow-y:auto!important;
        padding:2px 2px 2px 0!important;
        scrollbar-width:thin!important;
        scrollbar-color:rgba(75,184,255,.28) transparent!important;
    }

    .category-mega-content::-webkit-scrollbar{width:6px!important}
    .category-mega-content::-webkit-scrollbar-track{background:transparent!important}
    .category-mega-content::-webkit-scrollbar-thumb{background:rgba(75,184,255,.26)!important;border-radius:999px!important}

    .category-mega-heading{
        position:sticky!important;
        top:0!important;
        z-index:2!important;
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        min-height:48px!important;
        margin-bottom:8px!important;
        padding:4px 8px 8px!important;
        background:linear-gradient(180deg,rgba(8,17,34,.99) 74%,rgba(8,17,34,0))!important;
    }

    .category-mega-heading>div{display:flex!important;flex-direction:column!important;gap:2px!important}
    .category-mega-heading span{color:#f6f9ff!important;font-size:12px!important;font-weight:850!important}
    .category-mega-heading small{color:#75869f!important;font-size:9px!important;font-weight:650!important}
    .category-mega-heading>i{color:#536984!important;font-size:14px!important}

    .category-mega-list{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        align-content:start!important;
        gap:8px!important;
        min-width:0!important;
        padding:0 6px 4px!important;
    }

    .category-mega-list .category-sub-link{
        position:relative!important;
        display:grid!important;
        grid-template-columns:54px minmax(0,1fr) 30px!important;
        align-items:center!important;
        min-width:0!important;
        min-height:66px!important;
        padding:7px 8px!important;
        gap:10px!important;
        border:1px solid rgba(113,139,180,.12)!important;
        border-radius:13px!important;
        color:#eaf1fb!important;
        background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.014))!important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
        transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease!important;
    }

    .category-mega-list .category-sub-link:only-child{
        grid-column:1/-1!important;
    }

    .category-mega-list .category-sub-link:hover{
        transform:translateY(-2px)!important;
        border-color:rgba(45,205,255,.30)!important;
        background:linear-gradient(145deg,rgba(28,199,255,.075),rgba(113,69,255,.045))!important;
        box-shadow:0 12px 28px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.03)!important;
    }

    .category-sub-media{
        display:grid!important;
        place-items:center!important;
        width:54px!important;
        height:52px!important;
        flex:0 0 54px!important;
        overflow:hidden!important;
        border:1px solid rgba(255,255,255,.08)!important;
        border-radius:11px!important;
        color:#71eaff!important;
        background:rgba(11,29,48,.78)!important;
    }

    .category-sub-media img{
        width:100%!important;
        height:100%!important;
        object-fit:cover!important;
        transition:transform .20s ease,filter .20s ease!important;
    }

    .category-sub-link:hover .category-sub-media img{transform:scale(1.055)!important;filter:saturate(1.08)!important}

    .category-sub-copy{
        display:flex!important;
        flex-direction:column!important;
        min-width:0!important;
        gap:3px!important;
    }

    .category-sub-copy strong{
        overflow:hidden!important;
        color:#f5f8ff!important;
        font-size:11.5px!important;
        font-weight:850!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
    }

    .category-sub-copy>span{
        overflow:hidden!important;
        color:#6f819c!important;
        font-size:9px!important;
        font-weight:650!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
    }

    .category-sub-action{
        display:grid!important;
        place-items:center!important;
        width:28px!important;
        height:28px!important;
        border:1px solid rgba(255,255,255,.08)!important;
        border-radius:9px!important;
        color:#8194af!important;
        font-size:9px!important;
        background:rgba(255,255,255,.025)!important;
        transition:color .16s ease,background .16s ease,border-color .16s ease,transform .16s ease!important;
    }

    .category-sub-link:hover .category-sub-action{
        color:#79edff!important;
        border-color:rgba(50,213,255,.18)!important;
        background:rgba(23,194,255,.08)!important;
        transform:translateX(1px)!important;
    }

    /* Eski ok selector'ı yeni markup'ta kullanılmaz. */
    .category-mega .category-sub-arrow{display:none!important}
}

/* Tablet ve mobilde hover mega menü kapalı; masaüstünde 992px ve üzeri aktiftir. */
@media (max-width:991px){
    .category-bar .hs-showcase-category > .category-mega{display:none!important}
}


/* V5.1 — Hover açılmama düzeltmesi */
@media (min-width:992px){
    .category-bar .hs-showcase-category.has-children{overflow:visible!important}
    .category-bar .hs-showcase-category.has-children:hover{z-index:7950!important}
    .category-bar .hs-showcase-category.has-children:hover > .category-mega{display:grid!important}
}


/* ========================================================================== 
   V5.2 — Tüm Kategoriler: orta boy, kompakt ve dengeli mega menü
   ========================================================================== */
@media (min-width: 992px){
    .hs-tools-categories .all-categories-mega{
        top:calc(100% + 8px)!important;
        left:0!important;
        right:auto!important;
        width:min(1060px,calc(100vw - 44px))!important;
        max-width:1060px!important;
        max-height:min(58vh,520px)!important;
        padding:12px!important;
        border-radius:17px!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
        background:
            radial-gradient(circle at 10% 0%,rgba(18,205,255,.075),transparent 27%),
            radial-gradient(circle at 90% 5%,rgba(127,74,255,.07),transparent 29%),
            linear-gradient(145deg,rgba(5,18,36,.995),rgba(7,10,24,.995))!important;
        border:1px solid rgba(63,174,238,.16)!important;
        box-shadow:0 24px 70px rgba(0,0,0,.54),0 0 34px rgba(35,151,255,.055),inset 0 1px 0 rgba(255,255,255,.035)!important;
    }

    .all-categories-mega-head{
        position:sticky!important;
        top:-12px!important;
        z-index:3!important;
        min-height:54px!important;
        margin:-12px -12px 10px!important;
        padding:11px 14px 10px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        gap:12px!important;
        background:linear-gradient(180deg,rgba(6,19,38,.995),rgba(6,17,34,.965))!important;
        border-bottom:1px solid rgba(84,145,205,.12)!important;
        backdrop-filter:blur(14px)!important;
        -webkit-backdrop-filter:blur(14px)!important;
    }

    .all-categories-eyebrow{
        font-size:9px!important;
        letter-spacing:.08em!important;
        margin-bottom:2px!important;
    }
    .all-categories-mega-head strong{
        font-size:16px!important;
        line-height:1.15!important;
        letter-spacing:-.015em!important;
    }
    .all-categories-mega-head small{
        margin-top:2px!important;
        font-size:9.5px!important;
        color:#7789a4!important;
    }
    .all-categories-page-link{
        min-height:36px!important;
        padding:0 12px!important;
        border-radius:10px!important;
        font-size:10.5px!important;
        flex:0 0 auto!important;
    }

    .all-categories-mega-grid{
        display:grid!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:8px!important;
        align-items:start!important;
    }

    .all-category-group{
        min-width:0!important;
        padding:7px!important;
        border-radius:12px!important;
        background:linear-gradient(145deg,rgba(255,255,255,.026),rgba(255,255,255,.010))!important;
        border:1px solid rgba(94,132,184,.10)!important;
        box-shadow:none!important;
        transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
    }
    .all-category-group:hover{
        transform:translateY(-1px)!important;
        border-color:rgba(41,194,245,.18)!important;
        background:linear-gradient(145deg,rgba(20,184,235,.045),rgba(105,60,220,.035))!important;
    }

    .all-category-parent{
        min-height:42px!important;
        padding:4px 5px!important;
        gap:8px!important;
    }
    .all-category-parent-icon{
        width:32px!important;
        height:32px!important;
        flex:0 0 32px!important;
        border-radius:9px!important;
        font-size:12px!important;
    }
    .all-category-parent-copy strong{
        font-size:11.5px!important;
        line-height:1.18!important;
    }
    .all-category-parent-copy small{
        margin-top:2px!important;
        font-size:8.8px!important;
        line-height:1.15!important;
    }
    .all-category-parent-arrow{
        font-size:9px!important;
        opacity:.55!important;
    }

    .all-category-child-list{
        gap:2px!important;
        padding:2px 3px 1px 4px!important;
    }
    .all-category-child-list a{
        min-height:27px!important;
        padding:2px 5px!important;
        gap:6px!important;
        border-radius:7px!important;
        font-size:9.7px!important;
        line-height:1.15!important;
    }
    .all-category-child-thumb{
        width:22px!important;
        height:22px!important;
        flex:0 0 22px!important;
        border-radius:6px!important;
    }
    .all-category-more{
        min-height:25px!important;
        margin-top:1px!important;
        font-size:9.4px!important;
    }

    .all-categories-mega-footer{
        position:sticky!important;
        bottom:-12px!important;
        min-height:38px!important;
        margin:10px -12px -12px!important;
        padding:0 14px!important;
        border-radius:0 0 17px 17px!important;
        font-size:10px!important;
        background:linear-gradient(90deg,rgba(6,23,42,.985),rgba(16,14,37,.985))!important;
        border-top:1px solid rgba(81,139,197,.12)!important;
    }
}

@media (min-width: 992px) and (max-width: 1240px){
    .hs-tools-categories .all-categories-mega{
        width:min(860px,calc(100vw - 28px))!important;
        max-height:min(62vh,500px)!important;
    }
    .all-categories-mega-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

/* ========================================================================== 
   V5.3 — WhatsApp hızlı iletişim: masaüstü sol alt popup + mobil üst menü
   ========================================================================== */
.hs-whatsapp-contact{
    position:fixed!important;
    left:24px!important;
    bottom:24px!important;
    z-index:7860!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:10px!important;
    font-family:inherit!important;
}
.hs-whatsapp-launcher{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    min-width:214px!important;
    height:62px!important;
    padding:7px 14px 7px 8px!important;
    gap:10px!important;
    border:1px solid rgba(80,255,181,.34)!important;
    border-radius:19px!important;
    color:#f8fffb!important;
    background:
        radial-gradient(circle at 16% 20%,rgba(37,211,102,.20),transparent 40%),
        linear-gradient(135deg,rgba(7,34,33,.98),rgba(5,18,31,.98))!important;
    box-shadow:0 18px 50px rgba(0,0,0,.34),0 0 26px rgba(37,211,102,.09),inset 0 1px 0 rgba(255,255,255,.055)!important;
    cursor:pointer!important;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.hs-whatsapp-launcher:hover{
    transform:translateY(-2px)!important;
    border-color:rgba(92,255,186,.58)!important;
    box-shadow:0 22px 56px rgba(0,0,0,.40),0 0 32px rgba(37,211,102,.14),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
.hs-whatsapp-launcher-icon{
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    width:47px!important;
    height:47px!important;
    flex:0 0 47px!important;
    border:1px solid rgba(108,255,185,.35)!important;
    border-radius:15px!important;
    color:#fff!important;
    font-size:25px!important;
    background:linear-gradient(145deg,#28d768,#12a94d)!important;
    box-shadow:0 8px 22px rgba(37,211,102,.25),inset 0 1px 0 rgba(255,255,255,.24)!important;
}
.hs-whatsapp-launcher-icon b,
.hs-whatsapp-avatar b{
    position:absolute!important;
    right:-2px!important;
    bottom:-2px!important;
    width:11px!important;
    height:11px!important;
    border:2px solid #07131f!important;
    border-radius:50%!important;
    background:#37ef80!important;
    box-shadow:0 0 10px rgba(55,239,128,.65)!important;
}
.hs-whatsapp-launcher-copy{
    display:flex!important;
    min-width:0!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    line-height:1.15!important;
}
.hs-whatsapp-launcher-copy strong{font-size:14px!important;font-weight:900!important;letter-spacing:-.01em!important}
.hs-whatsapp-launcher-copy small{margin-top:4px!important;color:#8fa9a7!important;font-size:10px!important;font-weight:650!important}
.hs-whatsapp-launcher-arrow{margin-left:auto!important;color:#5fe99a!important;font-size:11px!important;transition:transform .18s ease!important}
.hs-whatsapp-contact.is-open .hs-whatsapp-launcher-arrow{transform:rotate(180deg)!important}

.hs-whatsapp-panel{
    width:330px!important;
    overflow:hidden!important;
    border:1px solid rgba(86,232,167,.24)!important;
    border-radius:20px!important;
    background:
        radial-gradient(circle at 86% -4%,rgba(37,211,102,.13),transparent 34%),
        linear-gradient(145deg,rgba(7,24,35,.995),rgba(5,12,25,.995))!important;
    box-shadow:0 26px 74px rgba(0,0,0,.52),0 0 34px rgba(37,211,102,.07),inset 0 1px 0 rgba(255,255,255,.04)!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:translateY(10px) scale(.975)!important;
    transform-origin:left bottom!important;
    pointer-events:none!important;
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;
}
.hs-whatsapp-contact.is-open .hs-whatsapp-panel{
    opacity:1!important;
    visibility:visible!important;
    transform:translateY(0) scale(1)!important;
    pointer-events:auto!important;
}
.hs-whatsapp-panel-head{
    display:flex!important;
    align-items:center!important;
    min-height:72px!important;
    padding:12px 13px!important;
    gap:10px!important;
    border-bottom:1px solid rgba(93,169,151,.12)!important;
    background:linear-gradient(135deg,rgba(18,89,65,.26),rgba(12,31,46,.35))!important;
}
.hs-whatsapp-avatar{
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    width:46px!important;
    height:46px!important;
    flex:0 0 46px!important;
    border:1px solid rgba(101,255,183,.28)!important;
    border-radius:14px!important;
    color:#fff!important;
    font-size:24px!important;
    background:linear-gradient(145deg,#23cd62,#109944)!important;
    box-shadow:0 10px 26px rgba(37,211,102,.18)!important;
}
.hs-whatsapp-head-copy{display:flex!important;min-width:0!important;flex:1!important;flex-direction:column!important}
.hs-whatsapp-head-copy strong{color:#f5fff9!important;font-size:14px!important;font-weight:900!important}
.hs-whatsapp-head-copy small{display:flex!important;align-items:center!important;gap:6px!important;margin-top:4px!important;color:#91a9a6!important;font-size:9.5px!important;font-weight:650!important}
.hs-whatsapp-head-copy small i{width:7px!important;height:7px!important;border-radius:50%!important;background:#37ef80!important;box-shadow:0 0 8px rgba(55,239,128,.56)!important}
.hs-whatsapp-close{
    display:grid!important;
    place-items:center!important;
    width:35px!important;
    height:35px!important;
    flex:0 0 35px!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:11px!important;
    color:#91a5b8!important;
    background:rgba(255,255,255,.035)!important;
    cursor:pointer!important;
}
.hs-whatsapp-close:hover{color:#fff!important;background:rgba(255,255,255,.07)!important}
.hs-whatsapp-panel-body{padding:18px!important}
.hs-whatsapp-kicker{display:inline-flex!important;align-items:center!important;gap:6px!important;color:#62e89a!important;font-size:9px!important;font-weight:900!important;letter-spacing:.09em!important}
.hs-whatsapp-panel-body h3{margin:9px 0 4px!important;color:#fff!important;font-size:19px!important;font-weight:900!important;letter-spacing:-.025em!important}
.hs-whatsapp-panel-body p{margin:0!important;color:#9cafbd!important;font-size:11.5px!important;font-weight:600!important;line-height:1.55!important}
.hs-whatsapp-cta{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-height:48px!important;
    margin-top:15px!important;
    padding:0 13px!important;
    border:1px solid rgba(104,255,184,.32)!important;
    border-radius:13px!important;
    color:#fff!important;
    background:linear-gradient(135deg,#21c961,#109e49)!important;
    box-shadow:0 12px 28px rgba(37,211,102,.18),inset 0 1px 0 rgba(255,255,255,.16)!important;
    font-size:11.5px!important;
    font-weight:850!important;
    text-decoration:none!important;
    transition:transform .16s ease,filter .16s ease!important;
}
.hs-whatsapp-cta:hover{transform:translateY(-1px)!important;filter:brightness(1.07)!important}
.hs-whatsapp-cta span{display:flex!important;align-items:center!important;gap:8px!important}
.hs-whatsapp-cta span i{font-size:17px!important}
.hs-whatsapp-cta>i{font-size:10px!important;opacity:.84!important}
.hs-whatsapp-note{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;margin-top:10px!important;color:#64798a!important;font-size:8.8px!important;font-weight:600!important}

/* Mobilde alt dock zaten 6 aksiyon taşıdığı için WhatsApp üst başlığa tek hızlı kanal olarak eklenir. */
@media (max-width:900px){
    .hs-whatsapp-contact{display:none!important}
    .header-actions .hs-mobile-header-quick:not(.hs-mobile-whatsapp){display:none!important}
    .header-actions .hs-mobile-header-quick.hs-mobile-whatsapp{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:38px!important;
        height:38px!important;
        flex:0 0 38px!important;
        padding:0!important;
        border:1px solid rgba(83,255,168,.30)!important;
        border-radius:12px!important;
        color:#73f4aa!important;
        background:linear-gradient(145deg,rgba(22,155,78,.17),rgba(8,34,38,.88))!important;
        box-shadow:0 8px 22px rgba(37,211,102,.09),inset 0 1px 0 rgba(255,255,255,.04)!important;
    }
    .header-actions .hs-mobile-header-quick.hs-mobile-whatsapp i{font-size:18px!important}
}
@media (max-width:560px){
    .header-actions .hs-mobile-header-quick.hs-mobile-whatsapp{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:10px!important}
    .header-actions .hs-mobile-header-quick.hs-mobile-whatsapp i{font-size:16px!important}
}


/* ========================================================================== 
   V5.4 — Ana sayfa kaydırma hızlı erişim çubuğu
   Slider yaklaşınca masaüstünde sabitlenir; ana işlemler sürekli erişilebilir kalır.
   ========================================================================== */
.hs-scroll-access-bar{
    position:fixed!important;
    top:12px!important;
    left:50%!important;
    z-index:8800!important;
    width:min(1480px,calc(100vw - 36px))!important;
    height:70px!important;
    transform:translate(-50%,-118%) scale(.985)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .18s ease,visibility 0s linear .24s!important;
    font-family:inherit!important;
}
.hs-scroll-access-bar.is-visible{
    transform:translate(-50%,0) scale(1)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .18s ease,visibility 0s!important;
}
.hs-scroll-access-inner{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    height:100%!important;
    gap:9px!important;
    padding:8px 10px!important;
    overflow:visible!important;
    border:1px solid rgba(46,144,235,.28)!important;
    border-radius:20px!important;
    background:
        radial-gradient(circle at 12% -40%,rgba(16,181,255,.14),transparent 32%),
        radial-gradient(circle at 88% -50%,rgba(124,72,255,.12),transparent 32%),
        linear-gradient(135deg,rgba(5,22,42,.955),rgba(6,12,29,.965))!important;
    box-shadow:0 18px 54px rgba(0,0,0,.46),0 0 34px rgba(18,139,255,.08),inset 0 1px 0 rgba(255,255,255,.055)!important;
    backdrop-filter:blur(20px) saturate(1.16)!important;
    -webkit-backdrop-filter:blur(20px) saturate(1.16)!important;
}
.hs-scroll-access-inner::after{
    content:""!important;
    position:absolute!important;
    left:22px!important;
    right:22px!important;
    bottom:-1px!important;
    height:1px!important;
    background:linear-gradient(90deg,transparent,#18c8ff 20%,#7e56ff 70%,transparent)!important;
    opacity:.48!important;
    pointer-events:none!important;
}
.hs-scroll-access-brand{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:118px!important;
    min-width:118px!important;
    height:52px!important;
    padding:4px 8px!important;
    border-right:1px solid rgba(98,154,213,.14)!important;
    color:#fff!important;
    text-decoration:none!important;
}
.hs-scroll-access-brand img{
    display:block!important;
    width:auto!important;
    max-width:100px!important;
    height:42px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 5px 12px rgba(0,95,255,.18))!important;
}
.hs-scroll-access-brand-mark{
    display:grid!important;
    place-items:center!important;
    width:38px!important;
    height:38px!important;
    margin-right:8px!important;
    border-radius:12px!important;
    background:linear-gradient(145deg,#12bffc,#5b54ff)!important;
    font-weight:950!important;
}
.hs-scroll-access-brand strong{font-size:14px!important;font-weight:900!important}
.hs-scroll-access-links{
    display:flex!important;
    align-items:center!important;
    flex:0 0 auto!important;
    gap:6px!important;
}
.hs-scroll-access-link,
.hs-scroll-access-iconlink{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    height:46px!important;
    padding:0 13px!important;
    border:1px solid rgba(68,129,195,.16)!important;
    border-radius:13px!important;
    color:#b9c9dd!important;
    background:rgba(8,27,48,.52)!important;
    text-decoration:none!important;
    font-size:10.5px!important;
    font-weight:800!important;
    white-space:nowrap!important;
    transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease!important;
}
.hs-scroll-access-link i,
.hs-scroll-access-iconlink i{font-size:14px!important;color:#57d8ff!important}
.hs-scroll-access-link:hover,
.hs-scroll-access-iconlink:hover{
    transform:translateY(-1px)!important;
    color:#fff!important;
    border-color:rgba(61,179,255,.38)!important;
    background:rgba(16,54,88,.72)!important;
}
.hs-scroll-access-link.is-categories i{color:#c56cff!important}
.hs-scroll-access-search{
    display:flex!important;
    align-items:center!important;
    min-width:220px!important;
    height:46px!important;
    flex:1 1 360px!important;
    gap:9px!important;
    padding:0 7px 0 13px!important;
    border:1px solid rgba(46,130,218,.24)!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,rgba(6,24,47,.78),rgba(4,18,37,.84))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.hs-scroll-access-search>i{flex:0 0 auto!important;color:#76a7d6!important;font-size:14px!important}
.hs-scroll-access-search input{
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    color:#eff7ff!important;
    background:transparent!important;
    font-family:inherit!important;
    font-size:10.5px!important;
    font-weight:700!important;
    line-height:1!important;
}
.hs-scroll-access-search input::placeholder{color:#7087a4!important;opacity:1!important}
.hs-scroll-access-search button{
    display:grid!important;
    place-items:center!important;
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    border:1px solid rgba(80,203,255,.28)!important;
    border-radius:10px!important;
    color:#fff!important;
    background:linear-gradient(145deg,#159df4,#1bc4f4)!important;
    cursor:pointer!important;
    box-shadow:0 8px 18px rgba(13,158,244,.16)!important;
}
.hs-scroll-access-shortcuts{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex:0 0 auto!important;
    gap:6px!important;
}
.hs-scroll-access-iconlink{padding:0 10px!important}
.hs-scroll-access-iconlink:nth-child(2) i{color:#ffd55a!important}
.hs-scroll-access-account{
    display:flex!important;
    align-items:center!important;
    min-width:148px!important;
    height:50px!important;
    gap:8px!important;
    padding:5px 10px 5px 6px!important;
    border:1px solid rgba(62,138,236,.25)!important;
    border-radius:14px!important;
    color:#fff!important;
    background:linear-gradient(135deg,rgba(12,63,125,.58),rgba(8,28,61,.72))!important;
    text-decoration:none!important;
}
.hs-scroll-access-account-icon{
    display:grid!important;
    place-items:center!important;
    width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
    border:1px solid rgba(76,159,255,.32)!important;
    border-radius:11px!important;
    color:#fff!important;
    background:linear-gradient(145deg,rgba(25,111,223,.72),rgba(18,58,126,.82))!important;
}
.hs-scroll-access-account-copy{display:flex!important;min-width:0!important;flex-direction:column!important;line-height:1.1!important}
.hs-scroll-access-account-copy strong{max-width:92px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10.5px!important;font-weight:900!important}
.hs-scroll-access-account-copy small{margin-top:3px!important;color:#7f9cbb!important;font-size:8px!important;font-weight:700!important}
.hs-scroll-access-cart{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:50px!important;
    gap:7px!important;
    padding:0 12px!important;
    border:1px solid rgba(81,142,220,.20)!important;
    border-radius:14px!important;
    color:#f2f7ff!important;
    background:rgba(6,25,49,.66)!important;
    text-decoration:none!important;
    font-size:10px!important;
    font-weight:850!important;
    white-space:nowrap!important;
}
.hs-scroll-access-cart i{font-size:15px!important;color:#dbeaff!important}
.hs-scroll-access-cart b{
    display:grid!important;
    place-items:center!important;
    min-width:20px!important;
    height:20px!important;
    padding:0 5px!important;
    border-radius:999px!important;
    color:#07111f!important;
    background:#ffd865!important;
    font-size:8px!important;
    font-weight:950!important;
}

@media (min-width:901px) and (max-width:1280px){
    .hs-scroll-access-bar{width:calc(100vw - 22px)!important;top:8px!important}
    .hs-scroll-access-brand{width:92px!important;min-width:92px!important}
    .hs-scroll-access-brand img{max-width:78px!important;height:36px!important}
    .hs-scroll-access-link{padding-inline:10px!important}
    .hs-scroll-access-iconlink span{display:none!important}
    .hs-scroll-access-iconlink{width:44px!important;padding:0!important}
    .hs-scroll-access-account{min-width:126px!important}
    .hs-scroll-access-search{min-width:180px!important;flex-basis:260px!important}
}
@media (min-width:901px) and (max-width:1080px){
    .hs-scroll-access-brand{display:none!important}
    .hs-scroll-access-link span{display:none!important}
    .hs-scroll-access-link{width:44px!important;padding:0!important}
    .hs-scroll-access-account{min-width:52px!important;width:52px!important;padding:6px!important}
    .hs-scroll-access-account-copy{display:none!important}
    .hs-scroll-access-cart span{display:none!important}
}
@media (max-width:900px){
    .hs-scroll-access-bar{display:none!important}
}
@media (prefers-reduced-motion:reduce){
    .hs-scroll-access-bar,
    .hs-scroll-access-link,
    .hs-scroll-access-iconlink{transition:none!important}
}

/* ========================================================================== 
   V5.5 — Ana sayfa kategori kartı etkileşim düzeltmesi
   Ana Sayfa / kategori kartlarının üstünü kapatan eski dekor katmanlarını etkisizleştirir.
   ========================================================================== */
@media (min-width: 992px){
    .category-bar,
    .category-bar-container{
        pointer-events:auto!important;
    }
    .category-bar-container{
        position:relative!important;
        isolation:isolate!important;
    }

    /* Eski temadan kalan görünmez pseudo katmanların tıklamayı/hover'ı engellemesini önle. */
    .category-bar::before,
    .category-bar::after,
    .category-bar-container::before,
    .category-bar-container::after{
        pointer-events:none!important;
    }

    .category-bar-home,
    .category-bar .hs-showcase-category,
    .category-bar .hs-category-showcase-link{
        position:relative!important;
        z-index:20!important;
        pointer-events:auto!important;
        cursor:pointer!important;
    }

    .category-bar-home > *,
    .hs-category-showcase-link > *{
        pointer-events:none!important;
    }

    /* Popup yalnız gerçekten açıkken pointer alır. */
    .category-bar .hs-showcase-category > .category-mega{
        z-index:60!important;
        pointer-events:none!important;
    }
    .category-bar .hs-showcase-category:hover > .category-mega,
    .category-bar .hs-showcase-category:focus-within > .category-mega,
    .category-bar .hs-showcase-category.is-mega-open > .category-mega{
        pointer-events:auto!important;
    }

    /* Hover'ın kullanıcıya anında belli olması için küçük geri bildirim. */
    .category-bar-home,
    .hs-category-showcase-link{
        transition:transform .18s ease,filter .18s ease,box-shadow .18s ease,border-color .18s ease!important;
    }
    .category-bar-home:hover,
    .category-bar-home:focus-visible{
        transform:translateY(-3px)!important;
        filter:brightness(1.08)!important;
        box-shadow:0 14px 34px rgba(29,167,255,.16),inset 0 0 28px rgba(0,197,255,.16)!important;
    }
    .category-bar .hs-showcase-category:hover > .hs-category-showcase-link,
    .category-bar .hs-showcase-category:focus-within > .hs-category-showcase-link{
        transform:translateY(-3px)!important;
        filter:brightness(1.07)!important;
    }
}
