/* Shared refinement for the nine Complementi pages only. */
.complements-detail .page-hero>img{filter:none}
.complements-detail:not(.complementi-page) .page-hero .hero-shade{
 background:linear-gradient(90deg,rgba(9,11,10,.76) 0%,rgba(9,11,10,.49) 36%,rgba(9,11,10,.12) 72%,rgba(9,11,10,.03) 100%),linear-gradient(0deg,rgba(9,11,10,.32),transparent 58%);
 opacity:1;
}
.complements-detail .page-hero-copy{max-width:100%;text-shadow:0 2px 8px #0008}
.complements-detail .page-hero h1{max-width:100%;overflow-wrap:break-word}
.complements-detail main>.fine{
 width:calc(100% - 2 * var(--pad));max-width:1440px;margin-inline:auto;
}
.complements-detail :is(.configure-layout,.request-layout,.detail-intro,.section-head,.faq-layout,.fields)>*{min-width:0}
.complements-detail :is(.technical-note,.fine,.image-source,.category-action,.option small){overflow-wrap:anywhere}
.complements-detail .specs{table-layout:fixed}
.complements-detail .specs :is(th,td){overflow-wrap:anywhere}
@media(max-width:900px){
 html:has(body.complements-detail){overflow-x:clip}
 body.complements-detail{--pad:clamp(24px,6vw,32px);width:100%;max-width:100%;overflow-x:clip}
 .complements-detail main{min-width:0;max-width:100%}
 .complements-detail .wrap{width:calc(100% - 2 * var(--pad));max-width:1440px;margin-inline:auto}
 .complements-detail main>.technical-note.wrap,.complements-detail main>.fine{padding-inline:0;font-size:12px;line-height:1.65}
 .complements-detail .page-hero-copy{padding-inline:var(--pad)}
 .complements-detail:not(.complementi-page) .page-hero .hero-shade{
  background:linear-gradient(90deg,rgba(9,11,10,.64),rgba(9,11,10,.3) 65%,rgba(9,11,10,.16)),linear-gradient(0deg,rgba(9,11,10,.43),transparent 70%);
 }
 .complements-detail .request-card{min-width:0;max-width:100%}
 .complementi-page .category-bottom{grid-template-columns:minmax(0,1fr);gap:10px}
 .complementi-page :is(.image-source,.category-action,.hub-rights){font-size:12px;line-height:1.6}
 .complementi-page .category-action{justify-self:end;max-width:100%;text-align:start}
 .complementi-page .hero-signature{flex-wrap:wrap}
 .complementi-page .catalog-chapter .category-image{clip-path:inset(-60px 0 -22px)}
}
@media(max-width:900px){
 .complements-detail main :is(section,article,aside,div){min-width:0}
 .complements-detail .other{flex-wrap:wrap}
 .complements-detail .other a{white-space:normal;overflow-wrap:anywhere}
 .complements-detail :is(input,select,textarea){min-width:0;max-width:100%}
}
/* Discard only detached background remnants above the original cabinet roof. */
.complementi-page .category-image img[src$="altri-complementi-cassettiere-intere-v3.png"]{clip-path:polygon(0 16%,100% 0,100% 100%,0 100%)}