/* CONFIGURA IL TUO CANCELLO — sicurezza.best. FILE GENERATO da costruisci.py (sorgente: cancello.sorgente.css). */
.sbc.sbc { color: #2b2a2a !important; line-height: 1.4 !important; text-align: left !important; font-size: 16px !important; margin: 6px auto 26px !important; max-width: 1240px !important; }
.sbc.sbc *, .sbc.sbc *::before, .sbc.sbc *::after { box-sizing: border-box !important; }
.sbc.sbc .sbc-griglia { display: flex !important; flex-direction: column !important; gap: 14px !important; }
.sbc.sbc .sbc-col-domande { min-width: 0 !important; }
.sbc.sbc .sbc-col-disegno { order: -1 !important; min-width: 0 !important; width: 100% !important; max-width: 580px !important; margin: 0 auto !important; }
.sbc.sbc[data-tipo="nessuno"] .sbc-col-disegno, .sbc.sbc[data-passo="7"] .sbc-col-disegno { display: none !important; }
.sbc.sbc.sbc-largo .sbc-griglia { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) !important; align-items: start !important; gap: 22px !important; }
.sbc.sbc.sbc-largo .sbc-col-disegno { order: 2 !important; max-width: none !important; margin: 0 !important; position: sticky !important; top: var(--sbc-top, 90px) !important; align-self: start !important; }
.sbc.sbc.sbc-largo[data-tipo="nessuno"] .sbc-griglia, .sbc.sbc.sbc-largo[data-passo="7"] .sbc-griglia { grid-template-columns: minmax(0, 1fr) !important; }
.sbc.sbc .sbc-avanzamento { display: flex !important; gap: 6px !important; margin: 0 0 12px !important; }
.sbc.sbc .sbc-avanzamento i { flex: 1 1 0 !important; height: 6px !important; border-radius: 99px !important; background: #e5e3e0 !important; display: block !important; }
.sbc.sbc .sbc-avanzamento i.sbc-fatto { background: #ec671b !important; }
.sbc.sbc .sbc-avanzamento i.sbc-ora { background: #f6b48c !important; }
.sbc.sbc .sbc-passo { background: #ffffff !important; border: 1px solid #e7e5e2 !important; border-radius: 16px !important; padding: 18px !important; box-shadow: 0 2px 10px rgba(0, 0, 0, .05) !important; margin: 0 !important; }
.sbc.sbc.sbc-stretto .sbc-passo { padding: 14px !important; }
.sbc.sbc .sbc-passo h3 { margin: 0 0 6px !important; padding: 0 !important; font-family: inherit !important; font-size: 1.35em !important; font-weight: 700 !important; color: #343333 !important; display: flex !important; align-items: center !important; gap: 10px !important; line-height: 1.2 !important; text-transform: none !important; letter-spacing: 0 !important; border: 0 !important; }
.sbc.sbc .sbc-passo h3 em { font-style: normal !important; flex: none !important; width: 1.75em !important; height: 1.75em !important; border-radius: 50% !important; background: #ec671b !important; color: #ffffff !important; font-size: .78em !important; font-weight: 700 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; }
.sbc.sbc .sbc-passo p { margin: 0 0 8px !important; padding: 0 !important; font-size: 1em !important; line-height: 1.4 !important; color: #2b2a2a !important; }
.sbc.sbc .sbc-aiuto { font-size: .9em !important; color: #6b6764 !important; margin: 6px 0 0 !important; padding: 0 !important; line-height: 1.35 !important; }
.sbc.sbc .sbc-passo p.sbc-aiuto { font-size: .9em !important; color: #6b6764 !important; margin: 6px 0 0 !important; line-height: 1.35 !important; }
.sbc.sbc .sbc-passo p.sbc-intro { font-size: .95em !important; color: #4a4745 !important; background: #f7f6f5 !important; border-radius: 10px !important; padding: 9px 12px !important; margin: 8px 0 0 !important; }
.sbc.sbc .sbc-coppia { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; margin: 0 !important; }
.sbc.sbc .sbc-coppia label { display: block !important; font-size: .82em !important; font-weight: 700 !important; color: #6b6764 !important; margin: 0 !important; }
.sbc.sbc .sbc-coppia label small { font-weight: 400 !important; }
.sbc.sbc .sbc-coppia input { display: block !important; width: 100% !important; margin: 4px 0 0 !important; padding: 9px 8px !important; border: 2px solid #dedcd9 !important; border-radius: 10px !important; background: #ffffff !important; color: #343333 !important; font-family: inherit !important; font-size: 1.1em !important; font-weight: 700 !important; text-align: center !important; box-shadow: none !important; }
.sbc.sbc.sbc-stretto .sbc-coppia { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 5px !important; }
.sbc.sbc.sbc-stretto .sbc-coppia label { font-size: .76em !important; }
.sbc.sbc .sbc-aiuto.sbc-rosso { color: #b42318 !important; font-weight: 600 !important; }
.sbc.sbc .sbc-aiuto.sbc-nota { background: #fff4ec !important; border: 1px solid #f9c9a8 !important; border-radius: 10px !important; padding: 9px 12px !important; color: #7a3c12 !important; }
.sbc.sbc .sbc-domanda { margin: 16px 0 0 !important; padding: 0 !important; }
.sbc.sbc .sbc-et { display: block !important; font-weight: 700 !important; color: #343333 !important; margin: 0 0 7px !important; padding: 0 !important; font-size: 1em !important; line-height: 1.3 !important; }
.sbc.sbc .sbc-et small { font-weight: 400 !important; color: #8a8683 !important; font-size: .9em !important; }
.sbc.sbc .sbc-scelte { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; margin: 0 !important; }
.sbc.sbc .sbc-scelte.sbc-tre { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.sbc.sbc .sbc-scelte.sbc-quattro { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.sbc.sbc.sbc-stretto .sbc-scelte.sbc-tre, .sbc.sbc.sbc-stretto .sbc-scelte.sbc-quattro { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.sbc.sbc .sbc-scelta { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 2px !important; min-height: 54px !important; width: auto !important; margin: 0 !important; padding: 9px 8px !important; border: 2px solid #dedcd9 !important; border-radius: 12px !important; background: #ffffff !important; color: #343333 !important; cursor: pointer !important; font-family: inherit !important; font-size: 1em !important; text-align: center !important; line-height: 1.2 !important; text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; }
.sbc.sbc .sbc-scelta b { font-weight: 700 !important; font-size: .98em !important; color: #343333 !important; }
.sbc.sbc .sbc-scelta span { font-size: .8em !important; color: #7b7774 !important; font-weight: 400 !important; }
.sbc.sbc .sbc-scelta:hover, .sbc.sbc .sbc-scelta:focus { border-color: #f6b48c !important; background: #ffffff !important; color: #343333 !important; outline: none !important; }
.sbc.sbc .sbc-scelta.sbc-si, .sbc.sbc .sbc-scelta.sbc-si:hover, .sbc.sbc .sbc-scelta.sbc-si:focus { border-color: #ec671b !important; background: #fff4ec !important; color: #343333 !important; }
.sbc.sbc .sbc-misura { display: flex !important; align-items: center !important; gap: 8px !important; margin: 0 !important; }
.sbc.sbc .sbc-misura input { width: 6.5em !important; max-width: 40% !important; height: 46px !important; margin: 0 !important; text-align: center !important; font-family: inherit !important; font-size: 1.15em !important; font-weight: 700 !important; padding: 6px !important; border: 2px solid #dedcd9 !important; border-radius: 10px !important; background: #ffffff !important; color: #343333 !important; box-shadow: none !important; }
.sbc.sbc .sbc-misura span { font-weight: 700 !important; color: #6b6764 !important; }
.sbc.sbc .sbc-meno, .sbc.sbc .sbc-piu { flex: none !important; width: 46px !important; height: 46px !important; min-height: 0 !important; margin: 0 !important; border-radius: 10px !important; border: 2px solid #dedcd9 !important; background: #ffffff !important; color: #343333 !important; font-family: inherit !important; font-size: 1.35em !important; font-weight: 700 !important; cursor: pointer !important; padding: 0 !important; line-height: 1 !important; box-shadow: none !important; text-transform: none !important; }
.sbc.sbc .sbc-meno:hover, .sbc.sbc .sbc-piu:hover, .sbc.sbc .sbc-meno:focus, .sbc.sbc .sbc-piu:focus { border-color: #ec671b !important; color: #ec671b !important; background: #ffffff !important; outline: none !important; }
.sbc.sbc .sbc-domanda > input, .sbc.sbc .sbc-domanda > textarea { display: block !important; width: 100% !important; margin: 0 !important; padding: 11px 12px !important; border: 2px solid #dedcd9 !important; border-radius: 10px !important; background: #ffffff !important; color: #343333 !important; font-family: inherit !important; font-size: 1.05em !important; line-height: 1.3 !important; box-shadow: none !important; }
.sbc.sbc .sbc-domanda > textarea { min-height: 84px !important; resize: vertical !important; }
.sbc.sbc input:focus, .sbc.sbc textarea:focus { outline: none !important; border-color: #ec671b !important; box-shadow: 0 0 0 3px rgba(236, 103, 27, .18) !important; background: #ffffff !important; }
.sbc.sbc input.sbc-sbagliato, .sbc.sbc textarea.sbc-sbagliato { border-color: #d92d20 !important; }
.sbc.sbc .sbc-esca { position: absolute !important; left: -9999px !important; top: auto !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.sbc.sbc .sbc-consenso { display: flex !important; gap: 10px !important; align-items: flex-start !important; margin: 16px 0 0 !important; padding: 0 !important; font-size: .92em !important; font-weight: 400 !important; color: #4a4745 !important; cursor: pointer !important; line-height: 1.35 !important; }
.sbc.sbc .sbc-consenso input { width: 20px !important; height: 20px !important; margin: 2px 0 0 !important; flex: none !important; accent-color: #ec671b !important; }
.sbc.sbc .sbc-consenso input.sbc-sbagliato { outline: 2px solid #d92d20 !important; outline-offset: 2px !important; }
.sbc.sbc .sbc-consenso a { color: #c2500f !important; text-decoration: underline !important; font-weight: 600 !important; }
.sbc.sbc .sbc-errore { margin: 14px 0 0 !important; padding: 10px 12px !important; border-radius: 10px !important; background: #fef3f2 !important; border: 1px solid #fda29b !important; color: #b42318 !important; font-weight: 600 !important; font-size: .95em !important; }
.sbc.sbc .sbc-tasti { display: flex !important; gap: 10px !important; justify-content: space-between !important; align-items: center !important; margin: 20px 0 0 !important; }
.sbc.sbc .sbc-indietro { background: #ffffff !important; color: #343333 !important; border: 2px solid #dedcd9 !important; border-radius: 10px !important; margin: 0 !important; padding: 11px 16px !important; width: auto !important; font-family: inherit !important; font-size: 1em !important; font-weight: 700 !important; cursor: pointer !important; box-shadow: none !important; text-transform: none !important; letter-spacing: 0 !important; line-height: 1.2 !important; }
.sbc.sbc .sbc-indietro:hover, .sbc.sbc .sbc-indietro:focus { background: #ffffff !important; color: #343333 !important; border-color: #a8a29e !important; outline: none !important; }
.sbc.sbc .sbc-avanti, .sbc.sbc .sbc-invia, .sbc.sbc .sbc-bottone { background: #ec671b !important; color: #ffffff !important; border: 2px solid #ec671b !important; border-radius: 10px !important; margin: 0 0 0 auto !important; padding: 12px 22px !important; width: auto !important; font-family: inherit !important; font-size: 1.02em !important; font-weight: 700 !important; cursor: pointer !important; text-decoration: none !important; display: inline-block !important; box-shadow: 0 6px 16px rgba(236, 103, 27, .28) !important; text-transform: none !important; letter-spacing: 0 !important; line-height: 1.2 !important; }
.sbc.sbc .sbc-avanti:hover, .sbc.sbc .sbc-invia:hover, .sbc.sbc .sbc-bottone:hover, .sbc.sbc .sbc-avanti:focus, .sbc.sbc .sbc-invia:focus, .sbc.sbc .sbc-bottone:focus { background: #d4570f !important; border-color: #d4570f !important; color: #ffffff !important; outline: none !important; }
.sbc.sbc .sbc-invia[disabled] { opacity: .6 !important; cursor: wait !important; }
.sbc.sbc .sbc-bottone { margin: 6px 0 0 !important; }
.sbc.sbc .sbc-tipi { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; margin: 14px 0 0 !important; }
.sbc.sbc.sbc-stretto .sbc-tipi { grid-template-columns: minmax(0, 1fr) !important; }
.sbc.sbc .sbc-tipo { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 4px !important; width: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 0 14px !important; border: 2px solid #dedcd9 !important; border-radius: 16px !important; background: #ffffff !important; color: #343333 !important; cursor: pointer !important; font-family: inherit !important; font-size: 1em !important; text-align: center !important; overflow: hidden !important; box-shadow: none !important; text-transform: none !important; letter-spacing: 0 !important; line-height: 1.3 !important; transition: border-color .15s, box-shadow .15s, transform .15s !important; }
.sbc.sbc .sbc-tipo svg { width: 100% !important; height: auto !important; display: block !important; background: #f5f5f4 !important; pointer-events: none !important; }
.sbc.sbc .sbc-tipo b { font-size: 1.25em !important; font-weight: 700 !important; margin: 10px 10px 0 !important; color: #343333 !important; }
.sbc.sbc .sbc-tipo span { font-size: .9em !important; color: #6b6764 !important; margin: 0 14px !important; font-weight: 400 !important; }
.sbc.sbc .sbc-tipo:hover, .sbc.sbc .sbc-tipo:focus { border-color: #ec671b !important; box-shadow: 0 8px 22px rgba(236, 103, 27, .2) !important; transform: translateY(-2px) !important; background: #ffffff !important; color: #343333 !important; outline: none !important; }
.sbc.sbc .sbc-disegno { background: #ffffff !important; border: 1px solid #e7e5e2 !important; border-radius: 16px !important; padding: 8px !important; box-shadow: 0 2px 10px rgba(0, 0, 0, .05) !important; }
.sbc.sbc .sbc-disegno svg { width: 100% !important; height: auto !important; display: block !important; border-radius: 10px !important; background: #f5f5f4 !important; cursor: grab !important; user-select: none !important; -webkit-user-select: none !important; -webkit-touch-callout: none !important; touch-action: pan-y pinch-zoom !important; -webkit-tap-highlight-color: transparent !important; }
.sbc.sbc .sbc-disegno svg .numero, .sbc.sbc .sbc-disegno svg .pezzo { cursor: pointer !important; }
.sbc.sbc .sbc-viste { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 6px !important; margin: 8px 2px 0 !important; }
.sbc.sbc .sbc-viste button { background: #343333 !important; color: #ffffff !important; border: 0 !important; border-radius: 99px !important; margin: 0 !important; padding: 7px 14px !important; min-height: 0 !important; width: auto !important; font-family: inherit !important; font-size: .86em !important; font-weight: 700 !important; cursor: pointer !important; box-shadow: none !important; text-transform: none !important; letter-spacing: 0 !important; line-height: 1.2 !important; }
.sbc.sbc .sbc-viste button:hover, .sbc.sbc .sbc-viste button:focus { background: #ec671b !important; color: #ffffff !important; outline: none !important; }
.sbc.sbc .sbc-viste span { font-size: .78em !important; color: #8a8683 !important; margin: 0 0 0 4px !important; }
.sbc.sbc.sbc-stretto .sbc-viste { gap: 5px !important; margin: 8px 0 0 !important; }
.sbc.sbc.sbc-stretto .sbc-viste button { padding: 7px 11px !important; font-size: .82em !important; }
.sbc.sbc.sbc-stretto .sbc-viste span { display: none !important; }
.sbc.sbc .sbc-legenda { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; margin: 8px 2px 2px !important; }
.sbc.sbc .sbc-legenda button { display: inline-flex !important; align-items: center !important; gap: 6px !important; background: #ffffff !important; border: 1.5px solid #dedcd9 !important; border-radius: 99px !important; margin: 0 !important; padding: 4px 11px 4px 4px !important; min-height: 0 !important; width: auto !important; font-family: inherit !important; font-size: .82em !important; font-weight: 600 !important; color: #343333 !important; cursor: pointer !important; box-shadow: none !important; text-transform: none !important; letter-spacing: 0 !important; line-height: 1.2 !important; text-align: left !important; white-space: nowrap !important; }
.sbc.sbc .sbc-legenda button b { flex: none !important; width: 1.7em !important; height: 1.7em !important; border-radius: 50% !important; background: #ec671b !important; color: #ffffff !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-weight: 700 !important; }
.sbc.sbc .sbc-legenda button span { color: #c2500f !important; }
.sbc.sbc .sbc-legenda button.sbc-spento b { background: #a8a29e !important; }
.sbc.sbc .sbc-legenda button:hover, .sbc.sbc .sbc-legenda button:focus { border-color: #ec671b !important; background: #ffffff !important; color: #343333 !important; outline: none !important; }
.sbc.sbc.sbc-stretto .sbc-legenda { flex-wrap: nowrap !important; overflow-x: auto !important; margin: 8px 0 0 !important; padding: 0 0 4px !important; scrollbar-width: none !important; -webkit-overflow-scrolling: touch !important; }
.sbc.sbc.sbc-stretto .sbc-legenda::-webkit-scrollbar { display: none !important; }
.sbc.sbc.sbc-stretto .sbc-legenda button { flex: none !important; }
.sbc.sbc .sbc-riepilogo { background: #f7f6f5 !important; border-radius: 12px !important; padding: 10px 14px !important; margin: 12px 0 0 !important; font-size: .92em !important; }
.sbc.sbc .sbc-riepilogo dl { display: grid !important; grid-template-columns: auto minmax(0, 1fr) !important; gap: 3px 12px !important; margin: 0 !important; padding: 0 !important; }
.sbc.sbc .sbc-riepilogo dt { color: #7b7774 !important; font-weight: 400 !important; margin: 0 !important; padding: 0 !important; float: none !important; width: auto !important; word-break: normal !important; overflow-wrap: break-word !important; }
.sbc.sbc .sbc-riepilogo dd { margin: 0 !important; padding: 0 !important; font-weight: 700 !important; color: #343333 !important; float: none !important; width: auto !important; word-break: normal !important; overflow-wrap: break-word !important; }
.sbc.sbc.sbc-stretto .sbc-riepilogo dl { grid-template-columns: minmax(0, 42%) minmax(0, 1fr) !important; gap: 4px 10px !important; }
.sbc.sbc .sbc-passo.sbc-fatto h3 { color: #1d7a3f !important; }
.sbc.sbc .sbc-senza-script { background: #fff4ec !important; border: 1px solid #f9c9a8 !important; border-radius: 12px !important; padding: 14px 16px !important; color: #7a3c12 !important; }
.sbc.sbc .sbc-solo-battente, .sbc.sbc .sbc-solo-scorrevole { display: none !important; }
.sbc.sbc .sbc-domanda .sbc-nota b, .sbc.sbc .sbc-intro b { color: #343333 !important; }
.sbc.sbc[data-tipo="battente"] .sbc-solo-battente, .sbc.sbc[data-tipo="scorrevole"] .sbc-solo-scorrevole { display: block !important; }
@media (min-width: 769px) {
    body.sb-configuratore .site-header { padding-top: 4px !important; }
    body.sb-configuratore .site-header .site-branding { margin-bottom: 0 !important; height: auto !important; }
    body.sb-configuratore .site-header .site-branding img, body.sb-configuratore .site-header .custom-logo { height: 42px !important; max-height: 42px !important; width: auto !important; margin: 3px 0 !important; }
    body.sb-configuratore .site-header .custom-logo-link { display: block !important; height: 48px !important; }
    body.sb-configuratore .site-header .site-search { margin: 6px 0 !important; }
    body.sb-configuratore .site-header .aws-container .aws-search-field { height: 36px !important; padding-top: 7px !important; padding-bottom: 7px !important; margin-top: 0 !important; font-size: 15px !important; }
    body.sb-configuratore .site-header .aws-container .aws-search-btn { top: 6px !important; }
    body.sb-configuratore .site-header .site-header-cart { margin-top: 6px !important; }
    body.sb-configuratore .site-header .site-header-cart .cart-contents { padding-top: 4px !important; padding-bottom: 4px !important; }
    body.sb-configuratore .site-header .sb-header-account { margin-top: 6px !important; }
}
.sbc.sbc.sbc.sbc [hidden] { display: none !important; }