/* Default tema — genel iskelet: gövde, duyuru, header, menü, arama, çekmece, slider, footer. */
:root[data-theme]{
  --shop-bg:var(--df-bg);--shop-surface:var(--df-surface-2);--shop-card:var(--df-card);--shop-ink:var(--df-ink);--shop-ink-2:var(--df-ink-2);
  --shop-muted:var(--df-muted);--shop-line:var(--df-line);--shop-brand:var(--df-brand);--shop-brand-ink:var(--df-brand-ink);--shop-radius:var(--df-radius);
}
/* QM-16 / QM-25: beyaz yazılı birincil düğme, indirim rozeti ve marka renkli metin en az 4.5:1 (yalnız default tema) */
:root{--df-sale:#dc2626}
:root:not([data-theme="dark"]){--df-brand-text:color-mix(in srgb,var(--df-brand) 80%,#000)}
.th-default .df-btn--primary,.df .df-btn--primary{--b-bg:linear-gradient(135deg,color-mix(in srgb,var(--df-brand) 86%,#000),color-mix(in srgb,var(--df-brand-2) 82%,#000))}
body.th-default .cc-btn-primary{background:color-mix(in srgb,var(--df-brand) 86%,#000);border-color:transparent;color:#fff}
/* sepete eklendi kartı (çekirdek .shop-cs): marka degradesi, beyaz yazı (4.5:1) */
body.th-default .shop-cs{--cs-brand:color-mix(in srgb,var(--df-brand) 86%,#000);--cs-brand-ink:#fff}
body.th-default .shop-cs__btn--primary{background:linear-gradient(135deg,color-mix(in srgb,var(--df-brand) 86%,#000),color-mix(in srgb,var(--df-brand-2) 82%,#000));border-color:transparent}
body.th-default .shop-cs__ok{background:linear-gradient(135deg,var(--df-brand),var(--df-brand-2));color:#fff}
html{scroll-padding-top:96px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.th-default{margin:0;background:var(--df-bg);color:var(--df-ink);font-family:var(--df-font);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.th-default::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(900px 500px at 8% -10%,color-mix(in srgb,var(--df-brand) 12%,transparent),transparent 60%),
             radial-gradient(800px 520px at 100% 0,color-mix(in srgb,var(--df-brand-2) 10%,transparent),transparent 60%)}
:root[data-theme="dark"] body.th-default::before{opacity:.8}
.th-default ::selection{background:color-mix(in srgb,var(--df-brand) 30%,transparent)}
html.has-drawer{overflow:hidden}

/* ---- Duyuru ---- */
.df-ann{position:relative;background:var(--ann-bg);background-image:linear-gradient(90deg,var(--ann-bg),color-mix(in srgb,var(--ann-bg) 70%,var(--df-brand-2)));color:var(--ann-ink);font-size:.86rem;font-weight:650;overflow:hidden;transition:max-height .26s,opacity .26s;max-height:60px}
.df-ann.is-closing{max-height:0;opacity:0}
.df-ann__viewport{overflow:hidden;padding:9px 48px 9px 16px;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.df-ann__viewport{--mq-pxs:55}
.df-ann__track{display:flex;width:max-content;margin:0;white-space:nowrap}
.df-ann__u{display:flex;flex:none}
.df-ann__u>span{padding-inline-end:64px}
.df-ann:not(.is-marquee) .df-ann__track{width:auto;justify-content:center}
.df-ann:not(.is-marquee) .df-ann__u+.df-ann__u{display:none}
.df-ann:not(.is-marquee) .df-ann__u>span{padding:0}
.df-ann.is-marquee .df-ann__track{animation:df-marquee 32s linear infinite}
.df-ann:hover .df-ann__track{animation-play-state:paused}
.df-ann__close{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;border:0;background:color-mix(in srgb,currentColor 14%,transparent);color:inherit;display:grid;place-items:center;cursor:pointer}
.df-ann__close .df-i{width:16px;height:16px}
@keyframes df-marquee{to{transform:translateX(-50%)}}

/* ---- Header ---- */
.df-hdr{position:relative;z-index:900;transition:transform .35s var(--df-ease),background-color .3s,box-shadow .3s}
.df-hdr.is-sticky{position:sticky;top:0}
.df-hdr.is-hidden{transform:translateY(-100%)}
.df-hdr--glass{background:color-mix(in srgb,var(--df-bg) 72%,transparent);backdrop-filter:saturate(170%) blur(18px);-webkit-backdrop-filter:saturate(170%) blur(18px);border-bottom:1px solid color-mix(in srgb,var(--df-line) 70%,transparent)}
.df-hdr--solid{background:var(--df-surface);border-bottom:1px solid var(--df-line)}
.df-hdr.is-scrolled{box-shadow:0 10px 30px -18px rgba(15,23,42,.35)}
.df-hdr__in{display:flex;align-items:center;gap:clamp(10px,2vw,28px);min-height:72px}
.df-hdr__burger{display:none}
.df-nav{flex:1;min-width:0}
.df-nav__list{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
.df-nav__item{position:relative;display:flex;align-items:center}
.df-nav__link{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;border-radius:999px;font-weight:650;font-size:.94rem;color:var(--df-ink-2);transition:color .2s,background-color .2s;white-space:nowrap}
.df-nav__link:hover,.df-nav__item.is-open>.df-nav__link,.df-nav__item.is-current>.df-nav__link{color:var(--df-ink);background:var(--df-surface-2)}
.df-nav__caret{width:26px;height:26px;margin-left:-8px;border:0;background:none;color:var(--df-muted);display:grid;place-items:center;cursor:pointer;border-radius:50%}
.df-nav__caret .df-i{width:15px;height:15px;transition:transform .25s var(--df-ease)}
.df-nav__item.is-open .df-nav__caret .df-i{transform:rotate(180deg)}
.df-nav__badge{font-size:.62rem;font-weight:800;padding:2px 6px;border-radius:999px;background:var(--df-sale);color:#fff;text-transform:uppercase;letter-spacing:.04em}
.df-nav__panel{position:absolute;top:calc(100% + 10px);left:0;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .22s,transform .22s var(--df-ease),visibility 0s .22s;z-index:950}
.df-nav__panel.is-open{opacity:1;visibility:visible;transform:none;transition:opacity .22s,transform .22s var(--df-ease),visibility 0s}
.df-nav__panel::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.df-dd{min-width:260px;background:var(--df-card);border:1px solid var(--df-line);border-radius:var(--df-radius-lg);box-shadow:var(--df-shadow-lg);padding:8px}
.df-dd ul{list-style:none;margin:0;padding:0}
.df-dd a{display:flex;flex-direction:column;padding:10px 12px;border-radius:12px;font-weight:650;font-size:.93rem}
.df-dd a small{color:var(--df-muted);font-weight:500;font-size:.8rem}
.df-dd a:hover{background:var(--df-surface-2);color:var(--df-brand-text)}
.df-dd__sub a{padding:6px 12px 6px 24px;font-weight:500;font-size:.86rem;color:var(--df-ink-2)}
.df-dd__all{border-top:1px solid var(--df-line);margin-top:6px;padding-top:6px}
.df-dd__all a{flex-direction:row;align-items:center;gap:6px;color:var(--df-brand-text)}
.df-mega{position:fixed;left:0;right:0;top:auto;margin-top:10px}
.df-hdr .df-nav__item:has(.df-mega){position:static}
.df-mega__in{display:grid;grid-template-columns:1fr 280px;gap:24px;background:var(--df-card);border:1px solid var(--df-line);border-radius:var(--df-radius-lg);box-shadow:var(--df-shadow-lg);padding:24px;max-width:calc(var(--df-wrap) - 2 * var(--df-gutter))}
.df-mega__cols{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:20px}
.df-mega__img{display:block;border-radius:var(--df-radius);overflow:hidden;aspect-ratio:16/10;margin-bottom:10px;background:var(--df-surface-2)}
.df-mega__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--df-ease)}
.df-mega__col:hover .df-mega__img img{transform:scale(1.05)}
.df-mega__title{display:block;font-weight:800;margin-bottom:6px}
.df-mega__title:hover{color:var(--df-brand-text)}
.df-mega__desc{font-size:.82rem;color:var(--df-muted);margin-bottom:6px}
.df-mega__col ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.df-mega__col li a{display:block;padding:5px 0;color:var(--df-ink-2);font-size:.92rem}
.df-mega__col li a:hover{color:var(--df-brand-text);transform:translateX(3px)}
.df-mega__promo{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;min-height:240px;padding:20px;border-radius:var(--df-radius);overflow:hidden;background:var(--df-grad);color:#fff}
.df-mega__promo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.df-mega__promo>*{position:relative}
.df-mega__promo-t{font-weight:800;font-size:1.2rem;line-height:1.2}
.df-mega__promo .df-link-arrow{color:#fff}
.df-hdr__acts{display:flex;align-items:center;gap:4px;margin-left:auto}
.df-hdr__btn{position:relative;display:inline-flex;align-items:center;gap:8px;height:44px;min-width:44px;padding:0 10px;justify-content:center;border-radius:999px;border:0;background:none;color:var(--df-ink);cursor:pointer;font-weight:700;font-size:.9rem;transition:background-color .2s}
.df-hdr__btn:hover{background:var(--df-surface-2)}
.df-hdr__btn .df-i{width:22px;height:22px}
.df-hdr__lbl{white-space:nowrap}
.df-hdr__count{position:absolute;top:3px;right:2px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--df-sale);color:#fff;font-size:.68rem;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 0 0 2px var(--df-bg)}
.df-dot{position:absolute;top:8px;left:26px;width:9px;height:9px;border-radius:50%;background:var(--df-sale);box-shadow:0 0 0 2px var(--df-bg)}
.df-scheme{overflow:hidden}
.df-scheme__sun,.df-scheme__moon{display:inline-grid;transition:transform .45s var(--df-ease),opacity .3s}
.df-hdr__btn.df-scheme{width:44px;padding:0}
.df-hdr__btn.df-scheme>span{position:absolute;inset:0;place-items:center}
:root[data-theme="dark"] .df-hdr__btn .df-scheme__moon{transform:translateY(-120%) rotate(-90deg);opacity:0}
:root:not([data-theme="dark"]) .df-hdr__btn .df-scheme__sun{transform:translateY(120%) rotate(90deg);opacity:0}
.df-drawer .df-scheme .df-scheme__sun{display:none}
:root[data-theme="dark"] .df-drawer .df-scheme .df-scheme__sun{display:inline-grid}
:root[data-theme="dark"] .df-drawer .df-scheme .df-scheme__moon{display:none}
@media (max-width:1080px){.df-hdr__lbl{display:none}.df-nav__link{padding:10px 9px}}
@media (max-width:900px){
  .df-nav{display:none}.df-hdr__burger{display:inline-flex}.df-hdr__in{min-height:64px;gap:8px}
  .df-hdr__acts{gap:0}.df-logo__name{max-width:46vw;overflow:hidden;text-overflow:ellipsis}
}
@media (max-width:420px){.df-hdr__acts .df-scheme{display:none}.df-logo{font-size:1rem}.df-logo__mark{width:34px;height:34px}}
/* QM-17 / QM-18: hamburger 44 px dokunma alanı; 320 px'te logo esner, ikonlar taşmaz */
@media (max-width:900px){.df-hdr__burger{min-width:44px;min-height:44px}.df-hdr__in>.df-logo{flex:0 1 auto;min-width:0}.df-logo__name{min-width:0}}
@media (max-width:374px){.df-hdr__in{gap:4px}.df-hdr__acts .df-hdr__btn{min-width:40px;padding:0 6px}.df-logo{gap:6px}.df-logo__mark{width:30px;height:30px}.df-logo__name{max-width:none}}
/* QF-17: dar ekranda uzun mağaza adı kesilmez, en fazla iki satıra iner */
@media (max-width:480px){.df-hdr .df-logo__name{white-space:normal;overflow:hidden;text-overflow:clip;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;line-height:1.05;max-width:9.5em;overflow-wrap:anywhere;font-size:.95em}}

/* ---- Arama katmanı ---- */
.df-search{position:fixed;inset:0;z-index:1000;background:rgba(8,9,20,.45);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:flex-start;padding:clamp(12px,8vh,96px) 12px 12px;opacity:0;transition:opacity .2s}
.df-search.is-open{opacity:1}
.df-search__box{width:min(720px,100%);background:var(--df-card);border:1px solid var(--df-line);border-radius:calc(var(--df-radius) * 1.4);box-shadow:var(--df-shadow-lg);overflow:hidden;transform:translateY(-10px) scale(.98);transition:transform .25s var(--df-ease);max-height:calc(100vh - 2 * clamp(12px,8vh,96px));display:flex;flex-direction:column}
.df-search.is-open .df-search__box{transform:none}
.df-search__form{display:flex;align-items:center;gap:12px;padding:12px 14px 12px 20px;border-bottom:1px solid var(--df-line)}
.df-search__form>.df-i{color:var(--df-muted);width:22px;height:22px}
.df-search__form input{flex:1;min-width:0;border:0;background:none;font-size:1.15rem;padding:12px 0;color:var(--df-ink);outline:none}
.df-search__form input::-webkit-search-cancel-button{display:none}
.df-search__kbd{font:600 .72rem/1 var(--df-font);padding:5px 7px;border:1px solid var(--df-line-2);border-radius:6px;color:var(--df-muted)}
.df-search__results{padding:6px;overflow:auto;overscroll-behavior:contain}
.df-search__results:not([hidden])~.df-search__quick{display:none}
.df-search__form{position:relative}
.df-search__form.is-loading::after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:35%;background:var(--df-grad);border-radius:2px;animation:df-search-load 1s var(--df-ease) infinite}
@keyframes df-search-load{from{transform:translateX(-100%)}to{transform:translateX(290%)}}
.df-search__quick{padding:16px 20px 20px}
.df-search__quick .df-kicker{margin-bottom:10px}
@media (max-width:560px){.df-search__kbd{display:none}}

/* ---- Çekmece ---- */
.df-drawer{position:fixed;inset:0;z-index:1001;background:rgba(8,9,20,.5);opacity:0;transition:opacity .26s}
.df-drawer.is-open{opacity:1}
.df-drawer__panel{position:absolute;top:0;bottom:0;left:0;width:min(400px,88vw);background:var(--df-surface);display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .3s var(--df-ease);box-shadow:var(--df-shadow-lg)}
.df-drawer.is-open .df-drawer__panel{transform:none}
.df-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--df-line)}
.df-drawer__search{display:flex;gap:8px;padding:14px 16px}
.df-drawer__nav{flex:1;overflow:auto;padding:4px 8px}
.df-drawer__nav ul{list-style:none;margin:0;padding:0}
.df-drawer__nav>ul>li{border-bottom:1px solid var(--df-line)}
.df-drawer__nav a,.df-drawer__nav summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 10px;font-weight:700;cursor:pointer;list-style:none}
.df-drawer__nav summary::-webkit-details-marker{display:none}
.df-drawer__nav summary .df-i{transition:transform .25s var(--df-ease)}
.df-drawer__nav details[open] summary .df-i{transform:rotate(180deg)}
.df-drawer__nav details ul{padding:0 0 10px 12px}
.df-drawer__nav details a{padding:10px;font-weight:550;color:var(--df-ink-2)}
.df-drawer__nav details ul ul a{padding-left:24px;font-size:.92rem}
.df-drawer__nav .is-all{color:var(--df-brand-text)}
.df-drawer__grp{display:block;padding:12px 10px 4px;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--df-muted)}
.df-drawer__foot{display:grid;gap:8px;padding:16px;border-top:1px solid var(--df-line)}

/* ---- Footer ---- */
.df-ftr{position:relative;margin-top:clamp(40px,6vw,96px);background:var(--df-surface);border-top:1px solid var(--df-line);overflow:hidden}
/* Alt sayfalarda (main.df-main) içerik ile footer arası boşluğu main'in alt dolgusu verir; footer üst boşluğu yalnız ana sayfada (main.df-home dolgusuz). İkisi toplanınca 170px+ boşluk oluşuyordu. */
.df-main~.df-ftr{margin-top:0}
.df-ftr__glow{position:absolute;inset:-40% -10% auto;height:120%;pointer-events:none;background:radial-gradient(50% 40% at 50% 0,color-mix(in srgb,var(--df-brand) 14%,transparent),transparent 70%)}
.df-ftr>.df-wrap{position:relative}
.df-ftr__top{display:grid;grid-template-columns:minmax(260px,1.1fr) 2fr;gap:clamp(28px,5vw,72px);padding-block:clamp(40px,6vw,72px) 32px}
.df-ftr__brand{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.df-ftr__about{color:var(--df-muted);max-width:44ch}
.df-ftr__contact{font-style:normal;margin:0;padding:0;display:grid;gap:8px;justify-items:start}
.df-ftr__contact>span{display:inline-flex;gap:8px;align-items:flex-start;color:var(--df-ink-2);font-size:.92rem;line-height:1.45}
.df-ftr__contact .df-i{flex:none;margin-top:.1em}
.df-ftr__company{font-weight:750;color:var(--df-ink)!important}
.df-ftr__contact a{display:inline-flex;gap:8px;align-items:center;font-weight:650}
.df-ftr__contact a:hover{color:var(--df-brand-text)}
.df-ftr__social{display:flex;gap:8px;list-style:none;margin:0;padding:0}
.df-ftr__social a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--df-line-2);transition:background .2s,color .2s,transform .2s}
.df-ftr__social a:hover{background:var(--df-ink);color:var(--df-bg);transform:translateY(-2px)}
.df-ftr__social .df-i{width:18px;height:18px}
.df-ftr__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:28px}
.df-ftr__h{font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--df-muted);margin-bottom:14px}
.df-ftr__col ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.df-ftr__col a{color:var(--df-ink-2);font-weight:550;transition:color .2s}
.df-ftr__col a:hover{color:var(--df-brand-text)}
.df-ftr__badges{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0 0 24px}
.df-ftr__badges li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--df-line);font-size:.82rem;font-weight:700;color:var(--df-ink-2);background:var(--df-card)}
.df-ftr__badges .df-i{width:16px;height:16px;color:var(--df-success)}
.df-ftr__bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:20px 28px;border-top:1px solid var(--df-line);font-size:.86rem;color:var(--df-muted)}
.df-ftr__legal{display:flex;flex-wrap:wrap;gap:16px;list-style:none;margin:0;padding:0}
.df-ftr__legal a:hover,.df-linkbtn:hover{color:var(--df-ink)}

@media (max-width:860px){.df-ftr__top{grid-template-columns:1fr}}
/* Menü sığmıyorsa (storefront.js initNavFit) masaüstünde de hamburger */
.df-hdr.is-nav-tight .df-nav{display:none}.df-hdr.is-nav-tight .df-hdr__burger{display:inline-flex}