/* CSS dla bloku produkt-karta */
.produkt-karta__glowne { aspect-ratio: 4/3; background: #EFF1F4; }
.produkt-karta__glowne--placeholder { aspect-ratio: 4/3; background: #EFF1F4; }
.produkt-karta__glowne img { transition: transform 0.4s; display: block; }
.produkt-karta__glowne:hover img { transform: scale(1.03); }

.produkt-karta__thumb {
    width: 80px; height: 60px; background: #EFF1F4;
    cursor: pointer; border: 2px solid transparent; transition: border-color 0.2s;
}
.produkt-karta__thumb--aktywny { border-color: #28538E; }

.produkt-karta__badge {
    font-family: "JetBrains Mono", monospace; font-size: 0.65rem;
    background: #28538E; color: white; padding: 4px 12px; border-radius: 50px;
    letter-spacing: 0.05em; text-transform: uppercase;
}
.produkt-karta__sku { font-size: 0.82rem; color: #6B6B6B; }
.produkt-karta__nazwa { font-size: clamp(1.6rem, 2.8vw, 2.4rem); font-weight: 500; letter-spacing: -0.02em; line-height: 1.15; }
.produkt-karta__opis { font-size: 1rem; color: #6B6B6B; line-height: 1.65; max-width: 36rem; }

.produkt-karta__tabela { border-collapse: collapse; font-size: 0.88rem; }
.produkt-karta__tabela-row { border-bottom: 1px solid #E4E4E4; }
.produkt-karta__tabela-klucz { padding: 10px 0; color: #6B6B6B; width: 50%; }
.produkt-karta__tabela-val { padding: 10px 0; font-weight: 600; }

.produkt-karta__btn--primary {
    background: #28538E; color: white; border-radius: 50px;
    font-size: 0.9rem; font-weight: 500; text-decoration: none; transition: all 0.2s;
}
.produkt-karta__btn--primary:hover { background: #1b3d6e; color: white; }
.produkt-karta__btn--ghost {
    background: transparent; color: #0A0A0A; border: 1px solid #0A0A0A;
    border-radius: 50px; font-size: 0.9rem; font-weight: 500; text-decoration: none; transition: all 0.2s;
}
.produkt-karta__btn--ghost:hover { background: #0A0A0A; color: white; }

.produkt-karta__pdf {
    background: #EFF1F4; border-radius: 12px; text-decoration: none; color: #0A0A0A; transition: background 0.2s;
}
.produkt-karta__pdf:hover { background: #E4E4E4; color: #0A0A0A; }
.produkt-karta__pdf-icon {
    width: 36px; height: 36px; border-radius: 8px; background: #C7344B;
    color: white; display: inline-flex; align-items: center; justify-content: center;
    font-size: 0.65rem; font-family: "JetBrains Mono", monospace; font-weight: 700;
    flex-shrink: 0;
}
.produkt-karta__pdf-title { font-size: 0.9rem; font-weight: 600; }
.produkt-karta__pdf-meta { font-size: 0.75rem; color: #6B6B6B; margin-top: 2px; }
.produkt-karta__pdf-arrow { font-size: 1.1rem; color: #6B6B6B; }