/* ── Default tema rötuşları (en son yüklenir) ───────────────── */

/* Kategori hero: başlık + açıklama + meta dikey akış */
.cg-hero{padding:34px 34px 30px;border-radius:var(--oc-radius,20px)}
.cg-hero-in{display:block;max-width:780px}
.cg-hero h1{margin:.35rem 0 .5rem;letter-spacing:-.025em;font-size:clamp(30px,3.6vw,46px)}
.cg-desc{max-width:58ch;line-height:1.65}
.cg-meta{width:auto;margin-top:1rem;display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border:1px solid var(--oc-border,rgba(0,0,0,.08));border-radius:999px;background:rgba(0,0,0,.03);font-weight:500}

/* Giriş / kayıt: sol panel koyu, okunur kontrast */
.pauth{border-radius:var(--oc-radius,20px);overflow:hidden}
.pauth-side{background:var(--oc-ink);color:var(--oc-base)}
.pauth-side p,.pauth-side li{color:rgba(255,255,255,.74)}
.pauth-side .pa-brand{color:#fff;font-weight:700}
.pauth-side .login-sub{color:rgba(255,255,255,.95);font-weight:600;letter-spacing:.01em}
.pauth-side .pa-art{color:#fff;opacity:.55}
.pauth-side .pa-perks li{border-color:rgba(255,255,255,.16)}

/* Ürün: teknik özellikler tablosu ve başlık dengesi */
#teknik-ozellikler .sec-head h2{font-size:clamp(22px,2.2vw,30px);letter-spacing:-.02em}
.spec-table{border-radius:14px;overflow:hidden;border:1px solid rgba(0,0,0,.09)}
.spec-table td:first-child{color:var(--oc-ink-2)}
.spec-table tr.spec-group td{background:var(--oc-surface-2);color:var(--oc-ink-2)}
.spec-table td{padding:12px 18px}
.spec-table .spec-group td{background:rgba(0,0,0,.04);font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:11px}
.product{gap:clamp(24px,4vw,56px)}
.pinfo h1{letter-spacing:-.02em}

/* Boş durumlar */
.empty{padding:48px 20px}
.empty h2{font-size:clamp(24px,3vw,32px);text-transform:none;letter-spacing:-.02em}
.empty p{font-size:13px}

/* Bölüm başlıkları */
.sec-head h2{letter-spacing:-.02em}

@media (max-width:760px){
  .cg-hero{padding:22px 18px}
  .cg-meta{margin-top:.75rem;font-size:12px}
  .empty{padding:36px 16px}
}

/* Ürün puanlama kutusu (çekirdek .rating-sum flex kuralıyla çakışmasın) */
.rating-sum{display:block;width:100%}
.rating-big{font-size:34px;font-weight:800;letter-spacing:-.03em;color:var(--oc-ink)}
.rating-stars{margin:6px 0 2px;font-size:16px;letter-spacing:2px;color:#d9a441}
.rating-count{font-size:12.5px;color:var(--oc-ink-3)}
.rating-bars{margin-top:12px;display:flex;flex-direction:column;gap:4px;width:100%}
.rb-row{width:100%;display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--oc-ink-3)}
.rb-row .rb-bar{flex:1 1 auto;min-width:40px;height:6px;border-radius:99px;background:var(--oc-surface-2);overflow:hidden}
.rb-row .rb-bar i{display:block;height:100%;background:#d9a441;border-radius:99px}
.rb-row em{font-style:normal;width:18px;text-align:right}
.rating-box--solo{grid-template-columns:1fr}
.rating-box--solo .rating-sum{display:none}

/* Sayfa başlığı ile içerik arasındaki gereksiz boşluk */
.page-head{padding:38px 0 10px}
.page-head h1{font-size:clamp(28px,3.4vw,40px);text-transform:none;letter-spacing:-.025em;margin:6px 0 6px}
.page-head p{font-size:12.5px}
.page-head + .section{padding-top:16px}

/* Koleksiyonlar (tüm kategoriler) sayfası */
.cat-crumbs ol{list-style:none;display:flex;align-items:center;gap:8px;margin:0;padding:16px 0;font-size:12.5px;color:var(--oc-ink-3)}
.cat-crumbs li+li:before{content:"/";margin-right:8px;color:var(--oc-ink-3)}
.cat-crumbs a{color:var(--oc-ink-2)}
.cat-crumbs a:hover{color:var(--oc-accent)}
.collections-hero{padding:34px 0 20px;text-align:center}
.collections-hero h1{font-family:var(--oc-head,inherit);font-size:clamp(28px,3.4vw,42px);font-weight:700;text-transform:none;letter-spacing:-.025em;margin:6px 0 10px;color:var(--oc-ink)}
.collections-hero p{color:var(--oc-ink-2)}
.collections-meta{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:14px}
.collections-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-bottom:48px}
.collection-card{border-radius:18px;border-color:rgba(0,0,0,.08);box-shadow:0 10px 26px -22px rgba(0,0,0,.5);background:var(--oc-surface);min-height:268px}
.collection-card:hover{box-shadow:0 18px 40px -26px rgba(0,0,0,.5);border-color:rgba(0,0,0,.16)}
.collection-card:not(.has-img):before{opacity:.6;background:linear-gradient(160deg,var(--oc-surface-2,#f6f6f8),var(--oc-surface,#fff))}
.collection-tx b{font-family:var(--oc-head,inherit);font-size:20px;font-weight:700;text-transform:none;letter-spacing:-.01em;color:var(--oc-ink)}
.collection-tx i{color:var(--oc-ink-2)}
.collection-tx small{color:var(--oc-ink-3)}
.collection-ic{background:var(--oc-accent,#00754a);color:#fff;box-shadow:none}
.collection-subs em{background:rgba(0,0,0,.05);color:var(--oc-ink-2)}
.collection-go{color:var(--oc-accent,#00754a)}
@media(max-width:1000px){.collections-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.collections-grid{grid-template-columns:1fr}}

/* Ürün ızgarası (kategori / arama): kompakt kart oranı ve detay */
.pgrid[data-ratio="portrait"]{--pratio:4/5}
.pgrid[data-ratio="square"]{--pratio:1/1}
.pgrid .pimg,.pgrid .pimg img,.pgrid .pimg-img{aspect-ratio:var(--pratio,4/5)}
.pgrid .pbody{padding-top:12px;gap:.3rem}
.pgrid .pbody h3{font-size:var(--oc-step-0,15px);font-weight:600;line-height:1.35;color:var(--oc-ink)}
.pgrid .pbody h3 a:hover{text-decoration:underline}
.pgrid .pprice strong{font-size:1.05rem;font-weight:700;color:var(--oc-ink)}
.pgrid .pact{margin-top:10px;gap:10px}
.pgrid .pbtn{font-weight:600}
.site-footer{margin-top:44px}