/* Glass canopies & railings — product page built on shared landing patterns */
.landing-page--canopy .canopy-hero .landing-hero__grid{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:46px;align-items:center}
.landing-page--canopy .landing-hero__copy h1{font-size:clamp(52px,4.5vw,68px);line-height:.97;letter-spacing:-.052em;max-width:720px}
.landing-page--canopy .landing-hero__copy>p{font-size:16px;max-width:610px;margin-bottom:24px}
.landing-page--canopy .landing-hero__media{height:500px;background:#111713}
.landing-page--canopy .landing-hero__media:after{background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.32))}
.canopy-hero-art{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#19211c,#0c110e 68%);position:relative;overflow:hidden}
.canopy-hero-art:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 24% 24%,rgba(140,242,44,.10),transparent 28%),radial-gradient(circle at 78% 64%,rgba(255,255,255,.07),transparent 34%)}
.canopy-hero-art svg{width:78%;height:auto;position:relative;z-index:1;filter:drop-shadow(0 18px 40px rgba(0,0,0,.22))}
.canopy-hero-art .glass{fill:rgba(227,246,239,.08);stroke:#eaf3ee;stroke-width:2}
.canopy-hero-art .metal{stroke:#8cf22c;stroke-width:4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.canopy-hero-art .thin{stroke:rgba(255,255,255,.45);stroke-width:2;fill:none}
.canopy-hero-art .ground{stroke:rgba(255,255,255,.18);stroke-width:2}
.canopy-photo-status{position:absolute;z-index:2;left:18px;top:18px;padding:8px 10px;background:rgba(255,255,255,.94);font-size:10px;font-weight:700;letter-spacing:.01em;color:#101511}

.canopy-types__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.landing-page--canopy .canopy-type{background:#fff;border:1px solid #e1e6df;overflow:hidden;display:flex;flex-direction:column;transition:border-color .16s ease,box-shadow .16s ease}
.landing-page--canopy .canopy-type .office-type__media{height:270px;margin:0;background:#151b17;overflow:hidden}
.landing-page--canopy .canopy-type .office-type__content{padding:20px 20px 18px;display:flex;flex-direction:column;flex:1}
.landing-page--canopy .canopy-type h3{font-size:21px;line-height:1.18;letter-spacing:-.025em}
.landing-page--canopy .canopy-type p{font-size:13px;line-height:1.55;margin:0 0 18px}
.landing-page--canopy .canopy-type .office-type__footer{margin-top:auto;padding-top:14px;border-top:1px solid #edf0eb;justify-content:flex-end}
.landing-page--canopy .canopy-type .office-type__footer strong{font-size:12.5px}
@media(hover:hover){.landing-page--canopy .canopy-type:hover{border-color:#ccd7c7;box-shadow:0 8px 24px rgba(18,29,23,.055)}.landing-page--canopy .canopy-type:hover .canopy-card-art svg{transform:scale(1.02)}}
.canopy-card-art{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#18201b,#0e1410);position:relative}
.canopy-card-art svg{width:72%;height:auto;transition:transform .18s ease}
.canopy-card-art .glass{fill:rgba(235,250,244,.08);stroke:#f0f6f3;stroke-width:2}
.canopy-card-art .metal{stroke:#8cf22c;stroke-width:4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.canopy-card-art .thin{stroke:rgba(255,255,255,.4);stroke-width:2;fill:none}
.canopy-card-art small{position:absolute;left:14px;bottom:12px;color:rgba(255,255,255,.55);font-size:10px}

.canopy-config__cta{margin-top:22px;padding:16px 18px;background:#fff;border:1px solid var(--lime);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}
.canopy-config__cta strong{display:block;font-size:14px;margin-bottom:4px}
.canopy-config__cta span{display:block;color:var(--muted);font-size:12px;line-height:1.5}

.canopy-tech__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:18px;align-items:stretch}
.canopy-tech__visual{min-height:360px;background:#141a16;display:flex;align-items:center;justify-content:center;overflow:hidden}
.canopy-tech__visual .canopy-card-art{min-height:360px}
.canopy-tech__copy{background:#fff;border:1px solid #e4e9e0;padding:28px 28px 24px;display:flex;flex-direction:column;justify-content:center}
.canopy-tech__copy .accent-title{margin:0 0 16px;font-size:clamp(31px,2.6vw,42px)}
.canopy-tech__facts{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}
.canopy-tech__facts span{position:relative;padding-left:16px;display:grid;gap:4px}
.canopy-tech__facts span:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--lime)}
.canopy-tech__facts strong{font-size:15px;line-height:1.25}
.canopy-tech__facts small{font-size:11.5px;line-height:1.45;color:var(--muted)}
.canopy-tech__note{margin:12px 0 0;padding:13px 15px;background:#fff;border-left:3px solid var(--lime);font-size:12px;line-height:1.6;color:var(--muted)}
.canopy-tech__note strong{color:var(--text);margin-right:4px}

.canopy-projects__grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px}
.canopy-project-placeholder{min-height:270px;background:#121713;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.canopy-project-placeholder:first-child{min-height:300px}
.canopy-project-placeholder .canopy-card-art{position:absolute;inset:0}
.canopy-project-placeholder__label{position:absolute;left:16px;right:16px;bottom:14px;color:#fff;z-index:2}
.canopy-project-placeholder__label strong{display:block;font-size:17px;line-height:1.25;margin-bottom:3px}
.canopy-project-placeholder__label span{font-size:10.5px;color:rgba(255,255,255,.7)}
.canopy-projects__note{margin:14px 0 0;padding:12px 14px;background:#fff;border-left:3px solid var(--lime);font-size:12px;line-height:1.55;color:var(--muted)}

.landing-page--canopy .installation-grid{align-items:start}
.canopy-install-visual{height:100%;min-height:430px;background:#0e1410;display:flex;align-items:center;justify-content:center;overflow:hidden}
.canopy-install-visual .canopy-card-art{min-height:430px}

.canopy-estimate__compact{display:grid;grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);gap:34px;align-items:center}
.canopy-estimate__copy .accent-title{margin:0 0 14px}
.canopy-estimate__benefits{display:flex;gap:10px 18px;flex-wrap:wrap}
.canopy-estimate__benefits span{position:relative;padding-left:13px;font-size:12px;font-weight:600;line-height:1.45}
.canopy-estimate__benefits span:before{content:"";position:absolute;left:0;top:.58em;width:5px;height:5px;border-radius:50%;background:var(--lime)}
.canopy-estimate__formwrap{max-width:560px;width:100%}
.canopy-estimate__formwrap .bottom-request-form{margin:0}

@media(max-width:1020px){
 .landing-page--canopy .canopy-hero .landing-hero__grid{grid-template-columns:1fr;gap:30px}
 .landing-page--canopy .landing-hero__media{height:430px}
 .canopy-tech__grid{grid-template-columns:1fr}
 .canopy-projects__grid{grid-template-columns:1fr 1fr}
 .canopy-project-placeholder:first-child{grid-column:1/-1;min-height:300px}
 .canopy-estimate__compact{grid-template-columns:1fr;gap:22px}
 .canopy-estimate__formwrap{max-width:none}
}
@media(max-width:700px){
 .canopy-types__grid{grid-template-columns:1fr}
 .landing-page--canopy .canopy-type .office-type__media{height:230px}
 .canopy-config__cta{grid-template-columns:1fr}
 .canopy-config__cta .button{width:100%;justify-content:center}
 .canopy-tech__facts{grid-template-columns:1fr}
 .canopy-projects__grid{grid-template-columns:1fr}
 .canopy-project-placeholder:first-child{grid-column:auto;min-height:260px}
 .canopy-project-placeholder{min-height:235px}
}
@media(max-width:620px){
 .landing-page--canopy .landing-hero__copy h1{font-size:42px}
 .landing-page--canopy .landing-hero__media{height:340px}
 .canopy-tech__copy{padding:20px 18px}
 .canopy-estimate__benefits{display:grid;gap:8px}
}


/* v6.14.1 — real canopy photos + form/layout polish */
.landing-page--canopy .landing-hero__media{height:500px;background:#dfe6e1}
.landing-page--canopy .landing-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;cursor:zoom-in}
.landing-page--canopy .landing-hero__facts>div{padding-right:12px}
.landing-page--canopy .landing-hero__facts strong{font-size:14px}
.landing-page--canopy .landing-hero__facts span{font-size:11px}
.landing-page--canopy .canopy-type .office-type__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;cursor:zoom-in;transition:transform .18s cubic-bezier(.2,0,0,1)}
@media(hover:hover){.landing-page--canopy .canopy-type:hover .office-type__media img{transform:scale(1.02)}}
.landing-page--canopy .canopy-type .office-type__footer{justify-content:flex-start}
.canopy-tech__visual{min-height:360px;background:#eff3ee;overflow:hidden}
.canopy-tech__visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;cursor:zoom-in}
.canopy-tech__copy .accent-title{font-size:clamp(30px,2.5vw,40px);line-height:1.03;max-width:420px}
.canopy-projects__note{display:none}
.canopy-estimate{background:var(--paper);padding-top:68px;padding-bottom:72px}
.canopy-estimate__compact{grid-template-columns:minmax(320px,.92fr) minmax(430px,1.08fr);gap:48px;align-items:center}
.canopy-estimate__copy .accent-title{margin:0 0 16px;max-width:460px;font-size:clamp(38px,3.2vw,50px);line-height:1.02;letter-spacing:-.045em}
.canopy-estimate__copy>p{margin:0 0 14px;max-width:420px;color:var(--muted);font-size:13px;line-height:1.6}
.canopy-estimate__benefits{width:100%;max-width:430px;display:grid;gap:8px;padding:0;background:transparent;border:0}
.canopy-estimate__benefits span{position:relative;padding-left:13px;color:var(--text);font-size:12px;line-height:1.45;font-weight:400}
.canopy-estimate__benefits span:before{content:"";position:absolute;left:0;top:.58em;width:5px;height:5px;border-radius:50%;background:var(--lime)}
.canopy-estimate__formwrap{width:100%;max-width:540px;justify-self:end;align-self:center;background:#fff;border:1px solid #e2e7df;padding:16px 18px}
.canopy-estimate__formwrap .bottom-request-form{margin:0}
.canopy-estimate__formwrap textarea{min-height:62px}
.canopy-estimate__formwrap .bottom-request-form__grid{gap:12px 14px}
.canopy-estimate__formwrap .bottom-request-form__footer{margin-top:12px}
@media(max-width:1020px){.canopy-estimate__compact{grid-template-columns:1fr;gap:24px}.canopy-estimate__copy .accent-title,.canopy-estimate__copy>p,.canopy-estimate__benefits{max-width:none}.canopy-estimate__formwrap{justify-self:stretch;max-width:none}}
@media(max-width:780px){.landing-page--canopy .landing-hero__media{height:430px}}
@media(max-width:620px){.landing-page--canopy .landing-hero__copy h1{font-size:42px}.landing-page--canopy .landing-hero__media{height:360px}.canopy-tech__visual{height:240px;min-height:0}.canopy-tech__copy{padding:18px}.canopy-tech__facts{grid-template-columns:1fr;gap:14px}.canopy-estimate{padding-top:52px;padding-bottom:56px}.canopy-estimate__copy .accent-title{font-size:38px}.canopy-estimate__formwrap{padding:16px}}


/* v6.14.2 — compact tech block + clean estimate alignment */
.landing-page--canopy .canopy-tech__grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:18px;align-items:stretch}
.landing-page--canopy .canopy-tech__visual{height:360px;min-height:360px}
.landing-page--canopy .canopy-tech__copy{height:360px;min-height:360px;padding:24px 26px;justify-content:center}
.landing-page--canopy .canopy-tech__copy .accent-title{font-size:clamp(27px,2.2vw,34px);line-height:1.04;margin:0 0 18px;max-width:380px}
.landing-page--canopy .canopy-tech__facts{gap:16px 20px}
.landing-page--canopy .canopy-tech__facts strong{font-size:14px}
.landing-page--canopy .canopy-tech__facts small{font-size:11px}
.landing-page--canopy .canopy-estimate__copy>p{display:none}
.landing-page--canopy .canopy-estimate__benefits{margin-left:18px;max-width:430px}
.landing-page--canopy .canopy-estimate__benefits span{font-weight:400}
@media(max-width:1020px){.landing-page--canopy .canopy-tech__copy{height:auto;min-height:0}.landing-page--canopy .canopy-tech__visual{height:320px;min-height:320px}.landing-page--canopy .canopy-estimate__benefits{margin-left:18px;max-width:none}}
@media(max-width:620px){.landing-page--canopy .canopy-tech__visual{height:240px;min-height:240px}.landing-page--canopy .canopy-estimate__benefits{margin-left:18px}}


/* v6.14.3 — tech heading + borderless compact enquiry */
.landing-page--canopy .canopy-tech__copy .accent-title{
  font-size:clamp(34px,2.9vw,46px);
  line-height:1.02;
  letter-spacing:-.04em;
  max-width:430px;
  margin:0 0 20px;
}
.landing-page--canopy .canopy-estimate__benefits{
  margin-left:18px;
  display:grid;
  gap:8px;
  max-width:440px;
}
.landing-page--canopy .canopy-estimate__benefits span{font-weight:400}
.landing-page--canopy .canopy-estimate__formwrap{
  background:transparent;
  border:0;
  padding:0;
}
@media(max-width:1020px){
  .landing-page--canopy .canopy-estimate__benefits{margin-left:18px;max-width:none}
}
@media(max-width:620px){
  .landing-page--canopy .canopy-tech__copy .accent-title{font-size:36px}
  .landing-page--canopy .canopy-estimate__benefits{margin-left:14px}
}


/* v6.14.5 — canopy example uses parameter-style technical facts */
.landing-page--canopy .canopy-tech__copy .accent-title{max-width:none}
.landing-page--canopy .canopy-tech__facts--params strong{font-size:20px;line-height:1.15;letter-spacing:-.02em}
.landing-page--canopy .canopy-tech__facts--params small{font-size:11.5px}