/* MAXTWIN 2026 — original service catalog + quotation flow */
:root{--mx-border:#3a3426;--mx-soft:#14130f;--mx-gold:#d6af55}
.mx-hero{position:relative;overflow:hidden;padding:76px 0 64px;background:radial-gradient(ellipse at 80% 15%,rgba(215,167,47,.19),transparent 42%),linear-gradient(135deg,#11100d,#070707 76%);border-bottom:1px solid #302919}
.mx-hero::after{content:"";position:absolute;width:410px;height:410px;border:1px solid rgba(216,175,85,.16);transform:rotate(30deg);right:-150px;top:-165px;pointer-events:none}
.mx-hero .shell{position:relative;z-index:1}.mx-eyebrow{font-size:.75rem;letter-spacing:.23em;text-transform:uppercase;color:#d6af55;font-weight:750}
.mx-hero h1{font-size:clamp(2.1rem,5vw,4.3rem);font-weight:750;line-height:1.07;letter-spacing:-.045em;max-width:850px;margin:16px 0}
.mx-hero .mx-lead{font-size:1.08rem;max-width:730px;color:#bcb8b0;line-height:1.65}
.mx-pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}.mx-pill{padding:7px 12px;background:#1c1a15;border:1px solid #3b3220;border-radius:40px;font-size:.8rem;color:#e0d5bd}
.mx-body{padding-top:60px;padding-bottom:75px}.mx-section-head{margin-bottom:26px}.mx-section-head h2{font-size:clamp(1.55rem,3vw,2.4rem);line-height:1.18;margin:5px 0 9px}.mx-section-head p{color:#b3aea4;max-width:780px;margin:0}
.mx-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mx-service-card{border:1px solid #343029;background:linear-gradient(145deg,#161512,#0b0b0a);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:border-color .2s,transform .2s}
.mx-service-card:hover{border-color:#ac863c;transform:translateY(-3px)}.mx-service-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.mx-service-content{padding:22px;display:flex;flex-direction:column;gap:12px;flex:1}.mx-service-content h3{margin:0;font-size:1.19rem}.mx-service-content p{margin:0;color:#b9b4ab;font-size:.93rem;flex:1}.mx-card-link{color:#edc56b;font-weight:720;font-size:.9rem;margin-top:7px}
.mx-split{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.mx-info-image{width:100%;border-radius:18px;aspect-ratio:5/4;object-fit:cover;border:1px solid #393326}.mx-benefits{display:grid;gap:13px;margin:18px 0 24px;padding:0;list-style:none}.mx-benefits li{padding-left:28px;position:relative;color:#cbc7bf}.mx-benefits li::before{content:"✓";position:absolute;left:0;color:#e4bf62;font-weight:850}
.mx-cta-bar{background:linear-gradient(95deg,#242011,#13120d);border:1px solid #6b552e;border-radius:19px;padding:26px 32px;display:flex;gap:25px;align-items:center;justify-content:space-between;margin-top:42px}.mx-cta-bar h2{margin:0 0 7px;font-size:1.4rem}.mx-cta-bar p{margin:0;color:#c6bfb1}
.mx-faq{border-top:1px solid #403727;padding:19px 0}.mx-faq:last-child{border-bottom:1px solid #403727}.mx-faq summary{cursor:pointer;font-weight:730}.mx-faq p{color:#bbb6ab;margin:10px 0 0}
.mx-wizard{border:1px solid #60502d;border-radius:22px;padding:clamp(20px,3vw,36px);background:linear-gradient(155deg,#1b1913,#0b0b0b 68%);box-shadow:0 20px 70px rgba(0,0,0,.24)}
.mx-wizard-head{display:flex;gap:15px;align-items:start;justify-content:space-between;margin-bottom:22px}.mx-step-no{background:#e0b85c;color:#171209;border-radius:10px;padding:9px 13px;font-size:.9rem;font-weight:850}
.mx-wizard h2{margin:0;font-size:clamp(1.3rem,2.6vw,1.8rem)}.mx-wizard-head p{margin:8px 0 0;color:#bcb4a3}
.mx-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mx-field{min-width:0}.mx-field label{display:block;color:#ece4d4;font-size:.87rem;font-weight:650;margin-bottom:7px}
.mx-field select,.mx-field input,.mx-field textarea{display:block;box-sizing:border-box;width:100%;min-width:0;border:1px solid #5b523f;color:#f4efe4;background:#1b1a17;border-radius:10px;padding:13px 13px;min-height:48px;outline:0}
.mx-field select:focus,.mx-field input:focus,.mx-field textarea:focus{border-color:#e1ba63;box-shadow:0 0 0 3px rgba(225,186,99,.13)}
.mx-field select:disabled{opacity:.6}.mx-field option{background:#1b1a17;color:#f4efe4}.mx-field.wide{grid-column:1/-1}.mx-field small{display:block;color:#a8a399;margin-top:5px}
.mx-wizard-actions{display:flex;align-items:center;gap:18px;margin-top:22px;flex-wrap:wrap}.mx-wizard-actions .btn{min-width:220px}.mx-wizard-hint{font-size:.83rem;color:#aaa59c;max-width:460px;margin:0}
.mx-quote-summary{border-left:3px solid #d6ac4f;background:#242015;padding:15px 20px;border-radius:0 10px 10px 0;margin:22px 0;color:#ece7da}.mx-quote-summary span{display:block;font-size:.81rem;color:#bfb7a8;margin-bottom:3px}
.mx-tag{display:inline-block;border:1px solid #4d4128;background:#292215;color:#e0bb6b;font-size:.75rem;letter-spacing:.02em;border-radius:50px;padding:5px 11px}
.mx-subtle{color:#b7b1a7}.mx-price-anchor{padding:36px 0 0}.mx-price-anchor .mx-wizard{margin-bottom:32px}
.mx-callout{padding:17px 19px;border-radius:12px;background:#17150f;border:1px solid #4f4229;color:#c7c0b2;font-size:.9rem;margin:20px 0}.mx-quote-form-section{max-width:930px;margin:auto}.mx-intro-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.mx-intro-links a{border:1px solid #453a28;border-radius:30px;padding:8px 14px;color:#ead2a0;font-size:.87rem}
.mx-existing-prices{border-top:1px solid #292722;margin-top:30px;padding-top:45px}
@media(max-width:850px){.mx-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mx-split{grid-template-columns:1fr}.mx-cta-bar{align-items:start;flex-direction:column}}
@media(max-width:570px){.mx-hero{padding:44px 0 42px}.mx-service-grid,.mx-picker-grid{grid-template-columns:1fr}.mx-wizard{padding:19px}.mx-service-card img{aspect-ratio:16/8}.mx-cta-bar{padding:23px}}
/* Explicit hidden state is essential where legacy form styles set display:flex */
#car-fields[hidden], .mx-quote-summary[hidden], [data-picker-fallback][hidden]{display:none!important}

/* Native hidden must override layout display in conditional form fields. */
.mx-other-field[hidden],.mx-manual-fallback[hidden],[data-vehicle-detail][hidden],[data-picker-fallback][hidden],.mx-quote-summary[hidden]{display:none!important}
.mx-other-field input,.mx-manual-fallback input{width:100%;min-height:47px;border-radius:9px;border:1px solid #54462c;background:#111;color:#f2f1ed;padding:10px 12px;font:inherit}
.mx-manual-fallback{margin-top:14px}.mx-manual-fallback label{display:block;margin:0 0 8px}