/* Bien Hecho Theme 0.4.61 — commercial rails CSS */

/* === 23-commercial-rails.css === */
.bh-commercial-rail-slot{padding-block:clamp(38px,4.6vw,62px);background:var(--bh-surface)}
.bh-commercial-rail-slot--2{background:var(--bh-surface)}
.bh-commercial-rail-slot__eyebrow{display:block;margin-bottom:8px}
.bh-section-head--compact{margin-bottom:18px}.bh-section-head--compact h2{margin:0;font-size:clamp(1.65rem,2.4vw,2.25rem)}
.bh-commercial-rail__track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);grid-template-rows:1fr;gap:16px;overflow-x:auto;padding:9px 2px 12px;margin-top:-7px;scroll-snap-type:x mandatory;scrollbar-width:none}.bh-commercial-rail__track::-webkit-scrollbar{display:none}.bh-commercial-rail__track>.bh-product-card{scroll-snap-align:start;min-width:0}
@media(min-width:1180px){.bh-commercial-rail__track{grid-auto-columns:calc((100% - 48px)/4)}}
@media(max-width:700px){.bh-commercial-rail-slot{padding-block:34px}.bh-commercial-rail__track{grid-auto-columns:var(--bh-mobile-product-rail-card);gap:12px}}