/* market teması: varsayilan taban + tema kuralları (7 Eylül 2026). */
:root{--zemin:#f4f6f4;--kart:#fff;--cizgi:#dfe6e0;--metin:#17202a;--metin2:#5c6b62;--vurgu:#1f8a3b;--vurgu2:#176a2d;--uyari:#c62828;--uyari-z:#fdecea;--bilgi-z:#e6f4ea}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--zemin);color:var(--metin);font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:inherit}
img{max-width:100%;display:block}
h1{font-size:28px;line-height:1.2;margin:18px 0 12px;letter-spacing:-.01em}
h2{font-size:20px;margin:22px 0 10px}
.genislik{max-width:1120px;margin:0 auto;padding:0 18px}
.duyuru{background:var(--vurgu);color:#fff;text-align:center;font-size:14px;font-weight:600;padding:8px 12px}
.karsilama.gorselli{background-size:cover;background-position:center;border-radius:14px;color:#fff;margin-top:14px;min-height:260px;display:flex;align-items:flex-end}
.karsilama.gorselli .karsilama-ic{background:linear-gradient(transparent,rgba(0,0,0,.65));padding:40px 24px 22px;width:100%;border-radius:0 0 14px 14px}
.karsilama.gorselli h1,.karsilama.gorselli p{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.karsilama .dugme{margin-top:10px}
.hakkimizda p,.iletisim p{max-width:70ch;color:var(--metin2)}
.alt-not{font-size:13px;color:var(--metin2);padding:12px 18px 0}
.ust{background:var(--kart);border-bottom:1px solid var(--cizgi);position:sticky;top:0;z-index:20}
.ust-ic{display:flex;align-items:center;gap:18px;min-height:62px}
.marka{font-weight:800;font-size:20px;text-decoration:none;letter-spacing:-.02em}
.marka img{height:40px;width:auto}
.menu{display:flex;gap:4px;flex:1;overflow-x:auto;scrollbar-width:none}
.menu a{text-decoration:none;font-weight:600;font-size:14.5px;color:var(--metin2);padding:8px 10px;border-radius:8px;white-space:nowrap}
.menu a:hover{background:var(--zemin);color:var(--metin)}
.sepet-dugme{text-decoration:none;font-weight:700;font-size:14.5px;border:1.5px solid var(--cizgi);border-radius:999px;padding:8px 14px;white-space:nowrap}
.hesap-dugme{text-decoration:none;font-weight:600;font-size:14.5px;color:var(--metin2);white-space:nowrap;padding:8px 6px}
.hesap-menu{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:0 0 16px}
.hesap-menu a{text-decoration:none;font-weight:600;font-size:14px;padding:8px 14px;border:1.5px solid var(--cizgi);border-radius:999px;color:var(--metin2)}
.hesap-menu a.aktif{background:var(--metin);color:#fff;border-color:var(--metin)}
.hesap-menu form{margin-left:auto}
.sepet-dugme b{background:var(--vurgu);color:#fff;border-radius:999px;padding:1px 7px;font-size:12.5px;margin-left:4px}
main{min-height:60vh;padding-bottom:48px}
.karsilama{padding:36px 0 10px}
.karsilama h1{font-size:34px;max-width:720px}
.karsilama p{color:var(--metin2);max-width:640px;font-size:17px}
.bolum{font-size:22px;margin:28px 0 14px}
.izgara{display:grid;gap:16px}
.urun-izgara{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.kol-izgara{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.kol-kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:12px;padding:18px;text-decoration:none;display:flex;flex-direction:column;gap:4px}
.kol-kart span{color:var(--metin2);font-size:13.5px}
.urun-kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:12px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column}
.urun-kart-gorsel{aspect-ratio:1;background:#f1efeb;position:relative}
.urun-kart-gorsel img{width:100%;height:100%;object-fit:cover}
.gorsel-yok{display:flex;align-items:center;justify-content:center;height:100%;color:#9a948c;font-size:13px}
.gorsel-yok.buyuk{aspect-ratio:1;background:#f1efeb;border-radius:12px}
.rozet{position:absolute;top:10px;left:10px;background:#fff;border:1px solid var(--cizgi);border-radius:999px;font-size:12px;font-weight:700;padding:3px 9px}
.urun-kart-ad{padding:10px 12px 2px;font-weight:600;font-size:15px}
.urun-kart-fiyat{padding:0 12px 12px;font-size:15px}
.urun-kart-fiyat s{color:var(--metin2);margin-right:6px}
.yol{font-size:13.5px;color:var(--metin2);margin:14px 0 0}
.yol a{color:var(--metin2)}
.aciklama{color:var(--metin2);max-width:720px}
.bos{color:var(--metin2);padding:30px 0}
.urun-sayfa{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:18px}
.urun-gorseller img#anaGorsel{border-radius:12px;background:#f1efeb;aspect-ratio:1;object-fit:cover;width:100%}
.kucukler{display:flex;gap:8px;margin-top:10px;overflow-x:auto}
.kucuk{width:64px;height:64px;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:none;cursor:pointer;flex:none}
.kucuk.aktif{border-color:var(--vurgu)}
.kucuk img{width:100%;height:100%;object-fit:cover}
.urun-bilgi h1{margin-top:0}
.fiyat{font-size:26px;margin:6px 0 16px}
.fiyat s{color:var(--metin2);font-size:18px;margin-right:8px}
.secenek{margin:12px 0}
.secenek-ad{display:block;font-size:13px;font-weight:700;color:var(--metin2);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}
.secenek-dugmeler{display:flex;flex-wrap:wrap;gap:8px}
.secenek-dugmeler button{font:inherit;font-weight:600;font-size:14.5px;padding:9px 14px;border:1.5px solid var(--cizgi);background:var(--kart);border-radius:9px;cursor:pointer;min-height:44px}
.secenek-dugmeler button.aktif{border-color:var(--metin);background:var(--metin);color:#fff}
.adet-satir{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:18px 0 6px}
.adet-satir label{display:flex;flex-direction:column;font-size:13px;font-weight:700;color:var(--metin2)}
.adet-satir input{width:80px;font:inherit;font-size:16px;padding:10px;border:1.5px solid var(--cizgi);border-radius:9px;margin-top:4px}
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-weight:700;font-size:15.5px;background:var(--vurgu);color:#fff;border:0;border-radius:10px;padding:12px 22px;min-height:46px;cursor:pointer;text-decoration:none}
.dugme:hover{background:var(--vurgu2)}
.dugme:disabled{opacity:.5;cursor:not-allowed}
.dugme.ikincil{background:var(--kart);color:var(--metin);border:1.5px solid var(--cizgi)}
.dugme.blok{width:100%}
.stok-notu{color:var(--uyari);font-size:14px;min-height:20px;margin:4px 0}
.aciklama-govde{margin-top:22px;color:#2b2926;line-height:1.65}
.aciklama-govde img{border-radius:8px}
.uyari{background:var(--uyari-z);color:var(--uyari);border-radius:9px;padding:10px 14px;font-weight:600}
.bilgi{background:var(--bilgi-z);color:var(--vurgu2);border-radius:9px;padding:10px 14px;font-weight:600}
.sepet-duzen,.odeme-duzen{display:grid;grid-template-columns:1fr 340px;gap:26px;align-items:start;margin-top:10px}
.sepet-tablo{width:100%;border-collapse:collapse;background:var(--kart);border:1px solid var(--cizgi);border-radius:12px;overflow:hidden}
.sepet-tablo th,.sepet-tablo td{padding:12px;border-bottom:1px solid var(--cizgi);text-align:left;vertical-align:middle}
.sepet-tablo th{font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--metin2)}
.sepet-tablo tr:last-child td{border-bottom:0}
.sag{text-align:right}
.sepet-urun{display:flex;gap:12px;align-items:center}
.sepet-urun img{width:64px;height:64px;object-fit:cover;border-radius:8px;flex:none}
.sepet-urun a{font-weight:700;text-decoration:none}
.sepet-urun small{display:block;color:var(--metin2);font-size:13px}
.adet-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.adet-form input{width:64px;font:inherit;padding:8px;border:1.5px solid var(--cizgi);border-radius:8px}
.kucuk-dugme{font:inherit;font-size:13px;font-weight:600;padding:7px 10px;border:1.5px solid var(--cizgi);background:var(--kart);border-radius:8px;cursor:pointer}
.kucuk-dugme.sil{color:var(--uyari)}
.ozet{background:var(--kart);border:1px solid var(--cizgi);border-radius:12px;padding:18px}
.ozet h2{margin-top:0}
.ozet>div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:15px}
.ozet>div.toplam{border-top:1px solid var(--cizgi);margin-top:8px;padding-top:12px;font-size:18px}
.ozet small{color:var(--metin2);display:block}
.ozet .dugme{margin-top:14px}
.kupon-form{display:flex;gap:6px;margin-top:10px}
.kupon-form input{flex:1;min-width:0;font:inherit;font-size:14px;padding:8px 10px;border:1.5px solid var(--cizgi);border-radius:8px;background:#fff;color:var(--metin)}
.kupon-etiket{flex:1;font-weight:700;padding:8px 0}
.ozet .baglanti{display:block;text-align:center;margin-top:12px;color:var(--metin2);font-size:14px}
.odeme-form{background:var(--kart);border:1px solid var(--cizgi);border-radius:12px;padding:20px}
.odeme-form h2:first-child{margin-top:0}
.alanlar{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.alanlar label{display:flex;flex-direction:column;font-size:13px;font-weight:700;color:var(--metin2);gap:5px}
.alanlar label.tam{grid-column:1/-1}
.alanlar input,.alanlar textarea{font:inherit;font-size:16px;padding:11px 12px;border:1.5px solid var(--cizgi);border-radius:9px;background:#fff;color:var(--metin)}
.alanlar input:focus,.alanlar textarea:focus{outline:2px solid var(--vurgu);outline-offset:1px;border-color:var(--vurgu)}
.yontemler{display:flex;flex-direction:column;gap:10px}
.yontem{display:flex;gap:10px;align-items:flex-start;border:1.5px solid var(--cizgi);border-radius:10px;padding:12px 14px;cursor:pointer}
.yontem:has(input:checked){border-color:var(--vurgu);background:var(--bilgi-z)}
.yontem small{display:block;color:var(--metin2);font-size:13px}
.onay{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:18px 0 14px}
#kurumsalAlanlar{display:none}
.fatura-sec:has(#faturaKurumsal:checked)+#kurumsalAlanlar{display:grid}
.tesekkur{max-width:640px;margin:24px auto}
.siparis-no{font-size:18px}
.kutu{background:var(--kart);border:1px solid var(--cizgi);border-radius:12px;padding:18px;margin:16px 0}
.kutu h2{margin-top:0}
.kutu.havale{border-color:var(--vurgu);background:var(--bilgi-z)}
.kutu code{font-size:17px;font-weight:700;letter-spacing:.03em}
.not{color:var(--metin2);font-size:14px}
.ozet-tablo{width:100%;border-collapse:collapse}
.ozet-tablo td{padding:7px 0;border-bottom:1px solid var(--cizgi)}
.ozet-tablo tr.toplam td{font-weight:800;font-size:17px;border-bottom:0}
.alt{border-top:1px solid var(--cizgi);background:var(--kart);margin-top:30px}
.alt-ic{display:flex;justify-content:space-between;gap:24px;padding:26px 18px;font-size:14px;color:var(--metin2);flex-wrap:wrap}
.alt-baglar{display:flex;flex-wrap:wrap;gap:12px}
.alt-baglar a{color:var(--metin2)}
@media(max-width:820px){
  .urun-sayfa,.sepet-duzen,.odeme-duzen{grid-template-columns:1fr}
  .alanlar{grid-template-columns:1fr}
  .karsilama h1{font-size:28px}
  .ust-ic{gap:10px;flex-wrap:wrap}
  .marka{white-space:nowrap;font-size:18px}
  .sepet-dugme{margin-left:auto}
  .menu{order:3;flex-basis:100%;padding-bottom:6px}
  .hesap-dugme{margin-left:auto}
  .sepet-dugme{margin-left:0}
  .sepet-tablo,.sepet-tablo thead,.sepet-tablo tbody,.sepet-tablo tr,.sepet-tablo td{display:block}
  .sepet-tablo thead{display:none}
  .sepet-tablo tr{border-bottom:1px solid var(--cizgi);padding:10px 0}
  .sepet-tablo td{border:0;padding:6px 12px}
  .sag{text-align:left}
}


/* ---- market ---- */

body{font-size:15px}
.duyuru{background:#ffb703;color:#17202a}
.ust{background:var(--vurgu);border-bottom:0;color:#fff}
.marka,.hesap-dugme{color:#fff}
.menu a{color:rgba(255,255,255,.88)}
.menu a:hover{background:rgba(255,255,255,.15);color:#fff}
.sepet-dugme{background:#fff;color:var(--metin);border-color:#fff;font-weight:800}
.sepet-dugme b{background:#ffb703;color:#17202a}
.kategori-serit{display:flex;gap:8px;overflow-x:auto;padding:12px 0 4px;scrollbar-width:none}
.kategori-serit a{flex:none;text-decoration:none;font-weight:700;font-size:13.5px;background:var(--kart);border:1.5px solid var(--cizgi);border-radius:999px;padding:8px 14px;color:var(--metin)}
.kategori-serit a:hover{border-color:var(--vurgu);color:var(--vurgu)}
.karsilama{background:var(--kart);border:1px solid var(--cizgi);border-radius:14px;padding:28px 26px;margin-top:14px}
.karsilama h1{font-size:30px;margin-top:0}
.karsilama.gorselli{min-height:220px}
.bolum{font-size:20px;margin:24px 0 12px;display:flex;align-items:center;gap:10px}
.bolum::after{content:"";flex:1;height:1px;background:var(--cizgi)}
.urun-izgara{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px}
.urun-kart{border-radius:10px;position:relative}
.urun-kart:hover{box-shadow:0 6px 18px rgba(0,0,0,.08)}
.urun-kart-gorsel{aspect-ratio:1;background:#fff;padding:10px}
.urun-kart-gorsel img{object-fit:contain;border-radius:8px}
.urun-kart-ad{font-size:14px;padding:8px 10px 0;min-height:44px}
.urun-kart-fiyat{padding:4px 10px 10px;font-size:15px}
.urun-kart-fiyat b{color:var(--vurgu);font-size:16px}
.hizli-ekle{display:flex;gap:6px;padding:0 10px 10px}
.hizli-ekle button{flex:1;font:inherit;font-weight:800;font-size:13.5px;background:var(--vurgu);color:#fff;border:0;border-radius:8px;padding:9px;cursor:pointer;min-height:38px}
.hizli-ekle button:hover{background:var(--vurgu2)}
.hizli-ekle .secenekli{background:var(--kart);color:var(--vurgu);border:1.5px solid var(--vurgu);text-decoration:none;text-align:center;font-weight:800;font-size:13.5px;border-radius:8px;padding:9px;flex:1}
.rozet{background:#ffb703;border:0;color:#17202a}
.kol-izgara{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.kol-kart{padding:14px;border-radius:10px}
.dugme{border-radius:8px}
.alt{background:#17202a;color:#c9d3cc;border-top:0}
.alt-ic,.alt-baglar a,.alt-not{color:#c9d3cc}
.alt-not{padding-bottom:22px}
@media(max-width:820px){.urun-izgara{grid-template-columns:repeat(2,1fr);gap:10px}.hesap-dugme{color:#fff}}