/* Catalogue reading rhythm and controls, scoped to the supplies section. */
body:is(.complementi-page,.complements-detail) main [hidden]{display:none!important}
body:is(.complementi-page,.complements-detail) main :is(p,li,dt,dd,th,td,label){word-break:normal;overflow-wrap:break-word;hyphens:manual}
body:is(.complementi-page,.complements-detail) :is(.section,.hub-catalog){padding-block:clamp(2.5rem,4.5vw,4.5rem)}
body:is(.complementi-page,.complements-detail) :is(.intro,.detail-intro){position:relative;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(2rem,5vw,4rem);row-gap:1rem;padding-block:clamp(2.5rem,5vw,4rem)}
body:is(.complementi-page,.complements-detail) :is(.intro,.detail-intro)>.section-number{position:static;grid-column:1/-1;inset:auto;margin:0}
body:is(.complementi-page,.complements-detail) .intro-copy{padding-top:0;max-width:none}
body:is(.complementi-page,.complements-detail) :is(.section h2,.detail-intro h2,.section-head h2,.faq h2){font-size:clamp(2rem,3.7vw,3.6rem);line-height:1.15}
body:is(.complementi-page,.complements-detail) .section-head{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:1.5rem 2.5rem;margin-bottom:1.75rem;align-items:start}
body:is(.complementi-page,.complements-detail) .section-head>p{padding:0;margin-block:.35rem 0;max-width:42rem}
body.complementi-page .hub-index{padding-block:.8rem;gap:.6rem 1.5rem}
body.complementi-page .hub-index a{font-size:.9rem}
body.complementi-page .catalog-chapter{margin-bottom:clamp(2.5rem,4vw,4rem)}
body.complementi-page .chapter-heading{padding-block:1.2rem 1.5rem;gap:1rem 1.5rem;align-items:start}
body.complementi-page .chapter-heading h3{font-size:clamp(1.75rem,2.6vw,2.6rem)}
body.complementi-page .catalog-chapter .category-copy{min-height:0;padding-top:.8rem;row-gap:.35rem;grid-template-rows:auto}
body.complementi-page .complement-grid{gap:2rem 1.75rem;align-items:start}
body.complementi-page .catalog-chapter .complement-category .category-image{height:clamp(15rem,24vw,22rem);min-height:0;margin-top:.75rem}
body.complementi-page .category-bottom{min-height:2.75rem;grid-template-columns:minmax(0,1fr);padding-block:.6rem}
body.complementi-page .category-action{justify-self:start;font-size:.75rem}
body.complementi-page .hub-closing{padding-block:clamp(2.5rem,5vw,4.5rem)}
body.complements-detail .principles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1.25rem 2rem;padding-block:.75rem 1.5rem}
body.complements-detail .principles>div{display:block;min-height:0}
body.complements-detail .principles p{font-size:1rem;margin:.4rem 0 0}
body.complements-detail :is(.products,.products.two,.products.three){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto;gap:2.5rem 2rem;align-items:start}
body.complements-detail .products.single{grid-template-columns:minmax(0,1fr);max-width:54rem;margin-inline:auto}
body.complements-detail main .model{display:flex;flex-direction:column;container-type:inline-size;height:auto!important;min-height:0;padding-top:1rem;gap:0}
body.complements-detail .model .model-type{order:0;margin:0 0 .4rem;font-size:.78rem;line-height:1.5}
body.complements-detail .model h3{order:1;min-height:0!important;height:auto!important;margin:0 0 .35rem;font-size:clamp(1.4rem,2vw,1.9rem);line-height:1.3;text-wrap:initial}
body.complements-detail .model .model-code{order:2;height:auto;min-height:0!important;margin:0 0 .75rem;font-size:.88rem}
body.complements-detail .model .model-image{order:3;position:relative;display:grid;place-items:center;min-height:0!important;height:clamp(15rem,26vw,22rem)!important;width:100%;margin:0 0 1rem;padding:.75rem;overflow:hidden;background:#fff}
body.complements-detail .model .model-image img{position:absolute!important;inset:.75rem!important;width:calc(100% - 1.5rem)!important;height:calc(100% - 1.5rem)!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;transform:none!important}
body.complements-detail .model dl{order:4;display:block;grid-template-rows:none!important;height:auto!important;min-height:0;margin:0;font-size:1rem}
body.complements-detail .model dl>div{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:.4rem 1rem;min-height:0!important;height:auto!important;padding:.65rem 0;line-height:1.55}
body.complements-detail .model :is(dt,dd){min-width:0;word-break:normal;overflow-wrap:break-word;line-height:1.55}
body.complements-detail .model dt{font-size:.9rem;font-weight:400}
body.complements-detail .model dd{font-size:1rem;margin:0}
body.complements-detail .model>button{order:5;margin-top:1rem;min-height:3rem;width:100%;white-space:normal;line-height:1.5}
body.complements-detail .configure{padding-block:clamp(2.5rem,5vw,4rem)}
body.complements-detail .configure-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem 2.5rem;align-items:start}
body.complements-detail .configure-layout>div:first-child{display:flex;flex-direction:column;gap:1rem;min-width:0}
body.complements-detail #selected-photo{order:0;position:relative;min-height:0;height:auto;max-height:28rem;margin:0;background:#fff}
body.complements-detail #selected-photo img{display:block;max-height:26rem;width:100%;height:auto;object-fit:contain}
body.complements-detail .model-views{order:1;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}
body.complements-detail .selected-info{order:2;margin:0}
body.complements-detail .specs{width:100%;table-layout:auto;font-size:1rem}
body.complements-detail .specs th{width:40%;padding-inline-end:1rem;font-size:.9rem}
body.complements-detail .specs :is(th,td){overflow-wrap:break-word;word-break:normal;padding-block:.65rem;line-height:1.55;text-align:start}
body.complements-detail .accessory-heading{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:baseline;margin-bottom:.5rem}
body.complements-detail .accessories details{margin:0 0 .75rem}
body.complements-detail .supply-accessory-section{margin-top:2rem;border-top:1px solid #b9bab4;padding-top:1.5rem}
body.complements-detail .supply-accessory-section>.config-intro{max-width:58rem}
body.complements-detail .options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.85rem;align-items:start}
body.complements-detail .option{display:flex;flex-direction:column;min-width:0;gap:.5rem;padding:.75rem;border:1px solid #c8c8be;background:#f7f6f2;align-items:stretch}
body.complements-detail .option:has(input:checked){border-color:var(--bronze);background:#fff}
body.complements-detail .option .access-photo{width:100%;height:5.5rem;padding:.3rem;margin:0;background:#fff;border:0}
body.complements-detail .option .access-photo img{width:100%;height:100%;object-fit:contain}
body.complements-detail .option label{display:flex;gap:.65rem;align-items:flex-start;line-height:1.6}
body.complements-detail .option label input{flex:0 0 auto;margin-top:.3rem}
body.complements-detail .option input[type="checkbox"],body.complements-detail .option input[type="radio"]{width:1.15rem;height:1.15rem;min-height:0;padding:0}
body.complements-detail .option label span{min-width:0}
body.complements-detail .option .accessory-quantity{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;margin-top:.25rem}
body.complements-detail .option .accessory-quantity input{width:100%;max-width:9rem;min-height:2.75rem;background:#fff;border:1px solid #b9bab4}
body.complements-detail .config-end{margin-top:1rem;padding-top:1rem}
body.complements-detail .request-layout{grid-template-columns:minmax(18rem,.75fr) minmax(0,1.25fr);gap:2rem 2.5rem;align-items:start}
body.complements-detail .request-copy>p{max-width:none}
body.complements-detail .request-copy h2{font-size:clamp(2rem,3.1vw,3rem);line-height:1.15;margin-bottom:1rem}
body.complements-detail .steps{display:block;list-style:decimal;margin:1rem 0 0;padding-inline-start:1.4rem;font-size:1rem;line-height:1.65}
body.complements-detail .steps li{display:list-item;grid-template-columns:none;min-width:0;width:auto;padding:.65rem .25rem;overflow-wrap:break-word;word-break:normal}
body.complements-detail .steps li::marker{color:var(--bronze);font-weight:600}
body.complements-detail .steps li>div{grid-column:auto}
body.complements-detail .request-card{padding:clamp(1.1rem,2.2vw,2rem)}
body.complements-detail .fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.25rem}
body.complements-detail .request-card .field{display:flex;flex-direction:column;gap:.4rem;border:0;padding:0;min-width:0;line-height:1.5}
body.complements-detail .request-card .field :is(input,select,textarea){width:100%;border:1px solid #b9bab4;background:#fff;min-height:3rem;margin:0;box-shadow:none}
body.complements-detail :is(input,select,textarea){max-width:100%;min-width:0;padding:.75rem;font-size:1rem}
body.complements-detail .faq{padding-block:clamp(2.5rem,5vw,4rem)}
body.complements-detail .faq-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:2rem 2.5rem}
body.complements-detail .faq details{padding-block:1rem}
body.complements-detail .drawer-configuration{background:#fff;border:1px solid #c8c8be;padding:clamp(1rem,2vw,1.5rem);margin-bottom:1.25rem}
body.complements-detail .drawer-configuration h3{margin:0 0 .6rem;font-size:1.5rem;line-height:1.3}
body.complements-detail .drawer-configuration p{margin:0 0 1rem}
body.complements-detail .drawer-configuration .drawer-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
body.complements-detail .drawer-configuration label{display:flex;flex-direction:column;gap:.4rem;font-size:.95rem}
body.complements-detail .drawer-configuration .drawer-other{grid-column:1/-1}
body.complements-detail .drawer-configuration .drawer-quote-note{margin:1rem 0 0;font-size:.92rem}
body.complements-detail .supply-basket{margin-top:1.5rem;border-top:1px solid var(--line);padding-top:1.25rem}
body.complements-detail .supply-basket h3{margin:0 0 1rem;font-size:1.6rem;line-height:1.3}
body.complements-detail .supply-basket-lines{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1rem;align-items:start}
body.complements-detail .supply-basket-line{padding:1rem;background:#fff;border:1px solid #ccc;margin-bottom:.75rem}
body.complements-detail .supply-line-title{display:block;line-height:1.5;font-size:1.05rem}
body.complements-detail .supply-line-quantity{margin:.4rem 0}
body.complements-detail .supply-line-accessories{margin:.5rem 0;padding-inline-start:1.25rem;font-size:.95rem}
body.complements-detail .supply-line-empty{font-size:.9rem;color:#62645f;margin:.35rem 0}
body.complements-detail .supply-line-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}
body.complements-detail .supply-line-actions button{font:500 .9rem/1.3 "DM Sans",sans-serif;min-height:2.75rem;padding:.5rem .75rem;border:1px solid #8b653d;background:#fff;color:#5a4025}
body.complements-detail .supply-basket-total{font-weight:600}
body.complements-detail .supply-receipt-line+.supply-receipt-line{border-top:1px solid #ffffff50;margin-top:1rem;padding-top:1rem}
body.complements-detail .receipt .supply-line-empty{color:#d0d2cd}
body.complements-detail .receipt .supply-line-quantity{color:#fff}
body.complements-detail .supply-line-feedback:empty{display:none}
body.complements-detail .model-characteristics{order:4;margin:0;border-block:1px solid #ccc;padding:0}
body.complements-detail .model-characteristics>summary{cursor:pointer;min-height:2.75rem;padding:.7rem 0;font-size:.95rem;font-weight:500;line-height:1.5}
body.complements-detail .model-characteristics dl{margin-bottom:.5rem}
body.complements-detail .supply-jump-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-block:0 1.25rem;padding:.5rem 0;border-block:1px solid #ccc;background:var(--paper)}
body.complements-detail .supply-jump-nav a{flex:1 1 8rem;display:flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.5rem .75rem;border:1px solid #b9bab4;color:var(--ink);font-size:.9rem;font-weight:500;text-align:center;text-decoration:none}
body.complements-detail :is(#modelli,#configurazione,#richiesta){scroll-margin-top:calc(var(--masthead-clearance,7rem) + 1.5rem)}
body.complements-detail #photo-dialog{width:min(96vw,70rem);max-width:96vw;max-height:94dvh;overflow:auto;padding:1rem;background:var(--paper)}
body.complements-detail #photo-dialog #large-photo{max-width:100%;max-height:75dvh;object-fit:contain}
body.complements-detail #photo-caption{margin:.75rem 0 0;font-size:1rem;line-height:1.5}
body:is(.complements-detail,.complementi-page) main img,
body.complements-detail #photo-dialog img{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;pointer-events:none}
@container(max-width:380px){.model dl>div{display:block!important}.model dt{margin-bottom:.25rem}.model dd{font-size:1rem}}
@media(max-width:1050px){
 body.complements-detail :is(.configure-layout,.request-layout,.faq-layout){grid-template-columns:minmax(0,1fr);gap:1.75rem}
}
@media(max-width:900px){
 body:is(.complementi-page,.complements-detail) :is(.intro,.detail-intro,.section-head){grid-template-columns:minmax(0,1fr);gap:1rem}
 body:is(.complementi-page,.complements-detail) .intro-copy{padding-top:0}
 body.complements-detail :is(.products,.products.two,.products.three){grid-template-columns:minmax(0,1fr);gap:2rem}
 body.complements-detail .model .model-image{height:clamp(15rem,47vw,23rem)!important}
 body.complementi-page .hub-catalog>.section-head{margin-bottom:1.75rem}
}
@media(max-width:600px){
 body:is(.complementi-page,.complements-detail) :is(.section,.hub-catalog,.configure,.faq){padding-block:2.25rem}
 body.complements-detail .fields,body.complements-detail .drawer-configuration .drawer-fields{grid-template-columns:minmax(0,1fr)}
 body.complements-detail .drawer-configuration .drawer-other{grid-column:auto}
 body.complementi-page .hub-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem 1rem}
 body.complementi-page .hub-index>span{grid-column:1/-1}
 body.complementi-page .hub-index a{padding-block:.45rem}
 body.complementi-page .complement-grid{gap:1.75rem}
 body.complements-detail .model dl>div{display:block}
 body.complements-detail .model dt{margin-bottom:.2rem}
 body.complements-detail .specs :is(th,td){display:block;width:auto}
 body.complements-detail .specs th{border:0;padding-bottom:.15rem}
 body.complements-detail .specs td{padding-top:0}
}
html[lang="ar"] body:is(.complements-detail,.complementi-page) :is(h2,h3){letter-spacing:normal}
body.complements-detail [hidden]{display:none!important}
body.complements-detail .supply-standard-features{background:#edeae3;border-inline-start:3px solid #ab9674;padding:1.25rem 1.5rem;margin-bottom:1.5rem}
body.complements-detail .supply-standard-features h3{font-size:1.4rem;margin:0 0 .6rem}
body.complements-detail .supply-standard-features p{margin:.4rem 0;max-width:85ch}
body.complements-detail :is(.supply-option-note,.supply-layout-note){font-size:.95rem;line-height:1.6;max-width:85ch;margin:.75rem 0 1.25rem}
body.complements-detail .supply-accessory-section>h3{font-size:1.5rem}
body.complements-detail #accessories>details>label{display:block;max-width:42rem;margin:1rem 0 .5rem}
body.complements-detail #accessories select{display:block;width:100%;padding:.8rem;border:1px solid #79776f;background:white;color:#171b18;font:inherit}
body.complements-detail .supply-front-panel{grid-column:1/-1;min-width:0;width:100%;margin-top:1rem}
body.complements-detail #accessories .option:has(.supply-front-panel:not([hidden])){grid-column:1/-1}
body.complements-detail .supply-front-panel>img{display:block;width:100%;max-height:42rem;object-fit:contain;background:white;margin-bottom:1rem}
body.complements-detail .supply-front-panel h4{font-size:1.3rem;margin:.5rem 0}
body.complements-detail .supply-front-panel .drawer-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
body.complements-detail .supply-front-panel .drawer-fields label{display:block;min-width:0}
body.complements-detail .supply-front-panel input{display:block;width:100%;min-height:3rem;border:1px solid #79776f;padding:.75rem;font:inherit;background:white;color:#171b18}
body.complements-detail .selected-technical-details{margin-top:1rem}
body.complements-detail .selected-technical-details>summary{cursor:pointer;padding:.8rem 0;border-block:1px solid #aaa99f;font-size:1rem}
body.complements-detail .supply-cancel-edit{margin-inline-start:.75rem;padding:.75rem 1rem;border:1px solid #79776f;background:transparent;color:#171b18;font:inherit;cursor:pointer}
@media(max-width:600px){body.complements-detail .supply-front-panel .drawer-fields{grid-template-columns:minmax(0,1fr)}body.complements-detail .supply-front-panel>img{max-height:none}body.complements-detail .supply-cancel-edit{margin:1rem 0 0}}
body.complements-detail[data-supply-category="seating"] main .model{display:flex!important;flex-direction:column!important;padding:1rem;background:#fff;border:1px solid #b4b4a9;opacity:1;color:#171918;gap:.3rem}
body.complements-detail[data-supply-category="seating"] .model .model-image{order:0;height:16rem!important;margin:0 0 .7rem;padding:.3rem;opacity:1;filter:none}
body.complements-detail[data-supply-category="seating"] .model .model-image img{opacity:1;filter:none}
body.complements-detail[data-supply-category="seating"] .model .model-type{order:1;margin:.3rem 0;color:#54574e;font-size:.85rem}
body.complements-detail[data-supply-category="seating"] .model h3{order:2;margin:.2rem 0 .6rem;font-size:1.4rem;line-height:1.35}
body.complements-detail[data-supply-category="seating"] .model .model-code{display:none}
body.complements-detail[data-supply-category="seating"] .model>button{background:#171b18;color:#fff;border:1px solid #171b18;min-height:3rem;margin-top:1rem;opacity:1}
body.complements-detail[data-supply-category="seating"] .model.active{border:2px solid #947b52;box-shadow:0 0 0 2px #947b5220}
@media(min-width:1100px){body.complements-detail[data-supply-category="seating"] .products{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1.5rem}}
@media(min-width:700px) and (max-width:1099px){body.complements-detail[data-supply-category="seating"] .products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1.25rem}}
body.complements-detail .supply-shelf-fields{grid-column:1/-1;min-width:0}
body.complements-detail .supply-shelf-fields label{display:block;min-width:0}
body.complements-detail .supply-shelf-group{padding:1rem;background:#f1efe9;border:1px solid #c5c1b7;margin:1rem 0}
body.complements-detail .supply-shelf-group h4{margin:0 0 .75rem;font-size:1.15rem}
body.complements-detail .supply-shelf-group button,body.complements-detail .supply-add-group{font:inherit;background:white;border:1px solid #79776f;padding:.6rem .9rem;margin-top:1rem;color:#171b18;cursor:pointer}
body.complements-detail #supply-line-model:disabled{opacity:1;color:#171918;background:#f4f3ef;-webkit-text-fill-color:#171918}
body.complements-detail .supply-configuration-finish{background:#fff;border:1px solid #c5c1b7;padding:1.5rem;margin-block:1.5rem}
body.complements-detail .supply-configuration-finish>label{display:block;font-size:1rem;line-height:1.5;margin-bottom:1.25rem}
body.complements-detail .supply-configuration-finish textarea{display:block;width:100%;min-height:5rem;margin-top:.5rem;padding:.8rem;border:1px solid #79776f;font:inherit;color:#171918;background:white;resize:vertical}
body.complements-detail .supply-configuration-finish .button{background:#171b18;color:#fff;font-size:.8rem}
body.complements-detail .accessory-visual-caption{display:block;color:#5b625a;font-size:.8rem;margin-top:.35rem;grid-column:1/-1}
body.complements-detail .supply-standard-features{margin:1.25rem 0 0;padding:1rem;border-inline-start-width:2px}
body.complements-detail .supply-standard-features h3{font-size:1.15rem}
body.complements-detail[data-supply-category="drawers"] .page-hero h1 em{font-size:clamp(1.55rem,3.5vw,3.4rem);line-height:1.18}
body.complementi-page .catalog-chapter .category-image.category-scene{padding:0!important;overflow:hidden;clip-path:none!important;transform:none!important}
body.complementi-page .catalog-chapter .category-image.category-scene img{position:static!important;inset:auto!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;object-position:center!important;filter:none!important;transform:none!important;clip-path:none!important}
body.complements-detail .supply-extra-details{margin:1.25rem 0 1.75rem;border-block:1px solid #c5c1b7;min-width:0}
body.complements-detail .supply-extra-details>summary{padding:1rem 0;font-size:1rem;cursor:pointer;line-height:1.5}
body.complements-detail .supply-extra-details>.fields{padding-block:.5rem 1rem;min-width:0}
body.complements-detail .supply-extra-details[open]>summary{margin-bottom:.5rem}
body.complements-detail main form p.privacy{display:block;max-width:none;word-break:normal;overflow-wrap:break-word}