/* single-produkt.css — CPT produkt */

/* Breadcrumb */
.spp-breadcrumb { background:#fff; border-bottom:1px solid #E8ECF0; padding:10px 0; }
.spp-breadcrumb .breadcrumb { font-family:"JetBrains Mono",monospace; font-size:.68rem; letter-spacing:.08em; text-transform:uppercase; margin:0; }
.spp-breadcrumb .breadcrumb-item a { color:#28538E; text-decoration:none; }
.spp-breadcrumb .breadcrumb-item+.breadcrumb-item::before { color:#C0C8D0; content:"›"; padding:0 8px; }
.spp-breadcrumb .breadcrumb-item.active { color:#6B6B6B; }

/* H1 */
.spp-h1-wrap { background:#fff; }
.spp-h1 { font-size:clamp(1.6rem,3vw,2.4rem); font-weight:500; letter-spacing:-.02em; color:#0A0A0A; margin:0; }

/* Hero layout */
.spp-hero { background:#fff; }
.spp-hero__inner { display:flex; flex-direction:row; gap:3.5rem; align-items:flex-start; }
.spp-galeria { flex:0 0 48%; max-width:48%; }
.spp-dane    { flex:1; }

/* Galeria */
.spp-galeria__main { aspect-ratio:4/3; background:#EFF1F4; overflow:hidden; }
.spp-galeria__main-img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s; }
.spp-galeria__main:hover .spp-galeria__main-img { transform:scale(1.03); }
.spp-galeria__ph { aspect-ratio:4/3; background:#EFF1F4; border-radius:12px; }
.spp-galeria__thumbs { overflow-x:auto; flex-wrap:nowrap; }
.spp-galeria__thumb { width:100px; min-width:100px; height:70px; border-radius:8px; overflow:hidden; border:2px solid transparent; background:#EFF1F4; padding:0; cursor:pointer; flex-shrink:0; transition:border-color .2s; }
.spp-galeria__thumb--on { border-color:#28538E; }
.spp-galeria__thumb img { width:100%; height:100%; object-fit:cover; display:block; }

/* Badge + SKU */
.spp-badge { font-family:"JetBrains Mono",monospace; font-size:.62rem; letter-spacing:.10em; background:#28538E; color:white; padding:4px 12px; border-radius:50px; }
.spp-sku   { font-family:"JetBrains Mono",monospace; font-size:.65rem; letter-spacing:.08em; color:#9aacbc; }

/* Nazwa */
.spp-nazwa { font-size:clamp(1.6rem,3vw,2.4rem); font-weight:500; letter-spacing:-.02em; line-height:1.15; color:#0A0A0A; }

/* Opis krótki */
.spp-opis-krotki { font-size:1rem; color:#6B6B6B; line-height:1.65; }
.spp-opis-krotki p { margin:0; }

/* Tabela specyfikacji */
.spp-spec-table table { border-collapse:collapse; }
.spp-spec-table tr { border-bottom:1px solid #E4E4E4; }
.spp-spec-table tr:last-child { border-bottom:none; }
.spp-spec-key { padding:9px 12px 9px 0; font-size:.88rem; color:#6B6B6B; width:50%; vertical-align:top; }
.spp-spec-val { padding:9px 0; font-size:.88rem; font-weight:600; color:#0A0A0A; }

/* Przyciski */
.spp-btn { border-radius:50px; font-size:.92rem; font-weight:500; text-decoration:none; transition:all .2s; }
.spp-btn--primary { background:#28538E; color:white !important; box-shadow:0 4px 16px rgba(40,83,142,.25); }
.spp-btn--primary:hover { background:#1b3d6e; transform:translateY(-1px); }
.spp-btn--ghost { background:white; color:#0A0A0A !important; border:1px solid rgba(8,47,73,.15); }
.spp-btn--ghost:hover { background:#f0f4f8; }

/* PDF */
.spp-pdf { background:#EFF1F4; border-radius:12px; text-decoration:none; color:#0A0A0A !important; transition:background .2s; }
.spp-pdf:hover { background:#E0E6ED; }
.spp-pdf-ico { width:36px; height:36px; border-radius:8px; background:#C7344B; color:white; display:inline-flex; align-items:center; justify-content:center; font-size:.60rem; font-family:"JetBrains Mono",monospace; font-weight:700; flex-shrink:0; }
.spp-pdf-title { font-size:.88rem; font-weight:600; }
.spp-pdf-sub   { font-size:.72rem; color:#6B6B6B; margin-top:2px; }
.spp-pdf-dl    { font-size:1.1rem; color:#6B6B6B; }

/* Sekcje opisu */
.spp-sek-eyebrow { font-family:"JetBrains Mono",monospace; font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:#28538E; display:flex; align-items:center; gap:10px; }
.spp-sek-eyebrow::before { content:""; display:inline-block; width:24px; height:1px; background:#28538E; }
.spp-sek-tytul { font-size:clamp(1.5rem,2.5vw,2.2rem); font-weight:500; letter-spacing:-.02em; }
.spp-sek-opis  { font-size:1rem; color:#6B6B6B; line-height:1.65; }
.spp-sek-lista { font-size:.9rem; }
.spp-check { width:18px; min-width:18px; height:18px; border-radius:50%; background:#28538E; color:white; font-size:10px; display:inline-flex; align-items:center; justify-content:center; margin-top:2px; flex-shrink:0; }
.spp-sek-img-wrap { aspect-ratio:4/3; background:#EFF1F4; overflow:hidden; }
.spp-sek-img { aspect-ratio:4/3; object-fit:cover; display:block; transition:transform .4s; }
.spp-sek-img-wrap:hover .spp-sek-img { transform:scale(1.03); }

/* Powiązane */
.spp-pow-tytul { font-size:clamp(1.5rem,2.5vw,2rem); font-weight:500; letter-spacing:-.02em; }
.spp-pow-karta { background:white; border:1px solid #E4E4E4; border-radius:16px; overflow:hidden; display:flex; flex-direction:column; transition:transform .2s,box-shadow .2s; }
.spp-pow-karta:hover { transform:translateY(-3px); box-shadow:0 12px 32px rgba(10,10,10,.09); }
.spp-pow-img-wrap { aspect-ratio:4/3; background:#EFF1F4; overflow:hidden; position:relative; display:block; }
.spp-pow-img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s; }
.spp-pow-img-wrap:hover .spp-pow-img { transform:scale(1.04); }
.spp-pow-img-ph { width:100%; aspect-ratio:4/3; background:#EFF1F4; }
.spp-pow-badge { position:absolute; top:10px; left:10px; font-family:"JetBrains Mono",monospace; font-size:.58rem; background:rgba(10,10,10,.72); color:white; padding:3px 9px; border-radius:50px; backdrop-filter:blur(4px); }
.spp-pow-nazwa { font-size:.98rem; font-weight:600; line-height:1.3; }
.spp-pow-nazwa a { color:#0A0A0A; text-decoration:none; }
.spp-pow-nazwa a:hover { color:#28538E; }
.spp-specs-mini { border-top:1px solid #E4E4E4; }
.spp-spec-label-sm { font-family:"JetBrains Mono",monospace; font-size:.62rem; letter-spacing:.08em; text-transform:uppercase; color:#9aacbc; margin-bottom:2px; }
.spp-spec-val-sm   { font-size:.9rem; font-weight:700; color:#0A0A0A; }
.spp-pow-btn { border-radius:50px; font-size:.85rem; font-weight:500; text-decoration:none; transition:all .2s; }

/* Responsywność */
@media (max-width:900px) {
    .spp-hero__inner { flex-direction:column; gap:2rem; }
    .spp-galeria { flex:none; max-width:100%; width:100%; }
    .spp-galeria__main { aspect-ratio:16/9; }
}
@media (max-width:575px) {
    .spp-galeria__thumb { width:70px; min-width:70px; height:50px; }
}