/* AIO product-page typography, spacing and responsive layout. */
@import url("/solar-street-lights/all-in-one-solar-led-street-light/styles.css?v=20261012-73");



/* Three-Face model-specific content; the shared product layout above is the AIO template. */
html{scrollbar-gutter:stable}
/* Keep every original model view complete within the square presentation stage. */
.gallery-image-button{position:relative;height:auto;aspect-ratio:1/1;overflow:hidden}
.gallery-image-button>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;object-fit:contain}
.variant-values{display:block}
.model-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 19px;margin:0 0 19px}
.model-summary>div{min-width:0}
.model-summary dt{color:var(--muted);font-size:12px;line-height:1.7}
.model-summary dd{font-size:14px;font-weight:600;margin:3px 0 0;line-height:1.65}
.remote-reference{display:flex;align-items:center;gap:19px;margin-top:22px;padding:15px;border:1px solid var(--line);background:var(--white)}
.remote-reference>button{display:grid;place-items:center;flex-shrink:0;width:88px;height:220px;padding:8px;border:0;background:#f1f2f5}
.remote-reference img{width:100%;height:100%;object-fit:contain}
.remote-reference b{font-size:14px;font-weight:600}
.remote-reference p{font-size:13px;line-height:1.75;margin-top:5px}
.specification-image{display:block;width:min(460px,100%);margin:24px auto 0}
.specification-image img{width:100%;height:auto;object-fit:contain}
.native-views-heading{font-size:22px;line-height:1.4;margin:25px 0 15px}
.native-view-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.native-view-gallery>button{display:block;min-width:0;min-height:44px;padding:8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);color:var(--ink)}
.native-view-gallery>button>span{display:flex;align-items:center;justify-content:center;width:100%;height:180px;background:#f1f2f5;overflow:hidden}
.native-view-gallery img{width:100%;height:100%;max-height:180px;object-fit:contain}
.native-view-gallery b{display:block;font-size:12px;font-weight:600;line-height:1.5;margin-top:8px}
@media(max-width:700px){
 .model-summary{gap:11px 15px}
 .remote-reference{gap:15px;padding:13px}
 .native-view-gallery{gap:11px}
 .native-view-gallery>button>span{height:150px}
 .native-view-gallery img{max-height:150px}
}

.original-view-gallery b small{display:block;font-size:11px;font-weight:400;line-height:1.5;color:var(--muted);margin-top:3px}
.configuration-strip>.model-summary{grid-template-columns:repeat(4,minmax(0,1fr));margin:18px 0 0;padding:16px 0;border-block:1px solid var(--line)}
@media(max-width:560px){.configuration-strip>.model-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}