.df21-gallery{margin:48px 0}.df21-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-top:20px}.df21-gallery-grid a{display:block;overflow:hidden;border:1px solid #354568;border-radius:16px;background:#101a30}.df21-gallery-grid img{width:100%;height:220px;object-fit:cover;display:block;transition:transform .3s}.df21-gallery-grid a:hover img{transform:scale(1.04)}.df21-quote{max-width:1050px;margin:0 auto 70px;padding:32px;border:1px solid #355175;border-radius:22px;background:linear-gradient(140deg,#0e2039,#10142b);color:#eff6ff}.df21-quote h2{font-size:clamp(25px,4vw,42px);margin:8px 0 14px}.df21-quote p{color:#b6c9e6}.df21-quote fieldset{border:0;padding:0;margin:22px 0}.df21-quote legend{font-weight:700;margin-bottom:12px}.df21-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.df21-options label{padding:14px;border:1px solid #415575;border-radius:12px;cursor:pointer;background:#111d36;display:flex;gap:9px;align-items:center}.df21-quote input[type=checkbox]{accent-color:#22c9ff;width:18px;height:18px}.df21-quote input,.df21-quote select,.df21-quote textarea{max-width:100%;padding:12px;border:1px solid #415575;border-radius:10px;background:#0b162a;color:white}.df21-quote .df21-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.df21-quote .df21-fields label{display:grid;gap:7px}.df21-quote button{border:0;border-radius:10px;padding:14px 22px;color:white;background:linear-gradient(100deg,#087dd2,#7137cf);font-weight:700;cursor:pointer}.df21-quote .df21-result{white-space:pre-wrap;line-height:1.6;padding:18px;border:1px solid #3c547b;border-radius:12px;margin:20px 0}.df21-quote .df21-actions{display:flex;flex-wrap:wrap;gap:12px}.df21-quote a{color:#8de5ff}
/* V21.1: preventivatore raggiungibile dal menu */
.nav .df21-nav-quote{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(43,213,255,.6);border-radius:999px;padding:10px 15px;color:#b8f4ff;background:rgba(11,105,155,.16);font-weight:700;white-space:nowrap;transition:background .2s,border-color .2s}
.nav .df21-nav-quote:hover{background:rgba(43,213,255,.2);border-color:#2bd5ff}
#configura-preventivo{scroll-margin-top:105px}

/* V21.2: invio email diretto dal configuratore */
#df21EmailBox{margin-top:20px;padding:20px;border:1px solid #415575;border-radius:14px;background:#0b162a}#df21EmailBox label{display:block;margin-bottom:8px}#df21EmailBox input[type=email]{width:100%;max-width:460px}#df21EmailBox .df21-email-info{font-size:13px}#df21SendStatus{min-height:22px}#df21Send:disabled{opacity:.55;cursor:wait}
