/* ============================================================
   Zemin Temizleme kataloğu — mevcut site tasarımına uyumlu ek stiller
   (style.css'teki --primary, --line, --soft değişkenlerini kullanır)
   ============================================================ */

.kat-karti{display:block}
.kat-karti h3{color:var(--dark)}
.kat-karti-gorsel{aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:var(--soft);margin:-4px -4px 18px}
.kat-karti-gorsel img{width:100%;height:100%;object-fit:cover;transition:.5s}
.kat-karti:hover .kat-karti-gorsel img{transform:scale(1.05)}

.filtre-pilleri{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.filtre-pil{border:1px solid var(--line);background:#fff;color:var(--muted);font-weight:800;font-size:13px;padding:10px 16px;border-radius:999px;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;gap:6px}
.filtre-pil span{font-size:11px;color:var(--muted);background:var(--soft);border-radius:999px;padding:1px 7px}
.filtre-pil:hover{border-color:var(--primary);color:var(--primary)}
.filtre-pil.aktif{background:var(--primary);border-color:var(--primary);color:#fff}
.filtre-pil.aktif span{background:rgba(255,255,255,.22);color:#fff}

.urun-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.urun-karti{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;transition:.25s}
.urun-karti:hover{transform:translateY(-4px);border-color:rgba(29,111,242,.35);box-shadow:0 20px 50px rgba(8,19,38,.07)}
.urun-gorsel{aspect-ratio:1/1;background:#f7fafe;display:grid;place-items:center;overflow:hidden}
.urun-gorsel img{width:100%;height:100%;object-fit:contain;padding:18px;transition:.5s}
.urun-karti:hover .urun-gorsel img{transform:scale(1.04)}
.gorsel-bekliyor{color:#7184a4;font-weight:800;font-size:14px;border:1px dashed #b7c7df;border-radius:18px;padding:26px 30px;background:linear-gradient(135deg,#f7faff,#edf4ff)}
.gorsel-bekliyor.buyuk{width:100%;height:100%;display:grid;place-items:center;border-radius:24px}
.urun-bilgi{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px;flex:1}
.urun-kategori{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:900;color:var(--primary)}
.urun-bilgi h3{margin:0;font-size:18px;line-height:1.35;color:var(--dark)}
.urun-fiyat{margin-top:auto;padding-top:12px}
.urun-fiyat b{display:block;font-size:22px;letter-spacing:-.02em;color:var(--ink)}
.urun-fiyat span{font-size:12px;color:var(--muted);font-weight:800}

/* Ürün detay */
.urun-hero{padding:76px 0 56px}
.urun-hero h1{font-size:clamp(30px,4vw,52px)}
.urun-detay-ust{padding:64px 0}
.detay-izgara{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:start}
.galeri-ana{border:1px solid var(--line);border-radius:20px;background:#fff;aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden}
.galeri-ana img{width:100%;height:100%;object-fit:contain;padding:26px}
.galeri-kucuk{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:12px}
.galeri-kucuk button{border:1px solid var(--line);border-radius:14px;background:#fff;padding:0;aspect-ratio:1/1;overflow:hidden;cursor:pointer;transition:.2s}
.galeri-kucuk button.aktif,.galeri-kucuk button:hover{border-color:var(--primary);box-shadow:0 8px 22px rgba(29,111,242,.16)}
.galeri-kucuk img{width:100%;height:100%;object-fit:contain;padding:6px}
.fiyat-kutu{border:1px solid var(--line);border-radius:16px;padding:28px;background:var(--soft)}
.fiyat-buyuk{font-size:clamp(30px,3.4vw,42px);font-weight:900;letter-spacing:-.03em;color:var(--ink);margin:6px 0 4px}
.fiyat-alt{font-size:13px;color:var(--muted);font-weight:800}
.ozellik-kutu{margin-top:22px;border:1px solid var(--line);border-radius:16px;padding:28px;background:#fff}
.ozellik-kutu h2{margin:0 0 16px;font-size:24px;letter-spacing:-.03em}
.ozellik-tablo{width:100%;border-collapse:collapse;font-size:15px}
.ozellik-tablo tr{border-bottom:1px solid var(--line)}
.ozellik-tablo tr:last-child{border-bottom:0}
.ozellik-tablo th{text-align:left;padding:11px 14px 11px 0;color:var(--muted);font-weight:800;width:46%;vertical-align:top}
.ozellik-tablo td{padding:11px 0;font-weight:800;color:var(--ink)}

/* Açıklama içeriği */
.katalog-icerik{max-width:900px}
.katalog-icerik h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.035em;line-height:1.15;margin:34px 0 14px}
.katalog-icerik h3{font-size:21px;margin:26px 0 10px;color:var(--dark)}
.katalog-icerik p,.katalog-icerik li{font-size:16px;line-height:1.8;color:#475569}
.katalog-icerik ul{padding-left:22px}
.katalog-icerik li{margin:6px 0}
.katalog-icerik table{width:100%;border-collapse:collapse;margin:16px 0}
.katalog-icerik table td,.katalog-icerik table th{border:1px solid var(--line);padding:9px 12px;font-size:14px}

@media(max-width:980px){
  .urun-izgara{grid-template-columns:repeat(2,1fr)}
  .detay-izgara{grid-template-columns:1fr;gap:26px}
  .galeri-kucuk{grid-template-columns:repeat(5,1fr)}
}
@media(max-width:640px){
  .urun-izgara{grid-template-columns:1fr}
  .urun-detay-ust{padding:40px 0}
  .urun-hero{padding:58px 0 42px}
}

/* ============================================================
   Halı Yıkama kataloğu — varyant seçici + teklif/başlangıç fiyat
   (style.css --primary/--line/--soft/--dark/--muted değişkenleri)
   ============================================================ */
.fiyat-onek{font-size:13px;font-weight:700;color:var(--muted);letter-spacing:0}
.urun-fiyat b.teklif,.fiyat-buyuk .teklif{color:var(--primary)}
.urun-fiyat b.teklif{font-size:17px}

.varyant-secim{margin-top:22px;border-top:1px solid var(--line);padding-top:20px}
.varyant-baslik{font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.varyant-liste{display:grid;gap:10px;max-height:360px;overflow-y:auto;padding-right:4px}
.varyant-oge{display:grid;grid-template-columns:1fr auto;grid-template-areas:"model fiyat" "ozet fiyat";
  gap:2px 14px;text-align:left;width:100%;cursor:pointer;background:#fff;border:1.5px solid var(--line);
  border-radius:14px;padding:14px 16px;transition:.18s;align-items:center}
.varyant-oge:hover{border-color:rgba(29,111,242,.45);box-shadow:0 10px 26px rgba(8,19,38,.06)}
.varyant-oge .v-model{grid-area:model;font-weight:900;font-size:15px;color:var(--dark)}
.varyant-oge .v-ozet{grid-area:ozet;font-size:12.5px;color:var(--muted);line-height:1.4}
.varyant-oge .v-fiyat{grid-area:fiyat;font-weight:900;font-size:15px;color:var(--dark);white-space:nowrap}
.varyant-oge.aktif{border-color:var(--primary);background:rgba(29,111,242,.05);box-shadow:0 0 0 1px var(--primary) inset}
.varyant-oge.aktif .v-model,.varyant-oge.aktif .v-fiyat{color:var(--primary)}
.varyant-liste::-webkit-scrollbar{width:8px}
.varyant-liste::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}

/* detay sayfası ızgara (zemin ile aynı görünüm, katalog.css'te tanımlı değilse) */
.detay-izgara{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:start}
.galeri-ana{aspect-ratio:1/1;background:#f7fafe;border:1px solid var(--line);border-radius:20px;overflow:hidden;display:grid;place-items:center}
.galeri-ana img{width:100%;height:100%;object-fit:contain;padding:24px}
.galeri-kucuk{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.galeri-kucuk button{width:74px;height:74px;border:1.5px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;cursor:pointer;padding:4px;transition:.18s}
.galeri-kucuk button.aktif{border-color:var(--primary)}
.galeri-kucuk img{width:100%;height:100%;object-fit:contain}
.fiyat-kutu{background:#0b1c33;color:#fff;border-radius:20px;padding:28px}
.fiyat-kutu .eyebrow{opacity:.9}
.fiyat-buyuk{font-size:34px;font-weight:900;letter-spacing:-.03em;margin:8px 0 6px}
.fiyat-alt{color:#cbd5e1;font-size:13px;line-height:1.6}
.fiyat-kutu .varyant-secim{border-top-color:rgba(255,255,255,.14)}
.fiyat-kutu .varyant-baslik{color:#9fb2cf}
.fiyat-kutu .varyant-oge{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.16)}
.fiyat-kutu .varyant-oge .v-model,.fiyat-kutu .varyant-oge .v-fiyat{color:#fff}
.fiyat-kutu .varyant-oge .v-ozet{color:#aebfd8}
.fiyat-kutu .varyant-oge:hover{border-color:rgba(120,170,255,.6)}
.fiyat-kutu .varyant-oge.aktif{background:rgba(29,111,242,.22);border-color:#4f93ff;box-shadow:0 0 0 1px #4f93ff inset}
.fiyat-kutu .varyant-oge.aktif .v-model,.fiyat-kutu .varyant-oge.aktif .v-fiyat{color:#fff}
.ozellik-kutu{margin-top:24px;border:1px solid var(--line);border-radius:20px;padding:26px}
.ozellik-kutu h2{font-size:20px;margin:0 0 14px}
.ozellik-tablo{width:100%;border-collapse:collapse;font-size:14px}
.ozellik-tablo th,.ozellik-tablo td{text-align:left;padding:11px 4px;border-bottom:1px solid var(--line);vertical-align:top}
.ozellik-tablo th{font-weight:800;color:var(--muted);width:46%}
.ozellik-tablo td{color:var(--dark);font-weight:700}
@media(max-width:800px){.detay-izgara{grid-template-columns:1fr;gap:26px}}