/* Accueil de la maquette remise le 2 novembre 2026.
   Cette feuille n’est chargée que sur l’accueil. Bandeau et navigation conservent leurs règles communes.
   La position verticale du texte de la hero est ajustée ici uniquement. */
.home-page{--hu:calc(min(100vw,1536px) / 1536);--home-lime:var(--acc-brand-primary,#A5E51B)}
/* Accueil : centrer le bloc de texte au milieu exact de la surface HERO
   et non au milieu de l'écran qui comprend également le bandeau et la navigation.
   La règle est volontairement commune au desktop, à la tablette et au mobile. */
.home-page .acc-hero__inner{
  display:flex;
  align-items:center;
  height:100%;
  padding-top:0;
  padding-bottom:0;
}
.home-page .acc-hero__copy{
  flex:0 1 640px;
  transform:none;
}
.home-container{width:100%;max-width:1536px;margin-inline:auto;padding-inline:calc(68 * var(--hu));position:relative;z-index:1}
.home-texture{position:relative;isolation:isolate;background:#060a09;color:#f5f6f3}
.home-texture::before{content:"";position:absolute;z-index:0;inset:0;background:url('./assets/home-honeycomb.svg') center top/calc(68 * var(--hu)) calc(59 * var(--hu)) repeat;mask-image:linear-gradient(90deg,#000,transparent 22%,transparent 73%,#000);opacity:1;pointer-events:none}
.home-texture::after{content:"";position:absolute;z-index:0;inset:0;background:radial-gradient(ellipse at 51% 0,rgba(56,69,53,.23),transparent 61%);pointer-events:none}
.home-rule{border-bottom:1px solid transparent;border-image:linear-gradient(90deg,#A5E51B22,#A5E51B 49%,#A5E51B22) 1}
.home-page #occasions,.home-page #savoir-faire{scroll-margin-top:24px}
.home-page main>.home-texture,.home-page .home-vehicles{overflow:clip}
.home-centered-title{display:flex;align-items:center;justify-content:center;gap:calc(62 * var(--hu));margin:0;color:#f6f6f4;font:italic 800 calc(58 * var(--hu))/1.05 Arial,sans-serif;letter-spacing:calc(.6 * var(--hu));text-transform:uppercase}
.home-centered-title::before,.home-centered-title::after{content:"";width:calc(155 * var(--hu));height:2px;background:linear-gradient(90deg,transparent,#A5E51B);box-shadow:0 0 10px #A5E51B1C}
.home-centered-title::after{transform:rotate(180deg)}
.home-centered-title em,.home-section-heading em{color:var(--home-lime);font-style:inherit}
.home-intro{padding-block:calc(20 * var(--hu)) calc(44 * var(--hu))}
.home-intro__tagline{margin:calc(2 * var(--hu)) 0 0;text-align:center;font:italic 400 calc(36 * var(--hu))/1.2 Arial,sans-serif;color:#e6e8e3}
.home-intro__description{margin:calc(18 * var(--hu)) auto 0;text-align:center;font:400 calc(22 * var(--hu))/1.3 Arial,sans-serif;color:#dfe3dc}
.home-promises{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(31 * var(--hu));margin-top:calc(28 * var(--hu))}
.home-promise{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;min-height:calc(230 * var(--hu));padding:calc(19 * var(--hu)) calc(14 * var(--hu)) calc(15 * var(--hu));border:1px solid #647454;border-bottom-color:#A5E51B;border-radius:calc(23 * var(--hu));background:radial-gradient(ellipse at 30% 0,#55614f32,transparent 42%),radial-gradient(ellipse at 50% 120%,#A5E51B32,transparent 56%),linear-gradient(110deg,#1b221f9c,#0b100e);box-shadow:inset 0 1px 3px #dcefd321,inset 0 -2px 7px #A5E51B38,0 5px 15px #0004;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;transform-origin:center;cursor:pointer}
.home-promise>svg{width:calc(75 * var(--hu));height:calc(66 * var(--hu));margin-bottom:calc(12 * var(--hu));fill:none;stroke:var(--home-lime);stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px #A5E51B38)}
.home-promise h3{margin:0 0 calc(12 * var(--hu));font:700 calc(23 * var(--hu))/1.2 Arial,sans-serif;white-space:nowrap;letter-spacing:-.02em}
.home-promise p{margin:0;color:#e1e5dc;font:400 calc(21 * var(--hu))/1.23 Arial,sans-serif}
@media(hover:hover){.home-promise:hover{transform:scale(1.025);border-color:#A5E51B;box-shadow:0 0 18px #A5E51B43,inset 0 0 12px #A5E51B15,inset 0 -2px 9px #A5E51B3A}}
.home-promise:focus-visible{outline:2px solid #A5E51B;outline-offset:4px;transform:scale(1.025);box-shadow:0 0 18px #A5E51B43}
.home-stock{position:relative;padding-block:calc(40 * var(--hu)) calc(44 * var(--hu))}
.home-stock--neuf{padding-top:calc(27 * var(--hu));padding-bottom:calc(45 * var(--hu))}
.home-stock--neuf{padding-top:calc(24 * var(--hu));padding-bottom:calc(32 * var(--hu))}
.home-stock--neuf .home-vehicle__body{min-height:calc(175 * var(--hu));padding:calc(14 * var(--hu)) calc(20 * var(--hu)) calc(13 * var(--hu))}
.home-stock--neuf .home-vehicle h3{font-size:calc(22 * var(--hu));margin-bottom:calc(8 * var(--hu))}
.home-stock--neuf .home-vehicle__facts{font-size:calc(17.5 * var(--hu));row-gap:calc(7 * var(--hu))}
.home-stock--neuf .home-vehicle__bottom{padding-top:calc(8 * var(--hu))}
.home-section-heading{position:relative;display:block;margin:0 0 calc(32 * var(--hu))}
.home-section-heading>div{min-width:0}.home-section-heading>.home-outline-button{position:absolute;right:0;top:calc(15 * var(--hu))}.home-section-heading h2{padding-right:calc(285 * var(--hu))}
.home-section-heading h2{margin:0;font:italic 800 calc(54 * var(--hu))/1.02 Arial,sans-serif;text-transform:uppercase;letter-spacing:calc(-.6 * var(--hu))}
.home-section-heading p{margin:calc(8 * var(--hu)) 0 0;color:#e2e5df;font:400 calc(24 * var(--hu))/1.25 Arial,sans-serif}
.home-outline-button{flex:none;display:inline-flex;align-items:center;justify-content:space-between;gap:calc(24 * var(--hu));min-width:calc(253 * var(--hu));min-height:calc(55 * var(--hu));padding:calc(12 * var(--hu)) calc(25 * var(--hu));border:1px solid #A5E51B;border-radius:calc(10 * var(--hu));background:rgba(4,9,6,.65);color:#f1f3ed;font:700 calc(21 * var(--hu))/1.1 Arial,sans-serif;white-space:nowrap;transition:background .2s,border-color .2s,box-shadow .2s}
.home-outline-button svg{width:calc(16 * var(--hu));height:calc(20 * var(--hu));fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.home-outline-button:hover{background:#233413;border-color:#A5E51B;box-shadow:0 0 12px #A5E51B29}
.home-stock__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(26 * var(--hu))}
.home-stock__message{grid-column:1/-1;min-height:calc(380 * var(--hu));padding:40px 0;text-align:center;color:#dde4d4}
.home-vehicle{display:flex;flex-direction:column;min-width:0;color:#f4f6f0;border:1px solid #719C12;border-top-color:#4e6542;border-radius:calc(18 * var(--hu));overflow:hidden;background:radial-gradient(ellipse at 50% 105%,#A5E51B23,transparent 46%),linear-gradient(125deg,#272e29,#101612 60%,#090e0b);box-shadow:inset 0 -1px 3px #A5E51B40,0 10px 25px #0003;transition:transform .22s,border-color .22s,box-shadow .22s}
.home-vehicle__media{position:relative;aspect-ratio:2.32;background:linear-gradient(120deg,#203025,#0d160e);overflow:hidden}
.home-vehicle__media img{width:100%;height:100%;object-fit:cover;object-position:center 49%;transition:transform .4s;display:block}
.home-vehicle__media img[hidden]{display:none}
.home-vehicle__fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;color:#b8d888;text-align:center;font:italic 800 calc(30 * var(--hu))/1 Barlow,sans-serif}
.home-vehicle__media img:not([hidden])+.home-vehicle__fallback{display:none}
.home-vehicle__tag{position:absolute;left:0;top:0;padding:calc(8 * var(--hu)) calc(23 * var(--hu)) calc(8 * var(--hu));background:linear-gradient(100deg,#A5E51B,#A5E51B);color:#0d1804;clip-path:polygon(0 0,100% 0,91% 100%,0 100%);font:italic 800 calc(20 * var(--hu))/1 Barlow,Arial,sans-serif;white-space:nowrap}
.home-vehicle__body{display:flex;flex-direction:column;flex:1;padding:calc(14 * var(--hu)) calc(20 * var(--hu)) calc(13 * var(--hu));min-height:calc(175 * var(--hu))}
.home-vehicle h3{margin:0 0 calc(8 * var(--hu));min-height:calc(25 * var(--hu));font:700 calc(22 * var(--hu))/1.14 Arial,sans-serif;letter-spacing:-.025em}
.home-vehicle__facts{display:grid;grid-template-columns:1fr 1fr;gap:calc(7 * var(--hu)) calc(14 * var(--hu));margin:0;padding:0;list-style:none;color:#e9eee7;font:400 calc(17.5 * var(--hu))/1.2 Arial,sans-serif}
.home-vehicle__facts li{display:flex;align-items:center;gap:calc(7 * var(--hu));min-width:0}
.home-vehicle__facts svg{width:calc(19 * var(--hu));height:calc(19 * var(--hu));flex:none;stroke:#f1f5ee;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.home-vehicle__facts span{min-width:0;overflow-wrap:anywhere}
.home-vehicle__bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:calc(10 * var(--hu))}
.home-vehicle__price{color:var(--home-lime);font:700 calc(34 * var(--hu))/1 Arial,sans-serif;letter-spacing:calc(-1.2 * var(--hu));white-space:nowrap}
.home-vehicle__arrow{width:calc(18 * var(--hu));height:calc(27 * var(--hu));fill:none;stroke:#f1f4ed;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(hover:hover){.home-vehicle:hover{transform:translateY(-4px);border-color:#A5E51B;box-shadow:0 0 18px #A5E51B33}.home-vehicle:hover img{transform:scale(1.035)}}

/* Panorama de la Cité en arrière-plan, façade réelle séparée et texte natif. */
.home-page .acc-about{height:calc(672 * var(--hu));min-height:0;border-top:1px solid #263e20;border-bottom:1px solid #A5E51B;--au:var(--hu)}
.home-page .acc-about__landscape{inset:-22% 0 -14% -10%;background-attachment:scroll;background-size:110% auto;background-position:65% top;transform:translate3d(0,calc(clamp(calc(-70 * var(--hu)),var(--about-offset,0px),calc(70 * var(--hu))) + 90 * var(--hu)),0) scale(1.04);will-change:transform}
.home-page .acc-about__shade{background:linear-gradient(90deg,#030a08a8,transparent 63%),linear-gradient(0deg,#030a0850,transparent 40%)}
.home-page .acc-about__layout{position:absolute;z-index:2;display:block;inset:0;width:100%;max-width:1536px;left:50%;right:auto;transform:translateX(-50%);padding:0}
.home-page .acc-about__copy{position:absolute;left:calc(88 * var(--hu));top:calc(92 * var(--hu));width:calc(630 * var(--hu));max-width:none;margin:0}
.home-page .acc-about__copy::before{inset:calc(-52 * var(--hu)) calc(-95 * var(--hu)) calc(-68 * var(--hu)) calc(-130 * var(--hu));background:rgba(1,8,9,.91);mask-image:url('./assets/about-copy-mask.svg'),linear-gradient(90deg,#000 0%,#000 70%,transparent),linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent);mask-position:center;mask-size:100% 100%;mask-repeat:no-repeat;mask-composite:intersect;filter:none}
.home-page .acc-about__eyebrow{margin:0 0 calc(17 * var(--hu));gap:calc(17 * var(--hu));font:400 calc(18 * var(--hu))/1.1 Arial,sans-serif;letter-spacing:0;color:#e4e9dd}
.home-page .acc-about__eyebrow::before{width:calc(47 * var(--hu));height:1px;background:var(--home-lime)}
.home-page .acc-about h2{margin:0 0 calc(18 * var(--hu));font-family:Arial,sans-serif;font-style:italic}
.home-page .acc-about h2>span{font-size:calc(54 * var(--hu));line-height:1.06;letter-spacing:0}
.home-page .acc-about h2 em{font-size:calc(50 * var(--hu));line-height:1.07;letter-spacing:calc(-.6 * var(--hu));font-style:italic;color:var(--home-lime);white-space:nowrap}
.home-page .acc-about__copy>p:not(.acc-about__eyebrow):not(.acc-about__keywords){max-width:calc(553 * var(--hu));margin:0 0 calc(12 * var(--hu));font:400 calc(21 * var(--hu))/1.17 Arial,sans-serif;color:#e3e7df}
.home-page .acc-about__copy strong{font-weight:400}
.home-page .acc-about__button{height:calc(52 * var(--hu));min-width:calc(318 * var(--hu));width:auto;max-width:none;margin-top:calc(5 * var(--hu));gap:calc(25 * var(--hu));padding:0 calc(30 * var(--hu));border:1px solid #A5E51B;border-radius:calc(10 * var(--hu));font:700 calc(20 * var(--hu))/1 Arial,sans-serif;text-transform:none;letter-spacing:0}
.home-page .acc-about__button svg{width:calc(16 * var(--hu));height:calc(18 * var(--hu))}
.home-page .acc-about__visual{display:contents;position:static;margin:0}
.home-page .acc-about__premises{position:absolute;left:calc(585 * var(--hu));top:calc(50 * var(--hu));width:calc(980 * var(--hu));height:calc(760 * var(--hu));margin:0;aspect-ratio:auto;clip-path:polygon(0 38.2%,99.3% 4.6%,100% 5.2%,100% 100%,0 100%);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 98%,transparent),linear-gradient(180deg,#000 0%,#000 86%,transparent 100%);mask-composite:intersect}
.home-page .acc-about__premises img{filter:brightness(.96) contrast(1.04) saturate(.82)}
.home-page .acc-about__foreground{background-position:center 32%;transform:translate3d(0,calc(var(--about-offset,0px) * .2),0) scale(1.15);mask-image:linear-gradient(90deg,transparent 95%,#000 99%),radial-gradient(ellipse at 28% 0%,#000 10%,transparent 76%);mask-size:100% 100%,36% 13%;opacity:.8}

.home-reviews{padding-block:calc(28 * var(--hu)) calc(36 * var(--hu))}
.home-reviews .home-container{padding-inline:calc(78 * var(--hu)) calc(68 * var(--hu))}
.home-reviews .home-section-heading{margin-bottom:calc(22 * var(--hu))}
.home-reviews .home-section-heading h2{font-size:calc(49 * var(--hu))}
.home-reviews .home-section-heading p{font-size:calc(23 * var(--hu));margin-top:calc(5 * var(--hu))}
.home-reviews__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(30 * var(--hu))}
.home-review{display:flex;flex-direction:column;margin:0;min-width:0;min-height:calc(245 * var(--hu));padding:calc(18 * var(--hu)) calc(27 * var(--hu)) calc(15 * var(--hu));border:1px solid #45523b;border-bottom-color:#A5E51B;border-radius:calc(23 * var(--hu));background:radial-gradient(ellipse at 90% 110%,#A5E51B25,transparent 47%),linear-gradient(115deg,#263028ab,#0d130ff0);box-shadow:inset 0 1px 4px #d9f4ca12,inset 0 -1px 2px #A5E51B45}
.home-review__stars{font:700 calc(29 * var(--hu))/1.05 Arial,sans-serif;letter-spacing:calc(1 * var(--hu));color:var(--home-lime)}
.home-review blockquote{margin:calc(6 * var(--hu)) 0 calc(14 * var(--hu));font:400 calc(20 * var(--hu))/1.18 Arial,sans-serif;color:#eef1e9}
.home-review figcaption{display:flex;align-items:center;gap:calc(28 * var(--hu));margin-top:auto;font:400 calc(19 * var(--hu))/1.2 Arial,sans-serif}
.home-review figcaption strong,.home-review figcaption small{display:block}
.home-review figcaption strong{font-weight:700}
.home-review figcaption small{font-size:calc(17 * var(--hu));margin-top:calc(4 * var(--hu));color:#d3dacc}
.home-review__avatar{display:flex;align-items:center;justify-content:center;flex:none;width:calc(58 * var(--hu));height:calc(58 * var(--hu));border-radius:50%;border:2px solid #9ba98a;background:radial-gradient(circle at 35% 20%,#6b8563,#253b30 72%);color:#f0f6e7;font:700 calc(20 * var(--hu))/1 Arial,sans-serif}
/* Engagement local : composition et typographie dans home-sponsor.css. */
.home-review__avatar>svg{display:block;width:100%;height:100%}
.home-review__avatar{overflow:hidden}

@media(min-width:761px) and (max-width:1100px){
 .home-stock__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:900px;margin-inline:auto}
 .home-vehicle__body,.home-stock--neuf .home-vehicle__body{padding:14px 20px;min-height:165px}
 .home-vehicle h3,.home-stock--neuf .home-vehicle h3{font-size:20px;min-height:23px;margin-bottom:8px}
 .home-vehicle__facts,.home-stock--neuf .home-vehicle__facts{font-size:16px;gap:8px 12px}
 .home-vehicle__facts svg{width:18px;height:18px}
 .home-vehicle__price{font-size:30px}
 .home-vehicle__tag{font-size:17px;padding:8px 21px 7px}
}

@media(max-width:760px){
 .home-page{--hu:1px}
 .home-container{padding-inline:22px}
 .home-texture::before{background-size:48px 42px;mask-image:linear-gradient(90deg,#000,transparent 36%,#000)}
 .home-centered-title{font-size:clamp(24px,7vw,30px);gap:0;letter-spacing:0;white-space:nowrap}
 .home-centered-title::before,.home-centered-title::after{display:none}
 .home-centered-title::before,.home-centered-title::after{width:35px;flex:1}
 .home-intro{padding-block:28px 30px}
 .home-intro__tagline{font-size:19px;line-height:1.25;margin-top:10px}
 .home-intro__description{font-size:14px;line-height:1.5;margin-top:17px}
 .home-desktop-break{display:none}
 .home-promises{gap:13px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}
 .home-promise{min-height:184px;padding:17px 8px 16px;border-radius:15px}
 .home-promise>svg{width:53px;height:47px;margin-bottom:14px}
 .home-promise h3{font-size:14px;line-height:1.25;white-space:normal;margin-bottom:9px;letter-spacing:-.025em}
 .home-promise p{font-size:12px;line-height:1.3}.home-promise br{display:none}
 .home-stock,.home-stock--neuf{padding-block:30px}
 .home-section-heading{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;align-items:flex-start}
 .home-section-heading>.home-outline-button{position:static}.home-section-heading h2{padding-right:0}
 .home-section-heading h2{font-size:32px;line-height:1.05;letter-spacing:-.5px}
 .home-section-heading p{font-size:14px;line-height:1.4;margin-top:9px}
 .home-outline-button{min-width:0;min-height:40px;padding:11px 16px;font-size:13px;gap:24px;border-radius:7px}
 .home-outline-button svg{width:10px;height:13px}
 .home-stock__grid{grid-template-columns:1fr;gap:20px;max-width:510px;margin-inline:auto}
 .home-stock__message{min-height:230px}
 .home-vehicle{border-radius:15px}
 .home-vehicle__tag{font-size:17px;padding:8px 22px 7px}
 .home-vehicle__media{aspect-ratio:2.05}
 .home-vehicle__body{padding:15px 20px 16px;min-height:170px}
 .home-stock--neuf .home-vehicle__body{padding:15px 20px 16px;min-height:170px}.home-stock--neuf .home-vehicle h3{font-size:21px;margin-bottom:14px}.home-stock--neuf .home-vehicle__facts{font-size:14px;row-gap:10px}.home-stock--neuf .home-vehicle__bottom{padding-top:15px}
 .home-vehicle h3{font-size:21px;line-height:1.2;min-height:0;margin-bottom:14px}
 .home-vehicle__facts{font-size:14px;gap:10px 14px}
 .home-vehicle__facts svg{width:19px;height:19px}
 .home-vehicle__facts li{gap:7px}
 .home-vehicle__bottom{padding-top:15px}
 .home-vehicle__price{font-size:32px;letter-spacing:-.5px}
 .home-vehicle__arrow{width:13px;height:21px}
 .home-page .acc-about{height:auto;min-height:0}
 .home-page .acc-about__layout{position:relative;inset:auto;left:auto;transform:none;display:flex;flex-direction:column;padding:40px 22px 0}
 .home-page .acc-about__copy{position:relative;left:auto;top:auto;width:100%;max-width:550px;margin:0 auto}
 .home-page .acc-about__copy::before{inset:-30px -40px;background:radial-gradient(ellipse at 32% 45%,#010808ed 50%,#01080882 70%,transparent);mask:none;filter:blur(8px)}
 .home-page .acc-about__eyebrow{font-size:12px;gap:13px;margin-bottom:16px}
 .home-page .acc-about__eyebrow::before{width:30px}
 .home-page .acc-about h2{margin-bottom:20px}
 .home-page .acc-about h2>span{font-size:38px;line-height:1.02}
 .home-page .acc-about h2 em{font-size:30px;line-height:1.1;white-space:normal;letter-spacing:-.2px}
 .home-page .acc-about__copy>p:not(.acc-about__eyebrow):not(.acc-about__keywords){max-width:none;font-size:14px;line-height:1.5;margin-bottom:15px}
 .home-page .acc-about__button{height:42px;min-width:0;max-width:100%;padding:0 18px;gap:25px;font-size:13px;margin-top:5px;border-radius:7px}
 .home-page .acc-about__button svg{width:11px;height:15px}
 .home-page .acc-about__visual{display:block;position:relative;width:100%;height:auto;max-width:none}
 .home-page .acc-about__premises{position:relative;left:auto;top:auto;width:122%;height:auto;aspect-ratio:1.4;margin:-42px -11% -30px;clip-path:polygon(0 38.2%,99.3% 4.6%,100% 5.2%,100% 100%,0 100%)}
 .home-page .acc-about__landscape{inset:-18% 0;background-size:auto 110%;background-position:58% top;transform:translate3d(0,calc(clamp(-55px,var(--about-offset,0px),55px) + 55px),0) scale(1.05)}
 .home-page .acc-about__foreground{opacity:.55;mask-image:linear-gradient(90deg,transparent 96%,#000);mask-size:100% 100%}
 .home-reviews{padding-block:30px}
 .home-reviews .home-container{padding-inline:22px}
 .home-reviews .home-section-heading{margin-bottom:20px}
 .home-reviews .home-section-heading h2{font-size:32px}
 .home-reviews .home-section-heading p{font-size:14px;margin-top:9px}
 .home-reviews__grid{grid-template-columns:1fr;gap:15px}
 .home-review{padding:19px 21px;min-height:190px;border-radius:15px}
 .home-review__stars{font-size:23px;letter-spacing:1px}
 .home-review blockquote{font-size:15px;line-height:1.4;margin:8px 0 16px}
 .home-review figcaption{gap:15px;font-size:14px}
 .home-review figcaption small{font-size:12px;margin-top:3px}
 .home-review__avatar{width:42px;height:42px;font-size:14px}

}
@media(max-width:360px){.home-container,.home-reviews .home-container{padding-inline:16px}.home-centered-title{font-size:24px}.home-promise{min-height:183px;padding-inline:7px}.home-promise h3{font-size:13px}.home-promise p{font-size:11px}.home-section-heading h2,.home-reviews .home-section-heading h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.home-promise,.home-vehicle,.home-vehicle img,.home-outline-button{transition:none}.home-promise:hover,.home-promise:focus-visible,.home-vehicle:hover{transform:none}.home-page .acc-about__landscape,.home-page .acc-about__foreground{transform:none;will-change:auto}}

/* Accueil : deux portes d'entrée explicites après les catalogues neuf/occasion. */
.home-intro{padding-block:clamp(44px,5vw,77px) clamp(55px,6vw,90px)}
.home-promises--two{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,30px);margin-top:clamp(28px,3vw,46px)}
.home-promises--two .home-promise{position:relative;isolation:isolate;display:flex;align-items:stretch;justify-content:flex-start;text-align:left;overflow:hidden;min-height:clamp(240px,23vw,335px);padding:clamp(23px,3vw,43px);border-radius:23px;background-color:#0c130e;background-repeat:no-repeat;background-size:cover;transform:translateZ(0)}
.home-promises--two .home-promise::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(5,13,8,.98) 0%,rgba(8,17,11,.93) 34%,rgba(10,19,13,.57) 65%,rgba(4,9,6,.18) 100%)}
.home-promises--two .home-promise--atelier{background-image:url('./assets/services-maquette-photo-source.jpg');background-position:87% 8%}
.home-promises--two .home-promise--magasin{background-image:url('./assets/magasin-reel-artcampingcar.jpg');background-position:67% 48%}
.home-promises--two .home-promise__content{display:flex;flex-direction:column;align-items:flex-start;min-width:0;width:min(82%,420px);height:100%}
.home-promises--two .home-promise__content>svg{display:block;width:clamp(38px,4vw,58px);height:clamp(38px,4vw,58px);flex:none;margin-bottom:clamp(12px,1.6vw,22px);fill:none;stroke:#A5E51B;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 5px #A5E51B30)}
.home-promises--two .home-promise h3{margin:0 0 12px;font:700 clamp(22px,2.2vw,31px)/1.12 Arial,sans-serif;white-space:normal;letter-spacing:-.035em}
.home-promises--two .home-promise p{margin:0 0 28px;color:#e0e7de;font:400 clamp(14px,1.3vw,18px)/1.45 Arial,sans-serif}
.home-promises--two .home-promise__cta{display:inline-flex;align-items:center;gap:15px;margin-top:auto;color:#A5E51B;font:700 clamp(14px,1.35vw,19px)/1.25 Arial,sans-serif}
.home-promises--two .home-promise__cta span{font-size:1.5em;line-height:1;transition:transform .2s ease}
@media(hover:hover){.home-promises--two .home-promise:hover .home-promise__cta span{transform:translateX(7px)}}
@media(max-width:760px){
  .home-intro{padding-block:39px 49px}
  .home-promises--two{grid-template-columns:1fr;gap:16px;margin-top:26px}
  .home-promises--two .home-promise{min-height:245px;padding:26px 25px;border-radius:17px}
  .home-promises--two .home-promise__content{width:min(84%,390px)}
  .home-promises--two .home-promise h3{font-size:23px}
  .home-promises--two .home-promise p{font-size:14px}
  .home-promises--two .home-promise__cta{font-size:15px}
}
@media(max-width:430px){.home-promises--two .home-promise{min-height:235px;padding:22px 21px}.home-promises--two .home-promise__content{width:90%}}


/* Accueil — harmonisation visuelle approuvée des cartes Occasion et Neuf.
   Quatre véhicules par rangée desktop ; moins de masse noire, photos plus hautes.
   S'applique seulement au contenu des deux sections de l'accueil. */
@media (min-width: 1101px) {
  .home-vehicles .home-stock .home-container {
    max-width: 1280px;
    padding-inline: 54px;
  }
  .home-vehicles .home-stock__grid {
    gap: 30px;
  }
  .home-vehicles .home-stock {
    padding-block: 39px 47px;
  }
  .home-vehicles .home-stock--neuf {
    padding-block: 31px 47px;
  }
  .home-vehicles .home-section-heading {
    margin-bottom: 25px;
  }
  .home-vehicles .home-vehicle__media {
    aspect-ratio: 1.72;
  }
  .home-vehicles .home-vehicle__body,
  .home-vehicles .home-stock--neuf .home-vehicle__body {
    min-height: 147px;
    padding: 11px 14px 13px;
  }
  .home-vehicles .home-vehicle h3,
  .home-vehicles .home-stock--neuf .home-vehicle h3 {
    min-height: 23px;
    font-size: 18px;
    line-height: 1.18;
    margin-bottom: 7px;
  }
  .home-vehicles .home-vehicle__facts,
  .home-vehicles .home-stock--neuf .home-vehicle__facts {
    font-size: 14px;
    gap: 6px 9px;
  }
  .home-vehicles .home-vehicle__facts svg {
    width: 16px;
    height: 16px;
  }
  .home-vehicles .home-vehicle__price {
    font-size: 27px;
    letter-spacing: -.5px;
  }
  .home-vehicles .home-vehicle__tag {
    font-size: 16px;
    padding: 7px 17px 6px;
  }
  .home-vehicles .home-vehicle {
    border-color: rgba(165,229,27,.58);
    box-shadow: inset 0 -1px 2px rgba(165,229,27,.15), 0 8px 19px rgba(0,0,0,.17);
  }
  .home-vehicles .home-vehicle:hover {
    border-color: var(--acc-brand-primary,#A5E51B);
  }
}
/* Entre 761 et 1100 px, conserver le système existant à deux colonnes
   en améliorant seulement la proportion photographique. */
@media (min-width: 761px) and (max-width: 1100px) {
  .home-vehicles .home-vehicle__media {
    aspect-ratio: 1.8;
  }
}


/* Accueil — entêtes Occasion / Neuf : le bouton possède sa propre colonne.
   Évite que les descriptions passent derrière le CTA sur ordinateur. */
@media (min-width: 1101px) {
  .home-vehicles .home-section-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 32px;
    row-gap: 12px;
  }
  .home-vehicles .home-section-heading > div {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
  .home-vehicles .home-section-heading h2 {
    padding-right: 0;
    margin: 0 0 8px;
    font-size: clamp(30px, 2.65vw, 38px) !important;
    line-height: 1.05;
  }
  .home-vehicles .home-section-heading p {
    max-width: 100%;
    margin: 0;
    font-size: 16px;
    line-height: 1.45;
    overflow-wrap: normal;
  }
  .home-vehicles .home-section-heading > .home-outline-button {
    position: static;
    inset: auto;
    align-self: center;
    min-width: 0;
    width: 205px;
    min-height: 46px;
    padding: 10px 16px;
    gap: 14px;
    font-size: 14px;
    white-space: nowrap;
  }
}