/* ============================================================
   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 #B55533, adacayi #A3B79B
   ============================================================ */

:root{
  --kiremit:#B55533;      /* ana vurgu (Modanisa'da turuncunun yeri) */
  --kiremit-koyu:#9A462A;
  --adacayi:#A3B79B;
  --adacayi-acik:#EDF1EA;
  --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:46px; width:auto}
.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; pointer-events:none; z-index:0}
.mi-slayt.aktif{opacity:1; pointer-events:auto; z-index:1} /* 14.10.2026: gorunmeyen slayt tiklamayi yutuyordu (Premium'a basinca Erkek aciliyordu) */
.mi-ok{position:absolute; top:50%; transform:translateY(-50%); z-index:3; width:44px; height:44px; border-radius:50%; border:0;
  background:rgba(255,255,255,.88); display:grid; place-items:center; cursor:pointer; box-shadow:0 1px 4px rgba(0,0,0,.18); transition:background .15s}
.mi-ok:hover{background:#fff}
.mi-ok svg{width:20px; height:20px; fill:none; stroke:var(--metin); stroke-width:2; stroke-linecap:round; stroke-linejoin:round}
.mi-ok-sol{left:14px} .mi-ok-sag{right:14px}
.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;
  z-index:2; pointer-events:none;
}
.mi-nokta button{pointer-events:auto}
.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:#93a68b;
  border:1px dashed #b9c8b2; 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:30px; 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-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-ok{width:34px; height:34px} .mi-ok svg{width:16px; height:16px} .mi-ok-sol{left:8px} .mi-ok-sag{right:8px}
  .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%; min-width:0} /* 14.10.2026: cok kucuk gorselli urunde (8 adet) kucukler seridi sutunu 515px'e itip mobilde yatay kaydiriyordu */
  .mi-pdp-sol{flex-direction:column-reverse; gap:8px}
  .mi-kucukler{flex-direction:row; overflow-x:auto; scrollbar-width:none; min-width:0; max-width:100%}
  .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:#FDF8F6}
.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:#FDF1EE; border:1px solid #E7C3B7; color:#8E3C1F;
}
.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:#FBF0E3; 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:#FBEDEC; border-color:#F0CFCC; 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}
/* 19.10.2026: yalniz ust menu rozeti — sepet sayfasindaki adet formu (form.mi-sepet-adet) ayni sinifi kullaniyor, yukari firliyordu */
span.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%}
}

/* ---------- 15.10.2026 koleksiyon icinde kategori, renk kutusu, kartta beden ---------- */
.mi-alt-rozet small{opacity:.65; font-size:.85em; margin-left:3px}
.mi-alt-rozet.mi-secili small{opacity:.85}
.mi-fd-bag small,.mi-fd-renk small{opacity:.6}
.mi-fd-bag.mi-fd-secili{font-weight:700; color:var(--kiremit)}
.mi-fd-renkler{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 16px; max-height:280px; overflow:auto; padding:2px}
.mi-fd-renk{display:flex; align-items:center; gap:8px; font-size:14px; cursor:pointer}
.mi-fd-renk input{accent-color:var(--kiremit)}
.mi-fd-renk-nokta{width:16px; height:16px; border-radius:50%; border:1px solid rgba(0,0,0,.18); flex:0 0 auto}
.mi-kart-beden{display:flex; flex-wrap:wrap; gap:4px; margin-top:6px}
.mi-kart-beden span{font-size:11.5px; line-height:1; padding:4px 6px; border:1px solid var(--cizgi,#e3e3e3); border-radius:4px; color:var(--metin-2,#555); background:#fff}
.mi-fd-panel:has(.mi-fd-renkler){min-width:340px}
.mi-fd-renk span:last-child{white-space:nowrap}
@media (max-width:1000px){ .mi-fd-panel:has(.mi-fd-renkler){min-width:0} }
@media (max-width:1000px){
  .mi-kol-rozetler{flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none;}
  .mi-kol-rozetler::-webkit-scrollbar{display:none}
  .mi-kol-rozetler .mi-alt-rozet{flex:0 0 auto; white-space:nowrap}
}

/* ---------- 15.10.2026 site genisligi 960 → 1200 + sol suzgec sutunu (kullanici: "filtreleri sol tarafa al,
   gerekirse sitenin genisligini yukselt"). 960'a gore sabitlenmis olculer oranla buyutuldu. ---------- */
:root{--kap:min(1200px, calc(100vw - 48px))}
.mi-genis{flex:590 1 0; min-width:0}
.mi-dar{flex:350 1 0; min-width:0}
.mi-pdp-sol{flex:0 0 545px}
.mi-buyuk{flex:0 0 460px; width:460px}
.mi-pdp-sag{flex:1 1 0; min-width:0}

.mi-liste-duzen{display:flex; gap:32px; align-items:flex-start}
.mi-yan{flex:0 0 236px; position:sticky; top:12px; max-height:calc(100vh - 24px); overflow:auto; padding-right:6px}
.mi-yan-ac{display:none}
.mi-liste-ana{flex:1 1 0; min-width:0}
.mi-liste-arac{display:flex; justify-content:flex-end; align-items:center; gap:9px; margin-bottom:14px}
.mi-liste-arac label{font-size:15px; color:var(--metin-3)}
.mi-liste-arac select{font:inherit; font-size:15px; color:var(--metin); background:#fff; border:1px solid var(--cizgi); padding:8px 12px; cursor:pointer; outline:0}
.mi-liste-arac select:focus{border-color:var(--kiremit)}
.mi-yan-bolum{border-bottom:1px solid var(--cizgi); padding:14px 0}
.mi-yan-bolum:first-of-type{padding-top:0}
.mi-yan-bas{display:flex; align-items:center; gap:8px; margin:0 0 10px; font-size:16px; font-weight:700; color:var(--metin); list-style:none; cursor:pointer}
summary.mi-yan-bas::-webkit-details-marker{display:none}
summary.mi-yan-bas::after{content:''; margin-left:auto; width:7px; height:7px; border-right:1.6px solid currentColor; border-bottom:1.6px solid currentColor; transform:rotate(45deg) translateY(-2px)}
details[open] > summary.mi-yan-bas::after{transform:rotate(-135deg) translateY(-2px)}
details:not([open]) > summary.mi-yan-bas{margin-bottom:0}
.mi-yan-bas i{font-style:normal; font-size:12px; font-weight:600; background:var(--kiremit); color:#fff; border-radius:10px; padding:1px 7px}
.mi-yan-grup{font-size:12.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--metin-3); margin:12px 0 2px}
.mi-yan-liste{list-style:none; margin:0; padding:0}
.mi-yan-kat{display:block; padding:5px 0; font-size:15px; color:var(--metin-2)}
.mi-yan-kat small{color:var(--metin-3); font-size:13px}
.mi-yan-kat:hover{color:var(--kiremit)}
.mi-yan-kat.mi-secili{color:var(--kiremit); font-weight:700}
.mi-yan-geri{display:inline-block; font-size:14px; color:var(--metin-3); margin-bottom:6px}
.mi-yan-geri:hover{color:var(--kiremit)}
.mi-yan-renkler{display:flex; flex-direction:column; gap:8px; max-height:300px; overflow:auto}
.mi-yan .mi-fd-kutular{margin-bottom:0}
.mi-yan .mi-fd-fiyat input{min-width:0; width:100%}
.mi-yan .mi-fd-temizle{display:inline-block; margin-top:14px}
.mi-yalniz-mobil{display:none}

@media (max-width:1000px){
  :root{--kap:100%}
  .mi-yalniz-mobil{display:flex}
  .mi-pdp-sol,.mi-pdp-sag{flex:1 1 100%; min-width:0}
  .mi-buyuk{flex:1 1 auto; width:100%}
  .mi-liste-duzen{display:block}
  .mi-yan{position:static; max-height:none; overflow:visible; padding:0; margin-bottom:12px}
  .mi-yan-ac{display:inline-flex; align-items:center; gap:8px; font:inherit; font-size:15px; font-weight:600; padding:9px 16px;
    border:1px solid var(--cizgi); border-radius:6px; background:#fff; color:var(--metin); cursor:pointer}
  .mi-yan-ac i{font-style:normal; font-size:12px; background:var(--kiremit); color:#fff; border-radius:10px; padding:1px 7px}
  .mi-yan-ic{display:none; margin-top:10px; background:#fff; border:1px solid var(--cizgi); padding:14px; border-radius:8px}
  .mi-yan-ic.acik{display:block}
}

/* 15.10.2026 (yalniz milares.com.tr) 1200 genislikte ana sayfa gorselleri 960'taki oranini korur */
.mi-hero-cer{height:auto; aspect-ratio:960/350}
.mi-satir .mi-genis .mi-banner.mi-uzun{height:auto; aspect-ratio:590/270}
.mi-satir .mi-dar .mi-banner.mi-uzun{height:auto; aspect-ratio:350/270}
@media (max-width:1000px){
  .mi-hero-cer{height:220px; aspect-ratio:auto}
  .mi-satir .mi-genis .mi-banner.mi-uzun,.mi-satir .mi-dar .mi-banner.mi-uzun{height:200px; aspect-ratio:auto}
}

/* 15.10.2026 kartta ikinci fotograf (fareyle ustune gelince; renk noktasina gelince gizlenir ki renk onizlemesi gorunsun) */
.mi-urun-gorsel .mi-urun-ikinci{position:absolute; inset:0; opacity:0; transition:opacity .35s ease, transform .5s ease}
@media (hover:hover){
  .mi-urun:hover .mi-urun-gorsel .mi-urun-ikinci{opacity:1}
  .mi-urun:has(.mi-kart-renk:hover) .mi-urun-gorsel .mi-urun-ikinci{opacity:0}
}

/* 15.10.2026 kategori sayfasi SSS */
.mi-kat-sss{margin:48px 0 8px; padding-top:28px; border-top:1px solid var(--cizgi); max-width:860px}
.mi-kat-sss h2{font-size:22px; font-weight:700; margin:0 0 14px}
.mi-kat-sss-oge{border-bottom:1px solid var(--cizgi)}
.mi-kat-sss-oge summary{list-style:none; cursor:pointer; padding:14px 28px 14px 0; font-size:16px; font-weight:600; position:relative}
.mi-kat-sss-oge summary::-webkit-details-marker{display:none}
.mi-kat-sss-oge summary::after{content:'+'; position:absolute; right:4px; top:11px; font-size:22px; font-weight:400; color:var(--kiremit)}
.mi-kat-sss-oge[open] summary::after{content:'–'}
.mi-kat-sss-oge p{margin:0 0 16px; font-size:15.5px; line-height:1.65; color:var(--metin-2)}
.mi-kat-sss-not{font-size:14.5px; color:var(--metin-3); margin:16px 0 0}
.mi-kat-sss-not a{color:var(--kiremit); text-decoration:underline}
@media (max-width:1000px){ .mi-kat-sss{margin-top:32px} .mi-kat-sss h2{font-size:19px} }

/* ---------- 16.10.2026 ana sayfa Google yorumlari + sag altta yuzen Google rozeti (google_yorumlar.blade.php) ----------
   Kullanici: "widget tasarimi Google ile birebir olsun, sitenin gorsel dili degil" -> Google renkleri, Roboto, Maps yorum karti. */
.mi-gy-yedek{margin:4px 0 0; font-size:15px}
.mi-gy-yedek a{color:var(--kiremit); text-decoration:underline}
.mi-gy.mi-gy-dolu .mi-gy-yedek{display:none}
.mi-gy-kutu[hidden],.mi-gy-rozet[hidden]{display:none}
.mi-gy-kutu,.mi-gy-rozet{font-family:Roboto,Arial,sans-serif; color:#202124; -webkit-font-smoothing:antialiased}
.mi-gy-kutu{background:#fff; border:1px solid #dadce0; border-radius:8px; padding:20px 24px 24px}
.mi-gy-g{display:inline-flex; width:24px; height:24px; flex:0 0 auto}
.mi-gy-g svg{width:100%; height:100%; display:block}
.mi-gy-ozet{display:flex; flex-wrap:wrap; align-items:center; gap:12px 28px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #e8eaed}
.mi-gy-marka{display:flex; align-items:center; gap:10px}
.mi-gy-marka-ad{font-size:18px; font-weight:400; color:#202124}
.mi-gy-puan{display:flex; align-items:center; gap:8px}
.mi-gy-puan b{font-size:32px; line-height:1; font-weight:400; color:#202124}
.mi-gy-yildiz{position:relative; display:inline-block; line-height:0; vertical-align:middle}
.mi-gy-yildiz svg{width:18px; height:18px}
.mi-gy-ys-bos svg{fill:#dadce0}
.mi-gy-ys-dolu{position:absolute; left:0; top:0; overflow:hidden; white-space:nowrap}
.mi-gy-ys-dolu svg{fill:#fbbc04}
.mi-gy-ys-bos,.mi-gy-ys-dolu{display:inline-flex}
.mi-gy a.mi-gy-adet{font-size:14px; color:#1a73e8; text-decoration:none}
.mi-gy a.mi-gy-adet:hover{text-decoration:underline}
.mi-gy-eylem{display:flex; gap:8px; margin-left:auto}
.mi-gy .mi-gy-dugme{display:inline-flex; align-items:center; height:36px; padding:0 16px; border:1px solid #dadce0; border-radius:18px; background:#fff; color:#1a73e8; font-size:14px; font-weight:500; letter-spacing:.25px; text-decoration:none}
.mi-gy .mi-gy-dugme:hover{background:#f6fafe; border-color:#d2e3fc; color:#1a73e8}
.mi-gy .mi-gy-dugme.mi-gy-yaz{background:#1a73e8; border-color:#1a73e8; color:#fff}
.mi-gy .mi-gy-dugme.mi-gy-yaz:hover{background:#1b66c9; border-color:#1b66c9; color:#fff; box-shadow:0 1px 2px rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15)}
.mi-gy-kartlar{display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px}
.mi-gy-kart{background:#fff; border:1px solid #dadce0; border-radius:8px; padding:16px; display:flex; flex-direction:column; gap:8px}
.mi-gy-kbas{display:flex; align-items:center; gap:12px}
.mi-gy-foto{width:40px; height:40px; border-radius:50%; object-fit:cover; flex:0 0 auto}
.mi-gy-harf{display:inline-flex; align-items:center; justify-content:center; background:#1a73e8; color:#fff; font-size:18px; font-weight:500}
.mi-gy-kim{display:flex; flex-direction:column; min-width:0; flex:1}
.mi-gy-ad{font-size:14px; font-weight:500; line-height:20px; color:#202124; text-decoration:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
a.mi-gy-ad:hover{text-decoration:underline; color:#202124}
.mi-gy-kg{width:20px; height:20px; margin-left:auto}
.mi-gy-ksatir{display:flex; align-items:center; gap:8px}
.mi-gy-ksatir .mi-gy-yildiz svg{width:14px; height:14px}
.mi-gy-zaman{font-size:12px; color:#70757a}
.mi-gy-metin{margin:0; font-size:14px; line-height:20px; color:#3c4043; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical; overflow:hidden}
.mi-gy .mi-gy-oku{margin-top:auto; padding-top:4px; font-size:14px; color:#1a73e8; text-decoration:none}
.mi-gy .mi-gy-oku:hover{text-decoration:underline; color:#1a73e8}
/* yuzen rozet */
.mi-gy-rozet{position:fixed; right:20px; bottom:20px; z-index:900; opacity:0; transform:translateY(12px); transition:opacity .25s ease,transform .25s ease}
.mi-gy-rozet.mi-gy-rozet-acik{opacity:1; transform:none}
.mi-gy-rozet.mi-gy-rozet-acik.mi-gy-rozet-gizli{opacity:0; transform:translateY(12px); pointer-events:none}
.mi-gy-rozet .mi-gy-rozet-ic{display:flex; align-items:center; gap:12px; padding:12px 18px 12px 14px; background:#fff; border-radius:8px; box-shadow:0 1px 3px 0 rgba(60,64,67,.3),0 4px 8px 3px rgba(60,64,67,.15); text-decoration:none; color:#202124}
.mi-gy-rozet-ic:hover{box-shadow:0 2px 3px 0 rgba(60,64,67,.3),0 6px 10px 4px rgba(60,64,67,.15); color:#202124}
.mi-gy-rozet .mi-gy-g{width:32px; height:32px}
.mi-gy-rozet-yazi{display:flex; flex-direction:column; gap:2px; line-height:1.2}
.mi-gy-rozet-ust{font-size:13px; color:#5f6368}
.mi-gy-rozet-puan{display:flex; align-items:center; gap:6px}
.mi-gy-rozet-puan b{font-size:20px; font-weight:500; color:#202124}
.mi-gy-rozet-adet{font-size:12px; color:#70757a}
.mi-gy-rozet-kapat{position:absolute; top:-9px; right:-9px; width:22px; height:22px; padding:0; border:0; border-radius:50%; background:#fff; color:#5f6368; font:400 15px/22px Roboto,Arial,sans-serif; text-align:center; cursor:pointer; box-shadow:0 1px 2px rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15)}
.mi-gy-rozet-kapat:hover{color:#202124; background:#f1f3f4}
@media (max-width:1000px){
  .mi-gy-kutu{padding:16px; border-radius:8px}
  .mi-gy-ozet{gap:12px 16px}
  .mi-gy-eylem{margin-left:0; width:100%}
  .mi-gy-kartlar{display:flex; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none}
  .mi-gy-kartlar::-webkit-scrollbar{display:none}
  .mi-gy-kart{flex:0 0 80%; scroll-snap-align:start}
  .mi-gy-rozet{right:12px; bottom:12px}
  .mi-gy-rozet .mi-gy-rozet-ic{gap:10px; padding:9px 14px 9px 11px}
  .mi-gy-rozet .mi-gy-g{width:26px; height:26px}
  .mi-gy-rozet-ust{font-size:12px}
  .mi-gy-rozet-puan b{font-size:17px}
  .mi-gy-rozet .mi-gy-yildiz svg{width:15px; height:15px}
  .mi-gy-rozet-adet{font-size:11px}
}

/* ---------- 16.10.2026 ana sayfa urun serileri "vitrin": solda soluk sonbahar fotografli panel, sagda kayan kartlar (urun_serileri.blade.php) ---------- */
.mi-vitrin{position:relative; display:grid; grid-template-columns:340px minmax(0,1fr); align-items:center; border-radius:10px; overflow:hidden; background:#F3ECE4; isolation:isolate}
.mi-vitrin + .mi-vitrin{margin-top:28px}
.mi-vitrin-arka{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 60%; z-index:-2}
.mi-vitrin::before{content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg, rgba(243,236,228,.93) 0%, rgba(243,236,228,.86) 28%, rgba(243,236,228,.55) 100%)}
.mi-vitrin-panel{padding:36px 30px 36px 40px}
.mi-vitrin-ust{display:block; font-size:12px; font-weight:700; letter-spacing:3.5px; color:var(--kiremit); text-transform:uppercase}
.mi-vitrin-bas{margin:12px 0 10px; font-size:46px; font-weight:700; line-height:1.02; color:#3E2F26}
.mi-vitrin-alt{margin:0; font-size:15.5px; line-height:1.5; color:#7D6352}
body.milares a.mi-vitrin-dugme{display:inline-flex; align-items:center; gap:8px; margin-top:24px; padding:13px 22px; border-radius:999px; background:var(--kiremit); color:#fff; font-size:15px; font-weight:700; box-shadow:0 6px 16px rgba(181,85,51,.25)}
body.milares a.mi-vitrin-dugme:hover{background:#9c4729; color:#fff}
.mi-vitrin-sarmal{position:relative; padding:26px 0}
.mi-vitrin-ray{display:grid; grid-auto-flow:column; grid-auto-columns:225px; gap:16px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scrollbar-width:none; padding:4px 60px 6px 4px}
.mi-vitrin-ray::-webkit-scrollbar{display:none}
.mi-vitrin-ray>.mi-urun{scroll-snap-align:start; background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 2px 10px rgba(62,47,38,.08)}
.mi-vitrin-ray .mi-urun-alt{padding:10px 12px 14px}
.mi-vitrin-ok{position:absolute; top:50%; z-index:5; width:44px; height:44px; margin-top:-22px; border-radius:50%; border:0; background:#fff; color:#3E2F26; font-size:26px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:0 2px 10px rgba(62,47,38,.2); transition:opacity .2s ease}
.mi-vitrin-ok:hover{color:var(--kiremit)}
.mi-vitrin-sol{left:8px}
.mi-vitrin-sag{right:14px}
.mi-vitrin-ok.mi-pasif{opacity:0; pointer-events:none}
@media (max-width:1000px){
  .mi-vitrin{grid-template-columns:1fr; border-radius:8px}
  .mi-vitrin + .mi-vitrin{margin-top:20px}
  .mi-vitrin::before{background:linear-gradient(180deg, rgba(243,236,228,.9) 0%, rgba(243,236,228,.7) 100%)}
  .mi-vitrin-panel{padding:22px 18px 2px}
  .mi-vitrin-bas{font-size:32px; margin:6px 0 6px}
  .mi-vitrin-alt{font-size:14px}
  body.milares a.mi-vitrin-dugme{margin-top:14px; padding:10px 18px; font-size:14px}
  .mi-vitrin-sarmal{padding:16px 0 18px}
  .mi-vitrin-ray{grid-auto-columns:46%; gap:10px; padding:4px 18px 6px; scroll-padding-inline:18px}
  .mi-vitrin-ok{display:none}
}

/* ---------- 18.10.2026 stil asistani — sol alt sohbet penceresi (partials/milares/asistan.blade.php, js/asistan.js) ---------- */
.mi-asistan{position:fixed; left:20px; bottom:20px; z-index:950; font-family:inherit}
/* 18.10.2026 daha gorunur: buyuk dugme, isilti simgesi, "Yapay zeka destekli" alt yazisi, nabiz halkasi */
.mi-as-dugme{position:relative; display:inline-flex; align-items:center; gap:10px; padding:8px 20px 8px 9px; border:0; border-radius:999px;
  background:var(--kiremit,#B55533); color:#fff; cursor:pointer; text-align:left; font-family:inherit;
  box-shadow:0 8px 22px rgba(181,85,51,.35)}
.mi-as-dugme:hover{background:#9c4729}
.mi-as-dugme::after{content:""; position:absolute; inset:0; border-radius:inherit; box-shadow:0 0 0 0 rgba(181,85,51,.45); animation:miAsNabiz 2.4s ease-out infinite}
@keyframes miAsNabiz{0%{box-shadow:0 0 0 0 rgba(181,85,51,.45)}70%{box-shadow:0 0 0 14px rgba(181,85,51,0)}100%{box-shadow:0 0 0 0 rgba(181,85,51,0)}}
@media (prefers-reduced-motion:reduce){.mi-as-dugme::after{animation:none}}
.mi-as-dugme-simge{width:38px; height:38px; border-radius:50%; background:rgba(255,255,255,.18); display:flex; align-items:center; justify-content:center; flex:0 0 auto}
.mi-as-dugme-yazi{display:flex; flex-direction:column; line-height:1.2}
.mi-as-dugme-yazi b{font-size:15.5px; font-weight:700}
.mi-as-dugme-yazi small{font-size:12px; opacity:.88; font-weight:500}
.mi-asistan.mi-as-acik .mi-as-dugme,.mi-asistan.mi-as-acik .mi-as-balon-davet{display:none}
.mi-as-balon-davet{position:absolute; left:0; bottom:70px; width:250px; background:#fff; color:#3E2F26; border:1px solid var(--cizgi,#e8e2dc);
  border-radius:14px; border-bottom-left-radius:4px; box-shadow:0 10px 28px rgba(62,47,38,.18); animation:miAsBalonGel .35s ease-out}
.mi-as-balon-davet[hidden]{display:none}
@keyframes miAsBalonGel{from{transform:translateY(8px)}to{transform:none}}   /* saydamlik YOK: animasyon calismasa da balon gorunur kalsin */
.mi-as-davet-ac{display:block; width:100%; padding:12px 30px 12px 14px; border:0; background:none; text-align:left; font:inherit; font-size:14px; line-height:1.45; color:inherit; cursor:pointer}
.mi-as-davet-ac b{color:var(--kiremit,#B55533)}
.mi-as-davet-kapat{position:absolute; top:4px; right:4px; width:26px; height:26px; border:0; background:none; color:#8a7a6e; font-size:18px; line-height:1; cursor:pointer; border-radius:6px}
.mi-as-davet-kapat:hover{background:rgba(62,47,38,.08)}
.mi-as-panel{position:absolute; left:0; bottom:0; width:380px; height:min(600px, calc(100vh - 40px)); display:flex; flex-direction:column;
  background:#fff; border:1px solid var(--cizgi,#e8e2dc); border-radius:14px; overflow:hidden; box-shadow:0 12px 40px rgba(62,47,38,.22)}
.mi-as-panel[hidden]{display:none}
.mi-as-bas{display:flex; align-items:center; gap:10px; padding:12px 12px 12px 14px; border-bottom:1px solid var(--cizgi,#e8e2dc); background:#F3ECE4}
.mi-as-avatar{width:34px; height:34px; border-radius:50%; background:var(--kiremit,#B55533); color:#fff; display:flex; align-items:center; justify-content:center; flex:0 0 auto}
.mi-as-baslik{flex:1; min-width:0; display:flex; flex-direction:column; line-height:1.3}
.mi-as-baslik b{font-size:15px; color:#3E2F26}
.mi-as-baslik small{font-size:12.5px; color:#7D6352}
.mi-as-yeni,.mi-as-kapat{width:32px; height:32px; border:0; border-radius:8px; background:transparent; color:#3E2F26; cursor:pointer; display:flex; align-items:center; justify-content:center}
.mi-as-yeni:hover,.mi-as-kapat:hover{background:rgba(62,47,38,.08)}
.mi-as-akis{flex:1; overflow-y:auto; padding:14px; display:flex; flex-direction:column; gap:10px; background:#fff; overscroll-behavior:contain}
.mi-as-balon{max-width:86%; padding:9px 13px; border-radius:14px; font-size:14.5px; line-height:1.5; white-space:pre-line; word-wrap:break-word}
.mi-as-asistan{align-self:flex-start; background:#F3ECE4; color:#3E2F26; border-bottom-left-radius:4px}
.mi-as-kullanici{align-self:flex-end; background:var(--kiremit,#B55533); color:#fff; border-bottom-right-radius:4px}
.mi-as-yaziyor{display:flex; gap:4px; padding:12px 14px}
.mi-as-yaziyor span{width:7px; height:7px; border-radius:50%; background:#B8A79A; animation:miAsNokta 1s infinite ease-in-out}
.mi-as-yaziyor span:nth-child(2){animation-delay:.15s}.mi-as-yaziyor span:nth-child(3){animation-delay:.3s}
@keyframes miAsNokta{0%,80%,100%{opacity:.3; transform:translateY(0)}40%{opacity:1; transform:translateY(-3px)}}
.mi-as-oneriler{display:flex; flex-wrap:wrap; gap:6px}
.mi-as-oneri{border:1px solid var(--cizgi,#e8e2dc); background:#fff; color:#3E2F26; border-radius:999px; padding:7px 12px; font-size:13px; cursor:pointer}
.mi-as-oneri:hover{border-color:var(--kiremit,#B55533); color:var(--kiremit,#B55533)}
.mi-as-kartlar{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px}
.mi-as-kart .mi-urun{display:block; border:1px solid var(--cizgi,#e8e2dc); border-radius:10px; overflow:hidden; background:#fff}
.mi-as-kart .mi-urun-alt{padding:7px 8px 9px}
.mi-as-kart .mi-ad{font-size:12.5px; line-height:1.35}
.mi-as-kart .mi-marka,.mi-as-kart .mi-kalp,.mi-as-kart .mi-kart-renk,.mi-as-kart .mi-urun-ikinci{display:none}
.mi-as-kart .mi-kart-beden{margin-top:4px}
.mi-as-kart .mi-kart-beden span{font-size:10.5px; padding:1px 4px}
.mi-as-kart .mi-fiyat{font-size:13.5px}
.mi-as-kart .mi-sepette-kart{font-size:11.5px}
.mi-as-form{display:flex; gap:8px; padding:10px 12px; border-top:1px solid var(--cizgi,#e8e2dc)}
.mi-as-girdi{flex:1; min-width:0; height:42px; border:1px solid var(--cizgi,#e8e2dc); border-radius:999px; padding:0 15px; font-size:15px; font-family:inherit; color:#3E2F26}
.mi-as-girdi:focus{outline:none; border-color:var(--kiremit,#B55533)}
.mi-as-gonder{width:42px; height:42px; flex:0 0 auto; border:0; border-radius:50%; background:var(--kiremit,#B55533); color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center}
.mi-as-gonder:disabled{opacity:.5; cursor:default}
.mi-as-not{margin:0; padding:0 14px 10px; font-size:11.5px; line-height:1.4; color:#8a7a6e}
@media (max-width:640px){
  .mi-asistan{left:12px; bottom:12px}
  .mi-as-dugme{padding:6px 16px 6px 7px; gap:8px}
  .mi-as-dugme-simge{width:34px; height:34px}
  .mi-as-dugme-yazi b{font-size:14.5px}
  .mi-as-dugme-yazi small{font-size:11.5px}
  .mi-as-balon-davet{width:calc(100vw - 24px); max-width:300px; bottom:62px}
  .mi-asistan.mi-as-acik{left:0; right:0; top:0; bottom:0}
  .mi-as-panel{position:fixed; inset:0; width:auto; height:100%; border-radius:0; border:0}
  .mi-as-girdi{font-size:16px}
}

/* 19.10.2026 kasa: kart secenegi logolari + guven satiri */
.mi-secenek-govde{display:block}
.mi-secenek-ust{display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap}
.mi-kartlar{display:flex; gap:6px; align-items:center}
.mi-kartlar .mi-kart{display:grid; place-items:center; width:46px; height:30px; padding:5px 6px; background:#fff; border:1px solid #DADADA; border-radius:5px; box-sizing:border-box}
.mi-kartlar .mi-kart img{display:block; max-width:100%; max-height:100%; width:auto; height:auto}
.mi-kasa-guven{display:flex; align-items:center; justify-content:space-between; gap:8px 14px; flex-wrap:wrap; margin-top:10px; padding-top:10px; border-top:1px dashed #E3D6CF; font-size:12.5px; line-height:1.45; color:var(--metin-2)}
.mi-kasa-guven-yazi{display:flex; gap:7px; align-items:flex-start; flex:1 1 260px}
.mi-kasa-guven-yazi svg{flex:0 0 14px; margin-top:2px}
.mi-kasa-guven-logo{display:block; height:18px; width:auto}
@media (max-width:600px){ .mi-kartlar .mi-kart{width:42px; height:28px} }   /* 20.10.2026: .mi-kart giris/iletisim form kutusuyla cakisiyordu */

/* 19.10.2026 guven seridi (ana sayfa banner alti, urun sayfasi kompakt, sepet, kasa) */
.mi-gs{display:grid; grid-template-columns:repeat(4,1fr); gap:12px; background:#fff; border-top:1px solid var(--cizgi); border-bottom:1px solid var(--cizgi); padding:18px 10px; margin:0 0 22px}
.mi-gs-k{display:flex; align-items:center; gap:14px; padding:0 10px; color:var(--metin); text-decoration:none; min-width:0}
a.mi-gs-k:hover .mi-gs-a{color:var(--kiremit)}
.mi-gs-i{flex:0 0 52px; height:52px; border-radius:50%; background:#FBEFE8; display:grid; place-items:center}
.mi-gs-i svg{width:24px; height:24px; stroke:var(--kiremit); fill:none; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round}
.mi-gs-u{display:block; font-size:11.5px; letter-spacing:.08em; color:var(--metin-3); text-transform:uppercase; margin-bottom:3px}
.mi-gs-a{display:block; font-size:15.5px; font-weight:600; line-height:1.3; transition:color .15s}
.mi-gs-kompakt{grid-template-columns:1fr 1fr; border:1px solid var(--cizgi); padding:12px 6px; gap:12px 4px; margin:20px 0 0}
.mi-gs-kompakt .mi-gs-k{gap:9px; padding:0 6px}
.mi-gs-kompakt .mi-gs-i{flex-basis:38px; height:38px}
.mi-gs-kompakt .mi-gs-i svg{width:19px; height:19px}
.mi-gs-kompakt .mi-gs-a{font-size:13.5px}
.mi-gs-kompakt .mi-gs-u{font-size:10.5px}
@media (max-width:900px){ .mi-gs{grid-template-columns:1fr 1fr; gap:16px 6px; padding:14px 4px} }
@media (max-width:700px){
  .mi-gs-k{gap:9px; padding:0 6px}
  .mi-gs-i{flex-basis:40px; height:40px} .mi-gs-i svg{width:20px; height:20px}
  .mi-gs-a{font-size:13.5px} .mi-gs-u{font-size:10.5px}
}

/* 21.10.2026 urun sayfasi secenek (beden) kutusu — B secenegi, kullanici secti. YALNIZ .mi-pdp-form icinde (sinif cakismasi dersi). */
.mi-pdp-form .mi-sec{background:var(--adacayi-acik); padding:14px 16px 16px; margin-top:20px}
.mi-pdp-form .mi-sec-bas{font-size:15px; font-weight:700; letter-spacing:0; text-transform:none; color:var(--metin); padding:0; border:0; margin:0 0 10px}
.mi-pdp-form .mi-chip span{
  display:flex; align-items:center; justify-content:center; min-width:48px; height:48px; padding:0 12px;
  background:#fff; border:1.5px solid var(--adacayi); color:var(--metin); font-size:16px; font-weight:700;
}
.mi-pdp-form .mi-chip:hover span{border-color:var(--metin)}
.mi-pdp-form .mi-chip input:checked + span{background:var(--kiremit); border-color:var(--kiremit); color:#fff}
.mi-pdp-form .mi-sec .mi-secim{background:#fff; border:1.5px solid var(--adacayi); height:48px; font-weight:700}
.mi-pdp-form .mi-sec.mi-sec-hata{outline:2px solid #B3261E; outline-offset:-2px}
.mi-pdp-form .mi-sec.mi-sec-hata .mi-sec-bas{color:#B3261E}
.mi-pdp-form .mi-sec-uyari{display:block; margin-top:10px; font-size:14px; color:#B3261E}

/* 21.10.2026 (kullanici: "pazaryerlerinden de alabilirsiniz yazisini buyutelim") — 13px ince gri idi */
.mi-py .mi-py-bas{font-size:15px; font-weight:600; color:var(--metin); margin-bottom:10px}