:root{--ink:#132027;--ink2:#283840;--line:#dadddc;--bg:#f6f5f0;--paper:#fff;--mute:#687379;--accent:#b99055;--accent-soft:#f0e8dc;--green:#47735e;--radius:5px;--display:'Barlow Condensed',Impact,sans-serif;--body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.62;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{display:block;width:100%;object-fit:cover}::selection{background:#ead8bd;color:var(--ink)}.wrap{width:min(1200px,calc(100% - 72px));margin:0 auto}.display{font-family:var(--display);text-transform:uppercase;line-height:.93;letter-spacing:-.022em;font-weight:700}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--accent);display:flex;gap:12px;align-items:center}.eyebrow:before{content:'';height:1px;width:32px;background:currentColor;display:inline-block}.muted{color:var(--mute)}.intro{font-size:18px;color:#4c5a60;max-width:660px;line-height:1.6}.section{padding:94px 0}.section-header{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:34px}.section-title{font-size:clamp(48px,6vw,88px);margin:10px 0 0}.section-desc{max-width:415px;color:var(--mute);margin:0}.section-light{background:#fff}.section-dark{background:var(--ink);color:#fff}.section-dark .section-desc,.section-dark .muted{color:#adb8ba}.text-link{font-weight:700;font-size:13px;letter-spacing:.01em;border-bottom:1px solid currentColor;padding-bottom:4px;white-space:nowrap}.text-link:hover{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;border-radius:3px;padding:15px 21px;font-size:13px;font-weight:700;line-height:1.2;min-height:50px;border:1px solid transparent;transition:transform .15s,background .15s,color .15s}.btn:hover{transform:translateY(-2px)}.btn-dark{color:#fff;background:var(--ink)}.btn-dark:hover{background:#34454d}.btn-light{background:#fff;color:var(--ink)}.btn-outline{border-color:#929c9f;color:var(--ink);background:transparent}.btn-outline:hover{background:#fff}.btn-accent{background:var(--accent);color:#fff}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.pill{font-size:11px;font-weight:700;letter-spacing:.08em;padding:7px 10px;background:var(--accent-soft);color:#795f3b;text-transform:uppercase;border-radius:2px;display:inline-block}.pill-green{background:#e2eee6;color:#2f6248}
.preview-notice{min-height:34px;background:#d7b884;color:#251e16;display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;letter-spacing:.02em;padding:6px 18px}.preview-dot{width:7px;height:7px;border-radius:50%;background:#514024}.preview-detail{opacity:.75}.site-header{z-index:100;position:sticky;top:0;background:rgba(247,247,243,.98);border-bottom:1px solid #e4e5e1;backdrop-filter:blur(16px)}.header-inner{height:82px;display:flex;align-items:center;gap:35px;width:min(1450px,calc(100% - 72px));margin:0 auto}.brand{display:inline-flex;gap:12px;align-items:center;flex-shrink:0}.brand-monogram{font-family:var(--display);font-weight:800;letter-spacing:-.08em;font-size:42px;line-height:.85}.brand-monogram span{font-size:23px;vertical-align:top;margin:0 1px;color:var(--accent)}.brand-meta{font-size:14px;letter-spacing:.235em;font-weight:700;line-height:1.08;border-left:1px solid #adada5;padding-left:12px}.brand-meta small{display:block;font-size:7px;letter-spacing:.13em;margin-top:7px;white-space:nowrap}.desktop-nav{display:flex;align-items:center;gap:22px;margin-left:auto}.desktop-nav a{font-size:12px;font-weight:700;color:#48575a;white-space:nowrap}.desktop-nav a:hover,.desktop-nav a.active{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:12px}.header-help{background:var(--ink);color:white;font-size:11px;font-weight:700;padding:15px 17px;white-space:nowrap}.header-help span{margin-left:9px}.header-help:hover{background:#35464f}.menu-toggle{display:none;background:none;border:none;width:42px;height:42px;padding:10px}.menu-toggle span{display:block;width:22px;height:2px;background:var(--ink);margin:5px 0}.mobile-nav{display:none}.mobile-nav[hidden]{display:none}
.hero{display:grid;grid-template-columns:51% 49%;min-height:640px;background:#eaece7}.hero-copy{padding:90px max(38px,calc((100vw - 1200px)/2)) 75px max(36px,calc((100vw - 1200px)/2));display:flex;flex-direction:column;justify-content:center}.hero h1{font-family:var(--display);font-size:clamp(65px,6.9vw,113px);line-height:.9;text-transform:uppercase;letter-spacing:-.025em;margin:24px 0 24px;max-width:660px}.hero h1 em{font-style:normal;color:#a58c66}.hero-copy>p{max-width:435px;font-size:17px;color:#536166;line-height:1.55;margin:0 0 30px}.hero-details{display:flex;gap:26px;flex-wrap:wrap;margin-top:48px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:#5c6869}.hero-details span:before{content:'✓';color:var(--green);margin-right:7px}.hero-media{position:relative;background:#17242b;min-height:570px;overflow:hidden}.hero-media img{height:100%;position:absolute;inset:0;object-fit:cover;object-position:center center;filter:contrast(1.06) saturate(.82)}.hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,32,39,.15),transparent 70%),linear-gradient(0deg,rgba(19,32,39,.6),transparent 50%)}.hero-tag{z-index:1;position:absolute;left:34px;bottom:33px;color:#fff;max-width:300px}.hero-tag strong{display:block;font-size:16px;margin-bottom:3px}.hero-tag span{font-size:11px;letter-spacing:.15em;color:#d2d6d5;text-transform:uppercase}.hero-vertical{position:absolute;right:28px;top:38px;z-index:1;font-size:10px;letter-spacing:.22em;color:#fff;writing-mode:vertical-rl;text-transform:uppercase}
.trust-strip{background:#fff;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr)}.trust-item{display:flex;align-items:center;gap:16px;padding:29px 30px;border-right:1px solid var(--line)}.trust-item:first-child{padding-left:0}.trust-item:last-child{border-right:0}.trust-num{font-family:var(--display);font-size:38px;line-height:1;color:var(--accent)}.trust-item strong{display:block;font-size:13px}.trust-item span{font-size:12px;color:var(--mute)}
.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.brand-card{position:relative;min-height:345px;background:#e6e8e5;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:23px;border:1px solid #e0e3e1;transition:transform .2s,border-color .2s}.brand-card:hover{transform:translateY(-4px);border-color:#9caaa7}.brand-card .brand-index{font-size:11px;color:#87939a;letter-spacing:.2em;font-weight:700;position:relative;z-index:2}.brand-card img{position:absolute;inset:0;height:100%;filter:saturate(.7);opacity:.9;transition:transform .4s}.brand-card:hover img{transform:scale(1.05)}.brand-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,22,27,.85),rgba(12,22,27,.02) 73%)}.brand-card .brand-bottom{z-index:2;position:relative;color:white}.brand-card h3{font-family:var(--display);font-size:36px;line-height:1;margin:0 0 9px;text-transform:uppercase}.brand-card .brand-bottom span{font-size:12px;display:flex;justify-content:space-between;align-items:center;color:#e3e7e4}.brand-arrow{font-size:23px}
.products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.product-card{background:#fff;border:1px solid #e3e7e4;display:flex;flex-direction:column;min-width:0;overflow:hidden}.product-photo{height:250px;background:#e9edeb;position:relative;overflow:hidden}.product-photo img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.product-card:hover .product-photo img{transform:scale(1.05)}.product-photo .pill{position:absolute;left:16px;top:16px}.product-body{padding:25px;display:flex;flex-direction:column;flex:1}.product-kind{font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#9b805b}.product-body h3{font-family:var(--display);font-size:30px;line-height:1.03;text-transform:uppercase;margin:8px 0 11px}.product-body p{font-size:13px;color:#69767a;margin:0 0 24px;flex:1}.product-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e6e8e7;padding-top:18px}.product-price small{display:block;font-size:10px;color:var(--mute)}.product-price strong{font-family:var(--display);font-size:30px;line-height:1;white-space:nowrap}.product-foot a{font-size:12px;font-weight:700;border-bottom:1px solid #b3bbb9;padding-bottom:4px;text-align:right}.product-foot a:hover{color:var(--accent)}.shop-note{font-size:11px;color:#6e7b7e;margin-top:22px}
.feature-split{display:grid;grid-template-columns:45% 55%;min-height:470px}.feature-image{position:relative;background:#132027}.feature-image img{height:100%;position:absolute;inset:0;object-fit:cover}.feature-body{background:#f1ede5;padding:75px 10% 65px}.feature-body h2{font-size:clamp(49px,5.2vw,75px);margin:17px 0 20px}.feature-body p{font-size:16px;max-width:500px;color:#556266}.feature-list{list-style:none;padding:0;margin:25px 0 34px}.feature-list li{padding:12px 0;border-top:1px solid #d1d2cb;font-size:13px}.feature-list li:before{content:'↗';margin-right:15px;color:var(--accent)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.step{border-top:1px solid #4b5a5f;padding-top:24px}.step-no{font-family:var(--display);font-size:55px;color:#bb9a69}.step h3{font-family:var(--display);font-size:31px;text-transform:uppercase;margin:18px 0 9px;line-height:1}.step p{max-width:320px;font-size:13px;color:#b6c1c1}
.checker{display:grid;grid-template-columns:38% 62%;background:#fff;border:1px solid #dfe3e1}.checker-intro{padding:43px;background:#20323a;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.checker-intro h2{font-size:58px;line-height:.97;margin:22px 0}.checker-intro p{font-size:14px;color:#c0cbcb}.checker-intro .hand-note{font-size:15px;color:#d8bc8c;border-top:1px solid #506169;padding-top:20px;transform:rotate(-1deg);font-style:italic}.checker-form{padding:44px}.form-toggle{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:25px}.form-toggle button{background:#f0f1ef;border:1px solid #e0e2e0;padding:13px 7px;font-size:11px;font-weight:700;white-space:nowrap}.form-toggle button.selected{background:var(--ink);color:#fff;border-color:var(--ink)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.field{display:flex;flex-direction:column;gap:5px}.field.full{grid-column:1/-1}.field label{font-size:11px;color:#4f5e62;font-weight:700;letter-spacing:.02em}.field input,.field textarea,.field select{border:1px solid #cbd2ce;background:#fff;padding:13px 14px;min-height:47px;border-radius:0;outline:none;color:var(--ink);width:100%}.field textarea{min-height:87px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #d7b78540}.form-explainer{font-size:12px;color:#627074;margin:16px 0 20px;line-height:1.5}.form-disclaimer{font-size:11px;color:#778183;margin:13px 0 0}.demo-result{padding:16px;border:1px solid #bcceb9;background:#e9f4e8;color:#2f6143;font-size:13px;margin-top:17px}.demo-result[hidden]{display:none}
.human{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.human h2{font-size:clamp(53px,6vw,89px);margin:18px 0}.human p{max-width:530px;font-size:16px;color:#566266}.human-sign{font-size:23px;font-family:Georgia,serif;font-style:italic;color:#a38151;margin-top:22px}.human-panel{padding:45px;border:1px solid #d5d9d5;background:#fff;position:relative}.human-panel:before{content:'“';position:absolute;top:3px;right:29px;font-family:Georgia,serif;font-size:95px;color:#ead8b9}.human-panel p{font-size:18px;line-height:1.7;color:#435356}.human-panel strong{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-top:28px}
.mini-cta{background:#ede9df;padding:40px 0}.mini-cta-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.mini-cta h2{font-family:var(--display);font-size:35px;line-height:1;margin:0 0 6px;text-transform:uppercase}.mini-cta p{font-size:13px;color:#657174;margin:0}
.site-footer{background:#111f26;color:#fff}.footer-grid{padding:72px 0 60px;display:grid;grid-template-columns:1.8fr 1fr 1fr 1.2fr;gap:50px}.brand-footer{margin-bottom:20px}.footer-about p,.site-footer div>p{font-size:12px;color:#b9c3c3;max-width:290px}.footer-location{margin-top:22px}.site-footer h3{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#d3b080;margin:0 0 22px}.site-footer a:not(.brand){display:block;margin:0 0 13px;color:#d3dddd;font-size:12px}.site-footer a:hover{color:#d3b080}.footer-bottom{border-top:1px solid #35434a;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:20px 0 25px;color:#8c9c9f;font-size:10px}.footer-bottom a{font-size:10px!important;margin:0!important}.floating-contact{position:fixed;right:23px;bottom:23px;z-index:90;background:#b99055;color:#fff;padding:11px 16px;box-shadow:0 9px 25px #14212738;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;border-radius:3px}.contact-icon{border:1px solid #fff;border-radius:50%;width:22px;height:22px;text-align:center;line-height:19px}
.subhero{background:#e9ebe7;padding:64px 0 68px;overflow:hidden}.subhero-inner{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:65px}.subhero h1{font-size:clamp(66px,8vw,125px);margin:22px 0}.subhero p{max-width:540px;color:#647074;font-size:17px}.subhero-image{height:370px;position:relative;overflow:hidden;background:#20323a}.subhero-image img{height:100%}.subhero-image:after{content:'';position:absolute;inset:0;border:15px solid #ffffff17}.subhero .btn-row{margin-top:26px}.service-intro{padding:60px 0 30px}.service-intro h2{font-size:56px;margin:10px 0}.service-intro p{color:#59676a;max-width:700px}.detail-boxes{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}.detail-box{padding:26px 28px;border:1px solid #dce0dd;background:#fff}.detail-box h3{font-family:var(--display);font-size:28px;text-transform:uppercase;margin:0 0 10px}.detail-box p{font-size:13px;color:#667478;line-height:1.65;margin:0}.detail-box a{display:inline-block;margin-top:15px;font-weight:700;font-size:12px;border-bottom:1px solid #89928d}.catalog-control{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 28px}.catalog-control button{padding:10px 14px;border:1px solid #cfd5d0;background:transparent;font-size:11px;font-weight:700}.catalog-control button.active{background:#132027;color:#fff}.faq-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:65px}.faq-list{border-top:1px solid #d6dcda}.faq-list details{border-bottom:1px solid #d6dcda;padding:17px 0}.faq-list summary{font-weight:700;list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:20px;line-height:1}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:13px;color:#59686b;max-width:650px}.empty-state{font-size:15px;color:#6c7778;padding:35px;border:1px solid #ddd}.tuning-box{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tuning-note{padding:34px;background:#fff;border:1px solid #d9ded9}.tuning-note h3{font-family:var(--display);font-size:31px;margin:0 0 12px;text-transform:uppercase}.tuning-note p{font-size:14px;color:#657274}.reassurance{padding:18px 0;border-top:1px solid #d6dcda;font-size:12px;color:#657274}.small-print{font-size:11px;color:#798585}
@media(max-width:1250px){.desktop-nav{gap:13px}.desktop-nav a{font-size:11px}.header-inner{gap:15px}.hero-copy{padding-left:46px;padding-right:35px}.hero h1{font-size:clamp(65px,7vw,100px)}}
@media(max-width:1060px){.desktop-nav,.header-help{display:none}.menu-toggle{display:block}.header-inner{height:73px}.mobile-nav{display:flex;flex-direction:column;padding:8px 35px 26px;border-top:1px solid #dfe2df;max-height:75vh;overflow:auto}.mobile-nav a{font-size:15px;padding:13px 4px;border-bottom:1px solid #e0e3de;font-weight:700}.header-actions{margin-left:auto}.brand-grid{grid-template-columns:repeat(2,1fr)}.brand-card{min-height:290px}.products-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}.hero{min-height:520px}.hero h1{font-size:75px}.feature-split{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.wrap{width:min(100% - 34px,550px)}.preview-notice{font-size:10px;gap:7px}.preview-detail{display:none}.header-inner{width:calc(100% - 35px)}.brand-monogram{font-size:37px}.brand-meta{font-size:11px}.brand-meta small{font-size:6px}.mobile-nav{padding:8px 17px 22px}.section{padding:64px 0}.section-header{align-items:start;flex-direction:column;gap:17px;margin-bottom:26px}.section-title{font-size:61px}.section-desc{font-size:14px}.eyebrow{font-size:10px}.hero{grid-template-columns:1fr}.hero-copy{padding:70px 20px 48px;width:min(100% - 0px,580px);margin:auto}.hero h1{font-size:clamp(65px,15vw,96px);margin:20px 0}.hero-copy>p{font-size:15px}.hero-details{margin-top:34px;gap:9px 21px}.hero-media{height:390px;min-height:390px}.hero-media img{object-position:center}.trust-grid{grid-template-columns:1fr}.trust-item{padding:19px 0;border-right:0;border-bottom:1px solid var(--line)}.trust-item:last-child{border:0}.brand-grid{gap:9px}.brand-card{min-height:250px;padding:14px}.brand-card h3{font-size:29px}.brand-card .brand-bottom span{font-size:10px}.products-grid{grid-template-columns:1fr}.product-photo{height:260px}.product-body{padding:24px}.feature-split{grid-template-columns:1fr}.feature-image{height:330px}.feature-body{padding:48px 24px}.feature-body h2{font-size:58px}.steps{grid-template-columns:1fr;gap:30px}.step h3{margin:10px 0}.checker{grid-template-columns:1fr}.checker-intro{padding:32px}.checker-intro h2{font-size:54px}.checker-intro .hand-note{margin-top:12px}.checker-form{padding:25px 20px}.form-toggle{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.human{grid-template-columns:1fr;gap:30px}.human h2{font-size:68px}.human-panel{padding:32px}.mini-cta-inner{align-items:start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr;gap:29px;padding:52px 0}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.floating-contact{right:12px;bottom:12px;font-size:11px}.subhero{padding:50px 0 30px}.subhero-inner{grid-template-columns:1fr;gap:30px}.subhero h1{font-size:78px}.subhero-image{height:290px}.service-intro{padding:45px 0 20px}.detail-boxes{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr;gap:20px}.tuning-box{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Shop integration extends the accepted C&C visual language without replacing its sections. */
.wix-purchase-section { scroll-margin-top: 94px; }
.wix-purchase { max-width: 860px; margin: 0 auto; }
.wix-purchase h2 { margin: 12px 0 22px; font-family: 'Barlow Condensed', sans-serif; font-size: clamp(29px, 4vw, 48px); line-height: 1; }
.wix-shop-form { display: grid; gap: 16px; }
.wix-option-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 16px; }
.wix-option-grid label { display: grid; gap: 10px; font-weight: 650; }
.wix-option-grid select { width: 100%; min-height: 49px; border: 1px solid #aebac0; border-radius: 4px; padding: 8px 12px; font: inherit; background: #fff; color: #12242c; }
.wix-live-price { margin: 0; font-size: 1.3rem; font-weight: 700; }
.wix-shop-status { min-height: 1.4em; margin: 0; }
.wix-shop-error { color: #ad3636; font-weight: 600; }
.wix-shop-fallback { width: max-content; text-decoration: underline; }
.wix-purchase .btn:disabled { opacity: .5; cursor: not-allowed; }
.header-cart { white-space: nowrap; font-size: 12px; font-weight: 700; color: var(--ink); border: 1px solid #cbd2ce; padding: 12px 14px; }
.header-cart:hover { background: #e8eeea; }
.header-cart span { margin-left: 5px; }
.cart-section { min-height: 68vh; }
.cart-section .intro { margin: 16px 0 32px; }
.wix-cart { max-width: 950px; }
.wix-cart h2 { margin: 0 0 20px; font-family: var(--display); font-size: 34px; text-transform: uppercase; }
.wix-cart-items { border-top: 1px solid #dce0dd; }
.wix-cart-item { display: flex; justify-content: space-between; align-items: center; gap: 22px; padding: 20px 0; border-bottom: 1px solid #dce0dd; }
.wix-cart-info { display: grid; gap: 4px; }
.wix-cart-info strong { font-size: 16px; }
.wix-cart-info .small-print { display: block; }
.wix-cart-unit-price { font-size: 13px; color: var(--mute); }
.wix-cart-controls { display: flex; align-items: end; gap: 10px; flex-wrap: wrap; }
.wix-cart-controls label { display: grid; gap: 4px; font-size: 11px; font-weight: 700; }
.wix-cart-qty { width: 68px; height: 46px; border: 1px solid #b8c1bd; padding: 8px; background: #fff; color: #132027; }
.wix-cart-controls .btn { min-height: 46px; padding: 10px 13px; }

/* Two clear submission paths; the same vehicle data powers both. */
.compat-submit-options{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch;margin-top:16px}
.compat-submit-options .btn{flex:1 1 205px;min-width:0;gap:12px;white-space:normal;text-align:center}
.compat-whatsapp{border-color:#5c967a;color:#235d43;background:#edf6f0}
.compat-whatsapp:hover{background:#e0f0e6}
.compat-whatsapp:before{content:'';width:7px;height:7px;border-radius:50%;background:#2da567;flex:none}
.field-optional{font-weight:400;color:#758082;letter-spacing:0}
html[data-theme="dark"] .btn-outline.compat-whatsapp{background:#18382c;color:#cbefdb;border-color:#69a687}
html[data-theme="dark"] .btn-outline.compat-whatsapp:hover{background:#234b39}
html[data-theme="dark"] .field label .field-optional{color:#adbdc0}
@media(max-width:570px){.compat-submit-options{flex-direction:column}.compat-submit-options .btn{flex:initial;width:100%}}
.wix-remove { padding: 10px 2px; color: #9b3232; border: 0; background: none; text-decoration: underline; font-size: 12px; }
.wix-cart-summary { padding-top: 25px; display: grid; gap: 16px; }
.wix-cart-summary .small-print { margin: 0; }
.wix-cart-summary button:disabled { opacity: .5; cursor: wait; }
@media(max-width:720px) { .header-cart { padding: 9px; font-size: 0; } .header-cart span { font-size: 19px; margin: 0; } .wix-cart-item { flex-direction: column; align-items: stretch; } .wix-cart-controls { justify-content: flex-start; } }

/* Conversion-focused shop and featured products, retaining the approved visual language. */
.featured-section { padding: 76px 0 82px; }
.featured-heading-right { max-width: 330px; display: grid; gap: 15px; justify-items: start; }
.featured-heading-right p { color: var(--mute); margin: 0; font-size: 14px; line-height: 1.6; }
.featured-section .products-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.featured-section .product-photo { height: 258px; }
.featured-section .product-body { padding: 26px; }
.featured-section .product-body h3 { font-size: 32px; }
.featured-section .product-foot { align-items: center; flex-direction: row; gap: 14px; }
.featured-section .product-foot a { text-align: right; }
.featured-product-collection { display: grid; gap: 17px; }
.product-photo-flash { background: #17232e; }
.product-photo-flash img { object-position: center 55%; }
.flash-compare { position: absolute; bottom: 13px; z-index: 1; padding: 6px 9px; background: #172630db; border: 1px solid #8e9aa36b; color: #f5f1e7; font-size: 9px; font-weight: 800; letter-spacing: .095em; }
.flash-compare-before { left: 14px; }
.flash-compare-after { right: 14px; color: #e8c995; }
.human-contact { display: inline-block; margin-top: 25px; }
.about-facts { margin-top: 32px; border-top: 1px solid #dce1dd; }
.about-facts > div { display: flex; gap: 18px; align-items: baseline; border-bottom: 1px solid #e5e8e4; padding: 9px 0; }
.about-facts span { color: var(--accent); font-family: var(--display); font-size: 23px; font-weight: 700; }
.about-facts p { font-size: 13px; margin: 0; }

/* Legal documents keep the original wording but share the redesigned site's typography. */
.legal-main { background: var(--bg); min-height: 60vh; padding: 82px 0 105px; }
.legal-content { max-width: 980px; }
.legal-eyebrow { color: var(--accent); letter-spacing: .18em; text-transform: uppercase; font-size: 11px; font-weight: 800; margin-bottom: 22px; }
.legal-copy { padding: 52px 60px 66px; background: var(--paper); border: 1px solid var(--line); overflow-wrap: anywhere; }
.legal-copy h1 { font: 800 clamp(38px,5.5vw,72px)/.99 var(--display); text-transform: uppercase; margin: 0 0 38px; letter-spacing: -.01em; }
.legal-copy h2 { font: 700 clamp(23px,2.5vw,33px)/1.08 var(--display); margin: 40px 0 14px; }
.legal-copy p { font-size: 14px; line-height: 1.8; margin: 0 0 16px; }
.legal-copy ul { padding-left: 25px; margin: 12px 0 24px; }
.legal-copy li { margin: 6px 0; font-size: 14px; line-height: 1.72; }
.legal-copy a { color: var(--green); text-decoration: underline; text-underline-offset: 3px; }
.legal-back { margin: 30px 0 0; font-size: 13px; font-weight: 700; }
.legal-back a { border-bottom: 1px solid var(--accent); padding-bottom: 4px; }
@media(max-width:720px) { .legal-main { padding: 50px 0 75px; } .legal-copy { padding: 35px 23px 45px; } .legal-copy h1 { margin-bottom: 28px; } .legal-copy h2 { margin-top: 30px; } }
.subhero-shop { padding: 40px 0 42px; }
.shop-hero-inner { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(250px, .75fr); align-items: center; gap: 45px; }
.subhero-shop h1 { font-size: clamp(49px, 5.3vw, 79px); line-height: .97; margin: 13px 0 16px; }
.subhero-shop h1 em { color: #a58c66; font-style: normal; }
.subhero-shop p { max-width: 660px; font-size: 15px; line-height: 1.55; margin: 0; }
.subhero-shop .btn-row { margin-top: 22px; }
.shop-hero-visual { height: 235px; background: #15242a; position: relative; overflow: hidden; }
.shop-hero-visual img { height: 100%; object-fit: cover; filter: contrast(1.04) saturate(.75); }
.shop-hero-visual::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, #132027ae, transparent 65%); }
.shop-hero-visual span { position: absolute; left: 17px; bottom: 14px; color: #fff; font-size: 10px; letter-spacing: .14em; font-weight: 700; z-index: 1; }
.catalog-section { padding: 44px 0 82px; scroll-margin-top: 82px; }
.catalog-section .section-title { font-size: clamp(47px, 5vw, 72px); }
.catalog-section .section-header { align-items: center; margin-bottom: 24px; }
.catalog-section .catalog-control { margin-bottom: 20px; }
.catalog-section .product-photo { height: 215px; }
.catalog-section .product-body { padding: 21px 23px; }
.catalog-section .product-body h3 { font-size: 28px; }
.catalog-section .product-foot { align-items: start; }
html[data-theme="dark"] .subhero-shop h1 em { color: #d3b080; }
html[data-theme="dark"] .about-facts, html[data-theme="dark"] .about-facts > div { border-color: #435259; }

/* Give the premium BMW MMI its own editorial presentation. */
.mmi-spotlight { display: grid; grid-template-columns: 48% 52%; min-height: 555px; background: #f1ede5; }
.mmi-spotlight-visual { display: flex; align-items: center; justify-content: center; padding: 48px 6% 65px; position: relative; overflow: hidden; background: radial-gradient(circle at 45% 46%, #28434b, #14252c 67%); }
.mmi-spotlight-visual::before { content: ''; position: absolute; width: 72%; aspect-ratio: 1; border: 1px solid #d4b17e27; border-radius: 50%; }
.mmi-spotlight-visual .mmi-artwork { max-width: 600px; z-index: 1; filter: drop-shadow(0 26px 35px #0005); }
.mmi-spotlight-image-label { position: absolute; bottom: 26px; left: 7%; right: 7%; border-top: 1px solid #617178; padding-top: 12px; color: #bdc8c7; font-size: 10px; letter-spacing: .16em; font-weight: 700; }
.mmi-spotlight-copy { padding: 72px clamp(36px, 7vw, 112px); display: flex; justify-content: center; align-items: flex-start; flex-direction: column; }
.mmi-spotlight-copy h2 { font-size: clamp(52px, 5.5vw, 84px); margin: 17px 0 19px; }
.mmi-spotlight-copy > p { font-size: 16px; line-height: 1.68; max-width: 515px; color: #536266; margin: 0; }
.mmi-spotlight-list { list-style: none; padding: 0; margin: 26px 0; width: 100%; max-width: 510px; }
.mmi-spotlight-list li { padding: 11px 0; border-top: 1px solid #d0d5cf; font-size: 13px; }
.mmi-spotlight-list li::before { content: '↗'; color: #a68758; margin-right: 13px; }
.mmi-spotlight-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 18px; }
.mmi-spotlight-actions > span { font-family: var(--display); font-weight: 700; font-size: 29px; white-space: nowrap; }
.featured-mmi-card { min-height: 438px; grid-template-columns: 45% 55%; border: 1px solid #e3e7e4; }
.featured-mmi-card .mmi-spotlight-visual { padding: 30px 8% 50px; }
.featured-mmi-card .mmi-spotlight-visual .mmi-artwork { max-width: 450px; }
.featured-mmi-card .mmi-spotlight-copy { padding: 36px clamp(28px, 4vw, 67px); }
.featured-mmi-card .mmi-spotlight-copy h2 { font-size: clamp(42px, 4.9vw, 65px); margin: 10px 0 15px; }
.featured-mmi-card .mmi-spotlight-copy > p { font-size: 14px; line-height: 1.6; }
.featured-mmi-card .mmi-spotlight-list { margin: 14px 0 22px; }
.featured-mmi-card .mmi-spotlight-list li { padding: 7px 0; }

/* Personal contact details are honest trust evidence until real team photos are available. */
.about-hero { background: #e9ebe7; padding: 65px 0 70px; }
.about-hero-grid { display: grid; grid-template-columns: minmax(0, 1.14fr) minmax(0, .86fr); gap: 6%; align-items: stretch; }
.about-hero-copy { align-self: center; padding: 22px 0; }
.about-hero-copy h1 { font-size: clamp(57px, 6vw, 91px); margin: 25px 0 27px; }
.about-hero-copy h1 em { color: #a58c66; font-style: normal; }
.about-hero-copy > p { color: #56656a; font-size: 16px; line-height: 1.7; max-width: 560px; }
.about-hero-copy .hero-details { margin-top: 30px; }
.about-contact-card { display: flex; flex-direction: column; justify-content: space-between; min-height: 455px; padding: 26px 32px 38px; background: #14252c; color: #f8f6f0; }
.about-contact-top { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; font-size: 10px; color: #c5a774; letter-spacing: .12em; font-weight: 700; }
.about-contact-main .eyebrow { color: #c5a774; }
.about-contact-main h2 { font-size: clamp(38px, 4vw, 57px); margin: 16px 0 18px; }
.about-contact-main > p { font-size: 14px; color: #c3d0cd; max-width: 360px; line-height: 1.7; margin: 0 0 23px; }
.about-contact-phone { display: block; margin-top: 16px; color: #e3c99a; font-size: 13px; letter-spacing: .03em; font-weight: 700; }
html[data-theme="dark"] .mmi-spotlight-copy { background: #22333a; color: #f7f5ef; }
html[data-theme="dark"] .mmi-spotlight-copy > p { color: #bfcece; }
html[data-theme="dark"] .mmi-spotlight-list li { border-color: #4a5b60; }
html[data-theme="dark"] .about-hero { background: #1b2b31; }
html[data-theme="dark"] .about-hero-copy > p { color: #c7d2d1; }
@media(max-width:1060px) {
  .featured-section .products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .featured-section .product-photo { height: 230px; }
  .featured-section .products-grid .product-card:last-child { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; }
  .featured-section .products-grid .product-card:last-child .product-photo { height: 100%; min-height: 230px; }
  .shop-hero-inner { grid-template-columns: minmax(0, 1.3fr) minmax(220px, .7fr); gap: 25px; }
  .mmi-spotlight-copy { padding: 57px 38px; }
  .mmi-spotlight-copy h2 { font-size: clamp(48px, 6vw, 68px); }
  .featured-mmi-card .mmi-spotlight-copy { padding: 29px; }
  .featured-mmi-card .mmi-spotlight-copy h2 { font-size: clamp(40px, 5.2vw, 55px); }
  .about-hero-grid { gap: 28px; }
  .about-hero-copy h1 { font-size: clamp(53px, 6.5vw, 70px); }
}
@media(max-width:720px) {
  .featured-section { padding: 52px 0 65px; }
  .featured-heading-right { max-width: 100%; }
  .featured-section .products-grid { grid-template-columns: 1fr; }
  .featured-section .product-photo { height: 250px; }
  .featured-section .products-grid .product-card:last-child { grid-column: auto; display: flex; }
  .featured-section .products-grid .product-card:last-child .product-photo { height: 250px; min-height: 0; }
  .featured-section .product-foot { flex-direction: row; align-items: center; }
  .featured-section .product-body { padding: 24px; }
  .featured-section .product-body h3 { font-size: 30px; }
  .mmi-spotlight { grid-template-columns: 1fr; }
  .mmi-spotlight-visual { min-height: 310px; padding: 33px 8% 50px; }
  .mmi-spotlight-visual .mmi-artwork { max-width: 480px; }
  .mmi-spotlight-image-label { bottom: 16px; }
  .mmi-spotlight-copy { padding: 48px 24px 55px; }
  .mmi-spotlight-copy h2 { font-size: clamp(53px, 10vw, 70px); }
  .mmi-spotlight-actions { align-items: flex-start; flex-direction: column; }
  .featured-mmi-card .mmi-spotlight-visual { min-height: 290px; padding: 30px 10% 43px; }
  .featured-mmi-card .mmi-spotlight-copy { padding: 38px 24px 42px; }
  .featured-mmi-card .mmi-spotlight-copy h2 { font-size: clamp(46px, 10vw, 65px); }
  .featured-mmi-card .mmi-spotlight-copy > p { font-size: 13px; }
  .about-hero { padding: 47px 0 50px; }
  .about-hero-grid { grid-template-columns: 1fr; gap: 33px; }
  .about-hero-copy h1 { font-size: clamp(56px, 11vw, 72px); margin: 17px 0 21px; }
  .about-hero-copy > p { font-size: 14px; }
  .about-contact-card { min-height: 420px; padding: 24px; }
  .about-contact-main h2 { font-size: clamp(43px, 8vw, 54px); }
  .subhero-shop { padding: 41px 0 32px; }
  .shop-hero-inner { display: block; }
  .subhero-shop h1 { font-size: clamp(48px, 10.5vw, 69px); }
  .subhero-shop p { font-size: 14px; }
  .shop-hero-visual { display: none; }
  .catalog-section { padding: 37px 0 63px; scroll-margin-top: 70px; }
  .catalog-section .section-title { font-size: 48px; }
  .catalog-section .product-photo { height: 250px; }
}

/* Narrow phones: keep long uppercase headings and pricing links inside the viewport. */
@media(max-width:420px) {
  .hero h1 { font-size: clamp(60px, 16vw, 65px); }
  .section-title { font-size: clamp(48px, 15vw, 61px); }
  .human h2 { font-size: clamp(54px, 15.5vw, 68px); }
  .featured-section .product-foot { flex-wrap: wrap; gap: 7px 14px; }
  .featured-section .product-foot a { text-align: left; }
}

/* Manufacturer navigation: genuine badge silhouettes, no stock photos. */
.manufacturer-brand-grid .brand-card-logos {
  min-height: 268px;
  background: linear-gradient(155deg, #283c42, #13242b);
  border-color: #3e5258;
  overflow: hidden;
}
.manufacturer-brand-grid .brand-card-logos::after {
  background: radial-gradient(circle at 50% 40%, rgba(255,255,255,.055), transparent 59%);
  pointer-events: none;
}
.manufacturer-brand-grid .brand-card-logos .brand-index { color: #d8c3a4; }
.manufacturer-brand-grid .brand-logo-set {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  position: relative;
  z-index: 1;
  padding: 18px 0 11px;
}
.manufacturer-brand-grid .brand-card-logos .brand-logo {
  position: static;
  width: 80px;
  height: 80px;
  max-width: 100%;
  object-fit: contain;
  opacity: .94;
  filter: brightness(0) invert(1);
  transition: opacity .2s;
}
.manufacturer-brand-grid .brand-card-logos:hover .brand-logo { transform: none; opacity: 1; }
.manufacturer-brand-grid .brand-card-logo-vw .brand-logo { width: 64px; height: 64px; }
.manufacturer-brand-grid .brand-card-logo-audi .brand-logo,
.manufacturer-brand-grid .brand-card-logo-porsche .brand-logo { width: 114px; height: 100px; }
.manufacturer-brand-grid .brand-card-logos .brand-bottom { z-index: 2; }
.manufacturer-brand-grid .brand-card-logos .brand-bottom h3 { font-size: 31px; }
.manufacturer-brand-grid .brand-card-logos .brand-bottom span { font-size: 11px; }
@media(max-width:720px) {
  .manufacturer-brand-grid .brand-card-logos { min-height: 218px; padding: 14px; }
  .manufacturer-brand-grid .brand-logo-set { gap: 9px; padding: 11px 0 5px; }
  .manufacturer-brand-grid .brand-card-logos .brand-logo { width: 57px; height: 57px; }
  .manufacturer-brand-grid .brand-card-logo-vw .brand-logo { width: 39px; height: 42px; }
  .manufacturer-brand-grid .brand-card-logo-audi .brand-logo,
  .manufacturer-brand-grid .brand-card-logo-porsche .brand-logo { width: 100px; height: 75px; }
  .manufacturer-brand-grid .brand-card-logos .brand-bottom h3 { font-size: 25px; }
  .manufacturer-brand-grid .brand-card-logos .brand-index { font-size: 9px; }
}