/* Gate-only layout; the existing window configurators keep their styles. */
.vv-gates .vv-gate-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.vv-gates .vv-gate-card { display:block; }
.vv-gates .vv-category-image { height:auto; aspect-ratio: 1.54; }
.vv-gates .vv-category-copy { padding:25px; }
.vv-gates .vv-category-copy h2 { font-size:25px; }
.vv-gates .vv-category-copy > p:not(.vv-gate-brand) { min-height:92px; margin:0 0 22px; }
.vv-gates .vv-gate-brand { color:#ad9360; letter-spacing:.14em; font-size:10px; font-weight:700; margin:0 0 13px; }
.vv-gates .vv-gate-types { flex-wrap:wrap; }
.vv-gates .vv-preview { min-height:380px; }
.vv-gates .vv-photo-stage { padding:16px 18px 30px; }
.vv-gates .vv-photo-stage > img { width:100%; height:auto; max-height:390px; aspect-ratio:1000 / 860; object-fit:contain; }
.vv-gates .vv-photo-caption { font-size:9px; }
.vv-gates .vv-selection h2 { font-size:22px; }
@media (max-width:900px) {
 .vv-gates .vv-gate-grid { gap:14px; }
 .vv-gates .vv-category-copy { padding:18px; }
 .vv-gates .vv-category-copy h2 { font-size:21px; }
 .vv-gates .vv-category-copy > p:not(.vv-gate-brand) { min-height:125px; font-size:12px; }
 .vv-gates .vv-preview { min-height:320px; }
 .vv-gates .vv-selection { padding:24px 18px; }
 .vv-gates .vv-selection h2 { font-size:20px; }
 .vv-gates .vv-photo-stage > img { max-height:310px; }
}
@media (max-width:620px) {
 .vv-gates .vv-gate-grid { grid-template-columns:1fr; gap:20px; }
 .vv-gates .vv-category-image { aspect-ratio:1.7; }
 .vv-gates .vv-category-copy > p:not(.vv-gate-brand) { min-height:0; }
 .vv-gates .vv-preview { min-height:0; }
 .vv-gates .vv-photo-stage { padding:10px 14px 26px; }
 .vv-gates .vv-photo-stage > img { height:240px; max-height:240px; width:100%; }
 .vv-gates .vv-selection { padding:14px; }
 .vv-gates .vv-selection h2 { font-size:14px; }
 .vv-gates .vv-gate-types a { padding:9px 12px; font-size:11px; }
}
@media (max-width:620px) and (max-height:780px) {
 .vv-gates .vv-photo-stage > img { height:190px; max-height:190px; }
}