/* STEP 10 — wallpaper verticale 1774x3548; ripetizione orizzontale, rapporto originale */
html body,html[data-theme="light"] body{background-color:#080808!important;background-image:linear-gradient(rgba(0,0,0,.68),rgba(0,0,0,.68)),radial-gradient(rgba(0,0,0,.34) .9px,transparent 1.2px),url('/assets/branding/wallpaper-bavaglio.jpg')!important;background-size:100% 100%,4px 4px,clamp(620px,50vw,1000px) auto!important;background-repeat:no-repeat,repeat,repeat!important;background-position:center,0 0,center top!important;background-attachment:fixed,fixed,fixed!important}
.more{font-weight:400!important}
.float-right{gap:5px!important}.float-right button[data-modal]{writing-mode:horizontal!important;white-space:nowrap!important;min-height:0!important;width:132px!important;padding:11px 9px!important;font-size:10px!important;letter-spacing:.015em!important;text-align:center!important;border-radius:8px 0 0 8px!important;line-height:1.1!important;font-weight:600!important;background:linear-gradient(135deg,rgba(169,28,39,.85),rgba(92,13,20,.85))!important;opacity:.85!important;transition:opacity .2s,filter .2s!important}
.float-right button[data-modal="collabora"]{background:linear-gradient(135deg,rgba(197,61,72,.85),rgba(124,29,40,.85))!important}
.float-right button[data-modal]:hover,.float-right button[data-modal]:focus-visible{opacity:1!important}
.whatsapp{opacity:.85!important;transition:opacity .2s!important}.whatsapp:hover{opacity:1!important}
/* Riduzione del 50% circa della superficie rispetto al drawer a tutta altezza */
.drawer-dialog{height:auto!important;max-height:min(76dvh,640px)!important;width:min(380px,calc(100vw - 28px))!important;top:50%!important;bottom:auto!important;right:12px!important;transform:translate(105%,-50%)!important;border-radius:14px!important;overflow:auto!important}
.drawer-dialog[open]{transform:translate(0,-50%)!important}
.drawer-dialog .form-body{padding:30px 21px 22px!important;gap:9px!important;font-size:12px!important}
.drawer-dialog .form-body h2{font-size:18px!important;line-height:1.2!important;margin:4px 0!important}
.drawer-dialog .form-body p,.drawer-dialog .form-body label,.drawer-dialog .form-body small{font-size:11px!important;line-height:1.45!important}
.drawer-dialog .form-body input:not([type=checkbox]),.drawer-dialog .form-body textarea{font-size:12px!important;padding:8px 10px!important}
.drawer-dialog .form-body textarea{min-height:75px!important;resize:vertical}
.drawer-dialog .form-body .send{font-size:11px!important;padding:10px!important}
.form-privacy{margin:5px 0}.form-privacy label,.gate-privacy{display:flex!important;align-items:flex-start!important;gap:8px!important;font-size:10.5px!important;line-height:1.45!important}.form-privacy input[type=checkbox],.gate-privacy input{width:15px!important;height:15px!important;flex:0 0 15px!important;margin:0!important;accent-color:#c72a35}.form-privacy a,.gate-privacy a{color:#e3525b;text-decoration:underline;text-underline-offset:2px}
.contact-gate-card h2{margin-top:0!important;font-size:19px!important}.contact-gate .gate-privacy{margin:2px 0 4px!important;text-align:left!important}.contact-gate .gate-privacy input{padding:0!important}.contact-gate .gate-privacy a{display:inline!important}
@media(max-width:650px){html body,html[data-theme="light"] body{background-size:100% 100%,4px 4px,clamp(540px,100vw,760px) auto!important;background-attachment:scroll,scroll,scroll!important}.float-right{top:38%!important}.float-right button[data-modal]{width:106px!important;font-size:9px!important;padding:10px 5px!important}.drawer-dialog{right:8px!important;width:min(360px,calc(100vw - 16px))!important;max-height:85dvh!important}}
@media(prefers-reduced-motion:reduce){.drawer-dialog,.float-right button[data-modal]{transition:none!important}}