.product-gallery{width:100%;max-width:none;margin:0;padding:0;background:#101f2b;color:#fff;overflow:hidden}.product-gallery .pg-heading{padding:42px max(5vw,20px) 26px;display:flex;align-items:end;justify-content:space-between;gap:24px}.product-gallery .pg-heading h2{color:#fff;font-size:clamp(30px,3.5vw,52px);line-height:1.1;margin:8px 0 0}.product-gallery .pg-heading .eyebrow{color:#aacec7}.product-gallery .pg-heading p{color:#c6d1d8;margin:0}.product-gallery .pg-track{display:flex;position:relative;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#aacec7 #101f2b}.product-gallery .pg-slide{flex:0 0 100%;width:100%;max-width:none;min-width:0;margin:0;scroll-snap-align:start;scroll-snap-stop:always;background:#101f2b}.product-gallery .pg-photo{width:100%;height:clamp(340px,50vw,740px);background:#0b1721;display:flex;align-items:center;justify-content:center}.product-gallery .pg-photo img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;margin:0;padding:0;border:0;border-radius:0}.product-gallery figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:22px;padding:18px max(5vw,20px);font-size:15px;line-height:1.5;color:#fff}.product-gallery figcaption a{color:#bfcfd6;font-size:12px;text-decoration:underline;text-underline-offset:3px;flex-shrink:0}.product-gallery .pg-controls{display:flex;justify-content:center;align-items:center;gap:24px;padding:0 20px 20px}.product-gallery .pg-controls[hidden]{display:none}.product-gallery .pg-controls>button{border:1px solid #75828c;background:transparent;color:#fff;border-radius:50%;width:48px;height:48px;min-height:48px;font-size:24px;cursor:pointer}.product-gallery .pg-dots{display:flex;gap:2px}.product-gallery .pg-dot{position:relative;background:transparent;border:0;width:32px;height:44px;min-height:44px;padding:0;cursor:pointer}.product-gallery .pg-dot:after{content:'';position:absolute;width:7px;height:7px;top:18px;left:12px;border-radius:100%;background:#647883}.product-gallery .pg-dot[aria-pressed=true]:after{background:#b8e0d6;box-shadow:0 0 0 4px #b8e0d622}.product-gallery .pg-counter{font-size:13px;font-variant-numeric:tabular-nums;color:#c6d1d8;min-width:34px}.product-gallery .pg-note{font-size:11px;color:#b1c0c9;text-align:center;line-height:1.6;margin:0;padding:0 6% 25px}.product-gallery :focus-visible{outline:3px solid #f2c36d;outline-offset:-3px}@media(max-width:700px){.product-gallery .pg-heading{padding:28px 6% 22px;display:block}.product-gallery .pg-heading p{font-size:14px;margin-top:12px}.product-gallery .pg-photo{height:80vw;min-height:250px;max-height:500px}.product-gallery figcaption{padding:15px 6%;display:block;min-height:95px;font-size:13px}.product-gallery figcaption a{display:block;margin-top:7px;font-size:11px}.product-gallery .pg-controls{gap:12px}.product-gallery .pg-note{font-size:10px}}@media(prefers-reduced-motion:reduce){.product-gallery *{scroll-behavior:auto!important}}
/* One consistent lead-image frame across aluminium and uPVC product ranges. */
body main section[class].uniform-product-hero{display:grid;grid-template-columns:38% 62%;height:auto;min-height:590px;max-height:none;position:relative;background:#f0f5f9;align-items:stretch;isolation:auto;padding:0}body main section[class].uniform-product-hero>img{position:static;inset:auto;grid-column:2;grid-row:1;width:100%;height:590px;min-height:590px;max-height:none;object-fit:cover;object-position:center;padding:0;margin:0;border-radius:0;z-index:auto;aspect-ratio:auto}body main section[class].uniform-product-hero>div:not(.pvc-photo-shade){grid-column:1;grid-row:1;padding:45px 11%;max-width:none;width:auto;box-sizing:border-box;color:#202a32;display:flex;flex-direction:column;justify-content:center}body main section[class].uniform-product-hero .pvc-photo-shade{display:none}body main section[class].uniform-product-hero h1{color:#0b2c62;font-size:clamp(32px,3.5vw,56px);margin:0 0 22px;text-wrap:initial}body main section[class].uniform-product-hero p,body main section[class].uniform-product-hero .pvc-photo-copy>p{color:#526573;font-size:17px;line-height:1.65}body main section[class].uniform-product-hero .eyebrow{color:#202a32;font-size:12px;margin:0 0 25px}body main section[class].uniform-product-hero .button{align-self:flex-start}body main section[class].uniform-product-hero .button.secondary{color:#0b2c62}body main section[class].uniform-product-hero .actions{margin-top:0}body main section[class].uniform-product-hero .crumb{margin-bottom:30px}@media(min-width:701px) and (max-width:1000px){body main section[class].uniform-product-hero{grid-template-columns:45% 55%}body main section[class].uniform-product-hero>div:not(.pvc-photo-shade){padding:30px 8%}body main section[class].uniform-product-hero h1{font-size:34px}}@media(max-width:700px){body main section[class].uniform-product-hero{display:flex;flex-direction:column;min-height:0}body main section[class].uniform-product-hero>img{order:0;min-height:0;height:auto;aspect-ratio:4/3;max-height:none;object-fit:cover}body main section[class].uniform-product-hero>div:not(.pvc-photo-shade){order:1;padding:30px 6%}body main section[class].uniform-product-hero h1{font-size:36px}}
/* Avoid global site-header styling leaking into gallery headings. */
.product-gallery .pg-heading{height:auto;min-height:0;background:transparent;border:0}
/* More photographs without crowded controls on narrow screens. */
.product-gallery .pg-dots{flex-wrap:wrap;justify-content:center;max-width:360px}
@media(max-width:700px){.product-gallery .pg-controls{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:4px 12px;max-width:460px;margin:0 auto}.product-gallery .pg-prev{grid-column:1;grid-row:1}.product-gallery .pg-dots{grid-column:2;grid-row:1}.product-gallery .pg-next{grid-column:3;grid-row:1}.product-gallery .pg-counter{grid-column:1/-1;grid-row:2;text-align:center}.product-gallery .pg-dot{width:24px}.product-gallery .pg-dot:after{left:9px}}