/* Parça (preset: parca) — beyaz eşya ve küçük ev aleti yedek parçası satan mağazalar için vitrin.
   Fikir: cihazın tip etiketi. Giriş, fırçalanmış çelik bir cihaz kapağına yapışmış beyaz bir tip etiketidir: başlık etikete
   basılıdır, "Model / parça kodu" etiketin satırıdır ve mağazanın arama adresine gider; altında etiketin değer hücreleri gibi
   gerçek sayılar. Yanında "etiket nerede?" cihaz çizimleri (sarı işaret). Ardından cihaz markası etiketleri, parça dolabı
   (her parça grubu buzlu camlı bir çekmece) ve askılı parça poşetleri (ürün kartı: askı deliği, poşet etiketi, işaretli kodlar).
   Renkler: --store-primary grafit (yazı, düğme, alt bilgi), --store-accent sinyal sarısı (yalnız işaret ve ana arama düğmesi;
   üstüne her zaman grafit yazılır). Yazı tipi yerel dosyadır (fonts/, SIL OFL 1.1): Asap, genişlik 75–100 ve kalınlık 400–800
   eksenli tek dosya (Türkçe harfler ve ₺ dahil); başlıklar dar kesim (font-stretch). Dış yazı tipi, dış adres, CSS içe aktarma ve
   gömülü veri adresi kullanılmaz. */

@font-face { font-family: "Asap"; src: url("fonts/asap-tr.woff2") format("woff2"); font-weight: 400 800; font-stretch: 75% 100%; font-style: normal; font-display: swap; }
/* Yazı tipi gelene kadar benzer ölçülü yedek: ilk boyamada satırlar kaymaz. */
@font-face { font-family: "Asap Yedek"; src: local("Arial"); size-adjust: 97%; ascent-override: 96%; descent-override: 22%; line-gap-override: 0%; }

body[data-preset="parca"] {
    --pc-ink: var(--store-primary, #1d2125);
    --pc-text: var(--store-text, #1d2125);
    --pc-signal: var(--store-accent, #ffcf3a);
    /* İkinci marka rengi ve tonları: ayarda yoksa vurgu rengine düşer (sayfa başındaki <style> ile ezilir). */
    --pc-signal-text: var(--pc-ink);
    --pc-second: var(--pc-signal);
    --pc-second-text: var(--pc-ink);
    --pc-mark: var(--pc-signal);
    --pc-mark-soft: #fff6d2;
    --pc-link-line: #aeb7be;
    /* Yüzey tonları ve birincil eylem: varsayılan gri çelik / grafit. "brand_surfaces" ayarıyla sayfa başındaki <style> bunları
       marka renklerinden türetilmiş tonlarla ezer (ayar yokken görünüm aynı). */
    --pc-hero-1: #edf0f2; --pc-hero-2: #dfe4e7; --pc-hero-3: #e9ecee; --pc-hero-4: #d9dee2; --pc-hero-base: #e2e6e9; --pc-hero-edge: #c9d0d5;
    --pc-stage-2: #f1f3f5; --pc-stage-3: #dde2e6;
    --pc-cabinet-1: #30363c; --pc-cabinet-2: #262b30;
    --pc-drawer-1: #f6f8f9; --pc-drawer-2: #e8ecef; --pc-drawer-3: #dde2e6;
    --pc-action: var(--pc-ink); --pc-action-hover: #000; --pc-action-text: #fff;
    --pc-on-dark: #fff;
    --pc-motif: none;
    --pc-steel: #535d66;
    --pc-soft: #5f6972;
    --pc-line: #d3d9dd;
    --pc-line-strong: #aeb7be;
    --pc-paper: #ffffff;
    --pc-mist: #f3f5f6;
    --pc-alu: #e3e7ea;
    --pc-ok: #17693c;
    --pc-miss: #8a3b00;
    --pc-font: Asap, "Asap Yedek", Arial, sans-serif;
    --pc-narrow: 78%;
    --pc-r: 8px;
}

/* ---------- Temel ---------- */
body[data-preset="parca"] { margin: 0; background: var(--pc-paper); color: var(--pc-text); font: 400 16px/1.55 var(--pc-font); -webkit-font-smoothing: antialiased; font-kerning: normal; }
:where(body[data-preset="parca"]) *, :where(body[data-preset="parca"]) *::before, :where(body[data-preset="parca"]) *::after { box-sizing: border-box; }
:where(body[data-preset="parca"]) :is(h1, h2, h3, p, dl, dd, figure, ul) { margin: 0; }
:where(body[data-preset="parca"]) :is(h1, h2, h3) { font-weight: 700; line-height: 1.12; letter-spacing: -.005em; }
:where(body[data-preset="parca"]) :is(button, input, select, textarea) { font: inherit; color: inherit; }
/* Yalnız temanın kendi düğmeleri sıfırlanır; ortak ekranların (Tailwind sınıflı) düğmelerine dokunulmaz. */
:where(.pc-menu-btn, .pc-icon-btn, .pc-action-btn, .pc-btn, .pc-btn-signal, .pc-add, .pc-filter-apply, .pc-filter-toggle, .pc-zoom-btn, .pc-gallery-main, .pc-header-search button, .pc-qty button, .pc-check-row button, .pc-thumbs button, .pc-footer nav button, .pc-list-search button, .pc-lightbox-nav button) { padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: pointer; }
:where(body[data-preset="parca"]) button:disabled { cursor: default; opacity: .45; }
:where(body[data-preset="parca"]) a { color: inherit; text-decoration: none; }
:where(body[data-preset="parca"]) :is(a, button) { touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
:where(body[data-preset="parca"]) :is(a, button, input, select, textarea, summary):focus-visible { outline: 3px solid var(--pc-ink); outline-offset: 3px; box-shadow: 0 0 0 6px var(--pc-signal); }
:where(body[data-preset="parca"]) img { display: block; max-width: 100%; }
:where(body[data-preset="parca"]) mark { color: var(--pc-ink); }
body[data-preset="parca"] [hidden] { display: none !important; }
.pc-ico { width: 20px; height: 20px; flex-shrink: 0; }
.pc-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.pc-nowrap { white-space: nowrap; }
.pc-shell { width: min(1280px, calc(100% - 64px)); margin-inline: auto; }
.pc-skip { position: absolute; left: 12px; top: -60px; z-index: 90; padding: 10px 16px; border-radius: 6px; background: var(--pc-ink); color: #fff; font-weight: 600; }
.pc-skip:focus { top: 12px; }
#pc-main { display: block; height: 0; outline: 0; }

/* Model / parça kodu işareti: fosforlu kalemle çizilmiş gibi (yalnız yazının ortası). */
body[data-preset="parca"] mark, .pc-fit mark { padding: 0 .28em; border-radius: 2px; background: linear-gradient(transparent 14%, var(--pc-mark) 14%, var(--pc-mark) 90%, transparent 90%); font-stretch: 86%; font-weight: 700; letter-spacing: .02em; font-variant-numeric: tabular-nums; -webkit-box-decoration-break: clone; box-decoration-break: clone; }

/* ---------- Düğmeler ---------- */
.pc-btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; padding: 0 20px; border: 1.5px solid var(--pc-action); border-radius: var(--pc-r); background: var(--pc-action); color: var(--pc-action-text); font-weight: 650; font-size: 15.5px; line-height: 1.1; text-align: center; }
.pc-btn:hover { background: var(--pc-action-hover); border-color: var(--pc-action-hover); }
.pc-btn.is-outline { border-color: var(--pc-ink); background: transparent; color: var(--pc-ink); }
.pc-btn.is-outline:hover { background: var(--pc-mist); }
.pc-btn .pc-ico { width: 19px; height: 19px; }
.pc-btn-signal { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 58px; padding: 0 28px; border-radius: var(--pc-r); background: var(--pc-signal); color: var(--pc-ink); font-weight: 750; font-size: 18px; font-stretch: 88%; box-shadow: inset 0 0 0 2px var(--pc-ink); }
.pc-btn-signal:hover { background: color-mix(in srgb, var(--pc-signal) 82%, #fff); }
.pc-btn-signal .pc-ico { width: 21px; height: 21px; stroke-width: 2; }
.pc-full { width: 100%; }
.pc-link { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; font-size: 15px; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 5px; text-decoration-color: var(--pc-link-line); white-space: nowrap; }
.pc-link:hover { color: var(--pc-second-text); text-decoration-color: currentColor; }
.pc-icon-btn { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; }
.pc-icon-btn:hover { background: var(--pc-mist); }
.pc-input { width: 100%; min-height: 48px; padding: 10px 14px; border: 1.5px solid var(--pc-line-strong); border-radius: var(--pc-r); background: #fff; font-size: 16px; }
.pc-input:focus { border-color: var(--pc-ink); outline: none; }

/* ---------- Duyuru şeridi ---------- */
.pc-notice { background: var(--pc-signal); color: var(--pc-ink); font-size: 14px; font-weight: 600; line-height: 1.35; }
.pc-notice .pc-shell { display: flex; align-items: center; justify-content: center; gap: 8px 28px; flex-wrap: wrap; min-height: 34px; padding: 6px 0; text-align: center; }
.pc-notice-ship { font-weight: 500; }

/* Marka şeridi (ayardaki gerçek bilgi + telefon / WhatsApp) */
.pc-topbar { background: var(--pc-ink); color: #fff; font-size: 13.5px; line-height: 1.3; }
.pc-topbar .pc-shell { display: flex; align-items: center; justify-content: space-between; gap: 6px 24px; min-height: 36px; padding: 6px 0; }
.pc-topbar p { font-weight: 500; }
.pc-topbar-contact { display: flex; align-items: center; gap: 4px 20px; margin-left: auto; }
.pc-topbar-contact a { display: inline-flex; align-items: center; gap: 7px; min-height: 30px; color: var(--pc-on-dark); font-weight: 650; }
.pc-topbar-contact a:hover { text-decoration: underline; text-underline-offset: 3px; }
.pc-topbar-contact .pc-ico { width: 16px; height: 16px; }
.pc-topbar :focus-visible { outline-color: #fff; box-shadow: none; }

/* ---------- Başlık ---------- */
.pc-header { position: sticky; top: 0; z-index: 40; background: rgba(255, 255, 255, .97); border-bottom: 1px solid var(--pc-line); backdrop-filter: saturate(1.4) blur(6px); }
.pc-header::after, .pc-footer::before { content: ""; position: absolute; left: 0; right: 0; height: 3px; background: var(--pc-motif); pointer-events: none; }
.pc-header::after { bottom: -1px; }
.pc-footer::before { top: 0; }
.pc-header-row { display: grid; grid-template-columns: auto minmax(0, 1fr) minmax(250px, 320px) auto; grid-template-areas: "logo nav search actions"; align-items: center; gap: 28px; min-height: 74px; }
.pc-menu-btn { display: none; grid-area: menu; width: 44px; height: 44px; place-items: center; border-radius: 50%; margin-left: -10px; }
.pc-menu-btn .pc-ico { width: 24px; height: 24px; }
.pc-logo { grid-area: logo; display: flex; align-items: center; min-height: 44px; }
.pc-logo picture { display: flex; }
.pc-logo img { width: auto; height: 46px; max-width: 230px; object-fit: contain; object-position: left center; }
.pc-wordmark { position: relative; display: inline-flex; align-items: center; gap: 9px; font-size: 29px; font-weight: 800; font-stretch: 75%; letter-spacing: -.01em; line-height: 1; color: var(--pc-ink); }
.pc-wordmark::before { content: ""; width: 11px; height: 22px; border-radius: 2px; background: var(--pc-signal); box-shadow: inset 0 0 0 2px var(--pc-ink); }
.pc-nav { grid-area: nav; display: flex; align-items: stretch; gap: 2px; min-width: 0; height: 74px; overflow: hidden; }
.pc-nav-btn { position: relative; display: flex; align-items: center; gap: 3px; padding: 0 10px; font-size: 15px; font-weight: 600; color: var(--pc-steel); white-space: nowrap; }
.pc-nav-btn:hover, .pc-nav-btn[aria-expanded="true"], .pc-nav-btn.is-current { color: var(--pc-ink); }
.pc-nav-btn[aria-expanded="true"]::after, .pc-nav-btn.is-current::after, .pc-nav-btn:hover::after { content: ""; position: absolute; left: 10px; right: 10px; bottom: -1px; height: 4px; border-radius: 2px 2px 0 0; background: var(--pc-signal); }
.pc-nav-chevron { width: 16px; height: 16px; transition: transform .15s ease; }
.pc-nav-btn[aria-expanded="true"] .pc-nav-chevron { transform: rotate(180deg); }
.pc-nav-btn:focus-visible { outline-offset: -3px; box-shadow: none; }
/* Açılır menü paneli: başlığın altında, tam genişlik */
.pc-mega { position: absolute; left: 0; right: 0; top: 100%; z-index: 41; border-top: 1px solid var(--pc-line); background: #fff; box-shadow: 0 28px 40px -26px rgba(29, 33, 37, .5); }
.pc-mega-grid { display: flex; align-items: flex-start; gap: 40px; padding: 26px 0 30px; }
.pc-mega-intro { flex: 0 0 340px; display: flex; gap: 16px; padding-right: 32px; border-right: 1px solid var(--pc-line); }
.pc-mega-art { display: grid; place-items: center; flex: 0 0 76px; height: 76px; border-radius: 10px; background: var(--pc-mist); box-shadow: inset 0 0 0 1px var(--pc-line); }
.pc-mega-art .pc-appliance { width: 60px; height: 60px; }
.pc-mega-intro h2 { font-size: 26px; font-weight: 760; font-stretch: 78%; }
.pc-mega-intro p { margin: 6px 0 14px; color: var(--pc-steel); font-size: 14.5px; line-height: 1.45; }
.pc-mega-intro .pc-btn { min-height: 42px; padding: 0 16px; font-size: 14.5px; }
.pc-mega-col { flex: 1 1 0; min-width: 0; }
.pc-mega-col h3, .pc-mega-products::before { display: block; margin-bottom: 8px; color: var(--pc-steel); font-size: 13.5px; font-weight: 650; }
.pc-mega-col ul { margin: 0; padding: 0; list-style: none; }
.pc-mega-col li a { display: inline-block; padding: 5px 0; font-size: 15.5px; font-weight: 500; }
.pc-mega-col li a:hover { text-decoration: underline; text-underline-offset: 4px; }
.pc-mega-codes { display: flex; flex-wrap: wrap; gap: 6px 8px; }
.pc-mega-codes li a { padding: 2px 0; font-size: 15px; }
.pc-mega-products { flex: 0 0 300px; display: grid; gap: 10px; }
.pc-mega-products a { display: grid; grid-template-columns: 64px minmax(0, 1fr); align-items: center; gap: 12px; padding: 6px; border-radius: 8px; }
.pc-mega-products a:hover { background: var(--pc-mist); }
.pc-mega-products span { display: grid; place-items: center; width: 64px; height: 64px; overflow: hidden; border-radius: 6px; background: #fff; box-shadow: inset 0 0 0 1px var(--pc-line); }
.pc-mega-products img { width: 100%; height: 100%; object-fit: contain; }
.pc-mega-products strong { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; font-weight: 600; line-height: 1.3; }
.pc-head-actions { grid-area: actions; display: flex; align-items: center; gap: 6px; }
.pc-head-link { position: relative; display: inline-flex; align-items: center; gap: 7px; min-height: 44px; padding: 0 10px; border-radius: var(--pc-r); font-size: 15px; font-weight: 600; }
.pc-head-link:hover { background: var(--pc-mist); }
.pc-head-link .pc-ico { width: 22px; height: 22px; }
.pc-head-link b { min-width: 21px; height: 21px; padding: 0 6px; border-radius: 11px; background: var(--pc-signal); color: var(--pc-ink); box-shadow: inset 0 0 0 1.5px var(--pc-ink); font-size: 12.5px; line-height: 21px; text-align: center; font-variant-numeric: tabular-nums; }

/* Arama kutusu (başlık) ve canlı öneriler */
.pc-header-search { grid-area: search; position: relative; display: flex; align-items: center; height: 46px; border: 1.5px solid var(--pc-line-strong); border-radius: var(--pc-r); background: #fff; }
.pc-header-search:focus-within { border-color: var(--pc-ink); }
.pc-search-ico { display: grid; place-items: center; width: 40px; color: var(--pc-soft); }
.pc-search-ico .pc-ico { width: 19px; height: 19px; }
.pc-header-search input { flex: 1; min-width: 0; height: 100%; border: 0; background: none; font-size: 15.5px; outline: none; }
.pc-header-search input::placeholder { color: var(--pc-soft); }
.pc-header-search input:focus-visible { outline: none; box-shadow: none; }
.pc-header-search button { height: 36px; margin-right: 4px; padding: 0 14px; border-radius: 6px; background: var(--pc-action); color: var(--pc-action-text); font-size: 14.5px; font-weight: 650; }
.pc-suggest { position: absolute; top: calc(100% + 8px); left: 0; right: 0; z-index: 50; min-width: min(420px, calc(100vw - 32px)); max-height: min(70vh, 520px); overflow: auto; padding: 6px; border: 1px solid var(--pc-line); border-radius: 10px; background: #fff; box-shadow: 0 20px 40px -18px rgba(29, 33, 37, .45); }
.pc-suggest-item { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 8px; border-radius: 7px; color: var(--pc-ink); }
.pc-suggest-item:hover, .pc-suggest-item.is-active { background: var(--pc-mist); }
.pc-suggest-thumb { display: grid; place-items: center; width: 48px; height: 48px; overflow: hidden; border: 1px solid var(--pc-line); border-radius: 6px; background: #fff; }
.pc-suggest-thumb img { width: 100%; height: 100%; object-fit: contain; }
.pc-suggest-body { min-width: 0; }
.pc-suggest-body strong { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14.5px; font-weight: 600; line-height: 1.3; }
.pc-suggest-body small { display: block; margin-top: 2px; color: var(--pc-soft); font-size: 13px; font-stretch: 86%; }
.pc-suggest-item b { font-size: 15px; font-weight: 700; white-space: nowrap; }
.pc-suggest-empty { padding: 12px 10px 6px; color: var(--pc-steel); font-size: 14.5px; }
.pc-suggest-all { display: block; margin-top: 4px; padding: 11px 10px; border-top: 1px solid var(--pc-line); font-weight: 650; font-size: 14.5px; }
.pc-suggest-all:hover { text-decoration: underline; }

/* Telefon menüsü */
.pc-menu { width: min(420px, 100vw); max-width: 100vw; height: 100dvh; max-height: 100dvh; margin: 0 auto 0 0; padding: 0; border: 0; background: #fff; color: var(--pc-ink); }
.pc-menu::backdrop { background: rgba(20, 23, 26, .5); }
.pc-menu-head { display: flex; align-items: center; justify-content: space-between; padding: 14px 14px 14px 20px; border-bottom: 1px solid var(--pc-line); }
.pc-menu-head h2 { font-size: 22px; font-stretch: var(--pc-narrow); }
.pc-menu-body { padding: 8px 20px 28px; }
.pc-menu-links { display: grid; padding: 8px 0; }
.pc-menu-links + .pc-menu-links { border-top: 1px solid var(--pc-line); }
.pc-menu-links a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 50px; font-size: 17px; font-weight: 600; }
.pc-menu-links small { color: var(--pc-soft); font-size: 14px; font-weight: 500; }
.pc-menu-links.is-small a { min-height: 46px; font-size: 15.5px; font-weight: 500; }
.pc-menu-groups { display: grid; padding: 4px 0 8px; }
.pc-menu-group { border-bottom: 1px solid var(--pc-line); }
.pc-menu-group summary { display: flex; align-items: center; gap: 10px; min-height: 54px; font-size: 17px; font-weight: 600; cursor: pointer; list-style: none; }
.pc-menu-group summary::-webkit-details-marker { display: none; }
.pc-menu-group summary small { margin-left: auto; color: var(--pc-soft); font-size: 14px; font-weight: 500; }
.pc-menu-chevron { width: 18px; height: 18px; transition: transform .15s ease; }
.pc-menu-group[open] .pc-menu-chevron { transform: rotate(180deg); }
.pc-menu-group-body { display: grid; gap: 2px; padding: 0 0 16px; }
.pc-menu-group-body > a { display: flex; align-items: center; justify-content: space-between; min-height: 42px; font-size: 15.5px; }
.pc-menu-all { font-weight: 650; }
.pc-menu-label { margin: 8px 0 4px; color: var(--pc-steel); font-size: 13px; font-weight: 650; }
.pc-menu-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.pc-menu-chips a { display: inline-flex; align-items: center; min-height: 38px; padding: 0 12px; border-radius: 19px; box-shadow: inset 0 0 0 1px var(--pc-line-strong); font-size: 14.5px; }

/* ---------- Giriş: fırçalanmış çelik kapak + tip etiketi ---------- */
.pc-hero { position: relative; overflow: hidden; border-bottom: 1px solid var(--pc-hero-edge); background-color: var(--pc-hero-base); background-image: repeating-linear-gradient(180deg, rgba(255, 255, 255, .55) 0 1px, rgba(255, 255, 255, 0) 1px 3px, rgba(120, 132, 141, .07) 3px 4px), linear-gradient(105deg, var(--pc-hero-1) 0%, var(--pc-hero-2) 46%, var(--pc-hero-3) 70%, var(--pc-hero-4) 100%); }
.pc-hero-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.3fr); align-items: stretch; gap: clamp(24px, 2.6vw, 40px); padding: clamp(36px, 5vw, 64px) 0 clamp(40px, 5vw, 72px); }
.pc-hero-grid.is-solo { grid-template-columns: minmax(0, 860px); justify-content: center; }
.pc-hero-grid > * { min-width: 0; }
.pc-plate { position: relative; padding: 26px clamp(20px, 2.6vw, 36px) 0; border-radius: 14px; background: linear-gradient(180deg, #ffffff 0%, #fbfbfa 55%, #f3f4f3 100%); color: var(--pc-ink); box-shadow: 0 0 0 1px rgba(29, 33, 37, .16), 0 1px 0 1px rgba(255, 255, 255, .9), 0 2px 3px rgba(29, 33, 37, .1), 0 24px 44px -28px rgba(29, 33, 37, .55); }
/* Etiket kenarındaki ince baskı çerçevesi */
.pc-plate::before { content: ""; position: absolute; inset: 8px; border: 1.5px solid rgba(29, 33, 37, .82); border-radius: 9px; pointer-events: none; }
.pc-plate > * { position: relative; }
.pc-plate-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 4px 4px 14px; border-bottom: 2.5px solid var(--pc-ink); }
.pc-plate-logo { width: auto; height: 40px; max-width: 70%; object-fit: contain; object-position: left center; }
.pc-plate-brand { font-size: clamp(22px, 2vw, 28px); font-weight: 800; font-stretch: 75%; line-height: 1; letter-spacing: -.01em; }
.pc-plate-kind { padding: 4px 10px; border: 1.5px solid var(--pc-ink); border-radius: 4px; font-size: 14px; font-weight: 650; font-stretch: 86%; line-height: 1.2; white-space: nowrap; }
.pc-plate h1 { max-width: 17ch; margin: 22px 4px 12px; font-size: clamp(34px, 3.7vw, 54px); font-weight: 760; font-stretch: 76%; line-height: 1.01; letter-spacing: -.012em; text-wrap: balance; }
.pc-plate-text { max-width: 56ch; margin: 0 4px 22px; color: var(--pc-steel); font-size: 17px; }
.pc-plate-form { border-top: 1px solid rgba(29, 33, 37, .45); }
.pc-plate-row { display: grid; grid-template-columns: 172px minmax(0, 1fr); align-items: center; gap: 18px; padding: 14px 4px; border-bottom: 1px solid rgba(29, 33, 37, .25); }
.pc-plate-row > label { font-size: 15px; font-weight: 650; font-stretch: 88%; line-height: 1.25; }
.pc-plate-field { position: relative; min-width: 0; }
.pc-plate-field input, .pc-plate-field select { width: 100%; height: 60px; padding: 0 18px; border: 2px solid var(--pc-ink); border-radius: var(--pc-r); background: #fff; color: var(--pc-ink); font-size: 26px; font-weight: 700; font-stretch: 82%; letter-spacing: .03em; text-transform: uppercase; }
.pc-plate-field input::placeholder { color: #8b949b; font-weight: 500; letter-spacing: 0; text-transform: none; }
.pc-plate-field select { height: 52px; font-size: 17px; font-weight: 600; font-stretch: 100%; letter-spacing: 0; text-transform: none; padding-right: 44px; appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--pc-ink) 50%), linear-gradient(135deg, var(--pc-ink) 50%, transparent 50%); background-position: calc(100% - 22px) 23px, calc(100% - 16px) 23px; background-size: 6px 6px; background-repeat: no-repeat; }
.pc-plate-field input:focus-visible, .pc-plate-field select:focus-visible { outline: none; box-shadow: 0 0 0 4px var(--pc-signal); }
.pc-plate-field .pc-suggest { min-width: 100%; }
.pc-plate-submit { display: flex; align-items: center; gap: 22px; padding: 18px 4px 22px; }
.pc-plate-submit p { max-width: 40ch; color: var(--pc-steel); font-size: 14.5px; line-height: 1.4; }
.pc-plate-cells { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0 -1px; border-top: 2.5px solid var(--pc-ink); }
.pc-plate-cells[data-count="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pc-plate-cells[data-count="1"] { grid-template-columns: minmax(0, 1fr); }
.pc-plate-cells > div { padding: 12px 14px 20px; border-left: 1px solid rgba(29, 33, 37, .35); }
.pc-plate-cells > div:first-child { border-left: 0; padding-left: 5px; }
.pc-plate-cells dt { color: var(--pc-steel); font-size: 13.5px; font-weight: 600; font-stretch: 88%; }
.pc-plate-cells dd { margin-top: 2px; font-size: 32px; font-weight: 760; font-stretch: 75%; line-height: 1; font-variant-numeric: tabular-nums; }

/* Etiketin girişteki dar hâli: satır adı alanın üstünde, başlık daha küçük */
.pc-hero .pc-plate h1 { max-width: none; margin-top: 18px; font-size: clamp(30px, 2.55vw, 38px); }
.pc-hero .pc-plate-text { font-size: 15.5px; margin-bottom: 18px; }
.pc-hero .pc-plate-row { grid-template-columns: minmax(0, 1fr); gap: 7px; padding: 12px 4px; }
.pc-hero .pc-plate-field input { height: 56px; font-size: 23px; }
.pc-hero .pc-plate-submit { flex-direction: column; align-items: stretch; gap: 10px; padding: 16px 4px 18px; }
.pc-hero .pc-btn-signal { width: 100%; }

/* ---------- Giriş vitrini: parça grubu sahneleri ---------- */
.pc-stage { position: relative; display: flex; flex-direction: column; min-width: 0; overflow: hidden; border-radius: 16px; background: radial-gradient(120% 95% at 28% 18%, #ffffff 0%, var(--pc-stage-2) 52%, var(--pc-stage-3) 100%); box-shadow: inset 0 0 0 1px rgba(29, 33, 37, .16), inset 0 2px 0 #fff, 0 24px 44px -30px rgba(29, 33, 37, .55); }
.pc-stage-slides { position: relative; flex: 1; display: grid; }
.pc-scene { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.25fr); grid-template-rows: auto minmax(0, 1fr); grid-template-areas: "copy rail" "art rail"; gap: 0 26px; padding: 30px 30px 0; min-height: 100%; }
.pc-scene-art { grid-area: art; position: relative; display: grid; align-content: center; justify-items: start; gap: 12px; min-height: 230px; padding: 8px 0 26px; }
.pc-scene .pc-scene-appliance { width: min(230px, 100%); height: auto; aspect-ratio: 1; stroke-width: 1.1; color: var(--pc-ink); }
.pc-scene-spot { max-width: 32ch; padding: 8px 12px; border-radius: 6px; background: rgba(255, 255, 255, .85); box-shadow: inset 4px 0 0 var(--pc-second), inset 0 0 0 1px rgba(29, 33, 37, .12); color: var(--pc-steel); font-size: 13.5px; line-height: 1.4; }
.pc-scene-spot b { display: block; color: var(--pc-ink); font-size: 13.5px; }
/* Askı çubuğu ve askıdaki parçalar */
.pc-scene-rail { grid-area: rail; position: relative; padding: 46px 0 30px; }
.pc-scene-rail::before { content: ""; position: absolute; left: -8px; right: -8px; top: 18px; height: 9px; border-radius: 5px; background: linear-gradient(180deg, #f7f8f9 0%, #b9c1c7 45%, #8d979f 100%); box-shadow: 0 2px 3px rgba(29, 33, 37, .25); }
.pc-tags { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.pc-tags li { --tilt: -1.6deg; position: relative; transform: rotate(var(--tilt)); transform-origin: 50% -22px; }
.pc-tags li:nth-child(2) { --tilt: 1.3deg; }
.pc-tags li:nth-child(3) { --tilt: -.8deg; }
/* Kanca: çubuktan etiketin deliğine */
.pc-tags li::before { content: ""; position: absolute; left: 50%; top: -28px; width: 2px; height: 30px; transform: translateX(-50%); border-radius: 1px; background: linear-gradient(90deg, #6f7a82, #c3cad0); }
.pc-tag { position: relative; display: grid; gap: 6px; padding: 22px 12px 14px; border-radius: 10px; background: #fff; box-shadow: 0 0 0 1px rgba(29, 33, 37, .14), 0 10px 18px -12px rgba(29, 33, 37, .5); color: var(--pc-ink); }
.pc-tag::before { content: ""; position: absolute; left: 50%; top: 7px; width: 26px; height: 9px; transform: translateX(-50%); border-radius: 5px; background: #e6eaed; box-shadow: inset 0 1.5px 2px rgba(29, 33, 37, .35); }
.pc-tag:hover { box-shadow: 0 0 0 1.5px var(--pc-ink), 0 14px 22px -12px rgba(29, 33, 37, .55); }
.pc-tag-img { display: block; aspect-ratio: 1 / 1; overflow: hidden; }
.pc-tag-img img { width: 100%; height: 100%; object-fit: contain; }
.pc-tag mark { justify-self: start; font-size: 14px; }
.pc-tag-brand { font-size: 13.5px; font-weight: 720; font-stretch: 86%; }
.pc-tag-name { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 13.5px; font-weight: 600; line-height: 1.3; }
.pc-tag b { font-size: 19px; font-weight: 760; font-stretch: 80%; font-variant-numeric: tabular-nums; }
.pc-scene-copy { grid-area: copy; padding: 0; }
/* Sahnedeki grubun gerçek verisi: adlarda geçen cihaz markaları ve kodlar (etiket satırı gibi) */
.pc-scene-facts { margin: 26px 0 0; border-top: 2px solid var(--pc-ink); }
.pc-scene-facts > div { display: grid; grid-template-columns: 118px minmax(0, 1fr); gap: 12px; padding: 10px 0; border-bottom: 1px solid rgba(29, 33, 37, .2); }
.pc-scene-facts dt { padding-top: 3px; color: var(--pc-steel); font-size: 13.5px; font-weight: 650; }
.pc-scene-facts dd { display: flex; flex-wrap: wrap; gap: 4px 12px; margin: 0; }
.pc-scene-facts a { font-size: 15.5px; font-weight: 700; font-stretch: 86%; }
.pc-scene-facts a:hover { text-decoration: underline; text-underline-offset: 4px; }
.pc-scene-facts mark { font-size: 15px; }
.pc-scene-copy h2 { font-size: clamp(28px, 2.6vw, 40px); font-weight: 780; font-stretch: 76%; line-height: 1; }
.pc-scene-copy p { max-width: 34ch; margin: 8px 0 16px; color: var(--pc-steel); font-size: 15.5px; line-height: 1.45; }
.pc-scene-copy .pc-btn { min-height: 46px; }
.pc-scene-copy .pc-btn .pc-ico { width: 18px; height: 18px; }
/* Sahne sekmeleri ve durdurma düğmesi */
.pc-stage-nav { display: flex; align-items: stretch; border-top: 1px solid rgba(29, 33, 37, .14); background: rgba(255, 255, 255, .6); }
.pc-stage-tabs { display: flex; flex: 1; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.pc-stage-tabs::-webkit-scrollbar { display: none; }
.pc-stage-tabs button { position: relative; flex: 1 1 0; min-width: 118px; display: grid; grid-template-columns: 26px minmax(0, 1fr); grid-template-rows: auto auto; align-items: center; column-gap: 8px; padding: 12px 10px 14px; border-right: 1px solid rgba(29, 33, 37, .1); text-align: left; color: var(--pc-steel); }
.pc-stage-tabs button:hover { color: var(--pc-ink); background: rgba(255, 255, 255, .7); }
.pc-stage-tabs button[aria-current="true"] { background: #fff; color: var(--pc-ink); }
.pc-stage-tabs .pc-tab-appliance { grid-row: 1 / span 2; width: 26px; height: 26px; stroke-width: 2.2; }
.pc-stage-tabs span { overflow: hidden; font-size: 14.5px; font-weight: 700; line-height: 1.2; white-space: nowrap; text-overflow: ellipsis; }
.pc-stage-tabs small { color: var(--pc-soft); font-size: 12.5px; line-height: 1.2; }
.pc-stage-tabs i { position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: var(--pc-signal); transform: scaleX(0); transform-origin: left center; }
.pc-stage-tabs button[aria-current="true"] i { transform: scaleX(1); }
.pc-stage-tabs button:focus-visible { outline-offset: -3px; box-shadow: none; }
.pc-stage-toggle { display: grid; place-items: center; flex: 0 0 54px; color: var(--pc-ink); cursor: pointer; }
.pc-stage-toggle:hover { background: #fff; }
.pc-stage-toggle .pc-ico { width: 18px; height: 18px; }
.pc-stage-toggle .pc-ico-play, .pc-stage-toggle[aria-pressed="true"] .pc-ico-pause { display: none; }
.pc-stage-toggle[aria-pressed="true"] .pc-ico-play { display: block; }
.pc-stage-toggle:focus-visible { outline-offset: -3px; box-shadow: none; }

/* Etiket nerede: cihaz çizimleri (üç adım bölümünde) */
.pc-spot-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 18px; padding: 0; list-style: none; }
.pc-spot-list li { display: grid; grid-template-columns: 64px minmax(0, 1fr); align-items: start; gap: 12px; padding: 12px; border-radius: 10px; background: rgba(255, 255, 255, .78); box-shadow: inset 0 0 0 1px rgba(29, 33, 37, .12); }
.pc-spot-art { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 8px; background: #fff; box-shadow: inset 0 0 0 1px var(--pc-line); color: var(--pc-ink); }
.pc-appliance { width: 54px; height: 54px; }
.pc-appliance .pc-spot { fill: var(--pc-signal); stroke: var(--pc-ink); stroke-width: 1.4; }
.pc-spot-list strong { display: block; font-size: 15.5px; font-weight: 700; line-height: 1.25; }
.pc-spot-list li > span:last-child > span { display: block; margin-top: 3px; color: var(--pc-steel); font-size: 13.5px; line-height: 1.4; }


/* ---------- Bölüm başlığı ---------- */
.pc-section { padding: clamp(44px, 5vw, 72px) 0 0; }
.pc-section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px 24px; margin-bottom: 22px; }
.pc-section-head h2 { font-size: clamp(27px, 2.4vw, 36px); font-weight: 760; font-stretch: 76%; line-height: 1.04; }

/* ---------- Parça dolabı ---------- */
.pc-cabinet { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 14px; border-radius: 12px; background: linear-gradient(180deg, var(--pc-cabinet-1), var(--pc-cabinet-2)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), inset 0 -2px 0 rgba(0, 0, 0, .35), 0 20px 34px -26px rgba(20, 23, 26, .8); }
.pc-cabinet[data-count="2"], .pc-cabinet[data-count="4"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 1101px) { .pc-cabinet[data-count="4"] { grid-template-columns: repeat(4, minmax(0, 1fr)); } .pc-cabinet[data-count="4"] .pc-drawer { grid-template-columns: minmax(0, 1fr) 112px; } }
.pc-drawer { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 132px; grid-template-rows: minmax(0, 1fr) auto; align-items: end; gap: 0 12px; min-height: 196px; padding: 14px 14px 26px; overflow: hidden; border-radius: 7px; background: linear-gradient(180deg, var(--pc-drawer-1) 0%, var(--pc-drawer-2) 62%, var(--pc-drawer-3) 100%); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .7), inset 0 -6px 10px -6px rgba(29, 33, 37, .25); color: var(--pc-ink); transition: transform .18s ease, box-shadow .18s ease; }
/* Çekmece tutamağı */
.pc-drawer::after { content: ""; position: absolute; left: 50%; bottom: 9px; width: 76px; height: 9px; transform: translateX(-50%); border-radius: 0 0 9px 9px; background: linear-gradient(180deg, #8d979f, #c6ced4); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .35); }
.pc-drawer-window { grid-column: 2; grid-row: 1 / span 2; align-self: stretch; display: grid; place-items: center; min-height: 150px; margin-bottom: -4px; overflow: hidden; border-radius: 5px; background: linear-gradient(180deg, rgba(255, 255, 255, .55), rgba(222, 228, 232, .9)); box-shadow: inset 0 0 0 1px rgba(29, 33, 37, .12), inset 0 8px 14px -10px rgba(29, 33, 37, .35); }
.pc-drawer-window img { width: 100%; height: 100%; max-height: 156px; object-fit: contain; mix-blend-mode: multiply; opacity: .94; }
.pc-drawer-window .pc-ico { width: 44px; height: 44px; color: #7d878f; stroke-width: 1.3; }
/* Etiket tutucu: metal çerçeve içinde beyaz kart */
.pc-drawer-card { grid-column: 1; grid-row: 2; display: grid; gap: 2px; padding: 9px 12px 10px; border-radius: 4px; background: #fff; box-shadow: 0 0 0 3px #b7c0c6, 0 0 0 4px #8f99a1, 0 2px 4px 2px rgba(29, 33, 37, .18); }
.pc-drawer-card strong { font-size: 21px; font-weight: 760; font-stretch: 76%; line-height: 1.08; overflow-wrap: anywhere; }
.pc-drawer-card small { color: var(--pc-steel); font-size: 13.5px; font-weight: 600; font-variant-numeric: tabular-nums; }
.pc-drawer-note { grid-column: 1; grid-row: 1; align-self: start; color: var(--pc-steel); font-size: 13.5px; line-height: 1.4; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.pc-drawer:hover { transform: translateY(-3px); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .8), inset 0 -6px 10px -6px rgba(29, 33, 37, .25), 0 10px 0 -6px rgba(0, 0, 0, .45), 0 18px 22px -14px rgba(0, 0, 0, .6); }
.pc-drawer:hover .pc-drawer-card { box-shadow: 0 0 0 3px var(--pc-signal), 0 0 0 4px var(--pc-ink), 0 2px 4px 2px rgba(29, 33, 37, .18); }
.pc-drawer:focus-visible { outline-color: var(--pc-signal); box-shadow: none; }
.pc-drawer.is-all { background: linear-gradient(180deg, var(--pc-hero-1) 0%, var(--pc-hero-2) 100%); }

/* ---------- Ürün ızgarası ve askılı parça poşeti (kart) ---------- */
.pc-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.pc-card { position: relative; display: flex; flex-direction: column; min-width: 0; border-radius: 10px; background: #fff; box-shadow: 0 0 0 1px var(--pc-line), 0 1px 2px rgba(29, 33, 37, .06); }
.pc-card:hover { box-shadow: 0 0 0 1px var(--pc-line-strong), 0 14px 26px -18px rgba(29, 33, 37, .45); }
/* Askı başlığı: poşetin üstündeki karton; ortasında askı deliği, altında kesik dikiş çizgisi */
.pc-card-hanger { position: relative; display: flex; align-items: center; min-height: 38px; padding: 0 12px; border-radius: 10px 10px 0 0; background-color: var(--pc-alu); background-image: repeating-linear-gradient(180deg, rgba(255, 255, 255, .5) 0 1px, transparent 1px 3px); border-bottom: 1.5px dashed #9fa9b0; }
.pc-card-hanger span { max-width: calc(50% - 26px); overflow: hidden; color: var(--pc-steel); font-size: 12.5px; font-weight: 600; font-stretch: 86%; white-space: nowrap; text-overflow: ellipsis; }
.pc-card-hanger i { position: absolute; left: 50%; top: 13px; width: 32px; height: 11px; transform: translateX(-50%); border-radius: 6px; background: var(--pc-paper); box-shadow: inset 0 1.5px 2px rgba(29, 33, 37, .38), 0 0 0 1px rgba(29, 33, 37, .14); }
.pc-card-media { display: block; aspect-ratio: 1 / 1; padding: 16px; overflow: hidden; }
.pc-card-media img { width: 100%; height: 100%; object-fit: contain; }
.pc-noimage { display: grid; place-items: center; width: 100%; height: 100%; border-radius: 6px; background: var(--pc-mist); color: #8a949b; }
.pc-noimage .pc-ico { width: 40px; height: 40px; stroke-width: 1.2; }
.pc-card-label { display: flex; flex: 1; flex-direction: column; gap: 7px; padding: 13px 15px 15px; border-top: 1px solid var(--pc-line); }
.pc-fit { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 6px; font-size: 14.5px; line-height: 1.4; }
.pc-fit-brand { font-weight: 720; font-stretch: 86%; }
.pc-fit-size { color: var(--pc-steel); font-stretch: 86%; font-weight: 600; font-variant-numeric: tabular-nums; }
.pc-card h3 { font-size: 15.5px; font-weight: 600; line-height: 1.32; }
.pc-card h3 a { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.pc-card h3 a::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: 10px; }
.pc-card h3 a:focus-visible { outline: none; box-shadow: none; }
.pc-card:has(h3 a:focus-visible) { outline: 3px solid var(--pc-ink); outline-offset: 3px; }
.pc-card-code { color: var(--pc-soft); font-size: 13px; }
.pc-card-code span { color: var(--pc-steel); font-weight: 600; font-stretch: 86%; font-variant-numeric: tabular-nums; }
.pc-card-buy { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 8px; }
.pc-card-buy form, .pc-card-buy .pc-add { position: relative; z-index: 2; }
.pc-price { display: grid; line-height: 1.1; }
.pc-price strong { font-size: 24px; font-weight: 760; font-stretch: 80%; font-variant-numeric: tabular-nums; white-space: nowrap; }
.pc-price small { margin-top: 3px; color: var(--pc-soft); font-size: 12.5px; }
.pc-price del { margin-right: 4px; }
.pc-price.is-quote strong { font-size: 19px; }
.pc-add { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px; padding: 0 14px; border: 1.5px solid var(--pc-action); border-radius: var(--pc-r); background: var(--pc-action); color: var(--pc-action-text); font-size: 14.5px; font-weight: 650; white-space: nowrap; }
.pc-add:hover { border-color: var(--pc-action-hover); background: var(--pc-action-hover); }
.pc-add .pc-ico { width: 18px; height: 18px; }
.pc-add.is-outline { border-color: var(--pc-ink); background: #fff; color: var(--pc-ink); }
.pc-add.is-outline:hover { background: var(--pc-mist); }
.pc-add.is-disabled { border-color: var(--pc-line); background: var(--pc-mist); color: var(--pc-soft); }

/* ---------- Rehber, soru bandı ---------- */
.pc-guide-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; padding: 0; list-style: none; }
.pc-guide-list a { display: grid; gap: 8px; height: 100%; padding: 20px; border-radius: 10px; box-shadow: inset 0 0 0 1px var(--pc-line); }
.pc-guide-list a:hover { box-shadow: inset 0 0 0 1.5px var(--pc-ink); }
.pc-guide-list strong { font-size: 19px; font-stretch: 84%; line-height: 1.2; }
.pc-guide-list span { color: var(--pc-steel); font-size: 15px; }
.pc-ask-art { display: grid; place-items: center; flex: 0 0 64px; height: 64px; border-radius: 12px; background: var(--pc-signal); box-shadow: inset 0 0 0 2px var(--pc-ink); }
.pc-ask-ico { width: 32px; height: 32px; }
.pc-ask > div:not(.pc-ask-actions) { flex: 1; }
.pc-ask { display: flex; align-items: center; justify-content: space-between; gap: 20px 32px; margin-top: clamp(44px, 5vw, 72px); padding: 28px 32px; border-radius: 12px; background: var(--pc-mist); box-shadow: inset 0 0 0 1px var(--pc-line); }
.pc-ask h2 { font-size: 26px; font-stretch: var(--pc-narrow); }
.pc-ask p { max-width: 60ch; margin-top: 6px; color: var(--pc-steel); }
.pc-ask-actions { display: flex; flex-wrap: wrap; gap: 10px; }

/* ---------- Üç adımda doğru parça ---------- */
.pc-step-list { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); gap: 14px; margin: 0; padding: 0; list-style: none; }
.pc-step { position: relative; padding: 22px 24px 24px 76px; border-radius: 12px; background: var(--pc-mist); box-shadow: inset 0 0 0 1px var(--pc-line); }
.pc-step.is-wide { grid-row: span 2; }
.pc-step-no { position: absolute; left: 22px; top: 20px; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 6px; background: var(--pc-signal); box-shadow: inset 0 0 0 2px var(--pc-ink); color: var(--pc-ink); font-size: 21px; font-weight: 800; font-stretch: 78%; }
.pc-step h3 { font-size: 22px; font-weight: 750; font-stretch: 80%; }
.pc-step > p { max-width: 58ch; margin: 6px 0 12px; color: var(--pc-steel); font-size: 15.5px; }
.pc-step .pc-spot-list { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 14px; }
.pc-step .pc-spot-list li { background: #fff; }

/* ---------- Model dizini ---------- */
.pc-index-head { display: grid; gap: 6px; justify-content: start; }
.pc-index-head p { max-width: 64ch; color: var(--pc-steel); font-size: 15.5px; }
.pc-index-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 2.5px solid var(--pc-ink); }
.pc-index-col { min-width: 0; padding: 16px 20px 20px 0; border-bottom: 1px solid var(--pc-line); }
.pc-index-col + .pc-index-col { padding-left: 20px; }
.pc-index-col:nth-child(4n + 1) { padding-left: 0; }
.pc-index-col:not(:nth-child(4n + 1)) { border-left: 1px solid var(--pc-line); }
.pc-index-col h3 { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; margin-bottom: 10px; }
.pc-index-col h3 a { font-size: 21px; font-weight: 770; font-stretch: 78%; }
.pc-index-col h3 a:hover { text-decoration: underline; text-underline-offset: 4px; }
.pc-index-col h3 small { color: var(--pc-soft); font-size: 13px; font-weight: 500; }
.pc-index-col ul { display: flex; flex-wrap: wrap; gap: 6px 8px; margin: 0; padding: 0; list-style: none; }
.pc-index-col ul a { display: inline-block; padding: 2px 0; font-size: 15px; }
.pc-index-col ul a:hover mark { box-shadow: 0 2px 0 var(--pc-ink); }
.pc-index-all { color: var(--pc-steel); font-size: 14.5px; text-decoration: underline; text-underline-offset: 4px; }

/* ---------- Raf sekmeleri ---------- */
.pc-shelf-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: -6px 0 18px; }
.pc-shelf-tabs button { min-height: 42px; padding: 0 16px; border: 0; border-radius: 21px; background: #fff; box-shadow: inset 0 0 0 1px var(--pc-line-strong); font-size: 15px; font-weight: 600; cursor: pointer; }
.pc-shelf-tabs button[aria-selected="true"] { background: var(--pc-ink); color: #fff; box-shadow: none; }

/* ---------- Uyumlu modeller (ürün sayfası) ---------- */
.pc-compat-jump { display: inline-flex; align-items: center; gap: 8px; margin-top: 12px; font-size: 15px; font-weight: 650; text-decoration: underline; text-decoration-color: var(--pc-line-strong); text-underline-offset: 5px; }
.pc-compat-jump .pc-ico { width: 18px; height: 18px; }
.pc-compat { margin-top: clamp(44px, 5vw, 64px); padding-top: 26px; border-top: 2.5px solid var(--pc-ink); scroll-margin-top: 96px; }
.pc-compat-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 32px; margin-bottom: 14px; }
.pc-compat-head h2 { font-size: clamp(24px, 2vw, 30px); font-weight: 750; font-stretch: var(--pc-narrow); }
.pc-compat-head p { max-width: 62ch; color: var(--pc-steel); font-size: 15px; }
.pc-compat-scroll { overflow-x: auto; border-radius: 10px; box-shadow: inset 0 0 0 1px var(--pc-line); }
.pc-compat-table { width: 100%; min-width: 440px; border-collapse: collapse; font-size: 15.5px; }
.pc-compat-table th { padding: 10px 16px; border-bottom: 1px solid var(--pc-line); background: var(--pc-mist); color: var(--pc-steel); font-size: 13.5px; font-weight: 650; text-align: left; }
.pc-compat-table td { padding: 11px 16px; border-bottom: 1px solid var(--pc-line); vertical-align: middle; }
.pc-compat-table tr:last-child td { border-bottom: 0; }
.pc-compat-table td:first-child { font-weight: 650; }
.pc-compat-table td:last-child { text-align: right; white-space: nowrap; }
.pc-compat-table td:last-child a { font-size: 14px; text-decoration: underline; text-decoration-color: var(--pc-line-strong); text-underline-offset: 4px; }
.pc-compat-table tr.is-match td { background: var(--pc-mark-soft); }
.pc-compat-table tr.is-match td:first-child { box-shadow: inset 4px 0 0 var(--pc-ok); }

/* ---------- Liste (kategori, arama) ---------- */
.pc-page { padding: 22px 0 0; }
.pc-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; color: var(--pc-soft); font-size: 14px; }
.pc-crumbs a:hover { color: var(--pc-second-text); text-decoration: underline; }
.pc-crumbs b { color: var(--pc-ink); font-weight: 600; }
.pc-list-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 440px); align-items: end; gap: 20px 40px; margin: 18px 0 26px; padding-bottom: 24px; border-bottom: 2.5px solid var(--pc-ink); }
.pc-list-title h1 { font-size: clamp(32px, 3.4vw, 48px); font-weight: 760; font-stretch: 76%; line-height: 1.02; }
.pc-list-title p { max-width: 64ch; margin-top: 10px; color: var(--pc-steel); font-size: 16.5px; }
.pc-list-search label { display: block; margin-bottom: 7px; font-size: 14.5px; font-weight: 650; }
.pc-list-search-row { display: flex; gap: 8px; }
.pc-list-search input { flex: 1; min-width: 0; height: 52px; padding: 0 14px; border: 2px solid var(--pc-ink); border-radius: var(--pc-r); background: #fff; font-size: 20px; font-weight: 700; font-stretch: 84%; letter-spacing: .02em; text-transform: uppercase; }
.pc-list-search input::placeholder { color: #8b949b; font-size: 16px; font-weight: 500; letter-spacing: 0; text-transform: none; }
.pc-list-search input:focus-visible { outline: none; box-shadow: 0 0 0 4px var(--pc-signal); }
.pc-list-search button { display: inline-flex; align-items: center; gap: 7px; height: 52px; padding: 0 18px; border-radius: var(--pc-r); background: var(--pc-signal); color: var(--pc-ink); box-shadow: inset 0 0 0 2px var(--pc-ink); font-weight: 720; }
.pc-list-search button .pc-ico { width: 19px; height: 19px; stroke-width: 2; }
.pc-list-layout { display: grid; grid-template-columns: 250px minmax(0, 1fr); align-items: start; gap: 36px; }
.pc-filters { position: sticky; top: 96px; display: grid; gap: 4px; }
.pc-filter-head { display: flex; align-items: baseline; justify-content: space-between; padding-bottom: 8px; }
.pc-filter-head h2 { font-size: 22px; font-stretch: var(--pc-narrow); }
.pc-filter-head a { font-size: 14.5px; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
.pc-filter-group { display: grid; gap: 2px; margin: 0; padding: 14px 0; border: 0; border-top: 1px solid var(--pc-line); min-width: 0; }
.pc-filter-group h3, .pc-filter-group legend { padding: 0 0 6px; font-size: 15.5px; font-weight: 700; }
.pc-filter-group legend { float: left; width: 100%; }
.pc-filter-group legend + * { clear: both; }
.pc-filter-link { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 40px; padding: 6px 10px; margin: 0 -10px; border-radius: 6px; font-size: 15px; }
.pc-filter-link:hover { background: var(--pc-mist); }
.pc-filter-link.is-active { background: var(--pc-mist); font-weight: 700; box-shadow: inset 4px 0 0 var(--pc-signal); }
.pc-filter-link small, .pc-check-label small { margin-left: auto; color: var(--pc-soft); font-size: 13px; font-variant-numeric: tabular-nums; }
.pc-check-label { display: flex; align-items: center; gap: 10px; min-height: 40px; font-size: 15px; cursor: pointer; }
.pc-check-label input { width: 19px; height: 19px; accent-color: var(--pc-ink); }
.pc-filter-scroll { display: grid; max-height: 280px; overflow: auto; }
.pc-price-inputs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.pc-price-inputs label { display: grid; gap: 4px; font-size: 13.5px; color: var(--pc-steel); }
.pc-price-inputs input { width: 100%; height: 44px; padding: 0 10px; border: 1.5px solid var(--pc-line-strong); border-radius: 6px; font-size: 15.5px; }
.pc-filter-apply { margin-top: 10px; min-height: 42px; border-radius: 6px; box-shadow: inset 0 0 0 1.5px var(--pc-ink); font-weight: 650; font-size: 14.5px; }
.pc-filter-apply:hover { background: var(--pc-mist); }
.pc-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; padding-bottom: 14px; border-bottom: 1px solid var(--pc-line); color: var(--pc-steel); font-size: 15px; }
.pc-toolbar label { display: flex; align-items: center; gap: 8px; }
.pc-toolbar select { height: 42px; padding: 0 10px; border: 1.5px solid var(--pc-line-strong); border-radius: 6px; background: #fff; color: var(--pc-ink); font-size: 15px; }
.pc-filter-toggle { display: none; align-items: center; gap: 8px; min-height: 42px; padding: 0 14px; border-radius: 6px; box-shadow: inset 0 0 0 1.5px var(--pc-ink); color: var(--pc-ink); font-weight: 650; }
.pc-filter-toggle b { min-width: 20px; height: 20px; border-radius: 10px; background: var(--pc-signal); font-size: 12.5px; line-height: 20px; text-align: center; }
.pc-list-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pc-empty { display: grid; justify-items: start; gap: 12px; padding: 36px; border-radius: 12px; background: var(--pc-mist); box-shadow: inset 0 0 0 1px var(--pc-line); }
.pc-empty-ico { width: 40px; height: 40px; stroke-width: 1.3; }
.pc-empty h2 { font-size: 26px; font-stretch: var(--pc-narrow); }
.pc-empty p { max-width: 62ch; color: var(--pc-steel); }
.pc-empty .pc-variants-title { color: var(--pc-ink); font-weight: 650; }
.pc-variants { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; list-style: none; }
.pc-variants a { display: inline-flex; align-items: baseline; gap: 8px; min-height: 44px; padding: 10px 14px; border-radius: var(--pc-r); background: #fff; box-shadow: inset 0 0 0 1.5px var(--pc-ink); font-size: 17px; }
.pc-variants small { color: var(--pc-steel); font-size: 13.5px; }
.pc-empty-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px; }
.pc-pagination { margin-top: 30px; }
.pc-pager { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
.pc-pager-item { display: grid; place-items: center; min-width: 44px; height: 44px; padding: 0 10px; border-radius: 6px; box-shadow: inset 0 0 0 1px var(--pc-line-strong); font-weight: 650; font-variant-numeric: tabular-nums; }
a.pc-pager-item:hover { box-shadow: inset 0 0 0 1.5px var(--pc-ink); }
.pc-pager-item.is-current { background: var(--pc-ink); color: #fff; box-shadow: none; }
.pc-pager-item.is-disabled { color: var(--pc-line-strong); }
.pc-prose { color: var(--pc-text); font-size: 16.5px; line-height: 1.65; }
.pc-prose > * + * { margin-top: .9em; }
.pc-prose :is(h2, h3) { margin-top: 1.4em; font-stretch: 84%; }
.pc-prose ul, .pc-prose ol { padding-left: 1.3em; }
.pc-prose ul { list-style: disc; }
.pc-prose ol { list-style: decimal; }
.pc-prose li + li { margin-top: .3em; }
.pc-prose a { text-decoration: underline; text-underline-offset: 3px; }
.pc-rich { margin: 0 0 28px; }

/* ---------- Ürün ---------- */
.pc-product-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; gap: clamp(28px, 4vw, 60px); margin-top: 18px; }
.pc-gallery { position: sticky; top: 96px; display: grid; gap: 12px; }
.pc-gallery-stage { position: relative; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 12px; background: #fff; box-shadow: inset 0 0 0 1px var(--pc-line); }
.pc-gallery-main { display: block; width: 100%; height: 100%; padding: 28px; cursor: zoom-in; }
.pc-gallery-main img { width: 100%; height: 100%; object-fit: contain; }
.pc-zoom-btn { position: absolute; right: 12px; bottom: 12px; display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 12px; border-radius: 20px; background: rgba(255, 255, 255, .92); box-shadow: inset 0 0 0 1px var(--pc-line-strong); font-size: 14px; font-weight: 600; }
.pc-zoom-btn .pc-ico { width: 17px; height: 17px; }
.pc-thumbs { display: flex; flex-wrap: wrap; gap: 8px; }
.pc-thumbs button { width: 76px; height: 76px; padding: 6px; border-radius: 8px; background: #fff; box-shadow: inset 0 0 0 1px var(--pc-line); }
.pc-thumbs button[aria-current="true"] { box-shadow: inset 0 0 0 2px var(--pc-ink), 0 0 0 3px var(--pc-signal); }
.pc-thumbs img { width: 100%; height: 100%; object-fit: contain; }
.pc-product-label { min-width: 0; }
.pc-product-top { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-bottom: 12px; }
.pc-product-group { padding: 3px 10px; border-radius: 4px; box-shadow: inset 0 0 0 1.5px var(--pc-ink); font-size: 14px; font-weight: 650; font-stretch: 88%; }
.pc-product-brand { color: var(--pc-steel); font-size: 15px; font-weight: 650; text-decoration: underline; text-decoration-color: var(--pc-line-strong); text-underline-offset: 4px; }
.pc-product-label h1 { font-size: clamp(28px, 2.6vw, 40px); font-weight: 740; font-stretch: 80%; line-height: 1.08; text-wrap: pretty; }
.pc-fit-table { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); margin-top: 18px; border-top: 2.5px solid var(--pc-ink); border-bottom: 1px solid rgba(29, 33, 37, .35); }
.pc-fit-table > div { padding: 10px 14px 12px 0; }
.pc-fit-table > div + div { padding-left: 14px; border-left: 1px solid rgba(29, 33, 37, .25); }
.pc-fit-table dt { color: var(--pc-steel); font-size: 13.5px; font-weight: 600; }
.pc-fit-table dd { display: flex; flex-wrap: wrap; gap: 4px 6px; margin-top: 3px; font-size: 19px; font-weight: 700; font-stretch: 84%; }
.pc-check { margin-top: 18px; padding: 16px; border-radius: 10px; background: var(--pc-mist); box-shadow: inset 0 0 0 1px var(--pc-line); }
.pc-check > label { display: block; margin-bottom: 8px; font-size: 15px; font-weight: 650; }
.pc-check-row { display: flex; gap: 8px; }
.pc-check-row input { flex: 1; min-width: 0; height: 48px; padding: 0 12px; border: 1.5px solid var(--pc-ink); border-radius: var(--pc-r); background: #fff; font-size: 18px; font-weight: 700; font-stretch: 84%; letter-spacing: .02em; text-transform: uppercase; }
.pc-check-row input::placeholder { color: #8b949b; font-size: 15.5px; font-weight: 500; letter-spacing: 0; text-transform: none; }
.pc-check-row input:focus-visible { outline: none; box-shadow: 0 0 0 4px var(--pc-signal); }
.pc-check-row button { height: 48px; padding: 0 16px; border-radius: var(--pc-r); box-shadow: inset 0 0 0 1.5px var(--pc-ink); background: #fff; font-weight: 650; }
.pc-check-row button:hover { background: var(--pc-ink); color: #fff; }
.pc-check-result { margin-top: 10px; padding: 10px 12px; border-radius: 6px; background: #fff; font-size: 15px; line-height: 1.45; box-shadow: inset 4px 0 0 var(--pc-line-strong); }
.pc-check-result.is-match { box-shadow: inset 4px 0 0 var(--pc-ok); color: var(--pc-ok); }
.pc-check-result.is-miss { box-shadow: inset 4px 0 0 var(--pc-miss); color: var(--pc-miss); }
.pc-check-result a { color: var(--pc-ink); font-weight: 650; text-decoration: underline; text-underline-offset: 3px; }
.pc-check-note { margin-top: 8px; color: var(--pc-soft); font-size: 13px; }
.pc-product-intro { margin-top: 18px; color: var(--pc-steel); font-size: 16.5px; }
.pc-buy-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--pc-line); }
.pc-buy-price strong { font-size: 40px; font-weight: 780; font-stretch: 78%; line-height: 1; font-variant-numeric: tabular-nums; }
.pc-buy-price span { color: var(--pc-steel); font-size: 15px; }
.pc-buy-price.is-quote strong { font-size: 30px; }
.pc-stock-line { display: flex; flex-wrap: wrap; gap: 6px 20px; margin: 12px 0 16px; padding: 0; list-style: none; color: var(--pc-steel); font-size: 15px; }
.pc-stock-line li { display: inline-flex; align-items: center; gap: 7px; }
.pc-stock-line b { color: var(--pc-ink); font-weight: 650; font-stretch: 88%; }
.pc-stock-line i { width: 9px; height: 9px; border-radius: 50%; background: var(--pc-soft); }
.pc-stock-line .is-in { color: var(--pc-ok); font-weight: 650; }
.pc-stock-line .is-in i { background: var(--pc-ok); }
.pc-stock-line .is-out { color: var(--pc-miss); font-weight: 650; }
.pc-stock-line .is-out i { background: var(--pc-miss); }
.pc-buy-row { display: flex; flex-wrap: wrap; gap: 10px; }
.pc-qty { display: inline-flex; align-items: center; height: 54px; border-radius: var(--pc-r); box-shadow: inset 0 0 0 1.5px var(--pc-line-strong); background: #fff; }
.pc-qty button { width: 46px; height: 100%; font-size: 22px; }
.pc-qty input { width: 52px; height: 100%; border: 0; background: none; text-align: center; font-size: 18px; font-weight: 700; font-variant-numeric: tabular-nums; -moz-appearance: textfield; }
.pc-qty input::-webkit-inner-spin-button, .pc-qty input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.pc-btn-cart { flex: 1; min-width: 200px; min-height: 54px; font-size: 17px; }
.pc-field-label { display: grid; gap: 6px; margin-bottom: 12px; font-size: 15px; font-weight: 650; }
.pc-field-label select { height: 50px; padding: 0 12px; border: 1.5px solid var(--pc-line-strong); border-radius: var(--pc-r); background: #fff; font-size: 16px; font-weight: 500; }
.pc-buy-note { margin-top: 10px; color: var(--pc-steel); font-size: 14.5px; }
.pc-note-box { margin-bottom: 14px; padding: 14px 16px; border-radius: 8px; background: var(--pc-mist); }
.pc-note-box h2 { font-size: 17px; }
.pc-note-box ul { margin: 8px 0; padding-left: 1.2em; }
.pc-quote-actions { display: grid; gap: 14px; }
/* Ürün eylemleri (fiyat / stok bildirimi) */
.pc-actions { margin-top: 14px; }
.pc-actions .pc-note-box .pc-buy-row { margin-top: 10px; }
.pc-actions .pc-note-box .pc-input { flex: 1; min-width: 200px; }
.pc-action-row { display: flex; flex-wrap: wrap; gap: 8px; }
.pc-action-btn { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 14px; border-radius: 6px; box-shadow: inset 0 0 0 1px var(--pc-line-strong); background: #fff; font-size: 14.5px; font-weight: 600; cursor: pointer; }
.pc-action-btn:hover { box-shadow: inset 0 0 0 1.5px var(--pc-ink); }
.pc-action-btn .pc-ico { width: 18px; height: 18px; }
.pc-modal-small { width: min(480px, calc(100vw - 24px)); }
.pc-modal-body { padding: 16px 18px 20px; }
.pc-modal-body > p { margin-bottom: 12px; color: var(--pc-steel); }
.pc-modal-form { display: grid; gap: 8px; }
.pc-modal-form label { font-size: 14.5px; font-weight: 650; }
.pc-ask-inline { margin-top: 22px; padding: 18px; border-radius: 10px; box-shadow: inset 0 0 0 1px var(--pc-line); }
.pc-ask-inline h2 { font-size: 20px; font-stretch: var(--pc-narrow); }
.pc-ask-inline p { margin: 6px 0 12px; color: var(--pc-steel); font-size: 15px; }
.pc-product-below { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; gap: clamp(28px, 4vw, 60px); margin-top: clamp(44px, 5vw, 64px); padding-top: 28px; border-top: 2.5px solid var(--pc-ink); }
.pc-product-below h2, .pc-detail-section h2 { margin-bottom: 14px; font-size: clamp(24px, 2vw, 30px); font-weight: 750; font-stretch: var(--pc-narrow); }
.pc-spec-table { width: 100%; border-collapse: collapse; font-size: 15.5px; }
.pc-spec-table th, .pc-spec-table td { padding: 11px 0; border-bottom: 1px solid var(--pc-line); text-align: left; vertical-align: top; }
.pc-spec-table th { width: 44%; padding-right: 14px; color: var(--pc-steel); font-weight: 600; }
.pc-spec-table td { font-weight: 650; overflow-wrap: anywhere; }
.pc-detail-sections { display: grid; gap: 0; }
.pc-detail-section { margin-top: 40px; }
.pc-section-note { margin: 8px 0; color: var(--pc-steel); font-size: 15px; }
.pc-offer-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; }
.pc-offer { display: grid; gap: 8px; padding: 16px; border-radius: 10px; box-shadow: inset 0 0 0 1px var(--pc-line); }
.pc-offer h3 { font-size: 17px; }
.pc-bundle { display: grid; gap: 8px; margin-bottom: 14px; padding: 0; list-style: none; }
.pc-bundle a { display: flex; align-items: center; gap: 12px; padding: 8px; border-radius: 8px; box-shadow: inset 0 0 0 1px var(--pc-line); }
.pc-bundle img { width: 64px; height: 64px; object-fit: contain; }
.pc-bundle small { display: block; color: var(--pc-soft); font-size: 13px; }
.pc-ask-form { display: grid; gap: 10px; max-width: 640px; }
.pc-qa { margin-top: 14px; padding: 14px 0; border-top: 1px solid var(--pc-line); }
.pc-qa h3 { font-size: 16.5px; }
.pc-qa p { margin-top: 6px; }
.pc-qa-answer { padding: 10px 12px; border-radius: 6px; background: var(--pc-mist); }
.pc-related { padding-top: clamp(44px, 5vw, 64px); }
.pc-buybar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 45; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: #fff; box-shadow: 0 -1px 0 var(--pc-line), 0 -10px 24px -16px rgba(29, 33, 37, .5); }
.pc-buybar small { display: block; max-width: 48vw; overflow: hidden; color: var(--pc-steel); font-size: 13px; white-space: nowrap; text-overflow: ellipsis; }
.pc-buybar strong { font-size: 22px; font-weight: 760; font-stretch: 80%; }
/* Pencere ekranın ortasında: ortak CSS sıfırlaması (Tailwind preflight, * { margin: 0 }) tarayıcının dialog'a verdiği
   margin: auto'yu siler ve pencere sol üst köşeye yapışır; burada geri verilir. Açılışta ortadan büyür. */
.pc-modal { margin: auto; inset: 0; transform-origin: 50% 50%; width: min(920px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); padding: 0; border: 0; border-radius: 12px; background: #fff; color: var(--pc-ink); }
.pc-modal::backdrop { background: rgba(20, 23, 26, .72); }
.pc-modal[open] { animation: pc-modal-in .2s ease-out; }
@keyframes pc-modal-in { from { opacity: 0; transform: scale(.96); } to { opacity: 1; transform: none; } }
.pc-modal-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 10px 10px 18px; border-bottom: 1px solid var(--pc-line); }
.pc-modal-head h2 { font-size: 17px; }
.pc-lightbox-figure { display: block; height: min(72dvh, 720px); margin: 0; padding: 16px; }
.pc-lightbox-figure img { width: 100%; height: 100%; object-fit: contain; }
.pc-lightbox-nav { display: flex; align-items: center; justify-content: center; gap: 14px; padding: 8px 0 14px; font-variant-numeric: tabular-nums; }
.pc-lightbox-nav button { font-size: 26px; box-shadow: inset 0 0 0 1px var(--pc-line); }

/* ---------- İçerik ve hata sayfaları ---------- */
.pc-content-layout { display: grid; grid-template-columns: minmax(0, 1fr) 340px; align-items: start; gap: 48px; }
.pc-article { max-width: 760px; margin-top: 18px; }
.pc-article h1 { margin-bottom: 20px; font-size: clamp(32px, 3.4vw, 46px); font-weight: 760; font-stretch: 76%; }
.pc-content-layout .pc-ask-inline { position: sticky; top: 100px; margin-top: 18px; }
.pc-error { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .8fr); align-items: start; gap: 40px; margin: 18px 0 20px; }
.pc-error-plate { padding: 28px; border-radius: 14px; background: linear-gradient(180deg, #fff, #f3f4f3); box-shadow: 0 0 0 1px rgba(29, 33, 37, .16), 0 24px 44px -30px rgba(29, 33, 37, .55); }
.pc-error-code { display: flex; align-items: baseline; gap: 12px; padding-bottom: 12px; border-bottom: 2.5px solid var(--pc-ink); }
.pc-error-code span { font-size: 15px; font-weight: 650; }
.pc-error-code b { font-size: 46px; font-weight: 780; font-stretch: 75%; line-height: 1; }
.pc-error h1 { margin: 18px 0 8px; font-size: clamp(28px, 3vw, 40px); font-weight: 760; font-stretch: 78%; }
.pc-error-plate > p { margin-bottom: 20px; color: var(--pc-steel); }
.pc-error-links { display: grid; gap: 8px; }
.pc-error-links a { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 52px; padding: 0 16px; border-radius: 8px; box-shadow: inset 0 0 0 1px var(--pc-line); font-weight: 600; }
.pc-error-links a:hover { box-shadow: inset 0 0 0 1.5px var(--pc-ink); }

/* ---------- Alt bilgi ---------- */
.pc-footer { position: relative; margin-top: clamp(56px, 6vw, 96px); background: var(--pc-ink); color: #c8ced3; }
.pc-footer-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)); gap: 36px; padding: 52px 0 40px; }
.pc-footer .pc-wordmark { color: #fff; }
.pc-footer .pc-logo img { padding: 8px 10px; border-radius: 8px; background: #fff; }
.pc-footer-brand > p { max-width: 42ch; margin-top: 14px; font-size: 15px; }
.pc-footer-contact { display: grid; gap: 8px; margin-top: 18px; font-style: normal; font-size: 15px; }
.pc-footer-contact :is(a, span) { display: flex; align-items: flex-start; gap: 9px; }
.pc-footer-contact a:hover { color: #fff; text-decoration: underline; }
.pc-footer-contact .pc-ico, .pc-footer-contact svg { width: 19px; height: 19px; margin-top: 2px; color: var(--pc-second); }
.pc-social { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.pc-social a { padding: 6px 12px; border-radius: 16px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .3); font-size: 14px; }
.pc-footer nav { display: grid; align-content: start; gap: 2px; }
.pc-footer nav h2 { margin-bottom: 8px; color: #fff; font-size: 17px; font-weight: 700; font-stretch: 88%; }
.pc-footer nav :is(a, button) { display: flex; align-items: center; min-height: 36px; font-size: 15px; text-align: left; }
.pc-footer nav :is(a, button):hover { color: var(--pc-on-dark); text-decoration: underline; text-underline-offset: 4px; }
.pc-footer nav h2 { color: var(--pc-on-dark-head, #fff); }
.pc-footer :focus-visible { outline-color: var(--pc-signal); box-shadow: none; }
.pc-footer-bottom { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; padding: 20px 0 28px; border-top: 1px solid rgba(255, 255, 255, .16); font-size: 14px; }
.pc-payment-band { height: 26px; width: auto; padding: 3px 8px; border-radius: 6px; background: #fff; }
.pc-fb-card { margin-left: auto; }
.pc-toast { position: fixed; left: 50%; bottom: 22px; z-index: 95; display: flex; align-items: center; gap: 10px; max-width: calc(100vw - 32px); padding: 12px 16px; transform: translate(-50%, 20px); border-radius: 10px; background: var(--pc-ink); color: #fff; font-size: 15px; opacity: 0; pointer-events: none; transition: opacity .2s ease, transform .2s ease; }
.pc-toast.is-visible { transform: translate(-50%, 0); opacity: 1; pointer-events: auto; }
.pc-toast svg { width: 19px; height: 19px; color: var(--pc-signal); }
.pc-toast a { color: var(--pc-signal); font-weight: 650; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
body.pc-has-buybar .pc-toast { bottom: 92px; }

/* ---------- Ortak sayfalar (sepet, ödeme, hesap, giriş, teklif listesi, blog): aynı renk ve köşe dili ---------- */
body[data-preset="parca"]:not(.pc-own) main { padding-bottom: 40px; color: var(--pc-text); }
body[data-preset="parca"]:not(.pc-own) main .store-container { max-width: 1280px; }
:where(body[data-preset="parca"]:not(.pc-own) main) :where(input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"], [type="hidden"], .cart-quantity-input), select, textarea) { min-height: 46px; border: 1.5px solid var(--pc-line-strong); border-radius: 6px; background-color: #fff; color: var(--pc-ink); font-size: 15.5px; }
:where(body[data-preset="parca"]:not(.pc-own) main) :where(input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"]), select, textarea):focus { outline: none; border-color: var(--pc-ink); box-shadow: 0 0 0 3px var(--pc-signal); }
:where(body[data-preset="parca"]:not(.pc-own) main) :where(input[type="checkbox"], input[type="radio"]) { accent-color: var(--pc-ink); }
:where(body[data-preset="parca"]:not(.pc-own) main) :where(.text-\[11px\], .text-\[10px\], .text-\[9px\], .text-\[8px\]) { font-size: 12.5px; line-height: 1.5; }
:where(body[data-preset="parca"]:not(.pc-own) main) :where(.rounded-3xl, .rounded-2xl) { border-radius: 12px; }
:where(body[data-preset="parca"]:not(.pc-own) main) :where(.store-heading, h1, h2) { font-family: var(--pc-font); font-stretch: 80%; letter-spacing: -.005em; }
:where(body[data-preset="parca"]:not(.pc-own) main) :where(button, a):where(.store-bg-accent, .store-bg-primary, .bg-\[var\(--store-primary\)\]) { min-height: 46px; border-radius: 8px; font-family: var(--pc-font); font-weight: 650; }
body[data-preset="parca"]:not(.pc-own) main :is(.store-bg-accent, .store-bg-primary, .bg-\[var\(--store-primary\)\]) { background: var(--pc-ink); color: #fff; }
body[data-preset="parca"]:not(.pc-own) main :is(.store-bg-accent, .store-bg-primary, .bg-\[var\(--store-primary\)\]):hover { background: #000; }
body[data-preset="parca"]:not(.pc-own) main .store-primary { color: var(--pc-ink); }
body[data-preset="parca"]:not(.pc-own) main .store-accent { color: var(--pc-ink); }
body[data-preset="parca"]:not(.pc-own) main :has(> .cart-quantity-input) { height: 44px; border: 1.5px solid var(--pc-line-strong); border-radius: 6px; overflow: hidden; background: #fff; }
body[data-preset="parca"]:not(.pc-own) main .cart-quantity-input { width: 48px; height: 100%; font-weight: 650; }
body[data-preset="parca"] [data-cookie-open]:not([data-pc-cookie-open]) { display: none !important; }
body[data-preset="parca"] #cookie-consent section { border-radius: 12px; font-family: var(--pc-font); }
body[data-preset="parca"] #cookie-consent h2 { font-size: 21px; font-stretch: 84%; color: var(--pc-ink); }
body[data-preset="parca"] #cookie-consent [data-cookie-action] { min-height: 44px; border-radius: 8px; font-family: var(--pc-font); }
body[data-preset="parca"] #cookie-consent [data-cookie-action="all"] { background: var(--pc-ink); color: #fff; }
body[data-preset="parca"] #cookie-consent input[type="checkbox"] { accent-color: var(--pc-ink); }
body[data-preset="parca"] #cookie-consent a { color: var(--pc-ink); text-decoration: underline; }
body[data-preset="parca"] #store-toast { border-radius: 8px; background: var(--pc-ink); font-size: 14px; }

/* ---------- Ekran genişlikleri ---------- */
@media (max-width: 1240px) {
    .pc-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .pc-header-row { grid-template-columns: auto minmax(0, 1fr) minmax(220px, 280px) auto; gap: 18px; }
    .pc-nav-btn { padding: 0 7px; font-size: 14.5px; }
    .pc-mega-intro { flex-basis: 280px; }
    .pc-mega-products { flex-basis: 240px; }
    .pc-index-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .pc-index-col:nth-child(4n + 1) { padding-left: 20px; }
    .pc-index-col:not(:nth-child(4n + 1)) { border-left: 0; }
    .pc-index-col:nth-child(3n + 1) { padding-left: 0; }
    .pc-index-col:not(:nth-child(3n + 1)) { border-left: 1px solid var(--pc-line); }
    .pc-head-link span { display: none; }
}
@media (max-width: 1100px) {
    .pc-header-row { grid-template-columns: auto auto minmax(0, 1fr) auto; grid-template-areas: "menu logo search actions"; }
    .pc-menu-btn { display: grid; }
    .pc-nav { display: none; }
    .pc-hero-grid { grid-template-columns: minmax(0, 1fr); }
    .pc-mega { display: none; }
    .pc-step-list { grid-template-columns: minmax(0, 1fr); }
    .pc-step.is-wide { grid-row: auto; }
    .pc-spot-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .pc-cabinet { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pc-list-layout { grid-template-columns: 220px minmax(0, 1fr); gap: 26px; }
    .pc-list-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pc-footer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .pc-footer-brand { grid-column: 1 / -1; }
}
@media (max-width: 860px) {
    .pc-list-head, .pc-product-layout, .pc-product-below, .pc-content-layout, .pc-error { grid-template-columns: minmax(0, 1fr); }
    .pc-gallery, .pc-content-layout .pc-ask-inline { position: static; }
    .pc-list-layout { grid-template-columns: minmax(0, 1fr); }
    .pc-filter-toggle { display: inline-flex; }
    .pc-filters { position: static; display: none; padding: 16px; border-radius: 10px; box-shadow: inset 0 0 0 1px var(--pc-line); }
    .pc-filters.is-open { display: grid; }
    .pc-list-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .pc-guide-list { grid-template-columns: minmax(0, 1fr); }
    .pc-ask { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 760px) {
    body[data-preset="parca"] { font-size: 15.5px; }
    .pc-shell { width: calc(100% - 32px); }
    .pc-notice { font-size: 13px; }
    .pc-topbar p { display: none; }
    .pc-topbar-contact { margin: 0 auto; }
    .pc-header-row { grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "menu logo actions" "search search search"; gap: 6px 8px; min-height: 60px; padding-bottom: 10px; }
    .pc-header-row > .pc-logo { padding-top: 8px; }
    .pc-menu-btn, .pc-head-actions { padding-top: 8px; }
    .pc-wordmark { font-size: 25px; }
    .pc-logo img { height: 38px; max-width: 170px; }
    .pc-plate-logo { height: 34px; }
    .pc-header-search { height: 44px; }
    .pc-page-home .pc-header-search { display: none; }
    .pc-page-home .pc-header-row { padding-bottom: 6px; }
    .pc-head-link { padding: 0 8px; }
    .pc-hero-grid { padding: 18px 0 28px; gap: 22px; }
    .pc-hero .pc-plate h1 { font-size: 30px; }
    .pc-scene { grid-template-columns: 92px minmax(0, 1fr); grid-template-rows: auto auto; grid-template-areas: "art copy" "rail rail"; gap: 0 14px; padding: 20px 16px 0; }
    .pc-scene-art { min-height: 0; align-content: start; padding: 0; }
    .pc-scene .pc-scene-appliance { width: 92px; }
    .pc-scene-spot { display: none; }
    .pc-scene-facts { margin-top: 14px; }
    .pc-scene-facts > div { grid-template-columns: 96px minmax(0, 1fr); }
    .pc-scene-copy { padding: 0 0 10px; }
    .pc-scene-copy h2 { font-size: 26px; }
    .pc-scene-copy p { margin: 6px 0 12px; font-size: 14.5px; }
    .pc-scene-rail { margin: 0 -16px; padding: 40px 16px 22px; }
    .pc-scene-rail::before { left: 0; right: 0; top: 14px; }
    .pc-tags { display: flex; gap: 12px; overflow-x: auto; padding: 4px 2px 6px; scroll-snap-type: x mandatory; scrollbar-width: none; }
    .pc-tags::-webkit-scrollbar { display: none; }
    .pc-tags li { flex: 0 0 148px; scroll-snap-align: start; margin-top: 24px; }
    .pc-stage-tabs button { min-width: 132px; padding: 10px 12px 12px; }
    .pc-index-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .pc-index-col, .pc-index-col:nth-child(n) { padding: 14px 12px 16px 0; border-left: 0; }
    .pc-index-col:nth-child(2n) { padding-left: 12px; border-left: 1px solid var(--pc-line); }
    .pc-step { padding: 18px 16px 20px 64px; }
    .pc-step-no { left: 16px; top: 16px; width: 34px; height: 34px; font-size: 19px; }
    .pc-ask-art { display: none; }
    .pc-plate { padding: 18px 16px 0; border-radius: 12px; }
    .pc-plate::before { inset: 6px; border-radius: 8px; }
    .pc-plate-head { padding: 4px 2px 12px; }
    .pc-plate h1 { margin: 16px 2px 10px; font-size: 32px; }
    .pc-plate-text { margin: 0 2px 16px; font-size: 15.5px; }
    .pc-plate-row { grid-template-columns: minmax(0, 1fr); gap: 7px; padding: 12px 2px; }
    .pc-plate-field input { height: 56px; font-size: 22px; padding: 0 14px; }
    .pc-plate-submit { flex-direction: column; align-items: stretch; gap: 12px; padding: 16px 2px 18px; }
    .pc-btn-signal { width: 100%; }
    .pc-plate-cells > div { padding: 10px 8px 16px; }
    .pc-plate-cells dt { font-size: 12.5px; line-height: 1.25; }
    .pc-plate-cells dd { font-size: 26px; }
    .pc-spot-list { display: flex; gap: 10px; margin-right: -16px; padding-right: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
    .pc-spot-list::-webkit-scrollbar { display: none; }
    .pc-spot-list li { flex: 0 0 min(270px, 78%); scroll-snap-align: start; }
    .pc-cabinet { gap: 8px; padding: 8px; border-radius: 10px; }
    .pc-drawer { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto; min-height: 0; padding: 10px 10px 24px; }
    .pc-drawer-window { grid-column: 1; grid-row: 1; min-height: 0; aspect-ratio: 4 / 3; margin-bottom: 10px; }
    .pc-drawer-window img { max-height: none; }
    .pc-drawer-card { grid-column: 1; grid-row: 2; padding: 7px 9px 8px; }
    .pc-drawer-card strong { font-size: 18px; }
    .pc-drawer-note { display: none; }
    .pc-section-head { flex-wrap: wrap; align-items: flex-end; margin-bottom: 16px; }
    .pc-section-head .pc-link { white-space: normal; }
    .pc-grid, .pc-list-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .pc-card-hanger { min-height: 32px; padding: 0 9px; }
    .pc-card-hanger span { font-size: 11.5px; max-width: calc(50% - 22px); }
    .pc-card-hanger i { top: 10px; width: 26px; height: 10px; }
    .pc-card-media { padding: 10px; }
    .pc-card-label { gap: 6px; padding: 10px 10px 12px; }
    .pc-fit { font-size: 13.5px; }
    .pc-card h3 { font-size: 14.5px; }
    .pc-card-code { font-size: 12.5px; overflow-wrap: anywhere; }
    .pc-card-buy { flex-direction: column; align-items: stretch; gap: 8px; }
    .pc-price strong { font-size: 21px; }
    .pc-add { width: 100%; min-height: 44px; padding: 0 10px; }
    .pc-card-buy form { width: 100%; }
    .pc-ask { padding: 22px 18px; }
    .pc-list-head { margin: 12px 0 18px; padding-bottom: 18px; }
    .pc-toolbar { flex-wrap: wrap; }
    .pc-toolbar > span { display: none; }
    .pc-empty { padding: 22px 18px; }
    .pc-product-layout { margin-top: 12px; gap: 22px; }
    .pc-gallery-main { padding: 16px; }
    .pc-thumbs button { width: 62px; height: 62px; }
    .pc-buy-price strong { font-size: 34px; }
    .pc-btn-cart { min-width: 0; }
    .pc-compat-table { min-width: 0; font-size: 15px; }
    .pc-compat-table :is(th, td) { padding: 10px 12px; }
    .pc-compat-table td:last-child { white-space: normal; }
    .pc-check-row { flex-direction: column; }
    .pc-check-row input { flex: none; }
    .pc-check-row button { width: 100%; }
    .pc-spec-table th { width: 46%; }
    .pc-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 20px; padding: 40px 0 30px; }
    .pc-fb-card { margin-left: 0; }
    .pc-footer-bottom { padding-bottom: 96px; }
    .pc-error-plate { padding: 20px 16px; }
}
@media (max-width: 400px) {
    .pc-head-link { padding: 0 6px; }
    .pc-plate-cells dd { font-size: 23px; }
    .pc-plate h1 { font-size: 30px; }
}

/* ---------- Hareket: yalnız bir an. Sayfa açılınca "etiket nerede" işaretleri iki kez yanıp söner; hareketi azaltmada hiç. ---------- */
@media (prefers-reduced-motion: no-preference) {
    .pc-appliance .pc-spot { animation: pc-spot-blink 1.1s ease-in-out .6s 2; }
    .pc-stage.is-entering .pc-scene:not([hidden]) .pc-tags li { animation: pc-swing .7s cubic-bezier(.3, 1.4, .5, 1) both; }
    .pc-stage.is-entering .pc-scene:not([hidden]) .pc-tags li:nth-child(2) { animation-delay: .06s; }
    .pc-stage.is-entering .pc-scene:not([hidden]) .pc-tags li:nth-child(3) { animation-delay: .12s; }
    .pc-stage.is-entering .pc-scene:not([hidden]) .pc-scene-art, .pc-stage.is-entering .pc-scene:not([hidden]) .pc-scene-copy { animation: pc-fade .35s ease-out both; }
    @keyframes pc-swing { from { transform: rotate(calc(var(--tilt) - 7deg)); } to { transform: rotate(var(--tilt)); } }
    @keyframes pc-fade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
    .pc-stage.is-timing .pc-stage-tabs button[aria-current="true"] i { animation: pc-progress var(--pc-interval, 7s) linear both; }
    @keyframes pc-progress { from { transform: scaleX(0); } to { transform: scaleX(1); } }
    @keyframes pc-spot-blink { 0%, 100% { fill: var(--pc-signal); } 50% { fill: #fff; } }
}
@media (prefers-reduced-motion: reduce) {
    body[data-preset="parca"] *, body[data-preset="parca"] *::before, body[data-preset="parca"] *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
    .pc-drawer:hover { transform: none; }
    html { scroll-behavior: auto; }
}

/* Teklif formu: gönder düğmesindeki WhatsApp simgesi yalnız teknik temanın CSS'inde boyutlanıyordu; bu temada düğmeyi kaplıyordu. */
body[data-preset="parca"] .quote-wa-form button[type="submit"] svg { width:20px; height:20px; flex:none; }