/* TEDZİN ana sayfa (v12): hızlı erişim karoları + yatay ürün şeritleri — Hepsiburada düzeni */
.hizli{padding:clamp(12px,1.8vw,20px) 0 0}
.hizli-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px}
.hizli-karo{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:var(--lacivert);min-width:0}
.hizli-resim{width:100%;aspect-ratio:1;border-radius:18px;background:var(--ton,#F3F5F9);display:grid;place-items:center;overflow:hidden;border:1px solid var(--cizgi);transition:transform .2s,box-shadow .2s}
.hizli-resim img{width:88%;height:88%;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s}
.hizli-karo:hover .hizli-resim{transform:translateY(-3px);box-shadow:var(--golge)}
.hizli-karo:hover img{transform:scale(1.06)}
.hizli-karo b{font-size:12.5px;font-weight:800;line-height:1.15;font-variation-settings:"wdth" 108}
.hizli-karo small{font-size:10px;font-weight:800;color:#fff;background:var(--turuncu);border-radius:99px;padding:2px 7px;margin-top:-2px}
.hizli .guven-satir{margin-top:14px}

.v-bolumler{display:flex;flex-direction:column}
.v-bolum{padding:clamp(22px,3vw,36px) 0 0}
.v-bolum .bolum-bas h2{font-size:clamp(1.15rem,1.8vw,1.5rem)}
.v-serit-kutu{position:relative}
.v-serit{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 5 * 12px) / 6);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 6px;scroll-behavior:smooth}
.v-serit::-webkit-scrollbar{display:none}
.v-serit > .urun{scroll-snap-align:start}
.v-ok{position:absolute;top:calc(50% - 40px);z-index:2;width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid var(--cizgi);box-shadow:0 8px 20px rgba(20,33,58,.14);color:var(--lacivert);font-size:26px;line-height:1;display:grid;place-items:center;cursor:pointer;transition:opacity .15s}
.v-geri{left:-14px}.v-ileri{right:-14px}
.v-serit-kutu.basta .v-geri,.v-serit-kutu.sonda .v-ileri{opacity:0;pointer-events:none}
.v-ok:hover{background:var(--turuncu);color:#fff;border-color:var(--turuncu)}
.urun-katalog .urun-resim{background:#fff}
.urun-katalog .urun-resim img{object-fit:contain;padding:8px}
.urun-kat{font-size:11px;font-weight:700;color:var(--turuncu-koyu);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.urun-katalog .urun-ad{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.urun-sec{justify-content:center;background:var(--zemin);color:var(--lacivert);border:1px solid var(--cizgi)}
.vitrin-grid.v-serit{grid-auto-columns:calc((100% - 5 * 12px) / 6)}

@media (max-width:1080px){
  .hizli-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .v-serit,.vitrin-grid.v-serit{grid-auto-columns:calc((100% - 3 * 12px) / 4)}
}
@media (max-width:760px){
  .v-ok{display:none}
  .v-serit,.vitrin-grid.v-serit{grid-auto-columns:calc((100% - 2 * 10px) / 2.6);gap:10px;margin:0 -16px;padding:2px 16px 6px;scroll-snap-type:x proximity}
  .v-bolum{padding-top:22px}
  .v-bolum .bolum-bas{margin-bottom:10px}
}
@media (max-width:640px){
  .hizli{padding-top:10px}
  .hizli-grid{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px 4px;scroll-snap-type:x proximity}
  .hizli-grid::-webkit-scrollbar{display:none}
  .hizli-karo{flex:0 0 76px;scroll-snap-align:start}
  .hizli-resim{border-radius:14px}
  .hizli-karo b{font-size:11.5px}
  .v-serit,.vitrin-grid.v-serit{grid-auto-columns:calc((100% - 10px) / 2.15)}
}

.vitrin-sekme-bolum .v-serit-kutu[hidden]{display:none}
.vitrin-sekme-bolum{padding-top:26px}

/* v3: mobilde karolar gizli (küçük görseller anlaşılmıyor), güven satırı kalır */
@media (max-width:640px){.hizli-grid{display:none}.hizli .guven-satir{margin-top:4px}}

/* v4: favori kalbi kart üstünde, gezilen şeridi */
.v-serit .urun{position:relative}
.v-serit .favori{right:8px;top:8px;width:32px;height:32px}
.v-serit .favori .ik{width:16px;height:16px}

/* v5: iskelet yer tutucular — içerik gelmeden alan ayrılır, sayfa zıplamaz (CLS) */
@keyframes iskeletParla{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}
.iskelet,.iskelet-kartlar i,.iskelet-baslik{background:#ECE9E3 linear-gradient(90deg,#ECE9E3,#F6F4F0,#ECE9E3) no-repeat;background-size:200px 100%;animation:iskeletParla 1.4s ease-in-out infinite}
.slider-govde.iskelet{border-radius:22px}
.iskelet-serit{padding:clamp(22px,3vw,36px) 0 0}
.iskelet-serit h2{margin:0 0 14px}
.iskelet-baslik{height:26px;width:220px;border-radius:8px;margin-bottom:14px}
.iskelet-kartlar{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 5 * 12px) / 6);gap:12px;overflow:hidden}
.iskelet-kartlar i{display:block;aspect-ratio:3/4.6;border-radius:var(--r-orta,16px)}
@media (max-width:1080px){.iskelet-kartlar{grid-auto-columns:calc((100% - 3 * 12px) / 4)}}
@media (max-width:760px){.iskelet-kartlar{grid-auto-columns:calc((100% - 10px) / 2.15);gap:10px}}
@media (prefers-reduced-motion:reduce){.iskelet,.iskelet-kartlar i,.iskelet-baslik{animation:none}}