/* Default tema — ana sayfa bölümleri */
.df-home{padding-bottom:0}

/* Kayan şerit — tam genişlik; storefront.js [data-marquee] kelimeleri ekranı dolduracak kadar çoğaltır (boşluksuz döngü). */
.df-mq{--mq-pxs:45;padding-block:clamp(18px,3vw,36px)!important;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.df-mq__track{display:flex;width:max-content;animation:df-marquee 38s linear infinite}
.df-mq:hover .df-mq__track{animation-play-state:paused}
.df-mq__row{display:flex;align-items:center;gap:clamp(18px,3vw,40px);list-style:none;margin:0;padding:0 clamp(9px,1.5vw,20px)}
.df-mq__row li{font-size:clamp(1.6rem,1rem + 3vw,3.4rem);font-weight:850;letter-spacing:-.03em;white-space:nowrap;color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--df-ink) 55%,transparent);transition:color .3s}
.df-mq__row li:nth-child(4n+1){color:var(--df-ink);-webkit-text-stroke:0}
.df-mq__row .df-mq__sep{-webkit-text-stroke:0;color:var(--df-brand);font-size:1.4rem}
.df-mq__sep .df-i{width:22px;height:22px}

/* Avantajlar */
.df-usp__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px}
.df-usp__item{display:flex;gap:14px;align-items:center;padding:18px;border-radius:var(--df-radius-lg);background:var(--df-card);border:1px solid var(--df-line)}
.df-usp__ic{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:var(--df-brand-soft);color:var(--df-brand-text);flex:none;transition:transform .4s var(--df-ease)}
.df-usp__item:hover .df-usp__ic{transform:rotate(-8deg) scale(1.06)}
.df-usp__ic .df-i{width:24px;height:24px}
.df-usp__item b{display:block;font-size:.98rem}
.df-usp__item small{display:block;color:var(--df-muted);font-size:.84rem;margin-top:2px}

/* Kategori ızgarası */
.df-cg__grid{list-style:none;margin:0;padding:0;display:grid;gap:clamp(10px,1.5vw,18px)}
.df-cg--bento .df-cg__grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(150px,17vw,220px)}
.df-cg--bento .df-cg__item:nth-child(6n+1){grid-column:span 2;grid-row:span 2}
.df-cg--bento .df-cg__item:nth-child(6n+4){grid-column:span 2}
.df-cg--cards .df-cg__grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.df-cg--cards .df-cg__card{aspect-ratio:4/5}
.df-cg--round .df-cg__grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));text-align:center}
.df-cg__card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:100%;min-height:150px;border-radius:var(--df-radius-lg);overflow:hidden;background:var(--df-grad);color:#fff;isolation:isolate;padding:clamp(14px,2vw,24px)}
.df-cg__item:nth-child(3n+2) .df-cg__card{background:linear-gradient(135deg,color-mix(in srgb,var(--df-brand-2) 85%,#000),color-mix(in srgb,var(--df-accent) 70%,var(--df-brand-2)))}
.df-cg__item:nth-child(3n) .df-cg__card{background:linear-gradient(135deg,#0f172a,color-mix(in srgb,var(--df-brand) 60%,#0f172a))}
.df-cg__media{position:absolute;inset:0;z-index:-1}
.df-cg__media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--df-ease)}
.df-cg__media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,6,20,.7),rgba(6,6,20,.05) 60%)}
.df-cg__card:hover .df-cg__media img{transform:scale(1.07)}
.df-cg__art{position:absolute;right:-.06em;top:-.2em;font-size:clamp(8rem,14vw,14rem);font-weight:900;line-height:1;opacity:.16;letter-spacing:-.06em;transition:transform .8s var(--df-ease)}
.df-cg__card:hover .df-cg__art{transform:translate(-6%,6%) rotate(-6deg)}
.df-cg__text{display:flex;flex-direction:column;gap:2px;position:relative}
.df-cg__name{font-weight:850;font-size:clamp(1.05rem,.9rem + .7vw,1.6rem);letter-spacing:-.02em;line-height:1.15}
.df-cg__item:nth-child(6n+1) .df-cg__name{font-size:clamp(1.4rem,1rem + 1.6vw,2.4rem)}
.df-cg__count{font-size:.82rem;opacity:.85;font-weight:600}
.df-cg__go{position:absolute;top:clamp(12px,1.6vw,20px);right:clamp(12px,1.6vw,20px);width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.18);backdrop-filter:blur(6px);display:grid;place-items:center;transition:transform .35s var(--df-ease),background .3s}
.df-cg__card:hover .df-cg__go{transform:rotate(-45deg);background:#fff;color:#14123a}
.df-cg--round .df-cg__card{aspect-ratio:1;border-radius:50%;justify-content:center;align-items:center;padding:12px}
.df-cg--round .df-cg__go,.df-cg--round .df-cg__count{display:none}
@media (max-width:760px){
  .df-cg--bento .df-cg__grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}
  .df-cg--bento .df-cg__item:nth-child(6n+1){grid-column:span 2;grid-row:span 1}
  .df-cg--bento .df-cg__item:nth-child(6n+4){grid-column:span 1}
}

/* Ürün şeridi: base.css (ürün sayfasında da kullanılır) */

/* Kategori vitrini */
.df-cp__in{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:clamp(12px,1.6vw,24px);align-items:stretch}
.df-cp__intro{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding:24px;border-radius:var(--df-radius-lg);background:var(--df-surface-2);border:1px solid var(--df-line);overflow:hidden;isolation:isolate}
.df-cp__intro::before{content:"";position:absolute;inset:auto -30% -40% auto;width:240px;height:240px;border-radius:50%;background:var(--df-grad);filter:blur(40px);opacity:.35;z-index:-1}
.df-cp__img{position:absolute;inset:0;z-index:-1;opacity:.25}
.df-cp__img img{width:100%;height:100%;object-fit:cover}
.df-cp__intro p{color:var(--df-muted);font-size:.92rem}
.df-cp__intro .df-btn{align-self:flex-start}
.df-cp__rail{position:relative;min-width:0}
.df-cp__nav{position:absolute;top:-56px;right:0}
.df-cp:not(.is-scrollable) .df-cp__nav{visibility:hidden}
.df-cp__rail .df-pcar__track{grid-auto-columns:calc((100% - 2 * clamp(12px,1.6vw,24px)) / 3)}
@media (max-width:860px){.df-cp__in{grid-template-columns:1fr}.df-cp__nav{display:none}.df-cp__rail .df-pcar__track{grid-auto-columns:72%}.df-cp__intro{min-height:180px}}

/* Kampanya bento */
.df-bg__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(200px,auto);gap:clamp(10px,1.5vw,18px)}
.df-bg__grid--1 .df-bg__cell{grid-column:1/-1}
.df-bg__grid--2 .df-bg__cell{grid-column:span 2}
.df-bg__grid--3 .df-bg__cell:first-child{grid-column:span 2;grid-row:span 2}
.df-bg__grid--3 .df-bg__cell:not(:first-child){grid-column:span 2}
.df-bg__cell--wide{grid-column:span 2}
.df-bg__cell--tall{grid-row:span 2}
.df-bg__card{position:relative;display:flex;align-items:flex-end;height:100%;min-height:200px;border-radius:var(--df-radius-lg);overflow:hidden;isolation:isolate;padding:clamp(18px,2.4vw,32px)}
.df-tone--dark{background:#10122a;color:#fff}.df-tone--light{background:var(--df-surface-2);color:var(--df-ink)}
.df-tone--brand{background:var(--df-grad);color:var(--df-brand-ink)}.df-tone--accent{background:var(--df-accent);color:#1a1205}
.df-bg__img{position:absolute;inset:0;z-index:-1}
.df-bg__img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--df-ease)}
.df-tone--dark .df-bg__img::after,.df-tone--brand .df-bg__img::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,6,20,.72),transparent 65%)}
a.df-bg__card:hover .df-bg__img img{transform:scale(1.06)}
.df-bg__art{position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 70% at 85% 15%,rgba(255,255,255,.22),transparent 60%)}
.df-bg__text{display:flex;flex-direction:column;gap:6px;max-width:44ch}
.df-bg__card .df-kicker{color:inherit;opacity:.85}
.df-bg__title{font-size:clamp(1.25rem,1rem + 1.2vw,2rem);font-weight:850;letter-spacing:-.02em;line-height:1.15}
.df-bg__desc{opacity:.85}
.df-bg__cta{display:inline-flex;align-items:center;gap:6px;font-weight:800;margin-top:6px}
@media (max-width:760px){.df-bg__grid{grid-template-columns:1fr}.df-bg__grid .df-bg__cell{grid-column:auto!important;grid-row:auto!important}}

/* Tanıtım bandı */
.df-sb__box{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:calc(var(--df-radius) * 1.75);overflow:hidden;background:var(--df-card);border:1px solid var(--df-line)}
.df-sb--right .df-sb__media{order:2}
.df-sb__media{position:relative;min-height:320px;background:var(--df-grad)}
.df-sb__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.df-sb__art i{position:absolute;border-radius:50%;border:1.5px solid rgba(255,255,255,.4)}
.df-sb__art i:nth-child(1){width:70%;aspect-ratio:1;left:15%;top:15%;animation:df-spin 50s linear infinite;border-style:dashed}
.df-sb__art i:nth-child(2){width:40%;aspect-ratio:1;left:30%;top:30%;background:rgba(255,255,255,.18);backdrop-filter:blur(6px)}
.df-sb__art i:nth-child(3){width:16%;aspect-ratio:1;right:14%;bottom:12%;background:rgba(255,255,255,.35);animation:df-float 8s ease-in-out infinite}
.df-sb__text{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:clamp(28px,5vw,64px)}
.df-sb__points{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.df-sb__points li{display:flex;gap:10px;align-items:center;font-weight:650}
.df-sb__points .df-i{width:22px;height:22px;padding:4px;border-radius:50%;background:var(--df-brand-soft);color:var(--df-brand-text)}
@media (max-width:860px){.df-sb__box{grid-template-columns:1fr}.df-sb--right .df-sb__media{order:0}.df-sb__media{min-height:220px}}

/* Fırsat */
.df-deal__box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(20px,4vw,48px);align-items:center;padding:clamp(20px,4vw,48px);border-radius:calc(var(--df-radius) * 1.75);background:linear-gradient(135deg,var(--df-card),var(--df-brand-soft));border:1px solid var(--df-line)}
.df-deal__media{aspect-ratio:1;border-radius:var(--df-radius-lg);overflow:hidden;background:var(--df-surface)}
.df-deal__media img{width:100%;height:100%;object-fit:contain;padding:8%}
.df-deal__text{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.df-deal__price{font-size:1.6rem}
.df-deal__cd{display:flex;gap:10px}
.df-deal__cd span{display:flex;flex-direction:column;align-items:center;min-width:64px;padding:10px;border-radius:14px;background:var(--df-ink);color:var(--df-bg);font-size:.72rem;font-weight:700;text-transform:uppercase}
.df-deal__cd b{font-size:1.5rem;font-variant-numeric:tabular-nums}
@media (max-width:760px){.df-deal__box{grid-template-columns:1fr}}

/* Yorumlar */
.df-tm__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.df-tm__head .df-shead{margin-bottom:0}
.df-tm__sum{display:flex;align-items:center;gap:12px}
.df-tm__sum b{font-size:2.6rem;font-weight:850;letter-spacing:-.04em;line-height:1}
.df-tm__sum span{display:flex;flex-direction:column;gap:2px}
.df-tm__sum small{color:var(--df-muted)}
.df-tm__track{grid-auto-columns:calc((100% - 2 * clamp(12px,1.6vw,24px)) / 3)!important}
.df-tm__item{scroll-snap-align:start;display:flex}
.df-tm__card{flex:1;display:flex;flex-direction:column;gap:12px;margin:0;padding:24px;border-radius:var(--df-radius-lg);background:var(--df-card);border:1px solid var(--df-line);position:relative}
.df-tm__card::before{content:"“";position:absolute;right:20px;top:4px;font-size:5rem;line-height:1;font-weight:900;color:var(--df-brand);opacity:.15}
.df-tm__title{font-weight:800}
.df-tm__body{margin:0;color:var(--df-ink-2);flex:1}
.df-tm__by{display:flex;gap:10px;align-items:center;font-size:.86rem}
.df-tm__by span:last-child{display:flex;flex-direction:column}
.df-tm__by a{color:var(--df-muted)}
.df-tm__by a:hover{color:var(--df-brand-text)}
.df-tm__av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--df-grad);color:#fff;font-weight:800}
@media (max-width:860px){.df-tm__track{grid-auto-columns:82%!important}}

/* Rakamlar */
.df-stats__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:0}
.df-stats__item{display:flex;flex-direction:column-reverse;gap:4px;padding:24px;border-radius:var(--df-radius-lg);background:var(--df-card);border:1px solid var(--df-line)}
.df-stats__item dd{margin:0;font-size:clamp(2rem,1.4rem + 2vw,3.2rem);font-weight:850;letter-spacing:-.04em;line-height:1}
.df-stats__item:nth-child(odd) dd{background:var(--df-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.df-stats__item dt{color:var(--df-muted);font-weight:650}

/* Markalar */
.df-br__viewport{--mq-pxs:40;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.df-br__track{display:flex;width:max-content;animation:df-marquee 40s linear infinite}
.df-br__viewport:hover .df-br__track,.df-br__viewport:focus-within .df-br__track{animation-play-state:paused}
.df-br__row,.df-br__grid{list-style:none;margin:0;padding:0 12px;display:flex;gap:12px}
.df-br__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:0}
.df-br__row a,.df-br__grid a{display:grid;place-items:center;width:180px;height:88px;padding:16px;border-radius:var(--df-radius);background:var(--df-card);border:1px solid var(--df-line);font-weight:800;color:var(--df-ink-2);transition:border-color .2s,transform .3s var(--df-ease)}
.df-br__grid a{width:auto}
.df-br__row a:hover,.df-br__grid a:hover{border-color:var(--df-brand);transform:translateY(-3px)}
.df-br__row img,.df-br__grid img{max-height:52px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.8;transition:filter .3s,opacity .3s}
.df-br__row a:hover img,.df-br__grid a:hover img{filter:none;opacity:1}
:root[data-theme="dark"] .df-br__row img,:root[data-theme="dark"] .df-br__grid img{filter:grayscale(1) invert(.85)}

/* Blog */
.df-bp__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(12px,1.6vw,24px)}
.df-post{display:flex;flex-direction:column;height:100%;border-radius:var(--df-radius-lg);overflow:hidden;background:var(--df-card);border:1px solid var(--df-line);transition:transform .3s var(--df-ease),box-shadow .3s}
.df-post:hover{transform:translateY(-4px);box-shadow:var(--df-shadow)}
.df-post__media{aspect-ratio:16/10;overflow:hidden;background:var(--df-surface-2)}
.df-post__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--df-ease)}
.df-post:hover .df-post__media img{transform:scale(1.05)}
.df-post__body{display:flex;flex-direction:column;gap:8px;padding:18px 20px 22px}
.df-post__meta{display:flex;gap:10px;align-items:center;font-size:.8rem;color:var(--df-muted)}
.df-post__title{font-size:1.1rem;font-weight:800;line-height:1.3}
.df-post__title a:hover{color:var(--df-brand-text)}
.df-post__ex{color:var(--df-muted);font-size:.92rem}

/* SSS */
.df-faq__in{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:clamp(20px,4vw,56px);align-items:start}
.df-faq__intro{display:flex;flex-direction:column;gap:12px;align-items:flex-start;position:sticky;top:100px}
@media (max-width:860px){.df-faq__in{grid-template-columns:1fr}.df-faq__intro{position:static}}

/* Serbest metin */
.df-rt__box{padding:clamp(24px,4vw,48px);border-radius:var(--df-radius-lg);background:var(--df-card);border:1px solid var(--df-line)}
.df-rt__box .df-h2{margin-bottom:14px}
.df-rt.is-center .df-rt__box{text-align:center}
.df-rt.is-center .df-prose{margin-inline:auto}

/* Kaydırınca belirme (animations kapalıysa devre dışı) */
.df-home:not(.df-animate) [data-reveal]{opacity:1!important;transform:none!important}
.js .df-animate [data-reveal]{transition-delay:calc(var(--i,0) * 70ms)}

/* Mobil: avantaj kartları 2×2 kompakt ızgara — ürünler ilk ekrana yakın görünsün */
@media (max-width:640px){
  .df-sec.df-usp{padding-block:12px}
  .df-usp__list{grid-template-columns:1fr 1fr;gap:8px}
  .df-usp__item{gap:8px;padding:10px;border-radius:var(--df-radius);min-width:0}
  .df-usp__item>span:last-child{min-width:0}
  .df-usp__ic{width:32px;height:32px;border-radius:10px}
  .df-usp__ic .df-i{width:18px;height:18px}
  .df-usp__item b{font-size:.8rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .df-usp__item small{font-size:.7rem;line-height:1.25;margin-top:1px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
}