/* V62 — configuratore: finiture più grandi, 3 per riga con il nome sotto, griglia sottile come le pagine collezione */
@media (min-width:900px){
  html body .comp-b .sws{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:0 !important;
    border-top:1px solid rgba(17,17,17,.10);border-left:1px solid rgba(17,17,17,.10);margin-top:6px !important;}
  html body .comp-b .sws .sw{display:flex !important;flex-direction:column !important;align-items:stretch !important;justify-content:flex-start !important;
    width:auto !important;max-width:none !important;min-width:0 !important;justify-self:stretch !important;align-self:stretch !important;height:auto !important;min-height:0 !important;aspect-ratio:auto !important;margin:0 !important;
    padding:10px 10px 12px !important;border-radius:0 !important;background:#fff !important;box-shadow:none !important;
    border-right:1px solid rgba(17,17,17,.10) !important;border-bottom:1px solid rgba(17,17,17,.10) !important;position:relative !important;text-align:left !important;}
  html body .comp-b .sws .sw:hover{background:#faf9f7 !important;}
  html body .comp-b .sws .sw-vis{display:block !important;width:100% !important;height:auto !important;aspect-ratio:1 !important;border-radius:0 !important;overflow:hidden !important;box-shadow:none !important;transform:none !important;}
  html body .comp-b .sws .sw-vis img,html body .comp-b .sws .sw-vis .sw-ph{width:100% !important;height:100% !important;object-fit:cover !important;border-radius:0 !important;}
  html body .comp-b .sws .sw-copy{display:block !important;position:static !important;opacity:1 !important;visibility:visible !important;clip:auto !important;width:auto !important;height:auto !important;margin:8px 0 0 !important;padding:0 !important;overflow:visible !important;}
  html body .comp-b .sws .sw-copy strong{display:block !important;font-size:11.5px !important;line-height:1.3 !important;font-weight:500 !important;color:#111 !important;letter-spacing:.01em !important;text-transform:none !important;white-space:normal !important;}
  html body .comp-b .sws .sw-copy code{display:none !important;}
  html body .comp-b .sws .sw[aria-pressed="true"]{box-shadow:inset 0 0 0 1.5px #111 !important;}
  html body .comp-b .sws .sw-check{position:absolute !important;top:16px !important;right:16px !important;width:20px !important;height:20px !important;border-radius:50% !important;background:#111 !important;color:#fff !important;font-size:11px !important;display:grid !important;place-items:center !important;opacity:0 !important;transform:none !important;}
  html body .comp-b .sws .sw[aria-pressed="true"] .sw-check{opacity:1 !important;}
}
/* foglio di scelta finiture (telefono): stessa griglia a 3 */
html body .mat-sheet .mat-grid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:0 !important;border-top:1px solid rgba(17,17,17,.10);border-left:1px solid rgba(17,17,17,.10);}
html body .mat-sheet .mat-opt{min-height:0 !important;padding:8px 8px 10px !important;border-radius:0 !important;box-shadow:none !important;background:#fff !important;border-right:1px solid rgba(17,17,17,.10) !important;border-bottom:1px solid rgba(17,17,17,.10) !important;}
html body .mat-sheet .mat-opt-img{height:auto !important;aspect-ratio:1 !important;border-radius:0 !important;}
html body .mat-sheet .mat-opt-img img{object-fit:cover !important;border-radius:0 !important;}
html body .mat-sheet .mat-opt-copy code{display:none !important;}
html body .mat-sheet .mat-opt-copy strong{font-size:11.5px !important;font-weight:500 !important;}
html body .mat-sheet .mat-opt[aria-pressed="true"]{box-shadow:inset 0 0 0 1.5px #111 !important;}
/* nome del designer sotto il nome del modello */
.pn-designer{margin:6px 0 0;font-size:13px;color:#6b665f;}
.pn-designer[hidden]{display:none;}
/* schermata iniziale del configuratore: prima la collezione, poi il modello */
.cfg-landing{position:fixed;inset:0;z-index:150;overflow:auto;background:#fff;padding:calc(var(--hh,84px) + clamp(24px,4vw,64px)) clamp(20px,5vw,80px) clamp(40px,6vw,96px);}
html.cfg-landing-on body{overflow:hidden;}
html.cfg-landing-on header.hd{z-index:200 !important;}
.cfgl-in{max-width:1180px;margin:0 auto;}
.cfgl-in h1{margin:.3em 0 .35em;font-family:"Futura NAOS",var(--font,system-ui),sans-serif;font-weight:500;font-size:clamp(36px,4.6vw,72px);line-height:1;letter-spacing:-.035em;color:#111;}
.cfgl-sub{margin:0 0 clamp(28px,3.4vw,48px);max-width:52ch;color:#6b665f;font-size:clamp(15px,1.2vw,18px);line-height:1.55;}
.cfgl-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(17,17,17,.10);border-left:1px solid rgba(17,17,17,.10);}
.cfgl-card{display:flex;flex-direction:column;text-align:left;padding:clamp(14px,1.6vw,22px);background:#fff;border:0;border-right:1px solid rgba(17,17,17,.10);border-bottom:1px solid rgba(17,17,17,.10);cursor:pointer;color:#111;font:inherit;transition:background .25s ease;}
.cfgl-card:hover{background:#faf9f7;}
.cfgl-card:focus-visible{outline:2px solid #111;outline-offset:-4px;}
.cfgl-img{display:block;aspect-ratio:16/10;overflow:hidden;background:#1d1610;}
.cfgl-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s cubic-bezier(.2,.7,.2,1);}
.cfgl-card:hover .cfgl-img img{transform:scale(1.03);}
.cfgl-copy{display:block;margin-top:16px;}
.cfgl-copy strong{display:block;font-family:"Futura NAOS",var(--font,system-ui),sans-serif;font-weight:500;font-size:clamp(24px,2.2vw,34px);letter-spacing:-.02em;}
.cfgl-copy span{display:block;margin-top:4px;color:#6b665f;font-size:14px;}
.cfgl-go{margin-top:14px;align-self:flex-start;font-size:12px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:3px;}
@media (max-width:700px){.cfgl-cards{grid-template-columns:1fr;}}
@media (prefers-reduced-motion:reduce){.cfgl-img img{transition:none;}}
/* V63 — designer: da PC a sinistra, sotto il nome nell'anteprima, in corsivo; da telefono resta nel pannello */
.stage-cap .stage-designer{display:block;margin-top:6px;font-style:italic;font-weight:400;text-transform:none;letter-spacing:0;color:#6b665f;font-size:13px;}
.pn-designer{font-style:italic;}
@media (min-width:900px){ .pn-designer{display:none !important;} }
@media (max-width:899px){ .stage-cap .stage-designer{display:none;} }
