/* ═══════════════════════════════════════════════════════════════════════════
   Baugrößen-Karten  –  exakt nach Vorlage X-Serie Produkte.dc.html
   ═══════════════════════════════════════════════════════════════════════════ */

.ed-section.ed-baugroessen-karten {
  padding: clamp(80px, 12vh, 150px) var(--ed-pad-h);
}

/* Karten-Hover: Box-Shadow + Hintergrund (wie im Template) */
.ed-bgk-card {
    transition: background .35s, box-shadow .35s;
}
.ed-bgk-card:hover {
    background: #fff;
    box-shadow: 0 26px 50px -30px rgba(14, 42, 69, .5);
}

/* Produktbild: Scale beim Hover */
.ed-bgk-card .pshot {
    transition: transform .6s cubic-bezier(.2, .7, .2, 1);
}
.ed-bgk-card:hover .pshot {
    transform: scale(1.06);
}

/* Pfeil-Icon im Footer der Karte */
.ed-bgk-card .par {
    transition: transform .35s, color .35s;
}
.ed-bgk-card:hover .par {
    transform: translateX(6px);
    color: #CC2B1D;
}

/* Responsive Grid */
@media (max-width: 1080px) {
    .ed-baugroessen-karten .prod-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 920px) {
    .ed-baugroessen-karten .ed-bgk-intro {
        grid-template-columns: 1fr !important;
        align-items: start !important;
        gap: 20px !important;
    }
}
@media (max-width: 640px) {
    .ed-baugroessen-karten .prod-grid { grid-template-columns: 1fr !important; }
}