:root{
    --noir:#f5efe0;
    --noir-2:#ece0c8;
    --panel:#fffbf2;
    --gold:#c9a35f;
    --gold-pale:#96702e;
    --gold-dim:#5f4a20;
    --bronze:#4d3c22;
    --cream:#211b13;
    --cream-dim:#6e6455;
    --text-on-gold:#1c150c;
    --line:rgba(154,122,58,0.35);
    --serif:Georgia,'Iowan Old Style','Times New Roman',serif;
    --sans:'Helvetica Neue',Helvetica,Arial,sans-serif;
  }

  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;overflow-x:hidden;width:100%;}
  @media (prefers-reduced-motion:reduce){
    html{scroll-behavior:auto;}
    *{animation-duration:0.01ms !important; transition-duration:0.01ms !important;}
  }

  body{
    background:var(--noir);
    color:var(--cream);
    font-family:var(--sans);
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
    width:100%;
    position:relative;
  }

  a{color:inherit;text-decoration:none;}
  img{display:block;max-width:100%;}
  :focus-visible{outline:1px solid var(--gold-pale);outline-offset:4px;}

  .wrap{max-width:1180px;margin:0 auto;padding:0 40px;}

  .label{
    font-family:var(--sans);
    font-size:10.5px;
    font-weight:600;
    letter-spacing:4px;
    text-transform:uppercase;
    color:var(--gold);
  }

  /* ============ NAV ============ */
  header.nav{
    position:fixed;top:0;left:0;right:0;z-index:100;
    background:rgba(5,5,5,0.86);
    backdrop-filter:blur(8px);
    border-bottom:1px solid var(--line);
  }
  .nav-inner{
    max-width:1180px;margin:0 auto;padding:18px 40px;
    display:flex;align-items:center;justify-content:space-between;
  }
  .brand{display:flex;align-items:center;gap:13px;}
  .brand img{width:44px;height:44px;border-radius:50%;box-shadow:0 0 0 1px rgba(201,163,95,0.55);}
  .brand-word{
    font-family:var(--serif);font-weight:700;font-size:16px;
    letter-spacing:3px;text-transform:uppercase;color:var(--gold-pale);
  }
  nav.links{display:flex;gap:38px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;}
  nav.links a{color:var(--cream-dim);transition:color 0.2s;}
  nav.links a:hover{color:var(--gold-pale);}
  .btn{
    display:inline-flex;align-items:center;gap:8px;
    padding:12px 24px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;
    border:1px solid var(--gold);color:var(--gold-pale);background:transparent;
    font-family:var(--sans);cursor:pointer;
    transition:all 0.25s ease;white-space:nowrap;
  }
  .btn:hover{background:var(--gold);color:var(--text-on-gold);}
  .btn-solid{background:linear-gradient(155deg, var(--gold-pale) 0%, var(--gold) 55%, var(--gold-pale) 100%);color:var(--text-on-gold);font-weight:700;border:1px solid var(--gold-dim);box-shadow:0 4px 14px rgba(95,74,32,0.25);position:relative;overflow:hidden;}
  .btn-solid::after{
    content:"";
    position:absolute;top:0;left:-150%;width:55%;height:100%;
    background:linear-gradient(120deg, transparent, rgba(255,255,255,0.65), transparent);
    transform:skewX(-20deg);
    animation:btnShine 4.5s ease-in-out infinite;
    pointer-events:none;
  }
  @keyframes btnShine{
    0%{left:-150%;}
    45%{left:150%;}
    100%{left:150%;}
  }

  /* ============ SHIMMER TEXT ============ */
  .shimmer{
    background:linear-gradient(100deg, var(--gold-pale) 25%, #fff6e0 45%, var(--gold-pale) 65%);
    background-size:220% auto;
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    animation:shimmerMove 5s linear infinite;
  }
  @keyframes shimmerMove{
    0%{background-position:0% center;}
    100%{background-position:-220% center;}
  }

  /* ============ ROTATING GLOW RING ============ */
  .glow-ring{position:relative;}
  .glow-ring::before{
    content:"";
    position:absolute;inset:-4px;
    border-radius:50%;
    padding:2px;
    background:conic-gradient(from 0deg, transparent 0%, var(--gold-pale) 8%, transparent 20%, transparent 100%);
    -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    animation:spinGlow 3.2s linear infinite;
    pointer-events:none;
  }
  @keyframes spinGlow{ to{ transform:rotate(360deg); } }

  @media (prefers-reduced-motion:reduce){
    .btn-solid::after{display:none;}
    .shimmer{animation:none;-webkit-text-fill-color:var(--gold-pale);}
    .glow-ring::before{animation:none;display:none;}
  }

  .hero h1 em, .section-head h2 em, .export-body h3 em, .metier-main h3 em, .dossier-body h3 em, .contact-grid h2 em{
    background:linear-gradient(100deg, var(--gold-pale) 25%, #fff6e0 45%, var(--gold-pale) 65%);
    background-size:220% auto;
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    animation:shimmerMove 5s linear infinite;
  }
  @media (prefers-reduced-motion:reduce){
    .hero h1 em, .section-head h2 em, .export-body h3 em, .metier-main h3 em, .dossier-body h3 em, .contact-grid h2 em{
      animation:none;-webkit-text-fill-color:var(--gold-pale);
    }
  }
  .btn-solid:hover{background:var(--gold-pale);border-color:var(--gold-pale);}
  .menu-toggle{
    display:none;background:none;border:1px solid var(--line);color:var(--gold-pale);
    width:38px;height:38px;font-size:16px;cursor:pointer;
  }

  /* ============ HERO ============ */
  .hero{
    position:relative;
    display:block;
    overflow:hidden;
    background:var(--noir);
  }
  .hero-seam-text{
    position:absolute;
    grid-row:1;grid-column:1/-1;
    z-index:5;
    font-family:Georgia,'Iowan Old Style','Times New Roman',serif;
    font-style:italic;font-weight:700;
    letter-spacing:0.5px;
    white-space:nowrap;
    pointer-events:none;
    background:linear-gradient(100deg, var(--gold) 20%, #fff8e3 42%, var(--gold-pale) 50%, var(--gold) 62%, #fff8e3 80%);
    background-size:240% auto;
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    animation:textShine 3.5s linear infinite;
    filter:drop-shadow(0 2px 8px rgba(0,0,0,0.9));
  }
  @media (min-width:961px){
    .hero-seam-text{left:53.5%;top:calc(50% + 68px);transform:translateX(-50%);font-size:13px;}
  }
  @media (max-width:960px){
    .hero-seam-text{left:32px;top:calc(0px + 68px);font-size:13px;}
  }
  @media (prefers-reduced-motion:reduce){
    .hero-seam-text{animation:none;-webkit-text-fill-color:var(--gold-pale);}
  }
  @keyframes textShine{
    0%{background-position:0% center;}
    100%{background-position:-240% center;}
  }
  .hero-visual{
    position:relative;
    overflow:hidden;
    order:2;
    height:100%;
  }
  .hero-bg{
    position:absolute;inset:-6% -10% -6% -16%;
    background-image:url('images/misc-extra1.jpg');
    background-size:cover;
    background-position:center 30%;
    filter:grayscale(0.1) contrast(1.08) saturate(1.05);
    will-change:transform;
  }
  .hero-visual::after{
    content:"";
    position:absolute;inset:0;
    background:linear-gradient(180deg, rgba(5,5,5,0.05) 0%, rgba(5,5,5,0.2) 60%, rgba(5,5,5,0.55) 100%);
  }
  .hero-fade{display:none;}
  .hero-text-panel{
    position:relative;
    z-index:2;
    background:var(--noir);
    display:flex;flex-direction:column;justify-content:center;
    padding:64px 24px 40px;
  }
  .hero-inner{position:relative;max-width:680px;margin:0 auto;text-align:center;}
  .hero-ring{
    width:92px;height:92px;border-radius:50%;
    border:1px solid var(--gold);
    display:flex;align-items:center;justify-content:center;
    margin-bottom:34px;
    position:relative;
  }
  .amazigh-badge{
    position:relative;
    width:100%;height:100%;
    border-radius:50%;
    overflow:hidden;
    z-index:2;
  }
  .amazigh-icon{
    width:112%;height:112%;
    display:block;
    object-fit:cover;
    object-position:center;
    position:absolute;
    top:50%;left:50%;
    transform:translate(-50%,-50%);
  }
  .amazigh-shine{
    position:absolute;
    top:-60%;left:-60%;
    width:45%;height:220%;
    background:linear-gradient(75deg,
      transparent 30%,
      rgba(255,255,255,0.15) 42%,
      rgba(255,255,255,0.85) 50%,
      rgba(255,255,255,0.15) 58%,
      transparent 70%);
    mix-blend-mode:screen;
    transform:rotate(0deg);
    animation:amazighShine 4.5s ease-in-out infinite;
    pointer-events:none;
  }
  @keyframes amazighShine{
    0%{left:-60%;}
    35%{left:130%;}
    100%{left:130%;}
  }
  @media (prefers-reduced-motion:reduce){
    .amazigh-shine{display:none;}
  }
  .hero .label{display:block;margin-bottom:20px;}
  .hero h1{
    font-family:var(--serif);
    font-weight:400;
    font-size:clamp(34px, 4.4vw, 58px);
    line-height:1.1;
    letter-spacing:0.5px;
  }
  .hero h1 em{font-style:italic;color:var(--gold-pale);}
  .hero-subtag{
    font-family:var(--serif);font-style:italic;
    font-size:19px;color:var(--gold-pale);
    margin-top:16px;
  }
  .hero p.lede{
    margin-top:26px;font-size:16px;color:var(--cream-dim);
    max-width:460px;line-height:1.75;font-weight:300;
  }
  .hero-tagline{
    margin-top:18px;
    font-family:var(--serif);font-style:italic;font-size:14px;
    color:var(--gold);letter-spacing:0.5px;
  }
  .hero-actions{margin-top:26px;display:flex;gap:16px;flex-wrap:wrap;justify-content:center;}

  /* seam badge: gold ring straddling the diagonal cut */
  .seam-mark{
    position:absolute;
    grid-row:1;grid-column:1/-1;
    left:53.5%;top:50%;
    transform:translate(-50%,-50%);
    z-index:5;
    width:96px;height:96px;
    border-radius:50%;
    background:var(--noir);
    border:1px solid var(--gold);
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 0 0 10px var(--noir), 0 0 40px rgba(0,0,0,0.5);
  }
  .seam-mark img{width:72px;height:72px;border-radius:50%;}

  .scroll-cue{
    position:absolute;grid-row:1;grid-column:1/-1;bottom:38px;left:64px;z-index:6;
    display:flex;align-items:center;gap:12px;
    font-size:10.5px;letter-spacing:2.5px;text-transform:uppercase;
    color:var(--cream-dim);
  }
  .scroll-cue::before{
    content:"";width:1px;height:34px;background:var(--gold-dim);
  }

  @media (max-width:960px){
    .hero{grid-template-columns:1fr;grid-template-rows:42vh 1fr;}
    .hero-visual{order:1;clip-path:polygon(0 0, 100% 0, 100% 80%, 0 100%);}
    .hero-text-panel{order:2;padding:64px 28px 90px;}
    .seam-mark{left:32px;top:0;transform:translate(0,-50%);}
    .scroll-cue{left:28px;}
  }

  /* ============ HERO PHOTO VARIANT (Algérie) ============ */
  .hero.hero-photo{min-height:100svh;background:var(--noir);}
  .hero-photo .hero-bg{
    position:absolute;top:0;left:0;right:0;
    height:100vh;height:100svh;
    background-size:cover;
    background-position:80% center;
    will-change:transform;
  }
  .hero-photo .hero-photo-overlay{
    position:absolute;inset:0;z-index:1;pointer-events:none;
    background:
      linear-gradient(0deg, var(--noir) 0%, rgba(245,239,224,0) 14%),
      linear-gradient(100deg, rgba(5,5,5,0.95) 0%, rgba(5,5,5,0.86) 26%, rgba(5,5,5,0.5) 52%, rgba(5,5,5,0.14) 74%, rgba(5,5,5,0.02) 100%),
      linear-gradient(0deg, rgba(5,5,5,0.6) 0%, rgba(5,5,5,0.05) 22%, rgba(5,5,5,0) 55%, rgba(5,5,5,0.2) 100%);
  }
  .hero-photo .hero-text-panel{
    position:relative;z-index:2;background:transparent;
    min-height:100svh;padding:130px 24px 56px;
  }
  .hero-photo .hero-inner{text-align:left;margin:0;max-width:480px;}
  .hero-photo .hero-ring{margin-left:0;}
  .hero-photo h1{color:#f8f4ea;text-shadow:0 3px 18px rgba(0,0,0,0.75);}
  .hero-photo h1 em{
    color:var(--gold-pale);
    text-shadow:0 0 20px rgba(201,163,95,0.5), 0 3px 14px rgba(0,0,0,0.75);
  }
  .hero-photo .hero-subtag{color:var(--gold-pale);text-shadow:0 2px 12px rgba(0,0,0,0.7);}
  .hero-photo .lede{color:rgba(246,241,231,0.9);text-shadow:0 2px 10px rgba(0,0,0,0.65);}
  .hero-photo h1 .ar,
  .hero-photo .hero-subtag .ar,
  .hero-photo .lede .ar{color:rgba(201,163,95,0.8);}
  .hero-photo .hero-tagline{text-shadow:0 2px 10px rgba(0,0,0,0.7);}
  .hero-photo .hero-actions{justify-content:flex-start;}
  .hero-photo .scroll-cue{color:rgba(246,241,231,0.8);}
  .hero-photo .veh-search{
    background:rgba(5,5,5,0.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
    border-color:rgba(201,163,95,0.28);
  }

  /* hero CTA buttons: icon + arrow + subtle motion */
  .hero-photo .btn{display:inline-flex;align-items:center;gap:10px;}
  .hero-photo .btn-icon{width:18px;height:18px;flex-shrink:0;fill:currentColor;}
  .hero-photo .btn-arrow{display:inline-block;transition:transform 0.25s ease;}
  .hero-photo .btn:hover .btn-arrow,
  .hero-photo .btn:active .btn-arrow{transform:translateX(4px);}
  .hero-photo .btn-hero-primary{
    box-shadow:0 0 22px rgba(201,163,95,0.4), 0 0 46px rgba(201,163,95,0.15);
    transition:box-shadow 0.3s ease, transform 0.2s ease;
  }
  .hero-photo .btn-hero-primary:hover,
  .hero-photo .btn-hero-primary:active{
    box-shadow:0 0 30px rgba(201,163,95,0.55), 0 0 60px rgba(201,163,95,0.22);
    transform:translateY(-1px);
  }
  .hero-photo .btn-hero-outline{
    background:rgba(5,5,5,0.4);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
    border-color:rgba(201,163,95,0.55);
    transition:background 0.25s ease, border-color 0.25s ease, transform 0.2s ease;
  }
  .hero-photo .btn-hero-outline:hover,
  .hero-photo .btn-hero-outline:active{
    background:rgba(201,163,95,0.12);border-color:var(--gold);transform:translateY(-1px);
  }
  .hero-photo .btn-hero-subtle{opacity:0.82;border-color:rgba(201,163,95,0.35);}
  .hero-photo .btn-hero-subtle:hover,
  .hero-photo .btn-hero-subtle:active{opacity:1;}

  /* soft entrance animation on load */
  .hero-photo .hero-ring,
  .hero-photo h1,
  .hero-photo .hero-subtag,
  .hero-photo .lede,
  .hero-photo .hero-tagline,
  .hero-photo .hero-actions,
  .hero-photo .veh-search{
    opacity:0;animation:heroFadeUp 0.85s ease forwards;
  }
  .hero-photo .hero-ring{animation-delay:0.05s;}
  .hero-photo h1{animation-delay:0.15s;}
  .hero-photo .hero-subtag{animation-delay:0.28s;}
  .hero-photo .lede{animation-delay:0.4s;}
  .hero-photo .hero-tagline{animation-delay:0.5s;}
  .hero-photo .hero-actions{animation-delay:0.6s;}
  .hero-photo .veh-search{animation-delay:0.72s;}
  @keyframes heroFadeUp{
    from{opacity:0;transform:translateY(14px);}
    to{opacity:1;transform:translateY(0);}
  }
  @media (prefers-reduced-motion:reduce){
    .hero-photo .hero-ring, .hero-photo h1, .hero-photo .hero-subtag, .hero-photo .lede,
    .hero-photo .hero-tagline, .hero-photo .hero-actions, .hero-photo .veh-search{
      opacity:1;animation:none;
    }
  }
  @media (max-width:600px){
    .hero-photo .hero-bg{background-position:72% center;}
    .hero-photo .hero-text-panel{padding:110px 20px 48px;}
    .hero-photo .hero-inner{max-width:100%;}
  }
  @media (min-width:601px) and (max-width:960px){
    .hero-photo .hero-bg{background-position:88% center;}
    .hero-photo .hero-photo-overlay{
      background:
        linear-gradient(0deg, var(--noir) 0%, rgba(245,239,224,0) 14%),
        linear-gradient(100deg, rgba(5,5,5,0.95) 0%, rgba(5,5,5,0.9) 34%, rgba(5,5,5,0.65) 58%, rgba(5,5,5,0.25) 78%, rgba(5,5,5,0.05) 100%),
        linear-gradient(0deg, rgba(5,5,5,0.6) 0%, rgba(5,5,5,0.05) 22%, rgba(5,5,5,0) 55%, rgba(5,5,5,0.2) 100%);
    }
    .hero-photo .hero-inner{max-width:440px;}
  }
  @media (min-width:961px){
    .hero-photo .hero-inner{max-width:560px;}
    .hero-photo .hero-bg{background-position:64% center;}
  }


  /* ============ SECTION SHARED ============ */
  section{padding:130px 0;position:relative;}
  .section-head{max-width:620px;margin-bottom:70px;}
  .section-head .label{margin-bottom:18px;display:block;}
  .section-head h2{
    font-family:var(--serif);font-weight:400;
    font-size:clamp(30px,3.6vw,46px);line-height:1.18;
  }
  .section-head h2 em{font-style:italic;color:var(--gold-pale);}
  .section-head p{margin-top:20px;color:var(--cream-dim);font-size:15px;line-height:1.8;font-weight:300;max-width:480px;}

  .rule{height:1px;background:var(--line);}

  /* ============ SCROLL REVEAL ============ */
  /* Visible par défaut : le contenu ne doit jamais dépendre du chargement du JS
     pour être vu. JS ajoute .reveal-armed uniquement aux éléments hors écran
     au chargement, pour leur donner l'effet d'apparition au scroll. */
  .reveal.reveal-armed{
    opacity:0;
    transform:translateY(28px);
    transition:opacity 0.9s cubic-bezier(.16,.8,.24,1), transform 0.9s cubic-bezier(.16,.8,.24,1);
  }
  .reveal.reveal-armed.is-visible{opacity:1;transform:translateY(0);}
  .reveal-delay-1{transition-delay:0.08s;}
  .reveal-delay-2{transition-delay:0.16s;}
  .reveal-delay-3{transition-delay:0.24s;}
  @media (prefers-reduced-motion:reduce){
    .reveal.reveal-armed{opacity:1;transform:none;transition:none;}
  }

  /* ============ MÉTIER — achat-revente vs dépôt-vente ============ */
  .metier{
    border-top:1px solid var(--line);
  }
  .metier-main{
    max-width:720px;
    position:relative;
    padding-bottom:8px;
  }
  .metier-main .num-ring{
    width:64px;height:64px;border-radius:50%;border:1px solid var(--gold);
    display:flex;align-items:center;justify-content:center;
    font-family:var(--serif);font-style:italic;color:var(--gold-pale);font-size:22px;
    margin-bottom:32px;
  }
  .metier-main h3{
    font-family:var(--serif);font-size:clamp(32px,4vw,46px);font-weight:400;line-height:1.18;
  }
  .metier-main h3 em{font-style:italic;color:var(--gold-pale);}
  .metier-main p{margin-top:24px;color:var(--cream-dim);font-size:16px;line-height:1.9;font-weight:300;max-width:600px;}
  .metier-main .tag{
    display:inline-block;margin-top:28px;
    font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--text-on-gold);
    background:var(--gold);font-weight:700;padding:9px 16px;
  }
  .metier-footnote{
    display:flex;gap:28px;flex-wrap:wrap;align-items:baseline;
    margin-top:56px;padding-top:26px;
    border-top:1px solid var(--line);
  }
  .mf-label{
    font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold-dim);
    white-space:nowrap;flex-shrink:0;
  }
  .metier-footnote p{
    margin:0;font-size:13px;color:var(--cream-dim);font-weight:300;line-height:1.75;max-width:560px;
  }

  /* ============ EXPORT ALGÉRIE ============ */
  .export{
    background:var(--panel);
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
  }
  .export-grid{
    display:grid;
    grid-template-columns:0.9fr 1.1fr;
    align-items:center;
    gap:70px;
  }
  .export-visual{
    position:relative;
    display:flex;flex-direction:column;align-items:center;
    gap:22px;
  }
  .flag-orbit-wrap{
    position:relative;
    width:280px;height:280px;
    margin:0 auto;
  }
  .flag-medallion{
    position:relative;
    width:100%;height:100%;
    border-radius:50%;
    overflow:hidden;
    border:1px solid var(--gold);
    box-shadow:0 0 0 8px rgba(5,5,5,1), 0 0 0 9px var(--line), 0 0 40px rgba(201,163,95,0.2);
    isolation:isolate;
    transform:translateZ(0);
    -webkit-transform:translateZ(0);
  }
  .flag-medallion svg{width:100%;height:100%;display:block;-webkit-mask-image:none;}
  .orbit-track{
    position:absolute;
    inset:-13px;
    border-radius:50%;
    animation:orbitSpin 6s linear infinite;
    pointer-events:none;
  }
  .orbit-dot{
    position:absolute;
    top:-3px;left:50%;
    width:11px;height:11px;
    border-radius:50%;
    background:var(--gold-pale);
    transform:translateX(-50%);
    box-shadow:0 0 8px 3px rgba(233,211,160,0.9), 0 0 18px 6px rgba(201,163,95,0.55);
  }
  @keyframes orbitSpin{ to{ transform:rotate(360deg); } }
  .orbit-badge{
    position:absolute;
    top:-20px;left:50%;
    display:flex;align-items:baseline;gap:6px;
    background:var(--noir);
    border:1px solid var(--gold);
    padding:7px 16px;
    border-radius:20px;
    font-size:11px;letter-spacing:1px;color:var(--gold-pale);
    white-space:nowrap;
    opacity:0;
    z-index:6;
    animation:orbitBadge 6s ease-in-out infinite;
  }
  .orbit-badge .handle{color:var(--cream-dim);font-size:10px;}
  @keyframes orbitBadge{
    0%{opacity:0; transform:translateX(-50%) translateY(6px) scale(0.85);}
    4%{opacity:1; transform:translateX(-50%) translateY(0) scale(1);}
    11%{opacity:1; transform:translateX(-50%) translateY(0) scale(1);}
    18%{opacity:0; transform:translateX(-50%) translateY(6px) scale(0.85);}
    100%{opacity:0;}
  }
  @media (prefers-reduced-motion:reduce){
    .orbit-track{animation:none;}
    .orbit-dot{top:-3px;left:50%;}
    .orbit-badge{animation:none;opacity:1;top:-20px;}
  }
  .flag-medallion::after{
    content:"";
    position:absolute;inset:0;
    border-radius:50%;
    box-shadow:inset 0 0 40px rgba(0,0,0,0.55);
  }
  .flag-caption{
    text-align:center;
  }
  .flag-caption .k{
    font-family:var(--serif);font-style:italic;font-size:17px;color:var(--gold-pale);
  }
  .flag-caption .s{
    display:block;margin-top:6px;
    font-size:10.5px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold-dim);
  }
  .dz-cities{
    margin-top:22px;
    display:flex;flex-wrap:wrap;gap:9px;
  }
  .dz-cities button{
    font-family:var(--sans);
    font-size:11px;letter-spacing:1px;text-transform:uppercase;
    color:var(--gold-pale);
    background:none;
    border:1px solid var(--gold-dim);
    padding:7px 13px;
    cursor:pointer;
    transition:all 0.2s ease;
  }
  .dz-cities button:hover, .dz-cities button:focus-visible{
    background:var(--gold);color:var(--text-on-gold);border-color:var(--gold);
  }

  /* ============ PORT CITY MODAL ============ */
  .port-modal{
    position:fixed;inset:0;z-index:200;
    display:flex;align-items:center;justify-content:center;
    padding:24px;
    opacity:0;pointer-events:none;
    transition:opacity 0.3s ease;
  }
  .port-modal.open{opacity:1;pointer-events:auto;}
  .port-modal-backdrop{
    position:absolute;inset:0;
    background:rgba(5,5,5,0.82);
    backdrop-filter:blur(4px);
  }
  .port-modal-card{
    position:relative;z-index:2;
    width:100%;max-width:420px;
    background:var(--panel);
    border:1px solid var(--gold);
    box-shadow:0 30px 80px rgba(0,0,0,0.6);
    transform:translateY(16px) scale(0.98);
    transition:transform 0.35s cubic-bezier(.16,.8,.24,1);
  }
  .port-modal.open .port-modal-card{transform:translateY(0) scale(1);}
  .port-modal-close{
    position:absolute;top:14px;right:14px;z-index:3;
    width:34px;height:34px;
    background:none;border:1px solid var(--line);color:var(--gold-pale);
    font-size:18px;line-height:1;cursor:pointer;
  }
  .port-modal-close:hover{border-color:var(--gold);}
  .port-modal-visual{
    height:220px;
    overflow:hidden;
    position:relative;
    border-bottom:1px solid var(--line);
  }
  .port-modal-visual img{
    width:100%;height:100%;object-fit:cover;
    display:block;
  }
  .port-modal-visual::after{
    content:"";
    position:absolute;inset:0;
    background:linear-gradient(180deg, transparent 55%, rgba(5,5,5,0.85) 100%);
  }
  .port-icon{display:none;}
  .port-modal-body{padding:32px 30px 34px;}
  .port-modal-body h4{
    font-family:var(--serif);font-size:26px;font-weight:400;margin-top:10px;color:var(--cream);
  }
  .port-modal-body p{
    margin-top:14px;font-size:14px;color:var(--cream-dim);line-height:1.75;font-weight:300;
  }

  .veh-modal{
    position:fixed;inset:0;z-index:200;
    display:flex;align-items:center;justify-content:center;
    padding:24px;
    opacity:0;pointer-events:none;
    transition:opacity 0.3s ease;
  }
  .veh-modal.open{opacity:1;pointer-events:auto;}
  .veh-modal-card{
    position:relative;z-index:2;
    width:100%;max-width:560px;max-height:90vh;overflow-y:auto;
    background:var(--panel);
    border:1px solid var(--gold);
    box-shadow:0 30px 80px rgba(0,0,0,0.6);
    transform:translateY(16px) scale(0.98);
    transition:transform 0.35s cubic-bezier(.16,.8,.24,1);
  }
  .veh-modal.open .veh-modal-card{transform:translateY(0) scale(1);}
  .veh-modal-gallery{
    position:relative;
    height:320px;
    overflow:hidden;
    border-bottom:1px solid var(--line);
    background:var(--noir);
  }
  .veh-modal-gallery img{
    width:100%;height:100%;object-fit:cover;display:block;
  }
  .veh-gallery-nav{
    position:absolute;top:50%;transform:translateY(-50%);
    width:38px;height:38px;
    background:rgba(5,5,5,0.55);border:1px solid var(--gold-dim);color:var(--gold-pale);
    font-size:22px;line-height:1;cursor:pointer;z-index:3;
  }
  .veh-gallery-nav:hover{border-color:var(--gold);background:rgba(5,5,5,0.8);}
  .veh-gallery-nav.prev{left:12px;}
  .veh-gallery-nav.next{right:12px;}
  .veh-gallery-dots{
    position:absolute;bottom:12px;left:0;right:0;
    display:flex;justify-content:center;gap:6px;z-index:3;
  }
  .veh-gallery-dots span{
    width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.4);cursor:pointer;
  }
  .veh-gallery-dots span.active{background:var(--gold);}
  .veh-modal-body{padding:28px 28px 32px;}
  .veh-modal-body h4{
    font-family:var(--serif);font-size:24px;font-weight:400;color:var(--cream);
  }

  .veh-page{
    position:fixed;inset:0;z-index:300;
    background:var(--noir);
    overflow-y:auto;
    display:none;
  }
  .veh-page.open{display:block;}
  .veh-page-topbar{
    position:sticky;top:0;z-index:5;
    background:var(--noir);border-bottom:1px solid var(--line);
    padding:16px 20px;
  }
  .veh-page-back{
    background:none;border:1px solid var(--gold-dim);color:var(--gold-pale);
    font-size:14px;padding:9px 18px;cursor:pointer;letter-spacing:0.03em;
  }
  .veh-page-back:hover{border-color:var(--gold);color:var(--gold);}
  .veh-page-inner{max-width:720px;margin:0 auto;padding:0 20px 60px;}
  .veh-page-gallery{
    position:relative;width:100%;height:360px;overflow:hidden;
    margin-top:20px;background:var(--panel);border:1px solid var(--line);
  }
  .veh-page-gallery img{width:100%;height:100%;object-fit:cover;display:block;}
  .veh-page-body{padding:28px 0 32px;}
  .veh-page-body h4{
    font-family:var(--serif);font-size:28px;font-weight:400;color:var(--cream);
  }
  @media (max-width:600px){
    .veh-page-gallery{height:260px;}
  }
  .vp-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:2px;}
  .vp-thumbs img{
    width:64px;height:48px;object-fit:cover;flex-shrink:0;cursor:pointer;
    opacity:0.5;border:1px solid transparent;transition:opacity 0.2s ease, border-color 0.2s ease;
  }
  .vp-thumbs img.active{opacity:1;border-color:var(--gold);}

  /* ============ FICHE VÉHICULE — vp-* (bloc structuré) ============ */
  .vp-head{padding-top:6px;}
  .vp-head .label{display:block;margin-bottom:10px;}
  .vp-head h4{font-family:var(--serif);font-size:26px;font-weight:400;color:var(--cream);line-height:1.22;}
  .vp-quickspecs{
    display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
    margin-top:22px;padding-top:20px;border-top:1px solid var(--line);
  }
  .vp-quickspecs div{display:flex;flex-direction:column;gap:5px;}
  .vp-quickspecs .qs-v{font-family:var(--serif);font-size:16px;color:var(--gold-pale);}
  .vp-quickspecs .qs-k{font-size:9.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--cream-dim);}

  .vp-price-card{margin-top:30px;background:var(--panel);border:1px solid var(--line);padding:26px 26px 28px;}
  .vp-currency-toggle{display:flex;gap:0;margin-bottom:16px;border:1px solid var(--line);width:fit-content;}
  .vp-currency-toggle .cur-btn{
    background:none;border:none;color:var(--cream-dim);font-family:var(--sans);cursor:pointer;
    font-size:11px;letter-spacing:1px;padding:7px 16px;transition:all 0.2s ease;
  }
  .vp-currency-toggle .cur-btn.active{background:var(--gold);color:var(--text-on-gold);font-weight:700;}
  .vp-price-card > .label{display:block;margin-bottom:12px;}
  .vp-price-big{font-family:var(--serif);font-size:34px;color:var(--gold-pale);display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;}
  .vp-price-ht{margin-top:5px;font-size:12.5px;color:var(--cream-dim);font-weight:300;}
  .vp-price-bank{margin-top:8px;font-size:12.5px;color:var(--gold-dim);font-weight:400;padding-top:8px;border-top:1px dashed var(--line);}
  .sim-regime-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px;}
  .sim-regime-btn{
    background:none;border:1px solid var(--line);color:var(--cream-dim);cursor:pointer;
    font-family:var(--sans);font-size:12px;letter-spacing:0.5px;padding:10px 18px;transition:all 0.2s ease;
  }
  .sim-regime-btn.active{background:var(--gold);color:var(--text-on-gold);font-weight:700;border-color:var(--gold);}
  .vp-price-note{margin-top:16px;font-size:12px;color:var(--cream-dim);font-weight:300;line-height:1.7;}
  .vp-cta{display:flex;justify-content:center;width:100%;margin-top:20px;box-sizing:border-box;}

  .vp-trust{margin-top:26px;display:flex;flex-direction:column;}
  .vp-trust-item{display:flex;gap:15px;align-items:flex-start;padding:15px 0;border-bottom:1px solid var(--line);}
  .vp-trust-item:last-child{border-bottom:none;}
  .vt-icon{
    flex-shrink:0;width:32px;height:32px;border-radius:50%;border:1px solid var(--gold-dim);
    display:flex;align-items:center;justify-content:center;color:var(--gold-pale);font-size:13px;
  }
  .vp-trust-item strong{display:block;font-size:13.5px;color:var(--cream);font-weight:600;}
  .vp-trust-item p{margin-top:3px;font-size:12px;color:var(--cream-dim);font-weight:300;}

  .vp-tabs{margin-top:38px;display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--line);}
  .vp-tab{
    background:none;border:none;color:var(--cream-dim);font-family:var(--sans);
    font-size:12px;letter-spacing:0.4px;text-transform:uppercase;
    padding:12px 0;margin-right:24px;cursor:pointer;position:relative;
  }
  .vp-tab.active{color:var(--gold-pale);}
  .vp-tab.active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--gold);}
  .vp-panel{display:none;padding-top:22px;}
  .vp-panel.active{display:block;}
  .vp-table{width:100%;border-collapse:collapse;}
  .vp-table tr{border-bottom:1px solid var(--line);}
  .vp-table td{padding:12px 0;font-size:13px;color:var(--cream);}
  .vp-table td:first-child{color:var(--cream-dim);width:48%;}
  .vp-equip-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;}
  .vp-equip-list li{font-size:12.5px;color:var(--cream-dim);display:flex;gap:8px;align-items:baseline;}
  .vp-equip-list li::before{content:"—";color:var(--gold-pale);}
  .vp-export-note{font-size:13px;color:var(--cream-dim);line-height:1.85;font-weight:300;}

  .vp-export-sim{margin-top:14px;}
  .vp-export-toggle{width:100%;box-sizing:border-box;justify-content:center;}
  .vp-export-debrief{
    display:none;margin-top:14px;background:var(--panel);border:1px solid var(--line);padding:22px 24px 24px;
  }
  .vp-export-debrief.open{display:block;}
  .vp-debrief-line{
    display:flex;justify-content:space-between;gap:12px;font-size:13.5px;color:var(--cream-dim);
    padding:9px 0;border-bottom:1px solid var(--line);
  }
  .vp-debrief-line span:last-child{color:var(--cream);}
  .vp-debrief-line.total{border-bottom:none;padding-top:12px;font-size:15px;color:var(--cream);}
  .vp-debrief-line.total span{color:var(--gold-pale);font-family:var(--serif);font-weight:400;}
  .vp-debrief-dzd{
    margin-top:6px;font-family:var(--serif);font-size:22px;color:var(--gold-pale);text-align:right;
  }
  .vp-debrief-note{margin-top:16px;font-size:11.5px;color:var(--cream-dim);font-weight:300;line-height:1.7;}
  .export-body h3{
    font-family:var(--serif);font-size:34px;font-weight:400;line-height:1.2;
  }
  .export-body h3 em{font-style:italic;color:var(--gold-pale);}
  .export-body p{margin-top:20px;color:var(--cream-dim);font-size:15px;line-height:1.85;font-weight:300;max-width:520px;}
  .export-list{margin-top:30px;display:flex;flex-direction:column;gap:14px;}
  .export-list div{
    display:flex;gap:16px;align-items:baseline;
    font-size:14px;color:var(--cream);
    padding-bottom:14px;border-bottom:1px solid var(--line);
  }
  /* ============ LIGHTBOX PHOTO PRODUIT (partagé cosmétiques/boissons/fruits secs) ============ */
  .img-lightbox{
    position:fixed;inset:0;z-index:400;
    display:flex;align-items:center;justify-content:center;
    padding:24px;opacity:0;pointer-events:none;transition:opacity 0.25s ease;
    background:rgba(5,5,5,0.9);
  }
  .img-lightbox.open{opacity:1;pointer-events:auto;}
  .img-lightbox img{
    max-width:100%;max-height:90vh;object-fit:contain;
    border:1px solid var(--gold-dim);box-shadow:0 30px 80px rgba(0,0,0,0.6);
    transform:scale(0.96);transition:transform 0.25s ease;
  }
  .img-lightbox.open img{transform:scale(1);}
  .img-lightbox-close{
    position:absolute;top:18px;right:20px;z-index:2;
    background:none;border:1px solid var(--gold-dim);color:var(--gold-pale);
    width:38px;height:38px;border-radius:50%;font-size:20px;cursor:pointer;line-height:1;
  }
  .img-lightbox-close:hover{border-color:var(--gold);color:var(--gold);}

  .ar{
    display:block;
    direction:rtl;
    unicode-bidi:isolate;
    font-family:'Geeza Pro','Segoe UI','Noto Naskh Arabic',Tahoma,sans-serif;
    color:var(--gold-dim);
    font-weight:400;
    line-height:1.6;
  }
  .label .ar{ font-size:11px; letter-spacing:0; text-transform:none; margin-top:4px; }
  .export-body h3 .ar, .section-head h2 .ar{
    display:block; font-family:'Geeza Pro','Segoe UI','Noto Naskh Arabic',Tahoma,sans-serif;
    font-size:0.52em; color:var(--gold-pale); margin-top:8px; font-style:normal;
  }
  .export-body p .ar, .section-head p .ar{
    margin-top:8px; font-size:0.95em; color:var(--cream-dim); opacity:0.8;
  }
  .export-list div .ar{ margin-top:5px; font-size:0.92em; color:var(--cream-dim); }
  .flag-caption .ar{ margin-top:4px; }
  .dz-cities button .ar{ display:inline; font-size:1em; margin:0 0 0 5px; }
  .port-modal-body .ar{ margin-top:10px; }
  .port-modal-body h4 .ar{ font-size:0.6em; color:var(--gold-pale); margin-top:6px; }

  .export-list div span.n{
    font-family:var(--serif);font-style:italic;color:var(--gold);font-size:13px;flex-shrink:0;width:20px;
  }

  /* ============ DOSSIER VÉHICULE — pinned/sticky scroll ============ */
  .pin-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}

  /* ---- Car photo glossy shine sweep ---- */
  .pin-media::before, .veh-card-media::before{
    content:"";
    position:absolute;
    top:-60%;left:-75%;
    width:45%;height:250%;
    background:linear-gradient(75deg,
      transparent 25%,
      rgba(255,255,255,0.10) 40%,
      rgba(255,247,222,0.55) 48%,
      rgba(255,255,255,0.85) 50%,
      rgba(255,247,222,0.55) 52%,
      rgba(255,255,255,0.10) 60%,
      transparent 75%);
    z-index:5;
    pointer-events:none;
    animation:carShine 5s ease-in-out infinite;
  }
  .veh-card-media::before{animation-delay:1.2s;}
  @keyframes carShine{
    0%{left:-75%;}
    28%{left:140%;}
    100%{left:140%;}
  }
  @media (prefers-reduced-motion:reduce){
    .pin-media::before, .veh-card-media::before{display:none;}
  }

  .pin-media{
    position:sticky;
    top:96px;
    height:calc(100vh - 176px);
    min-height:420px;
    overflow:hidden;
    border:1px solid var(--line);
  }
  .pin-media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;}
  .pin-media::after{
    content:"";position:absolute;inset:0;
    background:linear-gradient(180deg, rgba(5,5,5,0.15) 0%, transparent 30%, rgba(5,5,5,0.55) 100%);
    pointer-events:none;
  }
  .pin-badge{
    position:absolute;top:22px;left:22px;z-index:4;
    background:rgba(5,5,5,0.7);border:1px solid var(--gold);color:var(--gold-pale);
    font-size:10px;letter-spacing:2px;text-transform:uppercase;padding:8px 14px;
  }
  .pin-marker{
    position:absolute;z-index:4;
    width:30px;height:30px;border-radius:50%;
    border:1px solid var(--gold-dim);
    background:rgba(5,5,5,0.55);
    display:flex;align-items:center;justify-content:center;
    font-family:var(--serif);font-style:italic;font-size:11px;color:var(--gold-dim);
    opacity:0.55;transform:translate(-50%,-50%) scale(0.85);
    transition:all 0.4s cubic-bezier(.16,.8,.24,1);
  }
  .pin-marker::before{
    content:"";position:absolute;inset:-8px;border-radius:50%;
    border:1px solid var(--gold);opacity:0;transition:opacity 0.4s ease;
  }
  .pin-marker.active{
    opacity:1;color:var(--gold-pale);border-color:var(--gold);
    transform:translate(-50%,-50%) scale(1.05);
  }
  .pin-marker.active::before{opacity:0.55;}
  .pin-features{display:flex;flex-direction:column;}
  .pin-feature{
    min-height:62vh;
    display:flex;flex-direction:column;justify-content:center;
    opacity:0.28;
    transition:opacity 0.5s ease;
  }
  .pin-feature.active{opacity:1;}
  .pin-feature .pf-num{
    font-family:var(--serif);font-style:italic;color:var(--gold);font-size:14px;margin-bottom:16px;
  }
  .pin-feature h4{font-family:var(--serif);font-size:26px;font-weight:400;}
  .pin-feature p{margin-top:14px;color:var(--cream-dim);font-size:14.5px;line-height:1.8;font-weight:300;max-width:400px;}
  .pin-final{
    min-height:auto;
    padding-top:10px;
  }
  .pin-final .dossier-checks{margin-top:0;}
  .dossier-specs{margin-top:6px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);}
  .dossier-specs div{padding:16px 0;border-bottom:1px solid var(--line);}
  .dossier-specs div:nth-child(odd){padding-right:14px;}
  .dossier-specs div:nth-child(even){padding-left:14px;border-left:1px solid var(--line);}
  .dossier-specs .k{font-size:9.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-dim);}
  .dossier-specs .v{font-size:14px;margin-top:5px;color:var(--cream);}
  .dossier-checks{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;}
  .dossier-checks span{font-size:12.5px;color:var(--cream-dim);display:flex;align-items:center;gap:9px;font-weight:300;}
  .dossier-checks span::before{content:"—";color:var(--gold-pale);}
  .pin-final .btn{margin-top:30px;align-self:flex-start;}

  /* legacy dossier body specs (kept for final CTA block) */

  /* ============ SIMULATEUR DE DÉDOUANEMENT ============ */
  .sim-eligibility{
    background:var(--panel);
    border:1px solid var(--line);
    padding:26px 30px;
    margin-bottom:44px;
  }
  .sim-eligibility h4{
    font-family:var(--serif);font-size:16px;font-weight:400;color:var(--gold-pale);
    margin-bottom:14px;
  }
  .sim-eligibility ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:9px 24px;}
  .sim-eligibility li{
    font-size:13px;color:var(--cream-dim);font-weight:300;
    display:flex;align-items:baseline;gap:8px;
  }
  .sim-eligibility li::before{content:"—";color:var(--gold);flex-shrink:0;}

  .sim-layout{display:grid;grid-template-columns:0.95fr 1.05fr;gap:56px;align-items:start;min-width:0;}
  .sim-form{
    display:flex;flex-direction:column;gap:20px;
    background:var(--panel);
    border:1px solid var(--line);
    padding:32px;
    min-width:0;box-sizing:border-box;
  }
  .sim-field{display:flex;flex-direction:column;gap:8px;min-width:0;}
  .sim-field label{font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-dim);}
  .sim-field input, .sim-field select{
    background:var(--noir);
    border:1px solid var(--line);
    color:var(--cream);
    font-family:var(--sans);
    font-size:14px;
    padding:12px 14px;
    outline:none;
    width:100%;box-sizing:border-box;min-width:0;
  }
  .sim-field input:focus, .sim-field select:focus{border-color:var(--gold);}
  .sim-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;min-width:0;}
  @media (max-width:960px){
    .sim-layout{grid-template-columns:1fr;gap:36px;}
  }
  @media (max-width:480px){
    .sim-form{padding:22px;}
    .sim-row{grid-template-columns:1fr;gap:14px;}
  }
  .sim-warning{
    display:none;
    font-size:12px;color:#e6b877;
    background:rgba(230,184,119,0.08);
    border:1px solid rgba(230,184,119,0.3);
    padding:10px 12px;
  }
  .sim-warning.show{display:block;}
  .sim-form .btn{margin-top:6px;border:none;cursor:pointer;width:100%;justify-content:center;}

  .sim-results{
    border:1px solid var(--gold-dim);
    padding:32px;
    min-height:100%;
  }
  .sim-results-empty{font-size:13.5px;color:var(--cream-dim);font-weight:300;line-height:1.8;}
  .sim-line{
    display:flex;justify-content:space-between;align-items:baseline;
    padding:12px 0;border-bottom:1px solid var(--line);
    font-size:13.5px;
  }
  .sim-line .lbl{color:var(--cream-dim);}
  .sim-line .val{color:var(--cream);font-family:var(--serif);text-align:right;}
  .sim-line .val .sub{display:block;font-size:11px;color:var(--cream-dim);margin-top:2px;font-family:var(--sans);font-weight:300;}
  .sim-line.total{
    margin-top:8px;padding-top:18px;border-top:1px solid var(--gold-dim);border-bottom:none;
  }
  .sim-line.total .lbl{color:var(--gold-pale);font-size:14px;letter-spacing:0.5px;}
  .sim-line.total .val{color:var(--gold-pale);font-size:24px;}
  .sim-line.total .sub{display:block;font-size:11.5px;color:var(--cream-dim);margin-top:4px;font-family:var(--sans);}

  .sim-disclaimer{
    margin-top:36px;
    font-size:12px;color:var(--cream-dim);opacity:0.75;line-height:1.8;
    border-top:1px solid var(--line);padding-top:20px;
  }

  @media (max-width:900px){
    .sim-layout{grid-template-columns:1fr;}
    .sim-eligibility ul{grid-template-columns:1fr;}
    .sim-row{grid-template-columns:1fr;}
  }

  /* ============ FAQ ============ */
  .faq-list{max-width:820px;}
  .faq-item{border-bottom:1px solid var(--line);}
  .faq-q{
    width:100%;
    display:flex;justify-content:space-between;align-items:center;gap:20px;
    padding:24px 4px;
    background:none;border:none;
    text-align:left;
    cursor:pointer;
  }
  .faq-q span.qtext{
    font-family:var(--serif);font-size:17px;font-weight:400;color:var(--cream);
  }
  .faq-q .qmark{
    flex-shrink:0;
    width:28px;height:28px;border-radius:50%;
    border:1px solid var(--gold-dim);
    display:flex;align-items:center;justify-content:center;
    color:var(--gold-pale);font-size:15px;
    transition:transform 0.3s ease, border-color 0.3s ease;
  }
  .faq-item.open .faq-q .qmark{transform:rotate(45deg);border-color:var(--gold);}
  .faq-a{
    max-height:0;
    overflow:hidden;
    transition:max-height 0.4s ease;
  }
  .faq-a p{
    padding:0 4px 26px;
    font-size:14.5px;color:var(--cream-dim);font-weight:300;line-height:1.8;
    max-width:680px;
  }
  .faq-cat{
    margin:44px 0 18px;
    font-size:10.5px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold-dim);
  }
  .faq-cat:first-child{margin-top:0;}


  .veh-search{
    margin-top:34px;
    max-width:420px;
    display:flex;flex-direction:column;gap:14px;
    background:rgba(232,205,147,0.04);
    border:1px solid var(--line);
    border-radius:6px;
    padding:20px 22px;
  }
  .veh-search-row{display:flex;gap:14px;}
  .veh-search-field{flex:1;min-width:0;}
  .veh-search-field label{
    display:block;font-size:10px;letter-spacing:1px;text-transform:uppercase;
    color:var(--gold-dim);margin-bottom:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }
  .veh-search-field select{
    width:100%;padding:10px 10px;
    background:var(--noir);border:1px solid var(--line);border-radius:3px;
    color:var(--cream);font-family:var(--sans);font-size:13px;
  }
  .veh-search-field select:disabled{opacity:0.5;}
  .veh-search-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;}
  .veh-search-result{
    display:flex;flex-direction:column;gap:4px;
  }
  .veh-search-price-label{
    font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--gold-dim);
  }
  .veh-search-price{
    font-family:var(--serif);font-size:20px;color:var(--gold-pale);
  }
  #vehSearchGo{white-space:nowrap;padding:12px 18px;font-size:12.5px;}
  #vehSearchGo:disabled{opacity:0.4;cursor:not-allowed;}
  @keyframes vehHighlightPulse{
    0%,100%{ box-shadow:0 0 0 0 rgba(232,205,147,0); }
    50%{ box-shadow:0 0 0 6px rgba(232,205,147,0.35); }
  }
  .veh-card.highlight{ animation:vehHighlightPulse 1s ease-in-out 2; }
  @media (max-width:960px){
    .veh-search{max-width:100%;}
  }
  @media (max-width:480px){
    .veh-search-row{flex-direction:column;gap:12px;}
    .veh-search-bottom{flex-direction:column;align-items:stretch;}
    #vehSearchGo{width:100%;}
  }

  /* ---- Avis clients ---- */
  .reviews-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:22px;
  }
  .review-card{
    background:rgba(232,205,147,0.03);
    border:1px solid var(--line);
    border-radius:6px;
    padding:26px 24px;
    display:flex;flex-direction:column;gap:14px;
  }
  .review-stars{color:var(--gold);font-size:14px;letter-spacing:2px;}
  .review-text{
    font-size:14px;line-height:1.75;color:var(--cream-dim);font-weight:300;flex-grow:1;
  }
  .review-text .ar{margin-top:10px;font-size:0.95em;color:var(--gold-dim);}
  .review-name{
    font-family:var(--serif);font-style:italic;font-size:14.5px;color:var(--gold-pale);
    padding-top:6px;border-top:1px solid var(--line);
  }
  @media (max-width:960px){
    .reviews-grid{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:640px){
    .reviews-grid{grid-template-columns:1fr;}
  }

  .veh-tabs{
    display:flex;gap:10px;flex-wrap:wrap;
    border-bottom:1px solid var(--line);
    padding-bottom:0;
    margin-bottom:48px;
  }
  .veh-tab{
    background:none;border:none;
    color:var(--cream-dim);
    font-size:12.5px;letter-spacing:1.5px;text-transform:uppercase;
    padding:14px 4px;margin-right:30px;
    cursor:pointer;position:relative;
    transition:color 0.2s ease;
  }
  .veh-tab::after{
    content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;
    background:var(--gold);opacity:0;transform:scaleX(0.6);
    transition:all 0.25s ease;
  }
  .veh-tab:hover{color:var(--cream);}
  .veh-tab.active{color:var(--gold-pale);}
  .veh-tab.active::after{opacity:1;transform:scaleX(1);}
  .veh-panel{display:none;}
  .veh-panel.active{display:block;}
  .veh-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
    background:var(--line);border:1px solid var(--line);
  }
  .veh-card{background:var(--noir);}
  .veh-card-media{position:relative;height:200px;overflow:hidden;}
  .veh-card-media img{width:100%;height:100%;object-fit:cover;}
  .veh-card.sold .veh-card-media img{filter:grayscale(0.85) brightness(0.6);}
  .veh-badge{
    position:absolute;top:16px;left:16px;z-index:2;
    font-size:10px;letter-spacing:1.5px;text-transform:uppercase;
    padding:7px 12px;border:1px solid var(--gold);
  }
  .veh-badge.available{background:var(--gold);color:var(--text-on-gold);font-weight:700;border:none;}
  .veh-badge.sold{background:rgba(5,5,5,0.75);color:var(--cream-dim);border-color:var(--line);}
  .veh-badge.sold.export{color:var(--gold-pale);border-color:var(--gold-dim);}
  .veh-card-body{padding:24px 26px 28px;}
  .veh-card-body h4{font-family:var(--serif);font-size:19px;font-weight:400;color:var(--cream);}
  .veh-card.sold .veh-card-body h4{color:var(--cream-dim);}
  .veh-card-body p{margin-top:8px;font-size:13px;color:var(--cream-dim);font-weight:300;}
  .veh-price{
    margin-top:14px;font-family:var(--serif);font-size:20px;color:var(--gold-pale);
    display:flex;flex-direction:column;gap:4px;
  }
  .veh-price .price-ttc{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;}
  .ttc-tag{
    font-family:var(--sans);font-size:9.5px;letter-spacing:1.5px;text-transform:uppercase;
    color:var(--gold-dim);font-weight:700;border:1px solid var(--gold-dim);padding:2px 7px;
  }
  .veh-price .price-ht{
    font-family:var(--sans);font-size:12px;color:var(--cream-dim);font-weight:300;letter-spacing:0.2px;
  }
  .veh-card-body .btn{margin-top:18px;padding:9px 18px;font-size:11px;}

  .veh-sort{
    display:flex;align-items:center;gap:12px;
    margin-bottom:24px;
  }
  .veh-sort label{
    font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-dim);
  }
  .veh-sort select{
    background:var(--panel);
    border:1px solid var(--line);
    color:var(--cream);
    font-family:var(--sans);
    font-size:12.5px;
    padding:9px 14px;
    outline:none;
    cursor:pointer;
  }
  .veh-sort select:focus{border-color:var(--gold);}
  .export3-card{
    border:1px solid var(--gold-dim);
    padding:44px 40px;
    max-width:640px;
    position:relative;
  }
  .export3-card .num-ring{
    width:44px;height:44px;border-radius:50%;border:1px solid var(--gold);
    display:flex;align-items:center;justify-content:center;
    font-family:var(--serif);font-style:italic;color:var(--gold-pale);font-size:15px;
    margin-bottom:22px;
  }
  .export3-card h4{font-family:var(--serif);font-size:24px;font-weight:400;}
  .export3-card p{margin-top:16px;font-size:14.5px;color:var(--cream-dim);line-height:1.8;font-weight:300;}
  .export3-card .btn{margin-top:26px;}

  @media (max-width:900px){
    .veh-grid{grid-template-columns:1fr;}
  }


  .why{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .why-item{background:var(--noir);padding:48px 42px;}
  .why-item .num-ring{
    width:44px;height:44px;border-radius:50%;border:1px solid var(--gold-dim);
    display:flex;align-items:center;justify-content:center;
    font-family:var(--serif);font-style:italic;color:var(--gold-pale);font-size:15px;
    margin-bottom:24px;
  }
  .why-item h4{font-family:var(--serif);font-size:19px;font-weight:400;}
  .why-item p{margin-top:12px;font-size:13.5px;color:var(--cream-dim);line-height:1.8;font-weight:300;}

  /* ============ FAMILY GALLERY ============ */
  .family-lead{margin-top:20px;color:var(--cream-dim);font-size:15px;max-width:640px;line-height:1.9;font-weight:300;}
  .family-lead .ar{display:block;margin-top:10px;direction:rtl;}
  .family-grid{
    margin-top:44px;
    column-count:4;column-gap:14px;
  }
  .family-item{
    break-inside:avoid;margin-bottom:14px;
    overflow:hidden;border:1px solid var(--line);
    display:block;position:relative;
  }
  .family-item img{
    width:100%;display:block;transition:transform 0.5s ease;
  }
  .family-item:hover img{transform:scale(1.04);}
  @media (max-width:960px){
    .family-grid{column-count:3;}
  }
  @media (max-width:600px){
    .family-grid{column-count:2;column-gap:8px;}
    .family-item{margin-bottom:8px;}
  }

  /* ============ CONTACT / FOOTER ============ */
  footer{background:var(--noir-2);border-top:1px solid var(--line);padding:100px 0 0;}
  .contact-grid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:70px;padding-bottom:80px;}
  .contact-grid h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,4vw,48px);line-height:1.18;}
  .contact-grid h2 em{font-style:italic;color:var(--gold-pale);}
  .contact-grid p{margin-top:20px;color:var(--cream-dim);font-size:15px;max-width:440px;line-height:1.8;font-weight:300;}
  .contact-actions{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap;}
  .contact-card{border:1px solid var(--line);padding:8px 0;}
  .contact-row{display:flex;align-items:center;gap:16px;padding:20px 30px;border-bottom:1px solid var(--line);}
  a.contact-row{transition:background 0.2s ease;}
  a.contact-row:hover{background:rgba(201,163,95,0.06);}
  .contact-row:last-child{border-bottom:none;}
  .contact-row svg{width:19px;height:19px;flex-shrink:0;fill:var(--gold-pale);}
  .contact-row .l{font-size:9.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-dim);}
  .contact-row .v{font-size:14.5px;color:var(--cream);margin-top:3px;}
  .footer-bottom{
    border-top:1px solid var(--line);padding:28px 0;
    display:flex;justify-content:space-between;align-items:center;
    font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--cream-dim);
  }
  .footer-bottom .brand-word{font-size:13px;}

  /* ============ RESPONSIVE ============ */
  @media (max-width:960px){
    nav.links{display:none;}
    .menu-toggle{display:block;}
    .metier-footnote{margin-top:40px;}
    .export-grid{grid-template-columns:1fr;gap:44px;}
    .export-visual{margin:0 auto;}
    .pin-layout{grid-template-columns:1fr;gap:0;}
    .pin-media{position:relative;top:0;height:56vh;min-height:320px;margin-bottom:36px;}
    .pin-feature{min-height:auto;padding:26px 0;opacity:1;}
    .pin-final{padding-top:6px;}
    .dossier{grid-template-columns:1fr;}
    .why{grid-template-columns:1fr;}
    .contact-grid{grid-template-columns:1fr;}
  }

  nav.links.nav-open{
    display:flex !important;
    position:fixed;
    top:76px;left:0;right:0;
    flex-direction:column;
    background:var(--panel);
    padding:26px 24px 30px;
    border-bottom:1px solid var(--line);
    gap:6px;
    z-index:150;
    box-shadow:0 20px 40px rgba(0,0,0,0.5);
  }
  nav.links.nav-open a{
    color:var(--cream);
    font-size:14px;
    letter-spacing:1px;
    padding:14px 4px;
    border-bottom:1px solid rgba(201,163,95,0.08);
  }
  nav.links.nav-open a:last-child{border-bottom:none;}

  /* ============ CONTACT FORM ============ */
  .contact-form{
    margin-top:70px;
    padding-top:60px;
    border-top:1px solid var(--line);
  }
  .contact-form-head{max-width:520px;margin-bottom:40px;}
  .contact-form-head h3{font-family:var(--serif);font-weight:400;font-size:26px;}
  .contact-form-head p{margin-top:12px;font-size:14px;color:var(--cream-dim);font-weight:300;line-height:1.75;}
  form.pf-form{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px 28px;
    max-width:760px;
  }
  .field{display:flex;flex-direction:column;gap:8px;}
  .field.full{grid-column:1 / -1;}
  .field label{
    font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-dim);
  }
  .field label .req{color:var(--gold-pale);margin-left:2px;}
  .field input, .field textarea{
    background:var(--panel);
    border:1px solid var(--line);
    color:var(--cream);
    font-family:var(--sans);
    font-size:14px;
    padding:13px 14px;
    outline:none;
    transition:border-color 0.2s ease;
  }
  .field input::placeholder, .field textarea::placeholder{color:var(--cream-dim);opacity:0.5;}
  .field input:focus, .field textarea:focus{border-color:var(--gold);}
  .field textarea{resize:vertical;min-height:120px;font-family:var(--sans);}
  .pf-form .btn{grid-column:1 / -1;justify-self:start;border:none;cursor:pointer;}
  .form-note{
    grid-column:1 / -1;font-size:11.5px;color:var(--cream-dim);opacity:0.7;margin-top:-8px;
  }
  .form-status{
    grid-column:1 / -1;
    padding:16px 18px;
    border:1px solid var(--gold-dim);
    color:var(--gold-pale);
    font-size:13.5px;
    display:none;
  }
  .form-status.show{display:block;}
  .form-status.error{border-color:#b5453f;color:#8f2e2a;}
  @media (max-width:700px){
    form.pf-form{grid-template-columns:1fr;}
    .field.full{grid-column:1;}
  }

  @media (max-width:560px){
    .wrap{padding:0 24px;}
    .nav-inner{padding:16px 24px;}
    .dossier-specs,.dossier-checks{grid-template-columns:1fr;}
    .dossier-specs div:nth-child(even){padding-left:0;border-left:none;}
    .dossier-body{padding:40px 26px;}
    .hero-actions{flex-direction:column;align-items:stretch;}
    .scroll-cue{display:none;}
  }