/* Milares Lingerie paleti (14.10.2026): kiremit->pembe #C72C6A, adacayi->acik pembe #EBA9C2. Degisken adlari ayni birakildi. */
/* ============================================================
   Milares — milares.com.tr
   Yerlesim referansi: modanisa.com (olculerek alindi, 13 Eyl 2026)
     kapsayici 960px sabit · izgara 590/350 · bosluk 20px
     banner y. 250-270px · hero 350px · taban yazi 12px
   Renkler Milares markasindan: kiremit #C72C6A, adacayi #EBA9C2
   ============================================================ */

:root{
  --kiremit:#C72C6A;      /* ana vurgu (Modanisa'da turuncunun yeri) */
  --kiremit-koyu:#A3245A;
  --adacayi:#EBA9C2;
  --adacayi-acik:#FCEEF3;
  --zemin:#F9F9F9;
  --kart:#FFFFFF;
  --metin:#111111;
  --metin-2:#555555;
  --metin-3:#8A8A8A;
  --cizgi:#E6E6E6;
  --kap:960px;
  --bosluk:20px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.milares{
  margin:0; background:var(--zemin); color:var(--metin);
  font-family:'Hanken Grotesk','Trebuchet MS',Arial,Helvetica,sans-serif;
  font-size:16px; line-height:1.5;
}
body.milares img{max-width:100%; display:block}
body.milares a{color:inherit; text-decoration:none}
.mi-kap{width:var(--kap); margin:0 auto}

/* ---------- ust serit ---------- */
.mi-ust{background:#fff; border-bottom:1px solid var(--cizgi); font-size:15px}
.mi-ust .mi-kap{display:flex; align-items:center; justify-content:space-between; height:34px}
.mi-ust a{color:var(--metin-2)}
.mi-ust a:hover{color:var(--kiremit)}
.mi-ust-sol,.mi-ust-sag{display:flex; align-items:center; gap:16px}
.mi-rozet{
  background:var(--kiremit); color:#fff; padding:3px 10px; border-radius:11px;
  font-size:14px; letter-spacing:.3px;
}
.mi-rozet:hover{background:var(--kiremit-koyu); color:#fff}

/* ---------- baslik ---------- */
.mi-baslik{background:#fff}
.mi-baslik .mi-kap{display:flex; align-items:center; gap:24px; height:82px}
.mi-logo img{height:70px; width:auto} /* Lingerie: yigilmis logo, LINGERIE yazisi okunsun */
.mi-ara{flex:1; position:relative}
.mi-ara input{
  width:100%; height:44px; border:1px solid var(--cizgi); background:#fff;
  border-radius:22px; padding:0 46px 0 20px; font:inherit; color:var(--metin); outline:0;
}
.mi-ara input::placeholder{color:var(--metin-3)}
.mi-ara input:focus{border-color:var(--kiremit)}
.mi-ara button{
  position:absolute; right:5px; top:5px; width:34px; height:34px; border:0; border-radius:50%;
  background:transparent; color:var(--metin-2); cursor:pointer; display:grid; place-items:center;
}
.mi-ara button:hover{color:var(--kiremit)}
.mi-eylem{display:flex; gap:22px}
.mi-eylem a{display:grid; justify-items:center; gap:3px; font-size:14px; color:var(--metin-2)}
.mi-eylem a:hover{color:var(--kiremit)}
.mi-eylem svg{width:23px; height:23px}
.mi-sayi{
  position:absolute; transform:translate(11px,-4px);
  background:var(--kiremit); color:#fff; font-size:12px; line-height:1;
  min-width:14px; padding:3px 4px; border-radius:8px; text-align:center;
}

/* ---------- gezinme ---------- */
.mi-gez{background:#fff; border-top:1px solid var(--cizgi); border-bottom:1px solid var(--cizgi)}
.mi-gez ul{
  list-style:none; margin:0; padding:0; display:flex; align-items:center; height:42px; gap:0;
  /* 14px yazi + 7px boslukla 12 baslik (Erkek ve Cocuk dahil, 23 Eyl 2026) 960px.e siginiyor; kategori adlari uzayinca
     kesilmesin diye tasma yatay kaydirmaya duser (cubuk gizli). */
  overflow-x:auto; scrollbar-width:none; -ms-overflow-style:none;
}
.mi-gez ul::-webkit-scrollbar{display:none}
.mi-gez li{flex:0 0 auto}
.mi-gez a{
  display:block; padding:0 7px; line-height:42px; font-size:14px; color:var(--metin);
  white-space:nowrap; border-bottom:2px solid transparent;
}
.mi-gez a:hover{color:var(--kiremit); border-bottom-color:var(--kiremit)}
.mi-gez a.mi-one{color:var(--kiremit); font-weight:600}

/* ---------- hero ---------- */
.mi-hero{margin-top:var(--bosluk)}
.mi-hero-cer{position:relative; height:350px; overflow:hidden; background:var(--adacayi-acik)}
.mi-slayt{position:absolute; inset:0; display:flex; opacity:0; transition:opacity .6s ease}
.mi-slayt.aktif{opacity:1}
.mi-slayt img{width:100%; height:100%; object-fit:cover}
.mi-nokta{
  position:absolute; left:0; right:0; bottom:14px; display:flex; justify-content:center; gap:7px;
}
.mi-nokta button{
  width:8px; height:8px; border-radius:50%; border:0; padding:0; cursor:pointer;
  background:rgba(255,255,255,.55);
}
.mi-nokta button.aktif{background:#fff; width:20px; border-radius:4px}

/* ---------- banner izgarasi ---------- */
.mi-satir{display:flex; gap:var(--bosluk); margin-top:var(--bosluk)}
.mi-genis{flex:0 0 590px}
.mi-dar{flex:0 0 350px}
.mi-tam{flex:1 1 100%}
.mi-banner{
  position:relative; display:block; height:250px; overflow:hidden; background:var(--adacayi-acik);
}
.mi-banner.mi-uzun{height:270px}
.mi-banner img{width:100%; height:100%; object-fit:cover; transition:transform .5s ease}
.mi-banner:hover img{transform:scale(1.035)}
.mi-banner-ic{
  position:absolute; inset:0; display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:14px; text-align:center; padding:24px;
}
.mi-banner-ust{font-size:15px; letter-spacing:2.4px; text-transform:uppercase; color:var(--metin-2)}
.mi-banner-bas{
  font-size:33px; line-height:1.15; font-weight:700; letter-spacing:.4px; color:var(--metin);
  margin:0;
}
.mi-banner-bas em{font-style:normal; color:var(--kiremit)}
.mi-dugme{
  display:inline-block; background:#fff; color:var(--metin); border:1px solid var(--metin);
  font-size:14px; letter-spacing:1.6px; text-transform:uppercase; padding:11px 22px;
  transition:background .2s ease,color .2s ease;
}
.mi-dugme:hover{background:var(--metin); color:#fff}
.mi-banner.mi-dolu .mi-banner-ust,
.mi-banner.mi-dolu .mi-banner-bas,
.mi-slayt.mi-dolu .mi-banner-ust,
.mi-slayt.mi-dolu .mi-banner-bas{color:#fff}
.mi-banner.mi-dolu .mi-dugme,
.mi-slayt.mi-dolu .mi-dugme{background:transparent; color:#fff; border-color:#fff}
.mi-banner.mi-dolu .mi-dugme:hover,
.mi-slayt.mi-dolu .mi-dugme:hover{background:#fff; color:var(--metin)}
.mi-ortu{position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.34))}

/* yer tutucu (gorsel yuklenmeden once) */
.mi-yer{
  background:
    repeating-linear-gradient(45deg,rgba(255,255,255,.5) 0 12px,transparent 12px 24px),
    var(--adacayi-acik);
  display:grid; place-items:center;
}
/* banner ve hero'da etiket ortada degil kosede dursun — banner yazisiyla cakisiyordu */
.mi-banner .mi-yer,
.mi-hero-cer .mi-yer{place-items:end end; padding:10px}
.mi-yer span{
  font-size:14px; letter-spacing:1.6px; text-transform:uppercase; color:#D987A6;
  border:1px dashed #F2C6D6; padding:7px 14px; background:rgba(255,255,255,.72);
}

/* ---------- bolum basligi ---------- */
.mi-bolum{margin-top:36px}
.mi-bolum-bas{
  display:flex; align-items:baseline; justify-content:space-between; margin:0 0 14px;
}
.mi-bolum-bas h2{
  margin:0; font-size:22px; font-weight:700; letter-spacing:.3px;
}
.mi-bolum-bas a{font-size:15px; color:var(--metin-2)}
.mi-bolum-bas a:hover{color:var(--kiremit)}

/* ---------- urun izgarasi ---------- */
.mi-urunler{display:grid; grid-template-columns:repeat(4,1fr); gap:var(--bosluk)}
.mi-urun{background:var(--kart); display:block}
.mi-urun-gorsel{display:block; position:relative; aspect-ratio:3/4; overflow:hidden; background:var(--adacayi-acik)}
.mi-urun-gorsel img{width:100%; height:100%; object-fit:cover; transition:transform .5s ease}
.mi-urun:hover .mi-urun-gorsel img{transform:scale(1.04)}
.mi-etiket{
  position:absolute; top:8px; left:8px; background:var(--kiremit); color:#fff;
  font-size:12px; letter-spacing:1px; text-transform:uppercase; padding:4px 8px;
}
.mi-kalp{
  position:absolute; top:8px; right:8px; width:26px; height:26px; border-radius:50%;
  background:rgba(255,255,255,.92); display:grid; place-items:center; color:var(--metin-2);
  opacity:0; transition:opacity .25s ease;
}
.mi-urun:hover .mi-kalp{opacity:1}
.mi-kalp:hover{color:var(--kiremit)}
.mi-urun-alt{display:block; padding:10px 2px 16px}
.mi-marka{font-size:14px; letter-spacing:1.1px; text-transform:uppercase; color:var(--metin-3)}
.mi-ad{
  margin:3px 0 7px; font-size:16px; color:var(--metin); line-height:1.35;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.mi-fiyat{display:flex; align-items:baseline; gap:7px}
.mi-fiyat b{font-size:18px; font-weight:700; color:var(--kiremit)}
.mi-fiyat s{font-size:15px; color:var(--metin-3)}

/* ---------- populer kategori halkalari ---------- */
.mi-halkalar{display:flex; flex-wrap:wrap; gap:9px}
.mi-halka{
  border:1px solid var(--cizgi); background:#fff; padding:10px 17px; font-size:15px;
  color:var(--metin-2); transition:all .2s ease;
}
.mi-halka:hover{border-color:var(--kiremit); color:var(--kiremit)}

/* ---------- seo metni ---------- */
.mi-seo{margin:36px 0 0; padding:22px 0 34px; border-top:1px solid var(--cizgi)}
/* h1 de kapsanir: ana sayfada bu baslik 14.09.2026'da h2'den h1'e tasindi */
.mi-seo h1,.mi-seo h2{margin:0 0 9px; font-size:18px; font-weight:700}
.mi-seo p{margin:0; font-size:15px; line-height:1.75; color:var(--metin-2)}

/* ---------- alt bilgi ---------- */
.mi-alt{background:#fff; border-top:1px solid var(--cizgi); margin-top:40px}
.mi-alt-ust{display:flex; gap:var(--bosluk); padding:32px 0}
.mi-alt-sutun{flex:1}
.mi-alt-sutun h3{
  margin:0 0 11px; font-size:15px; letter-spacing:1.2px; text-transform:uppercase; color:var(--metin);
}
.mi-alt-sutun ul{list-style:none; margin:0; padding:0; display:grid; gap:7px}
.mi-alt-sutun a{font-size:15px; color:var(--metin-2)}
.mi-alt-sutun a:hover{color:var(--kiremit)}
.mi-alt-son{
  border-top:1px solid var(--cizgi); padding:15px 0; display:flex;
  align-items:center; justify-content:space-between; font-size:15px; color:var(--metin-3);
}
.mi-alt-logo img{height:44px; width:auto; opacity:.85}
/* 18.09.2026: iyzico basvuru kriteri — alt bilgide kart ve iyzico logolari */
.mi-alt-odeme{
  border-top:1px solid var(--cizgi); padding:15px 0; display:flex;
  align-items:center; gap:14px; flex-wrap:wrap;
}
.mi-alt-odeme span{
  font-size:13px; letter-spacing:1.2px; text-transform:uppercase; color:var(--metin-3);
}
.mi-alt-odeme img{height:28px; width:auto; max-width:100%}
/* 25.09.2026: MC yanlis beyan duzeltmesi — alt bilgide satici kimligi */
.mi-alt-firma{
  border-top:1px solid var(--cizgi); padding:12px 0; display:flex; flex-wrap:wrap;
  gap:6px 18px; font-size:13px; line-height:1.6; color:var(--metin-3);
}
.mi-alt-firma a{color:var(--metin-2)}
.mi-alt-firma a:hover{color:var(--kiremit)}

/* ---------- dar ekran ---------- */
@media (max-width:1000px){
  :root{--kap:100%}
  .mi-kap{padding:0 14px}
  /* 14.09.2026: ust serit sabit 34px yuksekligiyle mobilde yaziyi disari
     tasiriyordu (font 13->15 buyuyunce gorunur oldu). Yukseklik serbest. */
  .mi-ust .mi-kap{height:auto; min-height:34px; flex-wrap:wrap;
                  gap:2px 12px; padding-top:6px; padding-bottom:6px}
  .mi-ust-sol,.mi-ust-sag{gap:12px}
  .mi-satir{flex-wrap:wrap}
  .mi-genis,.mi-dar{flex:1 1 100%}
  .mi-urunler{grid-template-columns:repeat(2,1fr)}
  .mi-baslik .mi-kap{height:auto; flex-wrap:wrap; padding-top:12px; padding-bottom:12px; gap:12px}
  .mi-logo img{height:56px}
  .mi-ara{order:3; flex:1 1 100%}
  .mi-gez ul{overflow-x:auto; scrollbar-width:none}
  .mi-gez ul::-webkit-scrollbar{display:none}
  .mi-hero-cer{height:220px}
  .mi-banner,.mi-banner.mi-uzun{height:200px}
  .mi-banner-bas{font-size:22px}
  .mi-alt-ust{flex-wrap:wrap}
  .mi-alt-sutun{flex:1 1 45%}
  .mi-alt-odeme img{height:24px}
}

/* ============================================================
   LISTE / KATEGORI SAYFALARI
   Modanisa olculeri: kart 225px, bosluk 20px, 4 sutun = 960
   H1 24px (bizim olcekte 26), kirinti 12px (bizde 14)
   ============================================================ */

.mi-kirinti{margin:18px 0 0; font-size:15px; color:var(--metin-3); display:flex; flex-wrap:wrap; gap:6px}
.mi-kirinti a{color:var(--metin-2)}
.mi-kirinti a:hover{color:var(--kiremit)}
.mi-kirinti span[aria-current]{color:var(--metin-3)}

.mi-liste-bas{display:flex; align-items:baseline; gap:12px; margin:12px 0 16px}
.mi-liste-bas h1{margin:0; font-size:29px; font-weight:700; letter-spacing:.2px}
.mi-adet{font-size:15px; color:var(--metin-3)}

.mi-filtre{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:12px 0; margin-bottom:20px;
  border-top:1px solid var(--cizgi); border-bottom:1px solid var(--cizgi);
}
.mi-filtre-sol{display:flex; flex-wrap:wrap; gap:8px; min-height:1px}
.mi-filtre-sag{display:flex; align-items:center; gap:9px; flex:0 0 auto}
.mi-filtre-sag label{font-size:15px; color:var(--metin-3)}
.mi-filtre-sag select{
  font:inherit; font-size:15px; color:var(--metin); background:#fff;
  border:1px solid var(--cizgi); padding:8px 12px; cursor:pointer; outline:0;
}
.mi-filtre-sag select:focus{border-color:var(--kiremit)}

/* liste izgarasi ana sayfadakiyle ayni (.mi-urunler) — 4 x 225px */

/* indirimli fiyatta eski deger */
.mi-fiyat .mi-eski,
.mi-eski{
  font-weight:400; font-size:15px; color:var(--metin-3);
  text-decoration:line-through; margin-inline-start:7px;
}
.mi-etiket-gri{background:var(--metin-3) !important}

/* sayfalama */
.mi-sayfalama{margin:28px 0 8px; display:flex; justify-content:center}
.mi-sayfalama ul,
.mi-sayfalama .pagination{
  list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:6px; align-items:center;
}
.mi-sayfalama li>*,
.mi-sayfalama li{list-style:none}
.mi-sayfalama a,
.mi-sayfalama span{
  display:block; min-width:36px; padding:9px 11px; text-align:center; font-size:15px;
  border:1px solid var(--cizgi); background:#fff; color:var(--metin-2);
}
.mi-sayfalama a:hover{border-color:var(--kiremit); color:var(--kiremit)}
.mi-sayfalama .active span,
.mi-sayfalama li.active span{background:var(--kiremit); border-color:var(--kiremit); color:#fff}
.mi-sayfalama .disabled span{color:#C7C7C7}

/* bos liste */
.mi-bos{padding:56px 0 64px; text-align:center}
.mi-bos p{margin:0 0 16px; font-size:17px; color:var(--metin-2)}

/* alt kategori kartlari (kategori sayfasi) */
.mi-alt-kategoriler{flex-wrap:wrap}
.mi-alt-kart{flex:0 0 calc((100% - 40px) / 3)}
.mi-alt-kart .mi-banner{height:200px}

@media (max-width:1000px){
  .mi-filtre{flex-wrap:wrap}
  .mi-alt-kart{flex:1 1 calc((100% - 20px) / 2)}
  .mi-liste-bas h1{font-size:24px}
}

/* ============================================================
   URUN DETAY (PDP)
   Modanisa olculeri: sol gorsel blogu 425 (kucukler 60 + ana 340),
   sag bilgi sutunu 510, Sepete Ekle 430x50, H1 22px (bizde 26)
   ============================================================ */

.mi-pdp-ust{
  display:flex; align-items:baseline; justify-content:space-between; gap:16px; flex-wrap:wrap;
}
.mi-pdp-ust .mi-kirinti{flex:1 1 auto}
.mi-urun-kodu{font-size:14px; color:var(--metin-3); white-space:nowrap}

.mi-pdp{display:flex; gap:25px; align-items:flex-start; margin:16px 0 8px}
.mi-pdp-sol{flex:0 0 425px; display:flex; gap:5px}
.mi-pdp-sag{flex:0 0 510px}

.mi-kucukler{flex:0 0 60px; display:flex; flex-direction:column; gap:5px}
.mi-kucuk{
  display:block; width:60px; height:81px; padding:0; cursor:pointer; overflow:hidden;
  border:1px solid transparent; background:var(--adacayi-acik);
}
.mi-kucuk img{width:100%; height:100%; object-fit:cover}
.mi-kucuk.aktif{border-color:var(--kiremit)}
.mi-kucuk:hover{border-color:var(--adacayi)}

.mi-buyuk{
  flex:0 0 340px; position:relative; width:340px; aspect-ratio:3/4;
  overflow:hidden; background:var(--adacayi-acik);
}
.mi-buyuk img{width:100%; height:100%; object-fit:cover}

.mi-pdp-marka{
  font-size:15px; letter-spacing:1.2px; text-transform:uppercase; color:var(--metin-2);
}
.mi-pdp-ad{margin:5px 0 12px; font-size:29px; font-weight:400; line-height:1.28; color:var(--metin)}
.mi-pdp-fiyat{
  font-size:24px; font-weight:700; color:var(--kiremit); margin-bottom:6px;
  display:flex; align-items:baseline; flex-wrap:wrap;
}
.mi-pdp-fiyat .mi-eski{font-size:16px}
.mi-pdp-stok{margin:0 0 12px; font-size:15px}
.mi-pdp-stok.mi-yok{color:#B3261E; font-weight:600}

.mi-sec{margin-top:20px}
.mi-sec-bas{
  font-size:16px; letter-spacing:1.1px; text-transform:uppercase; color:var(--metin);
  padding-bottom:8px; border-bottom:1px solid var(--cizgi); margin-bottom:12px;
}
.mi-chipler{display:flex; flex-wrap:wrap; gap:8px}
.mi-chip{cursor:pointer}
.mi-chip input{position:absolute; opacity:0; pointer-events:none}
.mi-chip span{
  display:block; min-width:46px; text-align:center; padding:10px 14px; font-size:15px;
  border:1px solid var(--cizgi); background:#fff; color:var(--metin-2); transition:all .18s ease;
}
.mi-chip:hover span{border-color:var(--adacayi)}
.mi-chip input:checked + span{border-color:var(--kiremit); color:var(--kiremit); font-weight:600}
.mi-chip input:focus-visible + span{outline:2px solid var(--kiremit); outline-offset:2px}
.mi-secim{
  width:100%; font:inherit; font-size:16px; padding:12px 14px; background:#fff;
  border:1px solid var(--cizgi); color:var(--metin); outline:0; cursor:pointer;
}
.mi-secim:focus{border-color:var(--kiremit)}
.mi-hata{display:block; margin-top:6px; font-size:14px; color:#B3261E}

.mi-pdp-eylem{display:flex; gap:10px; margin-top:22px}
.mi-adet-giris{
  flex:0 0 72px; font:inherit; font-size:16px; text-align:center; padding:0 8px; height:50px;
  border:1px solid var(--cizgi); background:#fff; color:var(--metin); outline:0;
}
.mi-adet-giris:focus{border-color:var(--kiremit)}
.mi-sepet-btn{
  flex:1 1 auto; height:50px; border:0; cursor:pointer;
  background:var(--kiremit); color:#fff; font-family:inherit; font-size:18px; font-weight:700;
  letter-spacing:.5px; transition:background .2s ease;
}
.mi-sepet-btn:hover{background:var(--kiremit-koyu)}
.mi-sepet-btn:disabled{background:#C7C7C7; cursor:not-allowed}

.mi-favori-form{margin-top:10px}
.mi-favori-btn{
  display:inline-flex; align-items:center; gap:8px; padding:11px 18px; cursor:pointer;
  background:#fff; border:1px solid var(--cizgi); color:var(--metin-2);
  font-family:inherit; font-size:15px; transition:all .2s ease;
}
.mi-favori-btn:hover{border-color:var(--kiremit); color:var(--kiremit)}

.mi-guven{
  list-style:none; margin:20px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:8px 18px;
  font-size:15px; color:var(--metin-2);
}
.mi-guven li::before{content:"✓"; color:var(--adacayi); font-weight:700; margin-inline-end:6px}
.mi-pdp-metin{font-size:16px; line-height:1.75; color:var(--metin-2)}
.mi-pdp-metin p{margin:0 0 10px}

@media (max-width:1000px){
  .mi-pdp{flex-wrap:wrap; gap:18px}
  .mi-pdp-sol,.mi-pdp-sag{flex:1 1 100%}
  .mi-pdp-sol{flex-direction:column-reverse; gap:8px}
  .mi-kucukler{flex-direction:row; overflow-x:auto; scrollbar-width:none}
  .mi-kucukler::-webkit-scrollbar{display:none}
  .mi-kucuk{flex:0 0 60px}
  .mi-buyuk{flex:1 1 auto; width:100%}
  .mi-pdp-ad{font-size:24px}
}

/* ============================================================
   SEPET · HESAP · FORMLAR · STATIK SAYFA
   ============================================================ */

.mi-sepet{display:flex; gap:25px; align-items:flex-start; margin-bottom:30px}
.mi-sepet-liste{flex:1 1 auto; background:#fff; border:1px solid var(--cizgi)}
.mi-sepet-satir{
  display:flex; align-items:center; gap:16px; padding:16px;
  border-bottom:1px solid var(--cizgi);
}
.mi-sepet-satir:last-child{border-bottom:0}
.mi-sepet-gorsel{
  flex:0 0 72px; position:relative; width:72px; aspect-ratio:3/4; overflow:hidden;
  background:var(--adacayi-acik);
}
.mi-sepet-gorsel img{width:100%; height:100%; object-fit:cover}
.mi-sepet-bilgi{flex:1 1 auto; min-width:0}
.mi-sepet-ad{display:block; font-size:16px; color:var(--metin); line-height:1.4}
.mi-sepet-ad:hover{color:var(--kiremit)}
.mi-sepet-kod,.mi-sepet-secenek{margin-top:4px; font-size:14px; color:var(--metin-3)}
.mi-sepet-secenek span{margin-inline-end:10px}
.mi-sepet-adet{flex:0 0 auto; display:flex; gap:5px}
.mi-sepet-adet input{
  width:58px; height:36px; text-align:center; font:inherit; font-size:15px;
  border:1px solid var(--cizgi); background:#fff; outline:0;
}
.mi-sepet-adet input:focus{border-color:var(--kiremit)}
.mi-sepet-adet button{
  height:36px; padding:0 12px; cursor:pointer; font-family:inherit; font-size:14px;
  background:#fff; border:1px solid var(--cizgi); color:var(--metin-2);
}
.mi-sepet-adet button:hover{border-color:var(--kiremit); color:var(--kiremit)}
.mi-sepet-fiyat{flex:0 0 auto; min-width:96px; text-align:end; font-size:17px; font-weight:700; color:var(--kiremit)}
.mi-sepet-sil button{
  width:30px; height:30px; cursor:pointer; font-size:22px; line-height:1;
  background:transparent; border:0; color:var(--metin-3);
}
.mi-sepet-sil button:hover{color:#B3261E}

.mi-sepet-ozet{flex:0 0 300px; background:#fff; border:1px solid var(--cizgi); padding:20px}
.mi-sepet-ozet h2{margin:0 0 14px; font-size:18px; font-weight:700}
.mi-ozet-satir{display:flex; justify-content:space-between; align-items:baseline; font-size:16px}
.mi-ozet-satir strong{font-size:20px; color:var(--kiremit)}
.mi-ozet-not{margin:8px 0 16px; font-size:14px; color:var(--metin-3)}
.mi-btn-link{display:flex; align-items:center; justify-content:center; text-align:center; width:100%}
.mi-devam{display:block; margin-top:12px; text-align:center; font-size:15px; color:var(--metin-2)}
.mi-devam:hover{color:var(--kiremit)}

/* --- formlar / hesap kutulari --- */
.mi-hesap-kutu{display:flex; gap:25px; align-items:flex-start; margin:16px 0 40px}
.mi-kart{flex:1 1 0; background:#fff; border:1px solid var(--cizgi); padding:26px}
.mi-kart h1{margin:0 0 20px; font-size:24px; font-weight:700}
.mi-kart h2{margin:0 0 10px; font-size:18px; font-weight:700}
.mi-kart-ikincil{flex:0 0 320px; background:var(--adacayi-acik); border-color:transparent}
.mi-kart-ikincil p{margin:0 0 18px; font-size:15px; line-height:1.7; color:var(--metin-2)}

.mi-alan{margin-bottom:16px}
.mi-alan label{display:block; margin-bottom:6px; font-size:15px; color:var(--metin-2)}
.mi-alan input,.mi-alan select,.mi-alan textarea{
  width:100%; font:inherit; font-size:16px; padding:11px 13px; background:#fff;
  border:1px solid var(--cizgi); color:var(--metin); outline:0;
}
.mi-alan input:focus,.mi-alan select:focus,.mi-alan textarea:focus{border-color:var(--kiremit)}
.mi-alan.mi-hatali input{border-color:#B3261E}
.mi-alan-ikili{display:flex; gap:12px}
.mi-alan-ikili .mi-alan{flex:1 1 0}
.mi-alan-satir{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px}
.mi-onay{display:flex; align-items:center; gap:7px; font-size:15px; color:var(--metin-2); cursor:pointer}
.mi-onay input{width:15px; height:15px; accent-color:var(--kiremit)}
.mi-bag{font-size:15px; color:var(--metin-2)}
.mi-bag:hover{color:var(--kiremit)}

/* --- hesap paneli --- */
.mi-hesap{display:flex; gap:25px; align-items:flex-start; margin:16px 0 40px}
.mi-hesap-menu{flex:0 0 220px; background:#fff; border:1px solid var(--cizgi); padding:18px 0}
.mi-hesap-menu h2{margin:0 0 10px; padding:0 18px; font-size:15px; letter-spacing:1.1px;
  text-transform:uppercase; color:var(--metin-3)}
.mi-hesap-menu ul{list-style:none; margin:0; padding:0}
.mi-hesap-menu a{display:block; padding:11px 18px; font-size:16px; color:var(--metin-2);
  border-inline-start:3px solid transparent}
.mi-hesap-menu a:hover{color:var(--kiremit); background:var(--adacayi-acik)}
.mi-hesap-menu a.mi-aktif{color:var(--kiremit); border-inline-start-color:var(--kiremit); font-weight:600}
.mi-hesap-icerik{flex:1 1 auto; background:#fff; border:1px solid var(--cizgi); padding:26px; min-width:0}
.mi-hesap-icerik h1{margin:0 0 18px; font-size:22px; font-weight:700}
.mi-hesap-icerik table{width:100%; border-collapse:collapse; font-size:15px}
.mi-hesap-icerik th{
  text-align:start; padding:10px 8px; border-bottom:1px solid var(--cizgi);
  font-size:14px; letter-spacing:.6px; text-transform:uppercase; color:var(--metin-3);
}
.mi-hesap-icerik td{padding:12px 8px; border-bottom:1px solid var(--cizgi)}

/* --- statik sayfa --- */
.mi-sayfa{background:#fff; border:1px solid var(--cizgi); padding:30px 34px; margin:16px 0 40px}
.mi-sayfa h1{margin:0 0 18px; font-size:27px; font-weight:700}
.mi-sayfa-govde{font-size:16px; line-height:1.85; color:var(--metin-2)}
.mi-sayfa-govde h2{margin:22px 0 8px; font-size:19px; color:var(--metin)}
.mi-sayfa-govde p{margin:0 0 12px}
.mi-sayfa-govde ul,.mi-sayfa-govde ol{margin:0 0 12px; padding-inline-start:20px}
.mi-sayfa-govde a{color:var(--kiremit); text-decoration:underline}

@media (max-width:1000px){
  .mi-sepet,.mi-hesap-kutu,.mi-hesap{flex-wrap:wrap}
  .mi-sepet-ozet,.mi-kart-ikincil,.mi-hesap-menu{flex:1 1 100%}
  .mi-sepet-satir{flex-wrap:wrap}
  .mi-sepet-bilgi{flex:1 1 60%}
  .mi-sayfa{padding:22px 18px}
}

/* --- blog --- */
.mi-blog{display:grid; grid-template-columns:repeat(2,1fr); gap:var(--bosluk); margin-bottom:30px}
.mi-yazi{background:#fff; border:1px solid var(--cizgi); padding:22px}
.mi-yazi time{font-size:14px; color:var(--metin-3)}
.mi-yazi h2{margin:7px 0 9px; font-size:19px; font-weight:700; line-height:1.35}
.mi-yazi h2 a:hover{color:var(--kiremit)}
.mi-yazi p{margin:0 0 12px; font-size:15px; line-height:1.7; color:var(--metin-2)}
@media (max-width:1000px){ .mi-blog{grid-template-columns:1fr} }

/* --- 404 --- */
.mi-404{text-align:center; padding:70px 20px 90px}
.mi-404-kod{font-size:72px; font-weight:700; line-height:1; color:var(--adacayi); letter-spacing:2px}
.mi-404 h1{margin:14px 0 8px; font-size:24px; font-weight:700}
.mi-404 p{margin:0 0 26px; font-size:16px; color:var(--metin-2)}
.mi-404-eylem{display:flex; gap:12px; justify-content:center; flex-wrap:wrap}
.mi-404-eylem .mi-sepet-btn{width:auto; padding:0 26px; text-decoration:none}

/* ============================================================
   FILTRE CUBUGU (Modanisa: kutular 40px, 12px yazi → bizde 14px)
   ============================================================ */
.mi-fd{position:relative}
.mi-fd > summary{
  list-style:none; cursor:pointer; user-select:none;
  display:flex; align-items:center; gap:7px; height:40px; padding:0 14px;
  border:1px solid var(--cizgi); background:#fff; color:var(--metin); font-size:16px;
  white-space:nowrap;
}
.mi-fd > summary::-webkit-details-marker{display:none}
.mi-fd > summary::after{
  content:""; width:6px; height:6px; margin-inline-start:2px;
  border-inline-end:1.5px solid var(--metin-3); border-block-end:1.5px solid var(--metin-3);
  transform:rotate(45deg) translateY(-2px); transition:transform .2s ease;
}
.mi-fd[open] > summary::after{transform:rotate(-135deg) translateY(-2px)}
.mi-fd > summary:hover{border-color:var(--kiremit)}
.mi-fd[open] > summary{border-color:var(--kiremit); color:var(--kiremit)}
.mi-fd > summary i{
  font-style:normal; min-width:18px; height:18px; line-height:18px; text-align:center;
  background:var(--kiremit); color:#fff; font-size:12px; border-radius:9px; padding:0 5px;
}

.mi-fd-panel{
  position:absolute; z-index:30; inset-inline-start:0; top:calc(100% + 4px);
  min-width:230px; max-width:330px; padding:14px;
  background:#fff; border:1px solid var(--cizgi); box-shadow:0 8px 24px rgba(0,0,0,.09);
}
.mi-fd-bag{display:block; padding:8px 4px; font-size:16px; color:var(--metin-2)}
.mi-fd-bag:hover{color:var(--kiremit)}
.mi-fd-kutular{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px}
.mi-fd-onay{cursor:pointer}
.mi-fd-onay input{position:absolute; opacity:0; pointer-events:none}
.mi-fd-onay span{
  display:block; min-width:44px; text-align:center; padding:8px 12px; font-size:15px;
  border:1px solid var(--cizgi); background:#fff; color:var(--metin-2); transition:all .18s ease;
}
.mi-fd-onay:hover span{border-color:var(--adacayi)}
.mi-fd-onay input:checked + span{border-color:var(--kiremit); color:var(--kiremit); font-weight:600}
.mi-fd-fiyat{display:flex; align-items:center; gap:8px; margin-bottom:12px}
.mi-fd-fiyat input{
  width:100%; min-width:0; font:inherit; font-size:15px; padding:9px 10px;
  border:1px solid var(--cizgi); background:#fff; outline:0;
}
.mi-fd-fiyat input:focus{border-color:var(--kiremit)}
.mi-fd-fiyat span{color:var(--metin-3)}
.mi-fd-uygula{
  width:100%; height:38px; border:0; cursor:pointer; background:var(--kiremit); color:#fff;
  font-family:inherit; font-size:15px; font-weight:600;
}
.mi-fd-uygula:hover{background:var(--kiremit-koyu)}
.mi-fd-temizle{font-size:15px; color:var(--kiremit); text-decoration:underline; align-self:center}

@media (max-width:1000px){
  .mi-fd-panel{position:static; min-width:0; max-width:none; box-shadow:none; margin-top:6px}
}

/* ============================================================
   KASA (checkout)
   ============================================================ */
.mi-kasa{display:flex; gap:25px; align-items:flex-start; margin:16px 0 40px}
.mi-kasa-sol{flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:18px}
.mi-kasa-sag{flex:0 0 320px; position:sticky; top:16px}

.mi-kutu{background:#fff; border:1px solid var(--cizgi); padding:22px 24px}
.mi-kutu h2{
  display:flex; align-items:center; gap:10px; margin:0 0 16px;
  font-size:18px; font-weight:700; color:var(--metin);
}
.mi-kutu h2 span{
  flex:0 0 24px; width:24px; height:24px; line-height:24px; text-align:center;
  background:var(--kiremit); color:#fff; border-radius:50%; font-size:14px; font-weight:700;
}
.mi-kutu-not{margin:-6px 0 16px; font-size:15px; color:var(--metin-2)}
.mi-istege-bagli{color:var(--metin-3); font-weight:400}
.mi-alan-uclu{display:flex; gap:12px}
.mi-alan-uclu .mi-alan{flex:1 1 0; min-width:0}

/* radyo secenekler (kargo / odeme) */
.mi-secenekler{display:flex; flex-direction:column; gap:9px}
.mi-secenek{cursor:pointer; display:block}
.mi-secenek input{position:absolute; opacity:0; pointer-events:none}
.mi-secenek-ic{
  display:flex; align-items:flex-start; gap:12px; padding:14px 16px;
  border:1px solid var(--cizgi); background:#fff; transition:all .18s ease;
}
.mi-secenek-ic::before{
  content:""; flex:0 0 16px; width:16px; height:16px; margin-top:1px; border-radius:50%;
  border:1.5px solid var(--cizgi); background:#fff; transition:all .18s ease;
}
.mi-secenek:hover .mi-secenek-ic{border-color:var(--adacayi)}
.mi-secenek input:checked + .mi-secenek-ic{border-color:var(--kiremit); background:#FEF7FA}
.mi-secenek input:checked + .mi-secenek-ic::before{
  border-color:var(--kiremit); border-width:5px;
}
.mi-secenek-ad{display:block; font-size:16px; color:var(--metin); font-weight:600}
.mi-secenek-aciklama{display:block; margin-top:4px; font-size:14px; line-height:1.6; color:var(--metin-2)}
.mi-secenek-fiyat{margin-inline-start:auto; font-size:16px; font-weight:700; color:var(--kiremit); white-space:nowrap}
.mi-secenek-ic > span:not(.mi-secenek-fiyat){flex:1 1 auto; min-width:0}

/* siparis ozeti */
.mi-ozet{background:#fff; border:1px solid var(--cizgi); padding:20px}
.mi-ozet h2{margin:0 0 14px; font-size:18px; font-weight:700}
.mi-ozet-urunler{display:flex; flex-direction:column; gap:12px; padding-bottom:14px;
  margin-bottom:12px; border-bottom:1px solid var(--cizgi); max-height:320px; overflow-y:auto}
.mi-ozet-urun{display:flex; gap:11px; align-items:flex-start}
.mi-ozet-gorsel{
  position:relative; flex:0 0 46px; width:46px; aspect-ratio:3/4; overflow:hidden;
  background:var(--adacayi-acik); display:block;
}
.mi-ozet-gorsel img{width:100%; height:100%; object-fit:cover}
.mi-ozet-gorsel i{
  position:absolute; top:-5px; right:-5px; min-width:18px; height:18px; line-height:18px;
  padding:0 5px; border-radius:9px; background:var(--metin); color:#fff;
  font-style:normal; font-size:12px; text-align:center;
}
.mi-ozet-bilgi{flex:1 1 auto; min-width:0}
.mi-ozet-ad{display:block; font-size:15px; line-height:1.4; color:var(--metin);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.mi-ozet-secenek{display:block; margin-top:3px; font-size:12px; color:var(--metin-3)}
.mi-ozet-fiyat{flex:0 0 auto; font-size:15px; font-weight:700; color:var(--metin); white-space:nowrap}
.mi-ozet-toplam{margin-top:8px; padding-top:10px; border-top:1px solid var(--cizgi)}
.mi-ozet-toplam span{font-size:17px; font-weight:700}
.mi-ozet-toplam strong{font-size:22px}
.mi-sozlesme{align-items:flex-start; margin-top:16px; line-height:1.6}
.mi-sozlesme input{margin-top:2px}
.mi-sozlesme.mi-hatali span{color:#B3261E}

@media (max-width:1000px){
  .mi-kasa{flex-wrap:wrap}
  .mi-kasa-sag{flex:1 1 100%; position:static}
  .mi-alan-uclu{flex-wrap:wrap}
  .mi-alan-uclu .mi-alan{flex:1 1 45%}
  .mi-kutu{padding:18px 16px}
}

/* --- siparis onay --- */
.mi-tesekkur{text-align:center; padding:44px 20px 30px}
.mi-tesekkur-ikon{
  width:62px; height:62px; margin:0 auto 16px; border-radius:50%;
  background:var(--adacayi-acik); color:var(--adacayi); display:grid; place-items:center;
}
.mi-tesekkur h1{margin:0 0 8px; font-size:27px; font-weight:700}
.mi-siparis-no{margin:0 0 10px; font-size:17px; color:var(--metin-2)}
.mi-siparis-no strong{color:var(--kiremit)}
.mi-tesekkur-not{max-width:560px; margin:0 auto; font-size:16px; line-height:1.75; color:var(--metin-2)}
.mi-siparis{display:flex; flex-direction:column; gap:18px; margin-bottom:40px}
.mi-bilgi{display:grid; grid-template-columns:150px 1fr; gap:8px 16px; margin:0; font-size:16px}
.mi-bilgi dt{color:var(--metin-3)}
.mi-bilgi dd{margin:0; color:var(--metin)}
.mi-adresler{display:flex; gap:30px; flex-wrap:wrap}
.mi-adresler > div{flex:1 1 240px}
.mi-adresler h3{margin:0 0 8px; font-size:15px; letter-spacing:1px; text-transform:uppercase; color:var(--metin-3)}
.mi-adresler address{font-style:normal; font-size:16px; line-height:1.7; color:var(--metin-2)}
.mi-siparis-tablo{width:100%; border-collapse:collapse; font-size:16px}
.mi-siparis-tablo th{
  text-align:start; padding:10px 8px; border-bottom:1px solid var(--cizgi);
  font-size:14px; letter-spacing:.6px; text-transform:uppercase; color:var(--metin-3);
}
.mi-siparis-tablo td{padding:12px 8px; border-bottom:1px solid var(--cizgi)}
.mi-siparis-tablo th:last-child,.mi-siparis-tablo td:last-child{text-align:end; white-space:nowrap}
.mi-siparis-tablo th:nth-child(2),.mi-siparis-tablo td:nth-child(2){text-align:center; width:70px}
.mi-tablo-secenek{display:block; margin-top:3px; font-size:14px; color:var(--metin-3)}
.mi-siparis-tablo tfoot td{border-bottom:0; padding-top:10px; padding-bottom:2px; color:var(--metin-2)}
.mi-tablo-toplam td{padding-top:12px; font-size:19px; font-weight:700; color:var(--metin)}
.mi-tablo-toplam td:last-child{color:var(--kiremit)}
.mi-tesekkur-eylem{display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-top:6px}
.mi-tesekkur-eylem .mi-sepet-btn{width:auto; padding:0 26px; text-decoration:none}
@media (max-width:1000px){ .mi-bilgi{grid-template-columns:1fr} .mi-bilgi dt{margin-top:8px} }

/* --- form yardimcilari --- */
.mi-uyari{
  margin:0 0 16px; padding:11px 14px; font-size:15px; line-height:1.6;
  background:#FDEFF4; border:1px solid #EBC0D0; color:#8A1F4C;
}
.mi-ipucu{display:block; margin-top:5px; font-size:14px; color:var(--metin-3)}
.mi-captcha{margin-bottom:8px}
.mi-captcha img{border:1px solid var(--cizgi); background:#fff; max-width:100%}

/* ============================================================
   HESABIM (14 Eyl 2026)
   Modanisa'nin hesap yerlesimi: solda sabit menu, sagda beyaz kart.
   Satir tabanli listeler; tablo yok, mobilde bloklara duser.
   ============================================================ */

/* --- kenar menudeki uye kimligi --- */
.mi-hesap-kisi{display:flex; align-items:center; gap:11px; padding:0 18px 16px;
  margin-bottom:6px; border-bottom:1px solid var(--cizgi)}
.mi-hesap-avatar{
  flex:0 0 38px; width:38px; height:38px; border-radius:50%;
  background:var(--adacayi-acik); color:var(--kiremit);
  display:flex; align-items:center; justify-content:center;
  font-size:18px; font-weight:700; text-transform:uppercase;
}
.mi-hesap-kisi-metin{min-width:0}
.mi-hesap-kisi-metin strong{display:block; font-size:16px; font-weight:600; line-height:1.3}
.mi-hesap-kisi-metin span{display:block; font-size:14px; color:var(--metin-3);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.mi-hesap-cikis{margin-top:6px; border-top:1px solid var(--cizgi); padding-top:6px}
.mi-hesap-cikis a{color:var(--metin-3)}

/* --- ozet --- */
.mi-hesap-selam{margin:-6px 0 20px; font-size:16px; color:var(--metin-2)}
.mi-hesap-kutucuklar{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:30px}
.mi-hesap-kutucuklar a{
  display:block; padding:16px 15px; background:var(--zemin);
  border:1px solid var(--cizgi); transition:border-color .2s ease,background .2s ease;
}
.mi-hesap-kutucuklar a:hover{border-color:var(--kiremit); background:var(--adacayi-acik)}
.mi-hesap-kutucuklar strong{display:block; font-size:16px; font-weight:600; margin-bottom:3px}
.mi-hesap-kutucuklar span{display:block; font-size:14px; color:var(--metin-3); line-height:1.5}

.mi-hesap-bolum{margin-bottom:34px}
.mi-hesap-bolum:last-child{margin-bottom:0}
.mi-hesap-bolum h2{
  display:flex; align-items:baseline; justify-content:space-between; gap:12px;
  margin:0 0 12px; padding-bottom:9px; border-bottom:1px solid var(--cizgi);
  font-size:16px; font-weight:700; letter-spacing:.2px;
}

.mi-bilgi-liste{margin:0; font-size:16px}
.mi-bilgi-liste>div{display:flex; gap:16px; padding:9px 0; border-bottom:1px solid var(--cizgi)}
.mi-bilgi-liste>div:last-child{border-bottom:0}
.mi-bilgi-liste dt{flex:0 0 130px; margin:0; color:var(--metin-3)}
.mi-bilgi-liste dd{margin:0; color:var(--metin)}

/* --- durum rozeti --- */
.mi-hal{
  display:inline-block; padding:4px 11px; border-radius:11px;
  font-size:14px; font-weight:600; letter-spacing:.2px; white-space:nowrap;
}
.mi-hal.mi-yesil{background:#E7F2EA; color:#2B6B3F}
.mi-hal.mi-mavi {background:#E7EFF6; color:#2A5980}
.mi-hal.mi-sari {background:#FCEFF4; color:#8A5A16}
.mi-hal.mi-gri  {background:#EFEFEF; color:#6A6A6A}

/* --- siparis listesi --- */
.mi-sip-liste{border:1px solid var(--cizgi)}
.mi-sip-satir{
  display:grid; grid-template-columns:1fr auto 110px; grid-template-areas:'kimlik durum tutar' 'islem islem islem';
  gap:10px 16px; align-items:center; padding:15px 16px; border-bottom:1px solid var(--cizgi);
}
.mi-sip-satir:last-child{border-bottom:0}
.mi-sip-satir:hover{background:var(--zemin)}
.mi-sip-kimlik{grid-area:kimlik; min-width:0}
.mi-sip-kimlik a{display:block; font-size:16px; font-weight:600; color:var(--metin)}
.mi-sip-kimlik a:hover{color:var(--kiremit)}
.mi-sip-kimlik time{display:block; margin-top:2px; font-size:14px; color:var(--metin-3)}
.mi-sip-durum{grid-area:durum}
.mi-sip-tutar{grid-area:tutar; text-align:right; font-size:16px; font-weight:600; white-space:nowrap}
.mi-sip-islem{grid-area:islem; display:flex; flex-wrap:wrap; gap:16px; padding-top:2px}
.mi-sip-islem .mi-bag{font-size:14px; text-decoration:underline; text-underline-offset:2px}

.mi-degerlendirme{grid-template-columns:52px 1fr auto; grid-template-areas:'gorsel kimlik durum'}
.mi-mini-gorsel{grid-area:gorsel; display:block; width:52px; height:69px; background:var(--zemin); overflow:hidden}
.mi-mini-gorsel img{width:100%; height:100%; object-fit:cover; display:block}
.mi-yildiz{font-size:16px; color:var(--kiremit); letter-spacing:1px}

/* --- siparis detayi --- */
.mi-sip-ust{border:1px solid var(--cizgi); padding:18px 18px 16px; margin-bottom:22px}
.mi-sip-ust-bilgi{display:flex; flex-wrap:wrap; gap:10px 34px; margin:14px 0 0; font-size:15px}
.mi-sip-ust-bilgi dt{margin:0 0 2px; font-size:14px; color:var(--metin-3)}
.mi-sip-ust-bilgi dd{margin:0; font-weight:600}
.mi-sip-ust-islem{display:flex; flex-wrap:wrap; gap:10px; margin-top:16px}
.mi-dugme-ince{padding:8px 16px; font-size:12px; letter-spacing:1.2px}
.mi-dugme-bos{border-color:var(--cizgi); color:var(--metin-2)}

.mi-sip-urunler{border:1px solid var(--cizgi); margin-bottom:22px}
.mi-sip-urun{display:flex; align-items:baseline; gap:16px; padding:13px 16px;
  border-bottom:1px solid var(--cizgi); font-size:16px}
.mi-sip-urun:last-child{border-bottom:0}
.mi-sip-urun-ad{flex:1 1 auto; color:var(--metin); min-width:0}
.mi-sip-urun-ad:hover{color:var(--kiremit)}
.mi-sip-urun-adet{flex:0 0 auto; font-size:15px; color:var(--metin-3)}
.mi-sip-urun-tutar{flex:0 0 100px; text-align:right; font-weight:600; white-space:nowrap}

.mi-sip-ozet{margin:0 0 26px; font-size:16px}
.mi-sip-ozet>div{display:flex; justify-content:space-between; gap:16px; padding:8px 0}
.mi-sip-ozet dt,.mi-sip-ozet dd{margin:0}
.mi-sip-ozet dt{color:var(--metin-2)}
.mi-sip-ozet-toplam{border-top:1px solid var(--metin); margin-top:6px; padding-top:12px !important;
  font-size:18px; font-weight:700}
.mi-sip-ozet-toplam dt{color:var(--metin) !important}

/* --- favoriler --- */
.mi-favoriler{grid-template-columns:repeat(3,1fr)}
.mi-favori-alt{display:flex; align-items:center; justify-content:space-between; gap:8px;
  margin-top:8px; font-size:14px}
.mi-stokta{color:#2B6B3F}
.mi-tukendi{color:var(--metin-3)}
.mi-cikar{background:none; border:0; padding:0; font:inherit; font-size:14px;
  color:var(--metin-3); cursor:pointer; text-decoration:underline; text-underline-offset:2px}
.mi-cikar:hover{color:var(--kiremit)}

/* --- adresler --- */
.mi-adresler{display:grid; grid-template-columns:repeat(2,1fr); gap:14px}
.mi-adres{position:relative; border:1px solid var(--cizgi); padding:18px 16px 14px; background:#fff}
.mi-adres .mi-hal{position:absolute; top:12px; right:12px}
.mi-adres-ad{display:block; margin-bottom:9px; font-size:16px; font-weight:700}
.mi-adres-govde{font-size:15px; line-height:1.7; color:var(--metin-2)}
.mi-adres-govde span{display:block}
.mi-adres-firma{font-weight:600; color:var(--metin)}
.mi-adres-islem{display:flex; gap:16px; margin-top:13px; padding-top:11px; border-top:1px solid var(--cizgi)}
.mi-adres-islem .mi-bag{font-size:14px; text-decoration:underline; text-underline-offset:2px}
.mi-adres-islem .mi-sil:hover{color:#B3261E}
.mi-adres-yeni{display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:8px; min-height:150px; border-style:dashed; color:var(--metin-2); text-align:center}
.mi-adres-yeni:hover{border-color:var(--kiremit); color:var(--kiremit)}
.mi-arti{font-size:29px; line-height:1; font-weight:300}
.mi-sip-adresler{margin-top:4px}

/* --- hesap formlari --- */
.mi-form{max-width:560px}
.mi-form-baslik{margin:0 0 14px; padding-bottom:9px; border-bottom:1px solid var(--cizgi);
  font-size:16px; font-weight:700}
.mi-form-baslik:not(:first-child){margin-top:30px}
.mi-form-not{margin:-6px 0 14px; font-size:14px; color:var(--metin-3)}
.mi-form-islem{display:flex; align-items:center; gap:18px; margin-top:22px}
.mi-kurumsal{margin-bottom:16px; border:1px solid var(--cizgi); padding:0 14px}
.mi-kurumsal summary{padding:12px 0; font-size:15px; color:var(--metin-2); cursor:pointer}
.mi-kurumsal[open] summary{border-bottom:1px solid var(--cizgi); margin-bottom:14px}
.mi-secim{border:0; padding:0; margin:0 0 16px}
.mi-secim legend{padding:0; margin-bottom:8px; font-size:15px; color:var(--metin-2)}
.mi-secim label{display:inline-flex; align-items:center; gap:7px; margin-right:22px; font-size:16px}
.mi-secim input{width:auto}

@media (max-width:1000px){
  .mi-hesap-kutucuklar{grid-template-columns:1fr}
  .mi-favoriler{grid-template-columns:repeat(2,1fr)}
  .mi-adresler{grid-template-columns:1fr}
  .mi-sip-satir{grid-template-columns:1fr auto; grid-template-areas:'kimlik durum' 'tutar tutar' 'islem islem'}
  .mi-sip-tutar{text-align:left}
  .mi-degerlendirme{grid-template-columns:52px 1fr; grid-template-areas:'gorsel kimlik' 'durum durum'}
}

/* sepet ozetindeki ucretsiz kargo ipucu */
.mi-kargo-ipucu{margin:10px 0 14px; padding:9px 11px; background:var(--adacayi-acik);
  font-size:14px; line-height:1.5; color:var(--metin-2)}
.mi-kargo-ipucu strong{color:var(--kiremit)}
.mi-kargo-bedava{color:#2B6B3F; font-weight:600}

/* --- bildirimler (flash) --- */
.mi-bildirim{
  display:flex; align-items:center; gap:10px; margin:16px 0 0;
  padding:12px 14px; font-size:15px; border:1px solid var(--cizgi); background:#fff;
}
.mi-bildirim-ikon{display:flex; flex:0 0 auto}
.mi-bildirim-metin{flex:1 1 auto}
.mi-bildirim-kapat{
  flex:0 0 auto; background:none; border:0; padding:0 2px; font-size:20px; line-height:1;
  color:var(--metin-3); cursor:pointer;
}
.mi-bildirim-kapat:hover{color:var(--metin)}
.mi-bildirim-olumlu{background:#EEF6F0; border-color:#CBE2D3; color:#2B6B3F}
.mi-bildirim-olumsuz{background:#FBEBF1; border-color:#F3CCDA; color:#B3261E}

/* ============================================================
   BILGI VE SOZLESME SAYFALARI (14 Eyl 2026)
   Uzun metin sayfalari: olcut satir uzunlugu, belirgin baslik
   hiyerarsisi, iki sutunlu bilgi tablosu.
   ============================================================ */
.mi-sayfa-govde{max-width:760px}
.mi-sayfa-govde .mi-giris{
  margin:0 0 24px; padding-bottom:18px; border-bottom:1px solid var(--cizgi);
  font-size:17px; line-height:1.75; color:var(--metin);
}
.mi-sayfa-govde h2{
  margin:30px 0 10px; padding-top:4px; font-size:19px; font-weight:700; color:var(--metin);
}
.mi-sayfa-govde h2:first-child{margin-top:0}
.mi-sayfa-govde h3{margin:22px 0 6px; font-size:16px; font-weight:700; color:var(--metin)}
.mi-sayfa-govde li{margin-bottom:5px}
.mi-sayfa-govde strong{color:var(--metin)}
.mi-sayfa-govde a{color:var(--kiremit); text-decoration:underline; text-underline-offset:2px}

.mi-bilgi-tablo{
  width:100%; border-collapse:collapse; margin:0 0 16px;
  font-size:15px; line-height:1.6;
}
.mi-bilgi-tablo th,
.mi-bilgi-tablo td{padding:10px 12px; border:1px solid var(--cizgi); text-align:start; vertical-align:top}
.mi-bilgi-tablo th{width:200px; background:var(--zemin); font-weight:600; color:var(--metin)}

@media (max-width:1000px){
  .mi-bilgi-tablo,.mi-bilgi-tablo tbody,.mi-bilgi-tablo tr,
  .mi-bilgi-tablo th,.mi-bilgi-tablo td{display:block; width:auto}
  .mi-bilgi-tablo tr{margin-bottom:10px; border:1px solid var(--cizgi)}
  .mi-bilgi-tablo th,.mi-bilgi-tablo td{border:0}
  .mi-bilgi-tablo th{border-bottom:1px solid var(--cizgi)}
}

/* --- alt kategori rozetleri (urun listesi ustunde) --- */
.mi-alt-rozetler{display:flex; flex-wrap:wrap; gap:8px; margin:0 0 16px}
.mi-alt-rozet{
  display:inline-block; padding:7px 15px; background:#fff; border:1px solid var(--cizgi);
  border-radius:16px; font-size:15px; color:var(--metin-2); white-space:nowrap;
  transition:border-color .2s ease,color .2s ease;
}
.mi-alt-rozet:hover{border-color:var(--kiremit); color:var(--kiremit)}
.mi-alt-rozet.mi-secili{background:var(--kiremit); border-color:var(--kiremit); color:#fff}

/* ============================================================
   SEPET IKONU · adet rozeti + uzerine gelince acilan mini sepet
   (14 Eyl 2026 — kullanici bildirdi: rozet yoktu, menu acilmiyordu)
   JS yok: :hover ve :focus-within ile aciliyor.
   ============================================================ */
.mi-sepet-menu{position:relative}
.mi-sepet-menu>a{display:grid; justify-items:center; gap:3px; font-size:14px; color:var(--metin-2)}
.mi-sepet-menu>a:hover{color:var(--kiremit)}
.mi-sepet-menu svg{width:23px; height:23px}

.mi-ikon-sarmal{position:relative; display:inline-flex; line-height:0}
.mi-sepet-adet{
  position:absolute; top:-5px; inset-inline-end:-8px;
  min-width:16px; padding:2px 4px; border-radius:9px;
  background:var(--kiremit); color:#fff;
  font-size:12px; font-weight:700; line-height:1.2; text-align:center;
}

.mi-mini-sepet{
  position:absolute; top:100%; inset-inline-end:0; z-index:60;
  width:320px; margin-top:10px; padding:16px;
  background:#fff; border:1px solid var(--cizgi); box-shadow:0 10px 26px rgba(0,0,0,.10);
  opacity:0; visibility:hidden; transform:translateY(-6px);
  transition:opacity .16s ease, transform .16s ease, visibility .16s;
  text-align:start;
}
/* fareyi ikondan menuye goturebilmek icin gorunmez kopru */
.mi-mini-sepet::before{content:''; position:absolute; top:-10px; inset-inline:0; height:10px}
.mi-sepet-menu:hover .mi-mini-sepet,
.mi-sepet-menu:focus-within .mi-mini-sepet{opacity:1; visibility:visible; transform:translateY(0)}

.mi-mini-bos{margin:0 0 12px; font-size:15px; color:var(--metin-2)}
.mi-mini-liste{list-style:none; margin:0 0 12px; padding:0}
.mi-mini-liste li{display:flex; align-items:flex-start; gap:10px; padding:9px 0; border-bottom:1px solid var(--cizgi)}
.mi-mini-liste li:first-child{padding-top:0}
.mi-mini-liste li:last-child{border-bottom:0}
.mi-mini-sepet .mi-mini-gorsel{flex:0 0 42px; width:42px; height:56px; background:var(--zemin); overflow:hidden; display:block}
.mi-mini-sepet .mi-mini-gorsel img{width:100%; height:100%; object-fit:cover; display:block}
.mi-mini-bilgi{flex:1 1 auto; min-width:0; display:block}
.mi-mini-bilgi a{
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  font-size:14px; line-height:1.4; color:var(--metin);
}
.mi-mini-bilgi a:hover{color:var(--kiremit)}
.mi-mini-bilgi small{display:block; margin-top:2px; font-size:12px; color:var(--metin-3)}
.mi-mini-fiyat{flex:0 0 auto; font-size:14px; font-weight:600; white-space:nowrap}
.mi-mini-devam{margin:0 0 10px; font-size:12px; color:var(--metin-3)}
.mi-mini-toplam{
  display:flex; justify-content:space-between; align-items:baseline; gap:12px;
  padding-top:11px; margin-bottom:12px; border-top:1px solid var(--metin); font-size:15px;
}
.mi-mini-toplam strong{font-size:17px}
.mi-mini-sepet .mi-dugme{display:block; width:100%; text-align:center; margin-bottom:8px}
.mi-mini-sepet .mi-dugme:last-child{margin-bottom:0}
.mi-dugme-dolu{background:var(--kiremit); border-color:var(--kiremit); color:#fff}
.mi-dugme-dolu:hover{background:var(--kiremit-koyu); border-color:var(--kiremit-koyu); color:#fff}

@media (max-width:1000px){
  .mi-mini-sepet{display:none}   /* dokunmatikte hover yok; ikon dogrudan sepete gider */
}

/* ============================================================
   AVANTAJ SERIDI (14 Eyl 2026)
   Ana sayfada hero'nun hemen altinda; ayricaliklar vurgulu.
   ============================================================ */
.mi-avantajlar{
  display:grid; grid-template-columns:repeat(3,1fr); gap:var(--bosluk);
  margin-top:var(--bosluk);
}
.mi-avantaj{
  display:flex; align-items:center; gap:14px; padding:18px 20px;
  background:var(--adacayi-acik); border:1px solid transparent;
  transition:border-color .2s ease, background .2s ease;
}
a.mi-avantaj:hover{border-color:var(--kiremit); background:#fff}
.mi-avantaj-ikon{
  flex:0 0 42px; width:42px; height:42px; border-radius:50%;
  background:#fff; color:var(--kiremit);
  display:flex; align-items:center; justify-content:center;
}
.mi-avantaj-ikon svg{width:22px; height:22px}
.mi-avantaj-metin{display:block; min-width:0}
.mi-avantaj-metin strong{
  display:block; font-size:16px; font-weight:700; color:var(--metin); line-height:1.3;
}
.mi-avantaj-metin small{
  display:block; margin-top:3px; font-size:14px; color:var(--metin-2); line-height:1.45;
}

/* ============================================================
   URUN SERILERI — yatay kaydirmali, kart tasarimi degismedi
   ============================================================ */
.mi-seri-sarmal{position:relative}
.mi-seri-ray{
  display:grid; grid-auto-flow:column; grid-auto-columns:225px;
  grid-template-columns:none;
  gap:var(--bosluk); overflow-x:auto; overscroll-behavior-x:contain;
  scroll-snap-type:x proximity; scroll-padding-inline:0;
  padding-bottom:4px; scrollbar-width:none;
}
.mi-seri-ray::-webkit-scrollbar{display:none}
.mi-seri-ray>.mi-urun{scroll-snap-align:start}
.mi-seri-ok{
  position:absolute; top:150px; z-index:5; width:34px; height:34px; border-radius:50%;
  border:1px solid var(--cizgi); background:#fff; color:var(--metin);
  font-size:22px; line-height:1; cursor:pointer; opacity:0;
  transition:opacity .2s ease, border-color .2s ease;
  display:flex; align-items:center; justify-content:center;
}
.mi-seri-sarmal:hover .mi-seri-ok{opacity:1}
.mi-seri-ok:hover{border-color:var(--kiremit); color:var(--kiremit)}
.mi-seri-sol{inset-inline-start:-17px}
.mi-seri-sag{inset-inline-end:-17px}

@media (max-width:1000px){
  .mi-avantajlar{grid-template-columns:1fr}
  .mi-seri-ok{display:none}
  .mi-seri-ray{grid-auto-columns:60%}
}

/* ---------- 14.10.2026 Milares Lingerie: yazisi gorselin ICINDE hazir bannerlar (1847x851) ----------
   Kirpilmaz (oran sabit), karartma ortusu ve sablon yazisi gizlenir; ikili satir esit genislik. */
.mi-hero-cer{height:auto; aspect-ratio:1847/851}
.mi-slayt.mi-dolu .mi-ortu,.mi-banner.mi-dolu .mi-ortu{display:none}
.mi-banner.mi-dolu .mi-banner-ic{display:none}
.mi-satir .mi-genis,.mi-satir .mi-dar{flex:1 1 0; min-width:0}
.mi-banner.mi-uzun{height:auto; aspect-ratio:1847/851}
.mi-banner:hover img{transform:none}
@media (max-width:1000px){
  .mi-hero-cer{height:auto}
  .mi-banner,.mi-banner.mi-uzun{height:auto}
  .mi-satir .mi-genis,.mi-satir .mi-dar{flex:1 1 100%}
}