/* SmartSales urun uyarlamasi. Kit dosyalari duzenlenmez. */
body[data-urun]{--urun:#e2584b;--urun-acik:#fdebe8}
.logo b span{color:var(--marka)}
.vitrinler{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,32px)}
@media (max-width:980px){.vitrinler{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.vitrinler{grid-template-columns:1fr}}
.vitrin{display:grid;gap:12px;color:inherit;text-decoration:none;transition:transform .35s var(--ease)}
.vitrin:hover{transform:translateY(-4px)}
.vitrin .tarayici{display:block}
.vitrin .sahne{display:block}
.vitrin-ad{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:0 4px}
.vitrin-ad b{color:var(--murekkep);font:800 18px/1.2 var(--baslik);letter-spacing:-.02em}
.vitrin-ad span{font-size:14px;color:var(--soluk)}
.vitrin-cip{position:absolute;left:12px;bottom:12px}
.odeme-balon{right:4%;bottom:8%;display:grid;gap:6px;padding:12px 14px;font-size:14px}
.odeme-balon span{display:flex;align-items:center;gap:6px;color:var(--metin)}
.odeme-balon svg{width:16px;height:16px;color:var(--urun)}
.kargo-cip{left:5%;top:7%}

/* Kanit seridi 3 kart: mobilde 2 sutunda ucuncu yetim kalmasin (Tasarim #G-234 P3) */
@media (max-width:860px){ .sayilar.uc{grid-template-columns:1fr} }

/* hero: vitrin duzenleyici sahnesi (Tasarim) - #G-255. Olculer .vd-govde genisligine gore (cqw): sahne her
   genislikte ayni oranla olceklenir, yerlesim kaymaz (CLS 0). Yalniz transform/opacity; 12 sn dongu. Temel stiller
   = son kare (urunler yerinde, masaustu, Yayinda): hareketi azaltmada bu kare sabit kalir. */
.vd .vd-govde{position:relative;aspect-ratio:16/10;container-type:inline-size;background:#f7f5f2;overflow:hidden;font-family:var(--govde)}
.vd-kitaplik{position:absolute;inset:0 auto 0 0;width:25cqw;background:var(--kart);border-right:1px solid var(--cizgi)}
.vd-kitaplik b{position:absolute;left:1.8cqw;top:2.4cqw;font:700 1.35cqw/1 var(--govde);letter-spacing:.08em;text-transform:uppercase;color:var(--soluk)}
.vd-modul,.vd-hayalet{position:absolute;left:1.8cqw;width:21.4cqw;height:4.6cqw;display:flex;align-items:center;gap:1cqw;padding:0 1.2cqw;
  border:1px solid var(--cizgi);border-radius:1cqw;background:var(--kart2);font:600 1.55cqw/1 var(--govde);color:var(--metin);white-space:nowrap}
.vd-modul i,.vd-hayalet i{width:2cqw;height:2cqw;flex:0 0 2cqw;border-radius:.5cqw;background:var(--urun-acik);box-shadow:inset 0 0 0 .3cqw var(--urun)}
.vd-modul:nth-of-type(1){top:6cqw}.vd-modul:nth-of-type(2){top:12cqw}.vd-modul:nth-of-type(3){top:18cqw}.vd-modul:nth-of-type(4){top:24cqw}.vd-modul:nth-of-type(5){top:30cqw}
.vd-hayalet{top:12cqw;z-index:5;border-color:var(--urun);background:var(--kart);box-shadow:0 1.4cqw 3cqw -1cqw rgba(40,20,60,.35);opacity:0}
.vd-arac{position:absolute;left:27cqw;right:2cqw;top:1.6cqw;height:5cqw;display:flex;align-items:center;gap:2cqw}
.vd-cihaz{position:relative;display:flex;padding:.4cqw;border-radius:1.2cqw;background:var(--kart);border:1px solid var(--cizgi)}
.vd-cihaz i{position:relative;z-index:1;width:4.2cqw;height:3.2cqw;display:grid;place-items:center}
.vd-cihaz i::before{content:"";border:.25cqw solid var(--murekkep);border-radius:.4cqw}
.vd-masa-i::before{width:2.2cqw;height:1.5cqw}.vd-tablet-i::before{width:1.6cqw;height:2cqw}.vd-mobil-i::before{width:1.1cqw;height:2cqw}
.vd-imlec{position:absolute;left:.4cqw;top:.4cqw;width:4.2cqw;height:3.2cqw;border-radius:.9cqw;background:var(--urun-acik);transform:none}
.vd-geri{display:flex;gap:.8cqw}.vd-geri i{width:2.4cqw;height:2.4cqw;border-radius:50%;border:.25cqw solid var(--cizgi2)}
.vd-yayinla{margin-left:auto;padding:1.1cqw 2.2cqw;border-radius:99px;background:var(--murekkep);color:#fff;font:700 1.55cqw/1 var(--govde)}
.vd-onizleme{position:absolute;left:27cqw;right:2cqw;top:8cqw;bottom:2.2cqw;border-radius:1cqw;background:#ebe8e3;overflow:hidden;border:1px solid var(--cizgi)}
.vd-masa{position:absolute;inset:0;background:var(--kart)}
.vd-masa>img{display:block;width:100%;height:30cqw;object-fit:cover;object-position:top}
.vd-yuva{position:absolute;left:2cqw;right:2cqw;top:31.4cqw;bottom:1.4cqw}
.vd-birak{position:absolute;inset:0;display:grid;place-items:center;border:.25cqw dashed var(--urun);border-radius:1cqw;background:var(--urun-acik);
  font:600 1.5cqw/1 var(--govde);color:var(--urun);opacity:0}
.vd-urunler{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);gap:.8cqw 1.4cqw;align-content:start}
.vd-urunler b{grid-column:1/-1;font:800 1.7cqw/1.1 var(--baslik);letter-spacing:-.02em;color:var(--murekkep)}
.vd-urunler span{display:block;min-width:0}
/* Urun karesi: demo urun sayfasi karesinin (1440x900) urun fotografi bolgesine (x %12-%50) yakinlastirilir. */
.vd-foto{position:relative;display:block;height:11cqw;border-radius:.6cqw;overflow:hidden;background:#efe9e2}
.vd-foto img{position:absolute;top:0;width:520%;max-width:none;height:auto;transform:translateY(-58%)}
.vd-urunler span:nth-of-type(1) img{left:-62%}.vd-urunler span:nth-of-type(2) img{left:-96%}
.vd-urunler span:nth-of-type(3) img{left:-130%}.vd-urunler span:nth-of-type(4) img{left:-164%}
.vd-urunler i{display:block;height:2.4cqw;margin-top:.7cqw;background:linear-gradient(var(--cizgi2),var(--cizgi2)) 0 0/80% .7cqw no-repeat,
  linear-gradient(var(--urun),var(--urun)) 0 100%/38% .7cqw no-repeat}
.vd-mobil{position:absolute;top:1.4cqw;bottom:1.4cqw;left:50%;width:21cqw;margin-left:-10.5cqw;border-radius:2cqw;background:var(--kart);
  border:.5cqw solid var(--murekkep);overflow:hidden;opacity:0}
/* mobil ust: ornek magazanin vitrin gorseline yakinlastirma (kare 1440x900; serum gorseli x %30-100, y %12-74) */
.vd-mobil-ust{position:relative;display:block;height:18cqw;overflow:hidden}
.vd-mobil-ust img{position:absolute;left:-23.4cqw;top:-6.5cqw;width:52cqw;max-width:none;height:auto}
.vd-mobil .vd-urunler{position:relative;display:block;height:16cqw;margin:1cqw;overflow:hidden;border-radius:.6cqw}
/* gercek kayit: ornek magazanin 'Cok sevilenler' bolumu (1440x900 karenin ust %60'i) */
.vd-urunler .vd-serit{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 22%;border-radius:.6cqw}
.vd-yuva>.vd-urunler{display:block}
/* mobil: ayni bolumun ilk iki urunune yakinlastirma (kare 1440x900; urunler x %5-48, y %23-78) */
.vd-mobil .vd-serit{position:absolute;left:-2.4cqw;top:-6.1cqw;width:44cqw;max-width:none;height:auto;border-radius:0;object-fit:fill}
.vd-cip{position:absolute;left:-2%;bottom:6%;z-index:4;box-shadow:var(--golge-l)}
.vd-cip::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--yesil,#2e9e5b)}

.vd-hayalet{animation:vd-hayalet 12s var(--ease) infinite}
.vd-kaynak{animation:vd-kaynak 12s linear infinite}
.vd-birak{animation:vd-birak 12s linear infinite}
.vd-yuva>.vd-urunler{animation:vd-urunler 12s var(--ease) infinite}
.vd-masa{animation:vd-masa 12s var(--ease) infinite}
.vd-mobil{animation:vd-mobil 12s var(--ease) infinite}
.vd-imlec{animation:vd-imlec 12s var(--ease) infinite}
.vd-yayinla{animation:vd-yayinla 12s var(--ease) infinite}
.vd-cip{animation:vd-cip 12s var(--ease) infinite}
@keyframes vd-hayalet{0%,6%{opacity:0;transform:none}9%{opacity:1;transform:scale(1.04)}26%{opacity:1;transform:translate(27.2cqw,27cqw) scale(1.04)}
  30%,100%{opacity:0;transform:translate(27.2cqw,27cqw) scale(.98)}}
@keyframes vd-kaynak{0%,6%{opacity:1}9%,30%{opacity:.35}34%,100%{opacity:1}}
@keyframes vd-birak{0%,8%{opacity:.55}16%,27%{opacity:1}31%,92%{opacity:0}97%,100%{opacity:.55}}
@keyframes vd-urunler{0%,27%{opacity:0;transform:translateY(1.2cqw) scale(.97)}33%,88%{opacity:1;transform:none}94%,100%{opacity:0;transform:translateY(1.2cqw) scale(.97)}}
@keyframes vd-masa{0%,46%{opacity:1;transform:none}51%,82%{opacity:0;transform:scale(.97)}87%,100%{opacity:1;transform:none}}
@keyframes vd-mobil{0%,46%{opacity:0;transform:scale(1.04)}51%,82%{opacity:1;transform:none}87%,100%{opacity:0;transform:scale(1.04)}}
@keyframes vd-imlec{0%,45%{transform:none}50%,82%{transform:translateX(8.4cqw)}87%,100%{transform:none}}
@keyframes vd-yayinla{0%,63%{transform:none}65.5%{transform:scale(.9)}68%,100%{transform:none}}
@keyframes vd-cip{0%,66%{opacity:0;transform:translateY(10px)}70%,88%{opacity:1;transform:none}92%,100%{opacity:0;transform:translateY(10px)}}
@media (prefers-reduced-motion:reduce){
  .vd-hayalet,.vd-kaynak,.vd-birak,.vd-yuva>.vd-urunler,.vd-masa,.vd-mobil,.vd-imlec,.vd-yayinla,.vd-cip{animation:none}
}