/* =========================================================
TARGA. — design tokens
Palette: ink #0B0F14 · paper #FAF9F6 · plate-blue #003399
plate-star #FFCC00 · accent #FF4605
Type: Space Grotesk (display) · Inter (body) · JetBrains Mono (dati/targa)
Segno distintivo: la barra di ricerca È una targa, con un raggio
di scansione che la attraversa — eco diretta del nome dell'API
di origine ("targa-scan") e del concetto del prodotto.
========================================================= */
:root{
--ink:#0B0F14;
--ink-2:#14171A;
--paper:#FAF9F6;
--paper-2:#F1EFE9;
--plate-blue:#003399;
--plate-star:#FFCC00;
--accent:#FF4605;
--accent-2:#FF7A3D;
--muted:#6B7280;
--line:rgba(11,15,20,.12);
--line-soft:rgba(11,15,20,.07);
--success:#1FA463;
--danger:#D6493F;
--radius-plate:14px;
--shadow-plate:0 24px 60px rgba(11,15,20,.35), 0 2px 0 rgba(255,255,255,.04) inset;
}
*,*::before,*::after{box-sizing:border-box;}
html,body{
margin:0;
padding:0;
min-height:100%;
background:var(--ink);
}
body{
font-family:'Inter',system-ui,-apple-system,sans-serif;
color:var(--paper);
-webkit-font-smoothing:antialiased;
overflow-x:hidden;
}
a{color:inherit;}
button{font:inherit;}
:focus-visible{
outline:2px solid var(--accent-2);
outline-offset:3px;
}
/* ---------- App shell ---------- */
.app{
min-height:100dvh;
display:flex;
flex-direction:column;
background:
radial-gradient(circle at 50% 0%, rgba(255,70,5,.10), transparent 42%),
var(--ink);
}
.stage{
flex:1;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
padding:48px 20px 32px;
text-align:center;
}
.wordmark{
font-family:'Space Grotesk',system-ui,sans-serif;
font-weight:700;
font-size:clamp(40px,9vw,58px);
letter-spacing:-.03em;
line-height:1;
margin:0 0 10px;
color:#fff;
}
.wordmark span{color:var(--accent);}
.tagline{
font-size:15px;
line-height:1.5;
color:rgba(250,249,246,.62);
max-width:340px;
margin:0 0 34px;
font-weight:500;
}
/* ---------- La targa (elemento firma) ---------- */
.plate-form{
width:100%;
max-width:400px;
display:flex;
flex-direction:column;
align-items:center;
gap:18px;
}
.plate-wrap{
position:relative;
width:100%;
aspect-ratio:520/110;
border-radius:var(--radius-plate);
overflow:hidden;
box-shadow:var(--shadow-plate), 0 0 0 0 rgba(255,70,5,0);
background:#fff;
display:flex;
transition:transform .18s ease, box-shadow .18s ease;
animation:plateGlow 3.6s ease-in-out infinite;
}
@keyframes plateGlow{
0%,100%{ box-shadow:var(--shadow-plate), 0 0 0 0 rgba(255,70,5,.0); }
50%{ box-shadow:var(--shadow-plate), 0 0 26px 4px rgba(255,70,5,.22); }
}
.plate-wrap::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(115deg,
rgba(255,255,255,0) 30%,
rgba(255,255,255,.55) 45%,
rgba(255,255,255,0) 60%);
mix-blend-mode:screen;
pointer-events:none;
z-index:3;
}
.plate-wrap:focus-within{
transform:translateY(-2px);
box-shadow:0 28px 70px rgba(11,15,20,.42), 0 0 0 3px rgba(255,122,61,.55);
animation-play-state:paused;
}
.plate-band{
flex:0 0 15%;
background:var(--plate-blue);
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:6%;
padding:6% 0;
position:relative;
z-index:1;
}
.plate-stars{
width:44%;
aspect-ratio:1;
position:relative;
}
.plate-stars i{
position:absolute;
top:50%;
left:50%;
width:14%;
height:14%;
margin:-7% 0 0 -7%;
border-radius:50%;
background:var(--plate-star);
}
.plate-i{
width:28%;
height:24%;
border-radius:3px;
background:#fff;
}
.plate-band-right{
flex-basis:13%;
gap:8%;
}
.plate-flag{
width:60%;
height:14%;
border-radius:2px;
overflow:hidden;
display:flex;
}
.plate-flag::before,
.plate-flag::after,
.plate-flag i{flex:1;}
.plate-flag{
background:linear-gradient(90deg,#009246 0 33.3%, #fff 33.3% 66.6%, #CE2B37 66.6% 100%);
}
.plate-cc{
font-family:'Space Grotesk','Poppins',sans-serif;
font-weight:700;
font-size:clamp(11px,3.4vw,15px);
letter-spacing:.04em;
color:#fff;
}
.plate-input{
flex:1;
min-width:0;
border:none;
outline:none;
background:transparent;
color:var(--ink-2);
font-family:'JetBrains Mono','Space Mono',monospace;
font-weight:700;
font-size:clamp(20px,6.4vw,32px);
letter-spacing:.14em;
text-transform:uppercase;
text-align:center;
padding:0 3%;
caret-color:var(--accent);
text-shadow:0 1px 0 rgba(255,255,255,.6), 0 -1px 1px rgba(11,15,20,.18);
position:relative;
z-index:2;
}
.plate-input::placeholder{
color:rgba(20,23,26,.28);
letter-spacing:.10em;
text-shadow:none;
}
.scan-beam{
position:absolute;
inset:0 auto 0 -18%;
width:18%;
background:linear-gradient(90deg,transparent, rgba(255,70,5,.55), transparent);
pointer-events:none;
opacity:0;
z-index:4;
}
.plate-wrap.is-scanning .scan-beam{
animation:scanSweep 1.1s ease-in-out infinite;
}
@keyframes scanSweep{
0%{opacity:0; left:-18%;}
15%{opacity:1;}
85%{opacity:1;}
100%{opacity:0; left:100%;}
}
.search-btn{
width:100%;
min-height:52px;
border:none;
border-radius:999px;
background:linear-gradient(135deg,var(--accent),var(--accent-2));
color:#fff;
font-family:'Space Grotesk',sans-serif;
font-weight:700;
font-size:15px;
letter-spacing:.01em;
cursor:pointer;
box-shadow:0 16px 34px rgba(255,70,5,.28);
transition:transform .16s ease, box-shadow .16s ease, opacity .16s ease;
}
.search-btn:hover{transform:translateY(-1px);}
.search-btn:disabled{opacity:.55; cursor:default; transform:none;}
.hint{
font-size:12.5px;
color:rgba(250,249,246,.55);
margin:0;
min-height:16px;
}
.brand-credit{
font-size:11.5px;
color:rgba(250,249,246,.32);
margin:2px 0 0;
letter-spacing:.02em;
}
.brand-credit strong{
color:rgba(250,249,246,.5);
font-weight:700;
}
.proof-row{
display:flex;
gap:16px;
flex-wrap:wrap;
justify-content:center;
margin-top:26px;
font-size:12px;
color:rgba(250,249,246,.4);
}
.proof-row span{display:flex; align-items:center; gap:6px;}
.proof-dot{
width:6px;height:6px;border-radius:50%;
background:var(--success);
box-shadow:0 0 0 3px rgba(31,164,99,.18);
}
/* ---------- Result area ---------- */
.result-area{
width:100%;
max-width:520px;
margin:0 auto;
padding:0 20px 40px;
}
.result-card{
background:var(--paper);
color:var(--ink-2);
border-radius:22px;
padding:24px;
box-shadow:0 30px 70px rgba(0,0,0,.35);
opacity:0;
transform:translateY(14px);
animation:cardIn .38s ease forwards;
}
@keyframes cardIn{
to{opacity:1; transform:translateY(0);}
}
.result-top{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px;
margin-bottom:14px;
}
.result-plate{
font-family:'JetBrains Mono',monospace;
font-weight:700;
font-size:13px;
letter-spacing:.12em;
padding:6px 10px;
border-radius:8px;
background:var(--paper-2);
border:1px solid var(--line-soft);
}
.result-status{
display:inline-flex;
align-items:center;
gap:6px;
font-size:11px;
font-weight:700;
letter-spacing:.03em;
text-transform:uppercase;
padding:5px 9px;
border-radius:999px;
}
.result-status.cached{background:rgba(31,164,99,.12); color:var(--success);}
.result-status.live{background:rgba(255,70,5,.12); color:var(--accent);}
.result-title{
font-family:'Space Grotesk',sans-serif;
font-size:22px;
font-weight:700;
letter-spacing:-.02em;
margin:0 0 4px;
}
.result-sub{
font-size:13.5px;
color:var(--muted);
margin:0 0 18px;
}
.result-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
}
.result-item{
padding:12px 13px;
border-radius:14px;
background:var(--paper-2);
border:1px solid var(--line-soft);
}
.result-item-k{
font-size:10px;
font-weight:700;
letter-spacing:.07em;
text-transform:uppercase;
color:var(--muted);
margin-bottom:5px;
}
.result-item-v{
font-size:14px;
font-weight:700;
color:var(--ink-2);
line-height:1.3;
}
/* ---------- Stati messaggio (bloccato / errore) ---------- */
.message-card{
background:var(--paper);
color:var(--ink-2);
border-radius:22px;
padding:26px 24px;
text-align:center;
box-shadow:0 30px 70px rgba(0,0,0,.35);
opacity:0;
transform:translateY(14px);
animation:cardIn .38s ease forwards;
}
.message-icon{
width:44px;height:44px;
margin:0 auto 14px;
border-radius:50%;
display:flex;align-items:center;justify-content:center;
font-size:20px;
background:var(--paper-2);
}
.message-card.error .message-icon{color:var(--danger);}
.message-card.info .message-icon{color:var(--accent);}
.message-title{
font-family:'Space Grotesk',sans-serif;
font-size:18px;
font-weight:700;
margin:0 0 8px;
}
.message-text{
font-size:13.5px;
color:var(--muted);
line-height:1.55;
margin:0 0 18px;
}
.message-cta{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:44px;
padding:0 20px;
border:none;
border-radius:999px;
background:var(--ink);
color:#fff;
font-weight:700;
font-size:13.5px;
text-decoration:none;
cursor:pointer;
font-family:inherit;
}
/* ---------- Install banner ---------- */
.install-banner{
position:fixed;
left:14px;
right:14px;
bottom:14px;
z-index:999;
display:flex;
align-items:center;
gap:12px;
padding:12px 14px;
border-radius:18px;
background:rgba(20,23,26,.92);
backdrop-filter:blur(10px);
border:1px solid rgba(255,255,255,.10);
box-shadow:0 20px 50px rgba(0,0,0,.4);
transform:translateY(140%);
transition:transform .32s cubic-bezier(.22,1,.36,1);
}
.install-banner.show{transform:translateY(0);}
.install-icon{
flex:0 0 auto;
width:34px;height:34px;
border-radius:9px;
overflow:hidden;
background:var(--paper-2);
display:flex;
align-items:center;
justify-content:center;
font-size:17px;
}
.install-copy{flex:1; min-width:0;}
.install-copy strong{display:block; font-size:13px; color:#fff;}
.install-copy span{display:block; font-size:11.5px; color:rgba(255,255,255,.55); margin-top:1px;}
.install-btn{
flex:0 0 auto;
min-height:36px;
padding:0 14px;
border:none;
border-radius:999px;
background:var(--accent);
color:#fff;
font-weight:700;
font-size:12.5px;
cursor:pointer;
}
.install-close{
flex:0 0 auto;
width:28px;height:28px;
border:none;
border-radius:50%;
background:rgba(255,255,255,.08);
color:rgba(255,255,255,.6);
font-size:14px;
cursor:pointer;
}
.hidden{display:none !important;}
/* ---------- Modulo "Richiedi accesso" ---------- */
.access-overlay{
position:fixed;
inset:0;
z-index:9999999;
display:flex;
align-items:center;
justify-content:center;
padding:20px;
background:rgba(2,5,7,.72);
backdrop-filter:blur(6px);
opacity:0;
pointer-events:none;
transition:opacity .26s ease;
}
.access-overlay.show{
opacity:1;
pointer-events:auto;
}
.access-box{
position:relative;
width:100%;
max-width:420px;
max-height:calc(100dvh - 40px);
overflow-y:auto;
padding:32px 28px;
border-radius:26px;
background:var(--paper);
color:var(--ink-2);
box-shadow:0 40px 100px rgba(0,0,0,.5);
transform:scale(.95) translateY(10px);
transition:transform .3s cubic-bezier(.22,1,.36,1);
}
.access-overlay.show .access-box{
transform:scale(1) translateY(0);
}
.access-close{
position:absolute;
top:14px;
right:14px;
width:32px;height:32px;
border:1px solid var(--line);
border-radius:999px;
background:var(--paper-2);
color:var(--muted);
font-size:17px;
line-height:1;
cursor:pointer;
display:flex;align-items:center;justify-content:center;
}
.access-close:hover{color:var(--ink-2);}
.access-kicker{
display:inline-flex;
align-items:center;
gap:7px;
color:var(--accent);
font-size:10.5px;
font-weight:700;
letter-spacing:.09em;
text-transform:uppercase;
margin-bottom:10px;
}
.access-kicker::before{
content:"";
width:18px;height:2px;
background:linear-gradient(90deg,var(--accent),transparent);
}
.access-title{
font-family:'Space Grotesk',sans-serif;
font-size:24px;
font-weight:700;
letter-spacing:-.025em;
margin:0 0 8px;
}
.access-sub{
font-size:13.5px;
line-height:1.55;
color:var(--muted);
margin:0 0 20px;
}
.access-plate-chip{
display:inline-flex;
align-items:center;
gap:8px;
font-family:'JetBrains Mono',monospace;
font-weight:700;
font-size:15px;
letter-spacing:.12em;
padding:9px 14px;
border-radius:10px;
background:var(--paper-2);
border:1px solid var(--line-soft);
color:var(--ink-2);
margin-bottom:18px;
}
.access-label{
display:block;
font-size:11.5px;
font-weight:700;
color:var(--muted);
margin:0 0 6px;
}
.access-input{
width:100%;
min-height:48px;
padding:0 14px;
margin-bottom:16px;
border:1px solid var(--line);
border-radius:13px;
background:#fff;
color:var(--ink-2);
font-family:'Inter',sans-serif;
font-size:14.5px;
outline:none;
transition:border-color .16s ease, box-shadow .16s ease;
}
.access-input:focus{
border-color:var(--accent-2);
box-shadow:0 0 0 3px rgba(255,122,61,.18);
}
.access-select{
appearance:none;
background-image:url("data:image/svg+xml;utf8,");
background-repeat:no-repeat;
background-position:right 14px center;
background-size:16px;
padding-right:38px;
}
.access-submit{
width:100%;
min-height:50px;
border:none;
border-radius:999px;
background:linear-gradient(135deg,var(--accent),var(--accent-2));
color:#fff;
font-family:'Space Grotesk',sans-serif;
font-weight:700;
font-size:14.5px;
cursor:pointer;
box-shadow:0 14px 30px rgba(255,70,5,.26);
transition:transform .16s ease, opacity .16s ease;
}
.access-submit:hover{transform:translateY(-1px);}
.access-submit:disabled{opacity:.6; cursor:default; transform:none;}
.access-error{
min-height:16px;
margin:10px 0 0;
font-size:12.5px;
color:var(--danger);
text-align:center;
}
.access-success-state{
text-align:center;
padding:8px 0 4px;
}
.access-success-icon{
width:52px;height:52px;
margin:0 auto 16px;
border-radius:50%;
background:rgba(31,164,99,.12);
color:var(--success);
font-size:24px;
font-weight:700;
display:flex;align-items:center;justify-content:center;
}
@media (max-width:400px){
.access-box{padding:26px 20px; border-radius:22px;}
}
@media (max-width:380px){
.stage{padding:36px 16px 24px;}
.result-grid{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion:reduce){
.plate-wrap{animation:none;}
.plate-wrap.is-scanning .scan-beam{animation:none; opacity:.4;}
.result-card,.message-card{animation:none; opacity:1; transform:none;}
.install-banner{transition:none;}
.access-overlay,.access-box{transition:none;}
}
/* =========================================================
STORYCAR — installazione PWA premium v4
========================================================= */
html.install-lock{overflow:hidden}
.install-overlay{position:fixed;inset:0;z-index:99990;display:grid;place-items:center;padding:16px;opacity:0;visibility:hidden;transition:opacity .24s ease,visibility .24s ease;font-family:'Inter',sans-serif}
.install-overlay.show{opacity:1;visibility:visible}
.install-backdrop{position:absolute;inset:0;background:rgba(2,5,9,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.install-modal{position:relative;width:min(420px,100%);max-height:calc(100dvh - 24px);overflow:auto;padding:30px 24px 20px;border:1px solid rgba(255,255,255,.11);border-radius:29px;text-align:center;color:#f8f9fb;background:radial-gradient(circle at 50% -4%,rgba(255,78,19,.22),transparent 38%),linear-gradient(160deg,#151922 0%,#080b11 70%);box-shadow:0 34px 110px rgba(0,0,0,.62),0 18px 50px rgba(255,71,10,.14);transform:translateY(18px) scale(.97);transition:transform .3s cubic-bezier(.2,.75,.2,1)}
.install-overlay.show .install-modal{transform:none}
.install-x{position:absolute;right:13px;top:12px;width:39px;height:39px;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.07);color:#b8bdc6;font-size:26px;line-height:1;cursor:pointer}
.install-app-icon{width:76px;height:76px;margin:1px auto 14px;border-radius:22px;overflow:hidden;background:#090c12;border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 40px rgba(255,74,15,.24)}
.install-app-icon img{width:100%;height:100%;display:block}
.install-kicker{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;letter-spacing:.15em;font-weight:800;color:#c5c9d0}
.install-kicker i{width:7px;height:7px;border-radius:50%;background:#24c982;box-shadow:0 0 0 4px rgba(36,201,130,.12),0 0 16px rgba(36,201,130,.6)}
.install-modal h2{margin:12px 0 9px;font-family:'Space Grotesk',sans-serif;font-size:clamp(28px,7vw,35px);line-height:1.02;letter-spacing:-.04em;color:#fff}
.install-lead{max-width:355px;margin:0 auto;color:#aeb3bc;font-size:15px;line-height:1.5}
.install-benefits{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 14px;margin:17px 0 18px;color:#d7dae0;font-size:12.5px;font-weight:650}
.install-benefits span{display:flex;align-items:center;gap:5px}.install-benefits b{color:#24c982}
.install-ios-steps{display:grid;gap:8px;margin:0 0 17px;text-align:left}
.install-ios-steps div{display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:rgba(255,255,255,.045);color:#dde0e5;font-size:13px;line-height:1.25}
.install-ios-steps b{display:grid;place-items:center;min-width:27px;height:27px;border-radius:50%;background:linear-gradient(135deg,#ff4308,#ff7a35);color:#fff;font-size:12px}.install-ios-steps em{font-style:normal;font-size:18px}
.install-primary{width:100%;min-height:60px;padding:10px 18px;border:0;border-radius:18px;background:linear-gradient(110deg,#ff4308,#ff7934);color:#fff;font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 15px 38px rgba(255,70,7,.31);transition:transform .17s ease,opacity .17s ease}
.install-primary:hover{transform:translateY(-1px)}.install-primary:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}
.install-later{margin:8px auto 0;padding:7px 12px;border:0;background:transparent;color:#9197a1;text-decoration:underline;cursor:pointer}
.install-privacy{margin:4px 0 0;color:#6f7580;font-size:11px}
.install-fab{position:fixed;right:15px;bottom:calc(15px + env(safe-area-inset-bottom));z-index:99970;display:flex;align-items:center;gap:8px;min-height:46px;padding:6px 14px 6px 7px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(11,14,20,.94);color:#f4f5f7;font-family:'Inter',sans-serif;font-size:12.5px;font-weight:700;box-shadow:0 13px 36px rgba(0,0,0,.38);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transform:translateY(10px);transition:.22s ease;cursor:pointer}
.install-fab.show{opacity:1;visibility:visible;transform:none}.install-fab img{width:34px;height:34px;border-radius:10px}
@media(max-width:480px){.install-overlay{padding:9px;align-items:end}.install-modal{width:100%;padding:27px 19px 17px;border-radius:28px 28px 20px 20px}.install-app-icon{width:68px;height:68px}.install-fab{right:11px;bottom:calc(11px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.install-overlay,.install-modal,.install-fab{transition:none}}
/* =========================================================
CHECKOUT STRIPE — Storycar credits v5
========================================================= */
html.purchase-lock{overflow:hidden}
.purchase-overlay{position:fixed;inset:0;z-index:9999999;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(2,5,8,.76);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);opacity:0;pointer-events:none;transition:opacity .24s ease}
.purchase-overlay.show{opacity:1;pointer-events:auto}
.purchase-box{position:relative;width:min(440px,100%);max-height:calc(100dvh - 30px);overflow:auto;padding:32px 27px 25px;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:radial-gradient(circle at 50% -10%,rgba(255,81,22,.11),transparent 34%),#fff;color:#111827;box-shadow:0 38px 110px rgba(0,0,0,.55);transform:translateY(14px) scale(.97);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.purchase-overlay.show .purchase-box{transform:none}
.purchase-close{position:absolute;right:14px;top:13px;width:35px;height:35px;border:1px solid #e5e7eb;border-radius:50%;background:#f8fafc;color:#6b7280;font-size:21px;line-height:1;cursor:pointer}
.purchase-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:11px;color:#ff4b0b;font-size:10.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.purchase-kicker:before{content:"";width:19px;height:2px;background:linear-gradient(90deg,#ff4b0b,transparent)}
.purchase-title{max-width:360px;margin:0 0 9px;font-family:'Space Grotesk',sans-serif;font-size:clamp(25px,7vw,31px);line-height:1.04;letter-spacing:-.04em;color:#111827}
.purchase-sub{margin:0 0 18px;color:#6b7280;font-size:13.5px;line-height:1.55}
.purchase-plate{display:inline-flex;margin-bottom:15px;padding:8px 13px;border:1px solid #e5e7eb;border-radius:10px;background:#f8fafc;font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:700;letter-spacing:.12em}
.purchase-offer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px;margin-bottom:15px;border:1px solid rgba(255,75,11,.22);border-radius:17px;background:linear-gradient(135deg,rgba(255,75,11,.07),rgba(255,139,61,.03))}.purchase-offer strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:18px;color:#151923}.purchase-offer span{display:block;margin-top:3px;color:#747b87;font-size:11.5px}.purchase-offer b{font-family:'Space Grotesk',sans-serif;font-size:23px;color:#ff4b0b;white-space:nowrap}
.purchase-benefits{display:grid;gap:8px;margin:0 0 18px;padding:0;list-style:none;color:#4b5563;font-size:12.5px}.purchase-benefits li{display:flex;align-items:flex-start;gap:8px}.purchase-benefits span{display:grid;place-items:center;flex:0 0 19px;height:19px;border-radius:50%;background:rgba(26,170,101,.11);color:#15905a;font-weight:800}
.purchase-primary{width:100%;min-height:55px;padding:10px 16px;border:0;border-radius:16px;background:linear-gradient(110deg,#ff4308,#ff7934);color:#fff;font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 16px 34px rgba(255,70,8,.26);transition:transform .16s ease,opacity .16s ease}.purchase-primary:hover{transform:translateY(-1px)}.purchase-primary:disabled{opacity:.58;cursor:default;transform:none}
.purchase-micro{margin:8px 0 0;text-align:center;color:#8a909a;font-size:10.5px}
.purchase-secondary,.purchase-back{display:block;margin:14px auto 0;padding:5px;border:0;background:transparent;color:#69717d;font-size:12px;text-decoration:underline;cursor:pointer}.purchase-back{margin:0 0 18px;text-align:left}
.purchase-error{min-height:16px;margin:9px 0 0;text-align:center;color:#c24136;font-size:12px}
.purchase-label{display:block;margin:0 0 6px;color:#68707c;font-size:11.5px;font-weight:700}
.purchase-input{width:100%;min-height:48px;margin:0 0 14px;padding:0 13px;border:1px solid #dfe3e8;border-radius:13px;background:#fff;color:#111827;font:14px 'Inter',sans-serif;outline:none}.purchase-input:focus{border-color:#ff7435;box-shadow:0 0 0 3px rgba(255,116,53,.16)}
.purchase-select{appearance:none;background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:38px}
.purchase-success{text-align:center;padding:15px 0 5px}.purchase-success-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 17px;border-radius:50%;background:rgba(26,170,101,.12);color:#15905a;font-size:26px;font-weight:800}.purchase-success .purchase-title{margin-left:auto;margin-right:auto}.purchase-success .purchase-sub{max-width:330px;margin-left:auto;margin-right:auto}
@media(max-width:480px){.purchase-overlay{align-items:flex-end;padding:8px}.purchase-box{width:100%;padding:29px 20px 21px;border-radius:27px 27px 18px 18px}.purchase-title{font-size:27px}.purchase-offer{padding:14px}.purchase-offer b{font-size:21px}}
@media(prefers-reduced-motion:reduce){.purchase-overlay,.purchase-box{transition:none}}
/* STORYCAR WALLET — barra crediti v6 */
.wallet-bar{width:100%;max-width:400px;margin:16px auto 0;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(255,255,255,.10);border-radius:17px;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.035));box-shadow:0 15px 38px rgba(0,0,0,.22);text-align:left}
.wallet-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.wallet-kicker{font-size:9.5px;line-height:1.2;font-weight:800;letter-spacing:.12em;color:var(--accent-2)}
.wallet-copy strong{font-family:'Space Grotesk',sans-serif;font-size:16px;line-height:1.2;color:#fff}.wallet-copy small{font-size:10.5px;line-height:1.3;color:rgba(250,249,246,.52)}
.wallet-actions{flex:0 0 auto;display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.wallet-action{min-height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:var(--accent);color:#fff;font-weight:750;font-size:12px;cursor:pointer}.wallet-recover-action{min-height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06);color:#fff;font-weight:700;font-size:11.5px;cursor:pointer}.wallet-recover-action:hover{background:rgba(255,255,255,.10)}
.wallet-bar.is-zero .wallet-copy strong{color:rgba(250,249,246,.78)}.wallet-bar.is-zero .wallet-action{background:linear-gradient(135deg,var(--accent),var(--accent-2))}
.wallet-recovery-overlay{position:fixed;inset:0;z-index:99999999;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(2,5,8,.76);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);opacity:0;pointer-events:none;transition:opacity .24s ease}
.wallet-recovery-overlay.show{opacity:1;pointer-events:auto}.wallet-recovery-box{position:relative;width:min(420px,100%);padding:31px 25px 23px;border-radius:26px;background:#fff;color:#111827;box-shadow:0 38px 110px rgba(0,0,0,.55)}
.wallet-recovery-close{position:absolute;right:13px;top:12px;width:35px;height:35px;border:1px solid #e5e7eb;border-radius:50%;background:#f8fafc;color:#6b7280;font-size:21px;cursor:pointer}
@media(max-width:480px){.wallet-bar{margin-top:13px;padding:12px 13px;align-items:flex-start}.wallet-copy strong{font-size:15px}.wallet-actions{max-width:145px;gap:6px}.wallet-action,.wallet-recover-action{width:100%;min-height:36px;padding:0 10px}.wallet-recovery-overlay{align-items:flex-end;padding:8px}.wallet-recovery-box{width:100%;border-radius:27px 27px 18px 18px}}
/* =========================================================
TARGA APP PREMIUM — Navigation & app sections v10
========================================================= */
body{padding-bottom:calc(76px + env(safe-area-inset-bottom));}
.app{min-height:calc(100dvh - 76px - env(safe-area-inset-bottom));}
.app-view{display:none;width:100%;min-height:calc(100dvh - 76px - env(safe-area-inset-bottom));}
.app-view.is-active{display:block;animation:appViewIn .18s ease both;}
@keyframes appViewIn{from{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:none}}
/* Home: più compatta, più app, meno landing */
.stage{justify-content:flex-start;padding-top:clamp(52px,11vh,104px);padding-bottom:24px;}
.wallet-bar{max-width:400px;margin-top:20px;padding:10px 11px 10px 13px;border-radius:15px;gap:10px;background:rgba(255,255,255,.045);box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.wallet-copy{gap:1px}.wallet-kicker{font-size:8.5px}.wallet-copy strong{font-size:14px}.wallet-copy small{font-size:9.5px;max-width:205px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wallet-actions{gap:5px;flex-wrap:nowrap}.wallet-action,.wallet-recover-action{min-height:32px;padding:0 10px;font-size:10.5px}
.wallet-recover-action{max-width:112px}.wallet-bar.is-zero .wallet-copy strong{color:#fff}
.proof-row{margin-top:22px}
/* Pagine interne */
.app-page{width:min(100%,560px);margin:0 auto;padding:34px 18px 34px;}
.app-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 2px 24px;text-align:left}
.app-page-brand{display:inline-block;margin-bottom:14px;font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:700;letter-spacing:-.03em;color:#fff}.app-page-brand span{color:var(--accent)}
.app-page-head h2{margin:0 0 5px;font-family:'Space Grotesk',sans-serif;font-size:23px;letter-spacing:-.035em;color:#fff}
.app-page-head p{margin:0;max-width:320px;font-size:12.5px;line-height:1.45;color:rgba(250,249,246,.48)}
.app-page-count{display:grid;place-items:center;min-width:34px;height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.045);font:700 12px 'JetBrains Mono',monospace;color:rgba(255,255,255,.72)}
.app-list-status{padding:18px 4px;text-align:center;font-size:12px;line-height:1.5;color:rgba(250,249,246,.42)}
/* Report list */
.report-list{display:grid;gap:8px}
.report-row{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 13px;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:rgba(255,255,255,.035);color:#fff;text-align:left;cursor:pointer;transition:background .14s ease,transform .14s ease}
.report-row:active{transform:scale(.992);background:rgba(255,255,255,.065)}
.report-row-plate{padding:7px 8px;border-radius:8px;background:#f4f4f1;color:#17191d;font:700 11px 'JetBrains Mono',monospace;letter-spacing:.09em}
.report-row-main{min-width:0;display:flex;flex-direction:column;gap:2px}.report-row-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650}.report-row-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;color:rgba(250,249,246,.43)}
.report-row-arrow{font-size:21px;font-weight:300;color:rgba(255,255,255,.32)}
/* Wallet page */
.wallet-page-card{padding:17px;border:1px solid rgba(255,255,255,.085);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.wallet-page-top{display:flex;align-items:center;justify-content:space-between;gap:20px}
.wallet-page-label{display:block;margin-bottom:7px;font-size:8.5px;font-weight:800;letter-spacing:.14em;color:var(--accent-2)}
.wallet-page-top strong{display:block;font:700 42px/1 'Space Grotesk',sans-serif;letter-spacing:-.06em;color:#fff}.wallet-page-top small{display:block;margin-top:7px;font-size:10.5px;color:rgba(250,249,246,.42)}
.wallet-page-orb{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#ff8a4d,var(--accent) 48%,#9e2700);box-shadow:0 10px 34px rgba(255,70,5,.23)}.wallet-page-orb span{width:20px;height:13px;border:1.5px solid rgba(255,255,255,.8);border-radius:4px;position:relative}.wallet-page-orb span:after{content:"";position:absolute;right:-3px;top:3px;width:5px;height:5px;border-radius:50%;background:#fff}
.wallet-page-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}.wallet-page-actions button{min-height:40px;border-radius:12px;font-weight:700;font-size:11.5px;cursor:pointer}.wallet-page-primary{border:0;background:var(--accent);color:#fff}.wallet-page-secondary{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff}
.section-mini-head{display:flex;align-items:center;justify-content:space-between;margin:25px 2px 9px}.section-mini-head strong{font-size:12px;color:rgba(255,255,255,.78)}.section-mini-head span{font-size:9.5px;color:rgba(255,255,255,.34)}
.wallet-history-list{display:grid;gap:3px}.wallet-history-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid rgba(255,255,255,.055)}
.wallet-history-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;font:700 9px 'JetBrains Mono',monospace}.wallet-history-mark.is-plus{background:rgba(31,164,99,.11);color:#34cb83}.wallet-history-mark.is-minus{background:rgba(255,255,255,.055);color:rgba(255,255,255,.62)}.wallet-history-mark.is-neutral{background:rgba(255,70,5,.09);color:var(--accent-2)}
.wallet-history-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.wallet-history-copy strong{font-size:12px;color:rgba(255,255,255,.85)}.wallet-history-copy small{font-size:9.5px;color:rgba(255,255,255,.34)}.wallet-history-delta{font:700 11px 'JetBrains Mono',monospace}.wallet-history-delta.is-plus{color:#34cb83}.wallet-history-delta.is-minus{color:rgba(255,255,255,.58)}
/* Bottom nav — compatta, premium, stile native app */
.app-bottom-nav{position:fixed;z-index:99950;left:50%;bottom:max(8px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 22px),430px);height:62px;padding:6px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;border:1px solid rgba(255,255,255,.10);border-radius:21px;background:rgba(13,16,22,.90);box-shadow:0 18px 45px rgba(0,0,0,.42);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}
.app-nav-item{position:relative;border:0;border-radius:15px;background:transparent;color:rgba(250,249,246,.38);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;transition:color .15s ease,background .15s ease}.app-nav-item svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app-nav-item span{font-size:9.5px;font-weight:650;letter-spacing:.01em}.app-nav-item.is-active{color:#fff;background:rgba(255,255,255,.065)}.app-nav-item.is-active:after{content:"";position:absolute;top:5px;width:16px;height:2px;border-radius:999px;background:var(--accent);box-shadow:0 0 10px rgba(255,70,5,.55)}
.install-fab{bottom:calc(80px + env(safe-area-inset-bottom))}
@media(max-width:480px){
body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
.stage{padding:48px 15px 22px}
.app-page{padding:26px 15px 28px}
.wallet-bar{max-width:100%;align-items:center;padding:9px 10px 9px 12px}.wallet-actions{max-width:none}.wallet-action,.wallet-recover-action{width:auto;min-height:31px;padding:0 9px}.wallet-recover-action{max-width:105px}
.app-bottom-nav{height:60px;border-radius:20px}
}
@media(prefers-reduced-motion:reduce){.app-view.is-active{animation:none}.app-nav-item,.report-row{transition:none}}
.wallet-code-input{text-align:center;font:700 22px 'JetBrains Mono',monospace;letter-spacing:.28em;padding-left:calc(13px + .28em)}
/* =========================================================
REPORT DETAIL — resta dentro la sezione Report v11
========================================================= */
.report-detail{width:100%;animation:appViewIn .16s ease both}
.report-detail-back{
display:inline-flex;
align-items:center;
gap:5px;
margin:0 0 16px;
padding:7px 3px;
border:0;
background:transparent;
color:rgba(255,255,255,.72);
font-size:11.5px;
font-weight:650;
cursor:pointer;
}
.report-detail-back span{font-size:22px;line-height:.8;color:var(--accent-2)}
.report-detail-status{
padding:22px 4px;
text-align:center;
font-size:12px;
color:rgba(250,249,246,.42);
}
.report-detail-card{
padding:17px;
border:1px solid rgba(255,255,255,.085);
border-radius:19px;
background:rgba(255,255,255,.035);
}
.report-detail-topline{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-bottom:13px;
}
.report-detail-plate{
padding:7px 9px;
border-radius:8px;
background:#f4f4f1;
color:#17191d;
font:700 11px 'JetBrains Mono',monospace;
letter-spacing:.1em;
}
.report-detail-badge{
padding:5px 8px;
border-radius:999px;
background:rgba(31,164,99,.10);
color:#44cf8d;
font-size:9px;
font-weight:750;
letter-spacing:.03em;
text-transform:uppercase;
}
.report-detail-card h3{
margin:0 0 3px;
font-family:'Space Grotesk',sans-serif;
font-size:19px;
line-height:1.16;
letter-spacing:-.03em;
color:#fff;
}
.report-detail-version{
margin:0 0 15px;
font-size:11px;
line-height:1.4;
color:rgba(250,249,246,.44);
}
.report-detail-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:7px;
}
.report-detail-item{
min-width:0;
padding:10px 11px;
border:1px solid rgba(255,255,255,.055);
border-radius:12px;
background:rgba(255,255,255,.026);
}
.report-detail-item span{
display:block;
margin-bottom:4px;
font-size:8.5px;
font-weight:750;
letter-spacing:.065em;
text-transform:uppercase;
color:rgba(250,249,246,.34);
}
.report-detail-item strong{
display:block;
overflow-wrap:anywhere;
font-size:11.5px;
line-height:1.35;
font-weight:650;
color:rgba(255,255,255,.86);
}
.report-detail-alert{
grid-column:1/-1;
border-color:rgba(214,73,63,.22);
background:rgba(214,73,63,.07);
}
.report-detail-alert span,.report-detail-alert strong{color:#ff8178}
@media(max-width:390px){
.report-detail-card{padding:14px}
.report-detail-grid{grid-template-columns:1fr}
}
/* =========================================================
V8 · CONTROLLO AVANZATO VINCOLI
Soft, lineare, tecnologico.
========================================================= */
.vehicle-guard{
margin-top:14px;
border:1px solid rgba(255,255,255,.11);
border-radius:20px;
overflow:hidden;
background:
radial-gradient(circle at 0 0, rgba(255,70,5,.09), transparent 34%),
linear-gradient(150deg,rgba(23,27,34,.96),rgba(10,13,18,.98));
color:#f7f8fa;
box-shadow:0 20px 48px rgba(0,0,0,.22);
animation:cardIn .42s .06s ease both;
}
.vehicle-guard-toggle{
width:100%;
min-height:84px;
padding:17px 18px;
border:0;
background:transparent;
color:inherit;
display:grid;
grid-template-columns:42px minmax(0,1fr) 24px;
align-items:center;
gap:13px;
text-align:left;
cursor:pointer;
}
.vehicle-guard-icon{
width:42px;height:42px;
border:1px solid rgba(255,255,255,.10);
border-radius:13px;
display:grid;place-items:center;
background:rgba(255,255,255,.055);
box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.vehicle-guard-icon svg,.vehicle-guard-result-icon svg{
width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;
stroke-linecap:round;stroke-linejoin:round;
}
.vehicle-guard-copy{display:block;min-width:0}
.vehicle-guard-kicker{
display:block;margin-bottom:4px;color:#9ba2ad;font-size:9.5px;line-height:1;
font-weight:800;letter-spacing:.12em;text-transform:uppercase;
}
.vehicle-guard-copy strong{
display:block;color:#f8f9fb;font-family:'Space Grotesk',sans-serif;
font-size:14px;line-height:1.25;letter-spacing:-.01em;
}
.vehicle-guard-copy small{
display:block;margin-top:4px;color:#6f7681;font-size:10.5px;line-height:1.35;
}
.vehicle-guard-chevron{
justify-self:end;color:#707782;font-size:20px;line-height:1;transform:translateY(-2px);
transition:transform .2s ease,color .2s ease;
}
.vehicle-guard.is-open .vehicle-guard-chevron{transform:rotate(180deg) translateY(2px);color:#c7cbd1}
.vehicle-guard-panel{padding:0 18px 19px;border-top:1px solid rgba(255,255,255,.065)}
.vehicle-guard-panel[hidden]{display:none!important}
.vehicle-guard-intro{padding:16px 1px 14px}
.vehicle-guard-intro strong{
display:block;margin-bottom:5px;font-family:'Space Grotesk',sans-serif;font-size:16px;color:#fff
}
.vehicle-guard-intro p{margin:0;color:#878e99;font-size:12px;line-height:1.5}
.vehicle-guard-intro b{color:#c8ccd2;font-family:'JetBrains Mono',monospace;letter-spacing:.06em}
.vehicle-guard-label{display:block;margin:0 0 7px;color:#a9afb8;font-size:10.5px;font-weight:750}
.vehicle-guard-field{position:relative}
.vehicle-guard-input{
width:100%;height:50px;padding:0 44px 0 14px;border:1px solid rgba(255,255,255,.12);
border-radius:14px;outline:none;background:rgba(255,255,255,.055);color:#fff;
font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:650;letter-spacing:.055em;
text-transform:uppercase;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.vehicle-guard-input::placeholder{color:#555d68;letter-spacing:.025em}
.vehicle-guard-input:focus{
border-color:rgba(255,122,61,.62);background:rgba(255,255,255,.075);
box-shadow:0 0 0 3px rgba(255,70,5,.11);
}
.vehicle-guard-input.is-invalid{border-color:rgba(214,73,63,.7);box-shadow:0 0 0 3px rgba(214,73,63,.10)}
.vehicle-guard-input:disabled{opacity:.62}
.vehicle-guard-field-icon{
position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#69717d;font-size:18px;pointer-events:none
}
.vehicle-guard-micro{margin:7px 1px 14px;color:#626a75;font-size:9.8px;line-height:1.45}
.vehicle-guard-action{
width:100%;min-height:48px;padding:0 16px;border:1px solid rgba(255,255,255,.10);
border-radius:14px;display:flex;align-items:center;justify-content:space-between;
background:linear-gradient(110deg,rgba(255,70,5,.96),rgba(255,111,48,.96));color:#fff;
font-family:'Space Grotesk',sans-serif;font-size:13.5px;font-weight:700;cursor:pointer;
box-shadow:0 12px 28px rgba(255,70,5,.18);
transition:transform .16s ease,filter .16s ease,opacity .16s ease;
}
.vehicle-guard-action:hover{transform:translateY(-1px);filter:brightness(1.04)}
.vehicle-guard-action:disabled{opacity:.58;cursor:wait;transform:none}
.vehicle-guard-progress{
margin-top:14px;padding:15px;border:1px solid rgba(255,255,255,.075);
border-radius:15px;background:rgba(255,255,255,.035)
}
.vehicle-guard-progress-top{display:flex;align-items:center;gap:9px}
.vehicle-guard-progress-top strong{color:#eef0f3;font-size:12.5px}
.vehicle-guard-pulse{
width:8px;height:8px;border-radius:50%;background:#ff6a2d;box-shadow:0 0 0 0 rgba(255,106,45,.45);
animation:guardPulse 1.25s infinite;
}
@keyframes guardPulse{70%{box-shadow:0 0 0 7px rgba(255,106,45,0)}100%{box-shadow:0 0 0 0 rgba(255,106,45,0)}}
.vehicle-guard-progress p{margin:6px 0 12px 17px;color:#7f8792;font-size:10.5px;line-height:1.45}
.vehicle-guard-track{height:3px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.075)}
.vehicle-guard-track i{
display:block;width:18%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff4605,#ff9a67);
transition:width .7s cubic-bezier(.22,1,.36,1)
}
.vehicle-guard-steps{
margin-top:9px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;color:#535b66;font-size:8.5px;text-align:center
}
.vehicle-guard-steps span.is-active{color:#aeb4bd}
.vehicle-guard-result{
margin-top:14px;padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:15px;
display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:flex-start;background:rgba(255,255,255,.04)
}
.vehicle-guard-result[hidden]{display:none!important}
.vehicle-guard-result-icon{
width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:16px;font-weight:800
}
.vehicle-guard-result-kicker{
display:block;margin:1px 0 4px;font-size:8.8px;line-height:1;font-weight:800;letter-spacing:.1em;text-transform:uppercase
}
.vehicle-guard-result strong{
display:block;color:#f6f7f9;font-family:'Space Grotesk',sans-serif;font-size:13.5px;line-height:1.25
}
.vehicle-guard-result p{margin:5px 0 0;color:#858c96;font-size:10.5px;line-height:1.45}
.vehicle-guard-result.is-success{border-color:rgba(31,164,99,.25);background:rgba(31,164,99,.075)}
.vehicle-guard-result.is-success .vehicle-guard-result-icon,.vehicle-guard-result.is-success .vehicle-guard-result-kicker{color:#48cf8e}
.vehicle-guard-result.is-success .vehicle-guard-result-icon{background:rgba(31,164,99,.12)}
.vehicle-guard-result.is-warning{border-color:rgba(255,138,62,.30);background:rgba(255,96,23,.075)}
.vehicle-guard-result.is-warning .vehicle-guard-result-icon,.vehicle-guard-result.is-warning .vehicle-guard-result-kicker{color:#ff9253}
.vehicle-guard-result.is-warning .vehicle-guard-result-icon{background:rgba(255,96,23,.12)}
.vehicle-guard-result.is-error{border-color:rgba(214,73,63,.26);background:rgba(214,73,63,.07)}
.vehicle-guard-result.is-error .vehicle-guard-result-icon,.vehicle-guard-result.is-error .vehicle-guard-result-kicker{color:#ee756d}
.vehicle-guard-result.is-error .vehicle-guard-result-icon{background:rgba(214,73,63,.12)}
.vehicle-guard-result.is-neutral .vehicle-guard-result-icon,.vehicle-guard-result.is-neutral .vehicle-guard-result-kicker{color:#aab1bb}
@media(max-width:380px){
.vehicle-guard-toggle{grid-template-columns:38px minmax(0,1fr) 18px;padding:15px 14px;gap:10px}
.vehicle-guard-icon{width:38px;height:38px;border-radius:12px}
.vehicle-guard-panel{padding:0 14px 15px}
}
@media(prefers-reduced-motion:reduce){
.vehicle-guard,.vehicle-guard-pulse{animation:none}
.vehicle-guard-track i,.vehicle-guard-chevron{transition:none}
}
/* =========================================================
STORYCAR NEXT · PASSPORT FIRST + RECALL + ACCOUNT
========================================================= */
.app-bottom-nav{grid-template-columns:repeat(4,1fr)}
.account-card{border:1px solid rgba(255,255,255,.10);border-radius:22px;padding:20px;background:linear-gradient(150deg,rgba(255,70,5,.055),rgba(255,255,255,.025));box-shadow:0 18px 48px rgba(0,0,0,.24)}
.account-kicker{display:block;color:#ff7d50;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin-bottom:16px}
.account-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.065)}
.account-row span{color:#737b86;font-size:11px}.account-row strong{font-size:12px;text-align:right;overflow:hidden;text-overflow:ellipsis}
.account-buy{width:100%;border:0;border-radius:14px;margin-top:18px;padding:14px;background:linear-gradient(105deg,var(--accent),#ff7439);color:#fff;font-weight:750}
.account-exit{display:block;margin:12px auto 0;border:0;background:transparent;color:#6f7681;font-size:10px}
.storycar-recall-card{margin-top:14px;border:1px solid rgba(255,255,255,.095);border-radius:20px;background:#12171e;overflow:hidden}
.storycar-recall-toggle{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;padding:15px;border:0;background:transparent;color:inherit;text-align:left}
.storycar-recall-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);font-size:17px;color:#ff9d57}
.storycar-recall-copy{min-width:0}.storycar-recall-kicker{display:block;color:#8f96a1;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.storycar-recall-copy strong{display:block;margin-top:3px;font-size:12.5px}.storycar-recall-copy small{display:block;margin-top:2px;color:#717985;font-size:9px;line-height:1.4}
.storycar-recall-state{min-width:26px;text-align:center;color:#8d949e;font-size:9px;font-weight:850}.storycar-recall-state.is-clear{color:#42d18d}.storycar-recall-state.is-warning{color:#ff9d57}
.storycar-recall-card.is-clear{border-color:rgba(42,196,126,.20)}.storycar-recall-card.is-warning{border-color:rgba(255,141,75,.22)}
.storycar-recall-details{border-top:1px solid rgba(255,255,255,.06);padding:3px 15px 12px}.storycar-recall-details[hidden]{display:none!important}.storycar-recall-item{padding:11px 0;border-bottom:1px solid rgba(255,255,255,.055)}.storycar-recall-item:last-child{border-bottom:0}.storycar-recall-item strong{font-size:10px}.storycar-recall-item p{margin:4px 0 0;color:#7d8590;font-size:9px;line-height:1.45}
/* Difetti ricorrenti del modello — modulo indipendente */
.model-defects-card{margin-top:14px;border:1px solid rgba(255,255,255,.095);border-radius:20px;background:#12171e;overflow:hidden}
.model-defects-card.is-ready{border-color:rgba(255,137,80,.24)}.model-defects-card.is-neutral{border-color:rgba(255,255,255,.08)}
.model-defects-toggle{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;padding:15px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.model-defects-toggle:hover{background:rgba(255,255,255,.035)}
.model-defects-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:rgba(255,107,44,.10);border:1px solid rgba(255,137,80,.16);font-size:18px;color:#ff8950}
.model-defects-copy{min-width:0}.model-defects-kicker{display:block;color:#ff8950;font-size:8.5px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.model-defects-copy strong{display:block;margin-top:3px;font-size:12.5px}.model-defects-copy small{display:block;margin-top:2px;color:#717985;font-size:9px;line-height:1.4}
.model-defects-side{justify-self:end;display:flex;align-items:center;gap:8px}.model-defects-state{min-width:26px;text-align:center;color:#ff9d67;font-size:9px;font-weight:900}
.model-defects-chevron{color:#ff8950;font-size:18px;line-height:1;transition:transform .18s ease}.model-defects-card.is-open .model-defects-chevron{transform:rotate(180deg)}
.model-defects-details{border-top:1px solid rgba(255,255,255,.06);padding:13px 15px 14px}.model-defects-details[hidden]{display:none!important}
.model-defects-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}.model-defects-summary strong{font-size:10px}.model-defects-summary span{color:#737b86;font-size:8px;text-align:right}
.model-defect-item{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.055)}.model-defect-item[hidden]{display:none!important}.model-defect-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.model-defect-row strong{font-size:10px}.model-defect-row b{color:#ff9a67;font:800 9px 'JetBrains Mono',monospace;white-space:nowrap}
.model-defect-track{height:3px;margin:7px 0 5px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.07)}.model-defect-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff4f13,#ff9b67)}
.model-defect-item small{color:#6f7782;font-size:8.5px}.model-defects-more{width:100%;margin:10px 0;min-height:42px;border:1px solid rgba(255,137,80,.26);border-radius:12px;background:rgba(255,137,80,.07);color:#ff9a67;font-size:10px;font-weight:900;cursor:pointer}
.model-defects-note{margin-top:8px;padding:12px 13px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.model-defects-note strong{display:block;margin-bottom:5px;color:#fff;font-size:10px}.model-defects-note p{margin:0;color:rgba(255,255,255,.62);font-size:9.5px;line-height:1.45}
.passport-first-card{margin-top:14px;border:1px solid rgba(255,90,31,.36);border-radius:22px;padding:18px;background:radial-gradient(circle at 100% 0,rgba(255,90,31,.12),transparent 220px),#12171e;box-shadow:0 18px 46px rgba(0,0,0,.22)}
.passport-first-kicker{display:block;color:#ff8054;font-size:8.5px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.passport-first-card h3{margin:6px 0 5px;font-size:18px;line-height:1.2;letter-spacing:-.025em}.passport-first-card h3 b{font-family:'JetBrains Mono',monospace;font-size:.88em}.passport-first-card>p{margin:0 0 14px;color:#8a929d;font-size:10px;line-height:1.5}
.passport-first-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.passport-first-grid>div{border:1px solid rgba(255,255,255,.07);border-radius:13px;padding:10px;background:rgba(0,0,0,.12)}.passport-first-grid small{display:block;color:#717985;font-size:7px;font-weight:800;letter-spacing:.08em}.passport-first-grid strong{display:block;margin-top:3px;font-size:9.5px;line-height:1.25}.passport-first-grid em{display:block;margin-top:4px;color:#ff8e67;font-style:normal;font-size:7.5px}
.passport-first-price{display:flex;justify-content:space-between;align-items:end;margin:15px 2px 10px}.passport-first-price span small{display:block;color:#787f89;font-size:7px;font-weight:800}.passport-first-price b{display:block;margin-top:2px;font-size:24px}.passport-first-price>small{color:#747c87;font-size:8px}
.passport-first-action{width:100%;border:0;border-radius:13px;padding:13px 14px;background:linear-gradient(105deg,#ff4f13,#ff763b);color:#fff;font-size:10.5px;font-weight:800;display:flex;align-items:center;justify-content:space-between;gap:10px}
.base-secondary-card{margin-top:13px;border-top:1px solid rgba(255,255,255,.07);padding:14px 2px 0;display:flex;align-items:center;justify-content:space-between;gap:14px}.base-secondary-card strong{display:block;font-size:12px}.base-secondary-card p{margin:3px 0 0;color:#777f8a;font-size:8.5px;line-height:1.4}.base-secondary-buy{text-align:right;white-space:nowrap}.base-secondary-buy b{display:block;font-size:10px}.base-secondary-buy button{margin-top:6px;border:1px solid rgba(255,255,255,.10);border-radius:9px;background:#20252c;color:#fff;padding:7px 9px;font-size:8px;font-weight:750}
.purchase-choice-overlay{position:fixed;z-index:100020;inset:0;display:none;align-items:flex-end;justify-content:center;padding:0 10px;background:rgba(0,0,0,.62);backdrop-filter:blur(6px)}.purchase-choice-overlay.show{display:flex}.purchase-choice-box{position:relative;width:min(100%,430px);padding:21px 18px 24px;border:1px solid rgba(255,255,255,.10);border-bottom:0;border-radius:24px 24px 0 0;background:#12171e;box-shadow:0 -20px 60px rgba(0,0,0,.5)}
.purchase-choice{width:100%;margin-top:10px;border-radius:14px;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;color:#fff}.purchase-choice span{display:block;min-width:0}.purchase-choice small{display:block;font-size:7.5px;letter-spacing:.1em;opacity:.72}.purchase-choice strong{display:block;margin-top:3px;font-size:12px}.purchase-choice em{display:block;margin-top:3px;font-style:normal;font-size:8px;opacity:.72}.purchase-choice>b{font-size:14px;white-space:nowrap}.passport-choice{border:0;background:linear-gradient(105deg,#ff4f13,#ff763b)}.base-choice{border:1px solid rgba(255,255,255,.10);background:#22272e}
@media(max-width:390px){.passport-first-grid{grid-template-columns:1fr}.base-secondary-card{align-items:flex-start}.base-secondary-buy{min-width:104px}.app-nav-item span{font-size:8.5px}}
.passport-phase-note{margin-top:9px;border:1px solid rgba(42,196,126,.20);border-radius:10px;padding:9px 10px;background:rgba(42,196,126,.07);color:#6ddba5;font-size:8.5px;line-height:1.4}
#passportVincoliBox.is-clear strong{color:#c9f6e5} #passportVincoliBox.is-clear em{color:#38d79e}
#passportVincoliBox.is-warning strong{color:#ffd0bf} #passportVincoliBox.is-warning em{color:#ff8259}
.passport-first-card.is-active{border-color:rgba(45,211,153,.42);box-shadow:0 16px 42px rgba(45,211,153,.08)}
.passport-first-card.is-active .passport-first-kicker{color:#43d9a3}
/* =========================================================
STORYCAR — DEMO LOCALE V4 ROBUSTA
Nessuna API, nessun fetch, nessun Service Worker.
========================================================= */
#viewHome #walletBar{display:none!important}
.proof-row{
display:flex!important;
justify-content:center;
flex-wrap:wrap;
gap:7px 18px!important;
margin-top:10px!important;
}
.proof-row span{
position:relative;
color:rgba(250,249,246,.58)!important;
font-size:11px!important;
font-weight:650;
}
.proof-row span:not(:last-child)::after{
content:"";
position:absolute;
width:3px;height:3px;border-radius:50%;
background:var(--accent,#ff4605);
right:-11px;top:50%;transform:translateY(-50%);
}
.result-v3-section-label{
margin:20px 0 9px;
color:rgba(250,249,246,.42);
font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;
}
.result-v3-revision-row{
display:flex;justify-content:space-between;gap:14px;
padding:12px 1px;border-bottom:1px solid rgba(255,255,255,.065);
}
.result-v3-revision-row span{color:rgba(250,249,246,.48);font-size:11px}
.result-v3-revision-row strong{text-align:right;font-size:11px}
.result-v3-details{margin-top:14px;border-top:1px solid rgba(255,255,255,.075)}
.result-v3-details summary{
list-style:none;cursor:pointer;display:flex;justify-content:space-between;
padding:13px 0;color:#f4f3ef;font-size:12px;font-weight:760
}
.result-v3-details summary::-webkit-details-marker{display:none}
.result-v3-details summary span{color:rgba(250,249,246,.38);font-size:9px}
.passport-v3{
padding:22px!important;
background:
radial-gradient(circle at 100% 0,rgba(255,70,5,.16),transparent 280px),
linear-gradient(180deg,rgba(255,255,255,.02),transparent 35%),
#11161d!important;
}
.passport-v3 h3{
max-width:620px;margin-bottom:9px!important;
font-size:clamp(24px,5vw,34px)!important;line-height:1.07!important;letter-spacing:-.045em!important
}
.passport-v3-lead{max-width:660px;color:rgba(250,249,246,.60)!important;line-height:1.55!important}
.passport-v3-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 4px}
.passport-v3-row{display:flex;gap:11px;align-items:flex-start;padding:13px;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:rgba(255,255,255,.018)}
.passport-v3-icon{flex:0 0 31px;width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:rgba(255,70,5,.08);border:1px solid rgba(255,70,5,.15);color:#ff6937;font-size:11px;font-weight:900}
.passport-v3-row strong{display:block;font-size:12px;line-height:1.25}
.passport-v3-row small{display:block;margin-top:4px;color:rgba(250,249,246,.45);font-size:10px;line-height:1.42}
.passport-v3-separator{height:1px;margin:17px 0 0;background:rgba(255,255,255,.075)}
.demo-note{
margin:12px 0 0;padding:10px 12px;border-radius:12px;
background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);
color:rgba(250,249,246,.42);font-size:9px;text-align:center
}
@media(max-width:560px){
.passport-v3-list{grid-template-columns:1fr}
.proof-row{display:grid!important;grid-template-columns:1fr 1fr;max-width:340px;margin-left:auto!important;margin-right:auto!important;text-align:center;gap:7px 10px!important}
.proof-row span::after{display:none!important}
.result-v3-revision-row{flex-direction:column;gap:4px}
.result-v3-revision-row strong{text-align:left}
}
.vehicle-guard-result-v5{
display:block!important;
padding:18px!important;
border-radius:17px!important;
text-align:left!important;
background:linear-gradient(180deg,rgba(255,157,61,.075),rgba(255,157,61,.025))!important;
border:1px solid rgba(255,157,61,.20)!important;
}
.guard-v5-head{
display:flex;
align-items:center;
gap:8px;
margin-bottom:10px;
}
.guard-v5-status-dot{
width:7px;height:7px;border-radius:50%;
background:#ff9d3d;
box-shadow:0 0 0 5px rgba(255,157,61,.09);
}
.guard-v5-eyebrow{
color:rgba(250,249,246,.48);
font-size:9px;
font-weight:800;
letter-spacing:.12em;
text-transform:uppercase;
}
.guard-v5-title{
display:block;
color:#f8f7f3!important;
font-size:19px!important;
line-height:1.15!important;
letter-spacing:-.025em;
margin-bottom:7px;
}
.guard-v5-copy{
margin:0!important;
color:rgba(250,249,246,.62)!important;
font-size:11px!important;
line-height:1.5!important;
}
.guard-v5-advice{
margin-top:14px;
padding-top:13px;
border-top:1px solid rgba(255,255,255,.075);
}
.guard-v5-advice span{
display:block;
margin-bottom:4px;
color:#ffad5c;
font-size:9px;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
}
.guard-v5-advice strong{
display:block;
color:rgba(250,249,246,.82)!important;
font-size:11px!important;
line-height:1.45!important;
font-weight:650!important;
}
.result-modern{
padding:22px!important;
border-radius:24px!important;
background:#f7f6f2!important;
color:#121212!important;
}
.result-modern .result-title,
.result-modern .result-sub,
.result-modern strong{
color:#141414!important;
}
.result-modern .result-sub{
color:#77808e!important;
}
.result-modern-head{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:16px;
}
.result-modern-head .result-plate{
display:inline-flex;
padding:7px 10px;
border:1px solid #ddd9d2;
border-radius:10px;
background:#efede8;
color:#202020!important;
font-size:12px!important;
}
.result-modern-head .result-status{
margin-top:1px;
}
.result-modern .result-title{
margin-top:15px!important;
margin-bottom:2px!important;
}
.result-modern-kicker{
margin-top:24px;
color:#8a8f98;
font-size:10px;
font-weight:850;
letter-spacing:.12em;
text-transform:uppercase;
}
.result-modern-hero{
display:grid;
grid-template-columns:1.25fr .9fr;
gap:10px;
margin-top:10px;
}
.metric-primary,
.metric-secondary>div,
.result-modern-secondary>div{
border:1px solid #e0ddd6;
background:#eeece7;
border-radius:18px;
}
.metric-primary{
padding:18px;
display:flex;
flex-direction:column;
justify-content:center;
min-height:132px;
}
.metric-primary small,
.metric-secondary small,
.result-modern-secondary small,
.km-timeline-head small{
color:#7c8490;
font-size:9px;
letter-spacing:.1em;
font-weight:850;
}
.metric-primary strong{
margin-top:6px;
font-size:28px!important;
letter-spacing:-.04em;
}
.metric-primary span,
.metric-secondary span,
.result-modern-secondary span{
margin-top:4px;
color:#7d8590;
font-size:10px;
}
.metric-secondary{
display:grid;
gap:10px;
}
.metric-secondary.metric-secondary-single{grid-template-columns:1fr!important}
.metric-secondary>div{
padding:15px;
display:flex;
flex-direction:column;
justify-content:center;
}
.metric-secondary strong{
margin-top:5px;
font-size:16px!important;
}
.result-modern-chips{
display:flex;
flex-wrap:wrap;
gap:7px;
margin-top:12px;
}
.result-modern-chips span{
padding:7px 10px;
border-radius:999px;
background:#11161d;
color:#f8f8f5;
font-size:10px;
font-weight:750;
}
.km-timeline{
margin-top:18px;
padding:17px;
border:1px solid #e0ddd6;
border-radius:19px;
background:#fff;
}
.km-timeline-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px;
margin-bottom:15px;
}
.km-timeline-head strong{
display:block;
margin-top:4px;
font-size:17px!important;
}
.km-ok{
width:29px;height:29px;border-radius:50%;
display:grid;place-items:center;
background:rgba(43,176,112,.10);
color:#20925c;
font-weight:950;
}
.km-row{
display:grid;
grid-template-columns:44px 1fr auto;
gap:10px;
align-items:center;
margin-top:11px;
}
.km-year{
color:#777f8a;
font-size:10px;
font-weight:750;
}
.km-line{
height:6px;
border-radius:999px;
background:#ece9e3;
overflow:hidden;
}
.km-line i{
display:block;
height:100%;
border-radius:999px;
background:linear-gradient(90deg,#ff5b1f,#ff874f);
}
.km-row strong{
font-size:11px!important;
white-space:nowrap;
}
.km-note{
margin:14px 0 0!important;
padding-top:12px;
border-top:1px solid #eeeae4;
color:#7d8590!important;
font-size:10px!important;
line-height:1.5!important;
}
.result-modern-secondary{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
margin-top:12px;
}
.result-modern-secondary>div{
padding:14px;
}
.result-modern-secondary strong{
display:block;
margin-top:4px;
font-size:13px!important;
}
.result-modern .result-v3-details{
border-color:#e4e1da!important;
}
.result-modern .result-v3-details summary{
color:#222!important;
}
.result-modern .result-v3-details summary span{
color:#8b919a!important;
}
.result-modern .result-item{
background:#efede8!important;
border-color:#dedad2!important;
}
.result-modern .result-item-k{
color:#808895!important;
}
.result-modern .result-item-v{
color:#171717!important;
}
@media(max-width:560px){
.result-modern-hero{grid-template-columns:1fr}
.metric-secondary{grid-template-columns:1fr 1fr}
.result-modern-secondary{grid-template-columns:1fr}
}
.vehicle-guard-result-v7-retry{
display:block!important;
padding:17px!important;
border-radius:17px!important;
text-align:left!important;
background:rgba(255,255,255,.025)!important;
border:1px solid rgba(255,255,255,.085)!important;
}
.guard-retry-head{
display:flex;align-items:center;gap:8px;margin-bottom:9px;
}
.guard-retry-dot{
width:7px;height:7px;border-radius:50%;
background:#8a929c;
box-shadow:0 0 0 5px rgba(138,146,156,.08);
}
.guard-retry-eyebrow{
color:rgba(250,249,246,.44);
font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
}
.guard-retry-title{
display:block;
color:#f8f7f3!important;
font-size:16px!important;
line-height:1.25!important;
letter-spacing:-.02em;
}
.guard-retry-copy{
margin:7px 0 0!important;
color:rgba(250,249,246,.56)!important;
font-size:11px!important;
line-height:1.5!important;
}
.account-products{display:grid;gap:10px;margin-top:22px}
.account-product-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border-radius:17px;border:1px solid rgba(255,255,255,.085);background:rgba(255,255,255,.025)}
.account-product-row.is-passport{background:radial-gradient(circle at 100% 0,rgba(255,70,5,.10),transparent 180px),rgba(255,255,255,.025);border-color:rgba(255,88,30,.16)}
.account-product-copy{min-width:0}
.account-product-kicker{display:block;margin-bottom:5px;color:#ff6937;font-size:9px;line-height:1;font-weight:850;letter-spacing:.12em}
.account-product-copy strong{display:block;color:#f7f6f3;font-size:14px;line-height:1.2}
.account-product-copy small{display:block;max-width:330px;margin-top:4px;color:rgba(250,249,246,.44);font-size:10px;line-height:1.4}
.account-product-buy{flex:0 0 auto;display:flex;align-items:center;gap:10px}
.account-product-buy b{color:#f7f6f3;font-size:15px;white-space:nowrap}
.account-product-buy button{border:0;border-radius:999px;padding:10px 14px;background:#ff4b12;color:#fff;font:inherit;font-size:10px;font-weight:800;cursor:pointer}
.account-product-row.is-passport .account-product-buy button{background:linear-gradient(135deg,#ff430b,#ff7139)}
@media(max-width:560px){.account-product-row{align-items:flex-start;flex-direction:column}.account-product-buy{width:100%;justify-content:space-between}}
/* Wallet: stessa icona/linguaggio della navigazione, niente simbolo diverso */
.wallet-icon,
.wallet-visual,
.wallet-card-icon,
.wallet-mark,
.wallet-badge{
position:relative;
}
.wallet-icon::before,
.wallet-visual::before,
.wallet-card-icon::before,
.wallet-mark::before,
.wallet-badge::before{
content:"";
width:23px;
height:16px;
box-sizing:border-box;
border:2px solid #fff;
border-radius:4px;
display:block;
}
.wallet-icon::after,
.wallet-visual::after,
.wallet-card-icon::after,
.wallet-mark::after,
.wallet-badge::after{
content:"";
position:absolute;
width:8px;
height:6px;
right:calc(50% - 14px);
top:50%;
transform:translateY(-50%);
border:2px solid #fff;
border-radius:3px;
background:inherit;
}
.wallet-page-orb-unified .wallet-page-icon-shape{
position:relative!important;display:block!important;width:24px!important;height:17px!important;
border:2px solid #fff!important;border-radius:4px!important;box-sizing:border-box!important;
background:transparent!important;
}
.wallet-page-orb-unified .wallet-page-icon-shape::before{
content:"";position:absolute;width:9px;height:7px;right:-5px;top:3px;
border:2px solid #fff;border-radius:3px;background:#ff4b12;box-sizing:border-box;
}
.wallet-page-orb-unified .wallet-page-icon-shape::after{
content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;
right:-1px;top:5px;
}
body.modal-open{overflow:hidden}
.product-chooser{
position:fixed;
inset:0;
z-index:9999;
display:none;
align-items:flex-end;
justify-content:center;
}
.product-chooser.show{display:flex}
.product-chooser-backdrop{
position:absolute;
inset:0;
background:rgba(0,0,0,.64);
backdrop-filter:blur(8px);
}
.product-chooser-sheet{
position:relative;
z-index:1;
width:min(100%,620px);
margin:0 12px max(12px,env(safe-area-inset-bottom));
padding:10px 16px 18px;
border:1px solid rgba(255,255,255,.10);
border-radius:26px;
background:
radial-gradient(circle at 100% 0,rgba(255,70,5,.08),transparent 240px),
#12171e;
box-shadow:0 28px 90px rgba(0,0,0,.55);
animation:chooserUp .22s ease-out;
}
@keyframes chooserUp{
from{transform:translateY(24px);opacity:0}
to{transform:translateY(0);opacity:1}
}
.product-chooser-grabber{
width:38px;height:4px;border-radius:99px;
background:rgba(255,255,255,.16);
margin:0 auto 14px;
}
.product-chooser-head{
display:flex;
justify-content:space-between;
gap:14px;
align-items:flex-start;
margin-bottom:14px;
}
.product-chooser-kicker{
color:#ff6937;
font-size:9px;
font-weight:850;
letter-spacing:.13em;
}
.product-chooser-head h3{
margin:5px 0 4px;
color:#f7f6f3;
font-size:24px;
line-height:1.05;
letter-spacing:-.04em;
}
.product-chooser-head p{
margin:0;
color:rgba(250,249,246,.45);
font-size:11px;
}
.product-chooser-close{
flex:0 0 auto;
width:34px;height:34px;
border:1px solid rgba(255,255,255,.08);
border-radius:50%;
background:rgba(255,255,255,.03);
color:#d9dde2;
font-size:22px;
line-height:1;
}
.product-choice-card{
width:100%;
display:flex;
justify-content:space-between;
align-items:center;
gap:18px;
margin-top:9px;
padding:16px;
text-align:left;
border:1px solid rgba(255,255,255,.085);
border-radius:18px;
background:rgba(255,255,255,.022);
color:#f7f6f3;
}
.product-choice-card.is-passport{
background:
radial-gradient(circle at 100% 0,rgba(255,70,5,.11),transparent 190px),
rgba(255,255,255,.025);
border-color:rgba(255,95,35,.18);
}
.product-choice-brand{
display:block;
margin-bottom:5px;
color:#ff6937;
font-size:9px;
font-weight:850;
letter-spacing:.12em;
}
.product-choice-copy strong{
display:block;
font-size:15px;
line-height:1.2;
}
.product-choice-copy p{
max-width:360px;
margin:5px 0 0;
color:rgba(250,249,246,.46);
font-size:10px;
line-height:1.45;
}
.product-choice-side{
flex:0 0 auto;
text-align:right;
}
.product-choice-side b{
display:block;
font-size:18px;
white-space:nowrap;
}
.product-choice-side span{
display:block;
margin-top:6px;
color:#ff6937;
font-size:10px;
font-weight:800;
white-space:nowrap;
}
.product-chooser-note{
display:block;
margin-top:13px;
color:rgba(250,249,246,.32);
font-size:9px;
text-align:center;
}
@media(max-width:520px){
.product-chooser-sheet{
margin:0;
width:100%;
border-radius:24px 24px 0 0;
padding-bottom:calc(18px + env(safe-area-inset-bottom));
}
.product-choice-card{
align-items:flex-start;
}
.product-choice-copy p{
max-width:240px;
}
}
.passport-decision-gap{
margin:18px 0 14px;
padding:16px;
border:1px solid rgba(255,95,35,.14);
border-radius:18px;
background:
radial-gradient(circle at 100% 0,rgba(255,70,5,.08),transparent 180px),
rgba(255,255,255,.018);
}
.passport-gap-kicker{
display:block;
margin-bottom:11px;
color:#ff6937;
font-size:9px;
font-weight:900;
letter-spacing:.13em;
}
.passport-gap-grid{
display:grid;
grid-template-columns:1fr;
gap:8px;
}
.passport-gap-item{
display:flex;
gap:11px;
align-items:flex-start;
padding:11px 0;
border-top:1px solid rgba(255,255,255,.055);
}
.passport-gap-item:first-child{border-top:0;padding-top:0}
.passport-gap-item>span{
flex:0 0 30px;
width:30px;height:30px;
display:grid;place-items:center;
border-radius:10px;
background:rgba(255,70,5,.08);
color:#ff6b38;
font-size:11px;
font-weight:900;
}
.passport-gap-item strong{
display:block;
color:#f8f7f3!important;
font-size:12px;
line-height:1.25;
}
.passport-gap-item small{
display:block;
margin-top:4px;
color:rgba(250,249,246,.45);
font-size:10px;
line-height:1.45;
}
.product-choice-card.is-passport{
border-color:rgba(255,95,35,.25)!important;
box-shadow:0 12px 34px rgba(255,70,5,.06);
}
.product-choice-card.is-passport .product-choice-copy strong{
font-size:16px;
}
.product-choice-card.is-passport .product-choice-side b{
color:#fff2ec;
}
.product-chooser-head h3{
max-width:470px;
}
@media(max-width:520px){
.product-choice-card{
flex-direction:column;
}
.product-choice-side{
width:100%;
display:flex;
justify-content:space-between;
align-items:center;
text-align:left;
}
}
.passport-conversion-card{
margin-top:14px;
padding:22px;
border-radius:24px;
border:1px solid rgba(255,82,24,.34);
background:
radial-gradient(circle at 100% 0,rgba(255,73,14,.12),transparent 250px),
linear-gradient(180deg,rgba(31,24,25,.98),rgba(15,20,27,.98));
box-shadow:0 24px 60px rgba(0,0,0,.18);
}
.passport-conversion-kicker,
.compare-more-kicker{
display:block;
color:#ff7040;
font-size:9px;
line-height:1;
font-weight:900;
letter-spacing:.14em;
}
.passport-conversion-top h3{
margin:9px 0 6px;
color:#f8f7f4;
font-size:23px;
line-height:1.08;
letter-spacing:-.04em;
}
.passport-conversion-top p{
max-width:520px;
margin:0;
color:rgba(245,245,242,.55);
font-size:11px;
line-height:1.55;
}
.passport-conversion-top p strong{color:rgba(255,255,255,.82)}
.passport-conversion-points{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:9px;
margin-top:18px;
}
.passport-conversion-point{
min-height:102px;
padding:14px;
border:1px solid rgba(255,255,255,.075);
border-radius:17px;
background:rgba(255,255,255,.018);
}
.pcp-icon{
width:28px;height:28px;
display:grid;place-items:center;
margin-bottom:12px;
border-radius:9px;
background:rgba(255,83,23,.09);
color:#ff7040;
font-size:11px;
font-weight:900;
}
.passport-conversion-point small{
display:block;
margin-bottom:5px;
color:rgba(245,245,242,.37);
font-size:8px;
font-weight:850;
letter-spacing:.08em;
}
.passport-conversion-point strong{
display:block;
color:#f4f3ef!important;
font-size:11px!important;
line-height:1.35;
}
.passport-conversion-offer{
margin-top:18px;
padding-top:17px;
border-top:1px solid rgba(255,255,255,.07);
}
.passport-conversion-price{
display:flex;
justify-content:space-between;
align-items:flex-end;
gap:16px;
}
.passport-conversion-price span{
display:block;
margin-bottom:3px;
color:rgba(245,245,242,.42);
font-size:8px;
font-weight:850;
letter-spacing:.1em;
}
.passport-conversion-price strong{
display:block;
color:#fff!important;
font-size:30px!important;
line-height:1;
letter-spacing:-.05em;
}
.passport-conversion-price>small{
color:rgba(245,245,242,.36);
font-size:9px;
}
.passport-conversion-line{
margin:14px 0 13px!important;
color:rgba(245,245,242,.56)!important;
font-size:11px!important;
line-height:1.45!important;
}
.passport-conversion-line strong{
color:#fff!important;
}
.passport-conversion-action{
width:100%;
min-height:52px;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:0 17px;
border:0;
border-radius:16px;
background:linear-gradient(135deg,#ff430b,#ff7139);
color:#fff;
font:inherit;
font-size:12px;
font-weight:850;
box-shadow:0 14px 30px rgba(255,71,12,.16);
cursor:pointer;
}
.compare-more-card{
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
margin:15px 2px 0;
padding:18px 3px 2px;
border-top:1px solid rgba(255,255,255,.08);
}
.compare-more-copy h4{
margin:7px 0 3px;
color:#f4f3ef;
font-size:14px;
letter-spacing:-.02em;
}
.compare-more-copy p{
max-width:330px;
margin:0;
color:rgba(245,245,242,.40);
font-size:10px;
line-height:1.45;
}
.compare-more-buy{
flex:0 0 auto;
text-align:right;
}
.compare-more-buy>div{
display:flex;
justify-content:flex-end;
align-items:baseline;
gap:7px;
margin-bottom:8px;
}
.compare-more-buy strong{
color:rgba(245,245,242,.64)!important;
font-size:10px!important;
}
.compare-more-buy b{
color:#fff;
font-size:13px;
}
.compare-more-buy button{
min-height:36px;
padding:0 13px;
border:1px solid rgba(255,255,255,.12);
border-radius:12px;
background:rgba(255,255,255,.055);
color:#f5f4f0;
font:inherit;
font-size:9px;
font-weight:800;
cursor:pointer;
}
.compare-more-buy button span{
margin-left:5px;
color:#ff7040;
}
@media(max-width:560px){
.passport-conversion-card{padding:18px}
.passport-conversion-points{grid-template-columns:1fr}
.passport-conversion-point{
min-height:0;
display:flex;
align-items:center;
gap:11px;
padding:12px;
}
.pcp-icon{flex:0 0 28px;margin:0}
.compare-more-card{
align-items:flex-start;
flex-direction:column;
gap:13px;
}
.compare-more-buy{
width:100%;
text-align:left;
}
.compare-more-buy>div{justify-content:space-between}
.compare-more-buy button{width:100%}
}
.km-insight{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
margin-top:16px;
padding-top:15px;
border-top:1px solid #eeeae4;
}
.km-insight-copy small{
display:block;
color:#8a919b;
font-size:8px;
font-weight:900;
letter-spacing:.12em;
}
.km-insight-copy strong{
display:block;
margin-top:5px;
color:#161616!important;
font-size:18px!important;
line-height:1.1!important;
letter-spacing:-.025em;
}
.km-insight-copy span{
display:block;
margin-top:4px;
color:#89919b;
font-size:9px;
line-height:1.4;
}
.km-insight-badge{
flex:0 0 auto;
padding:6px 8px;
border-radius:999px;
background:#f1eee8;
border:1px solid #e1ddd5;
color:#7e8690;
font-size:8px;
font-weight:900;
letter-spacing:.08em;
}
@media(max-width:520px){
.km-insight{align-items:flex-start}
.km-insight-copy strong{font-size:17px!important}
}
/* =========================================================
STORYCAR — PRODUCTION MERGE PATCH
========================================================= */
#viewHome #walletBar{display:none!important}
.proof-row{margin-top:22px!important}
.result-area{padding-bottom:18px!important}
/* =========================================================
STORYCAR — FIX CHIRURGICO 11 AGO
Solo chiarezza UI + icona Wallet. Nessun cambio ai motori.
========================================================= */
/* 1. Wallet: esattamente lo stesso segno grafico della voce menu */
.wallet-page-orb-menu-icon{
display:grid!important;
place-items:center!important;
}
.wallet-page-orb-menu-icon svg{
width:27px!important;
height:27px!important;
fill:none!important;
stroke:#fff!important;
stroke-width:1.8!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
}
/* 2. Home proof: UN solo puntino arancio tra le quattro voci, anche su mobile */
.proof-row{
display:flex!important;
flex-wrap:wrap!important;
align-items:center!important;
justify-content:center!important;
gap:0!important;
max-width:none!important;
margin:10px auto 0!important;
text-align:center!important;
}
.proof-row span{
position:relative!important;
display:inline-flex!important;
align-items:center!important;
color:rgba(250,249,246,.60)!important;
font-size:11px!important;
line-height:1.3!important;
font-weight:700!important;
white-space:nowrap!important;
padding:0 14px 0 0!important;
margin:0 4px 0 0!important;
}
.proof-row span:not(:last-child)::after{
content:""!important;
display:block!important;
position:absolute!important;
right:3px!important;
top:50%!important;
transform:translateY(-50%)!important;
width:4px!important;
height:4px!important;
border-radius:50%!important;
background:var(--accent,#ff4605)!important;
box-shadow:0 0 8px rgba(255,70,5,.48)!important;
}
.proof-row span:last-child{padding-right:0!important;margin-right:0!important}
/* 3. Dettagli tecnici: deve sembrare chiaramente cliccabile */
.result-modern .result-v3-details{
margin-top:16px!important;
padding:0!important;
border:1px solid rgba(11,15,20,.11)!important;
border-radius:15px!important;
background:rgba(11,15,20,.035)!important;
overflow:hidden!important;
}
.result-modern .result-v3-details summary{
min-height:52px!important;
padding:0 15px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:12px!important;
cursor:pointer!important;
user-select:none!important;
color:#17191d!important;
}
.result-modern .result-v3-details summary strong{
font-size:12px!important;
font-weight:800!important;
color:#17191d!important;
}
.result-modern .result-v3-details summary span{
display:inline-flex!important;
align-items:center!important;
gap:7px!important;
color:#ff4b12!important;
font-size:10px!important;
font-weight:800!important;
}
.result-modern .result-v3-details .details-chevron{
display:inline-block!important;
font-size:17px!important;
line-height:1!important;
transition:transform .18s ease!important;
}
.result-modern .result-v3-details[open] .details-chevron{transform:rotate(180deg)!important}
.result-modern .result-v3-details[open] .result-grid{padding:0 12px 12px!important}
/* 4. Vincoli/Richiami: affordance inequivocabile */
.vehicle-guard-toggle,
.storycar-recall-toggle{
cursor:pointer!important;
transition:background .15s ease,border-color .15s ease!important;
}
.vehicle-guard-toggle:hover,
.storycar-recall-toggle:hover{background:rgba(255,255,255,.035)!important}
.vehicle-guard-side{
justify-self:end!important;
display:flex!important;
align-items:center!important;
gap:7px!important;
}
.vehicle-guard-side small{
color:#ff8950!important;
font-size:9px!important;
font-weight:800!important;
letter-spacing:.04em!important;
}
.vehicle-guard.is-open .vehicle-guard-side small{opacity:0!important}
.storycar-recall-side{
justify-self:end!important;
display:flex!important;
align-items:center!important;
gap:8px!important;
}
.storycar-recall-chevron{
color:#ff8950!important;
font-size:18px!important;
line-height:1!important;
transition:transform .18s ease!important;
}
.storycar-recall-card.is-open .storycar-recall-chevron{transform:rotate(180deg)!important}
.storycar-recall-kicker{
color:#ff8950!important;
font-size:8.5px!important;
}
/* Accessible mobile sizing */
@media(max-width:480px){
.proof-row{max-width:390px!important;padding:0 4px!important}
.proof-row span{font-size:10.5px!important;padding-right:13px!important;margin-right:3px!important}
.vehicle-guard-side small{display:inline-flex!important}
}
/* Vincoli e gravami: accento arancione e comando Apri sempre visibile */
.vehicle-guard{
border-color:rgba(255,105,48,.55)!important;
background:
radial-gradient(circle at 0 0,rgba(255,88,20,.17),transparent 38%),
linear-gradient(150deg,rgba(25,27,33,.98),rgba(10,13,18,.99))!important;
box-shadow:0 18px 46px rgba(0,0,0,.24),0 0 0 1px rgba(255,95,31,.04)!important;
}
.vehicle-guard-toggle{
grid-template-columns:42px minmax(0,1fr) auto!important;
}
.vehicle-guard-icon{
color:#ff8950!important;
border-color:rgba(255,116,61,.34)!important;
background:rgba(255,90,25,.12)!important;
}
.vehicle-guard-copy strong,
.vehicle-guard-chevron{
color:#ff8950!important;
}
.vehicle-guard-side small{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-width:42px!important;
padding:6px 9px!important;
border:1px solid rgba(255,122,68,.42)!important;
border-radius:999px!important;
background:rgba(255,87,22,.12)!important;
color:#ff9a62!important;
line-height:1!important;
opacity:1!important;
}
.vehicle-guard.is-open .vehicle-guard-side small{
opacity:1!important;
}
/* V13 — revisioni complete nei dettagli */
.revision-details-section{margin:5px 12px 12px;padding:14px;border-radius:14px;background:#fff;border:1px solid rgba(11,15,20,.08)}
.revision-details-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.revision-details-head span{font-size:9px;letter-spacing:.09em;font-weight:900;color:#71747a}
.revision-details-head b{font-size:10px;color:#ff4b12}
.revision-pills{display:grid;gap:8px}
.revision-pill{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid rgba(11,15,20,.08);border-radius:12px;background:#f8f8f7}
.revision-pill-main{display:flex;align-items:baseline;gap:12px;min-width:0}
.revision-pill-main strong,.revision-pill-main span{font-size:12px;color:#17191d;white-space:nowrap}
.revision-pill-main span{font-weight:800}
.revision-outcome{flex:0 0 auto;padding:5px 8px;border-radius:999px;font-style:normal;font-size:8px;font-weight:900;letter-spacing:.05em}
.revision-outcome.ok{color:#177448;background:rgba(31,157,99,.11)}
.revision-outcome.warn{color:#a44620;background:rgba(255,102,34,.12)}
.revision-outcome.neutral{color:#64676d;background:rgba(11,15,20,.07)}
/* V16 — revisioni come controllo autonomo, prima di richiami e vincoli */
.revision-standalone-card{
display:block;margin-top:14px;border:1px solid rgba(71,203,139,.24);border-radius:20px;
overflow:hidden;background:#11161d;color:#f7f8fa;box-shadow:0 18px 46px rgba(0,0,0,.20)
}
.revision-standalone-card summary,.revision-standalone-empty{
min-height:84px;padding:17px 16px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;
align-items:center;gap:13px;list-style:none;cursor:pointer
}
.revision-standalone-card summary::-webkit-details-marker{display:none}
.revision-standalone-icon{
width:46px;height:46px;border:1px solid rgba(71,203,139,.25);border-radius:14px;
display:grid;place-items:center;background:rgba(42,196,126,.09);color:#48cf8e;font-size:17px;font-weight:900
}
.revision-standalone-copy{display:block;min-width:0}
.revision-standalone-copy small{
display:block;color:#48cf8e;font-size:9px;font-weight:850;letter-spacing:.13em;text-transform:uppercase
}
.revision-standalone-copy strong{display:block;margin-top:4px;color:#fff;font-size:15px;line-height:1.25}
.revision-standalone-copy em{display:block;margin-top:5px;color:#8d95a0;font-size:11px;line-height:1.4;font-style:normal}
.revision-standalone-side{justify-self:end;display:flex;align-items:center;gap:9px}
.revision-standalone-side b{min-width:30px;text-align:center;color:#48cf8e;font-size:12px;font-weight:900}
.revision-standalone-side i{color:#48cf8e;font-size:18px;font-style:normal;transition:transform .18s ease}
.revision-standalone-card[open] .revision-standalone-side i{transform:rotate(180deg)}
.revision-standalone-panel{padding:12px 16px 16px;border-top:1px solid rgba(255,255,255,.06)}
.revision-standalone-panel .revision-pill{border-color:rgba(255,255,255,.075);background:rgba(255,255,255,.035)}
.revision-standalone-panel .revision-pill-main strong,.revision-standalone-panel .revision-pill-main span{color:#f3f5f7}
.revision-standalone-panel .revision-outcome.ok{color:#55d99a;background:rgba(31,157,99,.13)}
.revision-standalone-panel .revision-outcome.warn{color:#ff9a67;background:rgba(255,102,34,.13)}
.revision-standalone-panel .revision-outcome.neutral{color:#a7aeb8;background:rgba(255,255,255,.07)}
.revision-standalone-card.is-empty{border-color:rgba(255,255,255,.09)}
.revision-standalone-card.is-empty .revision-standalone-icon{border-color:rgba(255,255,255,.10);background:rgba(255,255,255,.05);color:#8b929c}
.revision-standalone-card.is-empty .revision-standalone-copy small{color:#8b929c}
@media(max-width:480px){
.revision-standalone-card summary,.revision-standalone-empty{grid-template-columns:40px minmax(0,1fr) auto;padding:15px 14px;gap:10px}
.revision-standalone-icon{width:40px;height:40px;border-radius:12px}
.revision-standalone-copy em{font-size:9.5px}
.revision-standalone-panel{padding:10px 14px 14px}
.revision-pill{align-items:flex-start;gap:8px}
.revision-pill-main{flex-direction:column;gap:3px}
}
/* V13 — recall compatto: prime 3 + espansione */
.storycar-recall-item[hidden]{display:none!important}
.storycar-recall-more{width:100%;margin:6px 0 13px;min-height:42px;border:1px solid rgba(255,137,80,.26);border-radius:12px;background:rgba(255,137,80,.07);color:#ff9a67;font-size:10px;font-weight:900;cursor:pointer}
.storycar-recall-more span{margin-left:5px;font-size:13px}
.storycar-recall-vin-note{margin-top:3px;padding:12px 13px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}
.storycar-recall-vin-note strong{display:block;margin-bottom:5px;color:#fff;font-size:10px}
.storycar-recall-vin-note p{margin:0;color:rgba(255,255,255,.62);font-size:9.5px;line-height:1.45}
/* V15.2 — richiami leggibili, distinti e non interpretabili come certezza */
.storycar-recall-card{
border-color:rgba(255,137,80,.34)!important;
background:#11161d!important;
}
.storycar-recall-toggle{
grid-template-columns:46px minmax(0,1fr) auto!important;
gap:13px!important;
padding:17px 16px!important;
}
.storycar-recall-icon{
width:46px!important;height:46px!important;
border-color:rgba(255,137,80,.24)!important;
background:rgba(255,137,80,.08)!important;
}
.storycar-recall-kicker{font-size:9px!important;letter-spacing:.13em!important}
.storycar-recall-copy strong{
margin-top:4px!important;color:#fff!important;font-size:15px!important;line-height:1.25!important;
}
.storycar-recall-copy small{
max-width:440px!important;margin-top:5px!important;color:#a5acb6!important;font-size:12px!important;line-height:1.45!important;
}
.storycar-recall-state{
min-width:30px!important;color:#ff9a62!important;font-size:12px!important;font-weight:900!important;
}
.storycar-recall-details{padding:10px 16px 16px!important}
.storycar-recall-list{display:grid!important;gap:12px!important}
.storycar-recall-item{
padding:16px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important;
background:rgba(255,255,255,.025)!important;
}
.storycar-recall-item-head{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important}
.storycar-recall-code{color:#fff!important;font-size:13px!important;font-weight:900!important;letter-spacing:.01em!important}
.storycar-recall-risk{
display:inline-flex!important;padding:4px 8px!important;border-radius:999px!important;
background:rgba(255,137,80,.12)!important;color:#ffad7f!important;font-size:10px!important;font-weight:850!important;
}
.storycar-recall-defect{
margin:11px 0 13px!important;color:#e5e8ec!important;font-size:13px!important;line-height:1.58!important;
}
.storycar-recall-meta{display:grid!important;gap:9px!important;margin:0!important}
.storycar-recall-meta>div{display:grid!important;grid-template-columns:125px minmax(0,1fr)!important;gap:10px!important}
.storycar-recall-meta dt{
color:#858e9a!important;font-size:10px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.045em!important;
}
.storycar-recall-meta dd{margin:0!important;color:#c8cdd4!important;font-size:12px!important;line-height:1.5!important}
.storycar-recall-translation-note{
margin:13px 2px!important;color:#89919c!important;font-size:10.5px!important;line-height:1.5!important;
}
.storycar-recall-vin-note{
margin-top:14px!important;padding:15px!important;border-color:rgba(255,137,80,.22)!important;background:rgba(255,137,80,.065)!important;
}
.storycar-recall-vin-note strong{font-size:13px!important;color:#fff!important}
.storycar-recall-vin-note p{font-size:11.5px!important;line-height:1.55!important;color:#bdc3cb!important}
.storycar-recall-more{font-size:12px!important}
@media(max-width:480px){
.storycar-recall-toggle{grid-template-columns:42px minmax(0,1fr) auto!important;padding:15px 14px!important}
.storycar-recall-icon{width:42px!important;height:42px!important}
.storycar-recall-copy strong{font-size:14px!important}
.storycar-recall-copy small{font-size:11px!important}
.storycar-recall-details{padding:10px 12px 14px!important}
.storycar-recall-item{padding:14px!important}
.storycar-recall-meta>div{grid-template-columns:1fr!important;gap:3px!important}
.storycar-recall-defect{font-size:12.5px!important}
}
/* Storycar Passport nel Wallet / Account — saldo separato dai report Base */
.wallet-passport-row{
margin-top:15px;
padding-top:15px;
border-top:1px solid rgba(255,255,255,.07);
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
}
.wallet-passport-copy{min-width:0}
.wallet-passport-copy span{
display:block;
margin-bottom:5px;
font-size:8.5px;
line-height:1;
font-weight:800;
letter-spacing:.14em;
color:var(--accent-2);
}
.wallet-passport-copy strong{
display:block;
max-width:100%;
color:#f5f4f1;
font-size:12px;
line-height:1.35;
font-weight:700;
}
.wallet-passport-count{
flex:0 0 auto;
min-width:38px;
height:38px;
padding:0 10px;
display:grid;
place-items:center;
border-radius:999px;
border:1px solid rgba(255,96,38,.22);
background:rgba(255,78,20,.09);
color:var(--accent-2);
font:700 16px/1 'Space Grotesk',sans-serif;
}
.account-passport-row strong{color:var(--accent-2)}
/* =========================================================
STORYCAR GOLD V14 — registrazione/account
========================================================= */
html.sc-auth-locked,html.sc-auth-locked body{overflow:hidden!important}
.sc-auth-gate{
position:fixed;inset:0;z-index:30000;display:flex;align-items:center;justify-content:center;
padding:18px 14px calc(18px + env(safe-area-inset-bottom));overflow:auto;
background:radial-gradient(circle at 50% 0%,rgba(255,82,24,.13),transparent 38%),#0b0e13;
transition:opacity .2s ease,visibility .2s ease
}
.sc-auth-gate.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.sc-auth-card{
width:min(100%,510px);margin:auto;padding:27px 24px 24px;
border:1px solid rgba(255,255,255,.11);border-radius:30px;
background:linear-gradient(180deg,rgba(25,27,33,.99),rgba(15,18,23,.995));
box-shadow:0 28px 90px rgba(0,0,0,.48);color:#f8f7f4
}
.sc-auth-logo{margin-bottom:23px;font:800 25px/1 'Space Grotesk',sans-serif;letter-spacing:-.04em}
.sc-auth-logo span{color:#ff5722;font-size:12px;vertical-align:top;margin-left:2px}
.sc-auth-kicker{margin-bottom:8px;color:#ff7043;font-size:10px;font-weight:800;letter-spacing:.16em}
.sc-auth-card h1{margin:0 0 9px;color:#fff;font:750 clamp(27px,7vw,35px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-.035em}
.sc-auth-lead{margin:0 0 22px;color:#a9adb5;font-size:14px;line-height:1.5}
.sc-auth-label{display:block;margin:13px 0 7px;color:#d7d9dd;font-size:11px;font-weight:750}
.sc-auth-input{
width:100%;height:52px;box-sizing:border-box;padding:0 15px;border:1px solid rgba(255,255,255,.13);
border-radius:15px;outline:none;background:#10141a;color:#fff;font-size:15px
}
.sc-auth-input:focus{border-color:#ff6734;box-shadow:0 0 0 3px rgba(255,91,35,.10)}
.sc-auth-select{appearance:auto}
.sc-auth-user-types{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sc-auth-type{
min-height:76px;padding:13px;border:1px solid rgba(255,255,255,.11);border-radius:16px;
background:#10141a;color:#fff;text-align:left;cursor:pointer
}
.sc-auth-type strong{display:block;font-size:13px;margin-bottom:4px}
.sc-auth-type small{display:block;color:#888f99;font-size:10.5px;line-height:1.35}
.sc-auth-type.is-selected{border-color:#ff6734;background:rgba(255,91,35,.08);box-shadow:0 0 0 3px rgba(255,91,35,.08)}
.sc-auth-check{display:flex;align-items:flex-start;gap:10px;margin:15px 2px 0;color:#afb4bc;font-size:11.5px;line-height:1.45}
.sc-auth-check input{width:18px;height:18px;flex:0 0 auto;margin-top:1px;accent-color:#ff5722}
.sc-auth-check a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.sc-auth-primary{
width:100%;min-height:54px;margin-top:13px;border:0;border-radius:17px;
background:linear-gradient(135deg,#ff4d0d,#ff7441);color:#fff;font-size:15px;font-weight:800;cursor:pointer
}
.sc-auth-primary:disabled{opacity:.6;cursor:wait}
.sc-auth-error{min-height:19px;margin-top:7px;color:#ff9a82;font-size:12px;line-height:1.4}
.sc-auth-switch{text-align:center;margin-top:18px;color:#8f949d;font-size:12px}
.sc-auth-switch button,.sc-auth-back{border:0;background:transparent;color:#fff;font-weight:750;cursor:pointer}
.sc-auth-back{display:block;margin:14px auto 0;color:#b9bdc4;font-size:12px}
.sc-auth-code{
width:100%;height:65px;box-sizing:border-box;margin:5px 0 4px;border:1px solid rgba(255,255,255,.15);
border-radius:17px;background:#10141a;color:#fff;text-align:center;
font:750 26px/1 'Space Grotesk',sans-serif;letter-spacing:.28em;outline:none
}
.sc-auth-code:focus{border-color:#ff6734;box-shadow:0 0 0 3px rgba(255,91,35,.10)}
.sc-auth-email-chip{display:inline-flex;margin:0 0 14px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.06);color:#c8cbd0;font-size:11px}
.sc-auth-foot{margin-top:22px;text-align:center;color:#707680;font-size:10.5px}
.wallet-history-day{display:grid;gap:3px}
.wallet-history-day+.wallet-history-day{margin-top:14px}
.wallet-history-day-title{
position:sticky;top:0;z-index:1;padding:8px 4px 6px;
color:rgba(255,255,255,.48);background:linear-gradient(#0b0f14 70%,rgba(11,15,20,0));
font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase
}
@media(max-width:560px){
.sc-auth-gate{align-items:flex-start;padding-top:max(16px,env(safe-area-inset-top))}
.sc-auth-card{border-radius:25px;padding:24px 19px 21px}
.sc-auth-user-types{grid-template-columns:1fr}
}
/* V14.1 — feedback tattile bottoni */
button,.button,.wallet-page-primary,.wallet-page-secondary,.purchase-choice-card{
-webkit-tap-highlight-color:transparent;
}
.sc-auth-primary,.sc-auth-type,.sc-auth-back,.sc-auth-doc-link,
.purchase-choice-card,.purchase-main-button,.wallet-page-primary,.wallet-page-secondary,
.account-action,.report-row{
transition:transform .10s ease,filter .10s ease,background-color .10s ease,border-color .10s ease,box-shadow .10s ease;
}
.sc-auth-primary:active,.sc-auth-type:active,.purchase-choice-card:active,
.purchase-main-button:active,.wallet-page-primary:active,.wallet-page-secondary:active,
.account-action:active{
transform:scale(.975);
filter:brightness(1.10);
}
.sc-auth-back:active,.sc-auth-doc-link:active{
opacity:.68;
transform:scale(.985);
}
.sc-auth-type.is-selected{
transform:translateY(-1px);
border-color:#ff6734;
background:rgba(255,91,35,.11);
box-shadow:0 0 0 3px rgba(255,91,35,.09),0 9px 25px rgba(0,0,0,.16);
}
.sc-auth-doc-link{
display:inline;
padding:0;
border:0;
background:transparent;
color:#fff;
text-decoration:underline;
text-underline-offset:2px;
font:inherit;
cursor:pointer;
}
/* Documenti legali dentro Storycar */
.sc-doc-overlay{
position:fixed;inset:0;z-index:31000;display:none;align-items:flex-end;justify-content:center;
padding:12px;background:rgba(5,8,12,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)
}
.sc-doc-overlay.show{display:flex}
.sc-doc-sheet{
width:min(100%,720px);height:min(88dvh,840px);display:flex;flex-direction:column;
background:#f7f6f2;color:#17191d;border-radius:26px 26px 20px 20px;overflow:hidden;
box-shadow:0 30px 90px rgba(0,0,0,.42)
}
.sc-doc-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 18px 14px;border-bottom:1px solid #e5e2dc}
.sc-doc-kicker{display:block;color:#ff5722;font-size:9px;font-weight:900;letter-spacing:.14em}
.sc-doc-head h2{margin:4px 0 0;font-size:22px;letter-spacing:-.025em}
.sc-doc-close{width:42px;height:42px;border:0;border-radius:50%;background:#e9e7e1;color:#1b1d21;font-size:24px;cursor:pointer}
.sc-doc-close:active{transform:scale(.93)}
.sc-doc-content{flex:1;overflow:auto;padding:18px 20px 28px;font-size:13px;line-height:1.62}
.sc-doc-content h1,.sc-doc-content h2,.sc-doc-content h3{color:#17191d;line-height:1.2}
.sc-doc-content a{color:#d84a18}
.sc-doc-loading{padding:30px;text-align:center;color:#777}
@media(min-width:700px){
.sc-doc-overlay{align-items:center}
.sc-doc-sheet{border-radius:26px}
}
/* V14.1a — respiro superiore registrazione su smartphone */
@media(max-width:560px){
.sc-auth-gate{
padding-top:max(42px,calc(env(safe-area-inset-top) + 24px));
}
}
/* V14.3A — micro UX mobile
1) Home un poco più bassa.
2) Il gate account nasce invisibile: compare SOLO dopo il check backend. */
@media (max-width:560px){
#viewHome .stage{
transform:translateY(24px);
}
}
/* V14.3F — Stripe sempre sopra a qualsiasi popup Storycar */
#storycarEmbeddedCheckoutOverlay{
z-index:2147483000 !important;
}
#storycarEmbeddedCheckoutOverlay > div{
position:relative;
z-index:2147483001;
}
/* V14.3G — STRIPE NEL TOP LAYER DEL BROWSER */
#storycarEmbeddedCheckoutDialog{
width:100vw;
max-width:none;
height:100dvh;
max-height:none;
margin:0;
padding:18px;
border:0;
background:transparent;
overflow:auto;
box-sizing:border-box;
}
#storycarEmbeddedCheckoutDialog::backdrop{
background:rgba(8,11,16,.78);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
}
#storycarEmbeddedCheckoutDialog[open]{
display:flex;
align-items:center;
justify-content:center;
}
.storycar-stripe-shell{
width:min(100%,560px);
max-height:92dvh;
overflow:auto;
background:#fff;
border-radius:24px;
box-shadow:0 24px 80px rgba(0,0,0,.34);
padding:16px;
color:#111827;
}
.storycar-stripe-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:4px 4px 12px;
}
.storycar-stripe-kicker{
font-size:12px;
color:#7b8190;
font-weight:700;
letter-spacing:.04em;
text-transform:uppercase;
}
.storycar-stripe-title{
font-size:18px;
font-weight:800;
color:#111827;
}
#storycarEmbeddedClose{
border:0;
background:#f1f3f6;
width:38px;
height:38px;
border-radius:50%;
font-size:22px;
cursor:pointer;
}
#storycarEmbeddedClose:active{transform:scale(.94)}
@media(max-width:560px){
#storycarEmbeddedCheckoutDialog{padding:10px}
.storycar-stripe-shell{border-radius:20px;max-height:96dvh}
}
/* V14.3H — report persistente + PDF/share */
.report-detail-date{
display:flex;align-items:flex-end;justify-content:space-between;gap:12px;
margin:14px 0 16px;padding:11px 13px;border-radius:14px;background:rgba(255,255,255,.045)
}
.report-detail-date span{font-size:9px;font-weight:850;letter-spacing:.12em;opacity:.55}
.report-detail-date strong{font-size:11px}
.report-snapshot-stack{display:grid;gap:10px;margin-top:16px}
.report-snapshot-section{
padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:16px;
background:rgba(255,255,255,.035)
}
.report-snapshot-section.is-success{border-color:rgba(80,190,130,.25)}
.report-snapshot-section.is-warning{border-color:rgba(255,157,70,.32)}
.report-snapshot-section.is-muted{opacity:.72}
.report-snapshot-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:7px}
.report-snapshot-head span{font-size:9px;font-weight:850;letter-spacing:.11em;opacity:.58}
.report-snapshot-head em{font-size:10px;font-style:normal;font-weight:750;text-align:right}
.report-snapshot-section>small{display:block;margin-bottom:8px;opacity:.58;font-size:9px}
.report-snapshot-section>strong{display:block;margin-bottom:6px;font-size:12px}
.report-snapshot-section>p{margin:6px 0 0;font-size:10.5px;line-height:1.5;opacity:.78}
.report-snapshot-list{display:grid;gap:5px;margin:8px 0}
.report-snapshot-list>div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid rgba(255,255,255,.06)}
.report-snapshot-list b{font-size:10px}
.report-snapshot-list span{font-size:9.5px;opacity:.68;text-align:right}
.report-export-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}
.report-export-actions button{
min-height:48px;border-radius:14px;font-weight:800;cursor:pointer;
transition:transform .1s ease,filter .1s ease
}
.report-export-actions button:active{transform:scale(.975)}
.report-export-primary{border:0;background:#fff;color:#111}
.report-export-secondary{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.05);color:#fff}
.report-export-note{margin:8px 2px 0!important;font-size:9px!important;opacity:.48!important;text-align:center}
@media(max-width:520px){
.report-export-actions{grid-template-columns:1fr}
}
/* V14.3I — profilo fiscale progressivo */
.billing-profile-card{margin:14px 0;padding:14px;border:1px solid rgba(255,166,70,.28);background:rgba(255,166,70,.055);border-radius:16px}
.billing-profile-card.is-complete{border-color:rgba(82,202,139,.24);background:rgba(82,202,139,.045)}
.billing-profile-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.billing-profile-head span{display:block;font-size:9px;letter-spacing:.11em;opacity:.6;font-weight:850}
.billing-profile-head strong{display:block;margin-top:3px;font-size:13px}
.billing-profile-head i{width:9px;height:9px;border-radius:50%;background:#f2a34a;box-shadow:0 0 0 5px rgba(242,163,74,.1)}
.billing-profile-card.is-complete i{background:#55c98b;box-shadow:0 0 0 5px rgba(85,201,139,.1)}
.billing-profile-card p{font-size:10.5px;line-height:1.45;opacity:.72;margin:9px 0 11px}
.account-complete{width:100%;min-height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;font-weight:800}
.storycar-form-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:14px;border:0;background:transparent}
.storycar-form-dialog::backdrop{background:rgba(5,8,12,.82);backdrop-filter:blur(9px)}
.storycar-form-dialog[open]{display:flex;align-items:center;justify-content:center}
.storycar-form-card{position:relative;width:min(100%,520px);max-height:94dvh;overflow:auto;background:#11161f;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:20px}
.storycar-form-card h2{margin:5px 0 6px;font-size:22px}.storycar-form-card>p{opacity:.7;font-size:11px}
.storycar-form-close{position:absolute;right:14px;top:14px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:22px}
.storycar-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.storycar-form-grid .wide{grid-column:1/-1}
.storycar-form-card label{display:grid;gap:5px;font-size:10px;font-weight:750;color:#b9c0cb;margin:10px 0}
.storycar-form-card input{width:100%;border:1px solid rgba(255,255,255,.11);background:#0b0f15;color:#fff;border-radius:12px;padding:13px;font-size:14px}
@media(max-width:480px){.storycar-form-grid{grid-template-columns:1fr}.storycar-form-grid .wide{grid-column:auto}}
/* V14.4 Il mio Storycar + Servizi */
.story-accordion{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:14px;margin-top:9px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.045);color:inherit}.story-accordion div{display:grid;gap:3px}.story-accordion span{font-size:9px;font-weight:850;letter-spacing:.1em;opacity:.55}.story-accordion strong{font-size:12px}.story-accordion b{font-size:18px;transition:.2s}.story-accordion.is-open b{transform:rotate(180deg)}.story-panel{display:none;padding:4px 2px 8px}.story-panel.is-open{display:block}.services-page{padding-bottom:90px}.services-page-head p{max-width:520px}.services-path{display:grid;gap:13px}.service-card{position:relative;padding:19px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);border-radius:20px}.service-card.featured{border-color:rgba(255,173,70,.32);background:linear-gradient(180deg,rgba(255,173,70,.08),rgba(255,255,255,.035))}.service-step{font-size:9px;font-weight:900;letter-spacing:.12em;opacity:.55}.service-badge{position:absolute;right:14px;top:14px;font-size:8px;font-weight:900;padding:5px 7px;border-radius:999px;background:rgba(255,173,70,.14)}.service-card h3{font-size:20px;margin:8px 0}.service-card p,.service-card li{font-size:11px;line-height:1.5}.service-card p{opacity:.7}.service-card ul{list-style:none;padding:0;display:grid;gap:6px}.service-card li:before{content:"✓";margin-right:7px}.service-price{display:block;font-size:25px;margin:12px 0}.service-primary{width:100%;min-height:46px;border:0;border-radius:13px;font-weight:900}.services-manifesto{text-align:center;margin:18px 0;padding:18px;border-radius:18px;background:rgba(255,255,255,.03)}.services-manifesto small{display:block;letter-spacing:.1em;opacity:.5}.services-manifesto strong{display:block;margin-top:7px;line-height:1.45}@media(min-width:760px){.services-path{grid-template-columns:repeat(3,1fr)}.service-card{display:flex;flex-direction:column}.service-primary{margin-top:auto}}
/* V14.4A — Shopycar premium journey + Storycar account hierarchy */
.shopycar-page{padding-bottom:96px;overflow:hidden}
.shopycar-hero{padding:20px 2px 18px}.shopycar-overline{font-size:10px;font-weight:950;letter-spacing:.18em;opacity:.55}
.shopycar-hero h2{font-size:29px;line-height:1.03;letter-spacing:-.035em;margin:8px 0 10px;max-width:520px}
.shopycar-hero p{font-size:12px;line-height:1.55;opacity:.62;max-width:560px;margin:0}
.shopycar-journey{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 18px 15px 1px;margin-right:-18px;scrollbar-width:none}
.shopycar-journey::-webkit-scrollbar{display:none}
.shopycar-card{flex:0 0 min(78vw,310px);min-height:390px;scroll-snap-align:start;position:relative;display:flex;flex-direction:column;padding:20px;border-radius:24px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(155deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:0 18px 50px rgba(0,0,0,.16)}
.shopycar-card.elite-card{border-color:rgba(255,178,74,.35);background:radial-gradient(circle at 90% 0,rgba(255,174,64,.13),transparent 42%),linear-gradient(155deg,rgba(255,255,255,.085),rgba(255,255,255,.028))}
.shopycar-card-top{display:flex;justify-content:space-between;align-items:center}.journey-number{font-size:11px;font-weight:950;opacity:.35}.journey-label{font-size:9px;font-weight:950;letter-spacing:.13em;opacity:.62}
.journey-pill{position:absolute;right:18px;top:49px;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:950;letter-spacing:.08em;background:rgba(255,177,68,.14);color:#ffb75f}
.journey-icon{font-size:32px;line-height:1;margin:28px 0 17px;opacity:.86}.shopycar-card h3{font-size:27px;line-height:.98;letter-spacing:-.035em;margin:0 0 13px}.shopycar-card p{font-size:11.5px;line-height:1.55;opacity:.65;margin:0 0 12px}
.journey-includes{font-size:9px;font-weight:850;opacity:.55;margin-top:auto;padding-top:12px}.journey-meta{display:flex;justify-content:space-between;align-items:end;border-top:1px solid rgba(255,255,255,.08);padding-top:14px;margin-top:auto}.journey-meta span{font-size:8px;font-weight:900;letter-spacing:.1em;opacity:.45}.journey-meta strong{font-size:23px;letter-spacing:-.03em}
.journey-cta{width:100%;margin-top:14px;min-height:48px;border:0;border-radius:14px;font-weight:900;display:flex;align-items:center;justify-content:space-between;padding:0 15px}.journey-cta b{font-size:18px}
.journey-swipe-hint{display:flex;align-items:center;gap:8px;font-size:9px;opacity:.45;padding:0 2px 18px}.journey-swipe-hint i{font-style:normal;font-size:15px}
.shopycar-promise{padding:19px;border-radius:20px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055)}.shopycar-promise span{font-size:8px;font-weight:900;letter-spacing:.12em;opacity:.45}.shopycar-promise strong{display:block;margin-top:7px;font-size:14px;line-height:1.42}
.storycar-account-card{background:transparent!important;border:0!important;padding:0!important}
.storycar-dashboard{display:grid;grid-template-columns:1.35fr .85fr;gap:10px;margin-bottom:20px}
.storycar-identity,.storycar-balance{min-height:105px;border-radius:20px;border:1px solid rgba(255,255,255,.08);padding:15px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));color:inherit}
.storycar-identity{display:flex;align-items:center;gap:12px}.storycar-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.1);font-weight:950}.storycar-identity div{display:grid;gap:4px;min-width:0}.storycar-identity small{font-size:8px;letter-spacing:.11em;opacity:.45}.storycar-identity strong{font-size:11px;overflow:hidden;text-overflow:ellipsis}
.storycar-balance{border:1px solid rgba(255,178,74,.18);text-align:left;position:relative}.storycar-balance span{display:block;font-size:8px;font-weight:900;letter-spacing:.12em;opacity:.5}.storycar-balance strong{display:block;font-size:29px;line-height:1;margin:8px 0 3px}.storycar-balance small{font-size:8px;opacity:.48}.storycar-balance b{position:absolute;right:12px;bottom:10px;font-size:16px}
.story-section-label{margin:17px 3px 7px;font-size:8px;font-weight:950;letter-spacing:.14em;opacity:.38}.story-section-label.wallet-label{margin-top:23px}.story-section-label.billing-label{margin-top:23px}
.story-accordion{margin-top:0;background:rgba(255,255,255,.035)}.story-profile-accordion{border-left:2px solid rgba(255,255,255,.18)}.story-wallet-accordion{border-left:2px solid rgba(255,178,74,.45)}.story-billing-accordion{border-left:2px solid rgba(125,175,255,.35)}
.story-panel{padding:6px 4px 9px}.story-panel .account-row{background:rgba(255,255,255,.018)}
@media(min-width:760px){.shopycar-journey{overflow:visible;margin-right:0;padding-right:0}.shopycar-card{flex:1;min-width:0}.journey-swipe-hint{display:none}}
/* V14.4B — Shopycar horizontal product rows */
.shopycar-list-page{padding-bottom:96px;overflow:visible}
.shopycar-list-head{padding:20px 1px 20px}.shopycar-list-head h2{font-size:30px;line-height:1.01;letter-spacing:-.04em;margin:8px 0 10px;max-width:460px}.shopycar-list-head p{font-size:12px;line-height:1.5;opacity:.6;margin:0}
.shopycar-levels{display:grid;gap:0}
.product-row{display:grid;grid-template-columns:92px minmax(0,1fr);min-height:190px;border:1px solid rgba(255,255,255,.085);border-radius:22px;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.018));box-shadow:0 14px 42px rgba(0,0,0,.12)}
.product-row.product-elite{border-color:rgba(255,177,67,.34);background:radial-gradient(circle at 100% 0,rgba(255,177,67,.11),transparent 43%),linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.02))}
.product-visual{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-right:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.018)}
.product-index{position:absolute;top:12px;left:12px;font-size:9px;font-weight:950;opacity:.3}.product-symbol{font-size:31px;line-height:1;opacity:.82}.product-stage{font-size:8px;font-weight:950;letter-spacing:.13em;writing-mode:vertical-rl;transform:rotate(180deg);position:absolute;bottom:12px;left:12px;opacity:.42}
.product-copy{padding:17px 16px 15px;display:flex;flex-direction:column;min-width:0}.product-name{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.product-name small{display:block;font-size:8px;font-weight:900;letter-spacing:.12em;opacity:.42;margin-bottom:2px}.product-name h3{font-size:23px;line-height:1;margin:0;letter-spacing:-.035em}.product-name>strong{font-size:18px;white-space:nowrap;letter-spacing:-.03em}
.product-copy>p{font-size:10.8px;line-height:1.48;opacity:.64;margin:11px 0 9px;max-width:430px}.product-chips{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 9px}.product-chips span{font-size:8px;font-weight:800;padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.055);opacity:.7}
.product-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid rgba(255,255,255,.065)}.product-footer>span{font-size:8px;font-weight:900;letter-spacing:.08em;opacity:.42}.product-footer .recommended{color:#ffb65a;opacity:.9}.product-footer button{min-height:40px;border:0;border-radius:11px;padding:0 12px;font-size:10px;font-weight:900;display:flex;align-items:center;gap:10px}.product-footer button b{font-size:15px}
.product-connector{height:38px;display:flex;align-items:center;padding-left:45px;gap:10px}.product-connector i{height:100%;width:1px;background:linear-gradient(rgba(255,255,255,.16),rgba(255,255,255,.05))}.product-connector span{font-size:8px;font-weight:750;letter-spacing:.04em;opacity:.3}
.shopycar-bottom-note{margin-top:18px;padding:16px 17px;border-radius:17px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05)}.shopycar-bottom-note span{font-size:8px;font-weight:900;letter-spacing:.12em;opacity:.4}.shopycar-bottom-note p{font-size:11px;line-height:1.45;margin:6px 0 0;opacity:.62}
@media(max-width:360px){.product-row{grid-template-columns:78px minmax(0,1fr)}.product-copy{padding:15px 13px}.product-name h3{font-size:21px}.product-name>strong{font-size:16px}}
@media(min-width:700px){.product-row{grid-template-columns:125px minmax(0,1fr);min-height:175px}.product-stage{writing-mode:horizontal-tb;transform:none;left:auto;bottom:15px}.product-copy{padding:20px 22px}.product-copy>p{font-size:12px}.product-name h3{font-size:27px}.product-name>strong{font-size:22px}.product-connector{padding-left:62px}}
/* V14.4C */
.orange-dot{color:#ff5a1f!important}.app-nav-item[data-app-nav="services"] svg{stroke:#ff5a1f}.shopc{padding-bottom:96px}.shopc-head{padding:20px 1px 22px}.shopc-logo{font-size:12px;font-weight:950}.shopc-head h2{font-size:29px;line-height:1.03;letter-spacing:-.04em;margin:9px 0 11px;color:#fff}.shopc-head p{font-size:12px;line-height:1.55;color:rgba(255,255,255,.8);margin:0}.shopc-list{display:grid}.shopc-row{display:grid;grid-template-columns:82px minmax(0,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:23px;background:linear-gradient(135deg,rgba(255,255,255,.068),rgba(255,255,255,.022));box-shadow:0 16px 46px rgba(0,0,0,.14)}.shopc-row.elite{border-color:rgba(255,90,31,.32);background:radial-gradient(circle at 100% 0,rgba(255,90,31,.10),transparent 42%),linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.022))}.shopc-row aside{position:relative;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.075);min-height:260px}.shopc-row aside span{position:absolute;top:13px;left:12px;font-size:9px;font-weight:950;opacity:.35}.shopc-row aside i{font-style:normal;font-size:30px}.shopc-row aside b{position:absolute;bottom:13px;left:12px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:8px;letter-spacing:.14em;opacity:.5}.shopc-row main{padding:18px 16px 16px}.shopc-title{display:flex;justify-content:space-between;gap:10px}.shopc-title small{font-size:8px;font-weight:900;letter-spacing:.13em;opacity:.5}.shopc-title h3{font-size:25px;margin:2px 0 0;line-height:1;color:#fff}.shopc-title>strong{font-size:21px;white-space:nowrap;color:#fff}.shopc-row main>p{font-size:11.5px;line-height:1.55;color:rgba(255,255,255,.84);margin:13px 0 11px}.included{display:inline-block;font-size:9px;font-weight:850;line-height:1.35;padding:7px 9px;border:1px solid rgba(91,224,157,.25);border-radius:999px;color:#a5edc4;background:rgba(33,180,107,.075)}.shopc-more{width:100%;display:flex;justify-content:space-between;margin-top:14px;padding:11px 0;border:0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:transparent;color:#fff;font-size:10px;font-weight:850}.shopc-more b{color:#ff6a2f;font-size:16px}.shopc-details{display:none;padding:13px 0 3px}.shopc-details.is-open{display:block}.shopc-details ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.shopc-details li{font-size:10.5px;line-height:1.45;color:rgba(255,255,255,.84);padding-left:17px;position:relative}.shopc-details li:before{content:"+";position:absolute;left:0;color:#ff6a2f;font-weight:950}.shopc-details small{display:block;margin-top:12px;font-size:8.5px;opacity:.5}.shopc-row footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.shopc-row footer>span{display:grid}.shopc-row footer>span b{font-size:10px}.shopc-row footer>span small{font-size:8px;opacity:.5}.shopc-row footer button{min-height:43px;border:0;border-radius:12px;padding:0 13px;font-size:10px;font-weight:900}.shopc-bridge{height:43px;display:flex;align-items:center;gap:10px;padding-left:40px}.shopc-bridge i{height:100%;width:1px;background:linear-gradient(rgba(255,90,31,.35),rgba(255,255,255,.05))}.shopc-bridge span{font-size:8.5px;opacity:.45}.shopc-promise{margin-top:18px;padding:17px;border:1px solid rgba(255,255,255,.055);border-radius:18px;background:rgba(255,255,255,.025)}.shopc-promise span{font-size:8px;font-weight:900;letter-spacing:.12em;opacity:.45}.shopc-promise strong{display:block;margin-top:6px;font-size:13px;color:rgba(255,255,255,.84)}@media(max-width:360px){.shopc-row{grid-template-columns:70px minmax(0,1fr)}.shopc-row main{padding:16px 13px}}@media(min-width:700px){.shopc-row{grid-template-columns:110px minmax(0,1fr)}.shopc-row main{padding:22px 24px}.shopc-row aside b{writing-mode:horizontal-tb;transform:none;left:auto}}
/* V14.5 — Shopycar checkout interno */
.shopy-checkout-dialog,.shopy-doc-dialog{width:min(100% - 18px,620px);max-height:92dvh;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:26px;background:#111318;color:#fff;box-shadow:0 30px 100px rgba(0,0,0,.6)}.shopy-checkout-dialog::backdrop,.shopy-doc-dialog::backdrop{background:rgba(4,6,10,.82);backdrop-filter:blur(9px)}.shopy-checkout-shell{padding:18px}.shopy-checkout-shell>header,.shopy-doc-shell>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.shopy-checkout-shell header small{font-size:9px;font-weight:950;letter-spacing:.13em}.shopy-checkout-shell header h3{font-size:20px;margin:3px 0}.shopy-checkout-shell header button,.shopy-doc-shell header button{width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.07);color:#fff;font-size:22px}.shopy-order-hero{margin-top:15px;padding:18px;border-radius:20px;background:radial-gradient(circle at 100% 0,rgba(255,90,31,.14),transparent 45%),rgba(255,255,255,.045);border:1px solid rgba(255,90,31,.18)}.shopy-order-hero>span{font-size:9px;font-weight:850;opacity:.5}.shopy-order-hero>strong{display:block;font-size:34px;letter-spacing:-.04em;margin:3px 0}.shopy-order-hero p{font-size:11px;line-height:1.5;margin:0;color:rgba(255,255,255,.75)}.shopy-check-section{margin-top:18px}.shopy-check-kicker{font-size:8px;font-weight:950;letter-spacing:.14em;opacity:.42;margin:0 2px 8px}.shopy-doc-row{width:100%;display:flex;justify-content:space-between;align-items:center;padding:11px 12px;margin:6px 0;border:1px solid rgba(255,255,255,.075);border-radius:13px;background:rgba(255,255,255,.025);color:#fff;text-align:left}.shopy-doc-row span{display:grid;gap:2px}.shopy-doc-row b{font-size:10px}.shopy-doc-row small{font-size:8px;opacity:.45}.shopy-doc-row i{font-style:normal;font-size:9px;color:#ff7540}.shopy-consent{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;padding:11px 9px;margin:5px 0;border-radius:13px;background:rgba(255,255,255,.025)}.shopy-consent.important{background:rgba(255,90,31,.045);border:1px solid rgba(255,90,31,.10)}.shopy-consent input{width:18px;height:18px;accent-color:#ff5a1f}.shopy-consent span{font-size:10px;line-height:1.45;color:rgba(255,255,255,.82)}.shopy-check-error{min-height:17px;margin:8px 3px;color:#ff9b80;font-size:9px}.shopy-pay-final{width:100%;min-height:52px;border:0;border-radius:15px;padding:0 17px;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:950;background:#fff;color:#111}.shopy-pay-final b{font-size:18px}.shopy-secure-note{text-align:center;font-size:8px;opacity:.42;margin:9px 0 2px}.shopy-doc-dialog{height:min(88dvh,760px)}.shopy-doc-shell{height:100%;display:grid;grid-template-rows:auto 1fr;padding:15px}.shopy-doc-shell header{padding-bottom:12px}.shopy-doc-shell header strong{font-size:11px}.shopy-doc-content{width:100%;height:100%;overflow:auto;border:0;border-radius:14px;background:#fff;color:#191919;padding:18px;box-sizing:border-box;font-size:12px;line-height:1.6}.shopy-doc-content h1{font-size:22px;line-height:1.15;margin:0 0 14px}.shopy-doc-content h2{font-size:16px;line-height:1.25;margin:22px 0 8px}.shopy-doc-content h3{font-size:14px;line-height:1.3;margin:18px 0 7px}.shopy-doc-content p{margin:0 0 10px}.shopy-doc-content ul,.shopy-doc-content ol{padding-left:20px;margin:8px 0 12px}.shopy-doc-content li{margin:4px 0}@media(max-width:520px){.shopy-checkout-dialog,.shopy-doc-dialog{width:100%;max-width:none;margin:auto 0 0;border-radius:25px 25px 0 0;max-height:94dvh}.shopy-checkout-shell{padding:16px}.shopy-doc-dialog{height:92dvh}}
/* V14.5 UX FIX — ogni tap deve sembrare immediatamente ricevuto */
button,[role="button"],.app-nav-item{
-webkit-tap-highlight-color:transparent;
touch-action:manipulation;
}
button:not(:disabled),[role="button"],.app-nav-item{
transition:transform .085s ease,filter .085s ease,opacity .085s ease,box-shadow .085s ease!important;
}
button:not(:disabled):active,[role="button"]:active,.app-nav-item:active,
button.tap-feedback,[role="button"].tap-feedback,.app-nav-item.tap-feedback{
transform:translateY(1px) scale(.965)!important;
filter:brightness(1.16)!important;
opacity:.88!important;
}
button.is-action-loading{
opacity:.78!important;
cursor:wait;
}
button.is-action-loading b{
letter-spacing:2px;
animation:storycarTapPulse .7s ease-in-out infinite alternate;
}
@keyframes storycarTapPulse{from{opacity:.35}to{opacity:1}}
/* V14.5 FINAL UX — bottom navigation completamente a filo schermo.
Nessun contenuto può intravedersi sotto la barra. */
.app-bottom-nav{
left:0!important;
right:0!important;
bottom:0!important;
transform:none!important;
width:100%!important;
max-width:none!important;
height:calc(70px + env(safe-area-inset-bottom))!important;
box-sizing:border-box!important;
padding:6px max(11px,calc((100% - 430px)/2 + 6px)) calc(6px + env(safe-area-inset-bottom))!important;
border-left:0!important;
border-right:0!important;
border-bottom:0!important;
border-radius:21px 21px 0 0!important;
background:#0d1016!important;
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
}
/* V14.5 Shopycar — targa obbligatoria per Elite / Protect */
.shopy-vehicle-section{border-color:rgba(255,106,47,.18)!important}
.shopy-plate-field{display:grid;gap:7px}
.shopy-plate-field>span{font-size:11px;font-weight:850;color:#fff}
.shopy-plate-field input{
width:100%;box-sizing:border-box;min-height:52px;padding:0 15px;border-radius:14px;
border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);
color:#fff;font:900 20px/1 'Inter',sans-serif;letter-spacing:.10em;text-transform:uppercase;outline:none
}
.shopy-plate-field input:focus{border-color:rgba(255,90,31,.75);box-shadow:0 0 0 3px rgba(255,90,31,.10)}
.shopy-plate-field input::placeholder{color:rgba(255,255,255,.27)}
.shopy-plate-field small{font-size:9.5px;line-height:1.4;color:rgba(255,255,255,.52)}
/* SHOPYCAR — conversion UX 22/08/2026
Intervento confinato alla sola view Shopycar. */
.shopc-head-conversion{
position:relative;
padding:18px 2px 25px;
}
.shopc-head-conversion:before{
content:"";
position:absolute;
width:190px;height:190px;
right:-95px;top:-52px;
border-radius:50%;
background:radial-gradient(circle,rgba(255,90,31,.15),rgba(255,90,31,0) 70%);
pointer-events:none;
}
.shopc-emotion-tag{
display:inline-flex;align-items:center;
margin-top:16px;padding:6px 9px;
border:1px solid rgba(255,90,31,.22);
border-radius:999px;
background:rgba(255,90,31,.065);
color:#ff7947;
font-size:7.8px;font-weight:950;letter-spacing:.13em;
}
.shopc-head-conversion h2{
max-width:520px;
margin:12px 0 0;
font-size:31px;line-height:1.02;letter-spacing:-.045em;
}
.shopc-head-conversion h2 em{
display:block;
color:#ff6a2f;font-style:normal;
}
.shopc-head-conversion h3{
max-width:560px;
margin:9px 0 11px;
color:rgba(255,255,255,.76);
font-size:18px;line-height:1.18;letter-spacing:-.025em;
}
.shopc-head-conversion h3 strong{color:#fff;font-weight:950}
.shopc-head-conversion>p{
max-width:550px;margin:0;
color:rgba(255,255,255,.62);
font-size:11.5px;line-height:1.55;
}
.shopc-head-conversion>p b{color:rgba(255,255,255,.9);font-weight:850}
.shopc-head-cues{
display:grid;grid-template-columns:repeat(3,1fr);
margin-top:17px;
border-top:1px solid rgba(255,255,255,.07);
border-bottom:1px solid rgba(255,255,255,.07);
}
.shopc-head-cues span{
padding:9px 3px;
font-size:7.8px;font-weight:900;letter-spacing:.08em;
color:rgba(255,255,255,.62);
text-align:center;
}
.shopc-head-cues span+span{border-left:1px solid rgba(255,255,255,.07)}
.shopc-head-cues i{
color:#ff6a2f;font-style:normal;font-size:7px;margin-right:4px;
}
/* Piccoli miglioramenti alle card esistenti, senza cambiarne contenuti o struttura. */
.shopc-row{
transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.shopc-row.elite{box-shadow:0 18px 52px rgba(0,0,0,.18),0 0 0 1px rgba(255,90,31,.025) inset}
.shopc-row.protect{background:radial-gradient(circle at 100% 0,rgba(92,134,255,.065),transparent 42%),linear-gradient(135deg,rgba(255,255,255,.068),rgba(255,255,255,.022))}
.shopc-row footer button{
color:#121212;
background:linear-gradient(135deg,#fff,#e9e9e9);
box-shadow:0 8px 20px rgba(0,0,0,.16);
}
.shopc-row.elite footer button{
color:#fff;
background:linear-gradient(135deg,#ff6a2f,#ff4d16);
}
.shopc-row footer button:active{transform:scale(.98)}
.shopc-bridge span{color:rgba(255,255,255,.58);opacity:1}
/* Blocco psicologico post-card. */
.shopc-decision{
position:relative;
margin-top:22px;
padding:23px 17px 18px;
overflow:hidden;
border:1px solid rgba(255,255,255,.075);
border-radius:23px;
background:
radial-gradient(circle at 92% 4%,rgba(255,90,31,.12),transparent 34%),
linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
box-shadow:0 18px 55px rgba(0,0,0,.18);
}
.shopc-decision:after{
content:"?";
position:absolute;
right:-8px;top:-30px;
font-size:150px;font-weight:950;line-height:1;
color:rgba(255,255,255,.018);
pointer-events:none;
}
.shopc-decision-kicker{
position:relative;z-index:1;
display:flex;align-items:center;gap:7px;
color:#ff7847;
font-size:7.5px;font-weight:950;letter-spacing:.12em;
}
.shopc-decision-kicker span{
width:18px;height:2px;border-radius:99px;background:#ff5a1f;
}
.shopc-decision>h3{
position:relative;z-index:1;
margin:12px 0 12px;
max-width:580px;
font-size:22px;line-height:1.12;letter-spacing:-.035em;color:#fff;
}
.shopc-decision>h3 em{font-style:normal;color:#ff7541}
.shopc-why{
margin:0 0 17px!important;
color:rgba(255,255,255,.88)!important;
font-size:11.5px!important;
}
.shopc-thoughts{
display:grid;grid-template-columns:1fr 1fr;
gap:8px;
}
.shopc-thought{
min-height:62px;
display:flex;align-items:center;gap:9px;
padding:10px;
border:1px solid rgba(255,255,255,.07);
border-radius:14px;
background:rgba(0,0,0,.16);
}
.shopc-thought:last-child{grid-column:1/-1}
.shopc-thought span{
flex:0 0 27px;width:27px;height:27px;
display:grid;place-items:center;
border-radius:50%;
background:rgba(255,90,31,.10);
color:#ff7541;
font-size:13px;font-weight:950;
}
.shopc-thought p{
margin:0!important;
color:rgba(255,255,255,.84)!important;
font-size:9.7px!important;line-height:1.28!important;font-weight:750;
}
.thought-price,.thought-defects,.thought-deal{
border-color:rgba(255,90,31,.13);
}
.shopc-choice{
margin-top:18px;padding-top:17px;
border-top:1px solid rgba(255,255,255,.08);
}
.shopc-choice small{
color:#ff7541;font-size:7.8px;font-weight:950;letter-spacing:.14em;
}
.shopc-choice h4{
margin:6px 0 10px;
max-width:550px;
color:#fff;font-size:18px;line-height:1.17;letter-spacing:-.025em;
}
.shopc-choice p{
margin:0!important;
color:rgba(255,255,255,.66)!important;
font-size:10.5px!important;
}
.shopc-choice p strong{color:#fff}
.shopc-method-strip{
display:flex;align-items:center;justify-content:center;gap:7px;
margin:17px -17px -18px;
padding:11px 8px;
background:rgba(255,90,31,.065);
border-top:1px solid rgba(255,90,31,.13);
}
.shopc-method-strip span{
font-size:6.7px;font-weight:950;letter-spacing:.055em;
color:rgba(255,255,255,.64);
text-align:center;
}
.shopc-method-strip i{
flex:0 0 3px;width:3px;height:3px;border-radius:50%;background:#ff5a1f;
}
.shopc-promise-final{
margin-top:10px;
text-align:center;
background:transparent;
border-color:rgba(255,255,255,.045);
}
.shopc-promise-final strong{font-size:12px}
@media(max-width:360px){
.shopc-head-conversion h2{font-size:28px}
.shopc-head-conversion h3{font-size:16.5px}
.shopc-decision{padding-left:14px;padding-right:14px}
.shopc-decision>h3{font-size:20px}
.shopc-thought{padding:8px;gap:7px}
.shopc-thought p{font-size:9px!important}
.shopc-method-strip{margin-left:-14px;margin-right:-14px}
}
@media(min-width:700px){
.shopc-head-conversion{padding-top:25px}
.shopc-head-conversion h2{font-size:38px}
.shopc-head-conversion h3{font-size:22px}
.shopc-decision{padding:28px 26px 22px}
.shopc-decision>h3{font-size:29px}
.shopc-thoughts{grid-template-columns:repeat(5,1fr)}
.shopc-thought:last-child{grid-column:auto}
.shopc-method-strip{margin-left:-26px;margin-right:-26px;margin-bottom:-22px}
}
/* SHOPYCAR CLEAN CLOSE — riduzione cognitiva */
.shopc-decision-clean{
padding:22px 17px 20px;
}
.shopc-decision-clean>h3{
margin-bottom:10px;
font-size:21px;
line-height:1.13;
}
.shopc-why-clean{
margin:0 0 18px!important;
color:#fff!important;
font-size:13px!important;
line-height:1.35!important;
}
.shopc-why-clean strong{
color:#ff6a2f;
font-weight:950;
}
.shopc-three{
display:grid;
grid-template-columns:1fr;
gap:0;
border-top:1px solid rgba(255,255,255,.08);
border-bottom:1px solid rgba(255,255,255,.08);
}
.shopc-three>div{
display:grid;
grid-template-columns:88px 1fr;
align-items:center;
gap:8px;
min-height:49px;
padding:9px 0;
}
.shopc-three>div+div{
border-top:1px solid rgba(255,255,255,.065);
}
.shopc-three b{
color:#ff7440;
font-size:10.5px;
font-weight:950;
}
.shopc-three span{
color:rgba(255,255,255,.73);
font-size:10.5px;
line-height:1.3;
}
.shopc-close-clean{
padding-top:18px;
}
.shopc-close-clean h4{
margin:0 0 9px;
color:#fff;
font-size:17px;
line-height:1.18;
letter-spacing:-.02em;
}
.shopc-close-clean p{
margin:0!important;
color:rgba(255,255,255,.62)!important;
font-size:10.5px!important;
}
.shopc-close-clean p strong{
color:#fff;
}
@media(min-width:700px){
.shopc-decision-clean{padding:26px}
.shopc-three{
grid-template-columns:repeat(3,1fr);
}
.shopc-three>div{
display:block;
padding:14px 14px;
}
.shopc-three>div+div{
border-top:0;
border-left:1px solid rgba(255,255,255,.065);
}
.shopc-three b,.shopc-three span{display:block}
.shopc-three span{margin-top:5px}
}
/* SHOPYCAR — quick ask, 2-tap UX */
.shopc-quickask{margin-top:17px;padding-top:15px;border-top:1px solid rgba(255,255,255,.07)}
.shopc-quickask>button{
width:100%;display:flex;align-items:center;justify-content:space-between;
padding:13px 14px;border:1px solid rgba(255,90,31,.22);border-radius:15px;
background:rgba(255,90,31,.065);color:#fff;text-align:left;
}
.shopc-quickask small{display:block;color:#ff7440;font-size:7px;font-weight:950;letter-spacing:.12em;margin-bottom:3px}
.shopc-quickask strong{font-size:13px;font-weight:900}
.shopc-quickask b{font-size:20px;color:#ff6a2f}
.shopc-ask-sheet{position:fixed;inset:0;z-index:99999;display:none;align-items:flex-end}
.shopc-ask-sheet.open{display:flex}
.shopc-ask-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}
.shopc-ask-panel{
position:relative;width:100%;max-height:82vh;padding:8px 18px calc(20px + env(safe-area-inset-bottom));
border-radius:24px 24px 0 0;border:1px solid rgba(255,255,255,.1);
background:#15171b;box-shadow:0 -20px 70px rgba(0,0,0,.5)
}
.shopc-ask-handle{width:38px;height:4px;margin:0 auto 15px;border-radius:99px;background:rgba(255,255,255,.18)}
.shopc-ask-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}
.shopc-ask-top small{color:#ff6a2f;font-size:7px;font-weight:950;letter-spacing:.13em}
.shopc-ask-top h3{margin:4px 0 0;color:#fff;font-size:22px;letter-spacing:-.03em}
.shopc-ask-top>button{width:34px;height:34px;border:1px solid rgba(255,255,255,.08);border-radius:50%;background:rgba(255,255,255,.04);color:#fff;font-size:22px}
.shopc-ask-options{display:grid;gap:8px}
.shopc-ask-options button{
display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;padding:12px 14px;
border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.035);
color:#fff;text-align:left;font-size:12px;font-weight:800
}
.shopc-ask-options button span{color:#ff6a2f;font-size:18px}
.shopc-ask-options button:active{transform:scale(.985);background:rgba(255,90,31,.08)}
.shopc-ask-sent{text-align:center;padding:24px 10px 28px}
.shopc-ask-sent>span{display:grid;place-items:center;width:45px;height:45px;margin:0 auto 10px;border-radius:50%;background:rgba(65,205,137,.12);color:#72dda9;font-size:22px}
.shopc-ask-sent h3{margin:0;color:#fff;font-size:24px}
.shopc-ask-sent p{margin:5px 0 0;color:rgba(255,255,255,.6);font-size:11px}
.shopc-details li strong{display:block;color:#fff;font-size:10.5px;font-weight:900;margin-bottom:2px}
.shopc-details li span{display:block;color:rgba(255,255,255,.56);font-size:9px;line-height:1.3}
.shopc-details li::marker{color:#ff6a2f}
/* SHOPYCAR QUICK ASK FINAL — responsive e reale */
.shopc-ask-custom label{display:block;color:#fff;font-size:12px;font-weight:850;margin:4px 0 8px}
.shopc-ask-custom textarea{width:100%;min-height:92px;box-sizing:border-box;resize:none;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#0f1115;color:#fff;font:inherit}
.shopc-ask-custom>button{width:100%;margin-top:9px;padding:13px;border:0;border-radius:13px;background:#ff5a1f;color:#fff;font-weight:900}
.shopc-ask-error{margin-top:10px;padding:10px;border-radius:10px;background:rgba(255,70,50,.09);color:#ff8c75;font-size:11px}
@media(min-width:700px){
.shopc-ask-sheet{align-items:center!important;justify-content:center!important;padding:24px;box-sizing:border-box}
.shopc-ask-panel{width:min(520px,calc(100vw - 48px))!important;max-height:680px!important;border-radius:24px!important;padding:18px 20px 22px!important}
.shopc-ask-handle{display:none!important}
}
/* QUICK ASK — compact premium */
.shopc-ask-panel{padding:10px 14px calc(16px + env(safe-area-inset-bottom))!important}
.shopc-ask-top{margin-bottom:9px!important}
.shopc-ask-top h3{font-size:19px!important;margin-top:2px!important}
.shopc-ask-options{gap:6px!important}
.shopc-ask-options button{min-height:45px!important;padding:9px 11px!important;border-radius:12px!important;font-size:11px!important}
.shopc-ask-sent{padding:16px 8px 18px!important}
.shopc-ask-sent>span{width:38px!important;height:38px!important;font-size:18px!important}
.shopc-ask-sent h3{font-size:20px!important}
@media(min-width:700px){
.shopc-ask-sheet{align-items:center!important;justify-content:center!important;padding:20px!important}
.shopc-ask-panel{width:420px!important;max-height:560px!important;border-radius:20px!important;padding:16px!important}
.shopc-ask-handle{display:none!important}
}
/* SHOPYCAR QUICK ASK — UX FINAL */
.shopc-ask-top h3{max-width:310px;line-height:1.08}
.shopc-ask-options button{letter-spacing:-.015em}
.shopc-ask-sent h3{margin-bottom:4px}
.shopc-ask-sent p{max-width:260px;margin-left:auto;margin-right:auto}
@media(max-width:699px){
.shopc-ask-panel{border-radius:22px 22px 0 0!important;padding:12px 14px calc(18px + env(safe-area-inset-bottom))!important}
.shopc-ask-top h3{font-size:21px!important}
.shopc-ask-options button{min-height:52px!important;font-size:12px!important;padding:11px 13px!important}
}
/* =========================================================
HOTFIX 24/08 — SHOPYCAR NO HORIZONTAL WOBBLE
Non cambia testi, card, nav o logica.
========================================================= */
html, body {
width: 100%;
max-width: 100%;
overflow-x: hidden !important;
}
#app,
.app,
.app-shell,
.app-main,
main,
.page,
.view,
.screen,
[data-page],
#pageShopycar,
#shopycar,
.shopc-wrap,
.shopc-page,
.shopc-head,
.shopc-head-conversion,
.shopc-decision,
.shopc-decision-clean,
.shopc-three,
.shopc-close-clean,
.shopc-quickask {
box-sizing: border-box !important;
max-width: 100% !important;
min-width: 0 !important;
}
#pageShopycar,
#shopycar,
.shopc-wrap,
.shopc-page {
width: 100% !important;
overflow-x: clip !important;
}
.shopc-head *,
.shopc-decision *,
.shopc-decision-clean *,
.shopc-three *,
.shopc-close-clean *,
.shopc-quickask * {
box-sizing: border-box !important;
min-width: 0;
}
.shopc-head-conversion,
.shopc-decision,
.shopc-decision-clean {
margin-left: 0 !important;
margin-right: 0 !important;
}
.shopc-method-strip {
width: auto !important;
max-width: none !important;
}
.shopc-ask-panel {
box-sizing: border-box !important;
max-width: 100% !important;
}
img, svg, video, canvas {
max-width: 100%;
}
.knowledge-gap-card{margin:18px 0 12px;padding:22px;border:1px solid #ffd4bd;border-radius:22px;background:linear-gradient(135deg,#fff8f3 0%,#fff 72%);box-shadow:0 12px 28px rgba(80,34,10,.07)}
.knowledge-gap-kicker{display:block;margin-bottom:7px;color:#d94f00;font-size:.72rem;font-weight:900;letter-spacing:.12em}
.knowledge-gap-card h3{margin:0 0 8px;color:#101828;font-size:clamp(1.18rem,4.5vw,1.55rem);line-height:1.16}
.knowledge-gap-card p{margin:0;color:#475467;line-height:1.55}
.knowledge-gap-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px}
.knowledge-gap-items span{position:relative;padding:11px 12px 11px 31px;border:1px solid #ffe0cf;border-radius:13px;background:#fff;color:#27364b;font-size:.86rem;font-weight:750;line-height:1.35}
.knowledge-gap-items span:before{content:"?";position:absolute;left:11px;top:10px;color:#f05a00;font-weight:950}
@media(max-width:560px){.knowledge-gap-items{grid-template-columns:1fr}}
/* =========================================================
STORYCAR RECOVERY v17 — schermate dedicate da notifiche
========================================================= */
.recovery-offer-overlay{
position:fixed;
inset:0;
z-index:100100;
display:none;
align-items:center;
justify-content:center;
padding:18px;
background:rgba(4,6,10,.84);
backdrop-filter:blur(10px);
}
.recovery-offer-overlay.show{display:flex}
.recovery-offer-box{
position:relative;
width:min(100%,480px);
max-height:calc(100dvh - 30px);
overflow:auto;
padding:29px 24px 23px;
border:1px solid rgba(255,255,255,.10);
border-radius:28px;
background:
radial-gradient(circle at 100% 0,rgba(255,90,31,.16),transparent 42%),
linear-gradient(155deg,#171a20 0%,#0d0f13 100%);
color:#fff;
box-shadow:0 32px 100px rgba(0,0,0,.66);
}
.recovery-offer-close{
position:absolute;
top:14px;
right:14px;
width:38px;
height:38px;
border:0;
border-radius:50%;
background:rgba(255,255,255,.07);
color:#fff;
font-size:24px;
line-height:1;
cursor:pointer;
}
.recovery-offer-kicker{
max-width:calc(100% - 48px);
margin-bottom:10px;
color:#ff7540;
font-size:9px;
font-weight:950;
letter-spacing:.13em;
}
.recovery-offer-box h2{
margin:0;
font-size:clamp(25px,7vw,34px);
line-height:1.08;
letter-spacing:-.035em;
}
.recovery-offer-plate{
display:inline-flex;
align-items:center;
min-height:31px;
margin:15px 0 17px;
padding:0 11px;
border:1px solid rgba(255,255,255,.12);
border-radius:9px;
background:rgba(255,255,255,.06);
font-size:12px;
font-weight:950;
letter-spacing:.11em;
}
.recovery-offer-copy p{
margin:0 0 9px;
color:rgba(255,255,255,.72);
font-size:13px;
line-height:1.55;
}
.recovery-offer-copy p strong{color:#fff;font-weight:900}
.recovery-offer-benefits{
display:grid;
gap:9px;
margin:19px 0;
padding:0;
list-style:none;
}
.recovery-offer-benefits li{
position:relative;
margin:0;
padding:11px 12px 11px 35px;
border:1px solid rgba(255,255,255,.07);
border-radius:13px;
background:rgba(255,255,255,.035);
color:rgba(255,255,255,.90);
font-size:11px;
font-weight:760;
line-height:1.35;
}
.recovery-offer-benefits li::before{
content:"✓";
position:absolute;
left:13px;
top:10px;
color:#ff7540;
font-weight:950;
}
.recovery-offer-micro{
margin:3px 0 12px;
color:rgba(255,255,255,.55);
text-align:center;
font-size:9px;
font-weight:750;
}
.recovery-offer-action{
width:100%;
min-height:56px;
border:0;
border-radius:16px;
padding:13px 15px;
background:#fff;
color:#101216;
box-shadow:0 12px 34px rgba(0,0,0,.24);
font-size:12px;
font-weight:950;
line-height:1.25;
cursor:pointer;
}
.recovery-offer-action:active{transform:translateY(1px)}
@media(max-width:520px){
.recovery-offer-overlay{align-items:flex-end;padding:0}
.recovery-offer-box{
width:100%;
max-height:94dvh;
border-radius:27px 27px 0 0;
padding:27px 18px 20px;
}
}
/* V14.4.1 — semantica cromatica dei controlli
blu = neutro/in corso, verde = esito pulito,
arancione = attenzione da verificare, rosso = criticità confermata */
.vehicle-guard.is-neutral,
.storycar-recall-card.is-neutral{border-color:rgba(76,160,224,.38)!important;background:linear-gradient(150deg,rgba(18,29,42,.98),rgba(10,15,22,.99))!important}
.vehicle-guard.is-neutral .vehicle-guard-icon,
.storycar-recall-card.is-neutral .storycar-recall-icon{color:#6db9ee!important;border-color:rgba(92,176,235,.30)!important;background:rgba(61,145,207,.12)!important}
.vehicle-guard.is-neutral .vehicle-guard-copy strong,
.vehicle-guard.is-neutral .vehicle-guard-chevron,
.vehicle-guard.is-neutral .vehicle-guard-side small,
.storycar-recall-card.is-neutral .storycar-recall-kicker,
.storycar-recall-card.is-neutral .storycar-recall-state,
.storycar-recall-card.is-neutral .storycar-recall-chevron{color:#77c2f3!important}
.vehicle-guard.is-neutral .vehicle-guard-side small{border-color:rgba(92,176,235,.36)!important;background:rgba(61,145,207,.11)!important}
.vehicle-guard.is-success,.storycar-recall-card.is-clear,.revision-standalone-card.is-success{border-color:rgba(54,205,137,.38)!important}
.vehicle-guard.is-success .vehicle-guard-icon,.storycar-recall-card.is-clear .storycar-recall-icon{color:#4bd493!important;border-color:rgba(54,205,137,.30)!important;background:rgba(42,196,126,.11)!important}
.vehicle-guard.is-success .vehicle-guard-copy strong,.vehicle-guard.is-success .vehicle-guard-chevron,.vehicle-guard.is-success .vehicle-guard-side small,
.storycar-recall-card.is-clear .storycar-recall-kicker,.storycar-recall-card.is-clear .storycar-recall-state,.storycar-recall-card.is-clear .storycar-recall-chevron{color:#4bd493!important}
.vehicle-guard.is-success .vehicle-guard-side small{border-color:rgba(54,205,137,.36)!important;background:rgba(42,196,126,.10)!important}
.storycar-recall-card.is-warning,.revision-standalone-card.is-warning{border-color:rgba(255,137,80,.48)!important}
.revision-standalone-card.is-warning .revision-standalone-icon{color:#ff9560!important;border-color:rgba(255,137,80,.30)!important;background:rgba(255,105,48,.11)!important}
.revision-standalone-card.is-warning .revision-standalone-copy small,.revision-standalone-card.is-warning .revision-standalone-side b,.revision-standalone-card.is-warning .revision-standalone-side i{color:#ff9560!important}
.vehicle-guard.is-danger{border-color:rgba(232,75,69,.58)!important;background:linear-gradient(150deg,rgba(45,20,23,.98),rgba(14,12,17,.99))!important}
.vehicle-guard.is-danger .vehicle-guard-icon{color:#f26f68!important;border-color:rgba(232,75,69,.38)!important;background:rgba(214,73,63,.14)!important}
.vehicle-guard.is-danger .vehicle-guard-copy strong,.vehicle-guard.is-danger .vehicle-guard-chevron,.vehicle-guard.is-danger .vehicle-guard-side small{color:#f27a73!important}
.vehicle-guard.is-danger .vehicle-guard-side small{border-color:rgba(232,75,69,.42)!important;background:rgba(214,73,63,.13)!important}
/* V14.5.2 — prompt notifiche mobile */
.push-activation-prompt{
position:fixed;
left:max(14px,env(safe-area-inset-left));
right:max(14px,env(safe-area-inset-right));
bottom:calc(92px + env(safe-area-inset-bottom));
z-index:10020;
display:flex;
align-items:center;
gap:12px;
max-width:620px;
margin:0 auto;
padding:13px 13px 13px 16px;
border:1px solid rgba(255,105,48,.26);
border-radius:20px;
background:rgba(19,20,25,.97);
box-shadow:0 16px 42px rgba(0,0,0,.42),0 0 24px rgba(255,92,35,.08);
color:#fff;
font-family:inherit;
-webkit-backdrop-filter:blur(18px);
backdrop-filter:blur(18px);
}
.push-activation-prompt>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
.push-activation-prompt strong{font-size:14px;font-weight:850;line-height:1.2;letter-spacing:-.01em}
.push-activation-prompt span{font-size:12px;line-height:1.3;color:rgba(255,255,255,.62)}
.push-activation-prompt button{appearance:none;-webkit-appearance:none;border:0;border-radius:13px;background:linear-gradient(135deg,#ff4d17,#ff743c);color:#fff;font:800 13px/1 inherit;padding:11px 15px;min-height:40px;cursor:pointer;box-shadow:0 8px 20px rgba(255,78,23,.20)}
.push-activation-prompt button:active{transform:translateY(1px)}
.push-activation-prompt .push-prompt-close{flex:0 0 30px;width:30px;min-height:30px;padding:0;border-radius:50%;background:rgba(255,255,255,.07);box-shadow:none;color:rgba(255,255,255,.62);font-size:19px;font-weight:500;line-height:30px}
@media(max-width:390px){.push-activation-prompt{left:10px;right:10px;gap:8px;padding-left:13px}.push-activation-prompt span{font-size:11px}.push-activation-prompt button:not(.push-prompt-close){padding:10px 12px}}