/* A separate catalogue chapter for architectural entrance protection. */
body.complementi-page .hub-portelli-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(1.5rem,3.4vw,3.5rem);align-items:center}
body.complementi-page .hub-portelli-photo{display:block;min-width:0;overflow:hidden;aspect-ratio:3/2;background:#e5e3dd}
body.complementi-page .hub-portelli-photo img{display:block;position:static;width:100%;height:100%;object-fit:cover;object-position:center;filter:none;transform:none}
body.complementi-page .hub-portelli-copy{min-width:0;padding-block:.5rem;max-width:58ch}
body.complementi-page .hub-portelli-copy p{font-size:1rem;line-height:1.7;margin:0 0 1.25rem;word-break:normal;overflow-wrap:normal}
body.complementi-page .hub-portelli-copy .large{font-size:clamp(1.15rem,1.6vw,1.4rem);line-height:1.5}
body.complementi-page .hub-portelli-copy .button{background:#171b18;color:#fff;border-color:#171b18;font-size:.8rem;letter-spacing:.07em;line-height:1.5;text-align:center;max-width:100%}
body.complementi-page #portelli-blindati{scroll-margin-top:calc(var(--masthead-clearance,120px) + 1rem)}
@media(max-width:900px){body.complementi-page .hub-portelli-layout{grid-template-columns:minmax(0,1fr)}body.complementi-page .hub-portelli-copy{max-width:none}body.complementi-page .hub-portelli-photo{aspect-ratio:16/10}}
@media(max-width:600px){body.complementi-page .hub-portelli-copy .button{display:flex;width:100%}}
body.complementi-page .hub-index{grid-template-columns:repeat(6,minmax(0,1fr));gap:.4rem 1.25rem}
body.complementi-page .hub-index>span{grid-column:1/-1}
body.complementi-page .complement-grid.single-category{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}
body.complementi-page .single-category>.complement-category{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-rows:auto 1fr;gap:0 clamp(1.5rem,3.4vw,3.5rem);align-items:start}
body.complementi-page .single-category .category-copy{grid-column:1;grid-row:1;padding-right:2rem}
body.complementi-page .single-category .category-bottom{grid-column:1;grid-row:2;align-self:start;margin-top:.5rem}
body.complementi-page .single-category>.complement-category>.category-image{grid-column:2;grid-row:1/3;margin-top:0;height:clamp(15rem,23vw,21rem)}
body.complementi-page .hub-other{border-top:0;padding-top:0}
body.complementi-page #altre-forniture{scroll-margin-top:calc(var(--masthead-clearance,120px) + 1rem)}
body.other-supplies-page .page-hero>img,body.complementi-page .hub-other .category-image.category-scene img{object-position:50% 0%!important}
@media(max-width:900px){body.complementi-page .hub-index{grid-template-columns:repeat(3,minmax(0,1fr))}body.complementi-page .single-category>.complement-category{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:0}body.complementi-page .single-category .category-copy{grid-column:1;grid-row:1}body.complementi-page .single-category>.complement-category>.category-image{grid-column:1;grid-row:2;margin-top:.75rem;height:clamp(15rem,45vw,22rem)}body.complementi-page .single-category .category-bottom{grid-column:1;grid-row:3}}
@media(max-width:600px){body.complementi-page .hub-index{grid-template-columns:repeat(2,minmax(0,1fr))}body.other-supplies-page .page-hero>img,body.complementi-page .hub-other .category-image.category-scene img{object-position:30% 0%!important}}

/* Keep chapter numbers with their labels; product titles retain the catalogue hierarchy. */
body.complementi-page .hub-index a{justify-content:flex-start;gap:.6rem}
body.complementi-page .hub-index a>span{flex:0 0 auto}
body.complementi-page .hub-portelli-copy .category-copy{display:block;position:relative;height:auto;min-height:0;padding:0;margin:0 0 1.25rem}
body.complementi-page .hub-portelli-copy .category-index{display:block;position:static;inset:auto;width:auto;height:auto;margin:0 0 .8rem;transform:none}
body.complementi-page .hub-portelli-copy .category-copy h3{margin:0;word-break:normal;overflow-wrap:normal}