:root{--navy:#071d3a;--navy2:#0b2d5c;--orange:#ff6b00;--text:#102033;--muted:#6d7a8c;--line:#dde5f0;--shadow:0 18px 45px rgba(5,20,45,.16)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f3f6fb;color:var(--text)}a{text-decoration:none;color:inherit}button,input,select,textarea{font-family:inherit}
.topbar{background:var(--navy);color:#dce8f7;font-size:13px;padding:9px 5%;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
header{background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 4px 18px rgba(0,0,0,.06)}.nav{padding:14px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px}.brand-icon{width:54px;height:54px;border-radius:15px;background:linear-gradient(145deg,#092243,#0b2f62);display:grid;place-items:center;box-shadow:0 10px 25px rgba(8,29,58,.22)}
.calendar{width:34px;height:34px;border:3px solid #fff;border-radius:8px;position:relative}.calendar:before,.calendar:after{content:"";position:absolute;top:-8px;width:6px;height:13px;border-radius:8px;background:var(--orange)}.calendar:before{left:7px}.calendar:after{right:7px}.bar{position:absolute;left:5px;right:5px;top:9px;height:3px;background:var(--orange);border-radius:3px}.num{position:absolute;left:5px;top:14px;font-weight:900;color:#fff;font-size:10px}
.brand-text{font-weight:900;font-size:30px;letter-spacing:-1.2px}.brand-text .n,.brand-text .it{color:var(--orange)}.brand-text .a{color:var(--navy)}.brand-text .it{font-size:18px}.brand-sub{display:block;font-size:10px;letter-spacing:3px;color:#7d8795;font-weight:800}.menu{display:flex;gap:22px;font-weight:800}.auth{display:flex;gap:8px;align-items:center}
.cta{border:0;background:var(--orange);color:white;font-weight:900;padding:13px 18px;border-radius:13px;cursor:pointer}.ghost{border:1px solid var(--line);background:#fff;color:var(--navy);font-weight:900;padding:12px 16px;border-radius:13px;cursor:pointer}
.hero{background:radial-gradient(circle at 20% 10%,#174a8b 0%,#0b2d5c 28%,#071d3a 72%);color:white;padding:54px 5% 92px}.hero h1{font-size:44px;line-height:1.06;margin:0 0 14px;letter-spacing:-1.7px;max-width:820px}.hero p{color:#d8e4f3;font-size:18px;margin:0 0 26px;max-width:720px}
.search-box{background:white;color:var(--text);border-radius:24px;padding:20px;box-shadow:var(--shadow);max-width:1120px;margin:0 auto -72px;position:relative;z-index:3}.tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.tab{border:0;padding:10px 16px;border-radius:999px;background:#eef3fa;color:#28415e;font-weight:900;cursor:pointer}.tab.active{background:var(--navy);color:#fff}
.grid,.sell-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.sell-grid{grid-template-columns:repeat(4,1fr)}.field label{display:block;font-size:12px;font-weight:900;color:#667386;margin-bottom:6px;text-transform:uppercase;letter-spacing:.6px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:13px;padding:13px 12px;font-size:15px;background:white}.search-btn{height:47px;align-self:end;border:0;border-radius:13px;background:var(--orange);color:#fff;font-weight:900;font-size:15px;cursor:pointer}
main{padding:104px 5% 60px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px;flex-wrap:wrap}.section-head h2{font-size:30px;margin:0}.section-head p{margin:6px 0 0;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;border-radius:22px;overflow:hidden;box-shadow:0 10px 30px rgba(8,29,58,.08);border:1px solid #edf1f7}.photo{height:210px;background:linear-gradient(135deg,#dbe6f5,#f8fbff);display:grid;place-items:center;color:#8ea0b8;font-weight:900;position:relative;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover}.badge{position:absolute;top:14px;left:14px;background:var(--orange);color:white;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:900}.card-body{padding:18px}.price{font-size:25px;font-weight:950;color:var(--navy);margin-bottom:6px}.title{font-size:17px;font-weight:900;margin-bottom:12px}.meta{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;color:#617087;font-size:13px;margin-bottom:14px}.seller{border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;gap:10px;align-items:center;color:#627085;font-size:13px}.contact{border:0;background:var(--navy);color:white;border-radius:11px;padding:10px 12px;font-weight:900;cursor:pointer}
.sell-panel,.admin-panel{margin-top:46px;background:white;border-radius:26px;padding:26px;box-shadow:var(--shadow)}.wide{grid-column:span 2}.full{grid-column:1/-1}.photos-preview{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.thumb{width:92px;height:70px;border-radius:12px;object-fit:cover;border:1px solid var(--line)}.notice{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:16px;padding:14px;margin-bottom:18px;font-weight:800}
.admin-list{display:grid;gap:14px}.admin-item{border:1px solid var(--line);border-radius:18px;padding:16px;background:#fbfdff;display:grid;grid-template-columns:120px 1fr auto;gap:14px;align-items:center}.admin-item img{width:120px;height:86px;border-radius:12px;object-fit:cover;background:#e9eef6}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.danger{background:#d72638}.ok{background:#138a36}.warn{background:#b45309}.mini{padding:9px 11px;font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.stat{background:#f7faff;border:1px solid var(--line);border-radius:16px;padding:14px}.stat b{font-size:24px;color:var(--navy)}.stat span{display:block;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;margin-top:4px}
footer{background:var(--navy);color:#cbd8eb;padding:34px 5%;margin-top:30px}dialog{border:0;border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.28);width:min(560px,92vw);padding:0}.modal{padding:24px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}
@media(max-width:960px){.menu{display:none}.grid,.cards,.sell-grid{grid-template-columns:1fr 1fr}.admin-item{grid-template-columns:1fr}.admin-item img{width:100%;height:180px}.stats{grid-template-columns:1fr 1fr}}@media(max-width:640px){.grid,.cards,.sell-grid,.stats{grid-template-columns:1fr}.wide{grid-column:span 1}.brand-text{font-size:24px}.hero h1{font-size:31px}}

.checks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#f8fbff;border:1px solid var(--line);border-radius:14px;padding:14px}.checks label{font-size:14px!important;text-transform:none!important;letter-spacing:0!important;color:#26384d!important;margin:0!important;font-weight:700!important}.checks input{width:auto!important;margin-right:6px}.sold-report{background:#f7faff;border-left:4px solid var(--orange);padding:10px;border-radius:10px;margin-top:8px;color:#34445a;font-size:13px}@media(max-width:640px){.checks{grid-template-columns:1fr}}


.hero-logo{
display:flex;
align-items:center;
gap:18px;
margin-bottom:28px;
}

.hero-calendar{
width:88px;
height:88px;
border-radius:24px;
background:linear-gradient(145deg,#0a2345,#103a70);
position:relative;
box-shadow:0 18px 40px rgba(0,0,0,.28);
border:1px solid rgba(255,255,255,.08);
}

.hero-calendar:before,
.hero-calendar:after{
content:"";
position:absolute;
top:10px;
width:10px;
height:24px;
background:var(--orange);
border-radius:10px;
}

.hero-calendar:before{left:22px}
.hero-calendar:after{right:22px}

.hc-top{
position:absolute;
left:14px;
right:14px;
top:28px;
height:5px;
background:var(--orange);
border-radius:10px;
}

.hc-num{
position:absolute;
top:38px;
left:0;
right:0;
text-align:center;
font-weight:1000;
font-size:28px;
color:white;
letter-spacing:-1px;
}

.hc-dots{
position:absolute;
bottom:12px;
left:0;
right:0;
height:10px;
background:
radial-gradient(circle,var(--orange) 2px,transparent 3px) center/20px 10px repeat-x;
opacity:.9;
}

.hero-brand{
font-size:68px;
font-weight:1000;
line-height:1;
letter-spacing:-3px;
}

.hero-365{color:var(--orange)}
.hero-auto{color:white}
.hero-it{
color:var(--orange);
font-size:34px;
margin-left:4px;
}

.hero h1{
max-width:760px;
text-transform:uppercase;
font-weight:1000;
}

.hero p{
max-width:760px;
font-size:19px;
line-height:1.5;
}

@media(max-width:640px){

.hero-logo{
gap:12px;
margin-bottom:20px;
}

.hero-calendar{
width:64px;
height:64px;
border-radius:18px;
}

.hero-calendar:before,
.hero-calendar:after{
width:8px;
height:18px;
top:8px;
}

.hero-calendar:before{left:16px}
.hero-calendar:after{right:16px}

.hc-top{
top:22px;
left:10px;
right:10px;
height:4px;
}

.hc-num{
font-size:20px;
top:29px;
}

.hero-brand{
font-size:42px;
letter-spacing:-2px;
}

.hero-it{
font-size:22px;
}

.hero h1{
font-size:42px!important;
line-height:1.02;
}

.hero p{
font-size:17px;
}

}


.hero-wordmark{
font-size:92px;
font-weight:1000;
line-height:1;
letter-spacing:-5px;
margin-bottom:26px;
text-shadow:0 12px 40px rgba(0,0,0,.22);
}

.hero-wordmark-365{
color:var(--orange);
}

.hero-wordmark-auto{
color:white;
}

.hero-wordmark-it{
color:var(--orange);
font-size:44px;
margin-left:4px;
}

.hero h1{
max-width:820px;
text-transform:uppercase;
font-weight:1000;
font-size:58px;
line-height:1.02;
margin-bottom:18px;
}

.hero p{
max-width:760px;
font-size:20px;
line-height:1.55;
margin-bottom:32px;
}

@media(max-width:640px){

.hero-wordmark{
font-size:52px;
letter-spacing:-3px;
margin-bottom:18px;
}

.hero-wordmark-it{
font-size:26px;
}

.hero h1{
font-size:40px!important;
line-height:1.02;
}

.hero p{
font-size:17px;
}

}

/* --- V5: home più simile all'anteprima tipo marketplace --- */
.hero{
  position:relative;
  overflow:hidden;
  min-height:520px;
  padding:80px 5% 120px!important;
  background:
    linear-gradient(90deg, rgba(5,18,35,.92) 0%, rgba(5,18,35,.72) 42%, rgba(5,18,35,.28) 100%),
    linear-gradient(135deg,#102944 0%,#24384d 45%,#c68d62 100%)!important;
}
.hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse at 78% 48%, rgba(255,255,255,.16) 0 8%, transparent 34%),
    radial-gradient(ellipse at 72% 56%, rgba(0,0,0,.55) 0 18%, transparent 38%),
    linear-gradient(165deg, transparent 0 45%, rgba(255,255,255,.12) 46%, transparent 48%),
    radial-gradient(ellipse at 68% 57%, rgba(5,10,18,.85) 0 18%, transparent 35%);
  opacity:.75;
  pointer-events:none;
}
.hero:after{
  content:"";
  position:absolute;
  right:5%;
  top:70px;
  width:520px;
  height:270px;
  border-radius:48% 52% 30% 30%;
  background:
    linear-gradient(160deg, rgba(255,255,255,.35), rgba(10,20,35,.15) 32%, rgba(0,0,0,.65) 70%),
    radial-gradient(circle at 70% 62%, rgba(255,255,255,.75) 0 3%, transparent 4%),
    radial-gradient(circle at 36% 62%, rgba(255,255,255,.55) 0 3%, transparent 4%);
  box-shadow:0 42px 80px rgba(0,0,0,.45);
  opacity:.72;
  pointer-events:none;
}
.hero > *{position:relative;z-index:2}
.hero-wordmark{display:none!important}
.hero h1{
  font-size:44px!important;
  letter-spacing:-1.2px!important;
  text-transform:none!important;
  max-width:640px!important;
  margin:0 0 10px!important;
}
.hero p{
  max-width:650px!important;
  margin:0 0 30px!important;
  font-size:19px!important;
}
.search-box{
  max-width:1180px!important;
  margin:0 auto -92px!important;
}
.search-box .grid{
  grid-template-columns:1.1fr 1.1fr 1fr 1fr 1fr auto!important;
}
.search-mode{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:0 0 14px;
}
.mode-btn{
  border:1px solid var(--line);
  background:#fff;
  color:var(--navy);
  border-radius:999px;
  padding:10px 16px;
  font-weight:900;
  cursor:pointer;
}
.mode-btn.active{
  background:var(--orange);
  border-color:var(--orange);
  color:#fff;
}
@media(max-width:960px){
  .hero:after{display:none}
  .search-box .grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:640px){
  .hero{min-height:auto;padding:42px 5% 92px!important}
  .hero h1{font-size:34px!important}
  .search-box .grid{grid-template-columns:1fr!important}
}

/* --- V7: homepage stile anteprima richiesta --- */
.hero{
  position:relative!important;
  overflow:hidden!important;
  min-height:430px!important;
  padding:88px 5% 105px!important;
  background:
    linear-gradient(90deg, rgba(8,18,30,.90) 0%, rgba(8,18,30,.62) 42%, rgba(8,18,30,.25) 100%),
    linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.20)),
    linear-gradient(135deg,#23364b 0%,#40566a 45%,#d5a06f 100%)!important;
}

.hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(ellipse at 72% 48%, rgba(255,255,255,.20) 0 8%, transparent 30%),
    radial-gradient(ellipse at 70% 55%, rgba(0,0,0,.62) 0 18%, transparent 40%),
    linear-gradient(160deg, transparent 0 46%, rgba(255,255,255,.14) 47%, transparent 49%),
    linear-gradient(12deg, rgba(255,255,255,.08) 0 2%, transparent 12%),
    radial-gradient(ellipse at 35% 60%, rgba(20,45,70,.50) 0 22%, transparent 58%);
  opacity:.82!important;
  pointer-events:none!important;
}

.hero:after{
  content:""!important;
  position:absolute!important;
  right:10%!important;
  top:88px!important;
  width:470px!important;
  height:245px!important;
  border-radius:48% 52% 30% 30%!important;
  background:
    linear-gradient(160deg, rgba(255,255,255,.32), rgba(10,20,35,.14) 30%, rgba(0,0,0,.70) 70%),
    radial-gradient(circle at 70% 62%, rgba(255,255,255,.80) 0 3%, transparent 4%),
    radial-gradient(circle at 36% 62%, rgba(255,255,255,.58) 0 3%, transparent 4%);
  box-shadow:0 42px 80px rgba(0,0,0,.45)!important;
  opacity:.78!important;
  pointer-events:none!important;
}

.hero > *{position:relative!important;z-index:2!important}
.hero-wordmark{display:none!important}

.hero h1{
  font-size:44px!important;
  line-height:1.08!important;
  letter-spacing:-1.2px!important;
  text-transform:none!important;
  max-width:680px!important;
  margin:0 0 10px!important;
  color:#fff!important;
}

.hero p{
  max-width:650px!important;
  margin:0 0 34px!important;
  font-size:19px!important;
  color:#fff!important;
  font-weight:700!important;
}

.search-box{
  max-width:1180px!important;
  margin:0 auto -72px!important;
  border-radius:8px!important;
  padding:18px 20px 12px!important;
  box-shadow:0 14px 35px rgba(0,0,0,.18)!important;
}

.search-box .grid{
  grid-template-columns:1.1fr 1.1fr 1fr 1fr 1fr auto!important;
  align-items:end!important;
}

.search-mode{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin:0 0 14px!important;
}

.mode-btn{
  border:1px solid var(--line)!important;
  background:#fff!important;
  color:var(--navy)!important;
  border-radius:999px!important;
  padding:10px 16px!important;
  font-weight:900!important;
  cursor:pointer!important;
}

.mode-btn.active{
  background:var(--orange)!important;
  border-color:var(--orange)!important;
  color:#fff!important;
}

.search-btn{
  min-width:150px!important;
  border-radius:6px!important;
}

.trust-row{
  background:#fff;
  padding:38px 7%;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:28px;
  border-bottom:1px solid #edf1f7;
}

.trust-item{
  display:grid;
  grid-template-columns:44px 1fr;
  column-gap:14px;
  align-items:start;
}

.trust-item span{
  grid-row:span 2;
  width:42px;
  height:42px;
  border:1px solid #ffb083;
  color:var(--orange);
  border-radius:50%;
  display:grid;
  place-items:center;
  font-weight:900;
  font-size:22px;
}

.trust-item strong{
  color:#182334;
  font-size:15px;
}

.trust-item small{
  color:#5f6f82;
  line-height:1.4;
  margin-top:4px;
}

main{
  padding-top:54px!important;
}

@media(max-width:960px){
  .hero:after{display:none!important}
  .search-box .grid{grid-template-columns:1fr 1fr!important}
  .trust-row{grid-template-columns:1fr 1fr}
}

@media(max-width:640px){
  .hero{min-height:auto!important;padding:48px 5% 90px!important}
  .hero h1{font-size:34px!important}
  .hero p{font-size:17px!important}
  .search-box .grid{grid-template-columns:1fr!important}
  .trust-row{grid-template-columns:1fr}
}

/* --- V16 card annuncio stile marketplace + dettaglio --- */
.cards{
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;
}
.card{
  border-radius:10px!important;
  box-shadow:0 2px 10px rgba(10,25,45,.10)!important;
  cursor:pointer;
  transition:.18s ease;
}
.card:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 25px rgba(10,25,45,.16)!important;
}
.photo{
  height:205px!important;
  background:#fff!important;
  padding:8px;
}
.photo img{
  object-fit:contain!important;
  border-radius:7px;
  background:#fff;
}
.card-body{
  padding:14px 16px 16px!important;
}
.title{
  font-size:17px!important;
  margin-bottom:6px!important;
}
.title small{
  font-weight:500;
  color:#26384d;
}
.price{
  font-size:23px!important;
  color:#111827!important;
  margin:8px 0!important;
}
.meta{
  grid-template-columns:1fr!important;
  gap:3px!important;
  font-size:12px!important;
  line-height:1.35;
}
.seller{
  align-items:center!important;
  font-size:12px!important;
}
.details-btn{
  border:1px solid var(--line);
  background:#fff;
  color:var(--navy);
  font-weight:900;
  padding:9px 12px;
  border-radius:10px;
  cursor:pointer;
}
.favorite-btn{
  width:38px;
  height:38px;
  border:1px solid #cfd8e5;
  background:#fff;
  border-radius:9px;
  display:grid;
  place-items:center;
  font-size:23px;
}
.detail-modal-content{
  width:min(980px,94vw);
}
.detail-wrap{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
  align-items:start;
}
.detail-main-img{
  width:100%;
  height:360px;
  object-fit:contain;
  background:#fff;
  border-radius:18px;
  border:1px solid var(--line);
}
.detail-title{
  font-size:34px;
  font-weight:1000;
  margin:8px 0 10px;
  text-transform:uppercase;
}
.detail-price{
  font-size:30px;
  color:var(--orange);
  font-weight:1000;
  margin:12px 0;
}
.detail-icons{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  padding:10px 0 14px;
  border-bottom:1px solid var(--line);
}
.detail-icons span{
  background:#f3f6fb;
  border-radius:999px;
  padding:8px 12px;
  font-size:13px;
  font-weight:800;
}
.detail-list{
  margin:16px 0;
  display:grid;
  gap:9px;
}
.detail-list div:before{
  content:"✓";
  color:#0068ff;
  font-weight:900;
  margin-right:8px;
}
.detail-specs{
  margin-top:22px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
}
.detail-specs div{
  background:#f7faff;
  border:1px solid var(--line);
  border-radius:12px;
  padding:10px;
  font-size:13px;
}
.request-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px;
}
@media(max-width:760px){
  .detail-wrap{grid-template-columns:1fr}
  .detail-main-img{height:260px}
  .detail-title{font-size:26px}
}

/* --- V17 pagina dettaglio annuncio dedicata --- */
.ad-page-main{
  padding:28px 5% 70px!important;
  background:#f4f6f8;
}
.back-link{
  display:inline-block;
  margin-bottom:18px;
  color:#0068ff;
  font-weight:800;
}
.ad-detail-page{
  max-width:1180px;
  margin:0 auto;
}
.ad-detail-layout{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(330px,.75fr);
  gap:26px;
  align-items:start;
}
.gallery-card,.seller-side-card,.spec-card,.description-card{
  background:#fff;
  border:1px solid #e4e9f1;
  border-radius:18px;
  box-shadow:0 8px 30px rgba(15,35,60,.08);
}
.gallery-card{
  padding:18px;
}
.main-photo-wrap{
  position:relative;
  background:#fff;
  border-radius:14px;
  overflow:hidden;
  border:1px solid #edf1f7;
}
.main-ad-photo{
  width:100%;
  height:470px;
  object-fit:contain;
  display:block;
  background:#fff;
}
.photo-count{
  position:absolute;
  right:14px;
  top:14px;
  background:rgba(0,0,0,.72);
  color:#fff;
  padding:8px 12px;
  border-radius:9px;
  font-weight:900;
}
.gallery-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  border:0;
  width:42px;
  height:54px;
  background:rgba(0,0,0,.42);
  color:#fff;
  font-size:28px;
  cursor:pointer;
}
.gallery-arrow.left{left:0}
.gallery-arrow.right{right:0}
.thumbs-row{
  display:flex;
  gap:10px;
  overflow-x:auto;
  margin-top:12px;
  padding-bottom:4px;
}
.thumb-img{
  width:86px;
  height:64px;
  object-fit:cover;
  border:3px solid transparent;
  border-radius:8px;
  cursor:pointer;
  background:#fff;
}
.thumb-img.active{
  border-color:var(--orange);
}
.quick-specs{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:16px;
}
.quick-spec{
  border:1px solid #edf1f7;
  border-radius:12px;
  padding:12px;
  display:flex;
  gap:10px;
  align-items:center;
}
.quick-spec span{
  font-size:20px;
}
.quick-spec b{
  display:block;
  color:#0f1f35;
}
.quick-spec small{
  color:#64748b;
}
.seller-side-card{
  padding:22px;
  position:sticky;
  top:92px;
}
.detail-actions-top{
  display:flex;
  gap:18px;
  color:#0068ff;
  font-weight:800;
  margin-bottom:18px;
}
.ad-title-main{
  font-size:30px;
  line-height:1.08;
  margin:0 0 8px;
  font-weight:1000;
}
.ad-subtitle-main{
  font-size:20px;
  color:#1f2937;
  margin-bottom:14px;
}
.ad-location{
  color:#0068ff;
  font-weight:800;
  margin:12px 0 18px;
}
.price-panel{
  border-top:1px solid #e4e9f1;
  border-bottom:1px solid #e4e9f1;
  padding:18px 0;
  margin:16px 0;
}
.price-big{
  font-size:32px;
  font-weight:1000;
  color:#111827;
}
.super-price{
  margin-top:8px;
  font-size:13px;
  color:#166534;
  font-weight:900;
}
.contact-stack{
  display:grid;
  gap:10px;
  margin:18px 0;
}
.contact-stack .contact,.contact-stack .ghost{
  width:100%;
  text-align:center;
  padding:14px;
  font-size:16px;
}
.dealer-card-mini{
  background:#f7faff;
  border:1px solid #dfe8f5;
  border-radius:16px;
  padding:16px;
  margin-top:16px;
}
.dealer-avatar{
  width:62px;
  height:62px;
  border-radius:50%;
  background:var(--navy);
  color:#fff;
  display:grid;
  place-items:center;
  font-weight:1000;
  margin-bottom:10px;
}
.spec-card,.description-card{
  padding:22px;
  margin-top:22px;
}
.spec-grid-pro{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.spec-grid-pro div{
  background:#f8fafc;
  border:1px solid #e8eef6;
  border-radius:13px;
  padding:13px;
}
.spec-grid-pro small{
  display:block;
  color:#64748b;
  margin-bottom:5px;
}
.spec-grid-pro b{
  color:#0f1f35;
}
.optional-pills{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}
.optional-pills span{
  background:#eef6ff;
  color:#0b4da2;
  padding:8px 10px;
  border-radius:999px;
  font-weight:800;
  font-size:13px;
}
@media(max-width:920px){
  .ad-detail-layout{grid-template-columns:1fr}
  .seller-side-card{position:static}
  .main-ad-photo{height:320px}
  .quick-specs,.spec-grid-pro{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .quick-specs,.spec-grid-pro{grid-template-columns:1fr}
  .ad-title-main{font-size:25px}
}

/* --- V26 dettaglio stabile + caratteristiche sotto foto --- */
.ad-page-main{
  background:#f4f7fb!important;
  min-height:calc(100vh - 140px)!important;
}
.vehicle-spec-strip{
  margin-top:18px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  background:#fff!important;
}
.strip-spec{
  background:#fff!important;
  border:1.5px solid #dce8f6!important;
  border-left:4px solid #0b2d5c!important;
  border-radius:14px!important;
  padding:13px 14px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:76px!important;
  box-shadow:0 6px 18px rgba(15,35,60,.04)!important;
}
.strip-spec:nth-child(3n+1){border-left-color:#ff6b00!important}
.strip-icon{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:12px!important;
  background:#fff!important;
  border:1px solid #dfe8f3!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.strip-icon svg{
  width:22px!important;
  height:22px!important;
  fill:none!important;
  stroke:#0b2d5c!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.strip-spec:nth-child(3n+1) .strip-icon svg{stroke:#ff6b00!important}
.strip-spec small{
  display:block!important;
  color:#64748b!important;
  font-size:12px!important;
  line-height:1.15!important;
  margin-bottom:4px!important;
}
.strip-spec b{
  display:block!important;
  color:#071d3a!important;
  font-size:15px!important;
  line-height:1.15!important;
  font-weight:900!important;
}
.color-inline .strip-icon{border:0!important;background:transparent!important}
.color-dot-strip{
  display:block!important;
  width:30px!important;
  height:30px!important;
  border-radius:50%!important;
  box-shadow:0 0 0 1px #d8e3f0!important;
}
.spec-card{display:none!important}
.cta.mini{
  display:inline-block;
  padding:9px 12px;
  border-radius:10px;
  font-size:13px;
}
@media(max-width:900px){.vehicle-spec-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.vehicle-spec-strip{grid-template-columns:1fr!important}}

.reply-request{
  border:0;
  cursor:pointer;
}

.request-card{
  background:#fff;
  border:1px solid #dce8f6;
  border-radius:16px;
  padding:16px;
  box-shadow:0 8px 20px rgba(15,35,60,.05);
}
.cta.mini,.ghost.mini{
  display:inline-block;
  padding:9px 12px;
  border-radius:10px;
  font-size:13px;
  text-decoration:none;
}

/* --- V33 box sotto foto: bordi arancio, icone blu, azioni funzionanti --- */
.vehicle-spec-strip{
  margin-top:18px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  background:#fff!important;
}

.strip-spec{
  background:#fff!important;
  border:1.6px solid #ff6b00!important;
  border-radius:14px!important;
  padding:13px 14px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:76px!important;
  box-shadow:0 7px 20px rgba(255,107,0,.06)!important;
}

.strip-icon{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:12px!important;
  background:#ffffff!important;
  border:1px solid #e2eaf5!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.strip-icon svg{
  width:24px!important;
  height:24px!important;
  fill:none!important;
  stroke:#071d3a!important;
  stroke-width:2.2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

.strip-spec small{
  display:block!important;
  color:#64748b!important;
  font-size:12px!important;
  line-height:1.15!important;
  margin-bottom:4px!important;
}

.strip-spec b{
  display:block!important;
  color:#071d3a!important;
  font-size:15px!important;
  line-height:1.15!important;
  font-weight:900!important;
}

.color-inline .strip-icon{
  border:none!important;
  background:#fff!important;
}
.color-dot-strip{
  display:block!important;
  width:30px!important;
  height:30px!important;
  border-radius:50%!important;
  box-shadow:0 0 0 1px #d8e3f0!important;
}

.detail-actions-top{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
.detail-actions-top button{
  border:0!important;
  background:#fff!important;
  color:#0068ff!important;
  font-weight:900!important;
  cursor:pointer!important;
  padding:7px 8px!important;
  border-radius:8px!important;
}
.detail-actions-top button:hover{
  background:#eef6ff!important;
}

@media(max-width:900px){.vehicle-spec-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.vehicle-spec-strip{grid-template-columns:1fr!important}}


/* --- V34 uniforma icone/tipografia --- */
.strip-spec{
  border-width:1.2px!important;
}

.strip-icon svg{
  stroke:#123d7a!important;
  fill:none!important;
}

.strip-icon svg *{
  stroke:#123d7a!important;
  fill:none!important;
}

.strip-spec small{
  font-size:11px!important;
  font-weight:500!important;
  color:#6c7a92!important;
}

.strip-spec b{
  font-size:13px!important;
  font-weight:800!important;
}

.strip-icon{
  border:1px solid #d7e1ef!important;
}

.vehicle-spec-strip{
  gap:10px!important;
}

/* --- V35 dettaglio HTML stile foto, galleria laterale e bordi arancio immagini --- */
.pro-gallery-card{
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  border-radius:22px!important;
}

.gallery-layout-pro{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 210px!important;
  gap:14px!important;
  align-items:stretch!important;
}

.pro-main-photo{
  border:3px solid #ff6b00!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:#fff!important;
  min-height:430px!important;
}

.pro-main-photo .main-ad-photo{
  height:430px!important;
  object-fit:contain!important;
  border-radius:14px!important;
  background:#fff!important;
}

.thumbs-side-pro{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  max-height:436px!important;
  margin:0!important;
  padding:0 4px 0 0!important;
}

.thumbs-side-pro .thumb-img{
  width:100%!important;
  height:132px!important;
  object-fit:cover!important;
  border-radius:13px!important;
  border:2px solid #ff6b00!important;
  padding:0!important;
  background:#fff!important;
  box-shadow:0 7px 18px rgba(15,35,60,.08)!important;
}

.thumbs-side-pro .thumb-img.active{
  border:4px solid #ff6b00!important;
  box-shadow:0 0 0 2px rgba(255,107,0,.16)!important;
}

/* box caratteristiche come la foto: bianco, bordo chiaro, filetto sinistro blu sottile */
.vehicle-spec-strip{
  margin-top:18px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  background:#fff!important;
}

.strip-spec{
  background:#fff!important;
  border:1px solid #dce8f6!important;
  border-left:4px solid #0f4fb8!important;
  border-radius:14px!important;
  padding:14px 16px!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  min-height:82px!important;
  box-shadow:0 8px 22px rgba(15,35,60,.045)!important;
}

.strip-icon{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  border-radius:13px!important;
  background:#fff!important;
  border:1px solid #dce8f6!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.strip-icon svg{
  width:24px!important;
  height:24px!important;
  fill:none!important;
  stroke:#0f4fb8!important;
  stroke-width:2.1!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

.strip-spec small{
  display:block!important;
  color:#60708a!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.15!important;
  margin-bottom:5px!important;
}

.strip-spec b{
  display:block!important;
  color:#071d3a!important;
  font-size:18px!important;
  line-height:1.1!important;
  font-weight:850!important;
}

.color-inline .strip-icon{
  border:0!important;
  background:#fff!important;
}

.color-dot-strip{
  display:block!important;
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  box-shadow:none!important;
}

.gallery-arrow{
  background:rgba(7,29,58,.62)!important;
}
.photo-count{
  background:rgba(7,29,58,.86)!important;
}

@media(max-width:920px){
  .gallery-layout-pro{
    grid-template-columns:1fr!important;
  }
  .thumbs-side-pro{
    display:flex!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    max-height:none!important;
    padding-bottom:6px!important;
  }
  .thumbs-side-pro .thumb-img{
    width:104px!important;
    min-width:104px!important;
    height:78px!important;
  }
  .pro-main-photo .main-ad-photo{
    height:320px!important;
  }
  .pro-main-photo{
    min-height:320px!important;
  }
}
@media(max-width:760px){
  .vehicle-spec-strip{grid-template-columns:1fr 1fr!important}
}
@media(max-width:520px){
  .vehicle-spec-strip{grid-template-columns:1fr!important}
}


/* V36 - tutti i bordi blu */
.strip-spec{
  border-left:4px solid #0f4fb8 !important;
}


/* V37 - uniforma tutti bordi blu */
.strip-spec{
  border-left:4px solid #0f4fb8 !important;
}

/* CTA contatta venditore stile premium */
.contact-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr 1fr!important;
  gap:14px!important;
  margin-top:22px!important;
}

.contact-btn{
  height:58px!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  font-weight:800!important;
  font-size:16px!important;
  text-decoration:none!important;
  transition:.18s ease!important;
}

.contact-btn svg{
  width:22px!important;
  height:22px!important;
}

.contact-btn:hover{
  transform:translateY(-2px)!important;
}

.btn-whatsapp{
  background:#25D366!important;
  color:#fff!important;
  border:2px solid #25D366!important;
  box-shadow:0 10px 25px rgba(37,211,102,.18)!important;
}

.btn-whatsapp svg{
  fill:#fff!important;
}

.btn-call,
.btn-mail{
  background:#fff!important;
  color:#0f4fb8!important;
  border:2px solid #0f4fb8!important;
}

.btn-call svg,
.btn-mail svg{
  stroke:#0f4fb8!important;
  fill:none!important;
}

@media(max-width:700px){
  .contact-actions{
    grid-template-columns:1fr!important;
  }
}


/* --- V38 DEFINITIVO: bordi blu e pulsanti contatto reali --- */
.ad-detail-page .vehicle-spec-strip .strip-spec,
.vehicle-spec-strip .strip-spec,
.strip-spec{
  border:1px solid #dce8f6!important;
  border-left:4px solid #0f4fb8!important;
}

.ad-detail-page .vehicle-spec-strip .strip-spec::before,
.vehicle-spec-strip .strip-spec::before,
.strip-spec::before{
  background:#0f4fb8!important;
  border-color:#0f4fb8!important;
}

/* elimina qualunque vecchio arancione sulle card info */
.vehicle-spec-strip .strip-spec:nth-child(n),
.strip-spec:nth-child(n){
  border-left-color:#0f4fb8!important;
}

/* galleria: bordo immagine arancione resta, come richiesto prima */
.pro-main-photo,
.main-photo-wrap{
  border-color:#ff6b00!important;
}
.thumbs-side-pro .thumb-img,
.thumb-img{
  border-color:#ff6b00!important;
}

/* pulsanti contatto: WhatsApp, Chiama, Email */
.contact-stack.contact-actions,
.contact-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  margin:18px 0!important;
}

.contact-btn{
  min-height:54px!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  font-weight:900!important;
  font-size:15px!important;
  text-decoration:none!important;
  cursor:pointer!important;
  transition:.18s ease!important;
}

.contact-btn svg{
  width:22px!important;
  height:22px!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

.btn-whatsapp{
  background:#25D366!important;
  color:#fff!important;
  border:2px solid #25D366!important;
  box-shadow:0 10px 25px rgba(37,211,102,.20)!important;
}

.btn-whatsapp svg{
  fill:none!important;
  stroke:#fff!important;
}

.btn-call,
.btn-mail{
  background:#fff!important;
  color:#0f4fb8!important;
  border:2px solid #0f4fb8!important;
}

.btn-call svg,
.btn-mail svg{
  fill:none!important;
  stroke:#0f4fb8!important;
}

.contact-btn:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 12px 25px rgba(15,79,184,.12)!important;
}

/* --- V39 modifiche richieste --- */
.brand-sub{letter-spacing:1.7px!important;font-size:9.5px!important;white-space:nowrap!important}
.auth .ghost,#loginBtn{background:#0f4fb8!important;color:#fff!important;border:2px solid #0f4fb8!important;min-height:44px!important;min-width:112px!important;border-radius:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.auth .cta{min-height:44px!important;min-width:112px!important;border-radius:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 18px!important}
.mode-btn,.tab{border-radius:12px!important;padding:11px 15px!important;font-weight:900!important;border:2px solid #d7e2f0!important;background:#fff!important;color:#071d3a!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease!important}
.mode-btn.active,.tab.active{background:#0f4fb8!important;color:#fff!important;border-color:#0f4fb8!important}
.mode-btn:hover,.tab:hover{transform:translateY(-2px)!important;box-shadow:0 10px 22px rgba(15,79,184,.13)!important}
.mode-btn:active,.tab:active{transform:translateY(0)!important}
.bottom-back-detail{display:block!important;margin-top:18px!important;text-align:center!important;background:#fff!important;color:#0f4fb8!important;border:2px solid #0f4fb8!important;border-radius:12px!important;padding:13px 16px!important;font-weight:900!important;text-decoration:none!important}
.vehicle-spec-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
.strip-spec{min-height:62px!important;padding:9px 11px!important;gap:9px!important;border-left:3px solid #0f4fb8!important}
.strip-icon{width:32px!important;height:32px!important;min-width:32px!important}
.strip-icon svg{width:19px!important;height:19px!important}
.strip-spec small{font-size:10.5px!important;margin-bottom:2px!important}
.strip-spec b{font-size:13px!important}
.detail-ad-slot{margin:16px 0 14px!important;background:#fff!important;border:1px dashed #b9c8dc!important;border-radius:14px!important;min-height:74px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
.ad-slot-inner{color:#64748b!important;font-weight:800!important}
.ad-slot-inner span{display:block!important;color:#0f4fb8!important;font-size:13px!important;letter-spacing:1.2px!important}
.ad-slot-inner small{display:block!important;margin-top:4px!important;font-size:12px!important;color:#64748b!important}
.admin-actions .ghost.mini,.admin-actions .cta.mini{border-radius:10px!important}
@media(max-width:760px){.vehicle-spec-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}.strip-spec{flex-direction:column!important;text-align:center!important;justify-content:center!important;min-height:86px!important;padding:9px 6px!important}.strip-icon{width:30px!important;height:30px!important}.strip-spec small{font-size:9px!important}.strip-spec b{font-size:11px!important}.auth .ghost,.auth .cta{min-width:98px!important}}
@media(max-width:430px){.vehicle-spec-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}.strip-spec{min-height:78px!important}}

/* V40 fixes */
body:not(.logged-in) #logoutBtn{display:none!important} body.logged-in #loginBtn{display:none!important} body.logged-in #logoutBtn{display:inline-flex!important}
.auth{display:flex!important;gap:8px!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important}
@media(max-width:760px){header .nav{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;padding:10px 14px!important}header .brand{min-width:0!important}header .brand-text{font-size:22px!important}header .brand-icon{width:46px!important;height:46px!important}header .menu{display:none!important}header .auth{grid-column:2!important;gap:6px!important}.auth .ghost,.auth .cta,#loginBtn,#logoutBtn{min-width:auto!important;width:auto!important;height:38px!important;min-height:38px!important;padding:0 10px!important;font-size:13px!important;border-radius:10px!important}}
.adv-panel{margin-top:24px!important}.adv-form{background:#f8fafc;border:1px solid #dce8f6;border-radius:16px;padding:16px;margin:14px 0}.adv-form .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.detail-ad-slot{overflow:hidden!important}.ad-slot-click{display:block!important;width:100%!important;text-decoration:none!important}.ad-slot-click img,.ad-slot-click video{display:block!important;width:100%!important;max-height:110px!important;object-fit:cover!important;border-radius:13px!important}
@media(max-width:760px){.adv-form .grid{grid-template-columns:1fr!important}.ad-slot-click img,.ad-slot-click video{max-height:90px!important}}

/* --- V41 fix header mobile + filtri su un rigo + back istantaneo --- */
@media(max-width:760px){
  header .nav{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:8px!important;
    padding:9px 10px!important;
  }

  header .brand{
    min-width:0!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
  }

  header .brand-icon{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
  }

  header .brand-text{
    font-size:19px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  header .brand-sub{
    font-size:7.2px!important;
    letter-spacing:.9px!important;
    white-space:nowrap!important;
    max-width:150px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  header .auth{
    display:flex!important;
    gap:5px!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
    max-width:150px!important;
  }

  .auth .ghost,
  .auth .cta,
  #loginBtn,
  #logoutBtn{
    height:34px!important;
    min-height:34px!important;
    min-width:auto!important;
    padding:0 8px!important;
    font-size:12px!important;
    border-radius:9px!important;
    white-space:nowrap!important;
  }
}

@media(max-width:390px){
  header .brand-text{font-size:17px!important}
  header .brand-sub{font-size:6.6px!important;max-width:128px!important}
  header .auth{max-width:135px!important}
  .auth .ghost,.auth .cta,#loginBtn,#logoutBtn{padding:0 7px!important;font-size:11.5px!important}
}

/* Filtri sempre su un rigo: scroll orizzontale elegante */
.search-mode,
.vehicle-tabs,
.tabs,
.type-tabs{
  display:flex!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  gap:8px!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
}

.search-mode::-webkit-scrollbar,
.vehicle-tabs::-webkit-scrollbar,
.tabs::-webkit-scrollbar,
.type-tabs::-webkit-scrollbar{
  display:none!important;
}

.mode-btn,
.tab{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  border-radius:12px!important;
}

/* Su desktop devono comunque stare su un rigo, ma più ordinati */
@media(min-width:761px){
  .search-mode,
  .vehicle-tabs,
  .tabs,
  .type-tabs{
    align-items:center!important;
    justify-content:flex-start!important;
  }
}

/* Evita che la card ricerca allarghi la pagina mobile */
.search-card,
.search-box,
.hero-search{
  overflow:hidden!important;
}


/* --- V42 filtri mobile senza uscire fuori pagina --- */
@media(max-width:760px){

  /* prima riga: Tutti / Da concessionario / Da privato */
  .search-mode{
    display:grid!important;
    grid-template-columns:repeat(3, minmax(0, 1fr))!important;
    gap:7px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }

  .search-mode .mode-btn{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    padding:9px 5px!important;
    font-size:11.5px!important;
    line-height:1.05!important;
    white-space:normal!important;
    text-align:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:42px!important;
  }

  /* seconda riga: Auto / Moto / Furgoni / Camper */
  .vehicle-tabs,
  .tabs,
  .type-tabs{
    display:grid!important;
    grid-template-columns:repeat(4, minmax(0, 1fr))!important;
    gap:7px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }

  .vehicle-tabs .tab,
  .tabs .tab,
  .type-tabs .tab{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    padding:9px 4px!important;
    font-size:11.5px!important;
    line-height:1.05!important;
    white-space:normal!important;
    text-align:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:40px!important;
  }

  .search-card,
  .search-box,
  .hero-search,
  .hero,
  body,
  html{
    max-width:100%!important;
    overflow-x:hidden!important;
  }
}

@media(max-width:390px){
  .search-mode .mode-btn{
    font-size:10.5px!important;
    padding:8px 3px!important;
  }

  .vehicle-tabs .tab,
  .tabs .tab,
  .type-tabs .tab{
    font-size:10.5px!important;
    padding:8px 3px!important;
  }
}

/* --- V44 ADV: immagine/video visibile + fallback --- */
.detail-ad-slot{
  min-height:110px!important;
  background:#fff!important;
  border:1px dashed #b9c8dc!important;
  border-radius:14px!important;
  overflow:hidden!important;
}

.ad-slot-click{
  display:block!important;
  width:100%!important;
  height:100%!important;
}

.ad-slot-click img,
.ad-slot-click video{
  display:block!important;
  width:100%!important;
  height:110px!important;
  object-fit:cover!important;
  border-radius:13px!important;
  background:#f8fafc!important;
}

.ad-slot-fallback{
  width:100%!important;
  min-height:110px!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
  color:#64748b!important;
  padding:14px!important;
}

.ad-slot-fallback b{
  color:#0f4fb8!important;
  display:block!important;
}

.ad-slot-fallback small{
  display:block!important;
  margin-top:4px!important;
}

@media(max-width:760px){
  .ad-slot-click img,
  .ad-slot-click video,
  .detail-ad-slot,
  .ad-slot-fallback{
    height:90px!important;
    min-height:90px!important;
  }
}

/* --- V45 ADV path/preview fix --- */
.adv-preview{
  margin-top:8px!important;
  width:180px!important;
  height:58px!important;
  border-radius:10px!important;
  overflow:hidden!important;
  border:1px solid #dce8f6!important;
  background:#f8fafc!important;
}
.adv-preview img,.adv-preview video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.ad-slot-fallback{
  width:100%!important;
  min-height:110px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  color:#64748b!important;
  padding:14px!important;
}
.ad-slot-fallback b{color:#0f4fb8!important}
.ad-slot-fallback small{margin-top:4px!important;max-width:95%;overflow-wrap:anywhere!important}

/* --- V46 ADV robust display --- */
.detail-ad-slot{
  min-height:110px!important;
  padding:0!important;
}
.ad-slot-click{
  display:block!important;
  width:100%!important;
  height:110px!important;
}
.ad-slot-click img,
.ad-slot-click video{
  display:block!important;
  width:100%!important;
  height:110px!important;
  object-fit:cover!important;
  border-radius:13px!important;
}
@media(max-width:760px){
  .detail-ad-slot,
  .ad-slot-click,
  .ad-slot-click img,
  .ad-slot-click video{
    height:90px!important;
    min-height:90px!important;
  }
}

/* --- V47 ADV definitivo --- */
.detail-ad-slot{
  min-height:110px!important;
  padding:0!important;
  background:#fff!important;
  border:1px dashed #b9c8dc!important;
  border-radius:14px!important;
  overflow:hidden!important;
}

.ad-slot-click{
  display:block!important;
  width:100%!important;
  height:110px!important;
  text-decoration:none!important;
}

.ad-slot-click img,
.ad-slot-click video{
  display:block!important;
  width:100%!important;
  height:110px!important;
  object-fit:cover!important;
  border-radius:13px!important;
  background:#f8fafc!important;
}

.ad-slot-fallback{
  width:100%!important;
  min-height:110px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:12px!important;
  color:#64748b!important;
}

.ad-slot-fallback b{
  color:#0f4fb8!important;
}

.ad-slot-fallback small{
  margin-top:4px!important;
  overflow-wrap:anywhere!important;
}

@media(max-width:760px){
  .detail-ad-slot,
  .ad-slot-click,
  .ad-slot-click img,
  .ad-slot-click video,
  .ad-slot-fallback{
    height:90px!important;
    min-height:90px!important;
  }
}

/* --- V48 ADV: immagine come background, niente onerror falso --- */
.detail-ad-slot{
  min-height:110px!important;
  padding:0!important;
  background:#fff!important;
  border:1px dashed #b9c8dc!important;
  border-radius:14px!important;
  overflow:hidden!important;
}
.ad-slot-click{
  display:block!important;
  width:100%!important;
  height:110px!important;
  text-decoration:none!important;
}
.ad-banner-bg{
  width:100%!important;
  height:110px!important;
  border-radius:13px!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-color:#f8fafc!important;
}
.ad-slot-click video{
  display:block!important;
  width:100%!important;
  height:110px!important;
  object-fit:cover!important;
  border-radius:13px!important;
}
@media(max-width:760px){
  .detail-ad-slot,
  .ad-slot-click,
  .ad-banner-bg,
  .ad-slot-click video{
    height:90px!important;
    min-height:90px!important;
  }
}

/* --- V49 ADV diretto con IMG/VIDEO --- */
.detail-ad-slot{
  min-height:110px!important;
  padding:0!important;
  background:#fff!important;
  border:1px dashed #b9c8dc!important;
  border-radius:14px!important;
  overflow:hidden!important;
  display:block!important;
}

.ad-slot-click{
  display:block!important;
  width:100%!important;
  height:110px!important;
  text-decoration:none!important;
  overflow:hidden!important;
  border-radius:13px!important;
}

.ad-slot-click img,
.ad-slot-click video{
  display:block!important;
  width:100%!important;
  height:110px!important;
  object-fit:cover!important;
  border-radius:13px!important;
  background:#f8fafc!important;
}

.ad-slot-fallback{
  width:100%!important;
  min-height:110px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:12px!important;
  color:#64748b!important;
}

.ad-slot-fallback b{
  color:#0f4fb8!important;
}

.ad-slot-fallback small{
  margin-top:4px!important;
  overflow-wrap:anywhere!important;
}

@media(max-width:760px){
  .detail-ad-slot,
  .ad-slot-click,
  .ad-slot-click img,
  .ad-slot-click video,
  .ad-slot-fallback{
    height:90px!important;
    min-height:90px!important;
  }
}

/* --- V50 ADV FORCE FIX --- */

.detail-ad-slot{
    width:100%!important;
    height:110px!important;
    overflow:hidden!important;
    border-radius:14px!important;
    background:#ffffff!important;
    display:block!important;
    position:relative!important;
}

.detail-ad-slot img,
.detail-ad-slot video{
    width:100%!important;
    height:110px!important;
    object-fit:cover!important;
    display:block!important;
    border-radius:14px!important;
    opacity:1!important;
    visibility:visible!important;
}

.ad-slot-click{
    display:block!important;
    width:100%!important;
    height:110px!important;
}

@media(max-width:768px){

.detail-ad-slot{
    height:90px!important;
}

.detail-ad-slot img,
.detail-ad-slot video,
.ad-slot-click{
    height:90px!important;
}

}


/* V52 registrazione email/password */
.auth-modal-box{max-width:420px!important;width:min(420px,92vw)!important;border-radius:20px!important;padding:24px!important}
.auth-modal-box h3{margin:0 0 8px!important;font-size:26px!important;color:#071d3a!important}
.auth-intro{color:#64748b!important;margin:0 0 18px!important}
.auth-modal-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:16px!important}
.auth-modal-actions #authCancelBtn{grid-column:1 / -1!important}
.secondary-register{background:#ff6b00!important;border-color:#ff6b00!important}
.link-btn{margin-top:12px!important;background:transparent!important;border:0!important;color:#0f4fb8!important;font-weight:800!important;cursor:pointer!important;text-decoration:underline!important}

/* --- V54 ADV premium label + multi slide --- */
.detail-ad-box{
  position:relative!important;
  margin:18px 0 14px!important;
  padding-top:18px!important;
}

.ad-label-premium{
  position:absolute!important;
  top:0!important;
  left:14px!important;
  z-index:5!important;
  background:#071d3a!important;
  color:#fff!important;
  border:1px solid rgba(255,107,0,.45)!important;
  border-radius:999px!important;
  padding:5px 12px!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:1.4px!important;
  text-transform:uppercase!important;
  box-shadow:0 8px 18px rgba(7,29,58,.14)!important;
}

.detail-ad-slot{
  width:100%!important;
  height:140px!important;
  min-height:140px!important;
  border:1px solid #dce8f6!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#ffffff,#f7fbff)!important;
  box-shadow:0 10px 26px rgba(15,35,60,.06)!important;
}

.ad-slot-click{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:140px!important;
  overflow:hidden!important;
  border-radius:18px!important;
}

.adv-slider-premium .adv-slide-img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  opacity:0!important;
  transform:scale(1.015)!important;
  transition:opacity .9s ease, transform 3.2s ease!important;
}

.adv-slider-premium .adv-slide-img.active{
  opacity:1!important;
  transform:scale(1)!important;
}

.ad-slot-click video{
  width:100%!important;
  height:140px!important;
  object-fit:cover!important;
  display:block!important;
}

.adv-dots{
  position:absolute!important;
  right:12px!important;
  bottom:10px!important;
  display:flex!important;
  gap:5px!important;
  z-index:6!important;
}

.adv-dots span{
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.55)!important;
  box-shadow:0 0 0 1px rgba(7,29,58,.15)!important;
}

.adv-dots span.active{
  background:#ff6b00!important;
}

.adv-extra-media{
  margin-top:10px!important;
}

@media(max-width:768px){
  .detail-ad-box{
    padding-top:16px!important;
  }
  .detail-ad-slot,
  .ad-slot-click,
  .ad-slot-click video{
    height:96px!important;
    min-height:96px!important;
  }
  .ad-label-premium{
    font-size:9px!important;
    padding:4px 10px!important;
    left:10px!important;
  }
}

/* --- V61 Admin ADV geotarget + verificati + mobile ADV --- */
.users-panel{
  margin-top:24px!important;
}
.user-admin-row{
  grid-template-columns:48px 1fr auto!important;
}
.user-avatar-admin{
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
  background:#071d3a!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-weight:900!important;
}

.adv-form .grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
.adv-extra-media{
  margin-top:10px!important;
}

.detail-ad-box{
  position:relative!important;
  width:100%!important;
  display:block!important;
  margin:18px 0!important;
  padding-top:18px!important;
}
.ad-label-premium{
  position:absolute!important;
  top:0!important;
  left:14px!important;
  z-index:20!important;
  background:#071d3a!important;
  color:#fff!important;
  border:1px solid rgba(255,107,0,.45)!important;
  border-radius:999px!important;
  padding:5px 12px!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:1.4px!important;
  text-transform:uppercase!important;
}
.detail-ad-slot{
  display:block!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid #dce8f6!important;
  box-shadow:0 10px 26px rgba(15,35,60,.06)!important;
}
.ad-slot-click,
.adv-slider-css{
  position:relative!important;
  display:block!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:#fff!important;
}
.adv-slide-css{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
  opacity:0;
  animation-name:advFade365;
  animation-timing-function:ease-in-out;
  animation-iteration-count:infinite;
}
.adv-slide-css:only-child{
  opacity:1!important;
  animation:none!important;
}
@keyframes advFade365{
  0%{opacity:0;}
  8%{opacity:1;}
  42%{opacity:1;}
  50%{opacity:0;}
  100%{opacity:0;}
}
.ad-slot-click video{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:#000!important;
  display:block!important;
}
.adv-dots{
  position:absolute!important;
  right:12px!important;
  bottom:10px!important;
  z-index:8!important;
  display:flex!important;
  gap:5px!important;
}
.adv-dots span{
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.65)!important;
  box-shadow:0 0 0 1px rgba(7,29,58,.2)!important;
}
.ad-slot-fallback{
  width:100%!important;
  aspect-ratio:16/9!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  color:#64748b!important;
  padding:12px!important;
}
.ad-slot-fallback b{
  color:#0f4fb8!important;
}

@media(max-width:760px){
  .adv-form .grid{
    grid-template-columns:1fr!important;
  }
  .user-admin-row{
    grid-template-columns:42px 1fr!important;
  }
  .user-admin-row .admin-actions{
    grid-column:1 / -1!important;
    justify-content:flex-start!important;
  }
  .seller-side-card .detail-ad-box{
    display:block!important;
    width:100%!important;
  }
  .detail-ad-slot,
  .ad-slot-click,
  .adv-slider-css{
    width:100%!important;
    aspect-ratio:16/9!important;
    height:auto!important;
  }
}

/* --- V62 fix ads come prima + utenti manuali --- */
.manual-user-form{
  margin:14px 0 18px!important;
}
.manual-user-form .grid{
  display:grid!important;
  grid-template-columns:1.2fr 1.2fr 1fr!important;
  gap:12px!important;
}
@media(max-width:760px){
  .manual-user-form .grid{
    grid-template-columns:1fr!important;
  }
}

/* ADV: non nascondere mai su mobile */
.detail-ad-box{
  display:block!important;
  width:100%!important;
}
.detail-ad-slot,
.ad-slot-click,
.adv-slider-css{
  display:block!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
}
.adv-slide-css{
  object-fit:contain!important;
  background:#fff!important;
}

/* --- V63 tri-state inserzionisti: verificato / da approvare / blocca --- */
.user-status-row{
  grid-template-columns:48px 1fr auto!important;
  align-items:center!important;
}

.seller-status-controls{
  display:flex!important;
  gap:18px!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
}

.seller-status-btn{
  appearance:none!important;
  border:0!important;
  background:transparent!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:6px!important;
  cursor:pointer!important;
  color:#071d3a!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:1px!important;
  font-size:12px!important;
}

.seller-status-btn .status-square{
  width:48px!important;
  height:48px!important;
  border:3px solid #071d3a!important;
  border-radius:7px!important;
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:34px!important;
  line-height:1!important;
  color:#22e33a!important;
  font-weight:1000!important;
  box-shadow:0 8px 18px rgba(7,29,58,.08)!important;
}

.seller-status-btn.active .status-square{
  border-color:#071d3a!important;
  background:#fff!important;
}

.seller-status-btn.blocked.active .status-square{
  color:#ff2b2b!important;
}

.seller-status-btn:hover .status-square{
  transform:translateY(-2px)!important;
  box-shadow:0 12px 22px rgba(7,29,58,.14)!important;
}

@media(max-width:760px){
  .user-status-row{
    grid-template-columns:42px 1fr!important;
  }
  .seller-status-controls{
    grid-column:1 / -1!important;
    justify-content:space-between!important;
    gap:8px!important;
    margin-top:10px!important;
  }
  .seller-status-btn{
    font-size:10px!important;
    flex:1!important;
  }
  .seller-status-btn .status-square{
    width:42px!important;
    height:42px!important;
    font-size:28px!important;
  }
}

/* --- V70 homepage ricerca corretta senza errori DOM --- */

/* Applica solo al form che contiene i campi ricerca */
@media(max-width:760px){
  form:has(.v70-marca-field),
  form:has(input[name="marca"]),
  form:has(input[name="brand"]){
    display:grid!important;
    grid-template-columns:1fr 1fr 48px!important;
    gap:10px!important;
    align-items:end!important;
  }

  .v70-marca-field{grid-column:1 / 2!important;}
  .v70-modello-field{grid-column:2 / 4!important;}

  .v70-prezzo-min-field{grid-column:1 / 2!important;}
  .v70-prezzo-max-field{grid-column:2 / 4!important;}

  .v70-citta-field{grid-column:1 / 2!important;}
  .v70-regione-field{grid-column:2 / 3!important;}

  .v70-search-btn{
    grid-column:3 / 4!important;
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    padding:0!important;
    font-size:0!important;
    border-radius:12px!important;
    background:#ff6b00!important;
    border:2px solid #ff6b00!important;
    color:#fff!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
  }

  .v70-search-btn::before{
    content:"⌕";
    font-size:26px!important;
    font-weight:900!important;
    line-height:1!important;
  }

  .v70-search-btn:hover,
  .v70-search-btn.is-clicked{
    transform:translateY(-3px)!important;
    border-color:#0f4fb8!important;
    box-shadow:0 12px 28px rgba(15,79,184,.24)!important;
  }

  .v70-marca-field input,
  .v70-modello-field input,
  .v70-prezzo-min-field input,
  .v70-prezzo-max-field input,
  .v70-citta-field input,
  .v70-regione-field input{
    width:100%!important;
    min-width:0!important;
    font-size:14px!important;
    padding-left:11px!important;
    padding-right:11px!important;
  }
}

/* Desktop/tablet: stessi accoppiamenti ma più larghi */
@media(min-width:761px){
  form:has(.v70-marca-field),
  form:has(input[name="marca"]),
  form:has(input[name="brand"]){
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:12px!important;
    align-items:end!important;
  }

  .v70-marca-field{grid-column:1 / 3!important;}
  .v70-modello-field{grid-column:3 / 5!important;}
  .v70-prezzo-min-field{grid-column:5 / 6!important;}
  .v70-prezzo-max-field{grid-column:6 / 7!important;}
  .v70-citta-field{grid-column:1 / 3!important;}
  .v70-regione-field{grid-column:3 / 5!important;}
  .v70-search-btn{grid-column:5 / 7!important;}
}

/* Non tocca i pulsanti: Tutti / da concessionario / da privato / auto / moto / furgoni / camper */
.search-mode,
.vehicle-tabs,
.tabs,
.type-tabs{
  flex-wrap:nowrap!important;
}


/* --- V67 FIX homepage ricerca + admin ADV --- */
.hero .search-box{
  display:block!important;
  max-width:1120px!important;
  margin:0 auto -72px!important;
  padding:20px!important;
}

.hero .search-box .search-mode,
.hero .search-box .tabs{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  overflow-x:auto!important;
  align-items:center!important;
}

.hero .search-box .mode-btn,
.hero .search-box .tab{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  border-radius:13px!important;
}

.hero .search-box .grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr)) 150px!important;
  gap:12px!important;
  align-items:end!important;
}

.hero .search-box .field{
  min-width:0!important;
}

.hero .search-box .search-btn{
  width:100%!important;
  min-width:0!important;
}

@media(max-width:900px){
  .hero .search-box .grid{
    grid-template-columns:1fr 1fr!important;
  }
  .hero .search-box .search-btn{
    grid-column:1 / -1!important;
  }
}

@media(max-width:560px){
  .hero .search-box{
    padding:16px!important;
  }
  .hero .search-box .grid{
    grid-template-columns:1fr!important;
  }
  .hero .search-box .field,
  .hero .search-box .search-btn{
    grid-column:auto!important;
  }
}

.adv-admin-item{
  grid-template-columns:90px 1fr auto!important;
}
.adv-admin-preview{
  width:76px!important;
  height:46px!important;
  border-radius:10px!important;
  overflow:hidden!important;
  background:#f8fafc!important;
  border:1px solid #dce8f6!important;
}
.adv-admin-preview img,
.adv-admin-preview video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
@media(max-width:760px){
  .adv-admin-item{
    grid-template-columns:1fr!important;
  }
}


/* --- V68 ADV 960x540 --- */
.detail-ad-box .detail-ad-slot,
.detail-ad-box .ad-slot-click,
.detail-ad-box .adv-slider-js{
  aspect-ratio:960 / 540 !important;
  width:100% !important;
  max-width:960px !important;
  margin:0 auto !important;
}

.detail-ad-box .adv-slide-js img,
.detail-ad-box .adv-slide-js video{
  object-fit:cover !important;
  width:100% !important;
  height:100% !important;
}

@media(max-width:768px){
  .detail-ad-box .detail-ad-slot,
  .detail-ad-box .ad-slot-click,
  .detail-ad-box .adv-slider-js{
    max-width:100% !important;
  }
}


/* --- V69 ADV riempi tutta la capsula 960x540 ratio --- */
.detail-ad-box .detail-ad-slot{
  width:100% !important;
  max-width:none !important;
  aspect-ratio:960 / 540 !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:18px !important;
}

.detail-ad-box .ad-slot-click,
.detail-ad-box .adv-slider-js{
  position:relative !important;
  display:block !important;
  width:100% !important;
  max-width:none !important;
  height:100% !important;
  aspect-ratio:960 / 540 !important;
  overflow:hidden !important;
  border-radius:18px !important;
  margin:0 !important;
}

.detail-ad-box .adv-slide-js{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
  background:#fff !important;
}

.detail-ad-box .adv-slide-js img,
.detail-ad-box .adv-slide-js video{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
  border-radius:18px !important;
}


/* --- V70 FIX MOBILE: ricerca completa + form vendi dentro pagina --- */
@media(max-width:760px){

  /* HERO SEARCH: non trasformare il form intero in griglia */
  .hero .search-box{
    width:calc(100vw - 32px)!important;
    max-width:calc(100vw - 32px)!important;
    margin:0 auto -58px!important;
    padding:16px!important;
    overflow:hidden!important;
  }

  .hero .search-box .search-mode{
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr!important;
    gap:8px!important;
    overflow:visible!important;
    width:100%!important;
    margin-bottom:10px!important;
  }

  .hero .search-box .tabs{
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr 1fr!important;
    gap:8px!important;
    overflow:visible!important;
    width:100%!important;
    margin-bottom:14px!important;
  }

  .hero .search-box .mode-btn,
  .hero .search-box .tab{
    width:100%!important;
    min-width:0!important;
    padding:10px 6px!important;
    font-size:12px!important;
    border-radius:12px!important;
    white-space:normal!important;
    text-align:center!important;
    line-height:1.15!important;
  }

  .hero .search-box .grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
  }

  .hero .search-box .field,
  .hero .search-box .search-btn,
  .hero .search-box input,
  .hero .search-box select{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    grid-column:auto!important;
  }

  .hero .search-box .search-btn{
    height:48px!important;
    font-size:15px!important;
  }

  /* VENDI / INSERISCI ANNUNCIO: tutto dentro schermo */
  #vendi,
  .sell-section,
  .sell-card,
  form#sellForm,
  #sellForm{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  .sell-grid,
  #sellForm .sell-grid,
  #sellForm .grid,
  .sell-card .sell-grid,
  .sell-card .grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  #sellForm .field,
  #sellForm input,
  #sellForm select,
  #sellForm textarea,
  #sellForm button{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  input[type="file"]{
    max-width:100%!important;
    font-size:14px!important;
  }
}

/* telefoni molto stretti: i pulsanti restano visibili */
@media(max-width:420px){
  .hero .search-box .search-mode{
    grid-template-columns:1fr!important;
  }

  .hero .search-box .tabs{
    grid-template-columns:1fr 1fr!important;
  }
}


/* --- V71 FIX DEFINITIVO MOBILE: tasti ricerca + inserisci annuncio --- */
@media(max-width:760px){

  /* Ricerca: da concessionario + da privato nello stesso rigo */
  .hero .search-box .search-mode{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
    overflow:visible!important;
  }

  .hero .search-box .search-mode .mode-btn:first-child{
    grid-column:1 / -1!important;
  }

  .hero .search-box .search-mode .mode-btn{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    font-size:12px!important;
    padding:11px 6px!important;
    border-radius:13px!important;
    white-space:normal!important;
    line-height:1.15!important;
  }

  .hero .search-box .tabs{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
    overflow:visible!important;
  }

  /* Form pubblica: annulla qualsiasi griglia desktop precedente */
  #sellForm,
  form#sellForm{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  #sellForm .sell-grid,
  #sellForm .grid,
  .sell-grid{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  #sellForm .field,
  .sell-grid .field{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 0 14px 0!important;
    grid-column:auto!important;
  }

  #sellForm label{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    white-space:normal!important;
    line-height:1.15!important;
    margin-bottom:7px!important;
    font-size:12px!important;
    letter-spacing:.6px!important;
  }

  #sellForm input,
  #sellForm select,
  #sellForm textarea,
  #sellForm button{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:48px!important;
    box-sizing:border-box!important;
    font-size:15px!important;
    padding:12px!important;
    margin:0!important;
  }

  #sellForm textarea{
    min-height:110px!important;
  }

  #sellForm input[type="file"]{
    height:auto!important;
    min-height:48px!important;
    padding:10px!important;
    overflow:hidden!important;
  }

  #sellForm .cta,
  #sellForm button[type="submit"]{
    margin-top:10px!important;
    height:52px!important;
  }

  /* contenitori sezione vendi */
  #vendi,
  #vendi .section-card,
  #vendi .sell-card,
  .sell-section,
  .sell-card{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
}


/* --- V72 PUBBLICA ANNUNCIO: capsula desktop completa + optional mobile ordinati --- */

/* DESKTOP/TABLET: la scheda pubblica deve riempire bene la capsula */
@media(min-width:761px){
  #vendi,
  #vendi .section-card,
  #vendi .sell-card,
  .sell-section,
  .sell-card{
    width:100%!important;
    max-width:none!important;
  }

  #sellForm,
  form#sellForm{
    width:100%!important;
    max-width:none!important;
  }

  #sellForm .sell-grid,
  #sellForm .grid,
  .sell-card .sell-grid,
  .sell-card .grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:16px!important;
    width:100%!important;
    max-width:none!important;
    align-items:end!important;
  }

  #sellForm .field,
  .sell-card .field{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  #sellForm input,
  #sellForm select,
  #sellForm textarea{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  /* campi più larghi dove serve */
  #sellForm .field:has(textarea),
  #sellForm .description-field{
    grid-column:1 / -1!important;
  }

  #sellForm textarea{
    min-height:130px!important;
  }

  #sellForm button[type="submit"],
  #sellForm .cta{
    justify-self:end!important;
    min-width:230px!important;
  }

  /* optional su desktop più larghi e puliti */
  #sellForm .optional-grid,
  .optional-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px 18px!important;
    width:100%!important;
  }
}

/* MOBILE: optional non più verticali brutti */
@media(max-width:760px){
  #sellForm .optional-grid,
  .optional-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    width:100%!important;
  }

  #sellForm .optional-grid label,
  .optional-grid label,
  #sellForm .optional-grid .check,
  .optional-grid .check{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    min-height:44px!important;
    padding:10px!important;
    border:1px solid #dce8f6!important;
    border-radius:12px!important;
    background:#f8fafc!important;
    font-size:12px!important;
    line-height:1.15!important;
    color:#071d3a!important;
    font-weight:800!important;
    letter-spacing:0!important;
    text-transform:none!important;
  }

  #sellForm .optional-grid input[type="checkbox"],
  .optional-grid input[type="checkbox"]{
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    min-height:16px!important;
    padding:0!important;
    margin:0!important;
  }

  #sellForm .optional-grid span,
  .optional-grid span{
    display:inline!important;
    width:auto!important;
  }
}

@media(max-width:390px){
  #sellForm .optional-grid,
  .optional-grid{
    grid-template-columns:1fr!important;
  }
}


/* --- V73 FIX COMPLETO FORM PUBBLICA ANNUNCIO PC + OPTIONAL MOBILE --- */

/* PC: form pulito, usa tutta la capsula senza campi schiacciati */
@media(min-width:761px){
  #vendi .sell-card,
  #vendi .section-card,
  .sell-card{
    width:100%!important;
    max-width:none!important;
    padding:28px!important;
    overflow:visible!important;
  }

  #sellForm{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    overflow:visible!important;
  }

  #sellForm > .sell-grid{
    display:grid!important;
    grid-template-columns:repeat(4, minmax(190px, 1fr))!important;
    gap:16px 18px!important;
    width:100%!important;
    max-width:none!important;
    align-items:end!important;
    overflow:visible!important;
  }

  #sellForm > .sell-grid > .field{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    grid-column:auto!important;
  }

  #sellForm > .sell-grid > .field label{
    display:block!important;
    width:100%!important;
    margin:0 0 7px!important;
    white-space:normal!important;
    line-height:1.15!important;
    min-height:0!important;
  }

  #sellForm > .sell-grid > .field input,
  #sellForm > .sell-grid > .field select,
  #sellForm > .sell-grid > .field textarea{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:48px!important;
    box-sizing:border-box!important;
  }

  #sellForm > .sell-grid > .field:has(textarea),
  #sellForm > .sell-grid > .field.full,
  #sellForm .description-field{
    grid-column:1 / -1!important;
  }

  #sellForm textarea{
    min-height:130px!important;
    height:auto!important;
  }

  #sellForm .optional-wrap,
  #sellForm .optional-box,
  #sellForm .optional-grid{
    grid-column:1 / -1!important;
    width:100%!important;
    max-width:100%!important;
  }

  #sellForm .optional-grid{
    display:grid!important;
    grid-template-columns:repeat(4, minmax(0,1fr))!important;
    gap:12px!important;
  }

  #sellForm button[type="submit"],
  #sellForm .cta{
    min-width:230px!important;
    width:auto!important;
    justify-self:end!important;
  }
}

/* Mobile: tutto in colonna, optional belli a 2 colonne */
@media(max-width:760px){
  #sellForm{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  #sellForm > .sell-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  #sellForm > .sell-grid > .field{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    grid-column:1 / -1!important;
  }

  #sellForm > .sell-grid > .field label{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin-bottom:7px!important;
    white-space:normal!important;
    line-height:1.2!important;
    font-size:12px!important;
  }

  #sellForm > .sell-grid > .field input,
  #sellForm > .sell-grid > .field select,
  #sellForm > .sell-grid > .field textarea,
  #sellForm > .sell-grid > .field button{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    height:48px!important;
    margin:0!important;
  }

  #sellForm textarea{
    height:auto!important;
    min-height:120px!important;
  }

  #sellForm input[type="file"]{
    height:auto!important;
    min-height:48px!important;
    font-size:13px!important;
  }

  #sellForm .optional-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    width:100%!important;
  }

  #sellForm .optional-grid label{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    min-height:44px!important;
    padding:10px!important;
    border:1px solid #dce8f6!important;
    border-radius:12px!important;
    background:#f8fafc!important;
    color:#071d3a!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1.15!important;
    text-transform:none!important;
    letter-spacing:0!important;
  }

  #sellForm .optional-grid input[type="checkbox"]{
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    min-height:16px!important;
    padding:0!important;
    margin:0!important;
  }
}

@media(max-width:390px){
  #sellForm .optional-grid{
    grid-template-columns:1fr!important;
  }
}


/* --- V74 OPTIONAL BELLI + ADV peso canone --- */

/* Optional desktop: checkbox piccola a sinistra e testo allineato bene */
@media(min-width:761px){
  #sellForm .optional-grid,
  .optional-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
    width:100%!important;
  }

  #sellForm .optional-grid label,
  .optional-grid label{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    min-height:46px!important;
    padding:10px 12px!important;
    border:1px solid #dce8f6!important;
    border-radius:14px!important;
    background:#f8fafc!important;
    color:#071d3a!important;
    font-size:13px!important;
    font-weight:850!important;
    line-height:1.15!important;
    text-transform:none!important;
    letter-spacing:0!important;
  }

  #sellForm .optional-grid input[type="checkbox"],
  .optional-grid input[type="checkbox"]{
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    min-height:16px!important;
    margin:0!important;
    padding:0!important;
    accent-color:#0f4fb8!important;
  }
}

/* Optional mobile: box compatte 2 colonne, testo laterale */
@media(max-width:760px){
  #sellForm .optional-grid,
  .optional-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:9px!important;
    width:100%!important;
  }

  #sellForm .optional-grid label,
  .optional-grid label{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    min-height:42px!important;
    padding:9px!important;
    border:1px solid #dce8f6!important;
    border-radius:12px!important;
    background:#f8fafc!important;
    color:#071d3a!important;
    font-size:11.5px!important;
    font-weight:800!important;
    line-height:1.15!important;
    text-transform:none!important;
    letter-spacing:0!important;
  }

  #sellForm .optional-grid input[type="checkbox"],
  .optional-grid input[type="checkbox"]{
    width:15px!important;
    height:15px!important;
    min-width:15px!important;
    min-height:15px!important;
    margin:0!important;
    padding:0!important;
    accent-color:#0f4fb8!important;
  }
}

@media(max-width:390px){
  #sellForm .optional-grid,
  .optional-grid{
    grid-template-columns:1fr!important;
  }
}


/* --- V76 OPTIONAL UI PREMIUM stile card --- */
#sellForm .optional-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  padding:14px!important;
  border:1px solid #dce8f6!important;
  border-radius:18px!important;
  background:#f8fbff!important;
}

#sellForm .optional-grid label{
  position:relative!important;
  display:grid!important;
  grid-template-columns:42px 1fr 18px!important;
  align-items:center!important;
  gap:10px!important;
  min-height:62px!important;
  width:100%!important;
  padding:10px 12px!important;
  margin:0!important;
  border:1px solid #dce8f6!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 8px 18px rgba(7,29,58,.04)!important;
  color:#071d3a!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.15!important;
  letter-spacing:0!important;
  text-transform:none!important;
  cursor:pointer!important;
}

#sellForm .optional-grid label::before{
  content:"✓"!important;
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  background:#eef5ff!important;
  color:#0f4fb8!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:18px!important;
  font-weight:900!important;
  grid-column:1!important;
}

#sellForm .optional-grid label input[type="checkbox"]{
  grid-column:3!important;
  grid-row:1!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  min-height:15px!important;
  padding:0!important;
  margin:0!important;
  border:1.5px solid #9aa8bb!important;
  border-radius:4px!important;
  background:#fff!important;
  display:block!important;
  position:relative!important;
}

#sellForm .optional-grid label input[type="checkbox"]:checked{
  background:#1558d6!important;
  border-color:#1558d6!important;
}

#sellForm .optional-grid label input[type="checkbox"]:checked::after{
  content:"✓"!important;
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
}

/* tenta di tenere il testo nella colonna centrale anche se il markup è label > input + testo */
#sellForm .optional-grid label input[type="checkbox"] + *{
  grid-column:2!important;
}

#sellForm .optional-grid label:has(input[type="checkbox"]:checked){
  border-color:#b9d0ff!important;
  box-shadow:0 10px 22px rgba(21,88,214,.10)!important;
}

@media(max-width:900px){
  #sellForm .optional-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:560px){
  #sellForm .optional-grid{
    grid-template-columns:1fr!important;
    padding:10px!important;
    gap:9px!important;
  }

  #sellForm .optional-grid label{
    grid-template-columns:36px 1fr 15px!important;
    min-height:54px!important;
    padding:9px 10px!important;
    font-size:12px!important;
    border-radius:13px!important;
  }

  #sellForm .optional-grid label::before{
    width:32px!important;
    height:32px!important;
    border-radius:10px!important;
    font-size:15px!important;
  }

  #sellForm .optional-grid label input[type="checkbox"]{
    width:13px!important;
    height:13px!important;
    min-width:13px!important;
    min-height:13px!important;
  }
}


/* --- V77 OPTIONAL SEMPLICI COME SCREENSHOT --- */
/* Reset completo delle vecchie versioni optional */
#sellForm .optional-grid,
.optional-grid{
  display:grid!important;
  grid-template-columns:repeat(3, minmax(0,1fr))!important;
  gap:12px 42px!important;
  padding:18px!important;
  border:1px solid #d7e2f1!important;
  border-radius:18px!important;
  background:#f8fbff!important;
  width:100%!important;
  box-sizing:border-box!important;
}

#sellForm .optional-grid label,
.optional-grid label{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  min-height:20px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#0d1b3d!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:normal!important;
  cursor:pointer!important;
}

/* toglie icone/pallini finti delle versioni precedenti */
#sellForm .optional-grid label::before,
.optional-grid label::before,
#sellForm .optional-grid label::after,
.optional-grid label::after{
  content:none!important;
  display:none!important;
}

#sellForm .optional-grid input[type="checkbox"],
.optional-grid input[type="checkbox"]{
  appearance:auto!important;
  -webkit-appearance:auto!important;
  position:static!important;
  display:inline-block!important;
  width:13px!important;
  height:13px!important;
  min-width:13px!important;
  min-height:13px!important;
  max-width:13px!important;
  max-height:13px!important;
  padding:0!important;
  margin:0!important;
  border-radius:2px!important;
  accent-color:#0f4fb8!important;
  cursor:pointer!important;
}

#sellForm .optional-grid input[type="checkbox"]::after,
.optional-grid input[type="checkbox"]::after{
  content:none!important;
  display:none!important;
}

@media(max-width:900px){
  #sellForm .optional-grid,
  .optional-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px 22px!important;
  }
}

@media(max-width:600px){
  #sellForm .optional-grid,
  .optional-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:14px!important;
  }

  #sellForm .optional-grid label,
  .optional-grid label{
    font-size:14px!important;
  }

  #sellForm .optional-grid input[type="checkbox"],
  .optional-grid input[type="checkbox"]{
    width:13px!important;
    height:13px!important;
    min-width:13px!important;
    min-height:13px!important;
  }
}

/* --- V78 ADV stats/report admin --- */
.adv-report-card{
  grid-template-columns:90px 1fr auto!important;
  align-items:center!important;
}
.adv-stats-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
  max-width:620px;
}
.adv-stats-grid div{
  background:#f8fbff;
  border:1px solid #dce8f6;
  border-radius:12px;
  padding:9px;
}
.adv-stats-grid strong{
  display:block;
  font-size:18px;
  color:#071d3a;
}
.adv-stats-grid span{
  display:block;
  font-size:11px;
  color:#64748b;
}
.adv-report-note{
  margin-top:10px;
  font-size:12px;
  color:#64748b;
}
.adv-report-actions{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
@media(max-width:760px){
  .adv-report-card{grid-template-columns:1fr!important}
  .adv-stats-grid{grid-template-columns:1fr 1fr}
  .adv-report-actions{flex-direction:row!important;flex-wrap:wrap!important}
}


/* --- V89 FIX RICERCA HOME: elimina spazio tra Modello e Prezzo max --- */
@media(min-width:761px){
  .hero .search-box .grid{
    display:grid!important;
    grid-template-columns:1fr 1fr 200px!important;
    gap:12px!important;
    align-items:end!important;
  }

  .hero .search-box .field{
    min-width:0!important;
  }

  .hero .search-box .field input,
  .hero .search-box .field select{
    width:100%!important;
    max-width:100%!important;
  }

  .hero .search-box .search-btn{
    width:180px!important;
    max-width:180px!important;
  }
}

/* su schermi molto larghi evita colonne vuote inutili */
@media(min-width:1000px){
  .hero .search-box{
    max-width:1120px!important;
  }
}

/* --- V92 ADMIN SIDEBAR + CAMPAGNE --- */
.admin-shell{
  display:grid;
  grid-template-columns:240px 1fr;
  gap:22px;
  align-items:start;
}
.admin-sidebar{
  position:sticky;
  top:18px;
  background:#071d3a;
  color:#fff;
  border-radius:18px;
  padding:18px;
  box-shadow:0 14px 30px rgba(7,29,58,.16);
}
.admin-side-title{
  font-weight:900;
  font-size:18px;
  margin-bottom:14px;
}
.admin-sidebar a{
  display:block;
  color:#dce8f7;
  padding:12px 10px;
  border-radius:12px;
  font-weight:800;
  margin-bottom:6px;
}
.admin-sidebar a:hover{
  background:rgba(255,255,255,.10);
  color:#fff;
}
.admin-content{
  min-width:0;
}
.campaign-report-row{
  grid-template-columns:1fr auto!important;
}
@media(max-width:900px){
  .admin-shell{
    grid-template-columns:1fr;
  }
  .admin-sidebar{
    position:relative;
    top:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .admin-side-title{
    grid-column:1/-1;
  }
}

/* --- V94 PDF resoconti dentro box cliente pubblicità --- */
.adv-report-history{
  margin-top:12px;
  padding:12px;
  border:1px solid #dce8f6;
  border-radius:14px;
  background:#fff;
}
.adv-report-history.empty{
  color:#64748b;
  font-size:12px;
}
.adv-report-history b{
  display:block;
  color:#071d3a;
  margin-bottom:8px;
  font-size:13px;
}
.campaign-pdf-link{
  display:block;
  width:100%;
  text-align:left;
  border:1px solid #dce8f6;
  background:#f8fbff;
  color:#071d3a;
  border-radius:12px;
  padding:9px 10px;
  margin:7px 0 0;
  font-weight:800;
  cursor:pointer;
}
.campaign-pdf-link:hover{
  border-color:#ff6b00;
  box-shadow:0 8px 18px rgba(255,107,0,.12);
}


/* --- V95 HOME: Nautica + Go Kart e layout mobile 8 righe --- */
@media(min-width:761px){
  .hero .search-box .tabs{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:8px!important;
    overflow:visible!important;
    width:100%!important;
  }
}

@media(max-width:760px){
  .hero .search-box{
    max-width:100%!important;
    overflow:hidden!important;
  }

  /* riga 1: Tutti - riga 2: Concessionario / Privato */
  .hero .search-box .search-mode{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
    overflow:visible!important;
    margin-bottom:10px!important;
  }

  .hero .search-box .search-mode .mode-btn:first-child{
    grid-column:1 / -1!important;
  }

  /* righe 3-5: Auto/Moto, Furgoni/Camper, Nautica/Go Kart */
  .hero .search-box .tabs{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
    overflow:visible!important;
    margin-bottom:12px!important;
  }

  .hero .search-box .mode-btn,
  .hero .search-box .tab{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:42px!important;
    padding:9px 6px!important;
    font-size:12px!important;
    line-height:1.1!important;
    white-space:normal!important;
    text-align:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  /* righe 6-7: Marca/Modello, Città/Prezzo max - riga 8: Cerca */
  .hero .search-box .grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    width:100%!important;
  }

  .hero .search-box .grid .v70-marca-field{order:1!important;}
  .hero .search-box .grid .v70-modello-field{order:2!important;}
  .hero .search-box .grid .field:not(.v70-marca-field):not(.v70-modello-field):not(.v70-prezzo-max-field){order:3!important;}
  .hero .search-box .grid .v70-prezzo-max-field{order:4!important;}
  .hero .search-box .grid .search-btn{
    order:5!important;
    grid-column:1 / -1!important;
    width:100%!important;
    max-width:100%!important;
  }
}


/* --- V72 caricamento finto ricerca homepage --- */
.search-btn.is-loading{
  opacity:.92;
  cursor:wait;
  pointer-events:none;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.search-spinner{
  width:16px;
  height:16px;
  border:2px solid rgba(255,255,255,.55);
  border-top-color:#fff;
  border-radius:50%;
  display:inline-block;
  animation:searchSpin365 .7s linear infinite;
}
@keyframes searchSpin365{
  to{transform:rotate(360deg)}
}
#listings.listings-loading{
  opacity:.45;
  transition:opacity .2s ease;
  position:relative;
}
#listings.listings-loading::after{
  content:"Sto cercando gli annunci...";
  position:absolute;
  left:50%;
  top:16px;
  transform:translateX(-50%);
  background:#fff;
  color:var(--navy);
  border:1px solid var(--line);
  border-radius:999px;
  padding:10px 16px;
  font-weight:900;
  box-shadow:var(--shadow);
  white-space:nowrap;
  z-index:5;
}

/* V19 - topbar fissa anche da mobile */
@media(max-width:760px){
  .topbar{
    position:sticky!important;
    top:0!important;
    z-index:1000!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    padding:7px 12px!important;
    font-size:11px!important;
    line-height:1.15!important;
    text-align:center!important;
    flex-wrap:nowrap!important;
  }
  header{
    position:sticky!important;
    top:42px!important;
    z-index:999!important;
  }
}

@media(max-width:390px){
  header{top:40px!important;}
  .topbar{font-size:10.5px!important;padding:6px 10px!important;}
}

/* V20 - mobile topbar/header sempre in sovraimpressione */
@media(max-width:760px){
  body{
    padding-top:118px!important;
  }
  .topbar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:99999!important;
    box-sizing:border-box!important;
  }
  header{
    position:fixed!important;
    top:42px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:99998!important;
    box-sizing:border-box!important;
  }
  .hero{
    margin-top:0!important;
  }
  #annunci{
    scroll-margin-top:125px!important;
  }
}

@media(max-width:390px){
  body{padding-top:112px!important;}
  header{top:40px!important;}
  #annunci{scroll-margin-top:120px!important;}
}

/* V21 - fix Android Chrome: topbar/header realmente fissi in overlay */
@media (max-width:900px), (hover:none) and (pointer:coarse){
  html, body{
    overflow-x:hidden!important;
  }
  body{
    padding-top:var(--fixed-mobile-offset, 118px)!important;
  }
  .topbar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100vw!important;
    min-height:var(--fixed-topbar-h, 42px)!important;
    z-index:2147483600!important;
    transform:translate3d(0,0,0)!important;
    -webkit-transform:translate3d(0,0,0)!important;
    backface-visibility:hidden!important;
    -webkit-backface-visibility:hidden!important;
    will-change:transform!important;
    contain:layout paint!important;
  }
  header{
    position:fixed!important;
    top:var(--fixed-topbar-h, 42px)!important;
    left:0!important;
    right:0!important;
    width:100vw!important;
    z-index:2147483599!important;
    transform:translate3d(0,0,0)!important;
    -webkit-transform:translate3d(0,0,0)!important;
    backface-visibility:hidden!important;
    -webkit-backface-visibility:hidden!important;
    will-change:transform!important;
    contain:layout paint!important;
  }
  #annunci{
    scroll-margin-top:calc(var(--fixed-mobile-offset, 118px) + 10px)!important;
  }
}

/* V22 - mobile: rimuove la fascia testo sopra l'header */
@media (max-width:900px), (hover:none) and (pointer:coarse){
  .topbar{
    display:none!important;
    height:0!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
  }
  header{
    top:0!important;
  }
  body{
    padding-top:var(--fixed-header-only-offset, 76px)!important;
  }
  #annunci{
    scroll-margin-top:calc(var(--fixed-header-only-offset, 76px) + 10px)!important;
  }
}


/* V24 - spazio extra mobile: evita sovrapposizione header/topbar su Samsung Browser */
@media (max-width:900px), (hover:none) and (pointer:coarse){
  body{
    padding-top:calc(var(--fixed-header-only-offset, 94px) + env(safe-area-inset-top, 0px))!important;
  }
  .hero{
    padding-top:72px!important;
  }
  #top{
    scroll-margin-top:calc(var(--fixed-header-only-offset, 94px) + 18px)!important;
  }
}

/* V25 - Samsung Browser: più spazio sotto header fisso + login/register UX */
@media (max-width:900px), (hover:none) and (pointer:coarse){
  body{
    padding-top:calc(var(--fixed-header-only-offset, 96px) + env(safe-area-inset-top, 0px) + 34px)!important;
  }
  .hero{
    padding-top:110px!important;
  }
}
.password-field{
  position:relative!important;
}
.password-field input{
  padding-right:52px!important;
}
.password-eye{
  position:absolute!important;
  right:12px!important;
  bottom:11px!important;
  width:34px!important;
  height:34px!important;
  border:0!important;
  background:transparent!important;
  cursor:pointer!important;
  font-size:17px!important;
  line-height:1!important;
}
.register-repeat-field{
  margin-top:12px!important;
}
.ghost.is-loading,
.cta.is-loading,
.search-btn.is-loading{
  opacity:.85!important;
  cursor:wait!important;
}

/* V39 Area personale venditore */
.seller-dashboard{background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid var(--line);box-shadow:0 18px 40px rgba(7,29,58,.08)}
.seller-dashboard-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}
.seller-kicker{display:inline-block;color:var(--orange);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:12px;margin-bottom:8px}
.seller-ads-list{gap:18px}.seller-ad-card{display:grid;grid-template-columns:170px 1fr 290px;gap:18px;align-items:stretch;background:#fff;border:1px solid #dbe5f1;border-radius:24px;padding:16px;box-shadow:0 12px 30px rgba(7,29,58,.06)}
.seller-ad-photo{border-radius:18px;background:#eef4fb;min-height:126px;display:grid;place-items:center;overflow:hidden;color:#607086;font-weight:900}.seller-ad-photo img{width:100%;height:100%;object-fit:cover}.seller-ad-main h3{margin:8px 0 8px;color:var(--navy);font-size:22px}.seller-ad-main p{margin:0 0 8px;color:#5d6b7f}.seller-ad-desc{font-size:14px;line-height:1.45;max-height:62px;overflow:hidden}.seller-ad-topline{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#748299;font-weight:800;font-size:13px}.seller-status{border-radius:999px;padding:6px 10px;font-weight:900;font-size:12px;text-transform:uppercase}.seller-status.ok{background:#e9f9ef;color:#138a36}.seller-status.pending{background:#fff7ed;color:#b45309}.seller-status.danger{background:#fee2e2;color:#b91c1c}.seller-status.sold{background:#eef2ff;color:#1d4ed8}.seller-ad-side{display:flex;flex-direction:column;gap:14px;justify-content:space-between}.seller-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.seller-metrics div{background:#f7faff;border:1px solid #dbe5f1;border-radius:16px;padding:12px 8px;text-align:center}.seller-metrics b{display:block;font-size:22px;color:var(--navy)}.seller-metrics span{display:block;color:#667085;text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.06em}.seller-actions{justify-content:flex-end}.seller-edit-modal{max-width:900px}.seller-edit-modal .sell-grid{margin-top:12px}
@media(max-width:980px){.seller-ad-card{grid-template-columns:1fr}.seller-ad-photo{height:210px}.seller-dashboard-head{flex-direction:column}.seller-actions{justify-content:flex-start}}
@media(max-width:640px){.seller-metrics{grid-template-columns:1fr 1fr 1fr}.seller-ad-main h3{font-size:19px}.seller-ad-card{padding:13px;border-radius:20px}.seller-ad-photo{height:190px}}

/* V46 - Fix modal modifica annuncio + pulsanti area personale premium */
#editAdModal{
  width:min(980px,94vw)!important;
  max-width:980px!important;
  border:0!important;
  border-radius:28px!important;
  padding:0!important;
  overflow:hidden!important;
  box-shadow:0 28px 90px rgba(7,29,58,.28)!important;
}
#editAdModal::backdrop{background:rgba(7,29,58,.42)!important;backdrop-filter:blur(4px)!important;}
#editAdModal .edit-ad-modal{
  max-width:none!important;
  width:auto!important;
  padding:30px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  max-height:88vh!important;
  overflow:auto!important;
}
#editAdModal .edit-ad-modal h2{font-size:30px!important;margin:0 0 10px!important;color:var(--navy)!important;}
#editAdModal .edit-ad-modal > p{color:#536178!important;margin:0 0 22px!important;line-height:1.45!important;}
#editAdModal .edit-ad-modal > .ghost{
  float:none!important;
  position:sticky!important;
  top:0!important;
  margin-left:auto!important;
  display:flex!important;
  z-index:5!important;
  background:#fff!important;
  box-shadow:0 10px 25px rgba(7,29,58,.08)!important;
}
#editAdForm .form-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:start!important;
}
#editAdForm .field{min-width:0!important;}
#editAdForm .field.full{grid-column:1 / -1!important;}
#editAdForm .field label{font-size:12px!important;letter-spacing:.1em!important;color:#667386!important;}
#editAdForm .field input,
#editAdForm .field textarea{
  width:100%!important;
  min-height:50px!important;
  border:1px solid #d9e4f2!important;
  border-radius:16px!important;
  padding:14px 15px!important;
  font-size:15px!important;
  background:#fff!important;
  box-sizing:border-box!important;
  box-shadow:0 1px 0 rgba(7,29,58,.02)!important;
}
#editAdForm .field textarea{min-height:130px!important;resize:vertical!important;}
#editAdForm .field input:focus,
#editAdForm .field textarea:focus{
  outline:none!important;
  border-color:#1557c0!important;
  box-shadow:0 0 0 4px rgba(21,87,192,.10)!important;
}
#editAdForm > div:last-child{justify-content:flex-end!important;}

.seller-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
.seller-actions .mini,
.seller-actions button{
  min-height:42px!important;
  border-radius:14px!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease!important;
}
.seller-actions .ghost.mini{
  background:linear-gradient(180deg,#ffffff,#f7faff)!important;
  color:#0b1f3a!important;
  border:1px solid #d9e4f2!important;
  box-shadow:0 8px 18px rgba(7,29,58,.06)!important;
}
.seller-actions .ghost.mini:hover{transform:translateY(-1px)!important;border-color:#b9c8dc!important;box-shadow:0 12px 24px rgba(7,29,58,.10)!important;}
.seller-actions .cta.warn.mini{
  background:linear-gradient(135deg,#c45a00,#ff7a00)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 10px 22px rgba(255,106,0,.22)!important;
}
.seller-actions .cta.danger.mini{
  background:linear-gradient(135deg,#c9182b,#e11d48)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 10px 22px rgba(225,29,72,.18)!important;
}
.seller-actions .cta.warn.mini:hover,
.seller-actions .cta.danger.mini:hover{transform:translateY(-1px)!important;filter:saturate(1.04)!important;}
.seller-metrics div{
  background:linear-gradient(180deg,#ffffff,#f4f8ff)!important;
  border:1px solid #d9e4f2!important;
  box-shadow:0 10px 22px rgba(7,29,58,.05)!important;
}

@media(max-width:720px){
  #editAdModal{width:96vw!important;border-radius:22px!important;}
  #editAdModal .edit-ad-modal{padding:20px!important;max-height:86vh!important;}
  #editAdForm .form-grid{grid-template-columns:1fr!important;gap:13px!important;}
  .seller-actions{grid-template-columns:1fr!important;}
}

/* V47 richieste venditore + invio richiesta più professionale */
.request-card-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-bottom:12px;
}
.request-card-head span{
  background:#fff4e8;
  color:#ff6500;
  border:1px solid #ffd1ad;
  border-radius:999px;
  padding:5px 10px;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.request-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:10px 0;
}
.request-grid div{
  background:#f8fbff;
  border:1px solid #dbe5f1;
  border-radius:14px;
  padding:10px;
}
.request-grid small{
  display:block;
  color:#667085;
  font-weight:900;
  text-transform:uppercase;
  font-size:10px;
  letter-spacing:.08em;
  margin-bottom:4px;
}
.request-grid strong{
  display:block;
  color:#0b1f3a;
  font-size:13px;
  word-break:break-word;
}
#contactForm .cta.is-loading{
  transform:scale(.98);
  box-shadow:0 5px 14px rgba(255,101,0,.22)!important;
}
#contactForm .cta:active{
  transform:scale(.97);
}
@media(max-width:680px){
  .request-grid{grid-template-columns:1fr}
}


/* V48 - Fix definitivo modal modifica annuncio e richieste ricevute */
#editAdModal.editAdDialog365{
  width:min(1040px,96vw)!important;
  max-width:1040px!important;
  border:0!important;
  border-radius:28px!important;
  padding:0!important;
  overflow:hidden!important;
  box-shadow:0 30px 95px rgba(7,29,58,.30)!important;
}
#editAdModal.editAdDialog365::backdrop{
  background:rgba(7,29,58,.46)!important;
  backdrop-filter:blur(5px)!important;
}
#editAdModal .editAdPanel365{
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  padding:34px!important;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;
  max-height:88vh!important;
  overflow:auto!important;
}
#editAdModal .editAdPanel365 > .ghost{
  float:none!important;
  position:sticky!important;
  top:0!important;
  margin-left:auto!important;
  display:flex!important;
  width:auto!important;
  z-index:10!important;
  background:#fff!important;
  box-shadow:0 10px 25px rgba(7,29,58,.08)!important;
}
#editAdModal .editAdPanel365 h2{font-size:31px!important;margin:0 0 10px!important;color:var(--navy)!important;letter-spacing:-.03em!important;}
#editAdModal .editAdPanel365 > p{color:#536178!important;margin:0 0 24px!important;line-height:1.45!important;}
#editAdForm .edit-ad-grid-365{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  width:100%!important;
  max-width:100%!important;
  align-items:start!important;
}
#editAdForm .edit-ad-grid-365 .field{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
#editAdForm .edit-ad-grid-365 .field.full{grid-column:1 / -1!important;}
#editAdForm .edit-ad-grid-365 .field label{
  display:block!important;
  white-space:normal!important;
  line-height:1.2!important;
  margin-bottom:7px!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.1em!important;
  color:#667386!important;
}
#editAdForm .edit-ad-grid-365 input,
#editAdForm .edit-ad-grid-365 textarea{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  min-height:52px!important;
  border:1px solid #d9e4f2!important;
  border-radius:16px!important;
  padding:14px 15px!important;
  font-size:15px!important;
  background:#fff!important;
  color:#0b1f3a!important;
  box-shadow:0 1px 0 rgba(7,29,58,.02)!important;
}
#editAdForm .edit-ad-grid-365 textarea{min-height:150px!important;resize:vertical!important;}
#editAdForm .edit-ad-grid-365 input:focus,
#editAdForm .edit-ad-grid-365 textarea:focus{
  outline:none!important;
  border-color:#1557c0!important;
  box-shadow:0 0 0 4px rgba(21,87,192,.10)!important;
}
.request-actions-365{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.request-actions-365 .danger.mini{
  background:linear-gradient(135deg,#c9182b,#e11d48)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 10px 22px rgba(225,29,72,.16)!important;
}
.request-actions-365 .cta.mini,
.request-actions-365 .ghost.mini,
.request-actions-365 .danger.mini{min-height:38px!important;border-radius:12px!important;font-weight:900!important;}
@media(max-width:720px){
  #editAdModal.editAdDialog365{width:96vw!important;border-radius:22px!important;}
  #editAdModal .editAdPanel365{padding:20px!important;max-height:86vh!important;}
  #editAdForm .edit-ad-grid-365{grid-template-columns:1fr!important;gap:13px!important;}
}

/* V49 - Fix definitivo modal modifica annuncio: griglia larga e non compressa a sinistra */
#editAdModal.editAdDialog365,
#editAdModal{
  width:min(1040px,94vw)!important;
  max-width:1040px!important;
  border-radius:28px!important;
  padding:0!important;
  overflow:hidden!important;
}
#editAdModal .editAdPanel365,
#editAdModal .edit-ad-modal{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  padding:34px!important;
  max-height:88vh!important;
  overflow:auto!important;
}
#editAdForm{
  width:100%!important;
  max-width:none!important;
}
#editAdForm .edit-ad-grid-365{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px 18px!important;
  align-items:start!important;
}
#editAdForm .edit-ad-grid-365 .field{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  display:block!important;
}
#editAdForm .edit-ad-grid-365 .field.full{
  grid-column:1 / -1!important;
}
#editAdForm .edit-ad-grid-365 label{
  display:block!important;
  margin-bottom:7px!important;
  line-height:1.1!important;
  white-space:normal!important;
}
#editAdForm .edit-ad-grid-365 input,
#editAdForm .edit-ad-grid-365 textarea{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
#editAdForm .edit-ad-grid-365 textarea{
  min-height:150px!important;
}
@media(max-width:760px){
  #editAdModal{width:96vw!important;border-radius:22px!important;}
  #editAdModal .editAdPanel365,
  #editAdModal .edit-ad-modal{padding:22px!important;max-height:88vh!important;}
  #editAdForm .edit-ad-grid-365{grid-template-columns:1fr!important;}
}

/* Import AutoScout24 admin */
.autoscout-import-panel{border:1px solid rgba(255,106,0,.18)!important;background:linear-gradient(180deg,#fff,#fffaf6)!important;}
.autoscout-import-panel h2{display:flex;align-items:center;gap:10px}.autoscout-import-panel h2:before{content:"↗";width:34px;height:34px;border-radius:12px;background:#ff6a00;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:900;box-shadow:0 10px 24px rgba(255,106,0,.22)}
.autoscout-import-form{background:#fff!important;border:1px solid #eef1f6!important;box-shadow:0 14px 35px rgba(13,31,58,.07)!important;}
.autoscout-import-form input{width:100%;min-height:48px;border-radius:14px;border:1px solid #d9e2ee;padding:0 14px;font-weight:800;color:#0b1f3a;background:#f8fafc;}
.autoscout-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.autoscout-actions .cta,.autoscout-actions .ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px}
.autoscout-result{margin-top:14px;border-radius:18px;padding:16px;background:#f8fafc;border:1px solid #dfe7f2;color:#0b1f3a;font-weight:700}.autoscout-result.error{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.autoscout-result.ok{background:#f0fdf4;border-color:#bbf7d0;color:#14532d}.autoscout-result.loading{background:#eff6ff;border-color:#bfdbfe;color:#1e3a8a}
.autoscout-preview-card{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center}.autoscout-preview-card img,.autoscout-no-photo{width:150px;height:105px;border-radius:16px;object-fit:cover;background:#e5e7eb;display:flex;align-items:center;justify-content:center;color:#64748b;font-weight:900}.autoscout-preview-card h3{margin:0 0 6px;color:#0b1f3a}.autoscout-preview-card p{margin:4px 0;color:#344054}.autoscout-preview-card small{display:block;margin-top:8px;color:#667085}
@media(max-width:760px){.autoscout-preview-card{grid-template-columns:1fr}.autoscout-preview-card img,.autoscout-no-photo{width:100%;height:190px}.autoscout-actions .cta,.autoscout-actions .ghost{width:100%}}


.autoscout-preview-wrap{background:#fff;border:1px solid #e6ebf2;border-radius:18px;padding:18px;box-shadow:0 18px 45px rgba(13,31,58,.08)}
.autoscout-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #edf1f7}
.autoscout-preview-head h3{margin:0;color:#0b1f3a;font-size:22px}.autoscout-preview-head p{margin:5px 0 0;color:#667085;font-weight:600}.autoscout-pill{display:inline-flex;align-items:center;border-radius:999px;background:#fff7ed;color:#c2410c;border:1px solid #fed7aa;padding:7px 11px;font-size:12px;font-weight:900;white-space:nowrap}.autoscout-draft-form{box-shadow:none!important;border:0!important;padding:0!important;background:transparent!important}.autoscout-draft-form textarea{width:100%;border-radius:14px;border:1px solid #d9e2ee;padding:12px 14px;font-weight:700;color:#0b1f3a;background:#f8fafc;resize:vertical}.autoscout-draft-form small{display:block;margin-top:8px;color:#667085;font-weight:700}.autoscout-draft-form .preview{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.autoscout-draft-form .preview .thumb{width:92px;height:70px;border-radius:12px;object-fit:cover;border:1px solid #e6ebf2;box-shadow:0 8px 20px rgba(13,31,58,.08)}
@media(max-width:760px){.autoscout-preview-head{flex-direction:column}.autoscout-pill{width:100%;justify-content:center}.autoscout-preview-wrap{padding:14px}}