:root{color-scheme:dark;--accent:#ff2854;--soft-accent:#ff4b8e;--ink:#f5f5f6;--muted:#9e9ea6;--line:#29292e;font-family:Arial,Helvetica,sans-serif;background:#000000;color:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:140px}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--soft-accent);outline-offset:5px}[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link{position:fixed;z-index:100;top:-80px;left:20px;background:var(--accent);padding:15px}.skip-link:focus{top:10px}
.site-header{min-height:125px;display:flex;align-items:center;gap:38px;padding:18px max(4.2vw,24px);border-bottom:1px solid var(--line);background:#000000}.wordmark{font-weight:900;font-size:20px;letter-spacing:-.5px;white-space:nowrap}.wordmark strong{color:var(--accent);font-size:inherit}.site-header .wordmark{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}.sign-car{position:relative;display:block;width:156px;aspect-ratio:700/200;overflow:hidden;margin:0 0 5px}.sign-car img{position:absolute;width:171.428571%;height:auto;max-width:none;left:-35.714286%;top:-305%;filter:grayscale(1) contrast(6);mix-blend-mode:screen}.wordmark small{font-size:9px;letter-spacing:2px;font-weight:400;margin-top:8px}nav{display:flex;gap:30px;margin-left:auto;font-size:13px;font-weight:700;color:#a6a6ad}nav a{padding:12px 0;position:relative}nav a:hover,nav a.active{color:#fff}nav a.active:after{content:"";position:absolute;height:2px;bottom:3px;left:0;width:23px;background:var(--accent)}.header-cta{border:1px solid #4b2635;border-radius:4px;padding:13px 19px;font-size:12px;font-weight:700}.header-cta:hover{border-color:var(--accent)}.menu-toggle{display:none}
.hero{padding:65px max(4.2vw,24px) 76px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 2% 100%,#24101966,transparent 55%),#080809}.hero-layout{display:grid;grid-template-columns:.84fr 1.16fr;align-items:center;gap:4vw;max-width:1440px;margin:auto}.hero-content{min-width:0}.eyebrow{display:flex;align-items:center;gap:12px;color:#c7c7ce;font-size:10px;letter-spacing:2px;font-weight:700;margin:0 0 23px;line-height:1.6}.eyebrow>span{width:25px;height:2px;flex:none;background:var(--accent)}.brand{font-weight:900;font-size:clamp(26px,3.25vw,48px);line-height:1.05;letter-spacing:-1.5px;white-space:nowrap;margin:0 0 28px}.brand>span{font-size:inherit}.brand-auto{color:var(--accent);text-shadow:0 0 24px #ff28543d}.hero h2{font-size:clamp(25px,2.6vw,38px);line-height:1.22;letter-spacing:-1px;margin:0 0 19px}.hero-description{font-size:14px;line-height:1.8;color:#a6a6ae;margin:0 0 30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:14px 24px;border:0;border-radius:4px;font-weight:700;font-size:13px}.button.primary{color:white;background:linear-gradient(110deg,#e82446,#ef3072);box-shadow:0 6px 26px #ed2b641c}.button.primary:hover{background:#ff3767}.button.secondary{background:#242429;border:1px solid #45454c;color:#fff}
.showroom-viewer{margin:0;min-width:0;border:1px solid #35353a;border-radius:8px;overflow:hidden;background:#101012;box-shadow:0 24px 75px #0008}.showroom-scene{aspect-ratio:1671/941;background-image:none;background-repeat:no-repeat;user-select:none}
.section-wrap{max-width:1440px;margin:0 auto;padding-left:max(4.2vw,24px);padding-right:max(4.2vw,24px)}.catalogue{padding-top:75px;padding-bottom:80px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px}.section-heading h2{font-size:42px;line-height:1.08;letter-spacing:-1.2px;margin:0}.section-heading h2 span{color:#b6b6bf}.catalogue-note{text-align:right;max-width:340px}.note-label{font-size:9px;color:#d77899;letter-spacing:1.5px;font-weight:700}.catalogue-note p{color:#b7b9c3;font-size:11px;line-height:1.8;margin:11px 0 0}.filter-panel{border:1px solid #333338;border-radius:7px;padding:23px;background:#121215}.search-row{display:flex;gap:20px;align-items:flex-end;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #2d2d33}.filter-field{display:block;min-width:0}.filter-field>span{display:block;color:#bcbcc5;font-size:10px;font-weight:700;margin-bottom:9px}.search-field{flex:1}.search-input-wrap{position:relative}.search-input-wrap svg{position:absolute;top:12px;left:13px;color:#94949e}.search-input-wrap input{padding-left:43px;width:100%}.filter-field input,.filter-field select{height:44px;border:1px solid #34343e;border-radius:4px;background:#0a0a0d;color:#e1e1e8;padding:0 12px;font-size:12px;min-width:0}.filter-field select{width:100%}.filter-field input::placeholder{color:#797985}.reset-filters{height:44px;display:flex;align-items:center;justify-content:center;gap:9px;background:#202026;color:#e5e5ee;border:1px solid #43434c;border-radius:4px;padding:0 19px;font-size:12px}.reset-filters:hover{border-color:var(--soft-accent)}.reset-filters>span{font-size:23px;font-weight:400}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.results-bar{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#b7bac5;padding:21px 0}.results-bar p{font-weight:700;color:#dddde5;margin:0}.car-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.car-card{background:#151518;border:1px solid #303036;border-radius:7px;overflow:hidden;min-width:0;transition:border-color .2s,transform .2s}.car-card:hover{border-color:#63525a;transform:translateY(-3px)}.car-photo{position:relative;background:#9c9d9f}.catalogue-picture{aspect-ratio:3/2;background-image:none;background-size:300% 200%;background-position:var(--panel-x,0%) var(--panel-y,0%);background-repeat:no-repeat}.stock-badge{position:absolute;top:13px;left:13px;padding:8px 11px;border-radius:4px;display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:700;border:1px solid;box-shadow:0 2px 12px #0003}.stock-badge>span{width:5px;height:5px;border-radius:50%;background:currentColor}.stock-badge.available,.dialog-status.available{background:#0c3022;color:#bbf5d8;border-color:#2d885f}.stock-badge.sold,.dialog-status.sold{background:#43141c;color:#ffc1cb;border-color:#aa4555}.car-content{padding:20px}.car-make{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#e1789b;display:flex;justify-content:space-between;gap:15px;margin:0 0 8px}.car-make span{letter-spacing:0;color:#a1a1ac;font-weight:400}.car-content h3{font-size:25px;letter-spacing:-.5px;margin:0 0 7px}.car-version{font-size:12px;margin:0 0 22px;color:#b8bac5}.car-specs{display:grid;grid-template-columns:.8fr 1.2fr 1fr;gap:7px;margin:0;padding:0 0 20px;border-bottom:1px solid #34343b}.car-specs dt{font-size:9px;color:#a8abb7;margin-bottom:6px}.car-specs dd{font-size:11px;color:#d9d9e3;margin:0;font-weight:700;white-space:nowrap}.car-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:20px}.car-price{font-size:22px;font-weight:700;margin:0;white-space:nowrap}.car-price small{display:block;margin-top:6px;color:#82828f;font-size:9px;font-weight:400}.card-button{font-size:10px;min-height:40px;white-space:nowrap;border:1px solid #633042;background:#2b1820;color:#ffc7d9;border-radius:4px;padding:0 13px}.card-button:hover{border-color:var(--accent);background:#431c2a}.empty-results{text-align:center;border:1px solid #37373e;border-radius:7px;padding:40px;color:#9b9ba7}.empty-results h3{color:white;font-size:24px}.empty-results p{font-size:14px;line-height:1.8}
.philosophy{border-top:1px solid var(--line);padding-top:65px;padding-bottom:70px}.philosophy-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.philosophy h2{font-size:34px;line-height:1.2;letter-spacing:-1px;margin:0}.philosophy h2 span{color:#afafba}.philosophy-layout p{font-size:13px;color:#c0c2cc;line-height:1.9;margin:0 0 15px}.text-link{display:inline-block;color:#fa8eaf;border-bottom:1px solid #714252;padding:7px 0;font-size:12px;font-weight:700}.site-footer{display:flex;align-items:center;gap:30px;padding-top:30px;padding-bottom:30px;border-top:1px solid var(--line)}.site-footer p{font-size:10px;color:#9d9da7}.site-footer>span{margin-left:auto;font-size:10px;color:#adb0bc}.modal-open{overflow:hidden}dialog{width:min(670px,calc(100% - 30px));padding:0;border:1px solid #46464e;border-radius:8px;background:#17171b;color:white;max-height:90vh;overflow:auto}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:12px;right:12px;z-index:2;min-width:42px;height:42px;font-size:26px;color:white;background:#121217e6;border:1px solid #666;border-radius:50%}.dialog-content{padding:25px}.dialog-content .eyebrow{font-size:9px;margin-bottom:12px}.dialog-content h2{font-size:30px;margin:0 0 9px}.dialog-content>p:not(.eyebrow):not(.dialog-price):not(.dialog-status){color:#a8a8b5;font-size:13px;line-height:1.7}.dialog-status{display:inline-block;border:1px solid;border-radius:4px;padding:7px 11px;font-size:11px}.dialog-content dl{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px 0;margin:0;border-bottom:1px solid #3a3a45}.dialog-content dt{color:#8d8d9b;font-size:10px;margin-bottom:6px}.dialog-content dd{margin:0;font-size:13px}.dialog-price{font-size:22px;font-weight:700}.dialog-content .demo-warning{font-size:11px!important}
.filter-field .search-input-wrap input{padding-left:43px}
@media(min-width:1600px){.hero-layout{gap:70px}.brand{font-size:51px}}
@media(max-width:1000px){.site-header{gap:24px}.header-cta{display:none}nav{gap:23px}.hero-layout{grid-template-columns:.85fr 1.15fr;gap:25px}.brand{font-size:clamp(24px,3.25vw,34px);letter-spacing:-1px}.hero h2{font-size:27px}.car-grid{gap:16px}.car-content{padding:16px}.car-bottom{flex-wrap:wrap;gap:14px}.philosophy-layout{gap:35px}}
@media(max-width:800px){.hero-layout{grid-template-columns:1fr}.hero-content{padding-bottom:15px}.brand{font-size:clamp(28px,6.8vw,48px)}.hero h2{font-size:30px}.showroom-viewer{max-width:700px;width:100%}.hero{padding-top:42px;padding-bottom:45px}.car-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading h2{font-size:35px}.catalogue-note{max-width:245px}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalogue{padding-top:50px;padding-bottom:50px}.philosophy h2{font-size:28px}.site-footer{flex-wrap:wrap;gap:10px 24px}.site-footer>span{margin-left:0}}
@media(max-width:600px){html{scroll-padding-top:20px}.site-header{min-height:115px;padding:14px 22px;position:relative;justify-content:space-between}.site-header .wordmark{font-size:19px}.sign-car{width:140px}.menu-toggle{display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:1px solid #37373e;border-radius:4px}.menu-toggle span{width:19px;height:1px;background:#eee}nav{display:none;position:absolute;z-index:20;top:100%;left:0;right:0;background:#151519;border-bottom:1px solid #414149;margin:0;padding:15px 22px}nav.is-open{display:flex;flex-direction:column;gap:8px}nav a{padding:13px 0}nav a.active:after{bottom:4px}.section-wrap,.hero{padding-left:22px;padding-right:22px}.brand{font-size:clamp(27px,7.7vw,42px);letter-spacing:-1.2px;margin-bottom:23px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px;gap:8px}.hero .eyebrow>span{width:18px}.hero h2{font-size:29px}.hero-description{font-size:13px}.section-heading{align-items:flex-start;flex-direction:column;gap:20px}.section-heading h2{font-size:35px}.catalogue-note{text-align:left;max-width:none}.catalogue-note p{font-size:10px}.filter-panel{padding:17px}.filter-grid{gap:16px 12px}.filter-field select{font-size:11px;padding-left:9px}.search-row{gap:12px;flex-wrap:wrap}.search-field{flex-basis:100%}.reset-filters{width:100%}.car-grid{grid-template-columns:1fr;gap:22px}.car-content{padding:22px}.car-bottom{flex-wrap:nowrap}.car-specs dt{font-size:10px}.car-specs dd{font-size:12px}.card-button{font-size:11px;padding:0 15px}.philosophy-layout{grid-template-columns:1fr;gap:24px}.philosophy{padding-top:45px;padding-bottom:45px}.site-footer{flex-direction:column;align-items:flex-start;gap:5px;padding-top:25px;padding-bottom:25px}.site-footer p{margin:8px 0}.dialog-content{padding:20px}.dialog-content h2{font-size:26px}.dialog-price{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.car-card{transition:none}.car-card:hover{transform:none}}
/* Versione 4: auto a tre quarti e tema nero con superfici antracite più luminose. */
:root{background:#000000;--accent:#eb2b62;--soft-accent:#f37ca1;--line:#4a4d55}
.site-header{background:#000000;border-color:#45474e;min-height:110px;padding-top:12px;padding-bottom:12px}
.wordmark,.wordmark strong,.brand,.brand-auto{color:#fff;text-shadow:none}
.wordmark-name{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;font-size:23px;letter-spacing:-.6px}
.site-header .wordmark small{font-size:8px;letter-spacing:1.25px}
.sign-car{width:150px;opacity:1}
.header-cta{border:1px solid #838383;border-radius:0;text-transform:uppercase;letter-spacing:.7px;font-size:10px}
nav{font-weight:400;font-size:12px}nav a.active:after{background:#fff;width:100%;height:1px}
.hero{position:relative;isolation:isolate;min-height:610px;padding:0;overflow:hidden;background:#111114;border-color:#343434}
.hero-layout{display:block;min-height:610px;max-width:none;position:relative;margin:auto}
.hero-content{position:relative;z-index:3;width:49%;padding:115px 0 95px max(4.2vw,24px);pointer-events:none}
.hero-content a{pointer-events:auto}
.hero .eyebrow{font-size:9px;letter-spacing:3px;color:#ccc;margin-bottom:22px;font-weight:400}
.hero .eyebrow>span{display:none}
.brand{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;font-size:clamp(31px,4.3vw,64px);letter-spacing:-1.8px;line-height:1.05;margin-bottom:25px;white-space:nowrap}
.brand>span{font-size:inherit;font-weight:inherit}
.hero h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(27px,2.65vw,39px);font-weight:400;line-height:1.17;letter-spacing:-.6px;margin-bottom:17px}
.hero-description{font-size:12px;line-height:1.9;color:#c5c6cd;margin-bottom:29px}
.button.primary{background:#f5f5f3;color:#111;box-shadow:none;border:1px solid #f5f5f3;border-radius:0;text-transform:uppercase;letter-spacing:1px;font-size:10px;min-width:180px}
.button.primary:hover{background:#dededa;border-color:#dededa}
.showroom-viewer{position:absolute;right:0;top:0;width:72%;height:100%;margin:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
.showroom-scene{position:absolute;top:48%;right:-2%;transform:translateY(-50%);width:104%;height:0;padding-bottom:58.566128%;overflow:hidden;aspect-ratio:auto;background:none;mask-image:linear-gradient(to right,transparent 0%,#000 12%,#000 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 12%,#000 100%)}
.showroom-scene>img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;max-width:none;pointer-events:none}
.showroom-viewer:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,#111114 0%,transparent 10%,transparent 85%,#000000 100%)}





.catalogue{padding-top:45px}
.section-heading{margin-bottom:30px}.section-heading h2,.philosophy h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.7px}.section-heading h2{font-size:42px;text-transform:uppercase}.section-heading .eyebrow,.philosophy>.eyebrow{font-size:9px;font-weight:400;letter-spacing:2px}.catalogue-note p{font-size:10px}
.filter-panel{border:0;border-top:1px solid #474747;border-bottom:1px solid #474747;background:#181a20;border-radius:0;padding:23px 0}
.filter-field input,.filter-field select{background:#101116;border-color:#646974;border-radius:0;height:46px}.filter-field>span{font-weight:400;color:#bdbdbd;font-size:10px}.search-row{border-bottom-color:#313131}
.reset-filters{background:#eee;color:#141414;border-color:#eee;border-radius:0;letter-spacing:.3px}
.results-bar{padding-top:24px;padding-bottom:22px}
.car-grid{gap:22px}.car-card{border-radius:0;background:#1b1d23;border-color:#555962}.car-card:hover{border-color:#888;transform:none}.car-photo{background:#969696}
.catalogue-picture{display:block;position:relative;height:0;padding-bottom:66.6666667%;overflow:hidden;aspect-ratio:auto;background:none}
.catalogue-picture>img{display:block;position:absolute;left:0;top:0;width:300%;height:200%;max-width:none;object-fit:fill}
.car-content{padding:20px}.car-make{color:#b3b3b3;font-size:8px;letter-spacing:1.9px}.car-make span{color:#909090}.car-content h3{font-size:22px;letter-spacing:-.25px}.car-version{font-size:11px}.car-specs{border-color:#353535}.car-price{font-size:22px}.card-button{background:transparent;border:0;border-bottom:1px solid #a36178;border-radius:0;color:#efced8;font-size:10px;padding:0 0;min-height:34px;text-transform:uppercase;letter-spacing:.4px}.card-button:hover{background:transparent;color:#fff;border-color:#fff}.stock-badge{border-radius:0;font-size:9px;top:12px;left:12px}
.philosophy{padding-top:65px;padding-bottom:65px}.philosophy h2{font-style:italic;font-size:37px;color:#fff}.philosophy h2 span{color:#d1d1d1}.philosophy-layout{grid-template-columns:1fr 1fr;gap:80px}.text-link{color:#efcad7}
.dialog-picture{padding-bottom:66.6666667%;width:100%}.dialog-content h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}.dialog-status{border-radius:0}
@media(min-width:1600px){.hero-content{padding-left:66px}.brand{font-size:64px}.hero,.hero-layout{min-height:660px}}
@media(max-width:1100px){.hero,.hero-layout{min-height:540px}.hero-content{padding-top:105px;padding-bottom:70px}.hero .eyebrow{font-size:8px;letter-spacing:2px}.car-content{padding:16px}.philosophy-layout{gap:35px}}
@media(max-width:800px){.hero,.hero-layout{min-height:0}.hero-content{width:100%;padding:45px 26px 0;min-height:270px}.brand{font-size:clamp(33px,7vw,52px);letter-spacing:-1.3px}.hero h2{font-size:30px}.hero-description{font-size:12px;margin-bottom:22px}.showroom-viewer{position:relative;width:100%;height:auto;margin-top:15px;padding-bottom:0}.showroom-scene{position:relative;top:auto;right:auto;transform:none;width:100%;padding-bottom:56.313585%;mask-image:none;-webkit-mask-image:none}.showroom-viewer:after{background:linear-gradient(to bottom,#111114,transparent 6%,transparent 88%,#000000 100%)}.section-heading h2{font-size:35px}.philosophy h2{font-size:32px}.philosophy-layout{gap:30px}}
@media(max-width:600px){.site-header{padding:11px 22px;min-height:105px}.site-header .wordmark-name{font-size:22px}.sign-car{width:140px}.hero-content{padding:36px 22px 0;min-height:260px}.brand{font-size:clamp(28px,7.9vw,44px);letter-spacing:-1.1px;margin-bottom:19px}.hero .eyebrow{font-size:7px;letter-spacing:1.8px;margin-bottom:17px}.hero h2{font-size:28px}.hero-description{font-size:11px;line-height:1.75}.showroom-viewer{padding-bottom:0}.catalogue{padding-top:36px}.catalogue-note{text-align:left}.filter-panel{padding-top:20px;padding-bottom:20px}.section-heading h2{font-size:32px}.car-content{padding:20px}.car-content h3{font-size:24px}.philosophy-layout{grid-template-columns:1fr}.philosophy{padding-top:45px;padding-bottom:45px}.philosophy h2{font-size:30px}.site-footer .wordmark{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400}}

/* Dettagli chiari che danno respiro al tema nero. */
.philosophy{background:#000000;border-top-color:#50535d}
.car-price{background:#f0f1ee;color:#16181c;padding:8px 11px;font-size:21px;line-height:1.15}
.car-price small{color:#535860;margin-top:5px}
.car-specs{border-bottom-color:#494d58}
.car-specs dd{color:#eef0f6}
.car-make span{color:#b9bdc8}
.site-footer{border-top-color:#50535d}

/* Transizione ampia: showroom e testo condividono la prima sezione. */
.hero{background:linear-gradient(105deg,#13161b 0%,#22262d 48%,#2c3036 73%,#1a1d23 100%)}
.showroom-viewer{width:78%}
.showroom-scene{mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.12) 10%,rgba(0,0,0,.55) 23%,#000 44%,#000 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.12) 10%,rgba(0,0,0,.55) 23%,#000 44%,#000 100%)}
@media(max-width:800px){.showroom-viewer{width:100%}.showroom-scene{mask-image:none;-webkit-mask-image:none}.hero{background:linear-gradient(150deg,#13161b 0%,#22262d 65%,#16181d 100%)}}

/* Un'unica scena panoramica: sfondo fotografico senza pannelli laterali. */
.showroom-viewer{width:100%;inset:0;height:100%;margin:0}
.showroom-scene{position:absolute;inset:0;transform:none;width:100%;height:100%;padding:0;mask-image:none;-webkit-mask-image:none}
.showroom-scene>img{width:100%;height:100%;object-fit:cover;object-position:right center}
.showroom-viewer:after{background:linear-gradient(90deg,rgba(17,17,20,.55) 0%,rgba(17,17,20,.27) 30%,transparent 50%),linear-gradient(180deg,rgba(17,17,20,.5) 0%,transparent 14%,transparent 85%,#000000 100%)}
@media(min-width:801px) and (max-width:1100px){.showroom-scene>img{object-fit:cover}.showroom-viewer:after{background:linear-gradient(90deg,rgba(17,17,20,.5) 0%,transparent 48%),linear-gradient(180deg,#111114 0%,transparent 15%,transparent 84%,#000000 100%)}}
@media(max-width:800px){.showroom-viewer{position:relative;inset:auto;width:100%;height:auto}.showroom-scene{position:relative;inset:auto;width:100%;height:0;padding-bottom:62%;transform:none}.showroom-scene>img{object-fit:cover;object-position:right center}.showroom-viewer:after{background:linear-gradient(180deg,rgba(17,17,20,.55) 0%,transparent 14%,transparent 88%,#000000 100%)}}
.showroom-scene>img{width:100%;height:100%;left:0;top:0;mask-image:none;-webkit-mask-image:none}
@media(max-width:800px){.showroom-scene>img{width:100%;height:100%;left:0;top:0;mask-image:none;-webkit-mask-image:none}}

/* Barra superiore nera uniforme: il fondo del logo si integra nella barra. */
.site-header .wordmark,.site-header .sign-car{background:transparent;border:0;box-shadow:none}
@media(max-width:600px){.site-header nav{background:#000000}}

/* Base nera sotto la home; pannello filtri e schede conservano i loro colori. */
body,.catalogue,.site-footer{background:#000000}

/* Catalogo di riferimento: prezzi e informazioni bianchi. */
.car-card .car-make,.car-card .car-make span,.car-card h3,.car-card .car-version,.car-card .car-specs dt,.car-card .car-specs dd,.car-card .car-price,.car-card .car-price small{color:#ffffff}
.car-card .car-price{background:transparent;padding:0;font-size:24px;line-height:1.15;font-weight:700}
.car-card .car-price small{font-size:9px;font-weight:400}
.car-card .card-button{color:#ffffff;border-bottom-color:#ffffff}

/* Sfumatura continua fra la barra nera e il grigio dello showroom. */
.site-header{border-bottom:0}
.hero::before{content:'';position:absolute;z-index:2;top:0;left:0;right:0;height:clamp(105px,10vw,165px);pointer-events:none;background:linear-gradient(to bottom,#000000 0%,#000000 5%,rgba(0,0,0,.88) 22%,rgba(0,0,0,.66) 40%,rgba(0,0,0,.36) 62%,rgba(0,0,0,.12) 82%,rgba(0,0,0,0) 100%)}

/* Schede più leggibili: solo i bordi laterali, sfumature verticali sul nero. */
.car-card{background:#000000;border:0;border-left:1px solid rgba(255,255,255,.72);border-right:1px solid rgba(255,255,255,.72)}
.car-card:hover{border-color:#ffffff}
.car-photo{background:#14161b;isolation:isolate}
.car-photo::after{content:'';position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(to bottom,#000000 0%,rgba(0,0,0,.32) 5%,rgba(0,0,0,0) 15%,rgba(20,22,27,0) 80%,#14161b 100%)}
.stock-badge{z-index:2}
.car-content{background:linear-gradient(to bottom,#14161b 0%,#14161b 65%,#0b0c0f 85%,#000000 100%);padding:22px 20px 28px}
.car-card .car-make{font-size:14px;font-weight:700;letter-spacing:1.4px;line-height:1.4;margin-bottom:9px;align-items:baseline}
.car-card .car-make span{font-size:12px;letter-spacing:0}
.car-card h3{font-size:26px;line-height:1.2;margin-bottom:9px}
.car-card .car-version{font-size:13px;line-height:1.6;margin-bottom:20px}
.car-card .car-specs{grid-template-columns:.7fr 1.2fr 1fr;gap:8px}
.car-card .car-specs dt{font-size:11px;line-height:1.4}
.car-card .car-specs dd{font-size:13px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
.car-card .car-price{font-size:26px;line-height:1.2}
.car-card .car-price small{font-size:11px;line-height:1.5}
.car-card .card-button{font-size:11px;letter-spacing:.3px}
@media(min-width:801px) and (max-width:1100px){.car-content{padding-left:16px;padding-right:16px}.car-card h3{font-size:24px}}
/* Una scia luminosa bianca percorre tutti e quattro i lati del pulsante. */
.header-cta,.hero .button.primary{position:relative;overflow:visible;isolation:isolate;border:1px solid rgba(255,255,255,.24)}
.hero .button.primary{background:rgba(0,0,0,.65);color:#ffffff}
.hero .button.primary:hover{background:rgba(15,16,19,.9);border-color:rgba(255,255,255,.4)}
.header-cta:hover{border-color:rgba(255,255,255,.4)}
.border-light{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);overflow:visible;pointer-events:none;filter:drop-shadow(0 0 3px rgba(255,255,255,.95)) drop-shadow(0 0 7px rgba(255,255,255,.6))}
.border-light rect{fill:none;stroke:#ffffff;stroke-width:1.8;stroke-linecap:round;stroke-dasharray:14 86;animation:border-light-travel 4.5s linear infinite}
@keyframes border-light-travel{from{stroke-dashoffset:0}to{stroke-dashoffset:-100}}
@media(prefers-reduced-motion:reduce){.border-light rect{animation:none;stroke-dasharray:none;opacity:.7}}

/* Dettagli bianco ghiaccio, in armonia con i fanali. */
.eyebrow>span{background:linear-gradient(90deg,#dcefff,#bbdff7);box-shadow:0 0 7px rgba(191,225,250,.22)}
.note-label,.text-link{color:#d7edfc}
.text-link{border-bottom-color:rgba(192,222,244,.35)}
/* Bordo in movimento con un alone più tenue e diffuso. */
.header-cta,.hero .button.primary{border-color:rgba(255,255,255,.16)}
.border-light{filter:blur(.6px) drop-shadow(0 0 5px rgba(255,255,255,.4)) drop-shadow(0 0 11px rgba(255,255,255,.18))}
.border-light rect{stroke-width:1.3;stroke-dasharray:28 72;opacity:.72;animation-duration:6.5s}
@media(prefers-reduced-motion:reduce){.border-light rect{stroke-dasharray:none;opacity:.5}}
/* Filtri: grafica scura, bordi discreti e raccordo morbido al fondo. */
.filter-panel{border:0;border-radius:8px;background:linear-gradient(180deg,#000000 0%,#0d0f13 12%,#111318 32%,#111318 70%,#0b0d10 90%,#000000 100%);padding:30px 24px 34px}
.search-row{gap:18px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.07)}
.filter-grid{gap:22px 20px}
.filter-field>span{font-size:12px;font-weight:500;color:#e0e4ec;margin-bottom:10px;line-height:1.4}
.filter-field input,.filter-field select{height:48px;background:#0b0d11;border:1px solid #2d323b;border-radius:6px;color:#f1f3f8;font-size:13px;padding-right:14px;padding-left:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:border-color .18s,background-color .18s}
.filter-field input:hover,.filter-field select:hover{border-color:#424b58;background:#0e1116}
.filter-field input:focus-visible,.filter-field select:focus-visible{outline:2px solid #bcdff6;outline-offset:3px;border-color:#738ea4}
.filter-field input::placeholder{color:#a0a7b2}
.search-input-wrap svg{top:14px;color:#a8b9c9}
.reset-filters{height:48px;background:#191d24;color:#eef3fa;border:1px solid #323a45;border-radius:6px;padding:0 20px;font-size:12px;font-weight:500;box-shadow:none;transition:background-color .18s,border-color .18s}
.reset-filters:hover{background:#222833;border-color:#6c8599}
@media(max-width:800px){.filter-grid{gap:20px 16px}}
@media(max-width:600px){.filter-panel{padding:26px 14px 30px}.filter-grid{gap:19px 12px}.search-row{gap:14px;padding-bottom:20px;margin-bottom:20px}.filter-field select{font-size:12px;padding-left:10px;padding-right:8px}}
@media(prefers-reduced-motion:reduce){.filter-field input,.filter-field select,.reset-filters{transition:none}}

/* Barra superiore: resta soltanto il simbolo dell’auto. */
.site-header .wordmark{flex-direction:row;align-items:center}
.site-header .sign-car{width:176px;margin:0}
@media(max-width:600px){.site-header .sign-car{width:148px}}

/* La scena arriva ai bordi: nessun margine artificiale sul pavimento. */
.hero{border-bottom:0}
.showroom-viewer{max-width:none}


/* Testo di sistema pulito; il marchio NON SOLO AUTO mantiene il suo carattere. */
:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif}
.hero h2,.section-heading h2,.philosophy h2,.dialog-content h2{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Arial,sans-serif;font-style:normal;font-weight:600;letter-spacing:-.035em}

/* Pulsanti Scopri le auto con angoli arrotondati, anche lungo il bordo luminoso. */
.header-cta,.hero .button.primary{border-radius:16px}

/* Quattro filtri essenziali su una sola riga; gli altri si aprono al bisogno. */
.quick-filters,.extra-filters{grid-template-columns:repeat(4,minmax(0,1fr))}
.advanced-filters{margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07)}
.advanced-filters summary{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:9px 14px;border:1px solid #38424e;border-radius:12px;background:#171c23;color:#f2f5f9;font-size:13px;font-weight:600;list-style:none;cursor:pointer;transition:background-color .18s,border-color .18s}
.advanced-filters summary::-webkit-details-marker{display:none}
.advanced-filters summary:hover{background:#202834;border-color:#6c8599}
.advanced-filters summary:focus-visible{outline:2px solid #bcdff6;outline-offset:3px}
.sliders-icon{width:19px;height:19px;color:#bcdff6;flex:none}
.filters-chevron{width:17px;height:17px;margin-left:10px;transition:transform .18s}
.advanced-filters[open] .filters-chevron{transform:rotate(180deg)}
.extra-filters{margin-top:20px}
@media(max-width:700px){
  .quick-filters{display:flex;overflow-x:auto;gap:12px;padding-bottom:10px;scroll-snap-type:x proximity;scrollbar-color:#5b6673 transparent}
  .quick-filters>.filter-field{flex:0 0 min(54vw,210px);scroll-snap-align:start}
  .extra-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:420px){.extra-filters{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.advanced-filters summary,.filters-chevron{transition:none}}


/* Comando compatto dei filtri aggiuntivi, come nella bozza richiesta. */
.advanced-filters{border-top:0;margin-top:12px;padding-top:0}
.advanced-filters summary{border:0;background:transparent;padding:7px 2px;border-radius:0;min-height:38px;text-transform:uppercase;letter-spacing:.08em;color:#d9e4ee}
.advanced-filters summary:hover{background:transparent;border:0;color:#fff}
.filter-plus{display:inline-grid;place-items:center;width:18px;height:18px;font-size:21px;font-weight:400;line-height:1;color:#d9e4ee}
.filter-plus::before{content:'+'}
.advanced-filters[open] .filter-plus::before{content:'−'}


/* Schede del catalogo: informazioni quasi nere, come nel riferimento. */
.car-card{background:#06080a;border:1px solid #2c3136;border-radius:7px;box-shadow:0 10px 28px rgba(0,0,0,.22)}
.car-card:hover{border-color:#69727b}
.car-photo{background:#080a0c}
.car-photo::after{background:linear-gradient(to bottom,rgba(0,0,0,.10) 0%,transparent 22%,transparent 74%,#08090b 100%)}
.car-content{background:linear-gradient(180deg,#080a0c 0%,#050607 100%);padding:18px 18px 20px}
.car-card .car-make{font-size:11px;letter-spacing:.08em;margin-bottom:7px}
.car-card .car-make span{color:#b9c0c7}
.car-card h3{font-size:23px;font-weight:600;margin-bottom:5px}
.car-card .car-version{color:#c5cbd1;font-size:12px;margin-bottom:16px}
.car-card .car-specs{border-bottom:1px solid #30363b;padding-bottom:16px}
.car-card .car-specs dt{color:#aeb6be;font-size:10px}
.car-card .car-specs dd{font-size:12px}
.car-bottom{padding-top:16px}
.car-card .car-price{display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:transparent;padding:0;font-size:20px;line-height:1.1}
.car-card .car-price>span{display:inline-flex;align-items:center;min-height:34px;padding:6px 12px;background:#f7f8f9;color:#0c0e11;border-radius:5px;box-shadow:0 1px 5px rgba(0,0,0,.24)}
.car-card .car-price small{margin:0;color:#b7bec5;font-size:10px}
.car-card .card-button{color:#edf2f5;border-bottom-color:#aab4bd}
.car-card .card-button:hover{color:#ffffff;border-color:#ffffff}
.stock-badge{border-radius:999px;padding:7px 11px}
.stock-badge.available{background:#39d87a;color:#07160d;border-color:#39d87a}
.stock-badge.sold{background:#ed3c61;color:#ffffff;border-color:#ed3c61}
@media(max-width:600px){.car-content{padding:18px}.car-card .car-price{font-size:20px}}

/* Pulsanti Scopri le auto con forma a pillola. */
.header-cta,.hero .button.primary{border-radius:999px}


/* Ricerca integrata nello sfondo nero del catalogo, con comandi come nel riferimento. */
.filter-panel{background:transparent;border:0;border-radius:0;padding:0}
.search-row{display:grid;grid-template-columns:minmax(0,1fr) 216px;align-items:end;gap:20px;margin:0 0 20px;padding:0;border:0}
.search-field>span{color:#d3d9df;font-size:12px;font-weight:500}
.search-input-wrap input{height:50px;background:#080a0c;border:1px solid #3a4046;border-radius:5px;font-size:14px;padding-left:48px}
.search-input-wrap svg{top:15px;left:16px;color:#d4dbe2}
.search-submit{display:flex;align-items:center;justify-content:center;gap:12px;height:50px;padding:0 20px;background:#f5f6f7;color:#0a0d10;border:1px solid #f5f6f7;border-radius:5px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.search-submit:hover{background:#ffffff}
.search-submit span{font-size:22px;line-height:1;font-weight:400}
.filter-controls{display:grid;grid-template-columns:minmax(0,4fr) minmax(156px,1fr);align-items:end;gap:20px}
.quick-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.filter-controls .filter-field,.extra-filters .filter-field{position:relative}
.filter-controls .filter-field>span,.extra-filters .filter-field>span{position:absolute;z-index:1;top:9px;left:15px;margin:0;color:#aeb7c0;font-size:10px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;pointer-events:none}
.filter-controls .filter-field select,.extra-filters .filter-field select{height:60px;padding:23px 34px 6px 15px;background:#080a0c;border:1px solid #343a40;border-radius:5px;color:#f4f6f8;font-size:14px;box-shadow:none}
.advanced-toggle{display:flex;align-items:center;justify-content:center;gap:9px;height:60px;width:100%;background:#080a0c;border:1px solid #343a40;border-radius:5px;color:#f4f6f8;font-size:12px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.advanced-toggle:hover{background:#11161b;border-color:#66717c}
.advanced-toggle .filter-plus{color:#f4f6f8}
.advanced-toggle[aria-expanded="true"] .filter-plus::before{content:'−'}
.extra-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.filter-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:16px}
.selected-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.filter-chip{min-height:35px;padding:7px 13px;background:#1a1e22;border:1px solid #2b3238;border-radius:999px;color:#eff2f5;font-size:12px}
.filter-chip:hover{background:#29313a}
.clear-filters{background:transparent;border:0;border-bottom:1px solid #9ba6b0;border-radius:0;padding:5px 0;color:#aeb8c2;font-size:12px}
.clear-filters:hover{color:#fff;border-color:#fff}
.car-content>.stock-badge{position:static;display:inline-flex;margin:0 0 11px;box-shadow:none;top:auto;left:auto}
.car-content>.stock-badge>span{width:5px;height:5px}
@media(max-width:900px){.filter-controls{grid-template-columns:1fr}.advanced-toggle{max-width:210px}}
@media(max-width:700px){.search-row{grid-template-columns:1fr;gap:12px}.search-submit{width:100%}.quick-filters{display:flex;gap:12px;overflow-x:auto;padding-bottom:9px}.quick-filters>.filter-field{flex:0 0 min(54vw,210px)}.advanced-toggle{max-width:none}.extra-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.extra-filters{grid-template-columns:1fr}}


/* Cuore dei preferiti sulle foto e accesso rapido alle auto salvate. */
.favorite-button{position:absolute;z-index:3;top:12px;right:12px;display:grid;place-items:center;width:40px;height:40px;padding:0;background:rgba(4,6,8,.68);border:1px solid rgba(255,255,255,.65);border-radius:50%;color:#ffffff;box-shadow:0 3px 14px rgba(0,0,0,.34);backdrop-filter:blur(4px);transition:background-color .18s,border-color .18s,transform .18s}
.favorite-button:hover{background:rgba(15,20,25,.88);transform:scale(1.06)}
.favorite-button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.favorite-button[aria-pressed="true"]{background:rgba(5,8,11,.82);border-color:#ffffff;color:#ffffff;box-shadow:0 0 8px rgba(255,255,255,.8),0 0 22px rgba(255,255,255,.45),inset 0 0 8px rgba(255,255,255,.12)}
.favorite-button[aria-pressed="true"] svg{fill:currentColor;filter:drop-shadow(0 0 4px rgba(255,255,255,.95)) drop-shadow(0 0 9px rgba(255,255,255,.7))}
.results-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:16px}
.favorites-toggle{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 11px;background:#111519;border:1px solid #35404a;border-radius:999px;color:#eef2f5;font-size:11px;font-weight:600}
.favorites-toggle:hover{border-color:#a0afbb}
.favorites-toggle[aria-pressed="true"]{background:#111519;border-color:#ffffff;color:#ffffff;box-shadow:0 0 9px rgba(255,255,255,.3)}
.favorites-symbol{font-size:20px;line-height:0.8}
.favorites-toggle[aria-pressed="true"] .favorites-symbol{color:#ffffff;text-shadow:0 0 7px rgba(255,255,255,.9)}
@media(max-width:600px){.results-bar{align-items:flex-start;gap:10px}.results-actions{gap:8px}.favorites-toggle{font-size:10px}}
@media(prefers-reduced-motion:reduce){.favorite-button{transition:none}}

/* Contorno LED bianco continuo per i pulsanti Scopri le auto. */
.header-cta,.hero .button.primary{background:rgba(2,4,6,.94);color:#fff;border:1.5px solid rgba(255,255,255,.96);border-radius:999px;box-shadow:inset 0 0 3px rgba(255,255,255,.36),0 0 3px rgba(255,255,255,.9),0 0 10px rgba(255,255,255,.68),0 0 22px rgba(255,255,255,.34),0 9px 28px rgba(240,247,255,.19);transition:background-color .2s,box-shadow .2s}
.hero .button.primary{min-height:54px;padding:16px 32px}
.header-cta{padding:14px 22px}
.header-cta:hover,.hero .button.primary:hover{background:rgba(5,8,11,.98);border-color:#fff;box-shadow:inset 0 0 4px rgba(255,255,255,.5),0 0 4px #fff,0 0 13px rgba(255,255,255,.84),0 0 30px rgba(255,255,255,.48),0 12px 34px rgba(240,247,255,.24)}
.border-light{display:none}
@media(prefers-reduced-motion:reduce){.header-cta,.hero .button.primary{transition:none}}

/* Etichette di stato sempre in stampatello, anche nelle schede auto. */
.stock-badge,.dialog-status{text-transform:uppercase;letter-spacing:.6px}

/* La marca è il titolo visivo della scheda; il modello resta subito sotto. */
.car-card .car-make{align-items:baseline;color:#f5f7f9;font-size:25px;font-weight:700;letter-spacing:.025em;line-height:1.1;margin-bottom:6px}
.car-card .car-make span{flex-shrink:0;font-size:11px;font-weight:400;letter-spacing:0}
.car-card h3{color:#dce2e7;font-size:17px;font-weight:500;letter-spacing:0;line-height:1.25;margin-bottom:7px}
.dialog-make,.dialog-model{display:block;line-height:1.2}
.dialog-make{color:#f5f7f9;font-size:32px;font-weight:700;letter-spacing:.01em}
.dialog-model{color:#dce2e7;font-size:20px;font-weight:500;letter-spacing:0;margin-top:4px}
@media(max-width:600px){.dialog-make{font-size:28px}.dialog-model{font-size:18px}}

/* Scheda veicolo completa: gallery, dati tecnici e contatto diretto. */
#car-dialog{width:min(1120px,calc(100% - 32px));max-height:calc(100dvh - 32px);border:1px solid #384048;border-radius:12px;background:#080a0c;color:#f5f7f9;scroll-behavior:smooth}
#car-dialog::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(6px)}
#car-dialog .dialog-close{position:sticky;float:right;top:14px;right:14px;margin:14px 14px -56px 0;z-index:5;width:42px;height:42px;background:rgba(4,6,8,.9);border:1px solid #aab5bf;color:#fff}
.detail-top{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);background:#101316}
.detail-gallery{min-width:0;background:#090b0d}
.detail-gallery .dialog-picture{padding-bottom:66.6666667%}
.gallery-strip{padding:16px 20px 20px;border-right:1px solid #303841}
.gallery-count{display:block;color:#aeb8c1;font-size:11px;letter-spacing:.15em;margin-bottom:12px}
.gallery-thumbnails{display:flex;gap:10px;align-items:stretch}
.gallery-thumb,.gallery-placeholder{width:98px;min-width:0;height:67px;border-radius:5px;overflow:hidden;border:1px solid #a9b4bd}
.gallery-thumb{padding-bottom:0}
.gallery-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-color:#343d45;background:#14191e;color:#c4ccd3;font-size:11px;line-height:1.4}
.gallery-placeholder small{color:#818d97;font-size:9px}
.gallery-strip p{font-size:11px;line-height:1.5;color:#95a0aa;margin:13px 0 0}
.detail-summary{padding:42px 34px 32px}
.detail-summary .eyebrow{color:#aab6c0;letter-spacing:.18em}
.detail-summary #dialog-title{margin:12px 0 8px}
.detail-summary .dialog-make{font-size:38px}
.detail-summary .dialog-model{font-size:23px}
.detail-summary #dialog-version{color:#b6c1c9;font-size:14px;margin:0 0 20px}
.detail-summary .dialog-status{font-weight:700;border-radius:999px;padding:7px 12px}
.detail-summary .dialog-status.available{background:#39d87a;color:#07160d;border-color:#39d87a}
.detail-summary .dialog-status.sold{background:#ed3c61;color:#fff;border-color:#ed3c61}
.detail-summary .dialog-price{display:table;background:#f5f7f9;color:#0b1014;border-radius:7px;padding:9px 15px;margin:22px 0;font-size:28px;font-weight:750;letter-spacing:-.02em}
.detail-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 25px}
.detail-highlights span{padding:10px 12px;border:1px solid #343d45;border-radius:5px;color:#e4eaf0;font-size:12px}
.detail-quick-actions{display:grid;gap:9px}
.detail-action{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 17px;border:1px solid #76838e;border-radius:5px;background:#141b20;color:#f7f9fb;font-size:12px;font-weight:700;letter-spacing:.02em;text-align:center;cursor:pointer}
.detail-action:hover{background:#26323b;border-color:#d4e0e8}
.detail-action.primary-action{background:#f5f7f9;border-color:#f5f7f9;color:#101417}
.detail-action.primary-action:hover{background:#dce7ee}
.detail-direct-links{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:17px}
.detail-direct-links a{color:#d8e2ea;font-size:12px;text-decoration:underline;text-underline-offset:3px}
.detail-body{padding:30px 34px 34px}
.detail-section{padding:25px 0;border-bottom:1px solid #303841;scroll-margin-top:20px}
.detail-section:first-child{padding-top:0}
.detail-section-heading>span{display:block;margin-bottom:7px;color:#9daab5;font-size:10px;letter-spacing:.16em}
.detail-section-heading h3{margin:0 0 19px;color:#f5f7f9;font-size:25px;font-weight:650;letter-spacing:-.03em}
.detail-specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0}
.detail-specs>div{min-width:0;padding:15px 14px 15px 0;border-top:1px solid #263039}
.detail-specs dt{margin:0 0 8px;color:#9ca9b4;font-size:10px;letter-spacing:.05em;text-transform:uppercase}
.detail-specs dd{margin:0;color:#f1f4f7;font-size:13px;font-weight:600;overflow-wrap:anywhere}
.detail-prose-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}
.detail-section>p{color:#b8c3cb;font-size:13px;line-height:1.75;margin:0}
.detail-section>p a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.detail-form{display:grid;gap:14px;margin-top:22px;max-width:720px}
.detail-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.detail-form label{display:grid;gap:8px;color:#d9e2e9;font-size:12px;font-weight:600}
.detail-form input,.detail-form select,.detail-form textarea{box-sizing:border-box;width:100%;min-height:45px;padding:11px 13px;border:1px solid #4a5660;border-radius:5px;background:#0f1418;color:#fff;font:inherit;font-size:14px}
.detail-form textarea{resize:vertical}
.detail-form input:focus-visible,.detail-form select:focus-visible,.detail-form textarea:focus-visible,.detail-action:focus-visible{outline:2px solid #dce8f1;outline-offset:2px}
.detail-form .detail-action{justify-self:start;min-width:210px}
.form-feedback{min-height:1.4em;margin:0;color:#c9e6d8;font-size:12px}
.detail-body>.demo-warning{color:#9aa6b0;font-size:11px;line-height:1.6;margin:25px 0}
.detail-body>.dialog-return{margin:28px 0 0}
@media(max-width:850px){.detail-top{grid-template-columns:1fr}.gallery-strip{border-right:0}.detail-summary{padding:28px}.detail-body{padding:24px 28px}.detail-specs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#car-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.detail-summary{padding:22px}.detail-summary .dialog-make{font-size:31px}.detail-summary .dialog-model{font-size:20px}.detail-summary .dialog-price{font-size:24px}.detail-body{padding:16px 22px 25px}.detail-prose-grid,.detail-form-row{grid-template-columns:1fr;gap:0}.detail-section-heading h3{font-size:22px}.gallery-strip{padding:14px 16px}.gallery-thumb,.gallery-placeholder{width:82px;height:58px}.detail-form-row{gap:14px}}

/* Due azioni di contatto e scelta del messaggio WhatsApp. */
.detail-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.detail-quick-actions>.detail-action,.whatsapp-trigger{width:100%;min-height:48px}
.whatsapp-action{position:relative;min-width:0}
.whatsapp-trigger{gap:8px}
.whatsapp-accent{width:7px;height:7px;flex:none;border-radius:50%;background:#54ca85;box-shadow:0 0 7px rgba(84,202,133,.38)}
.whatsapp-trigger[aria-expanded="true"]{background:#222b32;border-color:#d2dde5}
.whatsapp-menu{position:absolute;z-index:10;top:calc(100% + 10px);right:0;width:min(345px,calc(100vw - 40px));max-height:calc(100dvh - 32px);overflow-y:auto;padding:10px;border:1px solid #78838c;border-radius:9px;background:#0b0e11;box-shadow:0 16px 40px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.04)}
.whatsapp-menu[hidden]{display:none}
.whatsapp-menu h3{margin:5px 9px 10px;color:#fff;font-size:16px;font-weight:650;letter-spacing:-.02em}
.whatsapp-menu a{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:43px;padding:10px 11px;border:1px solid transparent;border-radius:5px;background:transparent;color:#f0f3f5;font-size:12px;font-weight:400;line-height:1.4;text-align:left;transition:background-color .15s,border-color .15s,transform .15s}
.whatsapp-menu a span{color:#aab7c0;font-size:15px}
.whatsapp-menu a:hover,.whatsapp-menu a:focus-visible{background:#1b2228;border-color:#53606b;transform:translateX(2px);outline:none}
@media(max-width:600px){.detail-quick-actions{grid-template-columns:1fr}.whatsapp-menu{position:fixed;top:auto;bottom:max(14px,env(safe-area-inset-bottom));left:16px;right:16px;width:auto;max-width:500px;margin-inline:auto;padding:13px;border-radius:14px 14px 10px 10px;box-shadow:0 0 0 100vmax rgba(0,0,0,.42),0 16px 45px rgba(0,0,0,.72)}.whatsapp-menu a{min-height:48px}}
@media(prefers-reduced-motion:reduce){.whatsapp-menu a{transition:none}}

/* Caratteristiche rapide e contatti della scheda in forma a pillola. */
.detail-highlights span,.detail-quick-actions .detail-action{border-radius:999px}

/* Scheda organizzata come una pagina: percorso, gallery, riepilogo e sezioni. */
#car-dialog{width:min(1460px,calc(100vw - 24px));max-height:calc(100dvh - 24px);border-radius:7px;background:#050607}
.detail-bar{position:sticky;top:0;z-index:12;display:flex;align-items:center;gap:14px;min-height:62px;padding:8px 30px;background:rgba(4,6,8,.97);backdrop-filter:blur(10px);color:#d5dce1;font-size:12px}
.detail-back{padding:8px 0;border:0;background:transparent;color:#f2f5f7;font-size:12px;white-space:nowrap}
.detail-back:hover{text-decoration:underline;text-underline-offset:4px}
.detail-bar-divider{color:#6f7b83}
#dialog-breadcrumb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#car-dialog .detail-bar .dialog-close{position:static;float:none;flex:none;margin:0 0 0 auto;min-width:38px;width:38px;height:38px;background:#11161a;border-color:#68737b;font-size:24px}
.detail-top{grid-template-columns:minmax(0,1.72fr) minmax(320px,.78fr);align-items:start;gap:34px;padding:28px 30px 34px;background:#050607}
.detail-gallery{display:grid;grid-template-columns:82px minmax(0,1fr);gap:12px;min-width:0;background:transparent}
.detail-gallery .dialog-picture{grid-column:2;grid-row:1;width:100%;padding-bottom:66.6666667%;border:1px solid #323940;border-radius:7px}
.detail-gallery .gallery-strip{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:stretch;gap:11px;padding:0;border:0}
.detail-gallery .gallery-thumbnails{order:1;display:flex;flex-direction:column;gap:9px}
.detail-gallery .gallery-thumb{width:82px;height:57px;padding-bottom:0;border:1px solid #f1f3f5;border-radius:5px}
.detail-gallery .gallery-count{order:2;margin:0;color:#c4cdd3;text-align:center}
.detail-gallery .gallery-strip p{display:none}
.detail-top .detail-summary{padding:3px 0 0;background:transparent}
.detail-summary .eyebrow{color:#aeb9c1;font-size:10px}
.detail-summary #dialog-title{margin-top:15px}
.detail-top .detail-summary .dialog-make{font-size:clamp(31px,3vw,42px)}
.detail-top .detail-summary .dialog-model{font-size:23px}
.detail-summary #dialog-version{margin-bottom:18px}
.detail-summary .dialog-price{margin:22px 0 20px}
.detail-top .detail-highlights{margin-bottom:24px}
.detail-top .detail-quick-actions{grid-template-columns:1fr}
.detail-tabs{position:sticky;top:62px;z-index:11;display:flex;align-items:center;gap:34px;min-height:54px;padding:0 30px;overflow-x:auto;border-bottom:1px solid #30363b;background:rgba(4,6,8,.97);scrollbar-width:thin}
.detail-tabs button{align-self:stretch;display:inline-flex;align-items:center;justify-content:center;flex:none;padding:0 4px;border:0;border-bottom:2px solid transparent;background:transparent;color:#aab3bb;font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:color .25s ease}
.detail-tabs .detail-tab-label{display:inline-block;transition:transform .25s ease,text-shadow .25s ease}
.detail-tabs button[aria-selected="true"]{border-bottom-color:#f5f7f9;color:#fff}
.detail-tabs button[aria-selected="true"] .detail-tab-label{transform:translateY(-3px);text-shadow:0 0 7px rgba(255,255,255,.48),0 0 16px rgba(220,235,248,.22)}
.detail-tabs button:hover{color:#fff}
.detail-tabs button:hover .detail-tab-label{transform:translateY(-2px);text-shadow:0 0 7px rgba(255,255,255,.3)}
.detail-tabs button[aria-selected="true"]:hover .detail-tab-label{transform:translateY(-3px)}
.detail-tabs button:focus-visible{outline:2px solid #dce8f1;outline-offset:-3px}
@media(prefers-reduced-motion:reduce){.detail-tabs button,.detail-tabs .detail-tab-label{transition:none}}
.detail-body{padding:28px 30px 32px}
.detail-panel{min-height:165px}
.detail-kicker{margin:0 0 9px;color:#9ba9b3;font-size:10px;font-weight:650;letter-spacing:.13em}
.detail-panel h3{margin:0 0 15px;color:#f4f6f7;font-size:24px;font-weight:650;letter-spacing:-.03em}
.detail-panel>p:not(.detail-kicker),.detail-overview>div>p:not(.detail-kicker){max-width:680px;margin:0;color:#bbc5cc;font-size:13px;line-height:1.8}
.detail-overview{display:grid;grid-template-columns:minmax(270px,.7fr) minmax(0,1.3fr);gap:52px}
.detail-overview-specs{margin:0}
.detail-overview-specs>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid #283139}
.detail-overview-specs dt{color:#9facb5;font-size:12px}
.detail-overview-specs dd{margin:0;color:#f0f4f6;font-size:12px;font-weight:650;text-align:right}
.detail-panel .detail-specs{grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #263039}
#dialog-specs>div:nth-child(-n+4){border-top:0}
@media(max-width:700px){#dialog-specs>div:nth-child(n+3){border-top:1px solid #263039}}
#car-dialog.detail-black-preview .detail-tabs{border-top:1px solid #30363b}
#dialog-specs>div:last-child:nth-child(4n+1){grid-column:span 4}
#dialog-specs>div:last-child:nth-child(4n+2){grid-column:span 3}
#dialog-specs>div:last-child:nth-child(4n+3){grid-column:span 2}
.detail-body>.demo-warning{margin:30px 0 15px;padding-top:18px;border-top:1px solid #30363b}
@media(max-width:1050px){.detail-top{grid-template-columns:1fr;gap:24px}.detail-top .detail-summary{padding:0}.detail-top .detail-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-overview{gap:28px}}
@media(max-width:700px){.detail-top .detail-quick-actions{grid-template-columns:1fr}.detail-overview{grid-template-columns:1fr;gap:30px}.detail-panel .detail-specs{grid-template-columns:repeat(2,minmax(0,1fr))}#dialog-specs>div:last-child{grid-column:auto}#dialog-specs>div:last-child:nth-child(odd){grid-column:span 2}}
@media(max-width:600px){#car-dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}.detail-bar{min-height:54px;padding:7px 17px;gap:8px}.detail-back{font-size:11px}#dialog-breadcrumb{font-size:11px}#car-dialog .detail-bar .dialog-close{width:35px;min-width:35px;height:35px}.detail-top{display:block;padding:0}.detail-gallery{display:flex;flex-direction:column;gap:0}.detail-gallery .dialog-picture{border:0;border-radius:0}.detail-gallery .gallery-strip{display:flex;flex-direction:row;align-items:center;gap:12px;padding:11px 18px}.detail-gallery .gallery-thumbnails{flex-direction:row}.detail-gallery .gallery-thumb{width:70px;height:48px}.detail-gallery .gallery-count{font-size:10px}.detail-gallery .gallery-strip p{display:none}.detail-top .detail-summary{padding:22px}.detail-top .detail-summary .dialog-make{font-size:32px}.detail-top .detail-summary .dialog-model{font-size:20px}.detail-tabs{top:54px;gap:23px;min-height:50px;padding:0 17px}.detail-body{padding:24px 20px 28px}.detail-panel h3{font-size:22px}.detail-panel .detail-specs{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Home: auto in evidenza, ricerca e catalogo in sezioni distinte. */
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}
.hero-secondary{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:12px 18px;border:1px solid #747d84;border-radius:999px;background:rgba(0,0,0,.58);color:#f4f6f8;font-size:11px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;transition:background-color .18s,border-color .18s}
.hero-secondary:hover{background:#171d22;border-color:#fff}
.hero-secondary span{font-size:18px;font-weight:400}
.featured,.search-section,.catalogue{padding-top:58px;padding-bottom:58px;border-top:1px solid #30363b;background:#000}
.search-section+.catalogue{border-top:0}
.featured .section-heading,.search-section .section-heading,.catalogue .section-heading{margin-bottom:24px}
.section-subtitle{margin:9px 0 0;color:#aeb6bc;font-size:14px;line-height:1.5}
.section-link{align-self:flex-end;display:inline-flex;align-items:center;gap:9px;padding:9px 0;color:#f4f6f8;font-size:11px;font-weight:650;letter-spacing:.06em;text-decoration:none;text-transform:uppercase;white-space:nowrap}
.section-link:hover{text-decoration:underline;text-underline-offset:5px}
.section-link span{font-size:18px;font-weight:400}
.featured-stage{position:relative;height:370px;overflow:hidden;isolation:isolate}
.featured-stage .car-card{position:absolute;top:0;left:50%;display:grid;grid-template-columns:57% 43%;width:76%;height:100%;min-width:0;transform:translateX(-50%);transition:transform .55s ease,opacity .35s ease,filter .55s ease;box-shadow:0 20px 50px rgba(0,0,0,.48)}
.featured-stage .car-card:hover{transform:translateX(-50%);border-color:#69727b}
.featured-stage .car-card[data-position="current"]{z-index:3;opacity:1;filter:none}
.featured-stage .car-card[data-position="previous"]{z-index:1;transform:translateX(-142%) scale(.86);opacity:.7;filter:brightness(.56);pointer-events:none}
.featured-stage .car-card[data-position="next"]{z-index:1;transform:translateX(42%) scale(.86);opacity:.7;filter:brightness(.56);pointer-events:none}
.featured-stage .car-card[data-position="hidden"]{visibility:hidden;opacity:0;transform:translateX(120%) scale(.75);pointer-events:none;transition:none}
.featured-stage .car-photo,.featured-stage .catalogue-picture{height:100%;padding:0}
.featured-stage .catalogue-picture>img{left:0!important;top:0!important;width:100%;height:100%;object-fit:contain;object-position:center}
.featured-stage .car-content{display:flex;flex-direction:column;min-width:0;padding:24px;background:#090d10}
.featured-stage .car-content>.stock-badge{align-self:flex-start;margin-bottom:18px}
.featured-stage .car-card .car-make{font-size:29px;margin-bottom:7px}
.featured-stage .car-card h3{font-size:20px;margin-bottom:8px}
.featured-stage .car-card .car-version{margin-bottom:22px}
.featured-stage .car-card .car-specs{gap:8px;padding-bottom:15px}
.featured-stage .car-card .car-specs dt{font-size:9px}
.featured-stage .car-card .car-specs dd{font-size:11px}
.featured-stage .car-card .car-price{font-size:21px}
.featured-stage .car-bottom{margin-top:auto;padding-top:16px}
.featured-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:34px}
.featured-navigation{display:flex;align-items:center;justify-content:center;gap:18px}
.featured-arrow{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;padding:0;border:1px solid #566168;border-radius:50%;background:rgba(255,255,255,.035);color:#edf3f6;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.featured-arrow svg{display:block;width:18px;height:18px}
.featured-arrow:hover{background:rgba(255,255,255,.09);border-color:#c3d0d7;box-shadow:0 0 12px rgba(220,237,247,.17);transform:translateY(-2px)}
.featured-position{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:67px;font-size:12px;font-weight:650;letter-spacing:.09em;font-variant-numeric:tabular-nums;white-space:nowrap}
.featured-current{color:#fff;font-weight:750}
.featured-slash{color:#5e686f}
.featured-total{color:#b8c1c8}
.featured-divider{width:1px;height:25px;background:#394148}
.featured-pause{display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;min-width:96px;min-height:42px;padding:0 3px;border:0;background:transparent;color:#adb7bf;font-size:11px;font-weight:600;cursor:pointer;transition:color .18s ease}
.featured-pause:hover{color:#fff}
.featured-pause-icon{display:inline-flex;align-items:center;justify-content:center;gap:3px;width:15px;height:15px}
.featured-pause-icon::before,.featured-pause-icon::after{content:"";display:block;width:3px;height:11px;border-radius:1px;background:currentColor}
.featured-pause[data-playing="false"] .featured-pause-icon::before{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor;border-radius:0;background:transparent}
.featured-pause[data-playing="false"] .featured-pause-icon::after{display:none}
.featured-pause:focus-visible,.featured-arrow:focus-visible{outline:2px solid #fff;outline-offset:3px}
.catalogue-sort{display:flex;align-items:center;gap:10px;color:#aeb7c0;font-size:12px;white-space:nowrap}
.catalogue-sort select{min-height:42px;padding:0 36px 0 12px;border:1px solid #3a434a;border-radius:5px;background:#080b0d;color:#f3f5f6;font:inherit}
.catalogue-sort select:focus-visible,.hero-secondary:focus-visible,.section-link:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:900px){.featured-stage{height:410px}.featured-stage .car-card{width:81%;grid-template-columns:53% 47%}.featured-stage .car-content{padding:19px}.featured-stage .car-card .car-make{font-size:25px}}
@media(max-width:800px){.featured,.search-section,.catalogue{padding-top:45px;padding-bottom:45px}}
@media(max-width:600px){.hero-actions{gap:12px}.hero-secondary{min-height:46px;font-size:10px}.featured,.search-section,.catalogue{padding-top:36px;padding-bottom:38px}.section-subtitle{font-size:12px}.featured .section-heading{flex-direction:row;align-items:flex-end}.featured .section-heading h2{font-size:27px}.section-link{font-size:9px;white-space:normal;text-align:right}.featured-stage{height:505px;margin-left:-22px;margin-right:-22px}.featured-stage .car-card{display:block;width:82%}.featured-stage .car-photo{height:220px}.featured-stage .car-content{height:calc(100% - 220px);padding:18px}.featured-stage .car-content>.stock-badge{margin-bottom:10px}.featured-stage .car-card .car-make{font-size:23px}.featured-stage .car-card .car-version{margin-bottom:13px}.featured-stage .car-bottom{padding-top:12px}.featured-stage .car-card:not([data-position="current"]) .car-photo{height:100%}.featured-controls{margin-top:13px}.featured-navigation{gap:8px}.featured-arrow{width:40px;height:40px}.featured-position{min-width:62px;gap:5px}.featured-pause{min-width:87px;min-height:40px}.catalogue-sort{align-self:flex-start}}
@media(max-width:600px){.featured-controls{margin-top:26px}.featured-navigation{gap:14px}}
@media(prefers-reduced-motion:reduce){.hero-secondary,.featured-stage .car-card,.featured-arrow,.featured-pause{transition:none}}

/* Ricerca e catalogo: gerarchia e spaziature coordinate. */
.search-field>span.visually-hidden{position:absolute;display:block;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.search-section{padding-bottom:76px}
.search-section+.catalogue{padding-top:30px;border-top:1px solid #252b30}
.catalogue-heading{align-items:flex-end}
.catalogue-heading-side{display:flex;flex-direction:column;align-items:flex-end;gap:13px;min-width:235px}
.catalogue-count{margin:0;color:#f2f5f7;font-size:14px;font-weight:650;letter-spacing:.09em;text-align:right;white-space:nowrap}
.catalogue-heading-side .catalogue-sort{align-self:auto}
.catalogue .results-bar{justify-content:flex-end;padding:0 0 17px}
.catalogue #results-count{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.search-section{padding-bottom:50px}.search-section+.catalogue{padding-top:28px}.search-section .quick-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:visible;padding-bottom:0}.search-section .quick-filters>.filter-field{min-width:0;flex:auto}.catalogue-heading{align-items:flex-start;gap:18px}.catalogue-heading-side{align-items:flex-start;gap:10px;min-width:0}.catalogue-count{text-align:left;font-size:12px}.catalogue .results-bar{padding-bottom:14px}}
@media(max-width:360px){.search-section .quick-filters{grid-template-columns:1fr}}

/* Nessuna linea tra copertina, auto del momento e ricerca. */
.hero{border-bottom:0}
.featured,.search-section{border-top:0}

/* Il menu WhatsApp deve coprire la barra delle schede quando è aperto. */
.whatsapp-menu{z-index:30}

/* X della scheda auto senza cornice circolare. */
#car-dialog .detail-bar .dialog-close{border:0;border-radius:0;background:transparent;box-shadow:none}
#car-dialog .detail-bar .dialog-close:hover{background:transparent;opacity:.7}

/* Servizi: composizione aperta e percorso di preparazione. */
.services{padding-top:84px;padding-bottom:92px;color:#f3f5f6}
.services .eyebrow{margin-bottom:22px;color:#b8c2c9;font-size:10px;font-weight:400;letter-spacing:.2em}
.services h2,.services h3{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Arial,sans-serif;font-style:normal}
.services-intro{max-width:800px;margin-bottom:48px}
.services-intro h2{margin:0;font-size:clamp(36px,3.6vw,52px);font-weight:600;letter-spacing:-.045em;line-height:1.08}
.services-intro>p:last-child,.services-care-heading>p:last-child{max-width:620px;margin:18px 0 0;color:#c4cbd0;font-size:15px;line-height:1.65}
.services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:82px;border-top:1px solid #343b40;border-bottom:1px solid #343b40;background:#0b0e10}
.service-item{position:relative;min-width:0;padding:32px 25px 38px;background:#0b0e10;transition:background-color .3s ease}
.service-item+.service-item{border-left:1px solid #2d3539}
.service-item::before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:#cbd4d9;transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.service-item:hover{background:#111619}
.service-item:hover::before{transform:scaleX(1)}
.service-item-top{display:flex;flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:30px;color:#c4cbd0}
.service-item-top>span{font-size:12px;letter-spacing:.14em;transition:color .3s ease}
.service-item-top svg{width:42px;height:42px;flex:none;color:#dce3e9;transition:color .3s ease}
.service-item-top .service-symbol{filter:drop-shadow(0 0 1px rgba(245,248,255,.72)) drop-shadow(0 0 5px rgba(221,231,255,.35)) drop-shadow(0 0 13px rgba(190,205,235,.14))}
.service-item-top>.service-euro{display:block;height:42px;background:linear-gradient(135deg,#fff 7%,#8d98a5 30%,#fff 51%,#6d7885 77%,#f9fbff 100%);background-clip:text;-webkit-background-clip:text;color:transparent;font-family:Arial,sans-serif;font-size:47px;font-weight:700;line-height:42px;letter-spacing:-.06em;filter:drop-shadow(0 0 1px rgba(245,248,255,.72)) drop-shadow(0 0 5px rgba(221,231,255,.35)) drop-shadow(0 0 13px rgba(190,205,235,.14))}
.service-item:hover .service-item-top>span,.service-item:hover .service-item-top svg{color:#fff}
.service-label,.care-number{color:#bec7cd;font-size:10px;font-weight:600;letter-spacing:.14em;line-height:1.5}
.service-label{margin:0 0 17px}
.service-item h3{margin:0 0 15px;font-size:clamp(19px,1.65vw,24px);font-weight:600;letter-spacing:-.03em;line-height:1.2}
.service-item>p:last-child{margin:0;color:#aeb8be;font-size:13px;line-height:1.75}
.service-label,.service-item h3,.service-item>p:last-child{transition:transform .3s ease}
.service-item:hover .service-label,.service-item:hover h3,.service-item:hover>p:last-child{transform:translateY(-2px)}
@media(min-width:901px) and (max-width:1100px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-item:nth-child(3){border-left:0}.service-item:nth-child(n+3){border-top:1px solid #2d3539}}
.services-care{--care-cycle:8.8s;padding:54px 48px 42px;border:1px solid #2c3438;background:#0b0e10}
.services-care-heading{margin-bottom:59px}
.services-care-heading h2{margin:0;font-size:clamp(30px,3.15vw,44px);font-weight:600;letter-spacing:-.04em;line-height:1.12}
.services-care-heading>p:last-child{margin-top:13px}
.care-steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
.care-steps::after{content:"";position:absolute;z-index:1;left:23px;top:22px;width:calc(75% + 18px);height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5) 28%,#fff 50%,rgba(255,255,255,.7) 72%,transparent) no-repeat;background-size:16% 100%;background-position:-10% 0;pointer-events:none;animation:care-journey-x var(--care-cycle) linear infinite}
.care-step{position:relative;min-width:0}
.care-step:not(:last-child)::after{content:"";position:absolute;left:46px;top:23px;width:calc(100% - 22px);height:1px;background:#3b454a}
.care-icon{position:relative;z-index:2;display:grid;place-items:center;width:46px;height:46px;margin-bottom:23px;border:1px solid #58636a;border-radius:50%;background:#0b0e10;color:#e4eaed;animation:care-node var(--care-cycle) linear infinite;animation-delay:.576s}
.care-step:nth-child(2) .care-icon{animation-delay:2.669s}
.care-step:nth-child(3) .care-icon{animation-delay:4.635s}
.care-step:nth-child(4) .care-icon{animation-delay:6.6s}
.care-icon svg{width:24px;height:24px}
.care-number{display:block;min-height:30px;margin-bottom:10px}
.care-step h3{margin:0 0 12px;font-size:18px;font-weight:600;letter-spacing:-.025em;line-height:1.32}
.care-step p{max-width:245px;margin:0;color:#aab4ba;font-size:12px;line-height:1.7}
.care-car-track{position:relative;height:72px;margin-top:42px;overflow:hidden}
.care-car{position:absolute;top:3px;left:23px;width:185px;transform:translateX(-50%);mix-blend-mode:screen;opacity:.74;animation:care-car-journey var(--care-cycle) linear infinite}
.care-car img{display:block;width:100%;height:auto;filter:grayscale(1) contrast(1.15)}
@keyframes care-journey-x{0%{background-position:-10% 0;opacity:0}8%{background-position:-10% 0;opacity:1}75%{background-position:110% 0;opacity:1}76%,100%{background-position:110% 0;opacity:0}}
@keyframes care-car-journey{0%{left:-92.5px}8%{left:23px}75%{left:calc(75% + 41px)}100%{left:calc(100% + 92.5px)}}
@keyframes care-car-mobile{0%{left:-70px}8%{left:70px}75%{left:calc(100% - 70px)}100%{left:calc(100% + 70px)}}
@keyframes care-beam-y{0%{background-position:0 -10%;opacity:0}8%{background-position:0 -10%;opacity:1}30.333%{background-position:0 110%;opacity:1}31%,100%{background-position:0 110%;opacity:0}}
@keyframes care-node{0%,2%{border-color:#f0f3f4;background:#161b1e}6%,100%{border-color:#58636a;background:#0b0e10}}
@media(max-width:900px){
  .services{padding-top:72px;padding-bottom:74px}
  .services-intro{margin-bottom:42px}
  .services-grid{grid-template-columns:1fr;margin-bottom:70px}
  .service-item,.service-item+.service-item{display:block;padding:29px 32px;border-left:0}
  .service-item+.service-item{border-top:1px solid #262d31}
  .service-item-top{gap:16px;margin-bottom:22px}
  .service-label{margin-bottom:12px}
  .service-item h3{margin-bottom:12px}
  .service-item>p:last-child{max-width:560px}
  .services-care{padding:42px 38px 38px}
  .services-care-heading{margin-bottom:38px}
  .care-steps{grid-template-columns:1fr;gap:0}
  .care-steps::after{display:none}
  .care-step{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:21px;padding-bottom:33px}
  .care-step:last-child{padding-bottom:0}
  .care-step:not(:last-child)::after{left:22px;top:46px;width:1px;height:calc(100% - 46px)}
  .care-step:not(:last-child)::before{content:"";position:absolute;z-index:1;left:21px;top:46px;width:2px;height:calc(100% - 46px);background:linear-gradient(180deg,transparent,rgba(255,255,255,.5) 28%,#fff 50%,rgba(255,255,255,.7) 72%,transparent) no-repeat;background-size:100% 16%;background-position:0 -10%;opacity:0;animation:care-beam-y var(--care-cycle) linear infinite}
  .care-step:nth-child(2)::before{animation-delay:1.965s}
  .care-step:nth-child(3)::before{animation-delay:3.93s}
  .care-icon{grid-column:1;grid-row:1;margin:0}
  .care-copy{grid-column:2;grid-row:1}
  .care-number{min-height:0;margin:2px 0 7px}
  .care-step p{max-width:600px}
  .care-car-track{height:62px;margin-top:34px}
  .care-car{width:140px;animation-name:care-car-mobile}
}
@media(max-width:600px){
  .services{padding-top:58px;padding-bottom:58px}
  .services .eyebrow{font-size:9px}
  .services-intro{margin-bottom:40px}
  .services-intro h2{font-size:clamp(31px,8.2vw,43px)}
  .services-intro>p:last-child,.services-care-heading>p:last-child{font-size:13px}
  .services-grid{margin-bottom:56px}
  .service-item,.service-item+.service-item{padding:26px 23px}
  .service-item-top{gap:13px;margin-bottom:20px}
  .service-item-top svg{width:44px;height:44px}
  .service-label,.care-number{font-size:9px}
  .service-item h3{font-size:20px}
  .service-item>p:last-child{font-size:12px}
  .services-care{padding:32px 22px 36px}
  .services-care-heading{margin-bottom:35px}
  .services-care-heading h2{font-size:clamp(27px,7vw,35px)}
  .care-step{column-gap:16px;padding-bottom:29px}
  .care-step h3{font-size:16px}
  .care-step p{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.care-steps::after,.care-step:not(:last-child)::before,.care-icon,.care-car{animation:none}.care-steps::after,.care-step:not(:last-child)::before{display:none}.care-car{left:50%}}

/* Un solo impulso segue la linea e si divide sui due lati di ogni cerchio. */
.care-steps.has-care-route::after{display:none}
.care-steps.has-care-route .care-icon{animation:none}
.care-route{position:absolute;z-index:3;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.care-route{transition:opacity .55s ease}
.care-route path{fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 2px rgba(255,255,255,.95)) drop-shadow(0 0 7px rgba(255,255,255,.5));animation:hero-cta-glow 2.1s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.care-route{display:none}}

/* Trattini di sezione con il bianco freddo dei fanali. */
.eyebrow>span{position:relative;flex:none;width:30px;height:2px;border-radius:2px;background:linear-gradient(90deg,#9ad2f3 0%,#f7fcff 48%,#bbdef4 100%);box-shadow:0 0 4px rgba(236,249,255,.9),0 0 11px rgba(157,216,250,.55)}
.eyebrow>span::after{content:"";position:absolute;inset:-4px -2px;background:linear-gradient(90deg,transparent,#c9eaff 50%,transparent);filter:blur(5px);opacity:.55;pointer-events:none}

/* Una sottile scia percorre il contorno LED senza variare il bagliore di base. */
.header-cta .border-light,.hero .button.primary .border-light{display:block;filter:drop-shadow(0 0 3px rgba(255,255,255,.45));opacity:.7}
.header-cta .border-light rect,.hero .button.primary .border-light rect{stroke:#fff;stroke-width:1.5;stroke-dasharray:10 90;opacity:1;animation:border-light-travel 4.5s linear infinite}

/* Il secondo invito conserva il fondo trasparente con il medesimo profilo luminoso. */
.hero-secondary{min-height:54px;padding:16px 32px;border:1.5px solid rgba(255,255,255,.96);border-radius:999px;background:rgba(0,0,0,.58);color:#fff;box-shadow:inset 0 0 3px rgba(255,255,255,.36),0 0 3px rgba(255,255,255,.9),0 0 10px rgba(255,255,255,.68),0 0 22px rgba(255,255,255,.34),0 9px 28px rgba(240,247,255,.19);font-size:10px;font-weight:700;letter-spacing:1px;justify-content:center}
.hero-secondary:hover{background:rgba(5,8,11,.68);border-color:#fff;box-shadow:inset 0 0 4px rgba(255,255,255,.5),0 0 4px #fff,0 0 13px rgba(255,255,255,.84),0 0 30px rgba(255,255,255,.48),0 12px 34px rgba(240,247,255,.24)}
@media(prefers-reduced-motion:reduce){.header-cta .border-light rect,.hero .button.primary .border-light rect{animation:none;stroke-dasharray:none;opacity:.45}}

/* Navigazione completa, con accesso alle sezioni anche sui tablet. */
.site-header nav{gap:clamp(16px,2vw,28px)}
.site-header nav a{white-space:nowrap}
@media(max-width:900px){
  .site-header{position:relative;z-index:30;justify-content:space-between}
  .site-header .menu-toggle{display:flex;flex:none;flex-direction:column;gap:7px;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:1px solid #37373e;border-radius:4px}
  .site-header .menu-toggle span{width:19px;height:1px;background:#eee}
  .site-header nav{display:none;position:absolute;z-index:20;top:100%;left:0;right:0;margin:0;padding:15px 22px;max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;background:#000;border-bottom:1px solid #414149}
  .site-header nav.is-open{display:flex;flex-direction:column;gap:0}
  .site-header nav a{display:flex;align-items:center;min-height:48px;padding:12px 0;font-size:14px;line-height:1.3}
}

.footer-contacts{display:flex;align-items:center;flex-wrap:wrap;gap:18px;color:#f4f6f8;font-size:11px}
.footer-contacts a{border-bottom:1px solid #616a70;padding:4px 0}
.footer-contacts a:hover{border-color:#fff;color:#fff}
@media(max-width:600px){.footer-contacts{gap:14px}}

/* Bordo discreto; solo una scia luminosa percorre senza pause ciascuna pillola. */
.hero .button.primary,.hero-secondary{position:relative;isolation:isolate;min-width:190px;min-height:54px;background:rgba(255,255,255,.07);color:#fff;border:1px solid rgba(255,255,255,.34);border-radius:999px;box-shadow:none}
.hero .button.primary:hover,.hero-secondary:hover{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.48);box-shadow:none}
.hero .button.primary .border-light,.hero-secondary .border-light{display:block;filter:drop-shadow(0 0 3px rgba(255,255,255,.95)) drop-shadow(0 0 8px rgba(255,255,255,.72)) drop-shadow(0 0 15px rgba(255,255,255,.34));opacity:1}
.hero .button.primary .border-light rect,.hero-secondary .border-light rect{stroke:#fff;stroke-width:2;stroke-dasharray:68 478.8;opacity:1;animation:border-light-full-lap 4s linear infinite}
.hero-secondary .border-light rect{animation-direction:reverse}
@keyframes border-light-full-lap{from{stroke-dashoffset:0}to{stroke-dashoffset:-546.8px}}
@media(prefers-reduced-motion:reduce){.hero .button.primary .border-light rect,.hero-secondary .border-light rect{animation:none;stroke-dasharray:none;opacity:.45}}

/* Schede antracite uniformi, prezzo bianco integrato e comandi a pillola. */
.car-card{background:transparent;border:1px solid rgba(181,194,203,.22);border-radius:20px;box-shadow:0 12px 30px rgba(0,0,0,.28)}
.car-card:hover{border-color:#6b6e73}
.car-photo{background:#1b1c1e}
.car-photo::after{background:none}
.car-content,.featured-stage .car-content{background:rgba(29,32,36,.68)}
.car-content{border-top:1px solid rgba(181,194,203,.22)}
.featured-stage .car-content{border-top:0;border-left:1px solid rgba(181,194,203,.22)}
.car-card .car-specs{border-bottom-color:#45474b}
.car-card .car-make span{color:#d5dce1;font-size:13px;font-weight:500}
.car-card .car-specs dt,.featured-stage .car-card .car-specs dt{color:#cbd4da;font-size:12px;font-weight:600;letter-spacing:.01em}
.car-card .car-specs dd,.featured-stage .car-card .car-specs dd{color:#f5f7f8;font-size:14px}
.car-card .car-price>span{min-height:0;padding:0;background:transparent;color:#fff;border-radius:0;box-shadow:none;font-size:clamp(22px,2.2vw,28px);font-weight:750;letter-spacing:-.035em;line-height:1.1}
.car-card .car-price small{color:#bfc2c7}
.car-card .card-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 14px;border:1px solid #52555a;border-radius:999px;background:#0a0b0c;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);text-decoration:none}
.car-card .card-button:hover{border-color:#fff;background:#151719}
.detail-summary .dialog-price{background:transparent;color:#fff;border-radius:0;padding:0;font-size:clamp(27px,3vw,34px);font-weight:750;letter-spacing:-.035em}
@media(max-width:600px){
  .featured-stage .car-content{border-left:0;border-top:1px solid rgba(181,194,203,.22)}
  .car-card .car-price>span{font-size:23px}
  .car-card .car-specs{grid-template-columns:.8fr 1.1fr 1.1fr}
  .car-card .car-specs dt,.featured-stage .car-card .car-specs dt{font-size:11px}
  .car-card .car-specs dd,.featured-stage .car-card .car-specs dd{font-size:13px}
}

/* Un tratto di lunghezza fissa percorre l'intero contorno della pillola. */
.hero-actions>a .pill-trail{position:absolute;z-index:1;inset:0;display:block;width:100%;height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 4px rgba(255,255,255,.95)) drop-shadow(0 0 11px rgba(255,255,255,.6))}
.hero-actions>a .pill-trail rect{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-dasharray:12 88;animation:pill-trail-loop 4s linear infinite}
.hero-actions>.hero-secondary .pill-trail{transform:scaleX(-1)}
@keyframes pill-trail-loop{to{stroke-dashoffset:-100}}
@media(prefers-reduced-motion:reduce){.hero-actions>a .pill-trail rect{animation:none;stroke-dasharray:none;opacity:.45}}

/* Cura: un impulso percorre i punti e riparte dopo il messaggio finale. */
.services-care{padding:8px 0 0;border:0;background:transparent}
.services-care-heading{margin-bottom:61px}
.care-timeline{position:relative}
.care-steps::after{display:none}
.care-step:not(:last-child)::after{background:#343c42}
.care-step:not(:last-child)::before{content:"";position:absolute;z-index:1;left:46px;top:23px;width:calc(100% - 22px);height:1px;background:#b8c1c9;opacity:1;animation:none;transform:scaleX(var(--care-progress,0));transform-origin:left center;pointer-events:none}
.care-icon{border-color:#535d63;background:#080b0d;color:#c7d0d5;animation:none;transition:border-color .45s ease,color .45s ease,box-shadow .45s ease}
.care-icon svg{transition:filter .45s ease}
.care-step.is-complete .care-icon{border-color:#bdc6cc;color:#f2f5f7;box-shadow:0 0 8px rgba(226,235,242,.16)}
.care-step.is-complete .care-icon svg{filter:drop-shadow(0 0 2px rgba(235,241,247,.38))}
.care-number{color:#aeb9c0;font-weight:600;transition:color .45s ease}
.care-number strong{font-size:12px;font-weight:700;color:#e1e7eb;letter-spacing:.08em;transition:color .45s ease}
.care-step.is-complete .care-number,.care-step.is-complete .care-number strong{color:#fff}
.care-step h3{color:#dce2e6;transition:color .45s ease}
.care-step p{transition:color .45s ease}
.care-step.is-complete h3{color:#fff}
.care-step.is-complete p{color:#cbd3d9}
@media(max-width:900px){
  .services-care{padding:6px 0 0}
  .services-care-heading{margin-bottom:38px}
  .care-step:not(:last-child)::after{background:#343c42}
  .care-step:not(:last-child)::before{left:22px;top:46px;width:1px;height:calc(100% - 46px);background:#b8c1c9;transform:scaleY(var(--care-progress,0));transform-origin:center top}
}
@media(max-width:600px){
  .services-care{padding:4px 0 0}
  .services-care-heading{margin-bottom:35px}
  .care-number strong{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  .care-icon,.care-icon svg,.care-number,.care-number strong,.care-step h3,.care-step p{transition:none}
}

/* I quattro servizi sono riquadri indipendenti, con una lieve luce sul bordo alto. */
.services-grid{gap:16px;border:0;background:transparent}
.service-item,.service-item+.service-item{overflow:hidden;border:1px solid #30363b;border-radius:18px;background:radial-gradient(ellipse at 42% -14%,rgba(244,247,250,.15),transparent 56%),linear-gradient(160deg,#1a1d20 0%,#131619 53%,#0d1012 100%);box-shadow:inset 0 1px rgba(255,255,255,.07),0 10px 28px rgba(0,0,0,.14)}
.service-item:hover{border-color:#495158;background:radial-gradient(ellipse at 42% -14%,rgba(244,247,250,.19),transparent 58%),linear-gradient(160deg,#1d2023 0%,#15191b 53%,#101315 100%)}
.service-item:nth-child(n+3){border-top:1px solid #30363b}

/* Chi siamo: ritmo editoriale fra la cura e il racconto già presente del brand. */
.identity{padding-top:clamp(50px,6vw,100px);padding-bottom:clamp(100px,10vw,150px);background:#000}
.identity-intro{max-width:940px}
.identity .eyebrow{margin-bottom:31px;color:#c6cbd0;font-size:10px;font-weight:400;letter-spacing:.2em}
.identity-intro h2{max-width:900px;margin:0;color:#f7f8f9;font-size:clamp(39px,5.2vw,72px);font-weight:600;letter-spacing:-.055em;line-height:1.08}
.identity-intro>p:last-child{max-width:650px;margin:28px 0 0;color:#bcc2c7;font-size:clamp(14px,1.28vw,17px);line-height:1.85}
.identity-composition{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(100px,10vw,150px);margin-top:clamp(62px,7vw,100px)}
.identity-values{min-width:0}
.identity-value{padding:24px 0 30px;border-top:1px solid #34383b}
.identity-value:last-child{border-bottom:1px solid #34383b}
.identity-value h3{margin:0 0 13px;color:#e7eaec;font-size:11px;font-weight:650;letter-spacing:.17em;text-transform:uppercase;transition:color .45s ease}
.identity-value p{max-width:400px;margin:0;color:#aeb7bc;font-size:clamp(17px,1.5vw,21px);font-weight:400;letter-spacing:-.015em;line-height:1.48;transition:color .45s ease}
.identity-value:hover h3,.identity-value:hover p{color:#fff}
.identity-statement{min-width:0;padding:8px 0}
.identity-statement-copy{width:fit-content;max-width:100%;margin:0 0 0 auto;font-size:clamp(35px,4.15vw,58px);font-weight:600;letter-spacing:-.047em;line-height:1.12}
.identity-statement-first,.identity-statement-second{display:block}
.identity-statement-first{color:#f6f7f8}
.identity-statement-second{margin-top:38px;color:#c2c8cc}
.identity-statement-second strong{display:block;color:inherit;font-size:1.18em;font-weight:750;letter-spacing:-.055em;line-height:1.02}
.identity-reveal-ready .identity-statement-first,.identity-reveal-ready .identity-statement-second{opacity:0;transform:translateY(7px)}
.identity-reveal-ready.identity-is-visible .identity-statement-first{animation:identity-text-reveal .85s ease .1s both}
.identity-reveal-ready.identity-is-visible .identity-statement-second{animation:identity-text-reveal .85s ease .34s both}
@keyframes identity-text-reveal{to{opacity:1;transform:none}}
@media(max-width:900px){
  .identity-composition{grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:clamp(52px,7vw,72px)}
  .identity-statement-copy{font-size:clamp(32px,4.6vw,43px)}
}
@media(max-width:700px){
  .identity{padding-top:36px;padding-bottom:88px}
  .identity .eyebrow{margin-bottom:24px}
  .identity-intro h2{font-size:clamp(35px,8.5vw,50px);line-height:1.11}
  .identity-intro>p:last-child{margin-top:21px;font-size:14px;line-height:1.75}
  .identity-composition{display:flex;flex-direction:column;align-items:stretch;gap:55px;margin-top:52px}
  .identity-value{padding:22px 0 24px}
  .identity-value p{font-size:17px}
  .identity-statement{padding:0}
  .identity-statement-copy{width:100%;margin-left:0;font-size:clamp(29px,7.8vw,40px)}
  .identity-statement-second{margin-top:30px}
}
@media(prefers-reduced-motion:reduce){.identity-value h3,.identity-value p{transition:none}.identity-reveal-ready .identity-statement-first,.identity-reveal-ready .identity-statement-second{opacity:1;transform:none}.identity-reveal-ready.identity-is-visible .identity-statement-first,.identity-reveal-ready.identity-is-visible .identity-statement-second{animation:none}}

/* Contatti & Social: chiusura editoriale della homepage. */
.contact-social{padding-top:clamp(70px,7vw,105px);padding-bottom:clamp(72px,7vw,104px);border-top:1px solid #30363b;background:#000}
.contact-social-main{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(56px,8vw,120px);align-items:start}
.contact-social-intro,.contact-location{min-width:0}
.contact-social .eyebrow{margin-bottom:27px;color:#c6cbd0;font-size:10px;font-weight:400;letter-spacing:.2em}
.contact-social-intro h2{max-width:690px;margin:0;color:#f7f8f9;font-size:clamp(36px,4.35vw,60px);font-weight:600;letter-spacing:-.052em;line-height:1.09}
.contact-social-intro>p:not(.eyebrow){max-width:570px;margin:25px 0 0;color:#bcc4c9;font-size:clamp(14px,1.25vw,17px);line-height:1.75}
.contact-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:36px}
.contact-action{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:9px 16px 9px 10px;border:1px solid #707a80;border-radius:999px;background:radial-gradient(ellipse at 50% -55%,rgba(255,255,255,.21),transparent 73%),linear-gradient(180deg,#171b1e 0%,#0b0e10 38%,#020303 72%,#0b0d0f 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.06),0 8px 18px rgba(0,0,0,.26);color:#f7f9fa;font-size:11px;font-weight:750;letter-spacing:.065em;line-height:1.2;white-space:nowrap;transition:filter .25s ease,border-color .25s ease,box-shadow .25s ease}
.contact-action::before{content:"";position:absolute;inset:1px 1px auto;height:44%;border-radius:999px 999px 48% 48%;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.025) 58%,transparent);pointer-events:none}
.contact-action>*{position:relative;z-index:1}
.contact-action-icon{display:grid;place-items:center;width:33px;height:33px;flex:none;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:linear-gradient(155deg,#1b2023 0%,#050708 55%,#0b0e10 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.contact-action-icon img{display:block;width:21px;height:21px}
.contact-action svg{width:20px;height:20px;flex:none}
.contact-action-whatsapp{border-color:#aab6bc;color:#f7f9fa}
.contact-action-whatsapp .contact-action-icon{border-color:rgba(37,211,102,.48);color:#25d366}
.contact-action-whatsapp:hover{border-color:#e6eff0;filter:brightness(1.15)}
.contact-action-call{border-color:#747e84;color:#f7f9fa}
.contact-action-call .contact-action-icon{color:#fff}
.contact-action-call:hover{border-color:#eff3f6;filter:brightness(1.15)}
.contact-arrow{display:inline-block;margin-left:2px;transition:transform .25s ease}
.contact-action:hover .contact-arrow,.contact-directions:hover .contact-arrow,.contact-social-link[href]:hover .contact-arrow{transform:translateX(3px)}
.contact-location{min-height:100%;padding:10px 0 6px clamp(35px,4.5vw,68px);border-left:1px solid #343b40}
.contact-location-icon{width:29px;height:29px;margin-bottom:26px;color:#d7e0e6}
.contact-location h3,.contact-social-bottom h3{margin:0;color:#f4f6f7;font-size:13px;font-weight:700;letter-spacing:.15em;line-height:1.4}
.contact-location p{max-width:390px;margin:19px 0 25px;color:#b7c0c5;font-size:15px;line-height:1.75}
.contact-location address{color:#f2f4f5;font-size:clamp(20px,2vw,27px);font-style:normal;font-weight:550;letter-spacing:-.035em;line-height:1.35}
.contact-directions{display:inline-flex;align-items:center;gap:8px;margin-top:29px;padding:0 0 10px;border-bottom:1px solid #7c878e;color:#f1f5f7;font-size:11px;font-weight:700;letter-spacing:.1em;transition:border-color .25s ease,color .25s ease}
.contact-directions:hover{border-color:#fff;color:#fff}
.contact-social-bottom{display:flex;justify-content:space-between;align-items:end;gap:42px;margin-top:clamp(60px,7vw,96px);padding-top:34px;border-top:1px solid #343b40}
.contact-social-bottom-copy p{max-width:420px;margin:10px 0 0;color:#aeb8be;font-size:13px;line-height:1.65}
.contact-social-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.contact-social-link{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:7px 12px 7px 7px;border:1px solid #626c73;border-radius:999px;background:radial-gradient(ellipse at 50% -55%,rgba(255,255,255,.19),transparent 73%),linear-gradient(180deg,#171b1e 0%,#0b0e10 38%,#020303 72%,#0b0d0f 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(255,255,255,.05),0 7px 16px rgba(0,0,0,.24);color:#f0f3f5;font-size:10px;font-weight:700;letter-spacing:.08em;white-space:nowrap;transition:filter .25s ease,border-color .25s ease}
.contact-social-link::before{content:"";position:absolute;inset:1px 1px auto;height:44%;border-radius:999px 999px 48% 48%;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.025) 58%,transparent);pointer-events:none}
.contact-social-link>*{position:relative;z-index:1}
.contact-social-link svg{box-sizing:content-box;width:20px;height:20px;flex:none;padding:5px;border:1px solid rgba(255,255,255,.27);border-radius:50%;background:linear-gradient(155deg,#1b2023 0%,#050708 55%,#0b0e10 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.15);transition:filter .25s ease,transform .25s ease}
.contact-social-link .contact-arrow{color:#cbd3d8}
.contact-social-link[href]:hover{color:#fff;border-color:#e6edef;filter:brightness(1.14)}
.contact-social-link[href]:hover svg{filter:brightness(1.2);transform:translateY(-1px)}
.contact-social-link[aria-disabled="true"]{cursor:default}
.contact-social.has-contact-reveal .contact-social-main,.contact-social.has-contact-reveal .contact-social-bottom{opacity:0;transform:translateY(15px);transition:opacity .7s ease,transform .7s ease}
.contact-social.has-contact-reveal.is-visible .contact-social-main,.contact-social.has-contact-reveal.is-visible .contact-social-bottom{opacity:1;transform:none}
.contact-social.has-contact-reveal .contact-social-bottom{transition-delay:.12s}
@media(max-width:900px){
  .contact-social-main{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:40px}
  .contact-actions{flex-direction:column;align-items:flex-start}
  .contact-action{min-width:260px}
  .contact-location{padding-left:32px}
  .contact-social-bottom{align-items:start;flex-direction:column;gap:26px}
}
@media(max-width:700px){
  .contact-social{padding-top:62px;padding-bottom:74px}
  .contact-social-main{grid-template-columns:1fr;gap:50px}
  .contact-social .eyebrow{margin-bottom:22px}
  .contact-social-intro h2{font-size:clamp(34px,8.2vw,48px)}
  .contact-social-intro>p:not(.eyebrow){margin-top:19px;font-size:14px}
  .contact-actions{margin-top:29px}
  .contact-action{width:100%;min-width:0;min-height:52px;justify-content:flex-start}
  .contact-action .contact-arrow{margin-left:auto}
  .contact-location{padding:31px 0 0;border-left:0;border-top:1px solid #343b40}
  .contact-location-icon{margin-bottom:18px}
  .contact-location p{margin:16px 0 19px;font-size:14px}
  .contact-directions{margin-top:22px}
  .contact-social-bottom{margin-top:55px;padding-top:27px}
  .contact-social-links{gap:10px}
}
@media(max-width:380px){.contact-social-links{gap:10px}.contact-social-link{font-size:10px;letter-spacing:.06em}}
@media(prefers-reduced-motion:reduce){
  .contact-action,.contact-arrow,.contact-directions,.contact-social-link,.contact-social-link svg{transition:none}
  .contact-social.has-contact-reveal .contact-social-main,.contact-social.has-contact-reveal .contact-social-bottom{opacity:1;transform:none;transition:none}
}

/* La stessa scia illumina il bordo da entrambi i lati, senza riempire la pillola. */
.hero .button.primary .pill-trail{inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);overflow:visible;filter:none}
.hero .button.primary .pill-trail .pill-glow{stroke:rgba(255,255,255,.72);stroke-width:10;opacity:.8;filter:blur(5px)}
.hero .button.primary .pill-trail .pill-trail-core{stroke-width:2.3;filter:drop-shadow(0 0 3px rgba(255,255,255,1)) drop-shadow(0 0 7px rgba(255,255,255,.8))}
@media(prefers-reduced-motion:reduce){.hero .button.primary .pill-trail .pill-glow{opacity:0}}

/* Le etichette chiave rimangono leggibili anche senza hover o animazioni. */
.services-grid .service-label{color:#f6f8f9;font-size:12px;font-weight:750;letter-spacing:.11em}
.services-care .care-number{color:#f3f6f8;font-size:12px;font-weight:700;letter-spacing:.11em}
.services-care .care-number strong{color:#fff;font-size:13px;font-weight:800}
.identity .identity-value h3{color:#f7f9fa;font-size:13px;font-weight:750;letter-spacing:.13em}
@media(max-width:600px){
  .services-grid .service-label,.services-care .care-number{font-size:11px}
  .services-care .care-number strong,.identity .identity-value h3{font-size:12px}
}

/* Manifesto: un unico riflesso lento, sincronizzato sulle quattro righe. */
.identity .identity-metal-line{position:relative;display:block;width:fit-content;max-width:100%;color:transparent;-webkit-text-fill-color:transparent;background:linear-gradient(110deg,#a7b0b7 0%,#c2c9ce 27%,#d6dce0 48%,#a2abb3 72%,#c2c9ce 100%);-webkit-background-clip:text;background-clip:text}
.identity .identity-statement-second .identity-metal-line{background-image:linear-gradient(110deg,#929da5 0%,#aeb8bf 32%,#c8d0d5 54%,#929da6 78%,#b6c0c7 100%)}
.identity .identity-statement-second strong.identity-metal-line{background-image:linear-gradient(110deg,#a9b3bb 0%,#c9d1d6 33%,#dce2e5 53%,#a1abb4 77%,#c7d0d5 100%)}
.identity .identity-metal-line::before,.identity .identity-metal-line::after{content:attr(data-text);position:absolute;inset:0;width:100%;color:transparent;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,transparent 0%,transparent 43%,rgba(255,255,255,.14) 46%,rgba(255,255,255,.72) 49%,#fff 50%,rgba(255,255,255,.72) 51%,rgba(255,255,255,.14) 54%,transparent 57%,transparent 100%);background-size:200% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;pointer-events:none;animation:identity-metal-sweep 5.4s linear infinite}
.identity .identity-metal-line::before{--metal-glow-opacity:.62;filter:blur(6px) drop-shadow(0 0 7px rgba(237,244,255,.55))}
.identity .identity-metal-line::after{--metal-glow-opacity:.88;filter:drop-shadow(0 0 4px rgba(255,255,255,.8)) drop-shadow(0 0 9px rgba(222,235,255,.36))}
@keyframes identity-metal-sweep{0%{background-position:100% 0;opacity:var(--metal-glow-opacity)}76%{background-position:0 0;opacity:var(--metal-glow-opacity)}84%{background-position:0 0;opacity:0}85%{background-position:100% 0;opacity:0}100%{background-position:100% 0;opacity:var(--metal-glow-opacity)}}
@media(prefers-reduced-motion:reduce){.identity .identity-metal-line::before,.identity .identity-metal-line::after{display:none;animation:none}}

/* La stessa finitura nera lucida delle pillole, senza velare le foto delle auto. */
.car-card{border-color:rgba(188,201,209,.36);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 16px 38px rgba(0,0,0,.38)}
.car-card:hover{border-color:rgba(226,234,239,.67);box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 18px 42px rgba(0,0,0,.44)}
.car-content,.featured-stage .car-content{position:relative;isolation:isolate;background:radial-gradient(ellipse 100% 42% at 50% -8%,rgba(255,255,255,.17),transparent 78%),linear-gradient(160deg,rgba(27,31,34,.89) 0%,rgba(11,14,16,.91) 52%,rgba(3,5,6,.94) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.car-content::before{content:"";position:absolute;z-index:0;inset:1px 1px auto;height:33%;border-radius:0 0 48% 48%;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.012) 58%,transparent);pointer-events:none}
.car-content>*{position:relative;z-index:1}

/* Pulsante Vedi scheda: nero lucido con riflesso visibile anche a riposo. */
.car-card .card-button{position:relative;isolation:isolate;overflow:hidden;min-height:42px;padding:9px 17px;border:1px solid rgba(224,232,237,.78);border-radius:999px;background:radial-gradient(ellipse 90% 75% at 50% -42%,rgba(255,255,255,.28),transparent 85%),linear-gradient(180deg,#252a2e 0%,#0c0f11 48%,#020304 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(255,255,255,.08),0 3px 12px rgba(0,0,0,.38),0 0 12px rgba(235,244,250,.12);color:#fff;font-size:11px;font-weight:700;letter-spacing:.045em;transition:filter .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.car-card .card-button::before{content:"";position:absolute;inset:1px 2px auto;height:47%;border-radius:999px 999px 46% 46%;background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.025) 65%,transparent);pointer-events:none}
.car-card .card-button:hover,.car-card .card-button:focus-visible{border-color:#fff;background:radial-gradient(ellipse 90% 75% at 50% -42%,rgba(255,255,255,.34),transparent 85%),linear-gradient(180deg,#30363a 0%,#111517 48%,#030405 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.36),inset 0 -1px 0 rgba(255,255,255,.1),0 5px 16px rgba(0,0,0,.45),0 0 16px rgba(235,244,250,.3);transform:translateY(-1px)}
@media(prefers-reduced-motion:reduce){.car-card .card-button{transition:none}.car-card .card-button:hover,.car-card .card-button:focus-visible{transform:none}}

/* Ritorno al catalogo con la stessa forma a pillola dei comandi delle schede. */
#car-dialog .dialog-return{min-height:46px;padding:11px 23px;border:1px solid rgba(224,232,237,.7);border-radius:999px;background:radial-gradient(ellipse 90% 80% at 50% -45%,rgba(255,255,255,.19),transparent 85%),linear-gradient(180deg,#252a2e 0%,#0b0e10 52%,#030405 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 5px 15px rgba(0,0,0,.32);color:#fff;font-size:11px;font-weight:750;letter-spacing:.065em;text-transform:uppercase;white-space:nowrap}
#car-dialog .dialog-return:hover,#car-dialog .dialog-return:focus-visible{border-color:#fff;background:radial-gradient(ellipse 90% 80% at 50% -45%,rgba(255,255,255,.26),transparent 85%),linear-gradient(180deg,#30363a 0%,#101416 52%,#030405 100%)}

/* Contatti nella scheda: pillole nere lucide e punti luminosi distinti. */
#car-dialog .detail-quick-actions .detail-action,#car-dialog .detail-quick-actions .detail-action.primary-action{position:relative;isolation:isolate;overflow:hidden;gap:10px;min-height:52px;border:1px solid rgba(224,232,237,.78);border-radius:999px;background:radial-gradient(ellipse 90% 75% at 50% -42%,rgba(255,255,255,.28),transparent 85%),linear-gradient(180deg,#252a2e 0%,#0c0f11 48%,#020304 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(255,255,255,.08),0 3px 12px rgba(0,0,0,.38),0 0 12px rgba(235,244,250,.18);color:#fff;font-size:11px;font-weight:750;letter-spacing:.07em;text-transform:uppercase;transition:filter .25s ease,border-color .25s ease,box-shadow .25s ease}
#car-dialog .detail-quick-actions .detail-action::after{content:"";position:absolute;inset:1px 2px auto;height:47%;border-radius:999px 999px 46% 46%;background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.025) 65%,transparent);pointer-events:none}
#car-dialog .detail-quick-actions .detail-action:hover,#car-dialog .detail-quick-actions .detail-action:focus-visible,#car-dialog .detail-quick-actions .whatsapp-trigger[aria-expanded="true"]{border-color:#fff;filter:brightness(1.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.36),inset 0 -1px 0 rgba(255,255,255,.1),0 5px 16px rgba(0,0,0,.45),0 0 16px rgba(235,244,250,.3)}
#car-dialog .detail-quick-actions .call-accent,#car-dialog .detail-quick-actions .whatsapp-accent{display:inline-block;width:8px;height:8px;flex:none;border-radius:50%}
#car-dialog .detail-quick-actions .call-accent{background:#fff;box-shadow:0 0 5px rgba(255,255,255,.95),0 0 12px rgba(255,255,255,.58)}
#car-dialog .detail-quick-actions .whatsapp-accent{background:#4ddd88;box-shadow:0 0 5px rgba(77,221,136,.9),0 0 12px rgba(77,221,136,.5)}
@media(prefers-reduced-motion:reduce){#car-dialog .detail-quick-actions .detail-action{transition:none}}

/* I testi restano centrati; i due pallini occupano la stessa verticale. */
#car-dialog .detail-quick-actions .detail-action,#car-dialog .detail-quick-actions .detail-action.primary-action{display:flex;align-items:center;justify-content:center;gap:0;text-align:center}
#car-dialog .detail-quick-actions .call-accent,#car-dialog .detail-quick-actions .whatsapp-accent{position:absolute;left:calc(50% - 86px);top:50%;transform:translateY(-50%)}
#car-dialog .detail-quick-actions .detail-action-label{display:block;white-space:nowrap;text-align:center}

/* Prova grafica: tutti i comandi della ricerca riprendono la forma a pillola. */
#catalogue-filters .search-input-wrap input{border-radius:999px;padding-left:54px;background:linear-gradient(180deg,#111518 0%,#080a0c 55%,#060809 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.09)}
#catalogue-filters .search-input-wrap svg{left:22px}
#catalogue-filters .search-submit{border-radius:999px;background:linear-gradient(180deg,#fff 0%,#e9ecee 100%);box-shadow:inset 0 1px 0 #fff,0 5px 15px rgba(0,0,0,.18)}
#catalogue-filters .search-submit:hover{background:#fff}
#catalogue-filters .filter-controls .filter-field select,#catalogue-filters .extra-filters .filter-field select{border-radius:20px;padding-left:22px;padding-right:36px;background:linear-gradient(180deg,#15191c 0%,#080a0c 55%,#050708 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.09);color-scheme:dark}
#catalogue-filters .filter-controls .filter-field>span,#catalogue-filters .extra-filters .filter-field>span{left:22px}
#catalogue-filters .advanced-toggle{border-radius:20px;background:linear-gradient(180deg,#15191c 0%,#080a0c 55%,#050708 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.09)}
#catalogue-filters .advanced-toggle:hover{background:linear-gradient(180deg,#1f2529 0%,#0d1113 100%)}
@media(max-width:700px){
  #catalogue-filters .filter-controls .filter-field select,#catalogue-filters .extra-filters .filter-field select{padding-left:17px;padding-right:23px;font-size:11.5px}
  #catalogue-filters .filter-controls .filter-field>span,#catalogue-filters .extra-filters .filter-field>span{left:17px}
}

/* Ricerca aperta, senza riquadro: lente e testo sono l'unico invito a digitare. */
#catalogue-filters .search-input-wrap input{height:56px;padding-left:39px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#f4f6f7;font-size:20px;font-weight:550}
#catalogue-filters .search-input-wrap input:hover{border:0;background:transparent}
#catalogue-filters .search-input-wrap input:focus-visible{border:0;outline:0;background:transparent;box-shadow:inset 0 -1px 0 rgba(224,234,240,.7)}
#catalogue-filters .search-input-wrap input::placeholder{color:#a7adb4;opacity:1;font-weight:550}
#catalogue-filters .search-input-wrap svg{top:16px;left:0;width:24px;height:24px;color:#a7adb4}
@media(max-width:700px){#catalogue-filters .search-input-wrap input{font-size:15px;padding-left:34px}#catalogue-filters .search-input-wrap svg{top:17px;width:21px;height:21px}}
@media(max-width:380px){#catalogue-filters .search-input-wrap input{font-size:14px}}
@media(max-width:340px){#catalogue-filters .search-input-wrap input{font-size:12px}}
#catalogue-filters .search-row{grid-template-columns:minmax(0,1fr)}
#catalogue-filters .search-row{padding-bottom:12px;margin-bottom:28px;border-bottom:1px solid rgba(207,217,223,.48)}
#catalogue-filters .search-input-wrap input:focus-visible{box-shadow:none}
#catalogue-filters .filter-field select option{background:#101417;color:#f4f6f8}

/* Indicazioni: testo sottolineato, con luce e lieve sollevamento al passaggio. */
.contact-social .contact-directions{gap:8px;min-height:0;margin-top:29px;padding:0 0 10px;border:0;border-bottom:1px solid rgba(219,233,241,.7);border-radius:0;background:none;box-shadow:none;color:#f3f7fa;font-size:11px;font-weight:750;letter-spacing:.1em;text-shadow:0 0 7px rgba(222,239,251,.28);transition:transform .25s ease,text-shadow .25s ease,border-color .25s ease,color .25s ease}
.contact-social .contact-directions .contact-arrow{display:inline;width:auto;height:auto;border:0;border-radius:0;background:none;font-size:inherit;line-height:inherit}
.contact-social .contact-directions:hover,.contact-social .contact-directions:focus-visible{border-bottom-color:#fff;color:#fff;text-shadow:0 0 6px rgba(255,255,255,.9),0 0 15px rgba(212,233,248,.65);transform:translateY(-3px)}
.contact-social .contact-directions:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:700px){.contact-social .contact-directions{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.contact-social .contact-directions{transition:none}.contact-social .contact-directions:hover,.contact-social .contact-directions:focus-visible{transform:none}}

/* Schede auto: testi più leggibili, mantenendo dati e prezzo in primo piano. */
.car-card .stock-badge{font-size:10.5px}
.car-card .car-make{font-size:27px}
.car-card .car-make span{font-size:14px}
.car-card h3{font-size:19px}
.car-card .car-version{font-size:15px;line-height:1.5}
.car-card .car-specs dt,.featured-stage .car-card .car-specs dt{font-size:14px;line-height:1.35}
.car-card .car-specs dd,.featured-stage .car-card .car-specs dd{font-size:16px;line-height:1.4}
.car-card .car-price>span{font-size:30px}
.car-card .car-price small{font-size:12px}
.car-card .card-button{font-size:12px}
.featured-stage .car-card .car-make{font-size:31px}
.featured-stage .car-card h3{font-size:22px}
@media(max-width:600px){
  .car-card .car-make,.featured-stage .car-card .car-make{font-size:25px}
  .featured-stage .car-card h3{font-size:20px}
  .car-card .car-version{font-size:14px}
  .car-card .car-specs dt,.featured-stage .car-card .car-specs dt{font-size:12px}
  .car-card .car-specs dd,.featured-stage .car-card .car-specs dd{font-size:15px}
  .car-card .car-price>span{font-size:27px}
  .featured-stage{height:530px}
}

/* Footer in tre livelli. */
.contact-social{padding-bottom:clamp(48px,5vw,70px)}
.site-footer{display:block;padding-top:0;padding-bottom:0;border-top:1px solid #343b40;background:#000}
.site-footer .footer-level{min-width:0}
.site-footer .footer-top{display:flex;align-items:start;justify-content:space-between;gap:28px;padding:25px 0 22px}
.site-footer .footer-name{display:inline-block;color:#f5f7f8;font-size:20px;font-weight:750;letter-spacing:.035em;line-height:1.2}
.site-footer .footer-name:hover{color:#fff;text-shadow:0 0 9px rgba(255,255,255,.26)}
.site-footer .footer-identity p{margin:6px 0 0;color:#b7c0c6;font-size:12px;line-height:1.4}
.site-footer .footer-policies{position:static;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:16px 24px;margin:0;padding:3px 0 0;border:0;background:none}
.site-footer .footer-policy{color:#d5dce1;font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap}
.site-footer a.footer-policy{border-bottom:1px solid #667078;padding-bottom:3px}
.site-footer a.footer-policy:hover{color:#fff;border-color:#fff}
.site-footer .footer-business{border-top:1px solid #292f34;padding:16px 0 17px}
.site-footer .footer-business-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 24px;list-style:none;margin:0;padding:0}
.site-footer .footer-business-list li{min-width:0;color:#aeb8bf;font-size:11.5px;line-height:1.5;overflow-wrap:anywhere}
.site-footer .footer-business-label{color:#cbd2d7;font-weight:600}
.site-footer .footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;border-top:1px solid #292f34;padding:13px 0 18px}
.site-footer .footer-bottom small{color:#b6c0c6;font-size:11px}
@media(max-width:800px){
  .site-footer .footer-business-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .site-footer .footer-top{flex-direction:column;gap:19px;padding:22px 0 20px}
  .site-footer .footer-name{font-size:19px}
  .site-footer .footer-identity p{font-size:12px}
  .site-footer .footer-policies{justify-content:flex-start;gap:20px;padding-top:0}
  .site-footer .footer-policy{font-size:12px}
  .site-footer .footer-business{padding:15px 0}
  .site-footer .footer-business-list{grid-template-columns:minmax(0,1fr);gap:5px}
  .site-footer .footer-business-list li{font-size:12px}
  .site-footer .footer-bottom{align-items:flex-start;flex-direction:column;padding:13px 0 17px}
}

/* Pulsante trasparente della hero: riflesso discreto e luce lungo il bordo. */
@property --hero-cta-angle{syntax:'<angle>';inherits:false;initial-value:0deg}
.hero .button.primary.hero-catalog-cta{
  position:relative;isolation:isolate;overflow:visible;
  display:inline-flex;align-items:center;justify-content:center;
  min-width:190px;height:54px;min-height:54px;padding:0 26px;
  border:1px solid rgba(255,255,255,.34);border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));
  color:#dedede;font-size:12.25px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  box-shadow:inset 0 1px 0 #ffffff15,0 6px 18px #0005;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  transition:color .25s ease,transform .25s ease,box-shadow .25s ease;
}
.hero .hero-catalog-cta>span{position:relative;z-index:3}
.hero .hero-catalog-cta-label{line-height:1;white-space:nowrap}
.hero .button.primary.hero-catalog-cta::before{
  content:'';position:absolute;inset:-2px;z-index:2;border-radius:inherit;padding:1.7px;pointer-events:none;
  background:conic-gradient(from var(--hero-cta-angle),transparent 0deg,transparent 48deg,
    rgba(255,255,255,.08) 64deg,rgba(255,255,255,.38) 77deg,
    rgba(255,255,255,.92) 87deg,#fff 91deg,rgba(255,255,255,.8) 96deg,
    rgba(255,255,255,.28) 108deg,rgba(255,255,255,.06) 122deg,
    transparent 140deg,transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  filter:drop-shadow(0 0 2px rgba(255,255,255,.95)) drop-shadow(0 0 7px rgba(255,255,255,.5));
  animation:hero-cta-spin 4.2s linear infinite,hero-cta-glow 2.1s ease-in-out infinite;
}
.hero .button.primary.hero-catalog-cta::after{
  content:'';position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;
  background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.05) 39%,
    rgba(255,255,255,.22) 47%,rgba(255,255,255,.22) 53%,
    rgba(255,255,255,.09) 61%,transparent 70%);
  background-size:245% 100%;background-position:165% 0;
  animation:hero-cta-sheen 19s cubic-bezier(.32,.05,.28,1) infinite;
}
.hero .button.primary.hero-catalog-cta:hover{
  color:#fff;transform:translateY(-1px);
  border-color:rgba(255,255,255,.5);
  background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.055));
  box-shadow:inset 0 1px 0 #ffffff20,0 9px 22px #0006;
}
.hero .button.primary.hero-catalog-cta:focus-visible{outline:2px solid #d9d9d9;outline-offset:4px}
@keyframes hero-cta-spin{
  0%{--hero-cta-angle:0deg;animation-timing-function:cubic-bezier(.58,.08,.42,.92)}
  50%{--hero-cta-angle:180deg;animation-timing-function:cubic-bezier(.58,.08,.42,.92)}
  100%{--hero-cta-angle:360deg}
}
@keyframes hero-cta-glow{0%,100%{opacity:.72}50%{opacity:1}}
@keyframes hero-cta-sheen{0%,64%{background-position:165% 0}84%,100%{background-position:-65% 0}}
@media(prefers-reduced-motion:reduce){
  .hero .button.primary.hero-catalog-cta::before{animation:none;opacity:.55}
  .hero .button.primary.hero-catalog-cta::after{animation:none;display:none}
  .hero .button.primary.hero-catalog-cta{transition:none}
}

/* Le foto mantengono la stessa cornice durante ogni passaggio del carosello. */
@media(max-width:600px){
  .featured-stage .car-card:not([data-position="current"]) .car-photo{height:220px}
  .featured-controls{gap:8px}
  .featured-navigation{gap:8px}
  .featured-arrow{flex-basis:38px;width:38px;height:38px}
  .featured-position{min-width:56px}
  .featured-pause{min-width:82px}
}

/* La cornice fotografica segue il formato 3:2 delle immagini originali. */
.featured-stage{height:auto;aspect-ratio:3.46}
@media(max-width:1340px){
  .featured-stage{height:clamp(650px,calc(54vw + 310px),745px);aspect-ratio:auto}
  .featured-stage .car-card{display:flex;flex-direction:column;width:min(81%,620px)}
  .featured-stage .car-photo,.featured-stage .catalogue-picture{width:100%;height:auto;aspect-ratio:3/2;flex:none}
  .featured-stage .car-content{height:auto;flex:1;min-height:0}
}
@media(max-width:600px){
  .featured-stage{height:530px}
  .featured-stage .car-card{display:flex;width:82%}
  .featured-stage .car-photo,.featured-stage .catalogue-picture,
  .featured-stage .car-card:not([data-position="current"]) .car-photo{height:auto;aspect-ratio:3/2}
  .featured-stage .car-content{height:auto;flex:1}
}

/* Hero smartphone e tablet: testi leggibili e proporzioni ordinate. */
@media(max-width:800px){
  .hero .hero-content{min-height:0;padding:42px 26px 0}
  .hero .eyebrow{font-size:11px;letter-spacing:.16em;line-height:1.5;margin-bottom:18px}
  .hero h2{line-height:1.18;margin-bottom:16px}
  .hero .hero-description{font-size:16px;line-height:1.6;margin-bottom:24px}
  .hero .showroom-viewer{margin-top:20px}
}
@media(max-width:600px){
  .hero .hero-content{padding:34px 22px 0}
  .hero .eyebrow{font-size:10px;letter-spacing:.14em;margin-bottom:16px}
  .hero .brand{margin-bottom:18px}
  .hero h2{font-size:clamp(28px,7.2vw,32px);line-height:1.16;margin-bottom:16px}
  .hero .hero-description{font-size:clamp(14px,3.8vw,15px);line-height:1.6;margin-bottom:24px}
  .hero .showroom-viewer{margin-top:0}
}

/* Hero smartphone: la parete dello showroom continua dietro ai testi. */
@media(max-width:600px){
  .hero{
    padding-bottom:0;
    background-color:#25272b;
    background-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.82) 10%,rgba(0,0,0,.48) 26%,rgba(0,0,0,.30) 48%,rgba(0,0,0,.12) 72%,#000 100%),url('assets/showroom-headlight-platform.png');
    background-repeat:no-repeat;
    background-size:100% 100%,auto 100%;
    background-position:center,8% top;
  }
  .hero .showroom-scene{
    mask-image:linear-gradient(to bottom,transparent 0%,transparent 9%,#000 28%,#000 100%);
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 9%,#000 28%,#000 100%);
  }
  .hero .showroom-viewer::after{
    background:linear-gradient(to bottom,transparent 0%,transparent 86%,#000 100%);
  }
}

/* Catalogo smartphone: due schede affiancate con dati e comandi leggibili. */
@media(max-width:600px){
  .catalogue.section-wrap{padding-left:clamp(12px,4vw,16px);padding-right:clamp(12px,4vw,16px)}
  .catalogue .car-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .catalogue .car-card{display:flex;flex-direction:column;min-width:0}
  .catalogue .car-card[hidden]{display:none}
  .catalogue .car-photo{flex:none}
  .catalogue .favorite-button{top:7px;right:7px;width:44px;height:44px}
  .catalogue .favorite-button svg{width:21px;height:21px}
  .catalogue .car-content{display:flex;flex:1;flex-direction:column;min-width:0;padding:12px 10px}
  .catalogue .car-content>.stock-badge{position:absolute;top:-32px;left:8px;z-index:2;align-self:flex-start;max-width:calc(100% - 16px);padding:5px 7px;margin:0;font-size:9px}
  .catalogue .car-card .car-make{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:2px 6px;margin-bottom:5px;font-size:16px;line-height:1.2;letter-spacing:.02em;overflow-wrap:anywhere}
  .catalogue .car-card .car-make span{font-size:10px;line-height:1.2}
  .catalogue .car-card h3{font-size:15px;line-height:1.22;margin-bottom:4px;overflow-wrap:anywhere}
  .catalogue .car-card .car-version{font-size:11px;line-height:1.35;margin-bottom:8px;overflow-wrap:anywhere}
  .catalogue .car-card .car-specs{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:6px;padding-bottom:8px}
  .catalogue .car-card .car-specs>div{min-width:0}
  .catalogue .car-card .car-specs>div:last-child{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px}
  .catalogue .car-card .car-specs dt{font-size:10px;line-height:1.25;margin-bottom:2px}
  .catalogue .car-card .car-specs>div:last-child dt{margin-bottom:0}
  .catalogue .car-card .car-specs dd{font-size:12px;line-height:1.25;overflow-wrap:anywhere}
  .catalogue .car-card .car-bottom{flex-direction:column;align-items:stretch;gap:8px;margin-top:auto;padding-top:8px}
  .catalogue .car-card .car-price{margin:0}
  .catalogue .car-card .car-price>span{font-size:clamp(17px,4.5vw,20px);line-height:1.15}
  .catalogue .car-card .car-price small{font-size:9px;line-height:1.25}
  .catalogue .car-card .card-button{width:100%;min-height:44px;padding:8px 4px;font-size:10px;line-height:1.2;white-space:normal}
}

/* I menu dei filtri scorrono sotto ogni campo. */
#catalogue-filters .filter-controls{display:grid;grid-template-columns:minmax(0,5fr) minmax(150px,1fr);align-items:stretch;gap:14px}
#catalogue-filters .quick-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;min-width:0;overflow:visible;padding:0}
#catalogue-filters .quick-filters>.filter-field{position:relative;min-width:0}
#catalogue-filters .quick-filters>.filter-field.is-open{z-index:20}
#catalogue-filters .quick-filters>.filter-field.has-custom-select select{display:none}
#catalogue-filters .filter-trigger{display:block;width:100%;height:60px;padding:23px 34px 6px 22px;overflow:hidden;border:1px solid #343a40;border-radius:20px;background:linear-gradient(180deg,#15191c 0%,#080a0c 55%,#050708 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.09);color:#f4f6f8;text-align:left;font-size:14px;white-space:nowrap}
#catalogue-filters .filter-trigger:hover,#catalogue-filters .filter-trigger[aria-expanded="true"]{border-color:#69737d;background:linear-gradient(180deg,#1d2226,#0a0d0f)}
#catalogue-filters .filter-trigger:focus-visible{outline:2px solid #dce7ed;outline-offset:2px}
#catalogue-filters .filter-trigger::after{content:'';position:absolute;right:16px;top:26px;width:7px;height:7px;border-right:2px solid #f4f6f8;border-bottom:2px solid #f4f6f8;transform:rotate(45deg)}
#catalogue-filters .filter-trigger-value{display:block;overflow:hidden;text-overflow:ellipsis}
#catalogue-filters .filter-option-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:21;width:100%;overflow:hidden;border:1px solid #626b72;border-radius:16px;background:#101417;box-shadow:0 15px 35px #000b}
#catalogue-filters .filter-option-list{max-height:min(300px,55vh);padding:5px 13px 5px 5px;overflow-y:auto;scrollbar-width:none}
#catalogue-filters .filter-option-list::-webkit-scrollbar{display:none}
#catalogue-filters .filter-scroll-thumb{position:absolute;top:6px;right:5px;width:7px;border-radius:999px;background:#b4babd;cursor:grab;touch-action:none}
#catalogue-filters .filter-scroll-thumb:active{cursor:grabbing}
#catalogue-filters .filter-option{display:block;width:100%;min-height:38px;padding:8px 11px;border:0;border-radius:10px;background:transparent;color:#e6ebee;text-align:left;font-size:13px}
#catalogue-filters .filter-option:hover,#catalogue-filters .filter-option:focus-visible,#catalogue-filters .filter-option[aria-selected="true"]{background:#283038;color:#fff}
#catalogue-filters .mobile-show-results{display:flex;align-items:center;justify-content:center;width:100%;min-height:60px;margin:0;padding:10px;border:1px solid #dfe5e8;border-radius:20px;background:#e7ebed;color:#101417;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
#catalogue-filters .mobile-show-results:hover{background:#fff}
#catalogue-filters .mobile-show-results:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:1000px){
  #catalogue-filters .filter-controls{grid-template-columns:minmax(0,1fr)}
  #catalogue-filters .quick-filters{grid-template-columns:repeat(3,minmax(0,1fr))}
  #catalogue-filters .mobile-show-results{min-height:48px}
}
@media(max-width:600px){
  #catalogue-filters .search-row{padding-bottom:8px;margin-bottom:16px}
  #catalogue-filters .search-input-wrap input{height:48px;padding-left:32px}
  #catalogue-filters .search-input-wrap svg{top:13px;width:20px;height:20px}
  #catalogue-filters .filter-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  #catalogue-filters .quick-filters{display:contents}
  #catalogue-filters .filter-controls .filter-field>span{top:7px;left:12px;font-size:9px;line-height:1.1}
  #catalogue-filters .filter-controls .filter-field select{height:52px;padding:19px 22px 5px 12px;border-radius:14px;font-size:clamp(11px,3vw,12px)}
  #catalogue-filters .filter-trigger{height:52px;padding:19px 22px 5px 12px;border-radius:14px;font-size:clamp(11px,3vw,12px)}
  #catalogue-filters .filter-trigger::after{top:21px;right:10px;width:6px;height:6px}
  #catalogue-filters .mobile-show-results{height:52px;min-height:52px;margin:0;border-radius:14px}
  #catalogue-filters .filter-option{font-size:12px}
  #catalogue-filters .filter-actions{margin-top:12px;gap:10px}
}

/* Il pannello aggiuntivo usa gli stessi campi, soltanto nella disposizione mobile. */
#catalogue-filters .mobile-advanced-toggle,#catalogue-filters .mobile-advanced-filters{display:none}
@media(max-width:600px){
  #catalogue-filters .mobile-advanced-toggle{display:flex;grid-column:1/-1;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;padding:8px 12px;border:1px solid #626b72;border-radius:14px;background:linear-gradient(180deg,#15191c,#080a0c);color:#f4f6f8;font-size:11px;font-weight:650;letter-spacing:.07em;text-transform:uppercase}
  #catalogue-filters .mobile-advanced-toggle:focus-visible{outline:2px solid #dce7ed;outline-offset:2px}
  #catalogue-filters .mobile-advanced-toggle[aria-expanded="true"] .filter-plus::before{content:'−'}
  #catalogue-filters .mobile-advanced-filters{display:grid;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
  #catalogue-filters .mobile-advanced-filters[hidden]{display:none}
  #catalogue-filters .mobile-advanced-filters>.filter-field{position:relative;min-width:0}
  #catalogue-filters .mobile-advanced-filters>.filter-field.is-open{z-index:20}
  #catalogue-filters .mobile-advanced-filters>.filter-field.has-custom-select select{display:none}
  #catalogue-filters .mobile-advanced-filters>.filter-field:last-child{grid-column:1/-1}
  #catalogue-filters .mobile-show-results{grid-column:1/-1;height:46px;min-height:46px}
  #catalogue-filters .filter-option{min-height:44px}
}

/* Proporzioni delle schede e dei filtri sugli smartphone. */
@media(max-width:600px){
  .featured-stage{height:clamp(416px,calc(50vw + 251px),466px)}
  .featured-stage .car-card{width:calc(100% - 54px)}
  .featured-stage .car-content{padding:12px 13px}
  .featured-stage .car-content>.stock-badge{margin-bottom:7px;padding:6px 9px;font-size:10px}
  .featured-stage .car-card .car-make{margin-bottom:3px;font-size:21px;line-height:1.1}
  .featured-stage .car-card .car-make span{font-size:12px}
  .featured-stage .car-card h3{margin-bottom:3px;font-size:18px;line-height:1.15}
  .featured-stage .car-card .car-version{margin-bottom:8px;font-size:12px;line-height:1.3}
  .featured-stage .car-card .car-specs{grid-template-columns:.65fr 1fr 1.1fr;gap:4px;padding-bottom:8px}
  .featured-stage .car-card .car-specs dt{font-size:10px;line-height:1.2}
  .featured-stage .car-card .car-specs dd{font-size:12px;line-height:1.25;white-space:normal}
  .featured-stage .car-bottom{gap:8px;padding-top:8px}
  .featured-stage .car-card .car-price>span{font-size:21px}
  .featured-stage .car-card .car-price small{font-size:10px}
  .catalogue .car-card .car-price small,
  .featured-stage .car-card .car-price small{display:none}
  .featured-stage .car-card .card-button{min-height:42px;padding:8px 12px;font-size:10px}
  .featured-controls{margin-top:16px}
  .featured-arrow{flex-basis:44px;width:44px;height:44px}
  .featured-pause{min-height:44px}

  .search-section .section-heading{margin-bottom:16px}
  #catalogue-filters .search-row{padding-bottom:4px;margin-bottom:10px}
  #catalogue-filters .search-input-wrap input{height:44px}
  #catalogue-filters .search-input-wrap svg{top:11px}
  #catalogue-filters .filter-controls,#catalogue-filters .mobile-advanced-filters{gap:8px}
  #catalogue-filters .filter-controls .filter-field>span{top:6px}
  #catalogue-filters .filter-controls .filter-field select,#catalogue-filters .filter-trigger{height:48px}
  #catalogue-filters .filter-trigger::after{top:19px}
  #catalogue-filters .mobile-advanced-toggle,#catalogue-filters .mobile-show-results{height:44px;min-height:44px}
  #catalogue-filters .mobile-advanced-toggle[aria-expanded="false"]{grid-column:1}
  #catalogue-filters .mobile-advanced-toggle[aria-expanded="false"]~.mobile-show-results{grid-column:2}

  .catalogue .car-card .car-bottom{flex-direction:row;align-items:center;justify-content:space-between;gap:4px}
  .catalogue .car-card .car-price{min-width:0}
  .catalogue .car-card .car-price>span{font-size:clamp(15px,4vw,18px)}
  .catalogue .car-card .card-button{flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;font-size:0}
  .catalogue .car-card .card-button::after{content:'→';position:relative;z-index:1;font-size:20px;font-weight:500;line-height:1}
}

/* La scheda intera apre i dettagli sul telefono; i controlli desktop restano invariati. */
.card-touch-target,.featured-touch-status{display:none}
@media(max-width:600px){
  .catalogue .car-card{position:relative}
  .catalogue .car-card:hover{transform:none}
  .catalogue .car-card .card-button,.featured-stage .car-card .card-button{display:none}
  .card-touch-target{display:block;position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer}
  .card-touch-target:focus-visible{outline:2px solid #fff;outline-offset:-4px}
  .featured-stage .card-touch-target{touch-action:pan-y}
  .catalogue .car-photo,.featured-stage .car-photo{isolation:auto}
  .catalogue .favorite-button,.featured-stage .favorite-button{z-index:4}
  .catalogue .favorite-button,.featured-stage .favorite-button{
    top:0;right:0;width:44px;height:44px;
    border:0;background:transparent;box-shadow:none;backdrop-filter:none;
  }
  .catalogue .favorite-button::before,.featured-stage .favorite-button::before{
    content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.65);
    border-radius:50%;background:rgba(4,6,8,.72);box-shadow:0 3px 9px rgba(0,0,0,.34);
  }
  .featured-stage .favorite-button::before{inset:5px}
  .catalogue .favorite-button svg,.featured-stage .favorite-button svg{position:relative;z-index:1}
  .catalogue .favorite-button svg{width:16px;height:16px}
  .featured-stage .favorite-button svg{width:19px;height:19px}
  .catalogue .favorite-button:hover,.featured-stage .favorite-button:hover,
  .catalogue .favorite-button[aria-pressed="true"],.featured-stage .favorite-button[aria-pressed="true"]{
    border:0;background:transparent;box-shadow:none;transform:none;
  }
  .catalogue .favorite-button[aria-pressed="true"]::before,
  .featured-stage .favorite-button[aria-pressed="true"]::before{
    border-color:#fff;background:rgba(5,8,11,.82);
    box-shadow:0 0 8px rgba(255,255,255,.8),0 0 16px rgba(255,255,255,.4);
  }
  .featured-controls{display:none}
  .featured-touch-status{display:flex;flex-direction:column;align-items:center;gap:9px;margin-top:16px;color:#e8edef;font-size:12px;font-weight:650;letter-spacing:.08em;font-variant-numeric:tabular-nums}
  .featured-touch-bars{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;width:min(100%,280px)}
  .featured-touch-bars>span{height:3px;border-radius:999px;background:#3b4349}
  .featured-touch-bars>span.is-past{background:#89949b}
  .featured-touch-bars>span.is-current{background:#f3f7f9}
}

/* Hero telefono: inquadratura più ampia e altezza proporzionata allo schermo. */
@media(max-width:600px){
  .hero{
    --mobile-hero-height:clamp(540px,calc(100svh - 105px),700px);
    min-height:var(--mobile-hero-height);
    padding:0;
    overflow:hidden;
    background-color:#000;
    background-image:url('assets/hero-mobile-auto-fumo.png');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center -20px;
  }
  .hero .hero-layout{min-height:var(--mobile-hero-height)}
  .hero .hero-content{
    display:flex;
    flex-direction:column;
    align-items:center;
    width:100%;
    min-height:var(--mobile-hero-height);
    padding:clamp(52px,16vw,78px) 16px 20px;
    text-align:center;
  }
  .hero .eyebrow{
    justify-content:center;
    margin-bottom:18px;
    color:#b9c1c8;
    font-size:10px;
    letter-spacing:.16em;
  }
  .hero .brand{
    max-width:100%;
    margin-bottom:16px;
    color:#fff;
    font-size:clamp(31px,9.4vw,43px);
    letter-spacing:-.04em;
    line-height:1.08;
  }
  .hero .brand-auto{color:#fff}
  .hero h2{
    max-width:100%;
    margin-bottom:0;
    color:#d5d9de;
    font-size:clamp(18px,5.2vw,23px);
    line-height:1.25;
    white-space:nowrap;
  }
  .hero h2 br{display:none}
  .hero .hero-description{
    display:none;
  }
  .hero .hero-actions{
    display:flex;
    justify-content:center;
    width:100%;
    margin-top:auto;
  }
  .hero .button.primary.hero-catalog-cta{
    width:min(100%,210px);
    height:46px;
    min-height:46px;
    padding:0 18px;
    font-size:10.5px;
  }
  .hero .showroom-viewer{display:none}
}
@media(min-width:500px) and (max-width:600px){
  .hero{--mobile-hero-height:max(700px,125vw)}
}

/* Servizi telefono: icone e contenuti senza schede, con un ritmo più compatto. */
@media(max-width:600px){
  .services{padding-top:46px;padding-bottom:50px}
  .services-intro{margin-bottom:28px}
  .services-intro h2{font-size:clamp(29px,8vw,37px)}
  .services-intro>p:last-child{margin-top:12px;line-height:1.5}
  .services-grid{gap:0;margin-bottom:44px;border:0;background:transparent}
  .services-grid .service-item,
  .services-grid .service-item+.service-item{
    overflow:visible;
    padding:18px 0 20px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  .services-grid .service-item+.service-item{border-top:1px solid #30383d}
  .services-grid .service-item::before{display:none}
  .services-grid .service-item:hover{background:transparent;box-shadow:none}
  .services-grid .service-item-top{
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    gap:12px;
    margin-bottom:11px;
  }
  .services-grid .service-item-top>span:first-child{display:none}
  .services-grid .service-label{margin-bottom:7px;font-size:10px}
  .services-grid .service-item h3{margin-bottom:8px;font-size:18px;line-height:1.2}
  .services-grid .service-item>p:last-child{font-size:12px;line-height:1.55}
  .services-grid .service-item:hover .service-label,
  .services-grid .service-item:hover h3,
  .services-grid .service-item:hover>p:last-child{transform:none}
}

/* Schede smartphone: i valori restano visibili, le etichette restano leggibili agli screen reader. */
@media(max-width:600px){
  .catalogue .car-card .car-specs dt,
  .featured-stage .car-card .car-specs dt{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip-path:inset(50%);
    white-space:nowrap;
    border:0;
  }
}

/* Vetture reali: area fotografica pronta per gli scatti originali. */
.real-vehicle .catalogue-picture,
#car-dialog .dialog-picture.awaiting-photos,
#car-dialog .gallery-thumb.awaiting-photos{
  background:radial-gradient(ellipse at 50% 20%,#20262b 0%,#111619 52%,#080b0d 100%);
}
.vehicle-photo-placeholder{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:9px;color:#d6dde1;text-align:center;
}
.vehicle-photo-placeholder span{font-size:11px;font-weight:700;letter-spacing:.18em}
.vehicle-photo-placeholder strong{font-size:clamp(18px,2.5vw,28px);font-weight:550;letter-spacing:.01em}
#car-dialog .gallery-photo-placeholder{
  position:absolute;inset:0;display:grid;place-items:center;padding:5px;
  color:#d0d8dd;text-align:center;font-size:9px;line-height:1.3;
}
@media(max-width:600px){
  .catalogue .vehicle-photo-placeholder span{font-size:8px;letter-spacing:.09em}
  .catalogue .vehicle-photo-placeholder strong{font-size:14px}
  #car-dialog .dialog-picture .vehicle-photo-placeholder span{font-size:10px}
  #car-dialog .dialog-picture .vehicle-photo-placeholder strong{font-size:21px}
}
.detail-description p{max-width:680px;margin:0;color:#bbc5cc;font-size:13px;line-height:1.8}
.detail-description p+p{margin-top:18px}
.detail-description p+.detail-offer{margin-top:6px}
#empty-reset{border-radius:999px}
#car-dialog.detail-black-preview,
#car-dialog.detail-black-preview .detail-bar,
#car-dialog.detail-black-preview .detail-top,
#car-dialog.detail-black-preview .detail-gallery,
#car-dialog.detail-black-preview .detail-summary,
#car-dialog.detail-black-preview .detail-tabs,
#car-dialog.detail-black-preview .detail-body{background:#000}
#panel-description{min-height:0}
#panel-description:not([hidden])~.dialog-return{margin-top:36px}
.detail-description .detail-condition-note{padding:13px 16px;border:1px solid #606b71;border-left:3px solid #dce5e9;border-radius:10px;background:rgba(255,255,255,.06);color:#f0f4f6}
.car-card .car-price .car-old-price{color:#aab4ba;font-size:14px;font-weight:500;line-height:1.2}
.dialog-old-price:not([hidden]){display:block;width:max-content;margin:20px 0 -15px;color:#aebac2;font-size:14px}
.car-card .stock-badge.example,.detail-summary .dialog-status.example{background:#394249;color:#f0f3f5;border-color:#67727a}

/* Catalogo: le schede affiancate condividono la stessa area prezzo. */
.catalogue .car-card{display:flex;flex-direction:column}
.catalogue .car-content{display:flex;flex:1;flex-direction:column}
.catalogue .car-content>.stock-badge{align-self:flex-start}
.catalogue .car-bottom{margin-top:auto}
.catalogue .car-price.single-price::before{
  content:"PREZZO";
  color:#aab4ba;
  font-size:11px;
  font-weight:600;
  letter-spacing:.08em;
  line-height:17px;
}


/* Foto originali: inquadratura regolabile, proporzioni sempre preservate. */
.real-vehicle .catalogue-picture.vehicle-real-photo,
#car-dialog .catalogue-picture.vehicle-real-photo{background:#000;overflow:hidden}
.catalogue-picture.vehicle-real-photo>img{
  position:absolute;inset:0;width:100%;height:100%;max-width:none;
  object-fit:contain;object-position:center;
  transform:translate(var(--vehicle-photo-x,0%),var(--vehicle-photo-y,0%)) scale(var(--vehicle-photo-zoom,1));
  transform-origin:center;
}

/* Galleria: miniature selezionabili, fotografie intere senza deformazioni. */
.detail-gallery .gallery-thumbnails{max-height:clamp(240px,34vw,600px);overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#9ca3a8 transparent;padding:2px 0}
.detail-gallery .gallery-thumbnails::-webkit-scrollbar{width:4px;height:4px}
.detail-gallery .gallery-thumbnails::-webkit-scrollbar-track{background:transparent}
.detail-gallery .gallery-thumbnails::-webkit-scrollbar-thumb{background:#9ca3a8;border-radius:99px}
.detail-gallery .gallery-thumbnails::-webkit-scrollbar-button{display:none;width:0;height:0}
.detail-gallery .gallery-thumb{flex-shrink:0;background:#000;cursor:pointer;transition:border-color .2s ease,opacity .2s ease}
.detail-gallery .gallery-thumb[aria-pressed="false"]{border-color:#454a4e;opacity:.7}
.detail-gallery .gallery-thumb[aria-pressed="true"],.detail-gallery .gallery-thumb:hover{border-color:#f1f3f5;opacity:1}
.detail-gallery .gallery-thumb:focus-visible{outline:2px solid #e3e6e8;outline-offset:2px}
@media(max-width:600px){
  .detail-gallery .gallery-strip{min-width:0}
  .detail-gallery .gallery-thumbnails{flex:1;min-width:0;max-height:none;overflow-y:hidden;overflow-x:auto}
  .detail-gallery .gallery-count{flex-shrink:0;white-space:nowrap}
}

/* Su telefono la disponibilità si legge nella scheda dettagli, senza coprire la foto. */
@media(max-width:600px){
  .catalogue .car-card .car-content>.stock-badge,
  .featured-stage .car-card .car-content>.stock-badge{display:none}
}


/* Frecce della galleria: tratto semplice e alone solo al passaggio o al focus. */
.detail-gallery .dialog-picture{position:relative;isolation:isolate}
.gallery-arrow{
  position:absolute;top:50%;z-index:3;display:grid;place-items:center;
  width:48px;height:48px;padding:8px;border:0;border-radius:50%;
  background:transparent;color:#fff;transform:translateY(-50%);
  cursor:pointer;touch-action:manipulation;
}
.gallery-prev{left:12px}
.gallery-next{right:12px}
.gallery-arrow::before{
  content:"";position:absolute;inset:1px;border-radius:50%;opacity:0;
  background:radial-gradient(circle,rgba(255,255,255,.2),rgba(255,255,255,.07) 58%,transparent 76%);
  box-shadow:0 0 18px rgba(255,255,255,.16);
  transition:opacity .18s ease;
}
.gallery-arrow svg{position:relative;width:32px;height:24px;filter:drop-shadow(0 1px 3px #000)}
.gallery-prev svg{transform:scaleX(-1)}
.gallery-arrow:focus-visible{outline:1px solid rgba(255,255,255,.6);outline-offset:1px}
.gallery-arrow:focus-visible::before,.gallery-arrow:active::before{opacity:1}
@media(hover:hover){.gallery-arrow:hover::before{opacity:1}}
@media(max-width:600px){
  .gallery-arrow{width:44px;height:44px;padding:8px}
  .gallery-arrow svg{width:28px;height:22px}
  .gallery-prev{left:6px}.gallery-next{right:6px}
}
@media(prefers-reduced-motion:reduce){.gallery-arrow::before{transition:none}}


/* Tutta la card apre i dettagli anche su desktop; il cuore resta indipendente. */
.catalogue .car-card{position:relative}
.catalogue .car-card,.featured-stage .car-card{cursor:pointer}
.car-card .card-button{display:none}
.card-touch-target{
  display:block;position:absolute;inset:0;z-index:2;
  width:100%;height:100%;margin:0;padding:0;border:0;border-radius:inherit;
  background:transparent;cursor:pointer;
}
.card-touch-target:focus-visible{outline:2px solid #fff;outline-offset:-4px}
.catalogue .car-photo,.featured-stage .car-photo{isolation:auto}
.catalogue .favorite-button,.featured-stage .favorite-button{z-index:4}


/* Solo Caratteristiche: categorie aperte e un unico separatore fra i gruppi. */
#panel-characteristics{min-width:0;background:transparent;color:#f4f6f7}
#panel-characteristics #characteristics-title{
  margin:0 0 7px;color:#f5f6f7;font-size:clamp(28px,2.6vw,36px);
  font-weight:650;line-height:1.2;letter-spacing:-.03em;
}
#panel-characteristics .characteristics-subtitle{
  max-width:none;margin:0;color:#aeb8c1;font-size:17px;line-height:1.55;
}
#panel-characteristics .characteristics-groups{display:block;margin-top:15px;min-width:0}
#panel-characteristics .spec-group{
  display:block;margin:0;padding:28px 0 29px;border:0;border-radius:0;
  background:transparent;box-shadow:none;min-width:0;
}
#panel-characteristics .spec-group+.spec-group{border-top:1px solid #343d44}
#panel-characteristics .spec-group:last-child{padding-bottom:7px}
#panel-characteristics .spec-group-heading{
  display:flex;align-items:center;gap:20px;margin:0 0 19px;
  color:#bdc6ce;font-size:15.5px;font-weight:650;line-height:1.5;
  letter-spacing:.075em;text-transform:uppercase;
}
#panel-characteristics .spec-group-heading svg{flex:none;width:27px;height:27px}
#panel-characteristics .spec-group-heading span{min-width:0;overflow-wrap:anywhere}
#panel-characteristics .spec-group-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:21px 30px;margin:0 0 0 47px;padding:0;border:0;min-width:0;
}
#panel-characteristics .spec-group-grid>div{
  min-width:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none;
}
#panel-characteristics .spec-group-grid dt{
  min-height:1.5em;margin:0 0 7px;color:#a4afb8;
  font-size:12px;font-weight:450;line-height:1.5;letter-spacing:.045em;
  text-transform:uppercase;overflow-wrap:anywhere;
}
#panel-characteristics .spec-group-grid dd{
  margin:0;color:#f1f3f5;font-size:18px;font-weight:550;line-height:1.5;
  white-space:normal;overflow-wrap:anywhere;
}
@media(max-width:1100px){
  #panel-characteristics .spec-group-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:21px 25px}
}
@media(max-width:700px){
  #panel-characteristics #characteristics-title{font-size:28px}
  #panel-characteristics .characteristics-subtitle{font-size:14px}
  #panel-characteristics .characteristics-groups{margin-top:13px}
  #panel-characteristics .spec-group{padding:24px 0 25px}
  #panel-characteristics .spec-group-heading{gap:12px;margin-bottom:18px;font-size:12.5px;letter-spacing:.055em}
  #panel-characteristics .spec-group-heading svg{width:23px;height:23px}
  #panel-characteristics .spec-group-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px;margin-left:0}
  #panel-characteristics .spec-group-grid dt{min-height:3em;margin-bottom:5px;font-size:11px;line-height:1.5}
  #panel-characteristics .spec-group-grid dd{font-size:15px;line-height:1.5}
}

/* Hero desktop: testo essenziale senza la descrizione ripetuta. */
@media(min-width:801px){
  .hero .hero-description{display:none}
}

/* Simboli dei servizi bianchi, senza riflessi argentati. */
.service-item-top .service-symbol{filter:none}
.service-item-top .service-symbol [fill^="url("]{fill:#fff}
.service-item-top>.service-euro{
  background:none;color:#fff;-webkit-text-fill-color:#fff;filter:none;
}

/* Sul telefono i profili social mostrano solo il logo; il nome resta nell'etichetta accessibile. */
@media(max-width:600px){
  .contact-social-links{flex-wrap:nowrap}
  .contact-social-link{width:48px;min-width:48px;height:48px;min-height:48px;justify-content:center;gap:0;padding:0;border:0;background:none;box-shadow:none}
  .contact-social-link::before{display:none}
  .contact-social-link svg{box-sizing:content-box;width:20px;height:20px;padding:6px;border:1px solid rgba(255,255,255,.27);border-radius:50%;background:linear-gradient(155deg,#1b2023 0%,#050708 55%,#0b0e10 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}
  .contact-social-link>span{display:none}
}

/* La foto selezionata si apre a schermo intero dal dettaglio mobile. */
.photo-expand{display:none}
@media(max-width:600px){
  .photo-expand{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in}
  .photo-expand::after{content:"⤢";position:absolute;right:7px;bottom:6px;color:#fff;font-size:18px;line-height:1;text-shadow:0 1px 5px #000,0 0 5px #000}
  .photo-expand:focus-visible{outline:2px solid #fff;outline-offset:-4px}
}
.photo-viewer{inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#000;color:#fff;overflow:hidden}
.photo-viewer[open]{display:flex;flex-direction:column}
.photo-viewer::backdrop{background:#000}
.photo-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;min-height:56px;padding:8px 16px;background:#080a0c}
.photo-viewer-bar{padding-top:max(8px,env(safe-area-inset-top))}
.photo-viewer-bar span{overflow:hidden;color:#e8edef;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.photo-viewer-bar button{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:0;background:transparent;color:#fff;font-size:30px;font-weight:300;line-height:1}
.photo-viewer-stage{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;user-select:none}
.photo-viewer-stage img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none;transform:translate3d(0,0,0) scale(1)}
@media(prefers-reduced-motion:no-preference){.photo-viewer-stage img{transition:transform .16s ease}}
.photo-viewer-stage.is-dragging img{transition:none}
@media(max-width:600px){
  .detail-gallery .gallery-arrow svg{width:20px;height:15px}
  .detail-gallery .gallery-prev{left:2px}
  .detail-gallery .gallery-next{right:2px}
}

/* Galleria delle schede auto: solo fotografia, contatore e miniature su telefono. */
@media(max-width:600px){
  #car-dialog .detail-gallery .gallery-arrow{display:none}
  #car-dialog .photo-expand{touch-action:pan-y}
  #car-dialog .photo-expand::after{display:none}
  #car-dialog .detail-gallery .gallery-strip{
    display:flex;flex-direction:column;align-items:stretch;gap:9px;
    min-width:0;padding:11px 14px 15px;overflow:hidden;background:#000;
  }
  #car-dialog .detail-gallery .gallery-count{order:0;margin:0;color:#aeb7be;font-size:10px;letter-spacing:.12em}
  #car-dialog .detail-gallery .gallery-thumbnails{
    order:1;display:flex;flex-direction:row;align-items:center;gap:8px;
    width:100%;min-width:0;max-height:none;padding:1px 0 2px;
    overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;
    touch-action:pan-x;scroll-snap-type:x proximity;
  }
  #car-dialog .detail-gallery .gallery-thumbnails::-webkit-scrollbar{display:none;width:0;height:0}
  #car-dialog .detail-gallery .gallery-thumb{
    flex:0 0 72px;width:72px;min-width:72px;height:50px;
    border:1px solid #424a50;border-radius:4px;scroll-snap-align:start;
  }
  #car-dialog .detail-gallery .gallery-thumb[aria-pressed="true"]{border-color:#e5eaed;opacity:1}
}

/* Servizi desktop: anche il colore di base segue il bianco delle icone. */
@media(min-width:601px){
  #servizi .services-grid .service-item-top>.service-symbol{color:#fff}
}

/* Titolo hero desktop: una sola riga, con una dimensione più discreta. */
@media(min-width:801px){
  .hero h2{font-size:clamp(21px,2.1vw,31px);white-space:nowrap}
  .hero h2 br{display:none}
}
