:root{
  /* Yerleşim: üstte sabit başlık, ortada kaydırılan içerik, telefonda altta sekme çubuğu.
     Geniş ekranda 1240px kap; listede solda filtre rayı, sağda ürün ızgarası. */
  --zemin:#f1f4f9; --yuzey:#ffffff; --yuzey-2:#e8edf6;
  --murekkep:#101a2e; --murekkep-2:#55627a; --cizgi:#d8dfeb;
  --kobalt:#1c3fae; --kobalt-metin:#1c3fae; --kobalt-yumusak:#e2e9ff;
  --mercan:#d13b26; --mercan-metin:#b9301d; --mercan-yumusak:#ffe7e1;
  --turkuaz:#087a72; --turkuaz-yumusak:#d9f4ef;
  --kehribar:#8a5a06; --kehribar-yumusak:#fff0d1;
  --karo:#ffffff; --kahraman:#17338f; --duyuru:#101a2e;
  --golge:0 1px 2px rgba(16,26,46,.06),0 10px 28px rgba(16,26,46,.09);
  --yazi-baslik:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;
  --yazi-govde:"Onest",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --r-s:9px; --r-m:14px; --r-l:22px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --zemin:#0a1120; --yuzey:#121b2e; --yuzey-2:#1b2740;
    --murekkep:#e9eefb; --murekkep-2:#9eadc8; --cizgi:#27344f;
    --kobalt:#3559d6; --kobalt-metin:#a3b8ff; --kobalt-yumusak:#1a2a57;
    --mercan:#d9452f; --mercan-metin:#ff8d78; --mercan-yumusak:#3d1c16;
    --turkuaz:#56d3c6; --turkuaz-yumusak:#0f3835;
    --kehribar:#f0c060; --kehribar-yumusak:#3a2d0c;
    --karo:#eef1f7; --kahraman:#15296f; --duyuru:#1b2740;
    --golge:0 1px 2px rgba(0,0,0,.4),0 10px 28px rgba(0,0,0,.45);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --zemin:#0a1120; --yuzey:#121b2e; --yuzey-2:#1b2740;
  --murekkep:#e9eefb; --murekkep-2:#9eadc8; --cizgi:#27344f;
  --kobalt:#3559d6; --kobalt-metin:#a3b8ff; --kobalt-yumusak:#1a2a57;
  --mercan:#d9452f; --mercan-metin:#ff8d78; --mercan-yumusak:#3d1c16;
  --turkuaz:#56d3c6; --turkuaz-yumusak:#0f3835;
  --kehribar:#f0c060; --kehribar-yumusak:#3a2d0c;
  --karo:#eef1f7; --kahraman:#15296f; --duyuru:#1b2740;
  --golge:0 1px 2px rgba(0,0,0,.4),0 10px 28px rgba(0,0,0,.45);
  color-scheme:dark;
}

/* ---------- Temel ---------- */
*,*::before,*::after{box-sizing:border-box}
html,body{height:100%}
html{-webkit-text-size-adjust:100%;overflow:hidden}
body{margin:0;display:flex;flex-direction:column;overflow:hidden;background:var(--zemin);color:var(--murekkep);font:400 15px/1.5 var(--yazi-govde);-webkit-font-smoothing:antialiased}
[hidden]{display:none!important}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:inherit}
input,select,textarea{font:inherit;color:inherit}
img{display:block;max-width:100%}
h1,h2,h3{text-wrap:balance}
:focus-visible{outline:2px solid var(--kobalt-metin);outline-offset:2px}
.kap{width:100%;max-width:1240px;margin-inline:auto;padding-inline:16px}
.ikon{width:22px;height:22px;flex:none}
.gorunmez{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* ---------- Üst başlık ---------- */
.ust{flex:none;position:relative;z-index:30;background:var(--yuzey);border-bottom:1px solid var(--cizgi)}
.ust-ic{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"marka islem" "ara ara";gap:8px 10px;align-items:center;padding-block:8px 10px}
.marka{grid-area:marka;display:flex;align-items:center;gap:9px;min-width:0;font:800 19px/1.1 var(--yazi-baslik);letter-spacing:-.02em}
.marka-ad{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.marka-isaret{flex:none;width:34px;height:34px;border-radius:10px;background:var(--kobalt);display:grid;place-items:center}
.isaret-yildiz{fill:#fff}
.isaret-goz{fill:var(--kobalt)}
.ara{grid-area:ara;position:relative;min-width:0}
.ara form{display:flex;align-items:center;gap:8px;height:44px;padding:0 5px 0 14px;background:var(--yuzey-2);border:1.5px solid transparent;border-radius:999px}
.ara form:focus-within{background:var(--yuzey);border-color:var(--kobalt-metin)}
.ara-ikon{width:20px;height:20px;color:var(--murekkep-2)}
.ara input{flex:1;min-width:0;height:100%;border:0;background:none;outline:0;font-size:16px;-webkit-appearance:none;appearance:none}
.ara input::-webkit-search-cancel-button{display:none}
.ara-temizle{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:var(--murekkep-2)}
.ara-temizle .ikon{width:16px;height:16px}
.ara-dugme{flex:none;height:34px;padding:0 16px;border-radius:999px;background:var(--kobalt);color:#fff;font-weight:700;font-size:14px}
.ara-oneri{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:40;max-height:min(70vh,440px);overflow:auto;padding:6px;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-m);box-shadow:var(--golge)}
.oneri{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border-radius:10px;font-size:14px}
.oneri:hover,.oneri:focus-visible{background:var(--yuzey-2)}
.oneri-ad{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.oneri small{color:var(--murekkep-2);font-size:12px}
.oneri b{font-variant-numeric:tabular-nums;white-space:nowrap}
.oneri-ikon{flex:none;width:40px;height:40px;border-radius:10px;background:var(--kobalt-yumusak);color:var(--kobalt-metin);display:grid;place-items:center}
.oneri.tumu{color:var(--kobalt-metin);font-weight:600}
.oneri.tumu .ikon{width:18px;height:18px}
.oneri-yok{margin:0;padding:14px;color:var(--murekkep-2);font-size:14px}
.islem{grid-area:islem;display:flex;align-items:center;gap:4px}
.islem-dugme{position:relative;display:flex;align-items:center;gap:6px;height:36px;padding:0 10px;border-radius:10px;font-size:13px;font-weight:600;color:var(--murekkep-2)}
.islem-dugme:hover{background:var(--yuzey-2);color:var(--murekkep)}
.islem-dugme[aria-current="page"]{color:var(--kobalt-metin)}
.islem-dugme.yonetim{background:var(--kobalt-yumusak);color:var(--kobalt-metin)}
.yalniz-genis{display:none}
.sayac{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--mercan);color:#fff;font:700 11px/18px var(--yazi-govde);text-align:center;font-variant-numeric:tabular-nums}
.sayac.zipla{animation:zipla .35s ease-out}
.sayac.satir{margin-left:2px}
.islem-dugme .sayac{position:absolute;top:0;left:24px}
.islem-dugme.yonetim .sayac{top:-6px;left:auto;right:-6px;box-shadow:0 0 0 2px var(--yuzey)}
.kat-serit{display:none}

/* ---------- Gövde ---------- */
.govde{flex:1;min-height:0;position:relative;display:flex;flex-direction:column}
.kaydir{position:relative;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#icerik{padding-block:14px 36px;min-height:62%}
.duyuru{margin:0;display:flex;justify-content:center;align-items:center;gap:8px;padding:7px 16px;background:var(--duyuru);color:#fff;font-size:13px;font-weight:500;text-align:center}
.duyuru .ikon{width:16px;height:16px}
.yuzen{position:absolute;right:14px;bottom:14px;z-index:20}
.yuzen-dugme{display:flex;align-items:center;gap:8px;height:50px;padding:0 18px 0 14px;border-radius:999px;background:var(--murekkep);color:var(--zemin);font-weight:700;box-shadow:var(--golge)}

/* ---------- Alt çubuk ve sekmeler ---------- */
.alt-cubuk{flex:none;display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--yuzey);border-top:1px solid var(--cizgi)}
.alt-cubuk:empty{display:none}
.alt-cubuk .dugme{flex:1}
.ikili-cubuk .dugme.birincil{flex:2}
body[data-sekmesiz="1"] .alt-cubuk{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}
.cubuk-fiyat{display:flex;flex-direction:column;min-width:104px}
.cubuk-fiyat small{font-size:11.5px;color:var(--murekkep-2);font-weight:600}
.cubuk-fiyat .fiyat{font-size:20px}
.cubuk-not{flex:1;font-size:12.5px;color:var(--murekkep-2);line-height:1.3}
.sekmeler{flex:none;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--yuzey);border-top:1px solid var(--cizgi);padding-bottom:env(safe-area-inset-bottom,0px)}
body[data-sekmesiz="1"] .sekmeler{display:none}
.sekme{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px 7px;font-size:11px;font-weight:600;color:var(--murekkep-2)}
.sekme .ikon{width:23px;height:23px}
.sekme[aria-current="page"]{color:var(--kobalt-metin)}
.sekme[aria-current="page"] .ikon{stroke-width:2.2}
.sekme .sayac{position:absolute;top:4px;left:calc(50% + 4px)}

/* ---------- Düğmeler ---------- */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 20px;border-radius:13px;font-weight:700;font-size:15px;white-space:nowrap;transition:filter .12s,transform .08s}
.dugme .ikon{width:19px;height:19px}
.dugme:active{transform:scale(.98)}
.dugme.birincil{background:var(--kobalt);color:#fff}
.dugme.birincil:hover{filter:brightness(1.12)}
.dugme.ikincil{background:var(--kobalt-yumusak);color:var(--kobalt-metin)}
.dugme.cizgili{background:var(--yuzey);border:1.5px solid var(--cizgi)}
.dugme.tehlike{background:var(--mercan-yumusak);color:var(--mercan-metin)}
.dugme.tehlike-dolu{background:var(--mercan);color:#fff}
.dugme.beyaz{background:#fff;color:#17338f}
.dugme.saydam{background:rgba(255,255,255,.15);color:#fff}
.dugme.kucuk{height:38px;padding:0 14px;font-size:13.5px;border-radius:10px}
.dugme.genis{width:100%}
.dugme.kare{width:48px;padding:0}
.dugme:disabled{opacity:.5;cursor:not-allowed;filter:none}
.metin-dugme{display:inline-flex;align-items:center;gap:6px;padding:6px 2px;font-size:13.5px;font-weight:600;color:var(--kobalt-metin)}
.metin-dugme .ikon{width:16px;height:16px}
.simge-dugme{flex:none;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:var(--murekkep-2)}
.simge-dugme .ikon{width:19px;height:19px}
.simge-dugme:hover{background:var(--yuzey-2);color:var(--murekkep)}
.simge-dugme.tehlikeli:hover{background:var(--mercan-yumusak);color:var(--mercan-metin)}
.simge-dugme:disabled{opacity:.3;cursor:default}

/* ---------- Ortak parçalar ---------- */
.kart{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-m);padding:16px}
.kart h2{margin:0 0 12px;font:700 17px/1.25 var(--yazi-baslik);letter-spacing:-.01em}
.bolum{margin-top:18px}
.yazi{max-width:68ch;font-size:14.5px;line-height:1.65}
.yazi p{margin:0 0 10px}
.yazi p:last-child{margin-bottom:0}
.ipucu{margin:0;font-size:12.5px;line-height:1.45;color:var(--murekkep-2)}
.ipucu:empty{display:none}
.ipucu.olumlu{color:var(--turkuaz);font-weight:600}
.olumlu{color:var(--turkuaz)}
.sayfa-bas{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;margin:4px 0 14px}
.sayfa-bas h1{margin:0;font:800 26px/1.15 var(--yazi-baslik);letter-spacing:-.025em}
.sayfa-bas .metin-dugme{margin-left:auto}
.sayim{font-size:13.5px;color:var(--murekkep-2)}
.geri{display:inline-flex;align-items:center;gap:2px;width:100%;font-size:13.5px;font-weight:600;color:var(--murekkep-2)}
.geri .ikon{width:16px;height:16px}
.iz{display:flex;align-items:center;gap:4px;margin-bottom:10px;font-size:12.5px;color:var(--murekkep-2);white-space:nowrap;overflow:hidden}
.iz .ikon{width:13px;height:13px}
.iz a:hover{color:var(--kobalt-metin)}
.iz span{overflow:hidden;text-overflow:ellipsis;color:var(--murekkep)}
.bos{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:56px 16px}
.bos.ic{padding:40px 16px;background:var(--yuzey);border:1px dashed var(--cizgi);border-radius:var(--r-m)}
.bos-ikon{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;background:var(--kobalt-yumusak);color:var(--kobalt-metin)}
.bos-ikon .ikon{width:30px;height:30px}
.bos h1,.bos h2{margin:6px 0 0;font:700 21px/1.2 var(--yazi-baslik);letter-spacing:-.02em}
.bos p{margin:0 0 8px;max-width:42ch;color:var(--murekkep-2);font-size:14.5px}
.bos-not{margin:0;padding:22px;text-align:center;color:var(--murekkep-2);font-size:14px;background:var(--yuzey);border:1px dashed var(--cizgi);border-radius:var(--r-m)}
.iskelet{background:linear-gradient(100deg,var(--yuzey-2) 40%,var(--yuzey) 50%,var(--yuzey-2) 60%);background-size:200% 100%;animation:parla 1.4s linear infinite;border-radius:10px}
.iskelet.afis{height:190px;border-radius:var(--r-l);margin-bottom:18px}
.iskelet.kare{aspect-ratio:1/1}
.iskelet.cizgi{height:12px;margin-top:10px}
.iskelet.cizgi.kisa{width:55%}
.uyari-serit{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:10px 14px;border-radius:12px;background:var(--kehribar-yumusak);color:var(--kehribar);font-size:13.5px;font-weight:500;line-height:1.4}
.uyari-serit>span{flex:1}
.uyari-serit .ikon{width:18px;height:18px}
.uyari-serit a,.uyari-serit .metin-dugme{padding:0;font-size:inherit;font-weight:700;white-space:nowrap;color:inherit;text-decoration:underline;text-underline-offset:3px}
.uyari-serit.sahip{background:var(--kobalt-yumusak);color:var(--kobalt-metin)}
.bolum-bas{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:28px 0 12px}
.bolum-bas h2{margin:0;font:700 21px/1.2 var(--yazi-baslik);letter-spacing:-.02em}
.bolum-bas a{display:inline-flex;align-items:center;gap:2px;font-size:13.5px;font-weight:600;color:var(--kobalt-metin);white-space:nowrap}
.bolum-bas a .ikon{width:16px;height:16px}
.rozetler{display:flex;flex-wrap:wrap;gap:4px}
.rozet{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:6px;font-size:11px;font-weight:700;line-height:1.5;white-space:nowrap}
.rozet .ikon{width:12px;height:12px}
.rozet.kargo{background:var(--turkuaz-yumusak);color:var(--turkuaz)}
.rozet.hizli{background:var(--kobalt-yumusak);color:var(--kobalt-metin)}
.rozet.az{background:var(--kehribar-yumusak);color:var(--kehribar)}
.rozet.ornek,.rozet.taslak{background:var(--yuzey-2);color:var(--murekkep-2)}
.rozet.kritik{background:var(--mercan-yumusak);color:var(--mercan-metin)}
.rozet.indirim{background:var(--mercan);color:#fff}

/* ---------- Ürün görseli ve kartı ---------- */
.karo{position:relative;display:grid;place-items:center;aspect-ratio:1/1;overflow:hidden;background:var(--karo)}
.karo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.karo-bos{display:grid;place-items:center;color:#b9c3d6}
.karo-bos .ikon{width:38%;height:38%;min-width:20px;min-height:20px;max-width:96px;max-height:96px;stroke-width:1.4}
.karo.mini{flex:none;width:40px;height:40px;border-radius:10px;border:1px solid var(--cizgi)}
.karo.kucuk{width:100%;border-radius:10px}
.urun{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-m);transition:box-shadow .15s,transform .15s}
.urun-bag{display:flex;flex-direction:column;flex:1;min-width:0}
.urun-govde{display:flex;flex-direction:column;gap:4px;padding:10px 10px 6px}
.urun-marka{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--murekkep-2)}
.urun-ad{margin:0;min-height:2.7em;font-size:13.5px;font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.urun-govde .rozetler{min-height:21px}
.urun-alt{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding:0 10px 10px}
.fiyat-kume{display:flex;flex-direction:column;min-width:0}
.fiyat{font:800 18px/1.05 var(--yazi-baslik);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.fiyat small{font-size:.66em;font-weight:700;letter-spacing:0}
.eski{font-size:12px;color:var(--murekkep-2);text-decoration:line-through;font-variant-numeric:tabular-nums;white-space:nowrap}
.hizli-ekle{flex:none;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--kobalt);color:#fff}
.hizli-ekle .ikon{width:19px;height:19px;stroke-width:2.2}
.hizli-ekle:disabled{background:var(--yuzey-2);color:var(--murekkep-2);cursor:not-allowed}
/* Fiyat etiketi biçimindeki indirim işareti: sayfanın imza ayrıntısı */
.indirim-etiket{position:absolute;top:10px;left:0;padding:6px 15px 6px 9px;background:var(--mercan);color:#fff;font:800 12.5px/1 var(--yazi-baslik);clip-path:polygon(0 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,0 100%);pointer-events:none}
.indirim-etiket.buyuk{top:14px;padding:8px 19px 8px 12px;font-size:14px}
.tukendi-etiket{position:absolute;top:10px;left:10px;padding:4px 8px;border-radius:7px;background:rgba(16,26,46,.82);color:#fff;font-size:11.5px;font-weight:700;pointer-events:none}
.urun.tukendi .indirim-etiket{display:none}
.urun.tukendi .karo img{opacity:.45;filter:grayscale(.7)}
.sure-etiket{position:absolute;top:41px;left:8px;display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:7px;background:rgba(16,26,46,.82);color:#fff;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;pointer-events:none}
.sure-etiket .ikon{width:12px;height:12px}
.favori-dugme{position:absolute;top:8px;right:8px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#55627a;box-shadow:0 1px 4px rgba(16,26,46,.18)}
.favori-dugme .ikon{width:18px;height:18px}
.favori-dugme[aria-pressed="true"]{color:#d13b26}
.favori-dugme[aria-pressed="true"] .ikon{fill:currentColor}
.izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.raf{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,44%);gap:10px;overflow-x:auto;margin-inline:-16px;padding:2px 16px 10px;scroll-snap-type:x proximity;scroll-padding-inline:16px;scrollbar-width:none}
.raf::-webkit-scrollbar{display:none}
.raf>*{scroll-snap-align:start}

/* ---------- Ana sayfa ---------- */
.kahraman{position:relative;display:grid;gap:18px;padding:22px 18px 18px;overflow:hidden;border-radius:var(--r-l);color:#fff;background-color:var(--kahraman);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.085' stroke-width='1.4'%3E%3Crect x='22' y='22' width='28' height='28'/%3E%3Crect x='22' y='22' width='28' height='28' transform='rotate(45 36 36)'/%3E%3Ccircle cx='0' cy='0' r='7'/%3E%3Ccircle cx='72' cy='0' r='7'/%3E%3Ccircle cx='0' cy='72' r='7'/%3E%3Ccircle cx='72' cy='72' r='7'/%3E%3C/g%3E%3C/svg%3E")}
.kahraman-yazi{min-width:0}
.kahraman-ust{margin:0 0 8px;font-size:13px;font-weight:600;letter-spacing:.02em;color:rgba(255,255,255,.78)}
.kahraman h1{margin:0;font:800 clamp(30px,8.4vw,56px)/1 var(--yazi-baslik);letter-spacing:-.035em}
.kahraman-alt{margin:12px 0 0;font-size:15px;color:rgba(255,255,255,.86)}
.kahraman-dugmeler{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.mozaik{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:1fr 1fr;gap:8px;aspect-ratio:16/10;min-width:0}
.mozaik[data-adet="1"]{grid-template-columns:1fr;grid-template-rows:1fr}
.mozaik[data-adet="2"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr}
.mozaik-karo{position:relative;min-height:0;overflow:hidden;border-radius:16px;background:var(--karo);display:flex;flex-direction:column}
.mozaik[data-adet="3"] .mozaik-karo:first-child{grid-row:1/3}
.mozaik-karo .karo{position:relative;flex:1 1 auto;min-height:0;aspect-ratio:auto;background:#fff}
.mozaik-karo .karo img{object-fit:contain;padding:6px}
.mozaik-etiket{flex:none;display:flex;flex-direction:column;gap:1px;min-width:0;padding:6px 10px;background:#101a2e;color:#fff;font-size:11.5px;line-height:1.25}
.mozaik-etiket span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.82}
.mozaik-etiket b{font:800 14px/1.1 var(--yazi-baslik);font-variant-numeric:tabular-nums;white-space:nowrap}
.mozaik[data-adet="3"] .mozaik-karo:not(:first-child) .mozaik-etiket{padding:4px 10px}
.mozaik[data-adet="3"] .mozaik-karo:not(:first-child) .mozaik-etiket b{font-size:13px}
.mozaik[data-adet="3"] .mozaik-karo:not(:first-child) .mozaik-etiket span{display:none}
body.ilk .mozaik-karo{animation:yuksel .55s cubic-bezier(.2,.7,.2,1) both}
body.ilk .mozaik-karo:nth-child(2){animation-delay:.07s}
body.ilk .mozaik-karo:nth-child(3){animation-delay:.14s}
.kat-ray{display:flex;gap:6px;overflow-x:auto;margin:18px -16px 0;padding:2px 16px 8px;scroll-snap-type:x proximity;scrollbar-width:none}
.kat-ray::-webkit-scrollbar{display:none}
.kat-hap{flex:none;width:84px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;scroll-snap-align:start}
.kat-hap i{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:var(--yuzey);border:1px solid var(--cizgi);color:var(--kobalt-metin)}
.kat-hap i .ikon{width:28px;height:28px}
.kat-hap span{font-size:12.5px;font-weight:600;line-height:1.2}
.kat-hap small{font-size:11px;color:var(--murekkep-2)}
.guven{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:8px}
.guven li{display:flex;align-items:center;gap:10px;padding:12px;border-radius:var(--r-m);background:var(--yuzey);border:1px solid var(--cizgi)}
.guven .ikon{color:var(--turkuaz)}
.guven b{display:block;font-size:13px;line-height:1.25}
.guven span{display:block;font-size:12px;line-height:1.3;color:var(--murekkep-2)}

/* ---------- Liste ve filtreler ---------- */
.liste-duzen{display:grid;gap:16px}
.liste-ana{min-width:0}
.filtre-ray{display:none}
.liste-bas{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-bottom:10px}
.liste-bas h1{margin:0;font:800 24px/1.15 var(--yazi-baslik);letter-spacing:-.025em;overflow-wrap:anywhere}
.liste-arac{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.sirala{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:13px;color:var(--murekkep-2)}
.sirala select{width:auto;min-width:164px}
.etkin-filtreler{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px}
.cip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 8px 0 12px;border-radius:99px;background:var(--kobalt-yumusak);color:var(--kobalt-metin);font-size:13px;font-weight:600}
.cip .ikon{width:14px;height:14px}
.daha{display:flex;justify-content:center;margin-top:18px}
.filtre-grup{padding:14px 0}
.filtre-grup+.filtre-grup{border-top:1px solid var(--cizgi)}
.filtre-grup h3{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--murekkep-2)}
.filtre-liste{display:flex;flex-direction:column;gap:2px}
.filtre-liste.kaydirilir{max-height:220px;overflow:auto}
.secim{display:flex;align-items:center;gap:10px;padding:7px 2px;font-size:14px;cursor:pointer}
.secim input{flex:none;width:18px;height:18px;margin:0;accent-color:var(--kobalt)}
.secim span{flex:1;min-width:0}
.secim small{font-size:12px;color:var(--murekkep-2);font-variant-numeric:tabular-nums}
.fiyat-araligi{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center}
.fiyat-araligi .dugme{grid-column:1/-1}
.fiyat-araligi .girdi{height:40px}
.kat-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.kat-kart{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:var(--r-m);background:var(--yuzey);border:1px solid var(--cizgi)}
.kat-kart i{width:48px;height:48px;margin-bottom:8px;border-radius:14px;display:grid;place-items:center;background:var(--kobalt-yumusak);color:var(--kobalt-metin)}
.kat-kart b{font:700 16px/1.2 var(--yazi-baslik)}
.kat-kart small{font-size:12.5px;color:var(--murekkep-2)}
.kat-kart.tum{background:var(--kahraman);border-color:transparent;color:#fff}
.kat-kart.tum i{background:rgba(255,255,255,.16);color:#fff}
.kat-kart.tum small{color:rgba(255,255,255,.8)}

/* ---------- Ürün sayfası ---------- */
.urun-sayfa{display:grid;gap:18px}
.galeri{min-width:0}
.galeri-ic{position:relative;overflow:hidden;border-radius:var(--r-l);background:var(--karo);border:1px solid var(--cizgi)}
.galeri-ana{display:flex;aspect-ratio:1/1;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.galeri-ana::-webkit-scrollbar{display:none}
.galeri-kare{flex:0 0 100%;height:100%;scroll-snap-align:center;cursor:zoom-in}
.galeri-kare .karo{width:100%;height:100%;aspect-ratio:auto}
.galeri-sayac{position:absolute;right:10px;bottom:10px;padding:3px 9px;border-radius:999px;background:rgba(16,26,46,.72);color:#fff;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
.galeri-kucuk{display:flex;gap:8px;overflow-x:auto;margin-top:10px;padding-bottom:2px;scrollbar-width:none}
.galeri-kucuk button{flex:none;width:62px;height:62px;overflow:hidden;border-radius:12px;border:2px solid var(--cizgi);background:var(--karo)}
.galeri-kucuk button[aria-current="true"]{border-color:var(--kobalt-metin)}
.galeri-kucuk .karo{width:100%;height:100%}
.urun-bilgi{display:flex;flex-direction:column;gap:14px;min-width:0}
.urun-bilgi h1{margin:0;font:700 23px/1.22 var(--yazi-baslik);letter-spacing:-.02em;overflow-wrap:anywhere}
.urun-marka.buyuk{align-self:flex-start;font-size:13px;color:var(--kobalt-metin)}
.fiyat-kutu{display:flex;flex-direction:column;gap:4px}
.fiyat-ust{display:flex;align-items:center;gap:10px}
.fiyat-ust .eski{font-size:14px}
.kazanc{padding:2px 8px;border-radius:6px;background:var(--mercan-yumusak);color:var(--mercan-metin);font-size:12.5px;font-weight:700}
.fiyat.buyuk{font-size:36px}
.kampanya{display:inline-flex;align-items:center;align-self:flex-start;gap:8px;margin:6px 0 0;padding:7px 12px;border-radius:10px;background:var(--kehribar-yumusak);color:var(--kehribar);font-size:13.5px}
.kampanya .ikon{width:17px;height:17px}
.kampanya b{font-variant-numeric:tabular-nums}
.secenek-grup{min-width:0;margin:0;padding:0;border:0}
.secenek-grup legend{margin-bottom:8px;padding:0;font-size:13.5px;color:var(--murekkep-2)}
.secenek-grup legend b{color:var(--murekkep)}
.secenek-grup.salla{animation:salla .5s}
.secenekler{display:flex;flex-wrap:wrap;gap:8px}
.secenek{min-width:46px;height:42px;padding:0 14px;border-radius:11px;border:1.5px solid var(--cizgi);background:var(--yuzey);font-size:14px;font-weight:600;text-align:center}
.secenek[aria-pressed="true"]{border-color:var(--kobalt-metin);background:var(--kobalt-yumusak);color:var(--kobalt-metin)}
.stok-durum{display:flex;align-items:center;gap:7px;margin:0;font-size:13.5px;font-weight:600}
.stok-durum::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.stok-durum.var{color:var(--turkuaz)}
.stok-durum.az{color:var(--kehribar)}
.stok-durum.yok{color:var(--mercan-metin)}
.satin-al{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.satin-al .genis-ekran{display:none}
.satin-al .dugme.ikincil{flex:1}
.favori-buyuk[aria-pressed="true"]{color:var(--mercan-metin);border-color:var(--mercan)}
.favori-buyuk[aria-pressed="true"] .ikon{fill:currentColor}
.adet{display:inline-flex;align-items:center;height:48px;border:1.5px solid var(--cizgi);border-radius:13px;background:var(--yuzey)}
.adet button{width:42px;height:100%;display:grid;place-items:center}
.adet button .ikon{width:18px;height:18px}
.adet button:disabled{opacity:.3;cursor:default}
.adet output{min-width:30px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}
.adet.kucuk{height:38px;border-radius:10px}
.adet.kucuk button{width:34px}
.bilgi-liste{list-style:none;margin:4px 0 0;padding:0;border:1px solid var(--cizgi);border-radius:var(--r-m);background:var(--yuzey)}
.bilgi-liste li{display:flex;gap:12px;padding:13px 14px}
.bilgi-liste li+li{border-top:1px solid var(--cizgi)}
.bilgi-liste .ikon{margin-top:1px;color:var(--kobalt-metin)}
.bilgi-liste b{display:block;font-size:13.5px}
.bilgi-liste span{display:block;font-size:13px;line-height:1.45;color:var(--murekkep-2)}
.bilgi-liste a{display:inline-block;margin-top:4px;font-size:13px;font-weight:600;color:var(--kobalt-metin)}
.ozellik-tablo{width:100%;border-collapse:collapse;font-size:14px}
.ozellik-tablo th{width:42%;padding:9px 12px;text-align:left;vertical-align:top;font-weight:500;color:var(--murekkep-2)}
.ozellik-tablo td{padding:9px 12px;font-weight:500;overflow-wrap:anywhere}
.ozellik-tablo tr:nth-child(odd){background:var(--zemin)}

/* ---------- Sepet ve sipariş ---------- */
.sepet-duzen{display:grid;gap:14px}
.sepet-duzen>*{min-width:0}
.sepet-satirlar{display:flex;flex-direction:column;align-items:stretch;gap:10px}
.sepet-satirlar>.metin-dugme{align-self:flex-start}
.satir{display:grid;grid-template-columns:84px minmax(0,1fr) auto;gap:12px;padding:12px;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-m)}
.satir-gorsel .karo{border:1px solid var(--cizgi)}
.satir-bilgi{display:flex;flex-direction:column;gap:3px;min-width:0}
.satir-ad{font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.satir-not{font-size:12.5px;color:var(--murekkep-2)}
.satir-alt{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:8px}
.satir-tutar{font:800 17px/1 var(--yazi-baslik);font-variant-numeric:tabular-nums;white-space:nowrap}
.satir.gecersiz{opacity:.72}
.kargo-durum{display:flex;align-items:center;gap:10px;margin:0;padding:11px 14px;border-radius:var(--r-m);background:var(--kobalt-yumusak);color:var(--kobalt-metin);font-size:13.5px}
.kargo-durum>div{flex:1;min-width:0}
.kargo-durum.tamam{background:var(--turkuaz-yumusak);color:var(--turkuaz)}
.ilerleme{height:6px;margin-top:7px;overflow:hidden;border-radius:99px;background:rgba(127,140,170,.28)}
.ilerleme i{display:block;height:100%;border-radius:inherit;background:currentColor}
.ozet{display:flex;flex-direction:column;gap:10px}
.ozet h2{margin:0}
.ozet-liste{display:flex;flex-direction:column;gap:8px;margin:0}
.ozet-liste div{display:flex;justify-content:space-between;gap:12px;font-size:14px}
.ozet-liste dt{color:var(--murekkep-2)}
.ozet-liste dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.ozet-liste .toplam{margin-top:2px;padding-top:10px;border-top:1px solid var(--cizgi);align-items:baseline}
.ozet-liste .toplam dt{color:var(--murekkep);font-weight:700;font-size:15px}
.ozet-liste .toplam dd{font:800 21px/1.1 var(--yazi-baslik)}
.kazanc-not{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:600;color:var(--turkuaz)}
.kazanc-not .ikon{width:16px;height:16px}
.sepet-duzen .ozet>.dugme.birincil{display:none}
.mini-kalemler{list-style:none;display:flex;flex-direction:column;gap:8px;margin:4px 0 0;padding:12px 0 0;border-top:1px solid var(--cizgi)}
.mini-kalemler li{display:flex;align-items:center;gap:10px;font-size:13px}
.mini-kalemler span{flex:1;min-width:0;line-height:1.3}
.mini-kalemler small{display:block;color:var(--murekkep-2)}
.mini-kalemler b{white-space:nowrap;font-variant-numeric:tabular-nums}
.form{display:flex;flex-direction:column;gap:14px}
.form>h2{margin:6px 0 0}
.form>h2:first-child{margin-top:0}
.form-gonder{display:none}
.alan{display:flex;flex-direction:column;gap:6px;min-width:0}
.alan label{font-size:13.5px;font-weight:600}
.istege{font-size:12.5px;font-weight:400;color:var(--murekkep-2)}
.girdi{width:100%;min-width:0;height:46px;padding:0 12px;border:1.5px solid var(--cizgi);border-radius:11px;background:var(--yuzey);font-size:16px}
.girdi::placeholder{color:var(--murekkep-2);opacity:.75}
textarea.girdi{height:auto;min-height:72px;padding:10px 12px;line-height:1.5;resize:vertical}
select.girdi{-webkit-appearance:none;appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237483a0' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 9 7 7 7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.girdi:focus{outline:0;border-color:var(--kobalt-metin);box-shadow:0 0 0 3px var(--kobalt-yumusak)}
.girdi[aria-invalid="true"]{border-color:var(--mercan)}
.girdi.kucuk{height:40px;border-radius:10px}
.hata-metin{margin:0;font-size:12.5px;font-weight:500;color:var(--mercan-metin)}
.hata-metin:empty{display:none}
.ikili{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.odeme-liste{display:flex;flex-direction:column;gap:8px}
.odeme{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1.5px solid var(--cizgi);border-radius:12px;cursor:pointer}
.odeme:has(input:checked){border-color:var(--kobalt-metin);background:var(--kobalt-yumusak)}
.odeme input{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:var(--kobalt)}
.odeme b{display:block;font-size:14px}
.odeme small{display:block;font-size:12.5px;color:var(--murekkep-2)}
.siparis-gonder{display:flex;flex-direction:column;gap:12px}
.siparis-gonder>.metin-dugme{align-self:flex-start}
.adim-not{margin:0;font-size:14.5px;line-height:1.5}
.siparis-metni{max-height:320px;margin:0;padding:14px;overflow:auto;border-radius:12px;background:var(--zemin);border:1px dashed var(--cizgi);font:400 13px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}

/* ---------- Yardım ve altbilgi ---------- */
.yardim-liste{display:flex;flex-direction:column;gap:8px;max-width:820px}
.yardim{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-m);scroll-margin-top:10px}
.yardim summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 16px;font:700 16px/1.3 var(--yazi-baslik);cursor:pointer;list-style:none}
.yardim summary::-webkit-details-marker{display:none}
.yardim summary .ikon{width:18px;height:18px;color:var(--murekkep-2);transition:transform .15s}
.yardim[open] summary .ikon{transform:rotate(180deg)}
.yardim .yazi{padding:0 16px 16px}
.yardim h3{margin:14px 0 4px;font-size:14.5px}
.yardim h3:first-child{margin-top:0}
.yardim ul{margin:0 0 10px;padding-left:18px}
.iletisim-liste{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.yazi .iletisim-liste{margin-top:0}
.iletisim{display:flex;align-items:center;gap:8px;font-size:13.5px;overflow-wrap:anywhere}
.iletisim .ikon{width:17px;height:17px;color:var(--kobalt-metin)}
.altbilgi{padding:26px 0 18px;background:var(--yuzey);border-top:1px solid var(--cizgi);font-size:14px}
.altbilgi-ic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
.altbilgi-marka{grid-column:1/-1}
.altbilgi-marka strong{font:800 20px/1.1 var(--yazi-baslik);letter-spacing:-.02em}
.altbilgi-marka p{margin:6px 0 0;color:var(--murekkep-2)}
.altbilgi nav{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.altbilgi h3{margin:0 0 2px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--murekkep-2)}
.altbilgi nav a:hover{color:var(--kobalt-metin)}
.altbilgi-alt{margin-top:22px;padding-top:14px;border-top:1px solid var(--cizgi);font-size:12.5px;color:var(--murekkep-2)}

/* ---------- Yönetim ---------- */
.bolme{display:flex;gap:4px;margin-bottom:14px;padding:4px;overflow-x:auto;border-radius:13px;background:var(--yuzey-2);scrollbar-width:none}
.bolme a{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 12px;border-radius:10px;font-size:13.5px;font-weight:600;color:var(--murekkep-2);white-space:nowrap}
.bolme a[aria-current="page"]{background:var(--yuzey);color:var(--murekkep);box-shadow:0 1px 2px rgba(16,26,46,.14)}
.bolme small{padding:1px 7px;border-radius:99px;background:var(--cizgi);color:var(--murekkep-2);font-size:11.5px}
.baslangic{margin-bottom:12px}
.baslangic-bas{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:4px}
.baslangic-bas h2{margin:0}
.baslangic-bas span{font-size:12.5px;font-weight:600;color:var(--murekkep-2);white-space:nowrap}
.baslangic ol{list-style:none;display:flex;flex-direction:column;margin:0;padding:0}
.baslangic li{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:14px}
.baslangic li+li{border-top:1px solid var(--cizgi)}
.adim-isaret{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid var(--cizgi);display:grid;place-items:center}
.adim-isaret .ikon{width:13px;height:13px;stroke-width:3}
.baslangic li.tamam .adim-isaret{background:var(--turkuaz);border-color:var(--turkuaz);color:var(--yuzey)}
.adim-metin{flex:1}
.baslangic li.tamam .adim-metin{color:var(--murekkep-2);text-decoration:line-through}
.baslangic li a,.baslangic li button{font-size:13px;font-weight:700;color:var(--kobalt-metin);white-space:nowrap}
.sayilar{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px;padding:0}
.sayilar li{display:flex;flex-direction:column;gap:3px;min-width:0;padding:10px 10px 9px;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:12px}
.sayilar b{font:800 22px/1 var(--yazi-baslik);font-variant-numeric:tabular-nums}
.sayilar span{font-size:11.5px;font-weight:600;color:var(--murekkep-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sayilar .uyar b{color:var(--kehribar)}
.sayilar .kritik b{color:var(--mercan-metin)}
.yonetim-arac{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}
.yonetim-arac>.dugme,.yonetim-arac>#y-ara{grid-column:1/-1}
.y-liste{display:flex;flex-direction:column;gap:8px}
.y-satir{display:flex;align-items:stretch;overflow:hidden;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-m)}
.y-ana{flex:1;min-width:0;display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-areas:"g b" "g f";gap:4px 12px;align-items:center;padding:10px 6px 10px 10px}
.y-ana>.karo{grid-area:g;border:1px solid var(--cizgi)}
.y-bilgi{grid-area:b;display:flex;flex-direction:column;gap:3px;min-width:0}
.y-bilgi b{font-size:14px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.y-bilgi small{font-size:12px;color:var(--murekkep-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.y-fiyat{grid-area:f;font:800 15px/1 var(--yazi-baslik);font-variant-numeric:tabular-nums;white-space:nowrap}
.y-islem{display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--cizgi)}
.y-islem [data-eylem="urun-kopyala"]{display:none}
.y-islem [aria-pressed="false"]{color:var(--mercan-metin)}
.form-bolum{display:flex;flex-direction:column;gap:12px}
.form-bolum h2{margin:0}
.urun-form{gap:12px}
.foto-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.foto{position:relative;aspect-ratio:1/1;overflow:hidden;border-radius:12px;background:var(--karo);border:1px solid var(--cizgi)}
.foto img{width:100%;height:100%;object-fit:contain}
.foto-kapak{position:absolute;left:6px;top:6px;padding:2px 7px;border-radius:6px;background:var(--kobalt);color:#fff;font-size:10.5px;font-weight:700}
.foto-islem{position:absolute;right:4px;bottom:4px;display:flex;gap:4px}
.foto-islem button{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:rgba(16,26,46,.8);color:#fff}
.foto-islem .ikon{width:15px;height:15px}
.foto.yukleniyor{display:grid;place-items:center;background:var(--yuzey-2)}
.donen{width:24px;height:24px;border-radius:50%;border:3px solid var(--cizgi);border-top-color:var(--kobalt-metin);animation:don .8s linear infinite}
.foto-ekle{position:relative;aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:6px;border-radius:12px;border:1.5px dashed var(--kobalt-metin);background:var(--kobalt-yumusak);color:var(--kobalt-metin);font-size:12.5px;font-weight:700;text-align:center;cursor:pointer}
.foto-ekle:focus-within{outline:2px solid var(--kobalt-metin);outline-offset:2px}
.cift-satir{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) 40px;gap:8px;align-items:center}
.anahtar-satir{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:4px 0;cursor:pointer}
.anahtar-satir b{display:block;font-size:14px}
.anahtar-satir small{display:block;font-size:12.5px;line-height:1.4;color:var(--murekkep-2)}
.anahtar{-webkit-appearance:none;appearance:none;flex:none;position:relative;width:46px;height:28px;margin:0;border-radius:99px;background:var(--cizgi);cursor:pointer;transition:background .15s}
.anahtar::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .15s}
.anahtar:checked{background:var(--kobalt)}
.anahtar:checked::after{transform:translateX(18px)}
.onizleme{max-width:210px;pointer-events:none}
.yan-yana{display:flex;flex-wrap:wrap;gap:8px}
.kat-liste{list-style:none;display:flex;flex-direction:column;gap:10px;margin:0;padding:0}
.kat-liste li{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px;align-items:start}
.kat-ikon-dugme{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--kobalt-yumusak);color:var(--kobalt-metin)}
.kat-ad{display:flex;flex-direction:column;gap:3px;min-width:0}
.kat-ad small{padding-left:2px;font-size:12px;color:var(--murekkep-2)}
.kat-islem{display:flex;align-items:center;height:46px}
.kat-islem .simge-dugme{width:34px}
.kat-ekle{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:4px;padding-top:14px;border-top:1px solid var(--cizgi)}
.kat-ekle .dugme{height:46px}
.ikon-secici{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:14px 0 0}
.ikon-secici button{aspect-ratio:1/1;border-radius:12px;border:1.5px solid var(--cizgi);display:grid;place-items:center}
.ikon-secici button[aria-pressed="true"]{border-color:var(--kobalt-metin);background:var(--kobalt-yumusak);color:var(--kobalt-metin)}
.depo{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.depo .ilerleme{width:100%;margin:0;color:var(--kobalt-metin)}
.depo p{margin:0;font-size:13.5px}

/* ---------- Canlı site: giriş, sipariş onayı, siparişler ---------- */
.betiksiz{margin:24px;font-size:15px}
.bolme a{padding:0 7px;font-size:13px}
.genis-ek,.bolme small:not(.yeni){display:none}
.bolme small.yeni{background:var(--mercan);color:#fff}
.giris{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:420px;margin:28px auto 0;text-align:center}
.giris h1{margin:0;font:800 24px/1.2 var(--yazi-baslik);letter-spacing:-.02em}
.giris .form{width:100%;text-align:left}
.giris .uyari-serit{text-align:left;margin:0}
.onay-satir{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.45;cursor:pointer}
.alan label.onay-satir{font-weight:400}
.onay-satir input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--kobalt)}
.baglanti{display:inline;color:var(--kobalt-metin);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.alindi{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:18px 0 22px}
.alindi-isaret{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--turkuaz-yumusak);color:var(--turkuaz)}
.alindi-isaret .ikon{width:30px;height:30px;stroke-width:2.6}
.alindi h1{margin:6px 0 0;font:800 26px/1.15 var(--yazi-baslik);letter-spacing:-.025em}
.alindi p{margin:0;max-width:40ch;color:var(--murekkep-2)}
.siparis-no{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:12px;padding:14px 22px;border-radius:var(--r-m);background:var(--yuzey);border:1px dashed var(--kobalt-metin)}
.siparis-no small{font-size:12px;font-weight:600;color:var(--murekkep-2)}
.siparis-no b{font:800 24px/1.2 var(--yazi-baslik);letter-spacing:.02em;font-variant-numeric:tabular-nums}
.ozet-liste.genis-deger dd{white-space:normal;overflow-wrap:anywhere;text-align:right}
.siparis-gonder>.dugme.kucuk{align-self:flex-start}
.mini-kalemler.ilk{margin-top:0;padding-top:0;border-top:0}
.yasal{font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.metin-katman .pencere{max-width:680px}
.siparis-arac{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.cipler{display:flex;gap:6px;min-width:0;padding-right:18px;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 22px),transparent)}
.cipler::-webkit-scrollbar{display:none}
.cipler .cip{flex:none;padding:0 12px}
.cip small{min-width:18px;padding:0 5px;border-radius:99px;background:var(--yuzey);font-size:11px;line-height:18px;text-align:center;font-variant-numeric:tabular-nums}
.cip.secili{background:var(--kobalt);color:#fff}
.cip.secili small{background:rgba(255,255,255,.2);color:#fff}
.siparis{overflow:hidden;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-m)}
.siparis.acik{border-color:var(--kobalt-metin)}
.siparis-bas{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"ust tutar" "alt tutar";gap:4px 12px;align-items:center;padding:12px 14px}
.siparis-ust{grid-area:ust;display:flex;align-items:center;gap:8px;min-width:0}
.siparis-ust b{font:800 15px/1.2 var(--yazi-baslik);font-variant-numeric:tabular-nums}
.siparis-alt{grid-area:alt;display:flex;flex-wrap:wrap;gap:2px 10px;min-width:0;font-size:12.5px;color:var(--murekkep-2)}
.siparis-tutar{grid-area:tutar;display:flex;align-items:center;gap:6px;font:800 15px/1 var(--yazi-baslik);font-variant-numeric:tabular-nums;white-space:nowrap}
.siparis-tutar .ikon{width:16px;height:16px;color:var(--murekkep-2)}
.durum{padding:2px 8px;border-radius:99px;font-size:11px;font-weight:700;white-space:nowrap}
.durum-yeni{background:var(--mercan);color:#fff}
.durum-onaylandi{background:var(--kobalt-yumusak);color:var(--kobalt-metin)}
.durum-kargoda{background:var(--kehribar-yumusak);color:var(--kehribar)}
.durum-teslim{background:var(--turkuaz-yumusak);color:var(--turkuaz)}
.durum-iptal{background:var(--yuzey-2);color:var(--murekkep-2)}
.siparis-govde{display:flex;flex-direction:column;gap:14px;padding:14px 14px 16px;border-top:1px solid var(--cizgi)}
.siparis-govde h3{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--murekkep-2)}
.musteri p{margin:0 0 8px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.musteri-tel{display:flex;align-items:center;gap:8px;font-weight:600}
.musteri-tel .ikon{width:17px;height:17px;color:var(--kobalt-metin)}
.kargo-form{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.kargo-form .ikili{width:100%}
.siparis-islem{display:flex;flex-wrap:wrap;gap:8px}
.altbilgi-alt{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px}
.altbilgi-alt a{margin-left:auto;text-decoration:underline;text-underline-offset:3px}

/* ---------- XML kaynakları ve büyük katalog ---------- */
.rozet.xml{background:var(--kobalt-yumusak);color:var(--kobalt-metin)}
.uyari-serit.bilgi{background:var(--kobalt-yumusak);color:var(--kobalt-metin)}
.iskelet-satirlar{display:flex;flex-direction:column;gap:10px;padding:2px 0 4px}
.iskelet-satirlar i{display:block;height:12px;border-radius:6px;background:linear-gradient(100deg,var(--yuzey-2) 40%,var(--yuzey) 50%,var(--yuzey-2) 60%);background-size:200% 100%;animation:parla 1.4s linear infinite}
.iskelet-satirlar i:nth-child(2){width:88%}
.iskelet-satirlar i:nth-child(3){width:61%}
.fiyat-ray{display:flex;align-items:center;gap:6px;overflow-x:auto;margin:6px -16px 0;padding:2px 16px 8px;scrollbar-width:none}
.fiyat-ray::-webkit-scrollbar{display:none}
.fiyat-ray>span{flex:none;margin-right:4px;font-size:13px;font-weight:600;color:var(--murekkep-2)}
.fiyat-ray .cip{flex:none;padding:0 13px;white-space:nowrap}
.xml-liste{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.xml-liste>.kart,.xml-liste>.bos,.xml-liste>.uyari-serit{align-self:stretch}
.xml-kaynak,.xml-kart{display:flex;flex-direction:column;gap:8px}
.xml-kaynak-bas{display:flex;align-items:center;justify-content:space-between;gap:10px}
.xml-kaynak-bas h2{margin:0;min-width:0;font:800 17px/1.25 var(--yazi-baslik);overflow-wrap:anywhere}
.xml-kaynak-bas .rozet{flex:none}
.xml-kaynak p,.xml-kart p{margin:0}
.xml-kaynak .uyari-serit,.xml-kart .uyari-serit{margin:2px 0}
.xml-kaynak .yan-yana,.xml-kart .yan-yana{margin-top:4px}
.xml-adres{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:13.5px;color:var(--murekkep-2);overflow-wrap:anywhere}
.xml-adres .ikon{width:16px;height:16px;flex:none}
.xml-is{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;border-color:var(--kobalt-metin)}
.xml-is h2{margin:0;font:800 17px/1.25 var(--yazi-baslik)}
.xml-is p{margin:0;font-size:14.5px;line-height:1.45}
.xml-is .ilerleme{width:100%;height:8px;margin:2px 0;color:var(--kobalt-metin)}
.xml-is .ilerleme.belirsiz i{opacity:.55;background:linear-gradient(100deg,transparent 30%,currentColor 50%,transparent 70%);background-size:200% 100%;animation:parla 1.2s linear infinite}
.xml-is.tamam{border-color:var(--turkuaz)}
.xml-is.hatali{border-color:var(--mercan)}
.xml-bilgi{margin-top:14px;max-width:820px}
.xml-bilgi summary{font-size:15px}
.xml-bilgi .yazi{padding:0 16px 14px}
.xml-bilgi .yazi p{margin:0 0 8px;font-size:14px;line-height:1.5}
.alan-baslik{font-size:13.5px;font-weight:600}
.donen.kucuk{display:inline-block;width:14px;height:14px;border-width:2px;vertical-align:-2px}
.ipucu.olumlu .ikon{width:15px;height:15px;vertical-align:-3px}
.xml-kategoriler{display:flex;flex-direction:column;max-height:420px;overflow-y:auto;border:1px solid var(--cizgi);border-radius:var(--r-m)}
.xml-kat{display:grid;grid-template-columns:minmax(0,1fr) 92px;grid-template-areas:"ad ad" "sec marj";gap:6px 8px;padding:10px 12px;border-bottom:1px solid var(--cizgi)}
.xml-kat:last-child{border-bottom:0}
.xml-kat-ad{grid-area:ad;display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0;font-size:14px}
.xml-kat-ad b{min-width:0;overflow-wrap:anywhere}
.xml-kat-ad small{flex:none;font-size:12.5px;color:var(--murekkep-2)}
.xml-kat select{grid-area:sec;min-width:0}
.xml-kat input{grid-area:marj;min-width:0}
.xml-onizleme{list-style:none;display:flex;flex-direction:column;gap:10px;margin:0;padding:0}
.xml-onizleme li{display:flex;align-items:flex-start;gap:12px;padding:10px;border:1px solid var(--cizgi);border-radius:var(--r-m)}
.xml-onizleme .karo.mini{width:56px;height:56px}
.xml-onizleme li>div:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.xml-onizleme b{font-size:14.5px;overflow-wrap:anywhere}
.xml-onizleme small{font-size:13px;color:var(--murekkep-2)}
.xml-onizleme small b{font-size:13px;color:var(--murekkep)}
.pencere-dugmeler.dikey{flex-direction:column;gap:8px}
.pencere-dugmeler.dikey .dugme{flex:none;width:100%}

/* ---------- Katman ve bildirim ---------- */
.katman{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;background:rgba(8,13,26,.56)}
.pencere{position:relative;width:100%;max-width:520px;max-height:90%;overflow:auto;padding:20px 18px calc(18px + env(safe-area-inset-bottom,0px));border-radius:22px 22px 0 0;background:var(--yuzey);outline:0;animation:yukari .22s ease-out}
.katman.orta{align-items:center;padding:16px}
.katman.orta .pencere{max-width:420px;border-radius:20px;animation-name:belir}
.pencere-baslik{margin:0 0 8px;font:700 19px/1.25 var(--yazi-baslik)}
.pencere-metin{margin:0 0 4px;font-size:14.5px;line-height:1.5;color:var(--murekkep-2)}
.pencere-dugmeler{display:flex;gap:10px;margin-top:18px}
.pencere-dugmeler .dugme{flex:1;padding-inline:12px}
.pencere-ust{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}
.pencere-ust .pencere-baslik{margin:0}
.filtre-katman .pencere{display:flex;flex-direction:column;overflow:hidden;padding-bottom:0}
.filtre-govde{flex:1;min-height:0;overflow:auto;margin-inline:-18px;padding-inline:18px}
.pencere-dugmeler.yapiskan{margin:0 -18px;padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--cizgi);background:var(--yuzey)}
.katman.buyut{align-items:stretch;padding:0;background:rgba(5,8,16,.95)}
.katman.buyut .pencere{display:flex;max-width:none;max-height:none;height:100%;padding:0;border-radius:0;background:none;animation:none}
.buyut-serit{flex:1;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.buyut-serit .karo{flex:0 0 100%;height:100%;aspect-ratio:auto;background:none;scroll-snap-align:center}
.buyut-serit .karo-bos{display:none}
.buyut-kapat{position:absolute;top:12px;right:12px;z-index:2;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.16);color:#fff}
.buyut-kapat:hover{background:rgba(255,255,255,.28);color:#fff}
.bildirimler{position:absolute;left:0;right:0;bottom:14px;z-index:120;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 16px;pointer-events:none}
.bildirim{pointer-events:auto;display:flex;align-items:center;gap:14px;max-width:460px;padding:11px 14px;border-radius:12px;background:var(--murekkep);color:var(--zemin);font-size:14px;font-weight:500;box-shadow:var(--golge);animation:yukari .2s ease-out}
.bildirim a{font-weight:700;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
.bildirim.hata{background:var(--mercan);color:#fff}
.yuzen:not(:empty)~.bildirimler{bottom:76px}

/* ---------- Hareket ---------- */
@keyframes yukari{from{transform:translateY(14px);opacity:.3}to{transform:none;opacity:1}}
@keyframes belir{from{transform:scale(.96);opacity:.3}to{transform:none;opacity:1}}
@keyframes yuksel{from{transform:translateY(16px);opacity:.35}to{transform:none;opacity:1}}
@keyframes parla{to{background-position:-200% 0}}
@keyframes don{to{transform:rotate(360deg)}}
@keyframes salla{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}
@keyframes zipla{40%{transform:scale(1.35)}}
@media (hover:hover){
  .urun:hover{box-shadow:var(--golge);transform:translateY(-2px)}
  .kat-hap:hover i,.kat-kart:hover{border-color:var(--kobalt-metin)}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* ---------- Geniş ekranlar ---------- */
@media (min-width:600px){
  .genis-ek,.bolme small:not(.yeni){display:inline}
  .bolme a{padding:0 12px}
  .izgara{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .raf{grid-auto-columns:minmax(170px,30%)}
  .foto-izgara{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}
  .kat-izgara{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:700px){
  .xml-kat{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 110px;grid-template-areas:"ad sec marj";align-items:center}
  .fiyat-ray{margin-inline:0;padding-inline:0}
  .katman{align-items:center;padding:20px}
  .pencere{border-radius:20px}
  .pencere-dugmeler.yapiskan{padding-bottom:12px}
  .filtre-katman .pencere{padding-bottom:0}
  .y-ana{grid-template-columns:58px minmax(0,1fr) auto;grid-template-areas:"g b f";padding-right:14px}
  .y-islem{flex-direction:row;align-items:center;padding-inline:4px}
  .y-islem [data-eylem="urun-kopyala"]{display:grid}
}
@media (min-width:860px){
  body{font-size:15.5px}
  .kap{padding-inline:24px}
  .ust-ic{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"marka ara islem";gap:28px;padding-block:14px}
  .marka{font-size:23px}
  .marka-isaret{width:40px;height:40px;border-radius:12px}
  .ara form{height:48px}
  .ara-dugme{height:38px;padding:0 22px}
  .yalniz-genis{display:flex}
  .islem{gap:2px}
  .islem-dugme{flex-direction:column;gap:2px;height:auto;padding:5px 12px;font-size:12px}
  .islem-dugme .sayac,.islem-dugme.yonetim .sayac{top:1px;left:calc(50% + 4px);right:auto;box-shadow:none}
  .kat-serit{display:block;border-top:1px solid var(--cizgi)}
  .serit-ic{display:flex;align-items:center;gap:2px;height:44px;overflow-x:auto;scrollbar-width:none}
  .serit-ic a{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:14px;font-weight:500;color:var(--murekkep-2);white-space:nowrap}
  .serit-ic a:first-child{margin-left:-12px}
  .serit-ic a:hover{color:var(--murekkep);background:var(--yuzey-2)}
  .serit-ic a[aria-current="page"]{color:var(--kobalt-metin);font-weight:700}
  .serit-ic a.vurgu{color:var(--mercan-metin);font-weight:700}
  .serit-ic .ikon{width:16px;height:16px}
  .serit-bosluk{flex:1}
  .sekmeler{display:none}
  #icerik{padding-block:22px 48px}
  .bildirimler,.yuzen:not(:empty)~.bildirimler{bottom:24px}
  .yuzen{right:24px;bottom:24px}
  .kahraman{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:36px;padding:44px}
  .kahraman h1{font-size:clamp(40px,4.6vw,60px)}
  .kahraman-alt{font-size:17px}
  .mozaik{aspect-ratio:5/4;gap:12px}
  .mozaik-karo{border-radius:20px}
  .mozaik-etiket{padding:8px 12px;font-size:12.5px}
  .mozaik[data-adet="3"] .mozaik-karo:not(:first-child) .mozaik-etiket span{display:block}
  .kat-ray{margin-inline:0;padding-inline:0;gap:14px}
  .raf{margin-inline:0;padding-inline:0;scroll-padding-inline:0;grid-auto-columns:minmax(180px,calc((100% - 48px)/5));gap:12px;scrollbar-width:thin}
  .raf::-webkit-scrollbar{display:block;height:8px}
  .raf::-webkit-scrollbar-thumb{background:var(--cizgi);border-radius:99px}
  .izgara{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
  .urun-ad{font-size:14px}
  .fiyat{font-size:19px}
  .bolum-bas{margin-top:38px}
  .bolum-bas h2{font-size:24px}
  .sayfa-bas h1{font-size:30px}
  .kat-izgara{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
  .altbilgi-ic{grid-template-columns:1.6fr repeat(3,1fr)}
  .altbilgi-marka{grid-column:auto}
  .girdi.kucuk{font-size:14px}
  .ikili-cubuk{justify-content:flex-end;padding-inline:max(24px,calc((100% - 1192px)/2))}
  .ikili-cubuk .dugme,.ikili-cubuk .dugme.birincil{flex:none;min-width:190px}
  .yonetim-arac{grid-template-columns:auto minmax(0,1fr) 200px 190px}
  .yonetim-arac>.dugme,.yonetim-arac>#y-ara{grid-column:auto}
  .urun-form,#ayar-form{max-width:820px}
}
@media (min-width:900px){
  .alt-cubuk.yalniz-dar{display:none}
  body[data-sekmesiz="1"] .sekmeler{display:none}
  .urun-sayfa{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:40px;align-items:start}
  .galeri{position:sticky;top:8px}
  .urun-bilgi h1{font-size:29px}
  .fiyat.buyuk{font-size:42px}
  .satin-al .genis-ekran{display:inline-flex;flex:1.4}
  .sepet-duzen{grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}
  .sepet-duzen .ozet{position:sticky;top:8px}
  .sepet-duzen .ozet>.dugme.birincil{display:inline-flex}
  .form-gonder{display:inline-flex}
  .satir{grid-template-columns:104px minmax(0,1fr) auto;padding:14px}
}
@media (min-width:960px){
  .liste-duzen{grid-template-columns:248px minmax(0,1fr);gap:24px;align-items:start}
  .filtre-ray{display:block;position:sticky;top:8px;max-height:calc(100vh - 150px);overflow:auto;padding:2px 16px;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-m)}
  .filtre-ac{display:none}
  .izgara.dar{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1140px){
  .izgara{grid-template-columns:repeat(5,minmax(0,1fr))}
  .izgara.dar{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* ---------- Logo, sipariş takibi, satış özeti, sipariş fişi ---------- */
.marka-logo{flex:none;height:34px;width:auto;max-width:150px;object-fit:contain}
.islem-dugme.simge span{display:none}
.fatura-kutu{display:flex;flex-direction:column;gap:12px;padding:12px;border-radius:12px;background:var(--yuzey-2)}
.takip-ust{display:grid;gap:14px;max-width:920px}
.takip-ust>*{min-width:0}
.siparislerim ul{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-direction:column}
.siparislerim li+li{border-top:1px solid var(--cizgi)}
.siparislerim li button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 2px}
.siparislerim b{display:block;letter-spacing:.01em;font-variant-numeric:tabular-nums}
.siparislerim small{display:block;font-size:12.5px;color:var(--murekkep-2)}
.siparislerim li button[aria-current="true"] b{color:var(--kobalt-metin)}
.siparislerim-tutar{display:flex;align-items:center;gap:6px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.siparislerim-tutar .ikon{width:16px;height:16px;color:var(--murekkep-2)}
.takip-sonuc{margin-top:16px;scroll-margin-top:10px}
.takip-durum{display:flex;flex-direction:column;gap:14px}
.takip-bas{display:flex;align-items:center;justify-content:space-between;gap:10px}
.takip-bas small{display:block;font-size:12px;font-weight:600;color:var(--murekkep-2)}
.takip-bas b{font:800 20px/1.2 var(--yazi-baslik);letter-spacing:.02em;font-variant-numeric:tabular-nums}
.takip-bas .durum{font-size:12px;padding:4px 10px}
.adimlar{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.adimlar li{position:relative;display:flex;gap:12px;padding-bottom:16px}
.adimlar li:last-child{padding-bottom:0}
.adimlar li::before{content:"";position:absolute;left:11px;top:24px;bottom:0;width:2px;background:var(--cizgi)}
.adimlar li:last-child::before{display:none}
.adimlar li.gecti::before{background:var(--turkuaz)}
.adim-nokta{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--yuzey-2);border:2px solid var(--cizgi);color:var(--yuzey)}
.adim-nokta .ikon{width:13px;height:13px;stroke-width:3}
.adimlar li.gecti .adim-nokta{background:var(--turkuaz);border-color:var(--turkuaz)}
.adimlar li.simdi .adim-nokta{background:var(--kobalt);border-color:var(--kobalt);color:#fff}
.adimlar b{display:block;font-size:14.5px;font-weight:600;line-height:1.6;color:var(--murekkep-2)}
.adimlar li.gecti b,.adimlar li.simdi b{color:var(--murekkep)}
.adimlar li.simdi b{font-weight:800}
.adimlar small{display:block;font-size:12.5px;color:var(--murekkep-2)}
.takip-kutu{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:12px;border-radius:12px;background:var(--yuzey-2)}
.takip-kutu .ozet-liste{align-self:stretch}
.takip-kutu h3{margin:0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--murekkep-2)}
.takip-kutu .dugme.cizgili{background:var(--yuzey)}
.takip-kisayol{display:flex;align-items:center;gap:12px;max-width:820px;margin-bottom:10px;padding:14px 16px}
.takip-kisayol:hover{border-color:var(--kobalt-metin)}
.takip-kisayol>.ikon:first-child{width:26px;height:26px;color:var(--kobalt-metin)}
.takip-kisayol span{flex:1;min-width:0}
.takip-kisayol b{display:block;font:700 16px/1.3 var(--yazi-baslik)}
.takip-kisayol small{display:block;font-size:13px;color:var(--murekkep-2)}
.takip-kisayol>.ikon:last-child{width:18px;height:18px;color:var(--murekkep-2)}
.yardim ol{margin:0 0 10px;padding-left:20px}
.yardim ol li{margin-bottom:4px}
.rapor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:6px}
.rapor-kutu{display:flex;flex-direction:column;gap:2px;min-width:0;padding:10px 12px;border-radius:var(--r-m);background:var(--yuzey);border:1px solid var(--cizgi)}
.rapor-kutu small{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--murekkep-2);white-space:nowrap}
.rapor-kutu b{font:800 16px/1.25 var(--yazi-baslik);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rapor-kutu span{font-size:12.5px;color:var(--murekkep-2)}
.rapor-not{margin-bottom:12px}
.siparis-alt-arac{display:flex;justify-content:flex-end;margin-top:14px}
.logo-blok{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.logo-onizleme{flex:none;min-width:72px;height:58px;padding:6px 10px;display:grid;place-items:center;border-radius:12px;border:1px dashed var(--cizgi);background:var(--yuzey-2);color:var(--murekkep-2)}
.logo-onizleme img{width:auto;height:auto;max-width:180px;max-height:44px}
.taslak-kutu{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;background:var(--kobalt-yumusak);color:var(--kobalt-metin)}
.taslak-kutu p{margin:0;font-size:13px;line-height:1.5}
.taslak-kutu .dugme.ikincil{background:var(--yuzey)}
@media (min-width:600px){
  .rapor-kutu{padding:12px 16px}
  .rapor-kutu b{font-size:20px}
}
@media (min-width:860px){
  .marka-logo{height:40px;max-width:220px}
  .islem-dugme.simge span{display:inline}
  .takip-ust{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
}
/* Sipariş fişi yalnızca yazdırırken görünür. */
#yazdir{display:none}
.fis{max-width:720px;margin:0 auto;padding:8px;font:13px/1.45 var(--yazi-govde);color:#000}
.fis h1{margin:0 0 4px;font:800 20px/1.2 var(--yazi-baslik)}
.fis h2{margin:0 0 4px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#555}
.fis p{margin:0 0 10px;overflow-wrap:anywhere}
.fis small{color:#555}
.fis-ust{display:flex;justify-content:space-between;gap:20px;padding-bottom:8px;border-bottom:2px solid #000}
.fis-no{text-align:right;white-space:nowrap}
.fis-no small{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.fis-no b{display:block;font:800 19px/1.25 var(--yazi-baslik)}
.fis-iki{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:12px 0 2px}
.fis table{width:100%;border-collapse:collapse;margin-top:4px}
.fis th,.fis td{padding:6px 4px;border-bottom:1px solid #bbb;text-align:left;vertical-align:top}
.fis th{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#555}
.fis th:nth-child(n+2),.fis td:nth-child(n+2){text-align:right;white-space:nowrap}
.fis tfoot td{padding:4px;border-bottom:0}
.fis tfoot td:first-child{text-align:right;color:#555}
.fis .fis-toplam td{border-top:2px solid #000;font-size:15px;font-weight:800;color:#000}
.fis-not{margin-top:12px;padding:8px 10px;border:1px solid #bbb;border-radius:6px}
@media print{
  html.yazdiriliyor,html.yazdiriliyor body{height:auto!important;overflow:visible!important;background:#fff!important}
  html.yazdiriliyor body{display:block!important;color:#000!important}
  html.yazdiriliyor body>*:not(#yazdir){display:none!important}
  html.yazdiriliyor #yazdir{display:block!important}
}
/* Koyu temada koyu renkli logolar okunabilsin diye logonun altına açık bir zemin konur. */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .marka-logo{padding:3px 7px;border-radius:9px;background:#f4f6fb}
}
:root[data-theme="dark"] .marka-logo{padding:3px 7px;border-radius:9px;background:#f4f6fb}

/* ---- Değerlendirmeler ---- */
.yildizlar{position:relative;display:inline-block;color:var(--cizgi);letter-spacing:1px;line-height:1;font-size:14px;white-space:nowrap}
.yildizlar .yildiz-dolu{position:absolute;inset:0 auto 0 0;overflow:hidden;color:#e0a100}
.yildizlar.buyuk{font-size:20px}
.yorum-ozet{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.yorum-ozet>b{font-family:var(--yazi-baslik);font-size:34px;line-height:1}
.yorum-ozet>span:last-child{color:var(--murekkep-2);font-size:14px}
.yorum-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.yorum-liste>li{padding:14px 0;border-top:1px solid var(--cizgi);display:flex;flex-direction:column;gap:6px}
.yorum-liste>li:first-child{border-top:0}
.yorum-liste p{margin:0;line-height:1.5}
.yorum-liste small{color:var(--murekkep-2)}
.yorum-bas{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dogrulandi{display:inline-flex;align-items:center;gap:3px;font-size:12px;color:var(--turkuaz);font-weight:600}
.dogrulandi .ikon,.yorum-durum .ikon{width:14px;height:14px}
.yorum-durum{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--turkuaz);white-space:nowrap}
.mini-kalemler li{flex-wrap:wrap}
.yorum-dugme{margin-left:auto}
.yildiz-sec{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:2px}
.yildiz-sec input{position:absolute;opacity:0;width:1px;height:1px}
.yildiz-sec label{font-size:34px;line-height:1;color:var(--cizgi);cursor:pointer;padding:2px}
.yildiz-sec input:checked~label,.yildiz-sec label:hover,.yildiz-sec label:hover~label{color:#e0a100}
.yildiz-sec input:focus-visible+label{outline:2px solid var(--kobalt);border-radius:6px}
fieldset.alan{border:0;padding:0;margin:0;min-width:0}
fieldset.alan legend{font-weight:600;margin-bottom:6px;padding:0}
.yorum-yonetim{margin-bottom:14px}
.yorum-yonetim summary{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:15px}
.yorum-yonetim summary small{color:var(--murekkep-2)}
.yorum-yonetim summary small.yeni{color:var(--mercan-metin);font-weight:700}
.yorum-yonetim li.bekliyor{background:var(--kehribar-yumusak);margin:0 -12px;padding:14px 12px;border-radius:var(--r-s)}
.yorum-urun{font-size:13px;font-weight:600}

/* ---- Rehberler ---- */
.rehber-liste{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:8px}
.rehber-kart{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-m);color:inherit;text-decoration:none;box-shadow:var(--golge)}
.rehber-kart>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.rehber-kart b{font-family:var(--yazi-baslik);font-size:16px;line-height:1.25}
.rehber-kart small{color:var(--murekkep-2);font-size:13px;line-height:1.35}
.rehber-ikon{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--turkuaz-yumusak);color:var(--turkuaz)}
.rehber-yazi h1{font-family:var(--yazi-baslik);font-size:clamp(24px,5vw,34px);line-height:1.15;margin:0 0 8px}
.rehber-ozet{font-size:17px;color:var(--murekkep-2);margin:0 0 14px;line-height:1.5}
.rehber-yazi .yazi h2{font-family:var(--yazi-baslik);font-size:20px;margin:22px 0 8px}
.rehber-yazi .yazi p,.rehber-yazi .yazi li{line-height:1.65;font-size:16px}
.rehber-yazi .yazi ul{padding-left:22px}
.sayfa-ipucu{margin:-6px 0 14px}
.rehber-y-liste{list-style:none;margin:0 0 12px;padding:0}
.rehber-y-liste li{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--cizgi)}
.rehber-y-liste li>div:first-child{flex:1;min-width:0;display:flex;flex-direction:column}
.rehber-y-liste small{color:var(--murekkep-2)}
.rehber-yonetim{margin-top:14px}
.rehber-urunler{max-height:240px;overflow:auto;display:flex;flex-direction:column;gap:2px;margin-top:8px;border:1px solid var(--cizgi);border-radius:var(--r-s);padding:6px 10px}
.katman.genis{align-items:center;padding:16px}
.katman.genis .pencere{max-width:640px;border-radius:20px;animation-name:belir;max-height:calc(100dvh - 32px);overflow:auto}

/* Kategori kuralları gibi satır satır yazılan alanlar */
.girdi.kod-yazi{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.55;white-space:pre-wrap;min-height:9em;resize:vertical}
.paket-ornek h3{font-size:15px;margin:4px 0 6px}.paket-ornek .yazi.kucuk{font-size:13px;opacity:.75;max-height:9em;overflow:auto}.katman.genis .pencere{max-width:640px}
.yz-liste{display:grid;gap:12px;margin-top:12px}.yz-taslak{border:1px solid var(--cizgi);border-radius:12px;padding:12px}.yz-taslak.sorunlu{border-color:#e0a84a;background:#fffaf0}.yz-taslak h3{font-size:15px;margin:0 0 4px}.yz-taslak .yazi{margin:8px 0}.yz-taslak .yazi.kucuk{font-size:13px;opacity:.75}