/* Müşteri teması (kurulum aracı yazar; elle düzenlenmez) */
/* Renk değişkenleri (Beton Atölye: #f0ede7, #282828, #5d5a55, #beb194; koyu tema dahil) style.css içinde tanımlıdır; burada ezilmez. */

/* Slayt seçilmediğinde de koleksiyonun giriş vitrini görünür. */
.varkal-vitrin{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,5vw,72px);align-items:center;padding-top:48px;padding-bottom:48px}
.varkal-vitrin h1{font-size:clamp(32px,4.3vw,62px);line-height:1.13;letter-spacing:-.035em;margin:16px 0 22px}
.varkal-vitrin .lead{max-width:480px;margin-bottom:28px}
.varkal-vitrin-gorsel{margin:0;aspect-ratio:1;max-height:440px;overflow:hidden;background:var(--surface,#f5f3ee)}
.varkal-vitrin-gorsel img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.varkal-vitrin{grid-template-columns:1fr;padding-top:30px;padding-bottom:30px;gap:24px}.varkal-vitrin-gorsel{max-height:340px}.varkal-vitrin .lead{font-size:16px}}

/* ---- Varkal 16.10.2026: ürün etiketi renk/konum, süzgeç, onay kutuları, slayt, teklif metni ---- */
.p-badge.ozel[data-renk="adacayi"]{background:#5a796b;color:#fff}
.p-badge.ozel[data-renk="kehribar"]{background:#95662f;color:#fff}
.p-badge.ozel[data-renk="pirinc"]{background:#7f6c3f;color:#fff}
.p-badge.ozel[data-renk="cini"]{background:#4f6272;color:#fff}
.p-badge.ozel[data-renk="kiremit"]{background:#9a5a4a;color:#fff}
.p-badge.ozel[data-renk="zeytin"]{background:#666b3f;color:#fff}
.p-badge.ozel[data-renk="murdum"]{background:#7a5470;color:#fff}
.p-badge.ozel[data-renk="antrasit"]{background:#4a4a48;color:#fff}
.p-badge.etiket-sag{left:auto;right:.6rem}

.filtre-form{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem}
.filtre{flex-basis:100%}
.filtre summary{cursor:pointer;font-weight:500;padding:.35rem 0}
.filtre-alanlar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.8rem 1.2rem;padding:.8rem 0 .4rem}
.filtre-alanlar label{display:flex;flex-direction:column;gap:.25rem;font-size:var(--fs-sm)}
.filtre-alanlar input[type=number],.filtre-alanlar select{min-height:38px;padding:.3rem .6rem;border:1px solid var(--line-strong);background:var(--kagit);color:var(--ink);font:inherit}
.filtre-alanlar .kutu{flex-direction:row;align-items:center;gap:.5rem}
.filtre-aksiyon{display:flex;gap:.6rem;align-items:center}

.onaylar{border:0;margin:1rem 0;padding:0;display:grid;gap:.6rem}
.onaylar .onay{display:flex;gap:.6rem;align-items:flex-start}

.teklif-fiyat{font-size:var(--fs-md);color:var(--muted)}
.price-teklif{margin:1rem 0;padding:.9rem 1rem;border:1px solid var(--line);background:var(--surface)}
.demo-odeme{margin:1.2rem 0}

@media(max-width:760px){.slide-img>img{object-position:80% 50%}}