/* One interior hero, shared by services, guides and catalogues. Home is untouched. */
body[data-page="interior"] .subpage-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:54% 46%;grid-template-rows:auto 1fr;max-width:1240px;min-height:570px;margin:0 auto 28px;padding:44px 36px;overflow:hidden;border-radius:20px;background:#f3f9fd;box-shadow:0 12px 40px #05355b0a;color:#071b3d;text-align:left;font-size:17px;line-height:1.55}
body[data-page="interior"] .subpage-hero-heading{position:relative;z-index:2;grid-column:1;align-self:end;padding-right:10px}
body[data-page="interior"] .subpage-hero .color-stripe{display:block;width:110px;height:5px;margin:0 0 20px;background:linear-gradient(90deg,#e90028 0 18%,#c80064 18% 28%,#354b99 28% 45%,#00a8cf 45% 65%,#009d7b 65% 82%,#53ba66 82%)}
body[data-page="interior"] .subpage-hero .eyebrow{display:block;font-size:11px;line-height:1.5;letter-spacing:.14em;margin:0 0 15px;color:#07558d}
body[data-page="interior"] .subpage-hero h1{font-size:clamp(34px,3.4vw,48px);line-height:1.08;letter-spacing:-.035em;margin:0;max-width:none;text-wrap:balance}
body[data-page="interior"] .subpage-hero-detail{position:relative;z-index:2;grid-column:1;padding-right:22px;align-self:start}
body[data-page="interior"] .subpage-hero-lead{font-size:18px;line-height:1.55;margin:22px 0;color:#18344f;max-width:none}
body[data-page="interior"] .subpage-hero-scene{position:absolute;z-index:0;inset:0 0 0 45%;overflow:hidden}
body[data-page="interior"] .subpage-hero-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f3f9fd,transparent 30%)}
body[data-page="interior"] .subpage-hero-scene>img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--scene-focus,60% 50%)}
body[data-page="interior"] .subpage-hero-scene>.ref-photo{position:absolute;inset:0;margin:0;width:100%;height:100%;aspect-ratio:auto;display:flex;align-items:center;justify-content:center;background:#eaf2f5}
body[data-page="interior"] .subpage-hero-scene>.ref-photo svg{position:static;display:block;width:100%;height:auto;transform:none}
body[data-page="interior"] .subpage-hero .actions{display:grid;grid-template-columns:1fr;gap:12px;max-width:460px;width:100%;margin:24px 0 0}
body[data-page="interior"] .subpage-hero .action{width:100%;min-height:56px;box-sizing:border-box;padding:14px 18px;font-size:18px;line-height:1.2;border-radius:12px;justify-content:flex-start;gap:15px}
body[data-page="interior"] .subpage-hero .action-call{background:linear-gradient(100deg,#f0002d,#df0021);color:#fff;border-color:#ec0027}
body[data-page="interior"] .subpage-hero .action-message{background:#00845f;color:#fff;border-color:#00966b}
body[data-page="interior"] .subpage-hero .action svg:first-child{width:28px;height:28px;flex-shrink:0}
body[data-page="interior"] .subpage-hero-offer{position:relative;z-index:2;grid-column:2;grid-row:2;align-self:end;justify-self:end;width:min(100%,270px);padding:22px;border:1px solid #fff;border-radius:16px;background:#ffffffed;box-shadow:0 10px 32px #002b6420;color:#06234b;display:grid;gap:5px;font-size:16px;line-height:1.4}
body[data-page="interior"] .subpage-hero-offer strong{font-size:30px;line-height:1.15}body[data-page="interior"] .subpage-hero-offer small{font-size:13px}
body[data-page="interior"] .subpage-hero .sales-checks{font-size:16px;margin:16px 0;padding:0;list-style:none;display:grid;gap:10px}
body[data-page="interior"] .subpage-hero .sales-checks li{display:flex;gap:9px;align-items:flex-start}body[data-page="interior"] .subpage-hero .sales-checks svg{width:20px;height:20px;flex-shrink:0}
body[data-page="interior"] .subpage-hero .eyebrow:before{display:none}
body[data-page="interior"] .subpage-hero .sales-checks li{font-size:16px;line-height:1.5}
body[data-page="interior"] .subpage-hero-scene>.subpage-product-photo{object-fit:contain;padding:35px 22px 35px 45px;background:radial-gradient(ellipse at 60% 45%,#fff,#e4f0f7);}
/* Compensate only this component for the existing scaled catalogue canvas. */
.reference-canvas .subpage-hero{zoom:calc(1 / var(--reference-scale));width:100%;box-sizing:border-box}
@media(max-width:900px){body[data-page="interior"] .subpage-hero{padding:30px 24px;min-height:520px}body[data-page="interior"] .subpage-hero h1{font-size:36px}body[data-page="interior"] .subpage-hero-lead{font-size:17px}}
@media(max-width:700px){
 body[data-page="interior"] .subpage-hero{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;min-height:0;padding:26px 18px 22px;border-radius:16px;margin-bottom:22px}
 body[data-page="interior"] .subpage-hero-heading{grid-column:1;grid-row:1;min-height:0;align-self:start;display:block;padding:0}
 body[data-page="interior"] .subpage-hero h1{font-size:30px;line-height:1.08;text-wrap:initial;-webkit-hyphens:none;hyphens:none;word-break:normal;overflow-wrap:normal}
 body[data-page="interior"] .subpage-hero .eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:12px}
 body[data-page="interior"] .subpage-hero .color-stripe{width:76px;margin-bottom:16px}
 body[data-page="interior"] .subpage-hero-scene{position:relative;grid-row:3;grid-column:1;inset:auto;margin:20px -18px -22px;align-self:stretch;min-height:245px;overflow:hidden}
 body[data-page="interior"] .subpage-hero-scene:after{background:linear-gradient(0deg,#f3f9fd08,transparent 28%)}
 body[data-page="interior"] .subpage-hero-scene>img{position:absolute;inset:0}
 body[data-page="interior"] .subpage-hero-detail{grid-column:1 / -1;grid-row:2;padding:0;align-self:start}
 body[data-page="interior"] .subpage-hero-lead{font-size:17px;line-height:1.55;margin:20px 0 18px}
 body[data-page="interior"] .subpage-hero .actions{max-width:none;margin-top:22px}
 body[data-page="interior"] .subpage-hero .action{font-size:17px;min-height:56px;padding:14px;gap:10px}
 body[data-page="interior"] .subpage-hero-offer{grid-column:1 / -1;grid-row:4;width:100%;box-sizing:border-box;margin-top:40px;justify-self:stretch;font-size:16px;padding:18px}
 body[data-page="interior"] .subpage-hero .sales-checks{font-size:16px}
 body[data-page="interior"] .subpage-hero-scene>.subpage-product-photo{padding:16px 8px 16px 12px}
 body[data-page="interior"] .header-inner{min-height:64px;gap:8px}
 body[data-page="interior"] .header-inner .brand{display:flex;align-items:center;gap:6px;flex:1}
 body[data-page="interior"] .header-inner .brand-name{font-size:24px;letter-spacing:-.04em}
 body[data-page="interior"] .header-inner .brand-descriptor{font-size:9px;line-height:1.1;padding:0;max-width:77px}
 body[data-page="interior"] .header-actions .action{width:40px;height:40px;min-height:40px;flex-basis:40px}
 body[data-page="interior"] .header-actions .actions{gap:5px}
 body[data-page="interior"] .utility-bar>.wrap{min-height:34px;padding-block:4px;gap:12px}
 body[data-page="interior"] .utility-bar{font-size:10px}body[data-page="interior"] .utility-bar small{font-size:9px}body[data-page="interior"] .utility-bar svg{width:17px;height:17px}
}
@media(max-width:360px){body[data-page="interior"] .subpage-hero{padding-inline:14px}body[data-page="interior"] .subpage-hero h1{font-size:28px}}

/* Only the new documented guides: keep complete words in their split headings. */
body[data-page="interior"] .subpage-hero-technical h1{hyphens:none}



/* Room photograph: separate the image from copy without cropping it or changing mobile. */
@media(min-width:701px){body[data-page="interior"] .subpage-hero-room-photo .subpage-hero-scene{left:52%}}

/* Catalogue product and price occupy separate areas; keep the complete appliance visible. */
body[data-page="interior"] .subpage-product-column{display:contents}
@media(min-width:701px){
 body[data-page="interior"] .subpage-product-column{display:flex;flex-direction:column;grid-column:2;grid-row:1 / 3;gap:20px;min-width:0;position:relative;z-index:1}
 body[data-page="interior"] .subpage-product-column .subpage-hero-scene{position:relative;inset:auto;flex:1;min-height:250px}
 body[data-page="interior"] .subpage-product-column .subpage-hero-scene>.subpage-product-photo{position:absolute;inset:0;padding:0 12px;background:transparent}
 body[data-page="interior"] .subpage-product-column .subpage-hero-offer{align-self:flex-end;box-sizing:border-box;width:min(100%,270px)}
}

