/* ZIP Screens page — isolated styles only. Safe to load after the main site stylesheet. */
.zip-screens-page .product-hero-copy{max-width:620px}
.zip-screens-page .product-slides{background:#ecebe8}
.zip-screens-page .product-slide img{object-fit:cover;object-position:center 48%}
.zip-screens-page .product-slide:nth-child(2) img{object-position:center 54%}
.zip-screens-page .product-slide:nth-child(3) img{object-position:center 50%}

.zip-screens-page .zip-gallery{background:var(--soft)}
.zip-screens-page .zip-gallery .product-section-head{max-width:820px}
.zip-screens-page .zip-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px;margin-top:34px}
.zip-screens-page .zip-gallery-card{margin:0;min-width:0}
.zip-screens-page .zip-gallery-card .product-detail-image{position:relative;display:block;width:100%;aspect-ratio:4/3;padding:0;border:0;overflow:hidden;background:#e8e7e4;cursor:zoom-in}
.zip-screens-page .zip-gallery-card .product-detail-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.zip-screens-page .zip-gallery-card:nth-child(3) .product-detail-image img{object-position:center 38%}
.zip-screens-page .zip-gallery-card:nth-child(4) .product-detail-image img{object-position:center 44%}
.zip-screens-page .zip-gallery-card:nth-child(5) .product-detail-image img{object-position:center 50%}
.zip-screens-page .zip-gallery-card .product-detail-image:hover img{transform:scale(1.025)}
.zip-screens-page .zip-gallery-card .product-detail-image>span{position:absolute;right:12px;bottom:12px;display:grid;width:38px;height:38px;place-items:center;background:var(--navy);color:#fff;font-size:22px;line-height:1;pointer-events:none}
.zip-screens-page .zip-gallery-card .product-detail-image:hover>span{background:var(--red)}
.zip-screens-page .zip-gallery-card figcaption{display:flex;gap:14px;align-items:flex-start;padding-top:11px}
.zip-screens-page .zip-gallery-card figcaption>span{color:var(--red);font-size:10px;line-height:1.45;flex:none}
.zip-screens-page .zip-gallery-card figcaption>strong{color:var(--navy);font-size:16px;font-weight:400;line-height:1.45}
.zip-screens-page .zip-gallery-note{max-width:900px;margin:30px 0 0;color:var(--muted);font-size:11px;line-height:1.7}

.zip-screens-page .zip-feature-stories{background:#fff}
.zip-screens-page .zip-feature-stories .product-section-head{max-width:840px;margin-bottom:34px}
.zip-screens-page .zip-feature-story{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:clamp(36px,5vw,76px);align-items:center;padding:44px 0;border-top:1px solid var(--line)}
.zip-screens-page .zip-feature-story:first-of-type{padding-top:0;border-top:0}
.zip-screens-page .zip-feature-story--reverse .zip-feature-media{order:2}
.zip-screens-page .zip-feature-story--reverse .zip-feature-copy{order:1}
.zip-screens-page .zip-feature-media .product-detail-image{position:relative;display:block;width:100%;aspect-ratio:1.55/1;padding:0;border:0;overflow:hidden;background:#e8e7e4;cursor:zoom-in}
.zip-screens-page .zip-feature-media .product-detail-image img{display:block;width:100%;height:100%;object-fit:cover}
.zip-screens-page .zip-feature-story:nth-of-type(2) .zip-feature-media img{object-position:center 46%}
.zip-screens-page .zip-feature-story:nth-of-type(3) .zip-feature-media img{object-position:center 48%}
.zip-screens-page .zip-feature-media .product-detail-image>span{position:absolute;right:14px;bottom:14px;display:grid;width:42px;height:42px;place-items:center;background:var(--navy);color:#fff;font-size:24px;line-height:1;pointer-events:none}
.zip-screens-page .zip-feature-media .product-detail-image:hover>span{background:var(--red)}
.zip-screens-page .zip-feature-copy{max-width:610px}
.zip-screens-page .zip-feature-copy h3{margin:6px 0 18px;color:var(--navy);font-size:clamp(24px,2.4vw,34px);line-height:1.18;font-weight:400}
.zip-screens-page .zip-feature-copy p:not(.eyebrow){margin:0 0 14px;color:var(--text);font-size:15px;line-height:1.78}
.zip-screens-page .zip-feature-copy .product-link{margin-top:8px}

.zip-screens-page .zip-practical-note{margin-top:28px;padding:18px 20px;border-left:2px solid var(--red);background:var(--soft);color:var(--text);font-size:12px;line-height:1.75}
.zip-screens-page .zip-practical-note strong{color:var(--navy)}

@media(max-width:900px){
  .zip-screens-page .zip-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .zip-screens-page .zip-feature-story{grid-template-columns:1fr;gap:26px;padding:36px 0}
  .zip-screens-page .zip-feature-story--reverse .zip-feature-media,.zip-screens-page .zip-feature-story--reverse .zip-feature-copy{order:initial}
  .zip-screens-page .zip-feature-copy{max-width:760px}
}
@media(max-width:620px){
  .zip-screens-page .zip-gallery-grid{grid-template-columns:1fr;gap:26px}
  .zip-screens-page .zip-gallery-card .product-detail-image,.zip-screens-page .zip-feature-media .product-detail-image{aspect-ratio:4/3}
  .zip-screens-page .zip-feature-copy p:not(.eyebrow){font-size:14px}
}

/* Typography alignment only — matched to the Pergolas page scale. */
.zip-screens-page h1{font-size:32px!important}
.zip-screens-page h2{font-size:24px!important}
.zip-screens-page h3{font-size:18px!important}
.zip-screens-page .eyebrow{font-size:10px!important}
@media(max-width:620px){.zip-screens-page h1{font-size:27px!important}.zip-screens-page h2{font-size:22px!important}}