/* Poliklinika Knezović - kartice za podstranice usluga (migracija 21.10.2026., paket knezovic-usluge-onama-20261021) */
.kz-pod-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-top: 40px;
}
.kz-pod-card {
    display: block;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: 16px;
    padding: 20px 22px;
    text-decoration: none;
    transition: transform .2s, box-shadow .2s;
}
.kz-pod-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(59,130,246,0.12);
}
.kz-pod-card h4 {
    font-size: 15.5px;
    font-weight: 700;
    color: var(--dark, #0f1d33);
    margin: 0 0 4px;
}
.kz-pod-card span {
    font-size: 13px;
    font-weight: 600;
    color: var(--primary, #3b82f6);
}
@media (max-width: 900px) {
    .kz-pod-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
    .kz-pod-grid { grid-template-columns: minmax(0, 1fr); }
}

/* Mobilni prelom hero + kartica cijene (Petra 21.10.2026., "okvir preširok"):
   grid 1fr = min-content zamka - dugačka riječ u h1 širi stupac preko ekrana.
   Uvijek minmax(0, 1fr). "body" prefiks da nadjača <style> u template.php. */
@media (min-width: 1025px) {
    body .hero-inner { grid-template-columns: minmax(0, 1fr) 400px; }
}
@media (max-width: 1024px) {
    body .hero-inner { grid-template-columns: minmax(0, 1fr); }
    body .price-card { width: 100%; max-width: 480px; min-width: 0; box-sizing: border-box; }
}
body .hero h1 { overflow-wrap: break-word; hyphens: auto; }
@media (max-width: 640px) {
    body .price-card { padding: 24px 20px; border-radius: 20px; }
    body .price-amount { font-size: clamp(36px, 11vw, 56px); }
    body .key-info-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* Kartica cijene na mobitelu u vidljivom okviru (Petra 21.10.2026.: "cijena unutar kvadrata").
   Na bijeloj pozadini hera kartica se nije razlikovala od stranice. */
@media (max-width: 1024px) {
    body .price-card {
        background: #fff;
        border: 2px solid rgba(59,130,246,0.45);
        box-shadow: 0 12px 36px rgba(15,29,51,0.14);
        margin-top: 8px;
    }
    body .price-card .price-divider { margin-left: 0; margin-right: 0; }
}

/* Okvir kartice cijene na SVIM sirinama (Petra 21.10.2026., desktop: "treba stroke, odijeliti u box") */
body .price-card {
    background: #fff;
    border: 2px solid rgba(59,130,246,0.45);
    box-shadow: 0 14px 40px rgba(15,29,51,0.12);
}
body .kz-pod-card { border: 1.5px solid rgba(59,130,246,0.25); }

/* Stari sloj u shared-styles brise obrub svim karticama: html body :is(.price-card, ...) { border: 0 !important }.
   Jaca specificnost + !important samo za karticu cijene i kartice podstranica (21.10.2026.). */
html body .price-card.price-card:not(#_) {
    border: 2px solid rgba(120,79,160,0.28) !important;
    box-shadow: 0 14px 40px rgba(15,29,51,0.12) !important;
    background: #fff !important;
}
html body .kz-pod-card.kz-pod-card:not(#_) { border: 1.5px solid rgba(120,79,160,0.18) !important; }