/* t606 — ana ekran düzeni A (Menümüz kartları) / B (fotoğraflı hikâye halkaları). Yalnız body.v2.vx; koyu + açık (vxlt).
   Yalnız mantıksal kenarlar (RTL güvenli). Taslak: /workspace/qrkategori (A_390 / B_390). */

/* ---- B: hikâye halkaları (t572 .vxc şeridinin yerinde; aynı kaydırma/seçili mantığı) ---- */
.v2.vx .hs6s.catstick.vxcs{padding:6px 0 4px}
.v2.vx .hs6.vxc{gap:2px;padding:4px 8px 4px}
.v2.vx .hs6-i.vxc-i{width:80px;min-width:0;gap:6px;padding:6px 2px 6px}
.v2.vx .hs6-o{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;flex:none;color:var(--gold);overflow:hidden;position:relative;
  background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.04),transparent 70%);box-shadow:0 0 0 1.6px var(--goldL),0 0 0 3.5px var(--bg)}
.v2.vx .hs6-o .vi{width:22px;height:22px;stroke-width:1.5}
.v2.vx .hs6-im{width:100%;height:100%;object-fit:cover;display:block}
.v2.vx .hs6-i.on .hs6-o{box-shadow:0 0 0 2px var(--gold),0 0 0 4px rgba(43,79,53,.8),0 0 16px -2px rgba(52,110,66,.7)}
.v2.vx .hs6-n.vxc-n{font:600 9.5px/1.2 Inter,system-ui,sans-serif;letter-spacing:0;max-width:78px;white-space:normal;text-overflow:clip;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:normal;word-break:normal;min-height:2.4em;padding-top:0}
.v2.vx .hs6-c{font:600 9.5px/1 Inter,system-ui,sans-serif;color:var(--fa);margin-top:-3px;font-variant-numeric:tabular-nums;min-height:1em}
.v2.vx .hs6-i.on .hs6-c{color:var(--gold2)}
.v2.vx.vxlt .hs6-o{background:radial-gradient(circle at 50% 45%,rgba(126,95,34,.06),transparent 70%)}
.v2.vx.vxlt .hs6-i.on .hs6-o{box-shadow:0 0 0 2px var(--gold),0 0 0 4px rgba(47,107,61,.25)}

/* ---- A: Menümüz — 2 sütun fotoğraflı kart ---- */
.v2.vx .hm6{margin-top:18px}
.v2.vx .hm6-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 16px 8px}
.v2.vx .hm6-c{position:relative;display:block;width:100%;aspect-ratio:4/3;border-radius:14px;overflow:hidden;border:1px solid var(--goldL);padding:0;margin:0;
  background:var(--pn);box-shadow:0 6px 16px rgba(0,0,0,.30);text-align:start;color:#F4EFE0;cursor:pointer;font:inherit}
.v2.vx .hm6-c:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.v2.vx .hm6-c:active{transform:scale(.985)}
.v2.vx .hm6-im{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.v2.vx .hm6-fb{position:absolute;inset:0;display:grid;place-items:center;padding-bottom:22%;color:var(--gold);
  background:radial-gradient(85% 75% at 50% 35%,rgba(201,178,122,.16),transparent 70%),linear-gradient(160deg,#2F3A35,#1E2427 75%)}
.v2.vx .hm6-fb .vi{width:34px;height:34px;stroke-width:1.4;opacity:.9}
.v2.vx .hm6-ov{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;padding:12px 12px 11px;
  background:linear-gradient(180deg,rgba(16,18,16,.04) 28%,rgba(16,18,16,.55) 62%,rgba(12,14,12,.92) 100%)}
.v2.vx .hm6-c.noph .hm6-ov{background:linear-gradient(180deg,transparent 45%,rgba(12,14,12,.55) 100%)}
.v2.vx .hm6-n{font:700 15.5px/1.15 Inter,system-ui,sans-serif;color:#F4EFE0;letter-spacing:-.2px;text-shadow:0 1px 8px rgba(0,0,0,.45);
  overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v2.vx .hm6-k{font:600 11.5px/1.2 Inter,system-ui,sans-serif;color:#E2D0A0;letter-spacing:.2px}
.v2.vx.vxlt .hm6-c{box-shadow:0 6px 16px rgba(80,60,20,.16)}
.v2.vx.vxlt .hm6-k{color:#F0DFAF}
.v2.vx.vxlt .hm6-fb{color:#7E5F22;background:radial-gradient(85% 75% at 50% 35%,rgba(201,178,122,.30),transparent 70%),linear-gradient(160deg,#FBF6EC,#EFE5D2 75%)}
.v2.vx.vxlt .hm6-c.noph .hm6-ov{background:none}
.v2.vx.vxlt .hm6-c.noph .hm6-n{color:#29251F;text-shadow:none}
.v2.vx.vxlt .hm6-c.noph .hm6-k{color:#7E5F22}

/* ---- A: Duyurular (iskelet — veri varsa) ---- */
.v2.vx .hm6-an{margin-top:16px}
.v2.vx .hm6-al{display:flex;flex-direction:column;gap:8px;padding:0 16px}
.v2.vx .hm6-a{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;border:1px solid var(--ln);background:var(--pn)}
.v2.vx .hm6-ab{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--gold);background:rgba(201,178,122,.12)}
.v2.vx .hm6-ai{flex:none;width:52px;height:52px;border-radius:10px;object-fit:cover}
.v2.vx .hm6-at{min-width:0;display:flex;flex-direction:column;gap:3px}
.v2.vx .hm6-at b{font:700 14px/1.25 Inter,system-ui,sans-serif;color:var(--ink);overflow-wrap:anywhere}
.v2.vx .hm6-at span{font:500 12.5px/1.4 Inter,system-ui,sans-serif;color:var(--mu);overflow-wrap:anywhere;white-space:pre-line}
.v2.vx .hm6-rail .qev-rail{margin-top:16px}

@media (max-width:370px){
  .v2.vx .hm6-g{gap:8px;padding:0 12px 8px}
  .v2.vx .hm6-n{font-size:14px}
  .v2.vx .hm6-al{padding:0 12px}
  .v2.vx .hs6-i.vxc-i{width:70px}
  .v2.vx .hs6-o{width:52px;height:52px}
  .v2.vx .hs6-n.vxc-n{max-width:68px}
}
@media (prefers-reduced-motion:reduce){ .v2.vx .hm6-c:active{transform:none} }
[dir=rtl] .v2.vx .hm6-n,[dir=rtl] .v2.vx .hm6-k,.v2.vx[dir=rtl] .hm6-n{text-align:right}

/* ---- t607: A 'Tümü' kartı (ızgaranın başında; tüm ürünler = kategori vitrin şeritleri) ---- */
.v2.vx .hm6-c.hm6-all{border-color:var(--gold)}
.v2.vx .hm6-all .hm6-fb{background:radial-gradient(85% 75% at 50% 35%,rgba(201,178,122,.26),transparent 70%),linear-gradient(160deg,#34413A,#1E2427 75%)}
.v2.vx.vxlt .hm6-all .hm6-fb{background:radial-gradient(85% 75% at 50% 35%,rgba(201,178,122,.42),transparent 70%),linear-gradient(160deg,#FBF6EC,#EADCBF 75%)}
/* ---- t607: Duyurular B düzeninde de (kampanya/organizasyon bölgesinde, kategori halkalarının üstünde) ---- */
.v2.vx .vxrail .hm6-an{margin-top:14px}