/* ——————————————————————————————————————————————————————————————
   Mina ana sayfa sadeleştirme — 2026-10-09
   Namespaced: her kural body[data-mina-home="2026"] altinda.
   Zemin beyaz, bolum ayrimlari cok acik kirik beyaz, altin yalniz
   ince vurgu. Hicbir mevcut dosya degistirilmez.
   —————————————————————————————————————————————————————————————— */

body[data-mina-home="2026"]{
  --paper:#ffffff;
  --cream:#fbfaf8;
  --brown:#4a443d;        /* kahve yogunlugu kalkti: notr koyu */
  --gold:#c2a86a;         /* yalniz ince vurgu icin */
  --muted:#6d6862;
  --hair:#ededea;         /* bolum ayirici sac cizgi */
  --offwhite:#fbfaf8;     /* cok acik kirik beyaz */
  background:#fff;
}

/* ———————— 1. Ana sayfadan kaldirilan tekrarlar ————————
   DOM'da kalir (JS kancalari bozulmaz) ama hem gorsel hem
   erisilebilirlik agacindan ve odak sirasindan cikar.          */
/* .mina-editorial-welcome ve .mina-october mina-editorial.js tarafindan
   yuklemeden sonra eklenir (sezonluk karsilama / Ekim blogu); kaynak
   HTML'de yoklar, bu yuzden yalniz CSS ile ana sayfadan cikarilirlar. */
body[data-mina-home="2026"] .mina-editorial-welcome,
body[data-mina-home="2026"] .mina-october,
body[data-mina-home="2026"] .intro-strip,
body[data-mina-home="2026"] .home-install-feature,
body[data-mina-home="2026"] .mina-live-promo,
body[data-mina-home="2026"] .statement,
body[data-mina-home="2026"] .story-gallery,
body[data-mina-home="2026"] .home-journey-cta,
body[data-mina-home="2026"] .video-visit{
  display:none !important;
}

/* ———————— 2. Zemin ve bolum ayrimlari ———————— */
body[data-mina-home="2026"] .hero,
body[data-mina-home="2026"] .collection,
body[data-mina-home="2026"] .mina-kesif-ritim,
body[data-mina-home="2026"] .brand-film,
body[data-mina-home="2026"] .faq-section{
  background:#fff;
}
body[data-mina-home="2026"] .finder,
body[data-mina-home="2026"] .mina-kesif,
body[data-mina-home="2026"] .how-section,
body[data-mina-home="2026"] .contact{
  background:var(--offwhite);
}
body[data-mina-home="2026"] main > section + section,
body[data-mina-home="2026"] main > aside + section{
  border-top:1px solid var(--hair);
}

/* ———————— 3. Hero ———————— */
body[data-mina-home="2026"] .hero{
  min-height:0;
  align-items:center;
}
body[data-mina-home="2026"] .hero-copy{
  padding:clamp(48px,6vw,86px) 6% clamp(40px,5vw,70px) clamp(24px,8vw,13%);
  justify-content:center;
}
body[data-mina-home="2026"] .hero h1{
  font-size:clamp(46px,7vw,104px);
  margin:26px 0 20px;
  color:#201d1a;
}
body[data-mina-home="2026"] .hero h1 em{color:#201d1a;}
body[data-mina-home="2026"] .eyebrow{color:#8a8278;}
body[data-mina-home="2026"] .eyebrow .line{background:var(--gold);}
body[data-mina-home="2026"] .hero-copy > p{
  max-width:430px;
  font-size:15px;
  line-height:1.8;
  margin-bottom:26px;
}
body[data-mina-home="2026"] .hero-visual{
  background:var(--offwhite);
  min-height:0;
  padding:clamp(24px,4vw,52px) 0;
}
body[data-mina-home="2026"] .hero-visual:before{
  width:min(78%,460px);
  height:min(78%,460px);
  border-color:#efece6;
}
body[data-mina-home="2026"] .hero-frame{
  height:clamp(300px,42vw,500px);
  width:72%;
  box-shadow:0 18px 44px rgba(32,29,26,.08);
  border-radius:14px;
}
body[data-mina-home="2026"] .circle-mark{
  color:#b9ad99;
  border-color:#e6e1d8;
}
body[data-mina-home="2026"] .hero-signature{color:var(--muted);}

/* Hero eylemleri: Mina'nin farki ilk ekranda */
.mina-home-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  width:100%;
  max-width:460px;
}
.mina-home-cta{
  flex:1 1 190px;
  min-width:0;
  appearance:none;
  border:1px solid #201d1a;
  background:#201d1a;
  color:#fff;
  font:700 11.5px/1.2 'DM Sans',sans-serif;
  letter-spacing:.1em;
  padding:17px 18px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  cursor:pointer;
  transition:background .2s,color .2s,border-color .2s;
}
.mina-home-cta span{font-size:14px;opacity:.85;}
.mina-home-cta:hover{background:#000;border-color:#000;}
.mina-home-cta--chat{
  background:#fff;
  color:#201d1a;
  border-color:#d9d5cd;
}
.mina-home-cta--chat:hover{
  background:#fff;
  color:#201d1a;
  border-color:var(--gold);
}
.mina-home-cta:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}
.mina-home-sub{
  display:inline-block;
  margin-top:18px;
  font:600 11.5px 'DM Sans',sans-serif;
  letter-spacing:.07em;
  color:#6d6862;
  border-bottom:1px solid var(--gold);
  padding-bottom:5px;
}
.mina-home-sub:hover{color:#201d1a;}
.mina-home-note{
  margin:14px 0 0;
  font:400 11px/1.65 'DM Sans',sans-serif;
  color:#8a8278;
  max-width:420px;
}

/* ———————— 4. Stil sohbeti / finder ———————— */
body[data-mina-home="2026"] .finder{border-top:1px solid var(--hair);}
body[data-mina-home="2026"] .finder-app{background:#fff;}

/* ———————— 5. Kategori vitrini ———————— */
body[data-mina-home="2026"] .mina-kesif-tile{background:#fff;}
body[data-mina-home="2026"] .mina-kesif-shot{background:#f7f6f3;}
body[data-mina-home="2026"] .mina-kesif-foot a{
  border-bottom:1px solid var(--gold);
  padding-bottom:3px;
}

/* ———————— 6. Koleksiyon: kahve tonlari notr'a ———————— */
body[data-mina-home="2026"] .product-card{
  background:#fff;
  border:1px solid #f1f0ed;
}
body[data-mina-home="2026"] .product-photo{background:#f7f6f3;}
body[data-mina-home="2026"] .product-type{color:#8a8278;}
body[data-mina-home="2026"] .price strong{color:#201d1a;}
body[data-mina-home="2026"] .price span{background:#f7f6f3;color:#5c564e;}

/* ———————— 6b. Brand-film: koyu zemin icin yazilmisti ————————
   Bolum artik beyaz zeminde; metin renkleri beyaz/pembe kalirsa okunmaz. */
body[data-mina-home="2026"] .brand-film,
body[data-mina-home="2026"] .brand-film-copy,
body[data-mina-home="2026"] .brand-film h2,
body[data-mina-home="2026"] .brand-film h2 em{
  color:#201d1a;
}
body[data-mina-home="2026"] .brand-film-copy p{color:var(--muted);}
body[data-mina-home="2026"] .brand-film-note{color:#8a8278;}

/* Kalan kahve vurgular notr'a (baska dosyalarda sabit kodlu #957262) */
body[data-mina-home="2026"] .collection h2 em,
body[data-mina-home="2026"] .contact h2 em,
body[data-mina-home="2026"] .section-heading h2 em{
  color:#201d1a;
}

/* ———————— 7. Iletisim ———————— */
body[data-mina-home="2026"] .contact{background:var(--offwhite);}
body[data-mina-home="2026"] .contact a{border-bottom-color:var(--gold);}

/* ———————— 8. Mobil: dengeli tek kolon hero ————————
   Istek: fotografi basligin yanina sikistirma. Hero mobilde tek kolon;
   gorsel sira baslik -> kisa aciklama -> mevcut urun slideri -> iki CTA.
   DOM sirasi degismez (copy sonra visual); yalnizca CSS grid order
   gorsel duzene yardim eder, odak sirasi dogal okuma sirasini korur.
   .hero-copy display:contents ile kaybolur, cocuklari dogrudan .hero
   grid'inin ogesi olur; bu yuzden yatay bosluk .hero'ya tasinir.
   Desktop (>820px) hic etkilenmez.                                     */
@media (max-width:820px){
  body[data-mina-home="2026"] .hero{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    align-items:start;
    padding:34px clamp(16px,5vw,34px) 32px;
  }
  body[data-mina-home="2026"] .hero-copy{
    display:contents;
  }
  body[data-mina-home="2026"] .hero .eyebrow{order:1;}
  body[data-mina-home="2026"] .hero h1{
    order:2;
    font-size:clamp(34px,9.2vw,54px);
    margin:14px 0 12px;
  }
  /* Kisa aciklama: fotografin ustunde, tam genislik. */
  body[data-mina-home="2026"] .hero-copy > p:not(.mina-home-note){
    order:3;
    max-width:none;
    font-size:14px;
    line-height:1.7;
    margin:0 0 18px;
  }
  /* Mevcut urun slideri — tam genislik, yumusak kose, 250-320px gorunur. */
  body[data-mina-home="2026"] .hero-visual{
    order:4;
    display:block;
    width:100%;
    min-height:0;
    padding:0;
    margin:0;
    background:transparent;
    border-radius:16px;
    overflow:hidden;
  }
  body[data-mina-home="2026"] .hero-visual:before{display:none;}
  body[data-mina-home="2026"] .hero-frame{
    width:100%;
    max-width:none;
    height:clamp(250px,62vw,320px);
    border-radius:16px;
    box-shadow:0 14px 34px rgba(32,29,26,.12);
  }
  body[data-mina-home="2026"] .hero-slider-controls{
    bottom:12px;
    gap:7px;
    padding:6px 9px;
  }
  body[data-mina-home="2026"] .hero-slider-controls button{width:9px;height:9px;}
  body[data-mina-home="2026"] .hero-slider-controls button.is-active{width:20px;}
  /* Dekoratif monogram (aria-hidden) fotografi kapatiyordu. */
  body[data-mina-home="2026"] .circle-mark{display:none;}
  /* Iki islevsel CTA fotografin hemen altinda. */
  body[data-mina-home="2026"] .mina-home-actions{
    order:5;
    max-width:none;
    margin-top:20px;
  }
  body[data-mina-home="2026"] .mina-home-cta{flex:1 1 100%;}
  body[data-mina-home="2026"] .mina-home-note{order:6;max-width:none;}
  body[data-mina-home="2026"] .mina-home-sub{order:7;justify-self:start;}
  body[data-mina-home="2026"] .hero-signature{order:8;}
}
@media (max-width:500px){
  body[data-mina-home="2026"] .hero{padding:28px 16px 28px;}
  body[data-mina-home="2026"] .hero h1{margin:12px 0 10px;}
  body[data-mina-home="2026"] .hero-signature{margin-top:18px;}
}

/* ———————— 9. Yumusak koseler: sert kose kalmasin ———————— */
.mina-home-cta{border-radius:12px;}
.mina-home-sub{border-radius:0;}

/* ———————— 10. Hero editorial tipografi — 2026-10-09 ————————
   Istek: ust metin blogu fazla duz. Zarif serif baslik, italik +
   altin vurgu, ince grafik cizgi, kademeli aciklama. Slider ve
   iki CTA'nin islevi/yerlesimi degismez; yalniz tipografi.
   Webfont yuklenmiyor — Georgia/serif yedegi zarif durur.          */
body[data-mina-home="2026"]{
  --hero-serif:'Cormorant Garamond','Cormorant',Georgia,'Iowan Old Style','Times New Roman',serif;
  --gold-ink:#a8844a;   /* buyuk metinde erisilebilir altin ton */
}
body[data-mina-home="2026"] .hero .eyebrow{
  font-size:9.5px;
  font-weight:600;
  letter-spacing:.3em;
  color:#8d857a;
  gap:14px;
}
body[data-mina-home="2026"] .hero .eyebrow .line{
  width:40px;
  background:var(--gold-ink);
  opacity:.8;
}
body[data-mina-home="2026"] .hero h1{
  font-family:var(--hero-serif);
  font-weight:400;
  font-size:clamp(52px,7.2vw,116px);
  line-height:1.06;
  letter-spacing:-.015em;
  margin:24px 0 0;
  color:#1f1c19;
}
body[data-mina-home="2026"] .hero h1 em{
  font-style:italic;
  font-weight:400;
  color:var(--gold-ink);
  letter-spacing:0;
}
/* Ince grafik cizgi — DOM'a eleman eklenmeden basligi aciklamadan ayirir. */
body[data-mina-home="2026"] .hero h1:after{
  content:'';
  display:block;
  width:58px;
  height:1px;
  margin:28px 0 0;
  background:linear-gradient(90deg,var(--gold-ink),rgba(168,132,74,0));
}
body[data-mina-home="2026"] .hero-copy > p:not(.mina-home-note){
  max-width:36ch;
  font-size:14px;
  line-height:1.75;
  color:#605b54;
  margin:22px 0 26px;
}
/* Ilk cumle: ikinci kademe baslik gibi okunur, blok duzluk kirilir. */
body[data-mina-home="2026"] .hero-copy > p:not(.mina-home-note) strong{
  display:block;
  font-weight:500;
  font-size:15.5px;
  line-height:1.5;
  letter-spacing:-.004em;
  color:#262320;
  margin-bottom:7px;
}
/* Imza satiri eyebrow ile ayni bilgiyi tekrar ediyordu — kaldirildi. */
body[data-mina-home="2026"] .hero-signature{display:none !important;}

/* ———————— 11. Hero editorial — mobil kompakt ————————
   390x844'te foto + iki CTA ilk ekranda kalsin diye metin daralir. */
@media (max-width:820px){
  body[data-mina-home="2026"] .hero .eyebrow{
    font-size:8.8px;
    letter-spacing:.26em;
    gap:10px;
  }
  body[data-mina-home="2026"] .hero .eyebrow .line{width:26px;}
  body[data-mina-home="2026"] .hero h1{
    font-size:clamp(37px,10vw,52px);
    line-height:1.04;
    margin:12px 0 0;
  }
  body[data-mina-home="2026"] .hero h1:after{
    width:42px;
    margin:14px 0 0;
  }
  body[data-mina-home="2026"] .hero-copy > p:not(.mina-home-note){
    max-width:42ch;
    font-size:13.5px;
    line-height:1.6;
    margin:14px 0 16px;
  }
  body[data-mina-home="2026"] .hero-copy > p:not(.mina-home-note) strong{
    font-size:14.5px;
    line-height:1.4;
    margin-bottom:4px;
  }
}
@media (max-width:380px){
  body[data-mina-home="2026"] .hero h1{font-size:34px;margin:10px 0 0;}
  body[data-mina-home="2026"] .hero h1:after{margin:11px 0 0;}
  body[data-mina-home="2026"] .hero-copy > p:not(.mina-home-note){
    font-size:13px;
    line-height:1.55;
    margin:11px 0 14px;
  }
  body[data-mina-home="2026"] .hero-copy > p:not(.mina-home-note) strong{font-size:14px;}
}
/* 320-380px: footer-link-hub 1fr tracks were floored at min-content (170px col) and
   spilled 9px past the viewport. Let the tracks shrink and let the text wrap for real. */
@media (max-width:380px){
  body[data-mina-home="2026"] .footer-link-hub{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
  body[data-mina-home="2026"] .footer-link-hub>*{min-width:0;}
  body[data-mina-home="2026"] .footer-link-intro strong,
  body[data-mina-home="2026"] .footer-link-intro p,
  body[data-mina-home="2026"] .footer-link-group h3,
  body[data-mina-home="2026"] .footer-platform-name{min-width:0;overflow-wrap:break-word;}
  body[data-mina-home="2026"] .footer-link-group a.footer-platform{align-items:flex-start;}
}

/* ——————————————————————————————————————————————————————————————
   Kesif karolari — premium beyaz / hafif oval  (09.10.2026)
   Kapsam: yalniz body[data-mina-home="2026"] altindaki kategori
   (.mina-kesif) ve gunduz-aksam (.mina-kesif-ritim) bolumleri.
   Urun kartlari, fiyat, stok, sepet ve filtre mantigi DISINDA kalir.
   —————————————————————————————————————————————————————————————— */

/* Bolum zeminleri: kesif kirik beyaz, ritim kirik beyaz —
   boylece icerideki saf beyaz karolar zeminden ayrisir. */
body[data-mina-home="2026"] .mina-kesif,
body[data-mina-home="2026"] .mina-kesif-ritim{
  background:var(--offwhite);
}

/* ———— 1. Kategori karosu: beyaz kart, hafif oval ———— */
body[data-mina-home="2026"] .mina-kesif-tile{
  gap:0;
  background:#fff;
  border:1px solid #eceae5;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 1px 2px rgba(32,29,26,.035), 0 10px 26px rgba(32,29,26,.045);
  transition:transform .45s cubic-bezier(.2,.7,.2,1),
             box-shadow .45s cubic-bezier(.2,.7,.2,1),
             border-color .45s ease;
}
body[data-mina-home="2026"] .mina-kesif-shot{
  background:var(--offwhite);
  border-radius:0;
}
/* Sabit piksel yuksekligi yerine oran: 320'den 1280'e ayni kadraj. */
body[data-mina-home="2026"] .mina-kesif-shot img{
  height:auto;
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
}
body[data-mina-home="2026"] .mina-kesif-label{
  padding:15px 18px 17px;
  border-bottom:0;
  align-items:center;
}
body[data-mina-home="2026"] .mina-kesif-label b{
  font-size:19px;
}
/* Okunur bir "gir" isareti — yeni soz vermez, yalniz yon gosterir. */
body[data-mina-home="2026"] .mina-kesif-label::after{
  content:"→";
  margin-left:auto;
  font-size:14px;
  line-height:1;
  color:#a9a299;
  transition:transform .35s ease, color .35s ease;
}
body[data-mina-home="2026"] .mina-kesif-tile:hover,
body[data-mina-home="2026"] .mina-kesif-tile:focus-visible{
  transform:translateY(-4px);
  border-color:#e3ddd1;
  box-shadow:0 2px 4px rgba(32,29,26,.04), 0 18px 42px rgba(32,29,26,.10);
}
body[data-mina-home="2026"] .mina-kesif-tile:hover .mina-kesif-label::after,
body[data-mina-home="2026"] .mina-kesif-tile:focus-visible .mina-kesif-label::after{
  transform:translateX(4px);
  color:var(--gold);
}
body[data-mina-home="2026"] .mina-kesif-tile:focus-visible{
  outline:2px solid #201d1a;
  outline-offset:3px;
}

/* ———— 2. Gunduz / aksam secki satirlari: beyaz kart ———— */
body[data-mina-home="2026"] .mina-kesif-picks{
  gap:12px;
}
body[data-mina-home="2026"] .mina-kesif-pick{
  background:#fff;
  border:1px solid #eceae5;
  border-radius:18px;
  padding:13px 18px 13px 13px;
  gap:16px;
  box-shadow:0 1px 2px rgba(32,29,26,.03);
  transition:transform .35s cubic-bezier(.2,.7,.2,1),
             box-shadow .35s ease, border-color .35s ease;
}
/* Taban dosyada ilk satirin ust cizgisi "border-top:0" ile kaldiriliyordu;
   bu kisayol yalniz kalinligi degil border-top-style'i de none yapar, bu
   yuzden tek basina border-top-width ise yaramaz. Kart gorunumunde dort
   kenar gerektiginden kisayolun tamami geri yazilir. */
body[data-mina-home="2026"] .mina-kesif-picks li:first-child .mina-kesif-pick{
  border-top:1px solid #eceae5;
}
body[data-mina-home="2026"] .mina-kesif-pick img{
  width:74px;
  height:74px;
  border-radius:13px;
  background:var(--offwhite);
}
body[data-mina-home="2026"] .mina-kesif-pick:hover,
body[data-mina-home="2026"] .mina-kesif-pick:focus-visible{
  transform:translateY(-2px);
  border-color:#e3ddd1;
  box-shadow:0 2px 4px rgba(32,29,26,.04), 0 12px 28px rgba(32,29,26,.08);
}
body[data-mina-home="2026"] .mina-kesif-pick:focus-visible{
  outline:2px solid #201d1a;
  outline-offset:3px;
}
body[data-mina-home="2026"] .mina-kesif-col-head{
  border-bottom-color:#e8e5df;
}

/* ———— 3. Duyarli davranis ———— */
@media (max-width:1040px){
  body[data-mina-home="2026"] .mina-kesif-shot img{height:auto;}
}
@media (max-width:820px){
  body[data-mina-home="2026"] .mina-kesif-tile{border-radius:18px;}
  body[data-mina-home="2026"] .mina-kesif-pick{border-radius:16px;}
}
@media (max-width:560px){
  body[data-mina-home="2026"] .mina-kesif-tile{border-radius:16px;}
  body[data-mina-home="2026"] .mina-kesif-shot img{height:auto;}
  body[data-mina-home="2026"] .mina-kesif-label{
    flex-direction:row;
    align-items:center;
    gap:8px;
    padding:12px 13px 14px;
  }
  body[data-mina-home="2026"] .mina-kesif-label b{font-size:16px;}
  body[data-mina-home="2026"] .mina-kesif-label::after{font-size:13px;}
  body[data-mina-home="2026"] .mina-kesif-pick{
    border-radius:15px;
    padding:11px 14px 11px 11px;
    gap:13px;
  }
  body[data-mina-home="2026"] .mina-kesif-pick img{width:64px;height:64px;border-radius:11px;}
}
/* 320-360px: iki kolon + kart dolgusu dar kaliyor; baslik tasmasin. */
@media (max-width:360px){
  body[data-mina-home="2026"] .mina-kesif-grid{gap:14px 12px;}
  body[data-mina-home="2026"] .mina-kesif-label{padding:11px 11px 12px;}
  body[data-mina-home="2026"] .mina-kesif-label b{font-size:15px;min-width:0;overflow-wrap:break-word;}
  body[data-mina-home="2026"] .mina-kesif-pick-copy b{font-size:13px;min-width:0;overflow-wrap:break-word;}
}

@media (prefers-reduced-motion:reduce){
  body[data-mina-home="2026"] .mina-kesif-tile,
  body[data-mina-home="2026"] .mina-kesif-pick,
  body[data-mina-home="2026"] .mina-kesif-label::after{transition:none;}
  body[data-mina-home="2026"] .mina-kesif-tile:hover,
  body[data-mina-home="2026"] .mina-kesif-pick:hover{transform:none;}
  body[data-mina-home="2026"] .mina-kesif-tile:hover .mina-kesif-label::after{transform:none;}
}