/* IWInco 1.0.86 - richieste cliente: flusso, sagome e visibilita tecnica */
.topbar{position:relative!important;top:auto!important}
.config-title{gap:14px;align-items:center!important}
.config-title .back-products{width:auto!important;min-width:150px;height:38px!important;padding:0 13px!important;border:1px solid #cad5ce!important;border-radius:8px!important;background:#fff!important;color:#244035!important;font-size:12px!important;font-weight:800;white-space:nowrap}
.config-title .back-products:hover{border-color:#78b82a!important;background:#f3f9ee!important}

.profile-technical-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:-4px 0 16px;padding:12px;border:1px solid #d7e1d8;background:#f5f9f3}
.profile-technical-card>header{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:8px;border-bottom:1px solid #dce5dd}
.profile-technical-card header b{font-size:13px;color:#234331}.profile-technical-card header span{font-size:10px;font-weight:800;color:#60913f;text-transform:uppercase;letter-spacing:.06em}
.profile-technical-card div{display:grid;gap:2px;min-width:0}.profile-technical-card small{font-size:9px;color:#6b786f}.profile-technical-card strong{font-size:11px;color:#263b30;overflow-wrap:anywhere}
.profile-technical-card .technical-spec-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px}
.profile-technical-card .technical-spec-grid>div{padding:7px 8px;border:1px solid #e0e8e1;border-radius:5px;background:#fff}
.technical-disclaimer{grid-column:1/-1;margin:2px 0 0;padding:8px 10px;border-left:3px solid #78be20;background:#fff;font-size:10px;line-height:1.4;color:#526158}
.legacy-coprifilo-disabled{display:none!important}

body.iwinco-product-selected .products-panel{display:none!important}
@media(min-width:1101px){body.iwinco-product-selected .workspace{grid-template-columns:minmax(430px,43%) minmax(560px,57%)!important;gap:22px!important}body.iwinco-product-selected .visual-stage{grid-column:1!important}body.iwinco-product-selected .config-card{grid-column:2!important}}

.composite-head-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.composite-head-actions #exitComposite{border:1px solid #bbd2ae!important;background:#f4faef!important;color:#315a28!important;font-weight:850!important}

/* Identificazione immediata della tipologia nell'anteprima */
.window-preview:before{content:attr(data-type-label);position:absolute;left:50%;bottom:-44px;transform:translateX(-50%);z-index:30;padding:6px 10px;border-radius:5px;background:#233b30;color:#fff;font-size:11px;font-weight:850;white-space:nowrap;box-shadow:0 3px 10px rgba(20,38,29,.16)}
.window-preview.door-preview{aspect-ratio:.72/1.45!important}
.window-preview.door-preview .pane-area{min-height:100%}
.window-preview.door-preview:after{content:'';position:absolute;left:5%;right:5%;bottom:3%;height:5px;background:#4d5c54;box-shadow:0 4px 0 #b6beb9;z-index:8}
.window-preview.slide-system .pane-area{box-shadow:inset 0 -8px 0 #8c9791,inset 0 -13px 0 #dce1de}
.window-preview.slide-system .pane.slide-pane:before{content:'SCORRE';position:absolute;left:50%;top:8px;transform:translateX(-50%);z-index:5;padding:3px 6px;border-radius:4px;background:#345746;color:#fff;font-size:8px;font-weight:900;letter-spacing:.06em}
.window-preview.alzante-system .pane.slide-pane:before{content:'ALZANTE / SCORREVOLE'}
.window-preview.smart-slide-system .pane.slide-pane:before{content:'SMART-SLIDE'}
.window-preview.persiana-preview{background:#ede6df!important}
.window-preview.persiana-preview .pane{background:#8d664d!important}
.window-preview.persiana-preview .pane>i{display:none!important}
.window-preview.persiana-preview .persiana-slats{inset:3%!important}

/* Montanti e traversi sempre davanti al vetro e chiaramente etichettati */
.technical-line{z-index:24!important;background:#6d4937!important;box-shadow:0 0 0 2px #fff,0 1px 5px rgba(0,0,0,.3)!important}
.technical-line.active span{display:block!important;position:absolute;padding:3px 6px;border-radius:4px;background:#22372d;color:#fff;font-size:9px;font-weight:850;white-space:nowrap}
.traverso-line{height:12px!important;left:-3%!important;right:-3%!important}.traverso-line span{left:50%;top:-23px;transform:translateX(-50%)}
.montante-line{width:12px!important;top:-3%!important;bottom:-3%!important}.montante-line span{left:18px;top:50%;transform:translateY(-50%)}
.technical-line.active.merged{display:block!important;opacity:.8}

@media(max-width:1100px){body.iwinco-product-selected .workspace{display:flex!important;flex-direction:column!important}.profile-technical-card{grid-template-columns:repeat(2,minmax(0,1fr))}.config-title{align-items:flex-start!important}.config-title .back-products{min-width:0}}
@media(max-width:600px){.profile-technical-card{grid-template-columns:1fr}.profile-technical-card>header{display:grid}.config-title{display:grid!important}.config-title .back-products{width:100%!important}.composite-head-actions{display:grid;width:100%}.window-preview:before{bottom:-38px;max-width:90%;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:600px){.profile-technical-card .technical-spec-grid{grid-template-columns:1fr}}

/* 1.0.87 - richieste finali cliente */
.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.mode-choice{grid-template-rows:118px auto auto!important;min-height:166px}
.mode-choice em{display:block!important;min-height:14px;color:#617168;font-size:10px;font-style:normal;font-weight:700}
.mode-choice .opening-mark{border-width:2px!important;border-color:#294f3c!important}
.mode-choice .opening-mark:after{border-width:2px!important;border-color:#294f3c!important}
.atypical-request{display:grid;gap:10px;padding:12px;background:#fff}
.atypical-flag{display:flex!important;gap:12px;align-items:center;padding:14px;border:1px solid #cfdad2;background:#f7faf6;cursor:pointer}
.atypical-flag input{width:22px;height:22px;accent-color:#78b82a}.atypical-flag span{display:grid;gap:3px}.atypical-flag b{color:#254232}.atypical-flag small{color:#68776e}
.atypical-fields{display:grid;grid-template-columns:1fr;gap:9px;padding:13px;border:1px solid #d9e2db;background:#fbfcfb}
.atypical-fields label{display:grid;gap:5px;font-size:11px;font-weight:800;color:#33473c}.atypical-fields input,.atypical-fields textarea{width:100%;box-sizing:border-box;border:1px solid #cbd6cf;border-radius:5px;padding:10px;background:#fff;color:#22382d}
.atypical-fields button{min-height:42px;border:0;border-radius:5px;background:#78b82a;color:#fff;font-weight:850;cursor:pointer}.atypical-fields button:disabled{opacity:.55}
#atypicalStatus{margin:0;font-size:11px;font-weight:750}#atypicalStatus.success{color:#34712d}#atypicalStatus.error{color:#b13c35}
@media(max-width:680px){.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mode-choice{min-height:145px;grid-template-rows:96px auto auto!important}}

/* 1.0.88 - schemi tecnici leggibili e forma atipica di primo livello */
.technical-opening{display:grid!important;place-items:center!important;padding:4px!important;background:#fff!important;border:1px solid #aebbb4!important;outline:0!important;box-shadow:0 3px 10px rgba(22,50,35,.12)!important}
.technical-opening svg{display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:#284d3b;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.technical-opening .technical-frame{stroke:#193e2d;stroke-width:5}.technical-opening .technical-mullion{stroke:#193e2d;stroke-width:5}.technical-opening .technical-leaf{stroke:#438161;stroke-width:2.2}.technical-opening .technical-handle{stroke:#172f24;stroke-width:5}.technical-opening .technical-fixed{stroke:#88978f;stroke-width:1.5}.technical-opening .technical-slide{stroke:#397dcc;stroke-width:3}.technical-opening .technical-slats rect{fill:#8a634b;stroke:#4e382d;stroke-width:3}.technical-opening .technical-slats line{stroke:#e2c2a9;stroke-width:2}.technical-opening .tilt-secondary{stroke-dasharray:4 4;opacity:.55}
.final-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.final-family-grid .opening-choice{grid-template-rows:96px auto auto!important;min-height:142px}.family-technical{position:relative;width:min(92%,150px);height:88px;margin:auto;padding:3px;background:#fff}.family-technical svg{width:100%;height:100%;fill:none;stroke:#284d3b;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.family-technical.atypical svg{stroke:#b16b28}.family-technical.atypical b{position:absolute;right:3px;top:2px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#b16b28;color:#fff;font-size:16px}.family-choice[data-family="atipica"]{border-color:#d9b68e;background:#fffaf3}.family-choice[data-family="atipica"].active{border-color:#b16b28;background:#fff6e8}.family-choice[data-family="atipica"] em{display:block!important;color:#9a5b22!important;font-size:10px!important;font-style:normal;font-weight:850}
.atypical-group.active{border:2px solid #b16b28}.atypical-explainer{display:grid;gap:4px;padding:14px;background:#fff6e8;border:1px solid #e3c8a9}.atypical-explainer b{color:#74431b}.atypical-explainer small{color:#765d49;line-height:1.35}
@media(max-width:680px){.final-family-grid{grid-template-columns:1fr 1fr!important}.final-family-grid .opening-choice{grid-template-rows:78px auto auto!important;min-height:126px}.family-technical{height:72px}}

/* 1.0.89 - miniature tecniche uniformi, contenute e leggibili */
.geometry-grid,.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.geometry-choice{grid-template-rows:94px auto!important;min-height:130px!important;padding:9px 7px!important}
.geometry-choice .technical-opening{width:auto!important;max-width:142px!important;height:84px!important;margin:auto!important;border:0!important;box-shadow:none!important;background:#fff!important}
.geometry-choice .technical-opening.panes-1{width:54px!important}.geometry-choice .technical-opening.panes-2{width:104px!important}.geometry-choice .technical-opening.panes-3{width:134px!important}.geometry-choice .technical-opening.panes-4{width:146px!important}
.geometry-choice .technical-opening.door{height:88px!important}
.mode-choice{grid-template-rows:82px minmax(18px,auto) minmax(14px,auto)!important;min-height:132px!important;padding:9px 7px!important;overflow:hidden!important}
.mode-choice .mode-graphic{width:54px!important;max-width:54px!important;height:76px!important;max-height:76px!important;margin:auto!important;padding:2px!important;border:0!important;box-shadow:none!important;background:#fff!important}
.mode-choice small,.mode-choice em{position:relative!important;z-index:2!important;margin:0!important;text-align:center!important;line-height:1.2!important}
.mode-choice small{font-size:11px!important}.mode-choice em{font-size:9px!important;min-height:11px!important;color:#607067!important}
.technical-opening svg{overflow:hidden!important}
.technical-opening .technical-frame{stroke-width:4!important}.technical-opening .technical-mullion{stroke-width:4!important}.technical-opening .technical-handle{stroke-width:4!important}
@media(max-width:680px){.geometry-choice{grid-template-rows:78px auto!important;min-height:112px!important}.geometry-choice .technical-opening{height:70px!important;max-width:116px!important}.geometry-choice .technical-opening.panes-1{width:44px!important}.geometry-choice .technical-opening.panes-2{width:84px!important}.geometry-choice .technical-opening.panes-3,.geometry-choice .technical-opening.panes-4{width:110px!important}.mode-choice{grid-template-rows:68px auto auto!important;min-height:116px!important}.mode-choice .mode-graphic{width:44px!important;max-width:44px!important;height:62px!important;max-height:62px!important}}

/* 1.0.93: scala mobile unica per tutte le sagome. Una, due, tre e quattro
   ante occupano lo stesso riquadro; cambia soltanto la divisione interna. */
@media(max-width:680px){
 .geometry-grid,.mode-grid{align-items:stretch!important}
 .geometry-choice{grid-template-rows:82px minmax(34px,auto)!important;min-height:128px!important;height:100%!important;padding:8px 6px!important;align-content:start!important}
 .geometry-choice.active{padding:7px 5px!important}
 .geometry-choice .technical-opening,
 .geometry-choice .technical-opening.panes-1,
 .geometry-choice .technical-opening.panes-2,
 .geometry-choice .technical-opening.panes-3,
 .geometry-choice .technical-opening.panes-4{width:108px!important;max-width:108px!important;height:74px!important;max-height:74px!important;margin:0 auto!important}
 .geometry-choice .technical-opening.door,
 .geometry-choice .technical-opening.door.panes-1,
 .geometry-choice .technical-opening.door.panes-2,
 .geometry-choice .technical-opening.door.panes-3,
 .geometry-choice .technical-opening.door.panes-4{width:70px!important;max-width:70px!important;height:78px!important;max-height:78px!important}
 .geometry-choice small{display:flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;font-size:11px!important;line-height:1.18!important;text-align:center!important}
 .mode-choice{grid-template-rows:70px minmax(31px,auto) minmax(20px,auto)!important;min-height:128px!important;height:100%!important;padding:8px 6px!important}
 .mode-choice.active{padding:7px 5px!important}
 .mode-choice .mode-graphic{width:48px!important;max-width:48px!important;height:66px!important;max-height:66px!important;margin:0 auto!important}
 .mode-choice small{min-height:31px!important;font-size:11px!important;line-height:1.18!important;text-align:center!important}
 .mode-choice em{display:block!important;min-height:20px!important;font-size:9px!important;line-height:1.15!important;text-align:center!important}
}
body.iwinco-dedicated-slide .tilt-turn-included{display:block!important}

/* IWInco 1.0.169: DX scorrevole = freccia verso destra, SX = sinistra,
   coerente con il verso del movimento mostrato dal cliente. La vista esterna specchia la freccia. */
.pane.slide-pane:not(.slide-reverse):after{content:"‹"!important}
.pane.slide-pane.slide-reverse:after{content:"›"!important}

/* 1.0.137 · revisione tecnica 14 ottobre */
.standard-technical-grid{display:none!important}
#mosquitoTechnicalNote{display:none!important}
body.iwinco-persiana-rx450 .client-options-zone{display:none!important}
.glass-extra-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}
.glass-extra-controls label,.wasistas-options,.blocking-notes{display:flex;flex-direction:column;gap:7px;padding:13px;border:1px solid #d7e0dd;border-radius:10px;background:#f8faf9;color:#233d34}
.glass-extra-controls label:first-child{flex-direction:row;align-items:center;font-weight:700}
.wasistas-options{margin:12px 0}.wasistas-options.hidden{display:none!important}
.weld-warning{display:flex;flex-direction:column;gap:3px;margin:12px 0;padding:14px 16px;border:2px solid #d08b28;border-radius:10px;background:#fff7e9;color:#6a3d00}
.weld-warning.hidden{display:none!important}.weld-warning b{font-size:14px}.weld-warning span{font-size:12px}
.blocking-notes{margin-top:14px}.blocking-notes small{color:#62736d}.blocking-notes textarea{min-height:86px;resize:vertical}
.color-palette{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))!important;max-height:430px!important}
.color-chip{height:auto!important;min-height:62px!important;display:grid!important;grid-template-columns:36px 1fr!important;align-items:center!important;gap:8px!important;padding:8px!important}
.color-chip>span{width:34px!important;height:34px!important;border-radius:7px!important}.color-chip small{display:block!important;font-size:11px!important;line-height:1.2!important;color:#314940!important;overflow-wrap:anywhere}
@media(max-width:680px){.glass-extra-controls{grid-template-columns:1fr}.color-palette{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* 1.0.148 · Campionario PVC Profilia completo e cambio finitura live. */
.color-chip>span.color-sample-image{
 background-size:cover!important;
 background-position:center!important;
 background-repeat:no-repeat!important;
 box-shadow:inset 0 0 0 1px rgba(0,0,0,.15),0 1px 3px rgba(16,32,24,.14)!important;
}
.color-chip small em{
 display:block;
 margin-bottom:3px;
 color:#6a7a72;
 font-size:9px;
 font-style:normal;
 font-weight:800;
 text-transform:uppercase;
 letter-spacing:.035em;
}
.window-preview.has-finish-texture{
 border-image-source:var(--frame-image)!important;
 border-image-slice:28!important;
 border-image-repeat:stretch!important;
}
.window-preview.has-finish-texture .pane{
 border-image-source:var(--frame-image)!important;
 border-image-slice:28!important;
 border-image-repeat:stretch!important;
}
.window-preview.has-finish-texture .technical-line{
 background-color:var(--frame-color,#f4f3ed)!important;
 background-image:var(--frame-image)!important;
 background-size:cover!important;
}
.color-summary>span{
 background-size:cover!important;
 background-position:center!important;
 background-repeat:no-repeat!important;
}
@media(max-width:680px){
 .color-palette{grid-template-columns:1fr!important;max-height:340px!important}
 .color-chip{min-height:68px!important;grid-template-columns:48px 1fr!important}
 .color-chip>span{width:46px!important;height:46px!important}
}

/* 1.0.115: il colore non e piu una cornice piatta sovrapposta.
   Telaio e profili anta condividono una finitura sfumata, mentre il vetro
   resta indipendente. Il secondo contorno esterno viene eliminato. */
.window-preview{
 border-style:solid!important;
 border-color:var(--frame-color,#f6f5ef)!important;
 border-image:linear-gradient(135deg,
  color-mix(in srgb,var(--frame-color,#f6f5ef) 72%,#fff) 0%,
  var(--frame-color,#f6f5ef) 42%,
  color-mix(in srgb,var(--frame-color,#f6f5ef) 76%,#27342d) 100%) 1!important;
 box-shadow:0 14px 30px rgba(25,39,31,.18),inset 0 0 0 2px rgba(43,59,50,.22)!important;
}
.window-preview:after{content:none!important;display:none!important}
.window-preview .pane{
 border-width:6px!important;
 border-style:solid!important;
 border-color:var(--frame-color,#f4f3ed)!important;
 border-image:linear-gradient(135deg,
  color-mix(in srgb,var(--frame-color,#f4f3ed) 74%,#fff) 0%,
  var(--frame-color,#f4f3ed) 48%,
  color-mix(in srgb,var(--frame-color,#f4f3ed) 78%,#26352d) 100%) 1!important;
 background:linear-gradient(145deg,#dbeaf0 0%,#f7fbfc 52%,#cbdde5 100%)!important;
 box-shadow:inset 0 0 0 1px rgba(69,86,76,.42)!important;
}
.preview-opening-symbol .preview-sash{
 fill:color-mix(in srgb,var(--frame-color,#f7f4eb) 84%,#fff)!important;
 stroke:color-mix(in srgb,var(--frame-color,#173d2c) 48%,#173d2c)!important;
}
.preview-opening-symbol .preview-glass{fill:#dcecf2!important;fill-opacity:.72!important}
@media(max-width:700px){
 .window-preview .pane{border-width:4px!important}
}

/* 1.0.117: vista esterna reale. La geometria viene osservata dal lato
   opposto, quindi ante attive, cerniere, fisso laterale e scorrimento si
   ribaltano senza creare una seconda sagoma. */
.window-preview.external-view #paneArea{transform:scaleX(-1);transform-origin:center}
.window-preview.external-view .pane.active-opening-pane:before{transform:translateX(-50%) scaleX(-1)!important}
.window-preview.external-view .composite-cell-preview small{transform:scaleX(-1)}

/* 1.0.103: anteprima principale dell'item ridisegnata in SVG tecnico.
   Nessuna diagonale CSS deformabile: simboli stabili su desktop e mobile. */
#paneArea>.pane{overflow:hidden!important}
.opening-direction-badge{position:absolute;top:126px;left:50%;transform:translateX(-50%);z-index:20;padding:7px 12px;border-radius:5px;background:#173d2c;color:#fff;font-size:12px;font-weight:900;letter-spacing:.055em;white-space:nowrap;box-shadow:0 3px 9px rgba(23,61,44,.24)}
.visual-stage.three-d-mode .opening-direction-badge{display:none}
.window-preview .pane.active-opening-pane{box-shadow:inset 0 0 0 4px rgba(37,120,168,.38),inset 0 0 0 1px #aeb8b2!important}
.window-preview .pane:not(.slide-pane).active-opening-pane:before{content:'ANTA ATTIVA';position:absolute;left:50%;top:8px;transform:translateX(-50%);z-index:8;padding:3px 6px;border-radius:4px;background:#2578a8;color:#fff;font-size:8px;font-weight:900;letter-spacing:.04em;white-space:nowrap}
body:not(.iwinco-product-selected) .window-preview .handle{display:none!important}
.window-preview .handle{transition:left .2s ease,top .18s ease}
.window-preview.handle-on-right .handle span{left:auto;right:18px}
.window-preview.handle-on-left .handle span{left:18px;right:auto}
.handle-height-box select{width:92px!important;height:32px!important;margin:0!important}
.window-preview.two-sash-preview .pane.active-opening-pane:before{content:'ANTA PRIMARIA · RIBALTA'!important}
.window-preview.two-sash-preview .pane.secondary-opening-pane:before{content:'ANTA SECONDARIA';position:absolute;left:50%;top:8px;transform:translateX(-50%);z-index:8;padding:3px 6px;border-radius:4px;background:#51645a;color:#fff;font-size:8px;font-weight:900;letter-spacing:.04em;white-space:nowrap}
.window-preview.low-sill-active{border-bottom-width:6px!important}
.window-preview.low-sill-active .pane-area{position:relative}
.window-preview.low-sill-active .pane-area:after{content:'';position:absolute;left:0;right:0;bottom:0;height:5px;z-index:12;background:#78b82a;box-shadow:0 -2px 0 #173d2c}
.window-preview.low-sill-active .pane-area:before{content:'SOGLIA RIBASSATA';position:absolute;left:50%;bottom:9px;transform:translateX(-50%);z-index:13;padding:3px 7px;border-radius:4px;background:#173d2c;color:#fff;font-size:8px;font-weight:900;letter-spacing:.05em;white-space:nowrap}
.preview-opening-symbol{position:absolute;inset:6%;z-index:4;width:88%;height:88%;overflow:visible;fill:none;stroke:#173d2c;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;opacity:1;pointer-events:none}
.preview-opening-symbol .preview-sash{fill:#f7f4eb;fill-opacity:.96;stroke:#173d2c;stroke-width:2.4;vector-effect:non-scaling-stroke}
.preview-opening-symbol .preview-glass{fill:#dcecf2;fill-opacity:.72;stroke:#6e8992;stroke-width:1.4;vector-effect:non-scaling-stroke}
.preview-opening-symbol .opening-path{stroke:#173d2c;stroke-width:3.3;fill:none;vector-effect:non-scaling-stroke}
.preview-opening-symbol .direction-arrow{stroke:#2578a8;stroke-width:3.6;fill:none;vector-effect:non-scaling-stroke}
/* 1.0.119: nell'anteprima principale il senso di apertura è già espresso
   dalle diagonali e dalla posizione della maniglia. Rimuoviamo i riferimenti
   grafici ridondanti (freccia blu e punti cerniera) su desktop e mobile. */
.preview-opening-symbol .direction-arrow,
.preview-opening-symbol .technical-hinge{display:none!important}
.preview-opening-symbol.swing path,.preview-opening-symbol.tilt path{vector-effect:non-scaling-stroke}
.preview-opening-symbol .symbol-underlay{stroke:#fff;stroke-width:7;opacity:.9}
.preview-opening-symbol .technical-hinge{fill:#173d2c;stroke:#fff;stroke-width:1.5;vector-effect:non-scaling-stroke}
.preview-opening-symbol .symbol-handle{stroke:#17251d;stroke-width:6;vector-effect:non-scaling-stroke}
.preview-opening-symbol.slide{stroke:#194f7a;stroke-width:4}
.window-preview .pane.slide-pane:after{content:none!important;display:none!important}
.preview-opening-symbol.slide text{fill:#194f7a;stroke:#fff;stroke-width:2.5;paint-order:stroke fill;font-size:9px;font-weight:900;letter-spacing:.04em}
body:not(.iwinco-composite-active) .window-preview{width:min(var(--preview-measured-width,82%),720px)!important;transition:width .22s ease,aspect-ratio .22s ease,max-height .22s ease!important}
@media(max-width:700px){
 body:not(.iwinco-composite-active) .visual-stage{min-height:560px!important;padding:76px 20px 112px!important}
 body:not(.iwinco-composite-active) .window-preview{width:min(var(--preview-measured-width,72%),310px)!important;max-height:58vh!important}
 body:not(.iwinco-composite-active) .window-preview.door-preview{width:min(var(--preview-measured-width,60%),260px)!important;max-height:60vh!important}
 .preview-opening-symbol{inset:7%;width:86%;height:86%;stroke-width:3.5}
 .opening-direction-badge{top:124px;padding:6px 10px;font-size:11px}
 .window-preview .pane.active-opening-pane:before{top:5px;font-size:7px}
 .preview-caption{bottom:34px!important}
 .preview-tools{bottom:18px!important}
}
@media(max-width:380px){
 .geometry-choice .technical-opening,
 .geometry-choice .technical-opening.panes-1,
 .geometry-choice .technical-opening.panes-2,
 .geometry-choice .technical-opening.panes-3,
 .geometry-choice .technical-opening.panes-4{width:96px!important;max-width:96px!important}
 .geometry-choice .technical-opening.door,
 .geometry-choice .technical-opening.door.panes-1,
 .geometry-choice .technical-opening.door.panes-2,
 .geometry-choice .technical-opening.door.panes-3,
 .geometry-choice .technical-opening.door.panes-4{width:64px!important;max-width:64px!important}
}

/* 1.0.94: scala unica anche su desktop e tablet. Il numero di ante non
   modifica piu l'ingombro della sagoma: cambia soltanto la ripartizione. */
@media(min-width:681px){
 .geometry-choice .technical-opening,
 .geometry-choice .technical-opening.panes-1,
 .geometry-choice .technical-opening.panes-2,
 .geometry-choice .technical-opening.panes-3,
 .geometry-choice .technical-opening.panes-4{width:108px!important;max-width:108px!important;height:84px!important;max-height:84px!important;margin:0 auto!important}
 .geometry-choice .technical-opening.door,
 .geometry-choice .technical-opening.door.panes-1,
 .geometry-choice .technical-opening.door.panes-2,
 .geometry-choice .technical-opening.door.panes-3,
 .geometry-choice .technical-opening.door.panes-4{width:70px!important;max-width:70px!important;height:88px!important;max-height:88px!important}
}

/* 1.0.95: il fisso non mostra simboli di apertura; le scelte restano
   leggibili e della stessa dimensione su desktop, tablet e telefono. */
.technical-fixed rect{fill:none;stroke:currentColor;stroke-width:2}
.pane.fixed-pane:after{content:none!important}
.family-technical.fixed svg rect{fill:none;stroke:currentColor;stroke-width:3}
.fixed-opening-note{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;padding:16px 18px;border:1px solid #cfd8dc;border-radius:10px;background:#f5f8f7;color:#263b42}
.fixed-opening-note span{font-size:13px;color:#596b72}
.tilt-turn-included{margin:10px 0 0;padding:10px 12px;border-left:3px solid #78be20;background:#f5faef;color:#35444a;font-size:12px;line-height:1.4}
.geometry-choice .portoncino-tech-badge{display:block!important;margin:6px 3px 0;padding:5px 7px;border-radius:4px;background:#fff1dc;color:#9a5316!important;font-size:10px!important;font-style:normal;font-weight:850;line-height:1.2;text-align:center;text-transform:uppercase;letter-spacing:.035em}
.portoncino-technical-warning{display:flex;align-items:flex-start;gap:11px;margin:10px;padding:13px 14px;border:2px solid #d98326;border-radius:6px;background:#fff6e8;color:#663b17}
.portoncino-technical-warning>span{flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#d98326;color:#fff;font-size:18px;font-weight:900}
.portoncino-technical-warning>div{display:grid;gap:3px}.portoncino-technical-warning b{font-size:14px;text-transform:uppercase;letter-spacing:.035em}.portoncino-technical-warning small{font-size:12px;line-height:1.4;color:#765331}
@media(max-width:680px){
 .final-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .fixed-opening-note{align-items:flex-start;flex-direction:column;padding:13px 14px}
}
.technical-office-note{display:flex;gap:12px;align-items:flex-start;margin-top:14px;padding:14px 16px;border:1px solid #cfe2c8;border-radius:12px;background:#f4faf1;color:#344b36}.technical-office-note strong{color:#397739;min-width:92px}.technical-office-note span{line-height:1.45}
@media(max-width:680px){.technical-office-note{display:block}.technical-office-note strong{display:block;margin-bottom:4px}}

/* 1.0.102: tavole vettoriali HD. Ogni tipologia usa la medesima tela,
   quindi il numero di ante non altera l'ingombro percepito. */
.geometry-choice .technical-opening,
.geometry-choice .technical-opening.panes-1,
.geometry-choice .technical-opening.panes-2,
.geometry-choice .technical-opening.panes-3,
.geometry-choice .technical-opening.panes-4,
.geometry-choice .technical-opening.door,
.geometry-choice .technical-opening.door.panes-1,
.geometry-choice .technical-opening.door.panes-2{width:132px!important;max-width:92%!important;height:88px!important;max-height:88px!important;padding:2px!important;margin:auto!important;border:0!important;background:#fff!important;box-shadow:none!important}
.technical-opening svg{width:100%!important;height:100%!important;overflow:visible!important;shape-rendering:geometricPrecision}
.technical-opening svg *{vector-effect:non-scaling-stroke}
.technical-opening .technical-frame,.technical-opening .technical-mullion{stroke:#173d2c!important;stroke-width:3.2!important}
.technical-opening .technical-sash{fill:#f7f4eb!important;stroke:#173d2c!important;stroke-width:2!important}
.technical-opening .technical-glass{fill:#dcecf2!important;fill-opacity:.78!important;stroke:#78939b!important;stroke-width:1.1!important}
.technical-opening .opening-path{stroke:#173d2c!important;stroke-width:2.8!important;fill:none!important}
.technical-opening .direction-arrow{stroke:#2578a8!important;stroke-width:2.8!important;fill:none!important}
.technical-opening .technical-hinge{fill:#173d2c!important;stroke:#fff!important;stroke-width:1!important}
.technical-opening .technical-leaf{stroke:#397454!important;stroke-width:2.2!important}
.technical-opening .technical-handle{stroke:#122d22!important;stroke-width:4!important}
.technical-opening .technical-fixed{stroke:#74877d!important;stroke-width:1.7!important}
.mode-choice .mode-graphic,.mode-choice .mode-graphic.panes-1,.mode-choice .mode-graphic.panes-2{width:72px!important;max-width:72px!important;height:74px!important;max-height:74px!important}
.mode-choice{grid-template-rows:78px minmax(34px,auto) minmax(22px,auto)!important;min-height:148px!important;row-gap:3px!important}
.mode-choice .mode-graphic,.mode-choice .mode-graphic.panes-1,.mode-choice .mode-graphic.panes-2{height:68px!important;max-height:68px!important;align-self:center!important}
.mode-choice small{display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;line-height:1.2!important}
.mode-choice em{margin:0!important;line-height:1.2!important}
@media(max-width:680px){
 .geometry-choice .technical-opening,.geometry-choice .technical-opening.panes-1,.geometry-choice .technical-opening.panes-2,.geometry-choice .technical-opening.panes-3,.geometry-choice .technical-opening.panes-4,.geometry-choice .technical-opening.door,.geometry-choice .technical-opening.door.panes-1,.geometry-choice .technical-opening.door.panes-2{width:116px!important;max-width:94%!important;height:76px!important;max-height:76px!important}
 .mode-choice .mode-graphic,.mode-choice .mode-graphic.panes-1,.mode-choice .mode-graphic.panes-2{width:62px!important;max-width:62px!important;height:64px!important;max-height:64px!important}
 .mode-choice{grid-template-rows:70px minmax(34px,auto) minmax(22px,auto)!important;min-height:140px!important}
 .mode-choice .mode-graphic,.mode-choice .mode-graphic.panes-1,.mode-choice .mode-graphic.panes-2{height:60px!important;max-height:60px!important}
}