/* =========================================================
   MOBILITA DI GRUPPO - 14/09/2026
   Menu Flotta, banner home, pagina dedicata e modali veicoli
   ========================================================= */

.mega-inline-cta{display:inline-flex;align-items:center;justify-content:center;width:100%;margin-top:20px;padding:15px 22px;border-radius:999px;background:#050807;color:#fff;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.mega-inline-cta:hover{transform:translateY(-2px);background:#111816;box-shadow:0 14px 30px rgba(0,0,0,.16)}
.mega-menu[data-mega-panel="flotta"] .mega-inner{grid-template-columns:1.35fr .85fr 1.15fr;align-items:start;padding-top:34px;padding-bottom:34px}
.mega-menu[data-mega-panel="flotta"] .mega-list{gap:10px}
.mega-menu[data-mega-panel="flotta"] .mega-link{padding-top:4px;padding-bottom:4px}

.group-home-banner,.group-page-hero,.group-final-cta{position:relative;isolation:isolate;overflow:hidden}
.group-home-banner{width:min(1820px,calc(100% - 44px));min-height:430px;margin:0 auto;background:#eee8dc;border-radius:18px;box-shadow:0 18px 55px rgba(18,22,19,.08)}
.group-home-banner-media,.group-page-hero-media,.group-final-cta-media{position:absolute;inset:0;z-index:-2;background-position:center;background-size:cover;background-repeat:no-repeat}
.group-home-banner-media,.group-final-cta-media{background-image:url('../img/mobilita-gruppo/hero-mobilita-gruppo-home-v2.webp')}
.group-page-hero-media{background-image:url('../img/mobilita-gruppo/hero-mobilita-gruppo-page-v3.webp')}
.group-home-banner:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f6f1e7 0%,rgba(246,241,231,.98) 31%,rgba(246,241,231,.88) 48%,rgba(246,241,231,.20) 67%,rgba(246,241,231,0) 100%)}
.group-home-banner-inner{min-height:430px;display:flex;align-items:center;padding-top:42px;padding-bottom:42px}
.group-home-banner-copy{width:min(860px,58%)}
.group-kicker{display:block;margin-bottom:8px;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.2em;line-height:1.4;text-transform:uppercase}
.group-home-banner h2,.group-page-hero h1,.group-section-heading h2,.group-advantages-heading h2,.group-final-cta h2,.group-modal-copy h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;letter-spacing:-.035em}
.group-home-banner h2{margin:0 0 10px;color:#9b6b22;font-size:clamp(44px,4.6vw,72px);line-height:.95}
.group-home-banner-copy>p{max-width:720px;margin:0;color:#29312e;font-size:16px;line-height:1.65}
.group-home-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:28px 0 26px}
.group-home-benefit{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;min-width:0;padding:0 20px;border-right:1px solid rgba(161,124,57,.24)}
.group-home-benefit:first-child{padding-left:0}
.group-home-benefit:last-child{padding-right:0;border-right:0}
.group-home-benefit strong,.group-home-benefit small{display:block}
.group-home-benefit strong{font-size:13px;line-height:1.3}
.group-home-benefit small{margin-top:3px;color:#6d7471;font-size:11px;line-height:1.45}
.group-line-icon{width:38px;height:38px;display:grid;place-items:center;color:#b7852f}
.group-line-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.group-pill-btn,.group-gold-btn{display:inline-flex;align-items:center;justify-content:center;border:0;text-transform:uppercase;font-weight:900;letter-spacing:.13em;transition:transform .2s ease,box-shadow .2s ease}
.group-pill-btn{min-height:48px;padding:0 27px;border-radius:999px;background:#070a09;color:#fff;font-size:10px}
.group-gold-btn{min-height:50px;padding:0 28px;border-radius:999px;background:linear-gradient(135deg,#d5b066,#b98634);color:#111;font-size:10px;box-shadow:0 13px 28px rgba(178,131,49,.2)}
.group-pill-btn:hover,.group-gold-btn:hover{transform:translateY(-2px);box-shadow:0 15px 32px rgba(0,0,0,.18)}

.group-mobility-page{background:#fff}
.group-page-hero{width:min(1820px,calc(100% - 44px));min-height:520px;margin:122px auto 0;border-radius:18px;background:#101613}
.group-page-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,7,5,.82) 0%,rgba(2,7,5,.7) 25%,rgba(2,7,5,.5) 42%,rgba(2,7,5,.29) 59%,rgba(2,7,5,.12) 76%,rgba(2,7,5,.03) 92%)}
.group-page-hero-inner{min-height:520px;display:flex;align-items:center}
.group-page-hero-copy{width:min(610px,48%);color:#fff}
.group-breadcrumb{display:flex;align-items:center;gap:9px;margin-bottom:24px;color:rgba(255,255,255,.76);font-size:12px}
.group-breadcrumb a:hover{color:#dfbd74}
.group-breadcrumb strong{font-weight:500;color:#fff}
.group-page-hero h1{margin:0 0 12px;font-size:clamp(50px,5.4vw,86px);line-height:.95}
.group-page-hero-copy>p{max-width:560px;margin:0 0 28px;color:rgba(255,255,255,.92);font-size:17px;line-height:1.65}

.group-fleet-section{padding:94px 0 82px;background:#fff}
.group-section-heading{display:flex;flex-direction:column;align-items:center;gap:18px;margin-bottom:42px;text-align:center}
.group-section-heading h2{max-width:920px;margin:0;color:#a27024;font-size:clamp(40px,4.2vw,66px);line-height:.96}
.group-section-heading>p{max-width:860px;margin:0 auto;color:#5c6461;font-size:16px;line-height:1.7;text-align:center}
.group-heading-line{display:block}
.group-vehicle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.group-vehicle-card{scroll-margin-top:145px;border:1px solid #e8dfd1;border-radius:17px;background:linear-gradient(180deg,#fff 0%,#fdfbf7 100%);overflow:hidden;box-shadow:0 14px 38px rgba(24,29,26,.045);transition:transform .24s ease,box-shadow .24s ease}
.group-vehicle-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(24,29,26,.1)}
.group-vehicle-image{width:100%;height:270px;padding:10px;border:0;background:#f7f2e9;cursor:pointer;overflow:hidden}
.group-vehicle-image img{width:100%;height:100%;object-fit:contain;transition:transform .28s ease}
.group-vehicle-card:hover .group-vehicle-image img{transform:scale(1.025)}
.group-vehicle-card-body{padding:23px 24px 22px}
.group-vehicle-card h3{min-height:50px;margin:0;font-family:'Cormorant Garamond',Georgia,serif;font-size:27px;font-weight:600;line-height:1.02}
.group-vehicle-type{min-height:34px;margin:5px 0 17px;color:#a27024;font-size:11px;line-height:1.45}
.group-vehicle-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-bottom:17px;border-bottom:1px solid #e8dfd1}
.group-vehicle-meta span{min-width:0;color:#66706c;font-size:11px;line-height:1.4}
.group-vehicle-meta span:before{content:'◇';margin-right:7px;color:#b7852f}
.group-discover-btn{margin-top:17px;padding:0;border:0;background:transparent;color:#80581d;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.group-discover-btn:hover{text-decoration:underline;text-underline-offset:4px}

.group-advantages{padding:54px 0;background:linear-gradient(90deg,#f7f2e9,#fffdf9)}
.group-advantages-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:0;align-items:stretch}
.group-advantages-heading{padding-right:36px}
.group-advantages-heading h2{margin:0;color:#a27024;font-size:clamp(38px,3.3vw,55px);line-height:.94}
.group-advantages article{display:grid;grid-template-columns:44px 1fr;gap:14px;align-content:center;padding:14px 25px;border-left:1px solid #e6dac6}
.group-advantages article h3{margin:0 0 8px;font-size:13px;line-height:1.35}
.group-advantages article p{margin:0;color:#69716e;font-size:11px;line-height:1.55}

.group-final-cta{width:min(1820px,calc(100% - 44px));min-height:310px;margin:0 auto 70px;border-radius:18px;background:#eee8dc}
.group-final-cta:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f7f2e9 0%,rgba(247,242,233,.99) 30%,rgba(247,242,233,.92) 48%,rgba(247,242,233,.68) 62%,rgba(247,242,233,.36) 76%,rgba(247,242,233,.12) 89%,rgba(247,242,233,.02) 100%)}
.group-final-cta-media{background-position:center 45%;filter:saturate(.78) contrast(.92)}
.group-final-cta-inner{min-height:350px;display:block;padding-top:58px;padding-bottom:58px}
.group-final-cta-inner>div{max-width:720px;margin-right:auto}
.group-final-cta h2{max-width:700px;margin:0;color:#a27024;font-size:clamp(42px,4vw,66px);line-height:.94}
.group-final-cta-inner>div:last-child{max-width:650px;margin-top:22px}
.group-final-cta p{margin:0 0 22px;color:#4f5854;line-height:1.7}

.group-vehicle-modal[hidden]{display:none!important}
.group-vehicle-modal{position:fixed;inset:0;z-index:2200;display:grid;place-items:center;padding:30px}
.group-vehicle-modal-backdrop{position:absolute;inset:0;background:rgba(3,7,5,.78);backdrop-filter:blur(8px)}
.group-vehicle-dialog{position:relative;z-index:1;width:min(1180px,100%);max-height:calc(100svh - 60px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);overflow:auto;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:#fff;box-shadow:0 32px 90px rgba(0,0,0,.36)}
.group-modal-close{position:absolute;top:17px;right:17px;z-index:4;width:42px;height:42px;border:0;border-radius:50%;background:rgba(5,10,8,.88);color:#fff;font-size:27px;line-height:1;cursor:pointer}
.group-modal-gallery{padding:24px;background:#f6f1e8}
.group-modal-main{height:480px;display:grid;place-items:center;overflow:hidden;border-radius:14px;background:#fff}
.group-modal-main img{width:100%;height:100%;object-fit:contain}
.group-modal-thumbs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}
.group-modal-thumbs button{height:100px;padding:0;overflow:hidden;border:2px solid transparent;border-radius:10px;background:#fff;cursor:pointer}
.group-modal-thumbs button.is-active{border-color:#b7852f}
.group-modal-thumbs img{width:100%;height:100%;object-fit:cover}
.group-modal-copy{display:flex;flex-direction:column;justify-content:center;padding:65px 48px 48px}
.group-modal-copy h2{margin:0 0 18px;color:#18201d;font-size:clamp(38px,4vw,58px);line-height:.95}
.group-modal-copy>p{margin:0;color:#56605c;font-size:15px;line-height:1.72}
.group-modal-copy ul{display:grid;gap:10px;margin:25px 0;padding:22px 0;border-top:1px solid #e4dacb;border-bottom:1px solid #e4dacb;list-style:none}
.group-modal-copy li{color:#303936;font-size:13px;font-weight:700}
.group-modal-copy li:before{content:'✓';margin-right:10px;color:#b7852f}
.group-modal-copy .group-gold-btn{align-self:flex-start}

@media(max-width:1280px){
  .mega-menu[data-mega-panel="flotta"] .mega-inner{grid-template-columns:1.25fr .82fr 1.08fr;padding-left:40px;padding-right:40px;gap:22px}
  .group-home-banner-copy{width:68%}
  .group-vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .group-advantages-grid{grid-template-columns:repeat(2,1fr)}
  .group-advantages-heading{grid-column:1/-1;padding:0 0 30px}
  .group-advantages article:nth-of-type(odd){border-left:0}
}

@media(max-width:980px){
  .group-home-banner{width:calc(100% - 28px);min-height:560px}
  .group-home-banner:after{background:linear-gradient(90deg,rgba(247,242,233,.98) 0%,rgba(247,242,233,.94) 58%,rgba(247,242,233,.58) 100%)}
  .group-home-banner-media{background-position:64% center;opacity:.52}
  .group-home-banner-inner{min-height:560px}
  .group-home-banner-copy{width:100%;max-width:710px}
  .group-page-hero{width:calc(100% - 28px);min-height:520px;margin-top:112px}
  .group-page-hero-media{background-position:68% center}
  .group-page-hero:after{background:linear-gradient(90deg,rgba(2,7,5,.9),rgba(2,7,5,.62))}
  .group-page-hero-copy{width:72%}
  .group-section-heading{grid-template-columns:1fr;gap:25px}
  .group-final-cta{width:calc(100% - 28px)}
  .group-final-cta-inner{grid-template-columns:1fr;gap:24px;padding-top:45px;padding-bottom:45px}
  .group-vehicle-dialog{grid-template-columns:1fr;max-width:760px}
  .group-modal-main{height:380px}
  .group-modal-copy{padding:42px}
}

@media(max-width:680px){
  .group-home-banner{border-radius:13px}
  .group-home-banner-inner{padding:48px 24px}
  .group-home-banner h2{font-size:48px}
  .group-home-benefits{grid-template-columns:1fr;margin:26px 0}
  .group-home-benefit{padding:13px 0;border-right:0;border-bottom:1px solid rgba(161,124,57,.22)}
  .group-home-benefit:last-child{border-bottom:0}
  .group-pill-btn,.group-gold-btn{width:100%;text-align:center}
  .group-page-hero{min-height:590px;margin-top:102px;border-radius:13px}
  .group-page-hero-inner{min-height:590px;align-items:flex-end;padding-bottom:55px}
  .group-page-hero-copy{width:100%}
  .group-page-hero h1{font-size:54px}
  .group-page-hero-copy>p{font-size:15px}
  .group-breadcrumb{flex-wrap:wrap}
  .group-fleet-section{padding:70px 0 60px}
  .group-section-heading h2{font-size:45px}
  .group-vehicle-grid{grid-template-columns:1fr}
  .group-vehicle-image{height:245px}
  .group-vehicle-card h3{min-height:0}
  .group-vehicle-type{min-height:0}
  .group-advantages-grid{grid-template-columns:1fr}
  .group-advantages-heading{grid-column:auto}
  .group-advantages article,.group-advantages article:nth-of-type(odd){padding:22px 0;border-left:0;border-top:1px solid #e6dac6}
  .group-final-cta{min-height:430px;border-radius:13px}
  .group-final-cta:after{background:rgba(247,242,233,.9)}
  .group-final-cta-inner{min-height:430px}
  .group-final-cta h2{font-size:46px}
  .group-vehicle-modal{padding:12px}
  .group-vehicle-dialog{max-height:calc(100svh - 24px);border-radius:15px}
  .group-modal-gallery{padding:14px}
  .group-modal-main{height:285px}
  .group-modal-thumbs button{height:72px}
  .group-modal-copy{padding:34px 24px 28px}
  .group-modal-copy h2{font-size:42px}
}

html[dir="rtl"] .group-home-banner-copy,html[dir="rtl"] .group-page-hero-copy,html[dir="rtl"] .group-section-heading,html[dir="rtl"] .group-advantages-heading,html[dir="rtl"] .group-modal-copy{text-align:right}
html[dir="rtl"] .group-home-banner:after,html[dir="rtl"] .group-page-hero:after,html[dir="rtl"] .group-final-cta:after{transform:scaleX(-1)}
html[dir="rtl"] .group-home-banner-media,html[dir="rtl"] .group-page-hero-media,html[dir="rtl"] .group-final-cta-media{transform:scaleX(-1)}
html[dir="rtl"] .group-home-benefit{grid-template-columns:1fr 42px;padding-right:20px;padding-left:20px;border-right:0;border-left:1px solid rgba(161,124,57,.24)}
html[dir="rtl"] .group-home-benefit .group-line-icon{grid-column:2;grid-row:1}
html[dir="rtl"] .group-home-benefit>span:last-child{grid-column:1;grid-row:1}
html[dir="rtl"] .group-home-benefit:last-child{border-left:0}
html[dir="rtl"] .group-vehicle-meta span:before,html[dir="rtl"] .group-modal-copy li:before{margin-right:0;margin-left:8px}
html[dir="rtl"] .group-modal-close{right:auto;left:17px}

/* Rifiniture fascia vantaggi */
.group-advantages{padding:70px 0;background:#f7f2e9}
.group-advantages-grid{width:min(1500px,calc(100% - 64px));grid-template-columns:minmax(370px,1.42fr) repeat(4,minmax(0,1fr))}
.group-advantages-heading{padding-right:34px}
.group-advantages-heading h2{max-width:none;font-size:clamp(38px,2.7vw,48px);line-height:.98;text-wrap:balance}
.group-advantages article{grid-template-columns:36px minmax(0,1fr);gap:14px;align-content:start;align-items:flex-start;padding:18px 20px}
.group-advantages article .group-line-icon{width:34px;height:34px}
.group-advantages article h3{margin:0 0 9px;font-family:'Montserrat','Segoe UI',Arial,sans-serif;font-size:13px;font-weight:750;line-height:1.42;letter-spacing:0;text-align:left;text-wrap:pretty}
.page .group-advantages article p{max-width:none;margin:0;color:#59635e;font-family:'Montserrat','Segoe UI',Arial,sans-serif;font-size:12px;font-weight:450;line-height:1.62;letter-spacing:0!important;word-spacing:normal!important;text-align:left!important;text-wrap:pretty;hyphens:none}
.page .group-final-cta p{color:#111c18!important;font-weight:650;letter-spacing:0!important;word-spacing:normal!important;text-align:left!important;text-shadow:0 1px 1px rgba(255,255,255,.9)}

/* Richiamo conclusivo dalla pagina Flotta alla mobilita di gruppo */
.fleet-group-cta{position:relative;isolation:isolate;width:min(1500px,calc(100% - 54px));min-height:420px;margin:70px auto 0;overflow:hidden;border-radius:28px;background:#0b1713;box-shadow:0 24px 65px rgba(15,27,22,.15)}
.fleet-group-cta-media{position:absolute;inset:0;z-index:-2;background:url('../img/mobilita-gruppo/hero-mobilita-gruppo-page-v3.webp') 65% center/cover no-repeat}
.fleet-group-cta:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,15,12,.94) 0%,rgba(4,15,12,.86) 36%,rgba(4,15,12,.47) 58%,rgba(4,15,12,.04) 82%)}
.fleet-group-cta-inner{min-height:420px;display:flex;align-items:center}
.fleet-group-cta-copy{width:min(610px,52%);padding:58px 0;color:#fff}
.fleet-group-cta h2{margin:0 0 14px;color:#fff;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(48px,4.5vw,72px);font-weight:500;line-height:.94;letter-spacing:-.035em}
.page .fleet-group-cta p{max-width:550px;margin:0 0 26px;color:rgba(255,255,255,.9);font-size:16px;line-height:1.7;letter-spacing:0!important;word-spacing:normal!important;text-align:left!important}

@media(max-width:1280px){
  .group-advantages-grid{width:min(1040px,calc(100% - 54px));grid-template-columns:repeat(2,minmax(0,1fr))}
  .group-advantages-heading{grid-column:1/-1;padding:0 0 30px}
  .group-advantages-heading h2{max-width:620px}
  .group-advantages article{padding:24px 28px}
  .group-advantages article:nth-of-type(odd){border-left:0}
}

@media(min-width:1281px){.group-advantages-heading .group-heading-line{white-space:nowrap}}

@media(max-width:980px){
  .fleet-group-cta{width:calc(100% - 28px);min-height:460px}
  .fleet-group-cta-media{background-position:69% center}
  .fleet-group-cta:after{background:linear-gradient(90deg,rgba(4,15,12,.94),rgba(4,15,12,.67))}
  .fleet-group-cta-inner{min-height:460px}
  .fleet-group-cta-copy{width:72%}
}

@media(max-width:680px){
  .group-advantages{padding:56px 0}
  .group-advantages-grid{width:calc(100% - 44px);grid-template-columns:1fr}
  .group-advantages-heading{grid-column:auto;padding-bottom:24px}
  .group-advantages-heading h2{font-size:42px}
  .group-advantages article,.group-advantages article:nth-of-type(odd){padding:22px 0;border-left:0;border-top:1px solid #e0d3bf}
  .fleet-group-cta{min-height:540px;border-radius:18px}
  .fleet-group-cta-media{background-position:72% center}
  .fleet-group-cta:after{background:linear-gradient(90deg,rgba(4,15,12,.91),rgba(4,15,12,.66))}
  .fleet-group-cta-inner{min-height:540px;align-items:flex-end;padding:55px 24px}
  .fleet-group-cta-copy{width:100%;padding:0}
  .fleet-group-cta h2{font-size:50px}
}

html[dir="rtl"] .group-advantages-heading{padding-right:0;padding-left:34px;text-align:right}
html[dir="rtl"] .group-advantages article h3,html[dir="rtl"] .page .group-advantages article p,html[dir="rtl"] .page .group-final-cta p,html[dir="rtl"] .page .fleet-group-cta p{text-align:right!important}
html[dir="rtl"] .group-section-heading{text-align:center}
html[dir="rtl"] .group-section-heading>p{text-align:center}
html[dir="rtl"] .group-final-cta-inner>div{margin-right:0;margin-left:auto;text-align:right}
html[dir="rtl"] .fleet-group-cta-media,html[dir="rtl"] .fleet-group-cta:after{transform:scaleX(-1)}
html[dir="rtl"] .fleet-group-cta-copy{text-align:right}

@media(max-width:1280px){html[dir="rtl"] .group-advantages-heading{padding-left:0}}

/* CTA finale a tutta larghezza */
.group-final-cta{width:100%;max-width:none;margin:0 0 70px;border-radius:0}


/* Patch 2026-10-12 - rifinitura testo CTA finale e card veicoli */
.page .group-final-cta p{
  color:#24302b!important;
  font-weight:500;
  font-size:16px;
  line-height:1.75;
  text-shadow:none;
}

.group-vehicle-image{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  height:312px;
  padding:16px 12px 8px;
  background:linear-gradient(180deg,#f5efe3 0%,#fbf8f3 100%);
}

.group-vehicle-image img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center bottom;
  transform:scale(1.14);
  transform-origin:center bottom;
}

.group-vehicle-card:hover .group-vehicle-image img{
  transform:scale(1.18);
}

.group-vehicle-card-body{
  padding:21px 24px 22px;
}

@media(max-width:980px){
  .group-vehicle-image{
    height:292px;
    padding:14px 10px 8px;
  }
}

@media(max-width:680px){
  .group-vehicle-image{
    height:268px;
    padding:12px 8px 6px;
  }

  .page .group-final-cta p{
    font-size:15px;
    line-height:1.7;
  }
}


/* Patch 2026-10-12 v2 - card piu compatte, meno spazio sopra */
.group-vehicle-image{
  height:286px;
  padding:8px 12px 6px;
}

.group-vehicle-image img{
  object-position:center 62%;
  transform:scale(1.12);
}

.group-vehicle-card:hover .group-vehicle-image img{
  transform:scale(1.15);
}

@media(max-width:980px){
  .group-vehicle-image{
    height:274px;
    padding:8px 10px 6px;
  }
}

@media(max-width:680px){
  .group-vehicle-image{
    height:248px;
    padding:6px 8px 4px;
  }
}


/* Patch 2026-10-12 v3 - sfumatura solo parte alta del box immagine card */
.group-vehicle-image{
  position:relative;
  isolation:isolate;
}

.group-vehicle-image::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:74px;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(240,234,223,.98) 0%, rgba(243,238,229,.92) 18%, rgba(248,245,239,.62) 46%, rgba(251,249,245,.20) 74%, rgba(251,249,245,0) 100%);
}

@media(max-width:680px){
  .group-vehicle-image::after{
    height:58px;
  }
}


/* Patch 2026-10-12 v4 - sfumatura reale del bordo superiore dell'immagine nelle sole card */
.group-vehicle-image::after{
  display:none;
}

.group-vehicle-image img{
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.02) 0%,
    rgba(0,0,0,0.22) 7%,
    rgba(0,0,0,0.55) 14%,
    rgba(0,0,0,0.82) 22%,
    rgba(0,0,0,1) 32%,
    rgba(0,0,0,1) 100%
  );
  mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.02) 0%,
    rgba(0,0,0,0.22) 7%,
    rgba(0,0,0,0.55) 14%,
    rgba(0,0,0,0.82) 22%,
    rgba(0,0,0,1) 32%,
    rgba(0,0,0,1) 100%
  );
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
}


/* Patch 2026-10-12 v5 - sfumatura reale sopra e sotto, piu marcata sotto */
.group-vehicle-image img{
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.00) 0%,
    rgba(0,0,0,0.18) 5%,
    rgba(0,0,0,0.45) 10%,
    rgba(0,0,0,0.78) 16%,
    rgba(0,0,0,1.00) 23%,
    rgba(0,0,0,1.00) 72%,
    rgba(0,0,0,0.94) 78%,
    rgba(0,0,0,0.72) 84%,
    rgba(0,0,0,0.42) 90%,
    rgba(0,0,0,0.16) 95%,
    rgba(0,0,0,0.00) 100%
  );
  mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.00) 0%,
    rgba(0,0,0,0.18) 5%,
    rgba(0,0,0,0.45) 10%,
    rgba(0,0,0,0.78) 16%,
    rgba(0,0,0,1.00) 23%,
    rgba(0,0,0,1.00) 72%,
    rgba(0,0,0,0.94) 78%,
    rgba(0,0,0,0.72) 84%,
    rgba(0,0,0,0.42) 90%,
    rgba(0,0,0,0.16) 95%,
    rgba(0,0,0,0.00) 100%
  );
}


/* Patch 2026-10-12 v6 - sfumatura calibrata per singola card */
/* Base: niente maschera uniforme, poi taratura per card */
.group-vehicle-card .group-vehicle-image img{
  -webkit-mask-image:none;
  mask-image:none;
}

/* 1) Sprinter Classic: sotto ok, serve piu sfumatura sopra */
#sprinter-classic .group-vehicle-image img{
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.00) 0%,
    rgba(0,0,0,0.16) 5%,
    rgba(0,0,0,0.40) 10%,
    rgba(0,0,0,0.72) 15%,
    rgba(0,0,0,1.00) 22%,
    rgba(0,0,0,1.00) 74%,
    rgba(0,0,0,0.94) 81%,
    rgba(0,0,0,0.72) 88%,
    rgba(0,0,0,0.38) 95%,
    rgba(0,0,0,0.00) 100%
  );
  mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.00) 0%,
    rgba(0,0,0,0.16) 5%,
    rgba(0,0,0,0.40) 10%,
    rgba(0,0,0,0.72) 15%,
    rgba(0,0,0,1.00) 22%,
    rgba(0,0,0,1.00) 74%,
    rgba(0,0,0,0.94) 81%,
    rgba(0,0,0,0.72) 88%,
    rgba(0,0,0,0.38) 95%,
    rgba(0,0,0,0.00) 100%
  );
}

/* 2) Sprinter Luxury: sotto ok, sfumatura sopra un filo piu marcata */
#sprinter-luxury .group-vehicle-image img{
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.00) 0%,
    rgba(0,0,0,0.18) 6%,
    rgba(0,0,0,0.44) 11%,
    rgba(0,0,0,0.76) 16%,
    rgba(0,0,0,1.00) 23%,
    rgba(0,0,0,1.00) 74%,
    rgba(0,0,0,0.94) 81%,
    rgba(0,0,0,0.72) 88%,
    rgba(0,0,0,0.38) 95%,
    rgba(0,0,0,0.00) 100%
  );
  mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.00) 0%,
    rgba(0,0,0,0.18) 6%,
    rgba(0,0,0,0.44) 11%,
    rgba(0,0,0,0.76) 16%,
    rgba(0,0,0,1.00) 23%,
    rgba(0,0,0,1.00) 74%,
    rgba(0,0,0,0.94) 81%,
    rgba(0,0,0,0.72) 88%,
    rgba(0,0,0,0.38) 95%,
    rgba(0,0,0,0.00) 100%
  );
}

/* 3) Sprinter 19: da correggere sia sopra che sotto */
#sprinter-19 .group-vehicle-image img{
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.00) 0%,
    rgba(0,0,0,0.22) 6%,
    rgba(0,0,0,0.52) 12%,
    rgba(0,0,0,0.84) 19%,
    rgba(0,0,0,1.00) 27%,
    rgba(0,0,0,1.00) 68%,
    rgba(0,0,0,0.90) 76%,
    rgba(0,0,0,0.62) 84%,
    rgba(0,0,0,0.28) 92%,
    rgba(0,0,0,0.00) 100%
  );
  mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.00) 0%,
    rgba(0,0,0,0.22) 6%,
    rgba(0,0,0,0.52) 12%,
    rgba(0,0,0,0.84) 19%,
    rgba(0,0,0,1.00) 27%,
    rgba(0,0,0,1.00) 68%,
    rgba(0,0,0,0.90) 76%,
    rgba(0,0,0,0.62) 84%,
    rgba(0,0,0,0.28) 92%,
    rgba(0,0,0,0.00) 100%
  );
}

/* 4) Bus Tourismo: fade piu ampio sia sopra che sotto */
#bus-tourismo .group-vehicle-image img{
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.00) 0%,
    rgba(0,0,0,0.24) 7%,
    rgba(0,0,0,0.56) 13%,
    rgba(0,0,0,0.86) 20%,
    rgba(0,0,0,1.00) 28%,
    rgba(0,0,0,1.00) 66%,
    rgba(0,0,0,0.90) 74%,
    rgba(0,0,0,0.60) 83%,
    rgba(0,0,0,0.26) 91%,
    rgba(0,0,0,0.00) 100%
  );
  mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.00) 0%,
    rgba(0,0,0,0.24) 7%,
    rgba(0,0,0,0.56) 13%,
    rgba(0,0,0,0.86) 20%,
    rgba(0,0,0,1.00) 28%,
    rgba(0,0,0,1.00) 66%,
    rgba(0,0,0,0.90) 74%,
    rgba(0,0,0,0.60) 83%,
    rgba(0,0,0,0.26) 91%,
    rgba(0,0,0,0.00) 100%
  );
}

#sprinter-classic .group-vehicle-image img,
#sprinter-luxury .group-vehicle-image img,
#sprinter-19 .group-vehicle-image img,
#bus-tourismo .group-vehicle-image img{
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
}


/* Patch 2026-10-12 v7 - rifinitura finale per card secondo feedback */
/* 1) Sprinter Classic: sotto ok, incremento solo il fade superiore */
#sprinter-classic .group-vehicle-image img{
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.00) 0%,
    rgba(0,0,0,0.10) 6%,
    rgba(0,0,0,0.28) 12%,
    rgba(0,0,0,0.56) 18%,
    rgba(0,0,0,0.82) 24%,
    rgba(0,0,0,1.00) 30%,
    rgba(0,0,0,1.00) 76%,
    rgba(0,0,0,0.94) 83%,
    rgba(0,0,0,0.72) 90%,
    rgba(0,0,0,0.38) 96%,
    rgba(0,0,0,0.00) 100%
  );
  mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.00) 0%,
    rgba(0,0,0,0.10) 6%,
    rgba(0,0,0,0.28) 12%,
    rgba(0,0,0,0.56) 18%,
    rgba(0,0,0,0.82) 24%,
    rgba(0,0,0,1.00) 30%,
    rgba(0,0,0,1.00) 76%,
    rgba(0,0,0,0.94) 83%,
    rgba(0,0,0,0.72) 90%,
    rgba(0,0,0,0.38) 96%,
    rgba(0,0,0,0.00) 100%
  );
}

/* 2) Sprinter Luxury: sotto ok, incremento solo il fade superiore */
#sprinter-luxury .group-vehicle-image img{
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.00) 0%,
    rgba(0,0,0,0.12) 6%,
    rgba(0,0,0,0.32) 12%,
    rgba(0,0,0,0.60) 18%,
    rgba(0,0,0,0.86) 24%,
    rgba(0,0,0,1.00) 30%,
    rgba(0,0,0,1.00) 76%,
    rgba(0,0,0,0.94) 83%,
    rgba(0,0,0,0.72) 90%,
    rgba(0,0,0,0.38) 96%,
    rgba(0,0,0,0.00) 100%
  );
  mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.00) 0%,
    rgba(0,0,0,0.12) 6%,
    rgba(0,0,0,0.32) 12%,
    rgba(0,0,0,0.60) 18%,
    rgba(0,0,0,0.86) 24%,
    rgba(0,0,0,1.00) 30%,
    rgba(0,0,0,1.00) 76%,
    rgba(0,0,0,0.94) 83%,
    rgba(0,0,0,0.72) 90%,
    rgba(0,0,0,0.38) 96%,
    rgba(0,0,0,0.00) 100%
  );
}

/* 3) Sprinter 19: ritarato sopra e sotto */
#sprinter-19 .group-vehicle-image img{
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.00) 0%,
    rgba(0,0,0,0.14) 7%,
    rgba(0,0,0,0.36) 14%,
    rgba(0,0,0,0.66) 21%,
    rgba(0,0,0,0.90) 28%,
    rgba(0,0,0,1.00) 34%,
    rgba(0,0,0,1.00) 64%,
    rgba(0,0,0,0.92) 72%,
    rgba(0,0,0,0.68) 81%,
    rgba(0,0,0,0.36) 90%,
    rgba(0,0,0,0.10) 96%,
    rgba(0,0,0,0.00) 100%
  );
  mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.00) 0%,
    rgba(0,0,0,0.14) 7%,
    rgba(0,0,0,0.36) 14%,
    rgba(0,0,0,0.66) 21%,
    rgba(0,0,0,0.90) 28%,
    rgba(0,0,0,1.00) 34%,
    rgba(0,0,0,1.00) 64%,
    rgba(0,0,0,0.92) 72%,
    rgba(0,0,0,0.68) 81%,
    rgba(0,0,0,0.36) 90%,
    rgba(0,0,0,0.10) 96%,
    rgba(0,0,0,0.00) 100%
  );
}

/* 4) Bus Tourismo: ritarato sopra e sotto, fade piu lungo */
#bus-tourismo .group-vehicle-image img{
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.00) 0%,
    rgba(0,0,0,0.16) 8%,
    rgba(0,0,0,0.40) 15%,
    rgba(0,0,0,0.70) 22%,
    rgba(0,0,0,0.92) 29%,
    rgba(0,0,0,1.00) 36%,
    rgba(0,0,0,1.00) 62%,
    rgba(0,0,0,0.92) 70%,
    rgba(0,0,0,0.66) 80%,
    rgba(0,0,0,0.34) 90%,
    rgba(0,0,0,0.08) 97%,
    rgba(0,0,0,0.00) 100%
  );
  mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.00) 0%,
    rgba(0,0,0,0.16) 8%,
    rgba(0,0,0,0.40) 15%,
    rgba(0,0,0,0.70) 22%,
    rgba(0,0,0,0.92) 29%,
    rgba(0,0,0,1.00) 36%,
    rgba(0,0,0,1.00) 62%,
    rgba(0,0,0,0.92) 70%,
    rgba(0,0,0,0.66) 80%,
    rgba(0,0,0,0.34) 90%,
    rgba(0,0,0,0.08) 97%,
    rgba(0,0,0,0.00) 100%
  );
}


/* Patch 2026-10-12 v8 - fade aumentati secondo ultimo feedback */
/* 1) Sprinter Classic: fade superiore piu evidente */
#sprinter-classic .group-vehicle-image img{
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.00) 0%,
    rgba(0,0,0,0.08) 7%,
    rgba(0,0,0,0.22) 14%,
    rgba(0,0,0,0.46) 21%,
    rgba(0,0,0,0.72) 28%,
    rgba(0,0,0,0.92) 34%,
    rgba(0,0,0,1.00) 40%,
    rgba(0,0,0,1.00) 76%,
    rgba(0,0,0,0.94) 83%,
    rgba(0,0,0,0.72) 90%,
    rgba(0,0,0,0.38) 96%,
    rgba(0,0,0,0.00) 100%
  );
  mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.00) 0%,
    rgba(0,0,0,0.08) 7%,
    rgba(0,0,0,0.22) 14%,
    rgba(0,0,0,0.46) 21%,
    rgba(0,0,0,0.72) 28%,
    rgba(0,0,0,0.92) 34%,
    rgba(0,0,0,1.00) 40%,
    rgba(0,0,0,1.00) 76%,
    rgba(0,0,0,0.94) 83%,
    rgba(0,0,0,0.72) 90%,
    rgba(0,0,0,0.38) 96%,
    rgba(0,0,0,0.00) 100%
  );
}

/* 2) Sprinter Luxury: fade superiore piu evidente */
#sprinter-luxury .group-vehicle-image img{
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.00) 0%,
    rgba(0,0,0,0.10) 7%,
    rgba(0,0,0,0.26) 14%,
    rgba(0,0,0,0.52) 21%,
    rgba(0,0,0,0.78) 28%,
    rgba(0,0,0,0.94) 34%,
    rgba(0,0,0,1.00) 40%,
    rgba(0,0,0,1.00) 76%,
    rgba(0,0,0,0.94) 83%,
    rgba(0,0,0,0.72) 90%,
    rgba(0,0,0,0.38) 96%,
    rgba(0,0,0,0.00) 100%
  );
  mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.00) 0%,
    rgba(0,0,0,0.10) 7%,
    rgba(0,0,0,0.26) 14%,
    rgba(0,0,0,0.52) 21%,
    rgba(0,0,0,0.78) 28%,
    rgba(0,0,0,0.94) 34%,
    rgba(0,0,0,1.00) 40%,
    rgba(0,0,0,1.00) 76%,
    rgba(0,0,0,0.94) 83%,
    rgba(0,0,0,0.72) 90%,
    rgba(0,0,0,0.38) 96%,
    rgba(0,0,0,0.00) 100%
  );
}

/* 3) Sprinter 19: fade sopra e sotto aumentati */
#sprinter-19 .group-vehicle-image img{
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.00) 0%,
    rgba(0,0,0,0.10) 8%,
    rgba(0,0,0,0.28) 16%,
    rgba(0,0,0,0.54) 24%,
    rgba(0,0,0,0.80) 31%,
    rgba(0,0,0,0.96) 37%,
    rgba(0,0,0,1.00) 43%,
    rgba(0,0,0,1.00) 58%,
    rgba(0,0,0,0.94) 66%,
    rgba(0,0,0,0.76) 75%,
    rgba(0,0,0,0.48) 84%,
    rgba(0,0,0,0.20) 92%,
    rgba(0,0,0,0.00) 100%
  );
  mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.00) 0%,
    rgba(0,0,0,0.10) 8%,
    rgba(0,0,0,0.28) 16%,
    rgba(0,0,0,0.54) 24%,
    rgba(0,0,0,0.80) 31%,
    rgba(0,0,0,0.96) 37%,
    rgba(0,0,0,1.00) 43%,
    rgba(0,0,0,1.00) 58%,
    rgba(0,0,0,0.94) 66%,
    rgba(0,0,0,0.76) 75%,
    rgba(0,0,0,0.48) 84%,
    rgba(0,0,0,0.20) 92%,
    rgba(0,0,0,0.00) 100%
  );
}

/* 4) Bus Tourismo: fade sopra e sotto aumentati */
#bus-tourismo .group-vehicle-image img{
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.00) 0%,
    rgba(0,0,0,0.12) 8%,
    rgba(0,0,0,0.30) 16%,
    rgba(0,0,0,0.58) 24%,
    rgba(0,0,0,0.84) 32%,
    rgba(0,0,0,0.97) 39%,
    rgba(0,0,0,1.00) 45%,
    rgba(0,0,0,1.00) 56%,
    rgba(0,0,0,0.94) 64%,
    rgba(0,0,0,0.74) 73%,
    rgba(0,0,0,0.46) 83%,
    rgba(0,0,0,0.18) 92%,
    rgba(0,0,0,0.00) 100%
  );
  mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.00) 0%,
    rgba(0,0,0,0.12) 8%,
    rgba(0,0,0,0.30) 16%,
    rgba(0,0,0,0.58) 24%,
    rgba(0,0,0,0.84) 32%,
    rgba(0,0,0,0.97) 39%,
    rgba(0,0,0,1.00) 45%,
    rgba(0,0,0,1.00) 56%,
    rgba(0,0,0,0.94) 64%,
    rgba(0,0,0,0.74) 73%,
    rgba(0,0,0,0.46) 83%,
    rgba(0,0,0,0.18) 92%,
    rgba(0,0,0,0.00) 100%
  );
}