/* Ürün etiketleri (sticker), cam görünümlü sıfat haplar, fiyat alanı ve zamanlı indirim sayacı.
   Renkler tema değişkenlerinden gelir; sabit renk yalnız nötr tonlardır. vitrin-duzen2.css'ten sonra yüklenir. */

/* ---------- İndirim sticker'ı (yıldız biçimli, eğik) ---------- */
.kart-gorsel,.galeri-ana{position:relative}
body .urun-karti .kart-gorsel .etiket.sticker,.galeri-ana .etiket.sticker{
  position:absolute;top:10px;left:10px;right:auto;bottom:auto;z-index:3;width:60px;height:60px;padding:0;margin:0;border:0;border-radius:0;
  display:grid;place-content:center;text-align:center;line-height:1;color:#fff;background:none;
  transform:rotate(-6deg);transform-origin:50% 50%;transition:transform .3s cubic-bezier(.3,1.6,.5,1);
  filter:drop-shadow(0 3px 5px rgba(0,0,0,.35));text-shadow:0 1px 2px rgba(0,0,0,.35);pointer-events:none}
.etiket.sticker::before{content:"";position:absolute;inset:0;z-index:0;
  background:linear-gradient(150deg,color-mix(in srgb,var(--vurgu) 78%,#fff) 0%,var(--vurgu-zemin,var(--vurgu)) 45%,color-mix(in srgb,var(--vurgu) 72%,#000) 100%);
  clip-path:polygon(50.0% 0.0%,56.1% 7.4%,64.1% 2.0%,67.9% 10.9%,77.0% 7.9%,78.2% 17.5%,87.8% 17.3%,86.2% 26.8%,95.5% 29.2%,91.3% 37.9%,99.5% 42.9%,93.0% 50.0%,99.5% 57.1%,91.3% 62.1%,95.5% 70.8%,86.2% 73.2%,87.8% 82.7%,78.2% 82.5%,77.0% 92.1%,67.9% 89.1%,64.1% 98.0%,56.1% 92.6%,50.0% 100.0%,43.9% 92.6%,35.9% 98.0%,32.1% 89.1%,23.0% 92.1%,21.8% 82.5%,12.2% 82.7%,13.8% 73.2%,4.5% 70.8%,8.7% 62.1%,0.5% 57.1%,7.0% 50.0%,0.5% 42.9%,8.7% 37.9%,4.5% 29.2%,13.8% 26.8%,12.2% 17.3%,21.8% 17.5%,23.0% 7.9%,32.1% 10.9%,35.9% 2.0%,43.9% 7.4%)}
.etiket.sticker>*{position:relative;z-index:1}
.etiket.sticker b{font-size:1.02rem;font-weight:900;letter-spacing:-.02em;display:block}
.etiket.sticker i{font-style:normal;font-size:.44rem;font-weight:800;letter-spacing:.09em;display:block;margin-top:2px;opacity:.95}
.urun-karti:hover .etiket.sticker,.galeri-ana:hover .etiket.sticker{transform:rotate(3deg) scale(1.12)}
.etiket.sticker[hidden]{display:none}
.galeri-ana .etiket.sticker.buyuk{width:92px;height:92px;top:16px;left:16px}
.galeri-ana .etiket.sticker.buyuk b{font-size:1.6rem}.galeri-ana .etiket.sticker.buyuk i{font-size:.62rem}
@keyframes sticker-nefes{50%{transform:rotate(-3deg) scale(1.06)}}
.urun-karti.zamanli .etiket.sticker,.galeri-ana .etiket.sticker.buyuk{animation:sticker-nefes 3.2s ease-in-out infinite}
.urun-karti.zamanli:hover .etiket.sticker{animation:none}
body.sayfa-liste.kt-kompakt .urun-karti .kart-gorsel .etiket.sticker{width:50px;height:50px}
body.sayfa-liste.kt-kompakt .etiket.sticker b{font-size:.88rem}
@media(max-width:560px){
  body .urun-karti .kart-gorsel .etiket.sticker{width:50px;height:50px;top:6px;left:6px}
  .etiket.sticker b{font-size:.88rem}.etiket.sticker i{font-size:.4rem}
  .galeri-ana .etiket.sticker.buyuk{width:70px;height:70px;top:10px;left:10px}.galeri-ana .etiket.sticker.buyuk b{font-size:1.2rem}
}

/* ---------- Tükendi (üst sağ, koyu cam) ---------- */
body .urun-karti .kart-gorsel .etiket.tukendi{top:10px;right:10px;left:auto;z-index:2;padding:.25rem .7rem;border-radius:99px;font-size:.72rem;font-weight:700;letter-spacing:.02em;
  color:#fff;background:rgba(17,24,39,.8);border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-shadow:none}
body.sayfa-liste.kt-rozetli .urun-karti .kart-gorsel .etiket.tukendi{top:10px;right:10px;border-radius:99px}
@media(max-width:560px){body .urun-karti .kart-gorsel .etiket.tukendi{top:6px;right:6px;padding:.18rem .5rem;font-size:.64rem}}

/* ---------- Sıfat haplar (cam görünümlü, simgeli) ---------- */
.kart-gorsel:has(.kart-rozetler)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;z-index:1;pointer-events:none;
  background:linear-gradient(to top,rgba(0,0,0,.42),rgba(0,0,0,0))}
body .urun-karti .kart-rozetler{z-index:2;left:8px;right:8px;bottom:8px;gap:5px;max-height:calc(100% - 16px);overflow:hidden}
/* 3 ve daha fazla rozette ilk (en önemli) rozet kendi satırında durur, kalanlar altta birlikte dizilir: tek başına düşen yetim rozet olmaz */
@media(min-width:561px){
 body:not(.kt-rozetli) .urun-karti .kart-rozetler:has(>:nth-child(3)){display:grid;grid-template-columns:repeat(2,minmax(0,max-content));justify-content:start;align-items:end;gap:5px}
 body:not(.kt-rozetli) .urun-karti .kart-rozetler:has(>:nth-child(3))>.etiket{justify-self:start;max-width:100%}
 body:not(.kt-rozetli) .urun-karti .kart-rozetler:has(>:nth-child(3))>:first-child{grid-column:1/-1}
}
.rozet-kampanya{--rz:var(--vurgu);--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.41 11.58l-9-9A2 2 0 0 0 11 2H4a2 2 0 0 0-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z'/%3E%3C/svg%3E")}
.rozet-cok_satan{--rz:var(--basari);--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.48 12.35c-1.57-4.08-7.16-4.3-5.81-10.23.1-.44-.37-.78-.75-.55C9.29 3.71 6.68 8 8.87 13.62c.18.46-.36.89-.75.59-1.81-1.37-2-3.34-1.84-4.75.06-.52-.62-.77-.91-.34C4.69 10.16 4 11.84 4 14.37c.38 5.6 5.11 7.32 6.81 7.54 2.43.31 5.06-.14 6.95-1.87 2.08-1.93 2.84-5.01 1.72-7.69z'/%3E%3C/svg%3E")}
.rozet-yeni{--rz:var(--ana);--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 9l1.25-2.75L23 5l-2.75-1.25L19 1l-1.25 2.75L15 5l2.75 1.25L19 9zm-7.5.5L9 4 6.5 9.5 1 12l5.5 2.5L9 20l2.5-5.5L17 12l-5.5-2.5zM19 15l-1.25 2.75L15 19l2.75 1.25L19 23l1.25-2.75L23 19l-2.75-1.25L19 15z'/%3E%3C/svg%3E")}
.rozet-super_indirim{--rz:var(--hata);--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.5 11C9.43 11 11 9.43 11 7.5S9.43 4 7.5 4 4 5.57 4 7.5 5.57 11 7.5 11zm0-5C8.33 6 9 6.67 9 7.5S8.33 9 7.5 9 6 8.33 6 7.5 6.67 6 7.5 6zM16.5 13c-1.93 0-3.5 1.57-3.5 3.5s1.57 3.5 3.5 3.5 3.5-1.57 3.5-3.5-1.57-3.5-3.5-3.5zm0 5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5.41 20L4 18.59 18.59 4 20 5.41 5.41 20z'/%3E%3C/svg%3E")}
.rozet-firsat{--rz:var(--uyari);--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2v11h3v9l7-12h-4l4-8z'/%3E%3C/svg%3E")}
.rozet-editor{--rz:#1f2937;--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E")}
.rozet-son_adet{--rz:var(--hata);--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5l-4-4V4h8v3.5l-4 4z'/%3E%3C/svg%3E")}
.rozet-kargo{--rz:var(--basari);--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 8h-3V4H3c-1.1 0-2 .9-2 2v11h2c0 1.66 1.34 3 3 3s3-1.34 3-3h6c0 1.66 1.34 3 3 3s3-1.34 3-3h2v-5l-3-4zM6 18.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm13.5-9l1.96 2.5H17V9.5h2.5zm-1.5 9c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z'/%3E%3C/svg%3E")}
.rozet-yakinda{--rz:var(--ana);--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z'/%3E%3C/svg%3E")}

body .urun-karti .kart-rozetler .etiket.rozet,.rozetler .rozet-serit{
  display:inline-flex;align-items:center;gap:.32rem;max-width:100%;box-sizing:border-box;margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  padding:.24rem .65rem .24rem .5rem;border-radius:99px;font-size:.68rem;font-weight:700;letter-spacing:.015em;text-transform:none;color:#fff;
  background:color-mix(in srgb,var(--rz,var(--vurgu)) 80%,transparent)!important;border:1px solid rgba(255,255,255,.38);
  -webkit-backdrop-filter:blur(8px) saturate(1.5);backdrop-filter:blur(8px) saturate(1.5);
  box-shadow:0 2px 8px -2px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.28);text-shadow:0 1px 1px rgba(0,0,0,.35);animation:none}
.etiket.rozet::before,.rozetler .rozet-serit::before{content:"";flex:none;width:.95em;height:.95em;background:currentColor;
  -webkit-mask:var(--ik,none) center/contain no-repeat;mask:var(--ik,none) center/contain no-repeat}
.rozetler .rozet-serit{padding:.32rem .85rem .32rem .65rem;font-size:.76rem;border-color:color-mix(in srgb,var(--rz,var(--vurgu)) 60%,#fff);box-shadow:0 3px 10px -4px color-mix(in srgb,var(--rz,var(--vurgu)) 70%,#000)}
.rozetler .rozet-serit::before{width:1.05em;height:1.05em}
.rozetler{gap:7px 8px}
body.sayfa-liste.kt-kompakt .urun-karti .kart-rozetler .etiket.rozet{font-size:.62rem;padding:.16rem .45rem .16rem .38rem}
body.sayfa-liste.kt-rozetli .urun-karti .kart-rozetler{left:8px;right:8px;bottom:8px;gap:5px}
body.sayfa-liste.kt-rozetli .urun-karti .kart-rozetler .etiket.rozet{border-radius:99px;padding:.24rem .65rem .24rem .5rem}
@media(max-width:560px){
  body .urun-karti .kart-rozetler{left:5px;right:5px;bottom:5px;gap:3px}
  body .urun-karti .kart-rozetler .etiket.rozet{font-size:.6rem;padding:.16rem .45rem .16rem .38rem;gap:.25rem}
  body.sayfa-liste.kt-liste .urun-karti .kart-rozetler .etiket.rozet{white-space:nowrap;max-width:100%}
}

/* ---------- Fiyat alanı ---------- */
.urun-karti .fiyat{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;line-height:1.3}
.urun-karti .fiyat small{flex-basis:100%;font-size:.7rem;margin-bottom:-2px}
.urun-karti .fiyat b{font-size:1.2rem;font-weight:800;letter-spacing:-.01em}
.urun-karti .fiyat.indirimli b{color:var(--vurgu);font-size:1.3rem}
.urun-karti .fiyat s,.fiyat.buyuk s{margin-left:0;color:var(--yazi-2);opacity:.7;font-size:.86rem;font-weight:500;text-decoration-thickness:1.5px}
.tasarruf{display:inline-block;font-style:normal;font-size:.68rem;font-weight:700;line-height:1.2;white-space:nowrap;color:var(--basari);
  background:color-mix(in srgb,var(--basari) 13%,transparent);border:1px solid color-mix(in srgb,var(--basari) 28%,transparent);padding:.14rem .5rem;border-radius:99px}
.fiyat.buyuk .tasarruf{font-size:.8rem;padding:.2rem .65rem;vertical-align:middle}
.fiyat.buyuk .tasarruf[hidden]{display:none}
.fiyat.buyuk b{color:var(--vurgu)}
.urun-karti.zamanli{border-color:color-mix(in srgb,var(--vurgu) 38%,var(--kenar))}
@media(max-width:560px){.urun-karti .fiyat b{font-size:1.05rem}.urun-karti .fiyat.indirimli b{font-size:1.1rem}.urun-karti .fiyat s{font-size:.78rem}}

/* ---------- Zamanlı indirim sayacı (dolan ilerleme çubuğu) ---------- */
.indirim-sayac{--sy:var(--vurgu);margin:.1rem 0 .6rem;padding:.45rem .6rem .55rem;border-radius:calc(var(--kose) + 2px);font-size:.74rem;line-height:1.3;
  background:color-mix(in srgb,var(--sy) 8%,var(--zemin));border:1px solid color-mix(in srgb,var(--sy) 22%,transparent)}
.indirim-sayac[hidden]{display:none}
.sayac-satir{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px 8px;margin-bottom:.38rem}
.sayac-yazi{display:inline-flex;align-items:center;gap:.35rem;color:var(--yazi);font-weight:600}
.sayac-yazi b{color:var(--sy);font-weight:800;font-variant-numeric:tabular-nums}
.sayac-yuzde{color:var(--yazi-2);font-size:.66rem;font-weight:600;font-variant-numeric:tabular-nums}
.sayac-cubuk{height:7px;border-radius:99px;overflow:hidden;background:color-mix(in srgb,var(--yazi-2) 22%,transparent)}
.sayac-cubuk i{display:block;position:relative;height:100%;min-width:4px;border-radius:inherit;overflow:hidden;transition:width .9s ease;
  background:linear-gradient(90deg,var(--sy),color-mix(in srgb,var(--sy) 62%,#fff))}
.sayac-cubuk i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:translateX(-100%);animation:sayac-parilti 2.6s ease-in-out infinite}
.indirim-sayac.orta{--sy:var(--uyari)}
.indirim-sayac.acil{--sy:var(--hata);animation:sayac-nabiz 1.8s ease-in-out infinite}
.indirim-sayac.acil .sayac-cubuk i{background:linear-gradient(90deg,var(--hata),color-mix(in srgb,var(--hata) 60%,#fff))}
@keyframes sayac-parilti{60%,100%{transform:translateX(100%)}}
@keyframes sayac-nabiz{50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--hata) 18%,transparent)}}
.indirim-sayac.buyuk{margin:.9rem 0 1rem;padding:.7rem .9rem .85rem;font-size:.92rem}
.indirim-sayac.buyuk .sayac-cubuk{height:10px}
.indirim-sayac.buyuk .sayac-yazi b{font-size:1.1rem}
.indirim-sayac.buyuk .sayac-yuzde{font-size:.78rem}
.sayac-saat{display:inline-block;width:1.15em;height:1.15em;flex:none;background:var(--sy);
  -webkit-mask:var(--ik-saat) center/contain no-repeat;mask:var(--ik-saat) center/contain no-repeat}
.indirim-sayac{--ik-saat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z'/%3E%3C/svg%3E")}
body.sayfa-liste.kt-kompakt .indirim-sayac{padding:.35rem .5rem .45rem;font-size:.68rem}
@media(max-width:560px){.urun-karti .indirim-sayac{padding:.35rem .45rem .45rem;font-size:.68rem;margin-bottom:.45rem}.urun-karti .sayac-cubuk{height:6px}}

/* ---------- "Yakında" bilgi bandı (ürün sayfası) ---------- */
.yakinda-bant{display:flex;align-items:center;gap:.6rem;margin:.8rem 0 1rem;padding:.65rem .85rem;border-radius:calc(var(--kose) + 2px);font-size:.9rem;
  color:var(--yazi);background:color-mix(in srgb,var(--ana) 9%,var(--zemin));border:1px solid color-mix(in srgb,var(--ana) 25%,transparent);border-left:4px solid var(--ana)}
.yakinda-ikon{flex:none;width:1.25em;height:1.25em;background:var(--ana);-webkit-mask:var(--ik-saat,none) center/contain no-repeat;mask:var(--ik-saat,none) center/contain no-repeat;
  --ik-saat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z'/%3E%3C/svg%3E")}
.yakinda-bant b{color:var(--ana)}

@media(prefers-reduced-motion:reduce){
  .etiket.sticker,.urun-karti.zamanli .etiket.sticker,.galeri-ana .etiket.sticker.buyuk,.indirim-sayac.acil,.sayac-cubuk i::after{animation:none!important}
  .etiket.sticker,.sayac-cubuk i{transition:none}
}

/* ---------- Düzeltmeler: sade yuvarlak sticker, gölgesiz görsel, sekme çubuğu, albenili butonlar ---------- */
body .urun-karti .kart-gorsel .etiket.sticker,.galeri-ana .etiket.sticker{
  border-radius:50%!important;border:2px solid rgba(255,255,255,.95)!important;filter:none!important;text-shadow:0 1px 1px rgba(0,0,0,.25)!important;
  background:var(--vurgu-zemin,linear-gradient(150deg,color-mix(in srgb,var(--vurgu) 85%,#fff) 0%,var(--vurgu) 50%,color-mix(in srgb,var(--vurgu) 70%,#000) 100%))!important;
  box-shadow:0 6px 14px -4px color-mix(in srgb,var(--vurgu) 70%,#000),0 0 0 3px color-mix(in srgb,var(--vurgu) 28%,transparent)!important;
  transform:rotate(-8deg)}
.etiket.sticker::before{display:none!important}
.etiket.sticker b{font-size:1.1rem;font-weight:800;color:#fff}
.etiket.sticker i{font-size:.46rem;font-weight:800;letter-spacing:.1em;color:#fff;opacity:1}
.galeri-ana .etiket.sticker.buyuk{width:96px;height:96px;top:18px;left:18px;border-width:3px!important}
.galeri-ana .etiket.sticker.buyuk b{font-size:1.75rem}.galeri-ana .etiket.sticker.buyuk i{font-size:.62rem}
@media(max-width:560px){.galeri-ana .etiket.sticker.buyuk{width:72px;height:72px;top:10px;left:10px}.galeri-ana .etiket.sticker.buyuk b{font-size:1.3rem}}
/* Görselin altındaki koyu gölge kalktı; sıfat haplar kendi zeminleriyle okunur */
.kart-gorsel:has(.kart-rozetler)::after{content:none!important;display:none!important;background:none!important}
/* Ürün sayfası sekme çubuğunda dikey kaydırma çubuğu çıkmasın */
.sekme-liste{overflow-y:hidden;scrollbar-width:none;padding-bottom:1px}.sekme-liste::-webkit-scrollbar{display:none}
/* Gradyan zeminli butonlarda kenarlıktan taşan iz: arka plan kenarlığın altına kadar uzansın */
.dugme,.dugme.birincil,.dugme.hemen-al,.dugme.whatsapp,body.tg-ana .dugme.birincil,body.tg-vurgu .dugme.hemen-al{background-origin:border-box}
/* Satın alma butonları */
.al-satir .dugme.buyuk{position:relative;overflow:hidden;min-height:52px;border:0;border-radius:14px;font-weight:800;letter-spacing:.01em;color:#fff;
  box-shadow:0 12px 24px -12px var(--bt,var(--ana)),inset 0 1px 0 rgba(255,255,255,.3),inset 0 -2px 0 rgba(0,0,0,.12);
  transition:transform .18s,box-shadow .2s,filter .2s}
.al-satir .dugme.buyuk::after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .55s}
.al-satir .dugme.buyuk:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 16px 28px -12px var(--bt,var(--ana)),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 0 rgba(0,0,0,.12)}
.al-satir .dugme.buyuk:hover::after{left:130%}
.al-satir .dugme.buyuk:active{transform:translateY(0)}
.al-satir .dugme.birincil{--bt:var(--ana);background:linear-gradient(135deg,color-mix(in srgb,var(--ana) 80%,#fff),var(--ana) 50%,color-mix(in srgb,var(--ana) 78%,#000))}
.al-satir .dugme.hemen-al{--bt:var(--vurgu,#f97316);background:linear-gradient(135deg,color-mix(in srgb,var(--vurgu,#f97316) 80%,#fff),var(--vurgu,#f97316) 50%,color-mix(in srgb,var(--vurgu,#f97316) 78%,#000))}
.al-satir .dugme.whatsapp{--bt:#25d366;background:linear-gradient(135deg,#4ee38a,#25d366 50%,#128c4a)}
body.tg-ana .al-satir .dugme.birincil{background:var(--ana-zemin)}body.tg-vurgu .al-satir .dugme.hemen-al{background:var(--vurgu-zemin)}
@media(prefers-reduced-motion:reduce){.al-satir .dugme.buyuk,.al-satir .dugme.buyuk::after{transition:none}}
/* ---------- Ürün görseli: kare alan, görsel tamamen doldurur ---------- */
body .galeri-ana,body.sayfa-urun.ur-dikey .galeri-ana,body.sayfa-urun.ur-genis .galeri-ana{aspect-ratio:1/1}
.galeri-ana img{width:100%;height:100%;object-fit:cover;display:block}

/* ---------- Zamanlı indirim sayacı: yenilenmiş görünüm ---------- */
.indirim-sayac{position:relative;margin:.2rem 0 .7rem;padding:.55rem .7rem .7rem;overflow:hidden;
  background:linear-gradient(135deg,color-mix(in srgb,var(--sy) 13%,var(--zemin)),color-mix(in srgb,var(--sy) 5%,var(--zemin)));
  border:1px solid color-mix(in srgb,var(--sy) 30%,transparent);box-shadow:0 8px 18px -14px var(--sy)}
.indirim-sayac::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--sy)}
.indirim-sayac .sayac-satir{flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:.5rem;padding-left:.15rem}
.indirim-sayac .sayac-yazi{gap:.4rem;min-width:0}
.indirim-sayac .sayac-saat{width:1.7em;height:1.7em;padding:.38em;box-sizing:border-box;border-radius:50%;background:var(--sy);-webkit-mask:none;mask:none;position:relative}
.indirim-sayac .sayac-saat::after{content:"";position:absolute;inset:.33em;background:#fff;-webkit-mask:var(--ik-saat) center/contain no-repeat;mask:var(--ik-saat) center/contain no-repeat}
.sayac-etiket{font-size:.66rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--yazi-2);line-height:1.15}
.sayac-sure{flex:none;padding:.16rem .55rem;border-radius:99px;background:var(--sy);color:#fff;font-size:.82rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.01em;white-space:nowrap;box-shadow:0 4px 10px -4px var(--sy)}
.sayac-yuzde[hidden]{display:none}
.indirim-sayac .sayac-cubuk{height:8px;background:color-mix(in srgb,var(--sy) 16%,transparent);box-shadow:inset 0 1px 2px rgba(0,0,0,.12)}
.indirim-sayac .sayac-cubuk i{background:linear-gradient(90deg,color-mix(in srgb,var(--sy) 70%,#fff),var(--sy))}
.indirim-sayac.buyuk{padding:.8rem 1rem .95rem}
.indirim-sayac.buyuk .sayac-etiket{font-size:.76rem}
.indirim-sayac.buyuk .sayac-sure{font-size:1.15rem;padding:.2rem .8rem}
.indirim-sayac.buyuk .sayac-cubuk{height:11px}
@media(max-width:560px){.urun-karti .indirim-sayac{padding:.45rem .5rem .55rem}.urun-karti .sayac-etiket{font-size:.58rem}.urun-karti .sayac-sure{font-size:.74rem;padding:.12rem .45rem}.urun-karti .indirim-sayac .sayac-saat{width:1.5em;height:1.5em}}
/* Galeri görseli kareyi tamamen doldurur (kenar boşluğu kalmaz) */
.galeri-ana{position:relative;padding:0}
.galeri-ana>img{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;object-fit:cover;display:block}
/* Sayaç: sol simge, sağda etiket + büyük süre (dar kartlarda taşmaz) */
.indirim-sayac .sayac-satir{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:.55rem;row-gap:0;justify-content:start}
.indirim-sayac .sayac-yazi{display:contents}
.indirim-sayac .sayac-saat{grid-row:1/3;grid-column:1;width:2.1em;height:2.1em;font-size:1rem}
.sayac-etiket{grid-column:2;grid-row:1;font-size:.6rem;white-space:nowrap}
.sayac-sure{grid-column:2;grid-row:2;justify-self:start;padding:0;background:none;box-shadow:none;color:var(--sy);font-size:1.12rem;line-height:1.15}
.indirim-sayac.buyuk .sayac-sure{font-size:1.5rem;padding:0}
.indirim-sayac.buyuk .sayac-etiket{font-size:.72rem}
.indirim-sayac.buyuk .sayac-saat{width:2.6em;height:2.6em}
@media(max-width:560px){.urun-karti .sayac-sure{font-size:.95rem;padding:0}.urun-karti .sayac-etiket{font-size:.54rem}}
/* Kartlardaki sayaç: kompakt, iki satırlı şerit (üstte etiket; altta simge + süre + ilerleme çubuğu) */
.urun-karti .indirim-sayac{display:grid;grid-template-columns:auto auto 1fr;align-items:center;column-gap:.4rem;row-gap:.18rem;margin:.1rem 0 .55rem;padding:.38rem .6rem .45rem .7rem;border-radius:calc(var(--kose) - 2px);box-shadow:none}
.urun-karti .indirim-sayac::before{width:3px}
.urun-karti .indirim-sayac .sayac-satir,.urun-karti .indirim-sayac .sayac-yazi{display:contents}
.urun-karti .sayac-etiket{grid-column:1/-1;grid-row:1;font-size:.56rem;font-weight:700;letter-spacing:.05em;line-height:1}
.urun-karti .indirim-sayac .sayac-saat{grid-column:1;grid-row:2;width:1.15rem;height:1.15rem;font-size:1rem}
.urun-karti .sayac-sure{grid-column:2;grid-row:2;justify-self:start;font-size:.86rem;font-weight:800;line-height:1;padding:0;white-space:nowrap}
.urun-karti .indirim-sayac .sayac-cubuk{grid-column:3;grid-row:2;height:5px;min-width:24px;box-shadow:none}
@media(max-width:560px){.urun-karti .indirim-sayac{padding:.32rem .45rem .4rem .6rem}.urun-karti .sayac-sure{font-size:.78rem}.urun-karti .sayac-etiket{font-size:.5rem}}
/* ---------- Ürün görseli yakınlaştırma ---------- */
.galeri-ana.zoom-hazir{cursor:zoom-in}
.galeri-ana.zoom-hazir>img{transition:transform .35s cubic-bezier(.2,.7,.2,1);will-change:transform}
.galeri-ana.zoom-acik>img{transform:scale(2.2)}
.zoom-ac{position:absolute;top:14px;right:14px;z-index:4;width:42px;height:42px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.75);background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--yazi);display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 18px -8px rgba(0,0,0,.4);transition:transform .2s,background .2s,opacity .2s}
.zoom-ac:hover{transform:scale(1.1);background:#fff}
.zoom-ac:focus-visible{outline:2px solid var(--ana);outline-offset:2px}
.zoom-ipucu{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:3;max-width:90%;padding:.32rem .85rem;border-radius:99px;font-size:.72rem;font-weight:600;color:#fff;background:rgba(17,24,39,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;opacity:0;transition:opacity .3s}
.galeri-ana.zoom-hazir:hover .zoom-ipucu{opacity:1}
.galeri-ana .zoom-ipucu.gizli{opacity:0}
.galeri-ana.zoom-acik .zoom-ac,.galeri-ana.zoom-acik .etiket.sticker{opacity:0}
@media(hover:none){.zoom-ipucu{display:none}}
/* tam ekran galeri */
.zm-kilit{overflow:hidden}
.zm-perde{position:fixed;inset:0;z-index:1000;background:rgba(8,12,24,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;transition:opacity .22s}
.zm-perde.zm-acik{opacity:1}
.zm-sahne{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;touch-action:none;cursor:zoom-in}
.zm-perde.zm-buyuk .zm-sahne{cursor:grab}
.zm-img{max-width:min(92vw,1100px);max-height:82vh;width:auto;height:auto;object-fit:contain;border-radius:14px;background:#fff;box-shadow:0 30px 80px -20px rgba(0,0,0,.7);user-select:none;-webkit-user-drag:none;will-change:transform,opacity;transition:opacity .2s}
.zm-ust{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;pointer-events:none}
.zm-ust>*{pointer-events:auto}
.zm-sayac{color:#fff;font-size:.85rem;font-weight:600;padding:.32rem .85rem;border-radius:99px;background:rgba(255,255,255,.14)}
.zm-sayac:empty{visibility:hidden}
.zm-dugme{width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .15s,transform .15s}
.zm-dugme:hover{background:rgba(255,255,255,.28);transform:scale(1.06)}
.zm-dugme:focus-visible{outline:2px solid #fff;outline-offset:2px}
.zm-ok{position:absolute;top:50%;margin-top:-22px}.zm-geri{left:16px}.zm-ileri{right:16px}
.zm-kontrol{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:6px;align-items:center;padding:6px;border-radius:99px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.zm-kontrol .zm-dugme{width:38px;height:38px;border:0}
.zm-kontrol .zm-yuzde{width:auto;min-width:64px;border-radius:99px;font-size:.8rem;font-weight:700;padding:0 .8rem}
@media(max-width:560px){.zm-ok{width:38px;height:38px;margin-top:-19px}.zm-geri{left:8px}.zm-ileri{right:8px}.zm-img{border-radius:10px;max-width:96vw}}
@media(prefers-reduced-motion:reduce){.galeri-ana.zoom-hazir>img,.zm-perde,.zm-img{transition:none}}
/* Logo görseli: yüksekliği sabit, genişlik oranlı (büyük logo dosyaları başlığı şişirmesin) */
.logo img{height:44px;width:auto;max-width:220px;object-fit:contain;display:block}
.mm-logo img{height:32px;width:auto;max-width:180px;object-fit:contain}
@media(max-width:700px){.logo img{height:36px;max-width:170px}}

.logo img{height:var(--logo-h,44px);max-width:min(320px,60vw)}
.mm-logo img{height:calc(var(--logo-h,44px)*.75)}
@media(max-width:700px){.logo img{height:calc(var(--logo-h,44px)*.82)}}

/* Kategori paneli (masaüstü): alt kategori alanı içeriğe göre dar, alt kategoriler alt alta */
@media(min-width:861px) and (min-height:521px),(min-width:1001px){
  .kat-alt{width:min(62vw,290px);padding:24px 22px}
  .kat-alt ul{display:flex;flex-direction:column;gap:6px}
  .kat-alt li a{padding:.6rem .85rem}
}

/* ---------- Ürün sayfası sekmeleri: hap biçimli sekme çubuğu, simgeler, kart panel ---------- */
.urun-sekmeler{margin-top:44px}
.urun-sekmeler .sekme-liste{display:flex;gap:6px;padding:6px;margin-bottom:1.1rem;border:1px solid var(--kenar);border-radius:16px;background:color-mix(in srgb,var(--ana) 5%,var(--kart-zemin,#fff));overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.urun-sekmeler .sekme-liste::-webkit-scrollbar{display:none}
.urun-sekmeler .sekme{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.05rem;border-radius:12px;font-size:.93rem;font-weight:600;color:var(--yazi-2);transition:background .18s,color .18s,box-shadow .18s}
.urun-sekmeler .sekme::before{content:"";flex:none;width:1.15em;height:1.15em;background:currentColor;opacity:.75;-webkit-mask:var(--sk-ik) center/contain no-repeat;mask:var(--sk-ik) center/contain no-repeat}
.urun-sekmeler .sekme:hover{color:var(--ana);background:color-mix(in srgb,var(--ana) 8%,transparent)}
.urun-sekmeler .sekme.aktif{color:var(--ana);background:var(--kart-zemin,#fff);box-shadow:0 6px 16px -8px color-mix(in srgb,var(--ana) 60%,#000),0 0 0 1px color-mix(in srgb,var(--ana) 22%,transparent)}
.urun-sekmeler .sekme.aktif::before{opacity:1}
.urun-sekmeler .sekme.aktif::after{display:none}
.sekme[data-sekme="aciklama"]{--sk-ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z'/%3E%3C/svg%3E")}
.sekme[data-sekme="ozellikler"]{--sk-ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z'/%3E%3C/svg%3E")}
.sekme[data-sekme="kargo"]{--sk-ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 8h-3V4H3c-1.1 0-2 .9-2 2v11h2c0 1.66 1.34 3 3 3s3-1.34 3-3h6c0 1.66 1.34 3 3 3s3-1.34 3-3h2v-5l-3-4zM6 18.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm13.5-9l1.96 2.5H17V9.5h2.5zm-1.5 9c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z'/%3E%3C/svg%3E")}
.sekme[data-sekme="iade"]{--sk-ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z'/%3E%3C/svg%3E")}
.sekme[data-sekme="taksit"]{--sk-ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4v-6h16v6zm0-10H4V6h16v2z'/%3E%3C/svg%3E")}
.urun-sekmeler .sekme-panel{padding:1.4rem 1.6rem;border:1px solid var(--kenar);border-radius:16px;background:var(--kart-zemin,#fff);box-shadow:0 14px 34px -26px rgba(0,0,0,.35)}
.urun-sekmeler .sekme-panel>p{max-width:none;margin:0 0 .85rem;line-height:1.75}
.urun-sekmeler .sekme-panel>p:last-child{margin-bottom:0}
.urun-sekmeler .sekme-liste-madde{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.55rem}
.urun-sekmeler .sekme-liste-madde li{position:relative;padding:.65rem .9rem .65rem 2.6rem;border:1px solid var(--kenar);border-radius:12px;background:color-mix(in srgb,var(--ana) 3%,transparent);line-height:1.5}
.urun-sekmeler .sekme-liste-madde li::before{content:"";position:absolute;left:.9rem;top:50%;width:1.15rem;height:1.15rem;margin-top:-.58rem;background:var(--ana);-webkit-mask:var(--sk-ik-kargo) center/contain no-repeat;mask:var(--sk-ik-kargo) center/contain no-repeat}
.urun-sekmeler{--sk-ik-kargo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 8h-3V4H3c-1.1 0-2 .9-2 2v11h2c0 1.66 1.34 3 3 3s3-1.34 3-3h6c0 1.66 1.34 3 3 3s3-1.34 3-3h2v-5l-3-4zM6 18.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm13.5-9l1.96 2.5H17V9.5h2.5zm-1.5 9c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z'/%3E%3C/svg%3E")}
.urun-sekmeler .ozellik-tablo{max-width:none;border:1px solid var(--kenar);border-radius:12px;overflow:hidden;border-collapse:separate;border-spacing:0}
.urun-sekmeler .ozellik-tablo tr:nth-child(even)>*{background:color-mix(in srgb,var(--ana) 4%,transparent)}
.urun-sekmeler .ozellik-tablo tr:last-child>*{border-bottom:0}
.urun-sekmeler .ozellik-tablo th{width:32%;background:none}
.urun-sekmeler .aciklama-bolumu .cipler{margin-top:1rem}
@media(max-width:600px){.urun-sekmeler .sekme-panel{padding:1.05rem 1rem}.urun-sekmeler .sekme{padding:.62rem .85rem;font-size:.88rem}}

/* Taksit sekmesi: veri yokken boş (iskelet) tablo */
.taksit-bos{display:grid;gap:1rem}
.taksit-bos-ust{display:flex;gap:.9rem;align-items:flex-start;padding:.9rem 1rem;border:1px dashed color-mix(in srgb,var(--ana) 40%,transparent);border-radius:14px;background:color-mix(in srgb,var(--ana) 5%,transparent)}
.taksit-bos-ust b{display:block;font-weight:700;margin-bottom:.15rem}
.taksit-bos-ust small{color:var(--yazi-2);line-height:1.5}
.taksit-bos-ik{flex:none;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--ana) 14%,transparent);position:relative}
.taksit-bos-ik::before{content:"";position:absolute;inset:9px;background:var(--ana);-webkit-mask:var(--sk-ik-taksit) center/contain no-repeat;mask:var(--sk-ik-taksit) center/contain no-repeat}
.urun-sekmeler{--sk-ik-taksit:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4v-6h16v6zm0-10H4V6h16v2z'/%3E%3C/svg%3E")}
.taksit-bos-tablo thead th{color:var(--yazi-2)}
.taksit-bos-tablo .iskelet{display:inline-block;width:62%;max-width:90px;height:.7rem;border-radius:99px;background:linear-gradient(90deg,color-mix(in srgb,var(--yazi-2) 14%,transparent),color-mix(in srgb,var(--yazi-2) 26%,transparent),color-mix(in srgb,var(--yazi-2) 14%,transparent));background-size:200% 100%;animation:iskelet 1.8s ease-in-out infinite}
.taksit-bos-tablo tbody th .iskelet{width:70%;max-width:120px;float:left}
@keyframes iskelet{0%{background-position:100% 0}100%{background-position:-100% 0}}
@media(prefers-reduced-motion:reduce){.taksit-bos-tablo .iskelet{animation:none}}
.urun-sekmeler .taksit-kaydir{border-radius:12px}

/* Ürün bilgi sütunu üstü: etiket satırı ve marka */
.urun-bilgi .rozetler{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 .9rem;padding-bottom:.9rem;border-bottom:1px dashed var(--kenar)}
.urun-bilgi .rozetler .rozet-serit{margin:0;padding:.38rem .95rem .38rem .75rem;font-size:.78rem}
.urun-bilgi .marka{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 .2rem;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ana)}
.urun-bilgi .marka::before{content:"";width:18px;height:2px;border-radius:2px;background:var(--vurgu,var(--ana))}
/* Stok kodu: markanın hemen yanında, ince ayraçla; dar ekranda alt satıra iner */
.urun-bilgi .marka{flex-wrap:wrap;row-gap:.1rem;max-width:100%}
.urun-bilgi .marka .stok-kodu{padding-left:.6rem;border-left:1px solid var(--kenar);font-size:.74rem;font-weight:500;letter-spacing:.02em;text-transform:none;color:var(--yazi-2);overflow-wrap:anywhere}
.urun-bilgi .marka .stok-kodu b{font-weight:600;color:var(--yazi)}
.urun-bilgi .marka.marka-yok .stok-kodu{padding-left:0;border-left:0}
@media (max-width:480px){.urun-bilgi .marka .stok-kodu{flex-basis:100%;padding-left:0;border-left:0}}
/* ---------- Kategori / liste sayfası üst bölümü: yol kutusu, açıklama, alt kategoriler, filtre çubuğu ---------- */
/* Başlık bandı seçiliyken yol satırı, bandın alt kenarına binen şık bir kutu (hap) olur */
body.yl-bant .yol-nav{position:relative;z-index:3;margin-top:-23px;padding-top:0;padding-bottom:0;display:flex;justify-content:center}
body.yl-bant .yol-nav .kirinti{display:inline-flex;align-items:center;flex-wrap:wrap;gap:2px 0;margin:0;padding:.5rem 1.15rem;border:1px solid var(--kenar);border-radius:99px;background:var(--kart-zemin,#fff);box-shadow:0 14px 30px -16px rgba(15,23,42,.45),0 2px 6px -2px rgba(15,23,42,.12);font-size:.88rem;max-width:100%}
body.yl-bant .yol-nav .kirinti>a:first-child::before{content:"";display:inline-block;width:1.05em;height:1.05em;margin-right:.45em;vertical-align:-.15em;background:var(--ana);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/%3E%3C/svg%3E") center/contain no-repeat}
body.yl-bant .yol-nav .kirinti>*+*::before{content:"›";margin:0 .7em;opacity:.45;font-size:1.05em}
body.yl-bant .yol-nav .kirinti>a:first-child::before{margin-right:.45em;opacity:1}
body.yl-bant .yol-nav .kirinti>a{color:var(--yazi-2)}
body.yl-bant .yol-nav .kirinti>a:hover{color:var(--ana);text-decoration:none}
body.yl-bant .yol-nav .kirinti>span[aria-current]{font-weight:700;color:var(--ana)}
@media(max-width:600px){body.yl-bant .yol-nav .kirinti{border-radius:16px;padding:.45rem .9rem;font-size:.82rem}}

/* Açıklama: sol vurgu çizgili sade kart; alt kategoriler: büyük hap bağlantılar; filtre çubuğu: yuvarlak kart */
body.sayfa-liste .aciklama{max-width:none;margin:1.6rem 0 1rem;padding:.9rem 1.1rem .9rem 1.2rem;border:1px solid var(--kenar);border-left:4px solid var(--ana);border-radius:12px;background:var(--kart-zemin,#fff);color:var(--yazi);line-height:1.65}
body.sayfa-liste .cipler{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 1rem}
body.sayfa-liste .cipler .cip{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;border:1px solid var(--kenar);border-radius:99px;background:var(--kart-zemin,#fff);font-weight:600;font-size:.9rem;color:var(--yazi);transition:border-color .15s,color .15s,background .15s,transform .15s}
body.sayfa-liste .cipler .cip::after{content:"›";opacity:.5}
body.sayfa-liste .cipler .cip:hover{border-color:var(--ana);color:var(--ana);background:color-mix(in srgb,var(--ana) 7%,var(--kart-zemin,#fff));text-decoration:none;transform:translateY(-1px)}
body.sayfa-liste .filtre{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1.2rem;margin:0 0 1.4rem;padding:.7rem 1rem;border:1px solid var(--kenar);border-radius:16px;background:var(--kart-zemin,#fff);box-shadow:0 10px 24px -20px rgba(15,23,42,.45)}
body.sayfa-liste .filtre label{display:inline-flex;align-items:center;gap:.5rem;margin:0}
body.sayfa-liste .filtre .dugme{margin-left:auto}
@media(max-width:600px){body.sayfa-liste .filtre .dugme{margin-left:0;width:100%}}
/* Menü ile başlık bandı arasındaki ince açık çizgi: bant menünün alt kenarına 2px binerek kapatır */
.yol-kap>.yol-bant{margin-top:-1px}
body.yl-bant .kategori-menu,body.yl-bant-ici .kategori-menu{border-bottom:0!important;box-shadow:none}
body.yl-bant .ust-zemin,body.yl-bant-ici .ust-zemin{border-bottom:0!important;box-shadow:none!important}
body.yl-bant .ust,body.yl-bant-ici .ust{border-bottom:0!important}

/* ---------- Ürün kartı cilası: yumuşak görsel zemini, nefes alan görsel, hizalı fiyat, vurgulu hover ---------- */
body:not(.kt-liste) .urun-karti{border-radius:calc(var(--kose) + 8px);border-color:color-mix(in srgb,var(--kenar) 80%,transparent);background:var(--kart-zemin,#fff);position:relative;transition:box-shadow .25s,transform .25s,border-color .25s}
body:not(.kt-liste) .urun-karti:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--ana) 38%,transparent);box-shadow:0 22px 40px -24px color-mix(in srgb,var(--ana) 60%,#000),0 4px 10px -6px rgba(15,23,42,.18)}
body:not(.kt-liste) .urun-karti:has(.etiket.sticker)::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;z-index:4;background:var(--vurgu-zemin,linear-gradient(90deg,var(--vurgu),color-mix(in srgb,var(--vurgu) 60%,#fff)))}
body:not(.kt-liste) .kart-gorsel{background:radial-gradient(120% 90% at 50% 30%,#fff 0%,color-mix(in srgb,var(--ana) 4%,#f4f6fb) 100%)}
body:not(.kt-liste) .kart-gorsel img{object-fit:contain;padding:14px;transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .3s;filter:drop-shadow(0 10px 14px rgba(15,23,42,.14))}
body:not(.kt-liste) .kart-gorsel:has(.kart-rozetler) img{padding-bottom:62px}
body:not(.kt-liste) .urun-karti:hover .kart-gorsel img{transform:scale(1.06) translateY(-2px)}
.urun-karti.stoksuz .kart-gorsel img{filter:grayscale(.85) opacity(.7)}
body:not(.kt-liste) .kart-icerik{display:flex;flex-direction:column;flex:1;padding:.95rem 1.05rem 1.1rem;gap:.15rem}
body:not(.kt-liste) .kart-icerik .marka{margin:0;font-size:.68rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:color-mix(in srgb,var(--ana) 75%,var(--yazi-2))}
body:not(.kt-liste) .kart-icerik h3{margin:0 0 .35rem;font-size:.98rem;font-weight:600;line-height:1.35;min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body:not(.kt-liste) .kart-icerik h3 a{color:var(--yazi)}
body:not(.kt-liste) .kart-icerik h3 a:hover{color:var(--ana);text-decoration:none}
body:not(.kt-liste) .kart-icerik .fiyat{margin-top:auto;padding-top:.5rem}
body:not(.kt-liste) .kart-icerik .indirim-sayac{margin-top:.1rem}
@media(prefers-reduced-motion:reduce){body:not(.kt-liste) .urun-karti,body:not(.kt-liste) .kart-gorsel img{transition:none}body:not(.kt-liste) .urun-karti:hover{transform:none}body:not(.kt-liste) .urun-karti:hover .kart-gorsel img{transform:none}}
/* Ürün fotoğrafları çoğunlukla beyaz zeminli: görsel alanı beyaz kalır, kutu/halka görünmez; kart ayrımı ince alt çizgiyle */
body:not(.kt-liste) .kart-gorsel{background:var(--kart-zemin,#fff);border-bottom:1px solid color-mix(in srgb,var(--kenar) 70%,transparent)}
body:not(.kt-liste) .kart-gorsel img{filter:none}
body:not(.kt-liste) .urun-karti:has(.etiket.sticker)::before{height:2px;opacity:.9}

/* Mobil menü: temanın krem yüzey rengi mor/mavi temayla çakışıyordu; panel içinde yüzey rengi ana renkten türetilir (arama, Kapat, alt kısım, kartlar) */
.mm-panel,.mm-panel *{--yuzey:color-mix(in srgb,var(--ana) 6%,#fff)}
.mm-panel{--kart-zemin:#fff}

/* Hover yakınlaştırma: hareket azaltma tercihinde geçiş kapanır, ama yakınlaştırma çalışır */
.galeri-ana.zoom-acik>img{transform:scale(2.2)!important}
@media(prefers-reduced-motion:reduce){.galeri-ana.zoom-hazir>img{transition:none}}

/* ---------- Ürün kartı: büyük görsel, sıkı boşluk, hızlı sepete ekle / hemen al ---------- */
body:not(.kt-liste) .kart-gorsel img{padding:4px}
body:not(.kt-liste) .kart-gorsel:has(.kart-rozetler) img{padding:4px 4px 4px}
body:not(.kt-liste) .kart-icerik{padding:.7rem .95rem .9rem;gap:.1rem}
body:not(.kt-liste) .kart-icerik h3{min-height:0;margin:0 0 .25rem}
body:not(.kt-liste) .kart-icerik .fiyat{margin-top:.35rem;padding-top:0}
.urun-karti{--gorsel-oran:1}
body.sayfa-liste.kt-genis .urun-karti{--gorsel-oran:4/3}
.kart-hizli{position:absolute;left:0;right:0;top:0;aspect-ratio:var(--gorsel-oran,1);z-index:6;display:flex;align-items:flex-end;justify-content:center;gap:6px;padding:10px;pointer-events:none}
body.sayfa-liste.kt-liste .kart-hizli{display:none}
.kh-dugme{pointer-events:auto;flex:1 1 0;max-width:170px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .7rem;border:1px solid color-mix(in srgb,var(--ana) 28%,transparent);border-radius:99px;font:700 .78rem/1 inherit;font-family:inherit;cursor:pointer;color:var(--ana);background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 18px -10px rgba(15,23,42,.55);text-decoration:none;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s,background .15s,color .15s,box-shadow .15s}
.kh-dugme .ik{font-size:1.05em}
.kh-hemen,.kh-dugme.kh-sec:only-child{background:var(--ana-zemin,var(--ana));border-color:transparent;color:var(--ana-yazi,#fff)}
.urun-karti:hover .kh-dugme,.urun-karti:focus-within .kh-dugme{opacity:1;transform:none}
.kh-dugme:hover{background:var(--ana-zemin,var(--ana));color:var(--ana-yazi,#fff);border-color:transparent;box-shadow:0 12px 22px -10px color-mix(in srgb,var(--ana) 70%,#000);text-decoration:none}
.kh-dugme:focus-visible{outline:2px solid var(--ana);outline-offset:2px}
.kh-dugme.yukleniyor{opacity:.7;cursor:progress}
.kh-dugme.eklendi{background:var(--basari,#16a34a);color:#fff;border-color:transparent}
@media(hover:none){.kh-dugme{opacity:1;transform:none;padding:.42rem .55rem;font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.kh-dugme{transition:none}}
/* ---------- Hızlı işlem düğmeleri: kartın altında, fiyatın hemen altında şık tam genişlik düğmeler ---------- */
.kart-hizli{position:static;inset:auto;aspect-ratio:auto;z-index:auto;display:flex;gap:8px;padding:.75rem 0 0;margin-top:auto;pointer-events:auto;align-items:stretch;justify-content:stretch}
body.sayfa-liste.kt-liste .kart-hizli{display:flex}
.kh-dugme{opacity:1;transform:none;flex:1 1 0;max-width:none;min-height:40px;padding:.5rem .8rem;gap:.45rem;border-radius:12px;font-size:.84rem;font-weight:700;letter-spacing:.01em;-webkit-backdrop-filter:none;backdrop-filter:none;background:color-mix(in srgb,var(--ana) 8%,var(--kart-zemin,#fff));color:var(--ana);border:1px solid color-mix(in srgb,var(--ana) 30%,transparent);box-shadow:none}
.kh-dugme .ik{font-size:1.15em}
.kh-dugme:hover{background:var(--ana-zemin,var(--ana));color:var(--ana-yazi,#fff);border-color:transparent;box-shadow:0 10px 20px -12px color-mix(in srgb,var(--ana) 75%,#000);transform:translateY(-1px)}
.kh-hemen,.kh-dugme.kh-sec:only-child{background:var(--ana-zemin,var(--ana));color:var(--ana-yazi,#fff);border-color:transparent}
.kh-hemen:hover{filter:brightness(1.08)}
.urun-karti:hover .kh-dugme,.urun-karti:focus-within .kh-dugme{opacity:1;transform:none}
.urun-karti:hover .kh-dugme:hover{transform:translateY(-1px)}
@media(hover:none){.kh-dugme{padding:.5rem .7rem;font-size:.8rem}}
body.sayfa-liste.kt-kompakt .kh-dugme{min-height:36px;font-size:.78rem}
/* ---------- Kart hızlı işlemleri: alt alta iki düğme; tasarruf çipi ortalı ---------- */
.kart-hizli{flex-direction:column;gap:8px;padding-top:.8rem}
.kh-dugme{flex:0 0 auto;width:100%;min-height:42px;white-space:nowrap;border-radius:12px;font-size:.86rem}
.kh-ekle{background:color-mix(in srgb,var(--ana) 8%,var(--kart-zemin,#fff));color:var(--ana);border:1.5px solid color-mix(in srgb,var(--ana) 38%,transparent)}
.kh-ekle:hover{background:var(--ana-zemin,var(--ana));color:var(--ana-yazi,#fff)}
.kh-hemen{background:var(--vurgu-zemin,var(--vurgu));color:var(--vurgu-yazi,#fff);border-color:transparent;box-shadow:0 8px 16px -10px color-mix(in srgb,var(--vurgu) 70%,#000)}
.kh-hemen:hover{filter:brightness(1.07);box-shadow:0 12px 20px -10px color-mix(in srgb,var(--vurgu) 75%,#000)}
.kh-dugme.kh-sec{background:var(--ana-zemin,var(--ana));color:var(--ana-yazi,#fff);border-color:transparent}
body:not(.kt-liste) .urun-karti .fiyat .tasarruf{display:table;margin:.4rem auto 0}
body:not(.kt-liste) .urun-karti .fiyat.indirimli{display:block}
.kh-hemen{background:var(--ana-zemin,var(--ana));color:var(--ana-yazi,#fff);box-shadow:0 8px 16px -10px color-mix(in srgb,var(--ana) 70%,#000)}
/* Teklif usulü (fiyatsiz_teklif): kartta sade satır, ürün sayfasında tek kutu, /teklif-iste formu.
   Fiyat bileşenlerinin (.fiyat, .al-satir) büyük/beyaz yazı kuralları kullanılmaz; kendi sınıfları vardır. */
/* "Teklif İste" ikonu: satırlı teklif belgesi (ikon sistemi: --i maskesi) */
.ik-teklif{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%203H7a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h10a2%202%200%200%200%202-2V8z%22%2F%3E%3Cpath%20d%3D%22M14%203v5h5%22%2F%3E%3Cpath%20d%3D%22M9%2013h6%22%2F%3E%3Cpath%20d%3D%22M9%2017h4%22%2F%3E%3C%2Fsvg%3E")}
.kart-teklif{margin:.15rem 0 .1rem;font-size:.82rem;font-weight:600;line-height:1.3;color:var(--ana-ok,var(--ana))}
.kh-dugme.kh-teklif{background:var(--ana-zemin,var(--ana));border-color:transparent;color:var(--ana-yazi,#fff)}
.teklif-kutu{margin:0 0 16px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--ana) 22%,var(--kenar));border-radius:var(--kose);background:color-mix(in srgb,var(--ana) 5%,var(--zemin,#fff))}
.teklif-kutu .teklif-baslik{display:block;font-size:1.05rem;line-height:1.3;color:var(--ana-ok,var(--ana))}
.teklif-kutu p{margin:.3rem 0 .8rem;font-size:.9rem;color:var(--yazi-2)}
.teklif-dugmeler{display:flex;flex-wrap:wrap;gap:8px}
.teklif-dugmeler .dugme{flex:1 1 140px;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.7rem 1rem;font-size:.92rem;font-weight:600;text-decoration:none}
.teklif-dugmeler .dugme.teklif-ara{background:var(--zemin,#fff);color:var(--ana-ok,var(--ana));border:1px solid color-mix(in srgb,var(--ana) 45%,var(--kenar))}
.teklif-dugmeler .dugme.teklif-wa{background:#1f9d55;color:#fff;border:1px solid #1f9d55}
.teklif-sayfa .teklif-form{max-width:760px;margin:0 auto}
.teklif-urun{display:flex;align-items:center;gap:12px;max-width:760px;margin:0 auto 16px;padding:10px;border:1px solid var(--kenar);border-radius:var(--kose);color:inherit;text-decoration:none}
.teklif-urun img{width:72px;height:72px;object-fit:contain;border-radius:8px;background:#fff}
.teklif-urun span{display:flex;flex-direction:column;gap:2px;font-size:.92rem}
.teklif-tuzak{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.teklif-eylem{text-align:center}
.teklif-sayfa .bildirim.hata{max-width:760px;margin:0 auto 16px}
@media (max-width:600px){.teklif-sayfa .iki-alan{grid-template-columns:1fr}}
/* Liste sayfası alt kategori çipleri: çok sayıda alt kategoride telefonda tek satır, yana kaydırılır (alt alta ekranı doldurmaz) */
@media (max-width:700px){
  body.sayfa-liste .cipler{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 0 1rem;padding:2px 0 6px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
  body.sayfa-liste .cipler::-webkit-scrollbar{display:none}
  body.sayfa-liste .cipler .cip{flex:none;white-space:nowrap;scroll-snap-align:start;padding:.4rem .85rem;font-size:.82rem}
}
/* Ürün adları: kartta en çok 2 satır (kartlar hizalı kalır, tam ad ürün sayfasında); 60+ karakterlik adlarda ürün başlığı küçülür */
html body .urun-karti h3 a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body .urun-bilgi h1.uzun-ad{font-size:1.5rem;line-height:1.28;letter-spacing:-.01em;overflow-wrap:anywhere}
@media (max-width:700px){html body .urun-bilgi h1.uzun-ad{font-size:1.15rem}}
/* Liste sayfası araç çubuğu (telefon): Sırala + Filtrele tek satır, fiyat aralığı + Uygula ikinci satır; etiketler yalnız ekran okuyucuda.
   Sıralama değişince otomatik gönderilir (vitrin.js, .oto-sirala); fiyat alanı yoksa (katalog modu) Uygula gizlenir. */
html body.sayfa-liste .filtre.oto-sirala:not(:has(.filtre-fiyat)):not(:has(.filtre-kamp)) .filtre-uygula{display:none}
@media (max-width:700px){
  html body.sayfa-liste .filtre{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin:0 0 1rem;padding:8px;border-radius:14px}
  html body.sayfa-liste .filtre .filtre-ad{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  html body.sayfa-liste .filtre .filtre-sirala{grid-column:1;display:flex;min-width:0;margin:0}
  html body.sayfa-liste .filtre:not(:has(.vf-ac)) .filtre-sirala{grid-column:1 / -1}
  html body.sayfa-liste .filtre select,html body.sayfa-liste .filtre input[type=number]{width:100%;min-width:0;height:40px;padding:0 .7rem;font-size:.9rem;border-radius:10px}
  html body.sayfa-liste .filtre .vf-ac{grid-column:2;grid-row:1;width:auto;height:40px;margin:0;padding:0 1rem;font-size:.9rem;border-radius:10px;white-space:nowrap}
  html body.sayfa-liste .filtre .filtre-fiyat{grid-column:1;display:flex;align-items:center;gap:6px;min-width:0;margin:0}
  html body.sayfa-liste .filtre .filtre-ara{flex:none;opacity:.6}
  html body.sayfa-liste .filtre .filtre-uygula{grid-column:2;width:auto;height:40px;margin:0;padding:0 1rem;font-size:.9rem;border-radius:10px}
  html body.sayfa-liste .filtre .filtre-kamp{grid-column:1 / -1;margin:0;font-size:.88rem}
}
/* Ürün künyesi (telefon): favori düğmesi marka / stok kodu satırının yanında, ürün adı tüm satırı kaplar. Masaüstü düzeni değişmez. */
@media (max-width:700px){
  html body .urun-kunye{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:center}
  html body .urun-kunye>.marka{grid-column:1;grid-row:1;min-width:0;margin-bottom:0}
  html body .urun-kunye .urun-baslik-kap{display:contents}
  html body .urun-kunye h1{grid-column:1 / -1;grid-row:2;margin-top:.55rem}
  html body .urun-kunye .fav-urun{grid-column:2;grid-row:1;align-self:center}
}