/* ==========================================================================
       GABARIT PAGE MODÈLE · base gabarit modèle  (préfixe .em-)
       Carrousels (.em-slider) + onglets (.em-tabs) pilotés en bas de page.
       À dupliquer : seuls TEXTES, IMAGES et CHIFFRES changent.
       ========================================================================== */

    /* --- Fond général off-white (toutes les sections, pleine largeur) --- */
    body{background:var(--off-white,#f4f6f5);}

    /* --- Rythme + titres communs --- */
    /* Section pleine largeur, contenu centré à 1180px via padding fluide */
    .em-section{padding-top:clamp(2.8rem,6vw,4.8rem);padding-bottom:clamp(2.8rem,6vw,4.8rem);padding-left:max(clamp(1.1rem,4vw,2rem),calc((100% - 1180px) / 2));padding-right:max(clamp(1.1rem,4vw,2rem),calc((100% - 1180px) / 2));background:var(--off-white,#f4f6f5);}
    .em-section__head{text-align:center;max-width:44rem;margin:0 auto clamp(1.6rem,3.5vw,2.6rem);}
    .em-section__title{font-family:'SKODA Next',sans-serif;font-weight:700;font-size:42px;color:#161718;line-height:1.15;letter-spacing:normal;margin:0;}
    .em-section__intro{color:var(--grey-700,#4a5551);font-size:1.02rem;line-height:1.65;margin:.9rem 0 0;}
    .em-eyebrow{display:inline-block;font-family:'SKODA Next',sans-serif;font-weight:600;letter-spacing:.16em;text-transform:uppercase;font-size:.74rem;color:var(--green-accent);margin-bottom:.6rem;}

    /* --- HERO (compact) --- */
    .em-hero{position:relative;height:clamp(560px,80vh,700px);display:flex;align-items:flex-end;overflow:hidden;background:var(--emerald-900);}
    .em-hero__video{position:absolute;inset:0;z-index:0;overflow:hidden;}
    .em-hero__video iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100%;min-width:177.77vh;transform:translate(-50%,-50%);border:0;pointer-events:none;}
    .em-hero__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
    .em-hero__overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(14,58,47,0) 40%,rgba(14,58,47,.75) 100%);}
    /* Hero Lodge : image de fond + voiture à droite */
    .em-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
    .em-hero__car{position:absolute;right:clamp(.5rem,3vw,3rem);top:50%;transform:translateY(-50%);z-index:2;height:auto;max-height:88%;max-width:62%;width:auto;object-fit:contain;pointer-events:none;}
    .em-hero__inner{position:relative;z-index:3;max-width:1180px;margin:0 auto;width:100%;padding:0 clamp(1.1rem,4vw,2rem) clamp(1.6rem,3.5vw,2.6rem);color:#fff;}
    .em-hero__name{font-family:'SKODA Next',sans-serif;font-weight:700;font-size:44px;line-height:1.25;letter-spacing:normal;margin:0;text-shadow:0 2px 24px rgba(0,0,0,.3);}
    .em-hero__name span{display:block;font-weight:400;font-size:.82em;letter-spacing:0;margin-top:.15em;}

    /* --- CARROUSEL générique (angles droits, image au bord, pagination segmentée) --- */
    .em-slider{position:relative;width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);}
    .em-slider__viewport{overflow:hidden;padding:20px 0;}
    .em-slider__track{display:flex;gap:4px;transition:transform .55s cubic-bezier(.4,0,.2,1);align-items:center;}
    .em-slide{flex:0 0 90%;min-width:0;}
    /* Slides latéraux légèrement plus petits ; le slide actif est plein format */
    .em-slide > *{transform:scale(.93);transform-origin:center;transition:transform .45s cubic-bezier(.4,0,.2,1);}
    .em-slide.is-active > *{transform:scale(1);}
    .em-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--emerald-900);border:1px solid var(--grey-200,#d9dddb);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 18px rgba(14,58,47,.14);transition:background .25s;}
    .em-arrow:hover{background:var(--green-electric);}
    .em-arrow svg{width:20px;height:20px;}
    .em-arrow--prev{left:calc(5% - 22px);}
    .em-arrow--next{right:calc(5% - 22px);}
    /* Pagination : rail continu + curseur glissant */
    .em-dots{position:relative;width:min(440px,72%);height:10px;margin:1.7rem auto 0;background:#d9dddb;border-radius:999px;}
    .em-dots__thumb{position:absolute;top:0;left:0;height:100%;border-radius:999px;background:#161718;transition:transform .45s cubic-bezier(.4,0,.2,1);}

    /* Slide type HIGHLIGHT : image pleine hauteur au bord + texte */
    .em-hl{display:grid;grid-template-columns:1.05fr 1fr;align-items:stretch;background:#fff;min-height:clamp(340px,40vw,460px);box-shadow:0 2px 12px rgba(0,0,0,.06);}
    .em-hl__media{overflow:hidden;background:var(--grey-100);}
    .em-hl__media img{width:100%;height:100%;object-fit:cover;display:block;}
    .em-hl__body{align-self:center;padding:clamp(1.6rem,3vw,2.8rem);}
    .em-hl__title{font-family:'SKODA Next',sans-serif;font-weight:700;font-size:clamp(1.3rem,2.4vw,1.8rem);color:var(--emerald-900);margin:0 0 .8rem;line-height:1.2;}
    .em-hl__text{color:var(--grey-700,#4a5551);font-size:1rem;line-height:1.62;margin:0;}

    /* Slide type GALLERY : grande image au bord + légende dessous */
    .em-gal__media{aspect-ratio:16/9;overflow:hidden;background:var(--grey-100);box-shadow:0 2px 12px rgba(0,0,0,.06);}
    .em-gal__media img{width:100%;height:100%;object-fit:cover;display:block;}
    .em-gal__caption{max-width:60rem;margin:1.2rem auto 0;text-align:center;color:var(--grey-700,#4a5551);font-size:1.02rem;line-height:1.6;padding:0 1rem;}

    /* --- CARROUSEL MOBILE : diapositive quasi pleine largeur, pas de mise à
       l'échelle (elle rognait l'impression de netteté), visuel un peu plus haut
       pour que le sujet reste lisible sur un écran étroit --- */
    @media (max-width:720px){
      .em-slide{flex:0 0 92%;}
      .em-slide > *{transform:none;}
      .em-slide.is-active > *{transform:none;}
      .em-slider__viewport{padding:12px 0;cursor:grab;touch-action:pan-y;}
      .em-slider__track{gap:8px;}
      .em-gal__media{aspect-ratio:4/3;}
      .em-gal__caption{font-size:.95rem;padding:0 .25rem;}
    }

    /* --- COMPARAISON FINITIONS (2 cartes) --- */
    .em-versions{background:var(--off-white,#f4f6f5);}
    .em-versions__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.2rem,3vw,2rem);}
    .em-version{background:#fff;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06);display:flex;flex-direction:column;transition:transform .35s,box-shadow .35s;}
    .em-version:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(0,0,0,.1);}
    .em-version__media{overflow:hidden;background:var(--grey-100);}
    .em-version__media img{width:100%;height:auto;display:block;transition:transform .6s;}
    .em-version:hover .em-version__media img{transform:scale(1.05);}
    .em-version__body{padding:clamp(1.6rem,2.5vw,2.2rem);text-align:left;display:flex;flex-direction:column;flex:1;}
    .em-version__name{font-family:'SKODA Next',sans-serif;font-weight:700;font-size:1.5rem;color:#161718;margin:0 0 .7rem;line-height:1.15;}
    .em-version__desc{color:var(--grey-700,#4a5551);font-size:1rem;margin:0 0 1.8rem;}
    .em-version__link{margin-top:auto;display:inline-flex;align-items:center;gap:.45rem;font-family:'SKODA Next',sans-serif;font-weight:700;font-size:.82rem;color:#161718;}
    .em-version__link svg{width:16px;height:16px;transition:transform .25s;}
    .em-version__link:hover svg{transform:translateX(4px);}

    /* --- Données officielles (tarifs, motorisations, finitions) --- */
    .em-data{background:#f0f0f0;}
    .em-keyfig{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1px;background:var(--grey-200,#d9dddb);margin:0 auto clamp(1.8rem,4vw,2.6rem);max-width:1000px;}
    .em-keyfig>div{background:#fff;padding:1.15rem 1.3rem;}
    .em-keyfig dt{font-size:.74rem;text-transform:uppercase;letter-spacing:.14em;color:#5a625f;margin:0 0 .35rem;}
    .em-keyfig dd{margin:0;font-family:'SKODA Next',sans-serif;font-weight:700;font-size:1.55rem;color:var(--emerald-900);}
    /* Tableau des caractéristiques : la motorisation reste alignée à gauche
       (libellés longs), les colonnes de mesures sont centrées et de largeur
       égale — sinon les chiffres flottaient à gauche de cases larges. */
    .em-engines{width:100%;max-width:940px;margin:0 auto clamp(1.8rem,4vw,2.6rem);border-collapse:collapse;background:#fff;font-size:.92rem;table-layout:fixed;}
    .em-engines th,.em-engines td{padding:.75rem .6rem;text-align:center;border-bottom:1px solid var(--grey-200,#d9dddb);}
    .em-engines th:first-child,.em-engines td:first-child{text-align:left;width:28%;padding-left:1.1rem;font-weight:500;}
    .em-engines tbody tr:nth-child(even){background:var(--off-white,#f7f9f8);}
    .em-engines tbody tr:last-child td{border-bottom:0;}
    .em-engines__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
    @media (max-width:720px){
      .em-engines{table-layout:auto;min-width:620px;font-size:.86rem;}
      .em-engines th:first-child,.em-engines td:first-child{width:auto;white-space:nowrap;}
    }
    .em-engines thead th{background:var(--emerald-900);color:#fff;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;}
    .em-trims{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.1rem;max-width:1000px;margin:0 auto;}
    .em-trim{background:#fff;padding:1.4rem 1.5rem;}
    .em-trim__name{font-family:'SKODA Next',sans-serif;font-size:1.25rem;font-weight:700;color:var(--emerald-900);margin:0 0 .2rem;}
    .em-trim__price{margin:0 0 .9rem;color:#5a625f;font-size:.9rem;}
    .em-trim__price strong{color:#161718;font-size:1.05rem;}
    .em-trim__list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem;font-size:.92rem;}
    .em-trim__list li{padding-left:1.1rem;position:relative;}
    .em-trim__list li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;background:var(--green-electric);}
    @media (max-width:640px){.em-engines{font-size:.82rem;}.em-engines th:nth-child(5),.em-engines td:nth-child(5),.em-engines th:nth-child(6),.em-engines td:nth-child(6){display:none;}}


    /* --- ONGLETS génériques --- */
    .em-tabs__nav{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;border-bottom:1px solid var(--grey-200,#d9dddb);margin-bottom:2rem;overflow-x:auto;}
    .em-tab{appearance:none;background:none;border:0;border-bottom:2px solid transparent;padding:.8rem 1.15rem;font:inherit;font-weight:600;font-size:.95rem;color:var(--grey-600,#6a7570);cursor:pointer;white-space:nowrap;transition:color .25s,border-color .25s;}
    .em-tab:hover{color:var(--emerald-900);}
    .em-tab.is-active{color:var(--emerald-900);border-bottom-color:var(--green-accent);background-color:#1617180F;}
    .em-tabs__panel{display:none;}
    .em-tabs__panel.is-active{display:block;animation:emFade .4s ease;}
    @keyframes emFade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}

    /* Panneau sécurité : image + légende */
    .em-secu__media{width:100%;height:clamp(220px,42vw,400px);overflow:hidden;background:var(--grey-100);}
    .em-secu__media img{width:100%;height:100%;object-fit:cover;display:block;}
    .em-secu__caption{max-width:56rem;margin:1.1rem auto 0;text-align:center;color:var(--grey-700,#4a5551);font-size:1rem;line-height:1.6;}

    /* Panneau détails : 3 vignettes image + légende */
    .em-details{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2.5vw,1.8rem);}
    .em-details--four{grid-template-columns:repeat(4,1fr);}
    .em-detail{background:#fff;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06);display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s;}
    .em-detail:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(0,0,0,.1);}
    .em-detail__media{aspect-ratio:4/3;overflow:hidden;background:var(--grey-100);}
    .em-detail__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s;}
    .em-detail:hover .em-detail__media img{transform:scale(1.05);}
    .em-detail__label{margin:0;padding:1.3rem 1.4rem 2.8rem;text-align:left;font-family:'SKODA Next',sans-serif;font-weight:600;color:#161718;font-size:1.05rem;line-height:1.3;}

    /* --- CONNECTIVITÉ (image + texte) --- */
    .em-connect__grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:stretch;background:#fff;min-height:clamp(340px,40vw,460px);box-shadow:0 2px 12px rgba(0,0,0,.06);}
    .em-connect__media{overflow:hidden;background:var(--grey-100);}
    .em-connect__media img{width:100%;height:100%;object-fit:cover;display:block;}
    .em-connect__body{align-self:center;padding:clamp(1.6rem,3vw,2.8rem);}
    .em-connect__title{font-family:'SKODA Next',sans-serif;font-weight:700;font-size:42px;color:#161718;margin:0 0 1rem;line-height:1.2;}
    .em-connect__text{color:var(--grey-700,#4a5551);font-size:1.02rem;line-height:1.65;margin:0;}

    /* --- DIMENSIONS + ÉNERGIE --- */
    .em-dims{text-align:center;}
    .em-dims__img{max-width:900px;width:100%;margin:0 auto;display:block;}
    .em-dims__intro{max-width:46rem;margin:1.6rem auto 0;}
    .em-energy{text-align:center;background:var(--off-white,#f4f6f5);padding-top:clamp(1.2rem,2.5vw,2rem);padding-bottom:clamp(1.2rem,2.5vw,2rem);}
    .em-energy__img{max-width:520px;width:100%;margin:1.4rem auto 0;display:block;}
    .em-energy__line{font-family:'SKODA Next',sans-serif;font-weight:600;color:var(--emerald-900);font-size:1.05rem;margin:1rem 0 0;}

    .em-legal{max-width:1000px;margin:0 auto;padding:2rem clamp(1.1rem,4vw,2rem);font-size:.82rem;color:var(--grey-600,#6a7570);line-height:1.6;text-align:center;}
    /* Bloc Informations en carte blanche */
    .em-info__card{max-width:1000px;margin:0 auto;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.06);padding:clamp(2rem,4vw,3.4rem);text-align:center;}
    .em-info__card .em-section__title{margin-bottom:1.2rem;}
    .em-info__card .em-legal{max-width:46rem;padding:0;margin:0 auto;}

    /* --- RESPONSIVE --- */
    @media (max-width:820px){
      .em-hl{grid-template-columns:1fr;min-height:auto;}
      .em-hl__media{aspect-ratio:16/10;}
      .em-connect__grid{grid-template-columns:1fr;min-height:auto;}
      .em-connect__media{aspect-ratio:16/10;}
      .em-versions__grid{grid-template-columns:1fr;max-width:460px;}
      .em-details{grid-template-columns:1fr;max-width:420px;margin-inline:auto;}
      .em-arrow--prev{left:4px;}.em-arrow--next{right:4px;}
      .em-arrow{background:rgba(255,255,255,.85);}
    }
    @media (max-width:560px){
      .em-tabs__nav{justify-content:flex-start;}
      .em-arrow{top:30%;width:38px;height:38px;}
    }