/* ============================================
   GRAVANO — PAGE D'ACCUEIL (reconstruction complète v1.10)
   Le dégradé Température, le hero, le manifeste flottant,
   les rayons, la réassurance, Doc Gravano, le footer.
   ============================================ */

/* ————— LE GRAND DÉGRADÉ — suit le scroll normalement ————— */
body.page-template-template-accueil,
body.page-template-template-accueil #main-container,
body.page-template-template-accueil #main,
body.page-template-template-accueil article,
body.page-template-template-accueil .entry-content{
  background:var(--gv-ivoire) !important;
}
/* Le dégradé est un SEUL flux continu, posé sur le conteneur qui enveloppe
   TOUT le contenu après le hero (manifeste + rayons + réassurance + doc + footer).
   Le hero, lui, reste en ivoire fixe (voir .gv-hero plus haut). */
.gv-apres-hero{
  background:linear-gradient(180deg,
    var(--gv-ivoire) 0%,
    var(--gv-nude) 12%,
    var(--gv-nude-fonce) 24%,
    var(--gv-terracotta) 38%,
    var(--gv-terracotta-fonce) 54%,
    var(--gv-grenat) 72%,
    var(--gv-nuit) 90%,
    var(--gv-nuit) 100%) !important;
}
.gv-accueil{
  background:transparent !important;
  overflow-x:hidden;
}

/* ————— HERO ————— */
.gv-hero{
  min-height:88vh;
  display:flex;flex-direction:column;
  /* GRAVANO remonté (Florient, 28/07) : centré, le titre tombait trop bas sous le header
     et le hero manquait d'air en haut. On le remonte sans toucher au reste. */
  align-items:center;justify-content:center;padding-bottom:6vh;
  text-align:center;padding:0 6vw;position:relative;
  background:var(--gv-ivoire) !important;
}
.gv-hero h1,
body.page-template-template-accueil .gv-hero h1{
  font-family:'Cormorant Garamond', serif !important;
  font-size:clamp(3.4rem,10vw,8rem) !important;
  font-weight:400 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  color:var(--gv-encre) !important;
  margin:0 !important;
  line-height:1 !important;
}
/* ————— TAMPON PRODUIT DIGITAL — gabarit réutilisable par boutique —————
   Sceau qui prolonge le gros "GRAVANO" du hero, ancré sur la dernière
   lettre (span .gv-hero-lettre-o, position:relative — voir template-
   accueil.php). Tout est en "em" : hérite du font-size du h1, qui est
   responsive (clamp 3,4rem→8rem), donc le tampon suit fidèlement sans
   media query à part.
   Chevauchement voulu : le BAS du tampon mord le BAS du "o" (pas le
   haut), le tampon montant en biais vers la droite au-dessus à partir
   de là (tilt déjà dans l'image source). Défile AVEC la page — pas de
   position:fixed ici (contrairement au 1er essai, posé par erreur sur
   le logo du header).
   BUG TROUVÉ (inspection DevTools) : le reset global Blocksy `img{max-width:100%}`
   s'appliquait par-dessus, et comme le tampon est en position:absolute dans
   .gv-hero-lettre-o, ce 100% se calculait sur la largeur du bloc positionné
   parent — c'est-à-dire la largeur du seul "o" (~115px à 1440px). Résultat :
   quelle que soit la valeur en em fixée ici, le tampon restait coincé à la
   taille d'une seule lettre. D'où le `max-width:none` ci-dessous, qui neutralise
   ce reset et laisse enfin la largeur en em s'appliquer réellement.
   Toute mesure "par simulation" faite AVANT cette correction (dont le rejet
   d'un x4/9,2em pour débordement) était donc faussée par ce bug — à revalider
   maintenant que la largeur réelle suit enfin la valeur déclarée.
   Pour une satellite : dupliquer .gv-hero-lettre-o autour de la dernière
   lettre de son propre hero, ce bloc CSS reste identique. */
.gv-hero-lettre-o{
  position:relative;
  display:inline-block;
}
.tampon-produit-digital{
  display:block;
  position:absolute;
  max-width:none;
  /* Décalé DROITE + BAS (Florient) : le nom GRAVANO doit rester lisible pour un
     nouveau visiteur → le tampon ne fait plus que grignoter le coin bas-droit du
     "o", il ne recouvre plus le "NO". */
  /* Taille calée sur le « o » (≈ 1 lettre) : em = taille du h1 GRAVANO, donc on
     reste PETIT sinon ça balloonne avec un titre géant (piège vécu : 2.7em = tampon
     géant décollé). Il mord juste le coin bas-droite du « o ». */
  right:-0.5em;
  bottom:-0.42em;
  width:1.35em;height:auto;
  transform:rotate(-12deg);
  transform-origin:bottom right;
  filter:drop-shadow(0 .05em .12em rgba(0,0,0,.3));
  pointer-events:none;
}
@media (max-width:760px){
  /* Mobile (média PRINCIPAL) : la tagline COMPLÈTE descend près du paragraphe du
     bas, posée dans une PLAQUE DORÉE À RIVETS (comme la citation du header
     desktop) → elle est mise en valeur ET ne gêne plus le tampon. Du coup on
     GROSSIT le tampon (lisible, même axe -12°, mord juste le "o"). Emplacement
     destiné à la carcasse. Spécificité montée (body.page-template…) pour gagner
     sur la règle .gv-tagline générique plus bas. */
  /* Hero mobile CENTRÉ verticalement — c'est le centrage qui dégage le grand
     médaillon doré débordant en haut ; min-height réduite pour limiter le blanc.
     GRAVANO forci + tampon AGRANDI lisible (stampé sur le logo). */
  body.page-template-template-accueil .gv-hero{ min-height:84vh; }
  /* GRAVANO au plus gros qui remplit la largeur (vw → responsive, pas de
     débordement) ; le tampon, en em, grossit avec lui. */
  /* GRAVANO : trait plus GRAS, un peu plus gros, et REMONTÉ dans le blanc du haut.
     Le tampon est COMPENSÉ (translate inverse + em réduit) pour ne bouger ni
     grossir → GRAVANO se dégage de lui (moins de chevauchement). Plaque/paragraphe
     inchangés. */
  /* Tampon DÉTACHÉ de GRAVANO : ancré au HERO (le "o" n'est plus son contexte de
     position), taille FIXE en vw → GRAVANO peut grossir/monter/grasseyer sans le
     toucher ni le déplacer. Il reste où il est ; GRAVANO se dégage au-dessus. */
  body.page-template-template-accueil .gv-hero-lettre-o{ position:static; }
  body.page-template-template-accueil .tampon-produit-digital{
    position:absolute;right:2.5vw;left:auto;top:13rem;bottom:auto;
    width:62vw;max-width:330px;transform:rotate(-12deg);transform-origin:center;
  }
  /* GRAVANO : plus GROS + trait vraiment FORCI. Cormorant 600 reste fin, donc
     on épaissit les lettres avec un contour (text-stroke) → trait visiblement
     plus gras. Taille en vw calée pour tenir dans la largeur ("o" compris). */
  body.page-template-template-accueil .gv-hero h1{
    /* Pour REMPLIR la largeur avec des lettres VRAIMENT plus grosses, le levier
       n'est pas la police seule mais l'espacement : lettres collées (ls 0) +
       police montée à ~73px (mesuré : ~355px de large → ~17px de marge/côté),
       tout en tenant sur UNE ligne (white-space:nowrap garantit zéro casse du
       "o"). min 3rem pour les tout petits écrans, max 5.2rem pour les tablettes. */
    font-size:clamp(3rem,18.8vw,5.2rem) !important;font-weight:600 !important;
    letter-spacing:0 !important;white-space:nowrap;
    -webkit-text-stroke:0.7px currentColor;paint-order:stroke fill;
    /* On positionne GRAVANO par des MARGES (pas un transform ! le transform
       piégeait le tampon dans le h1 et les rendait solidaires). margin-bottom:auto
       pousse le titre en haut, margin-top le repositionne → réglable seul, sans
       toucher au tampon (ancré au hero, indépendant). */
    margin-top:8.5rem !important;margin-bottom:auto !important;
  }
  /* Plaque + paragraphe REMONTÉS pour combler le grand vide central du hero
     (mesuré au vrai 390px : ~150px de blanc entre le tampon et la plaque, tout
     le bas entassé). Objectif : blanc-haut ≈ vide-central ≈ blanc-bas. */
  body.page-template-template-accueil .gv-hero-situe{ bottom:6.5rem; }

  /* Tagline COMPLÈTE en plaque dorée à rivets, en absolu juste au-dessus du
     paragraphe. */
  body.page-template-template-accueil .gv-hero .gv-tagline{
    position:absolute;left:50%;bottom:12rem;transform:translateX(-50%);margin:0;
    width:auto;max-width:92vw;white-space:nowrap;
    font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;
    font-size:1.05rem !important;color:var(--gv-nuit) !important;visibility:visible !important;
    padding:.42rem 1.8rem;border-radius:9px;
    background:linear-gradient(168deg,#F0D77E 0%,#CDA62B 42%,#A67E1B 100%);
    border:1px solid #7d5f13;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 5px rgba(80,54,4,.4),0 2px 6px rgba(0,0,0,.3);
  }
  body.page-template-template-accueil .gv-hero .gv-tagline::before{
    content:"";position:absolute;inset:0;border-radius:9px;pointer-events:none;
    background:
      radial-gradient(circle at 11px 8px, #5c460d 0 1.5px,#8a6a17 1.5px 3px,rgba(255,255,255,.45) 3px 3.7px,transparent 4.1px),
      radial-gradient(circle at calc(100% - 11px) 8px, #5c460d 0 1.5px,#8a6a17 1.5px 3px,rgba(255,255,255,.45) 3px 3.7px,transparent 4.1px),
      radial-gradient(circle at 11px calc(100% - 8px), #5c460d 0 1.5px,#8a6a17 1.5px 3px,rgba(255,255,255,.45) 3px 3.7px,transparent 4.1px),
      radial-gradient(circle at calc(100% - 11px) calc(100% - 8px), #5c460d 0 1.5px,#8a6a17 1.5px 3px,rgba(255,255,255,.45) 3px 3.7px,transparent 4.1px);
  }
}
@media (min-width:761px){
  /* Desktop : la citation « L'envie… » vit dans le header (voir functions.php
     .gv-bandeau--citation), donc on masque la tagline du hero pour éviter le
     doublon — ce qui libère la place sous GRAVANO pour le tampon agrandi.
     visibility:hidden (et PAS display:none) : on garde la BOÎTE de la tagline
     dans le flux, sinon le hero se raccourcit et le bloc « Le spécialiste… »
     (positionné en absolu par rapport au bas du hero) remonte et se retrouve
     sous le tampon. Ici on masque juste le texte, la place reste réservée. */
  .gv-hero .gv-tagline{ visibility:hidden; }
}

/* ⭐ L'APPELLATION DE LA BOUTIQUE — règle de GROUPE (CLAUDE.md §11) : chaque
   satellite affiche son nom en italique juste sous « Gravano », et rien d'autre
   ne l'identifie dans le hero. Ici : « Style ». Doré, Cormorant italique, calé
   au plus près du mot pour qu'on lise « Gravano Style » d'un seul tenant.
   ⚠️ Marge NÉGATIVE (pas de transform, pas de position) : un transform ou un
   position sur un élément du hero crée un contexte de positionnement et le
   tampon (absolute) viendrait s'y ancrer — piège déjà payé sur la mère. */
.gv-hero-marque{
  /* doré du hero retiré le 28/07 (Florient) : le tampon encadré identifie déjà la boutique,
     le mot en or faisait double emploi ET ramenait l'ornement qu'on vient d'enlever partout. */
  font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;
  font-size:clamp(1.6rem,4.4vw,3rem);
  line-height:1;
  margin:-.3em 0 0;
  color:var(--gv-grenat);opacity:.62;
  letter-spacing:.02em;
  text-shadow:0 1px 0 rgba(255,255,255,.55);
}

.gv-hero .gv-tagline{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:clamp(1.25rem,2.8vw,1.9rem);
  margin-top:.6rem;color:#556D8A;
}
.gv-hero-situe{
  position:absolute;bottom:4.8rem;left:50%;transform:translateX(-50%);
  text-align:center;width:92%;max-width:640px;
  animation:gv-flotte 2.6s ease-in-out infinite;
  display:flex;flex-direction:column;gap:.5rem;
}
.gv-hero-situe-titre{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  color:var(--gv-encre);
  font-size:clamp(1.05rem,2.1vw,1.35rem);
  line-height:1.4;
}
.gv-hero-situe-liste{
  color:#4A79B0;font-size:clamp(.7rem,1.3vw,.8rem);
  letter-spacing:.16em;text-transform:uppercase;font-weight:600;
}
.gv-points-suspension{
  font-size:1.5em;font-weight:700;margin-left:.15em;
}
@media(max-height:700px){ .gv-hero-situe{ bottom:1.2rem; } }
@keyframes gv-flotte{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,8px)}}

/* ————— MANIFESTE — cadre flottant sur le dégradé ————— */
.gv-manifeste{
  padding:5rem 5vw 7rem;text-align:center;
}
.gv-manifeste-carte{
  max-width:820px;margin:0 auto;
  background:rgba(253,254,255,.93);
  border-radius:1.6rem;
  padding:3.5rem 6vw 4rem;
  box-shadow:0 30px 80px -30px rgba(16,31,37,.35);
  backdrop-filter:blur(4px);
}
.gv-eyebrow{
  font-family:'Figtree',sans-serif;
  font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;
  color:var(--gv-or);font-weight:600;margin-bottom:2.4rem;display:block;
  font-style:normal;
}
.gv-manifeste p{
  font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.55;
  margin-bottom:1.8rem;color:var(--gv-encre);
}
.gv-manifeste .gv-chute{
  font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:500;margin-top:3rem;
}
.gv-accent{
  background:linear-gradient(100deg,var(--gv-terracotta),var(--gv-grenat));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* ============================================================
   VITRINE EBOOK — le PRODUIT PHARE, en tête du fil, dans son écrin
   doré et lumineux (halo or par-dessus le dégradé continu du fil).
   ============================================================ */
.gv-ebook-vitrine{
  padding:3.6rem 5vw 4.5rem;
  /* PAS de halo doré ici : sur le fond nuit du bas, l'or bavait sur le grenat →
     « marron caca » (Florient). Le halo, c'est la CARTE crème + son ombre dorée
     qui le fait, sur le sombre. La section reste transparente (fond continu). */
}
.gv-ev-inner{
  max-width:1060px;margin:0 auto;position:relative;
  display:grid;grid-template-columns:.82fr 1.18fr;gap:2.8rem;align-items:center;
  background:linear-gradient(160deg,#FFFDF6 0%,#FBF2DF 100%);
  border:1px solid var(--gv-or);border-radius:22px;padding:2.8rem 3rem;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 0 0 6px rgba(201,162,39,.10),0 34px 66px -30px rgba(201,162,39,.5);
}
.gv-ev-livre{ display:flex;justify-content:center;perspective:1300px;position:relative; }
.gv-ev-livre::before{
  content:'';position:absolute;inset:-12% -18%;
  background:radial-gradient(circle at 50% 45%, rgba(201,162,39,.42), rgba(201,162,39,0) 66%);
  filter:blur(6px);z-index:0;
}
.gv-ev-livre-face{
  position:relative;z-index:1;width:min(220px,58vw);aspect-ratio:3/4;border-radius:6px 12px 12px 6px;
  background:linear-gradient(135deg,#1C2E3A 0%,var(--gv-grenat) 48%,#16354A 100%);border-left:7px solid #0C171C;
  box-shadow:0 30px 54px -22px rgba(16,31,37,.7),inset 0 0 0 1px rgba(201,162,39,.3);
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:1.8rem 1.3rem;gap:.55rem;color:#E2EAF4;
}
.gv-ev-livre-face::after{ content:'';position:absolute;inset:11px;border:1px solid rgba(201,162,39,.42);border-radius:4px; }
.gv-ev-livre-eyebrow{ font-family:'Figtree',sans-serif;font-size:.52rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gv-or-clair); }
.gv-ev-livre-t{ font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:1.4rem;line-height:1.05;color:#fff; }
.gv-ev-livre-fleuron{ color:var(--gv-or-clair);font-size:1.1rem; }
.gv-ev-livre-sous{ font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:.8rem;color:rgba(226,234,244,.82); }
.gv-ev-eyebrow{ display:inline-block;font-family:'Figtree',sans-serif;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:#A6801D;margin-bottom:.7rem; }
/* ⭐ « EBOOK » EN GROS (Florient : « essayage » ne parlait pas aux non-initiés) */
.gv-ev-badge{ display:inline-block;font-family:'Figtree',sans-serif;font-weight:800;
  font-size:clamp(1.5rem,3vw,2.15rem);letter-spacing:.18em;text-transform:uppercase;
  color:var(--gv-or);line-height:1;margin:0 0 .5rem;text-shadow:0 1px 0 rgba(255,255,255,.7); }
.gv-ev-titre{ font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:clamp(2rem,3.6vw,2.8rem);line-height:1.04;color:var(--gv-grenat);margin:0 0 .7rem; }
.gv-ev-sous{ font-family:'Figtree',sans-serif;font-size:1.05rem;line-height:1.6;color:#47525F;margin:0 0 .4rem;max-width:38ch; }
.gv-ev-sous strong{ color:var(--gv-grenat); }
/* ⭐ Signature sous la citation (Florient, 01/08) : la citation « Parce que trois
   pièces… » se lit comme une parole du Doc — elle mérite la même griffe que les
   citations Gravano ailleurs sur le site (petites capitales espacées, dorées,
   alignées à droite sous le texte). */
.gv-ev-signature{
  display:block;font-family:'Figtree',sans-serif;font-weight:700;font-size:.74rem;
  letter-spacing:.24em;text-transform:uppercase;color:var(--gv-or);
  text-align:right;max-width:38ch;margin:0 0 1.5rem;
}
.gv-ev-achat{ display:flex;align-items:center;gap:1.3rem;flex-wrap:wrap; }
.gv-ev-cta{
  display:inline-flex;align-items:center;gap:1rem;text-decoration:none;
  background:linear-gradient(160deg,#E9CE6B,var(--gv-or) 48%,#A6801D);color:#2a1e06;border-radius:14px;padding:.95rem 1.5rem;
  box-shadow:0 14px 28px -12px rgba(166,128,29,.6),inset 0 1px 0 rgba(255,255,255,.45);
  transition:transform .16s ease, box-shadow .22s ease, filter .16s ease;
}
.gv-ev-cta:hover{ transform:translateY(-2px);box-shadow:0 20px 36px -12px rgba(166,128,29,.66),inset 0 1px 0 rgba(255,255,255,.55); }
.gv-ev-cta:active{ transform:translateY(1px);filter:brightness(.97); }
.gv-ev-cta:focus-visible{ outline:3px solid var(--gv-grenat);outline-offset:3px; }
.gv-ev-cta-txt{ font-family:'Figtree',sans-serif;font-weight:700;font-size:1rem; }
.gv-ev-cta-prix{ font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;font-size:1.4rem;padding-left:.9rem;border-left:1px solid rgba(42,30,6,.3); }
.gv-ev-lien{ font-family:'Figtree',sans-serif;font-weight:600;font-size:.9rem;letter-spacing:.03em;color:var(--gv-grenat);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .16s ease; }
.gv-ev-lien:hover{ border-color:var(--gv-or); }
.gv-ev-micro{ list-style:none;margin:1.2rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1rem; }
.gv-ev-micro li{ font-family:'Figtree',sans-serif;font-size:.8rem;color:#A6801D;position:relative;padding-left:1.1rem; }
.gv-ev-micro li::before{ content:'✓';position:absolute;left:0;color:var(--gv-or);font-weight:700; }
@media (max-width:820px){
  .gv-ev-inner{ grid-template-columns:1fr;gap:2rem;padding:2.2rem 1.6rem;text-align:center; }
  .gv-ev-livre{ order:0; }
  .gv-ev-sous{ margin-left:auto;margin-right:auto; }
  .gv-ev-signature{ margin-left:auto;margin-right:auto;text-align:center; }
  .gv-ev-achat,.gv-ev-micro{ justify-content:center; }
}

/* ————— RAYONS : espace en tête (l'intro « collection » supprimée le donnait
   avant → sans lui, le 1er téléphone remontait dans le header / catégories
   collées ; on rétablit le dégagement, Florient 21/07). ————— */
.gv-rayons{ padding-top:clamp(3rem,7vh,6.5rem); }

/* ————— INTRO RAYONS (classe conservée pour réusage éventuel) ————— */
.gv-rayons-intro{
  text-align:center;padding:3.5rem 5vw 9rem;max-width:640px;margin:0 auto;
}
/* Trio d'intro des rayons — LABEL → TITRE → description (harmonisé) :
   « La collection » (label doré structuré, filets or) présente le nom de gamme
   « La fougue de l'étalon » (titre, §11), juste avant le début du dégradé. */
.gv-rayons-collection{
  display:block;font-family:'Figtree',sans-serif;font-weight:600;
  font-size:.82rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gv-or);
  margin-bottom:1rem;
}
.gv-rayons-collection::before,
.gv-rayons-collection::after{
  content:'';display:inline-block;width:clamp(18px,5vw,38px);height:1px;
  background:var(--gv-or);opacity:.55;vertical-align:middle;margin:0 .7rem;
}
.gv-rayons-intro h2{
  font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;
  font-size:clamp(1.9rem,3.8vw,2.5rem);line-height:1.05;margin:0 0 .8rem;color:var(--gv-grenat);
}
.gv-rayons-intro p{color:#556D8A;font-size:1.02rem;line-height:1.6;max-width:520px;margin:0 auto;}

/* Visuels des rayons — la température monte */
.gv-v-fond{background:linear-gradient(150deg,#E3EDF9 0%,var(--gv-nude) 100%);color:#83A2C4;}
.gv-v-maille{background:linear-gradient(150deg,var(--gv-nude) 0%,var(--gv-nude-fonce) 100%);color:#6287B0;}
.gv-v-veste{background:linear-gradient(150deg,var(--gv-nude-fonce) 0%,var(--gv-terracotta) 100%);color:rgba(253,254,255,.75);}
/* Le cuir réchauffe le fil : un fauve (--gvs-cuir) tiré dans le denim. */
.gv-v-cuir{background:linear-gradient(150deg,var(--gv-terracotta) 0%,var(--gv-terracotta-fonce) 55%,#6B5238 100%);color:rgba(253,254,255,.65);}
.gv-v-soir{background:linear-gradient(150deg,var(--gv-grenat) 0%,#0B1826 100%);color:rgba(253,254,255,.45);}

/* ————— BASCULE ————— */
.gv-bascule{text-align:center;padding:6.5rem 5vw;}
.gv-bascule p{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:clamp(1.6rem,3.4vw,2.4rem);color:var(--gv-blanc);
  max-width:620px;margin:0 auto;
  text-shadow:0 2px 24px rgba(21,32,42,.4);
}

/* ————— RÉASSURANCE — plaque DORÉE à vis, même recette que la plaque-citation
   du header (header-footer.css .gv-bandeau--citation) : le doré devient le
   cadre-signature ici aussi, plus de gris métal alu. ————— */
.gv-reassurance{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;
  max-width:1280px;margin:0 auto;padding:0 4vw 6rem;
}
/* Spécificité montée (body.page-template…) pour battre la règle de fond de page
   `…article{background:ivoire !important}` (les cartes sont des <article>). */
body.page-template-template-accueil .gv-reassurance article{
  position:relative;
  background:
    /* 4 vis aux angles, ton bronze/or (au lieu d'acier), même façon que la
       plaque-citation du header. */
    radial-gradient(circle at 16px 16px, #5c460d 0 2px, #8a6a17 2px 3.4px, rgba(255,255,255,.55) 3.4px 4.2px, transparent 4.6px) no-repeat,
    radial-gradient(circle at calc(100% - 16px) 16px, #5c460d 0 2px, #8a6a17 2px 3.4px, rgba(255,255,255,.55) 3.4px 4.2px, transparent 4.6px) no-repeat,
    radial-gradient(circle at 16px calc(100% - 16px), #5c460d 0 2px, #8a6a17 2px 3.4px, rgba(255,255,255,.55) 3.4px 4.2px, transparent 4.6px) no-repeat,
    radial-gradient(circle at calc(100% - 16px) calc(100% - 16px), #5c460d 0 2px, #8a6a17 2px 3.4px, rgba(255,255,255,.55) 3.4px 4.2px, transparent 4.6px) no-repeat,
    /* plaque dorée (identique à la citation du header) */
    linear-gradient(168deg, #F0D77E 0%, #CDA62B 42%, #A67E1B 100%) !important;
  padding:3rem 2.2rem;
  text-align:center;border-radius:1.2rem;
  border:1px solid #7d5f13;
  box-shadow:
    0 18px 45px -22px rgba(16,31,37,.4),
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 -2px 5px rgba(80,54,4,.4);
}
.gv-reassurance h4{
  font-family:'Cormorant Garamond',serif;font-size:1.4rem;
  font-weight:600;margin:0 0 .6rem;color:#2E3134;
}
.gv-reassurance p{font-size:.92rem;color:#52585E;max-width:30ch;margin:0 auto;}
@media(max-width:760px){.gv-reassurance{grid-template-columns:1fr;}}

/* ————— DOC GRAVANO ————— */
.gv-doc{padding:4rem 5vw 7rem;text-align:center;max-width:760px;margin:0 auto;}
.gv-doc h2{
  font-family:'Cormorant Garamond',serif !important;
  font-weight:500 !important;
  font-size:clamp(2rem,4.5vw,3rem);color:var(--gv-blanc) !important;margin:0 0 1.2rem;
}
.gv-doc p{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:1.3rem;color:rgba(255,253,251,.85);margin-bottom:2.4rem;
}
.gv-btn-or{
  display:inline-block;text-decoration:none;font-size:.83rem;
  letter-spacing:.1em;text-transform:uppercase;font-weight:600;
  padding:.85rem 2rem;border-radius:2rem;transition:all .3s;
  border:1.5px solid var(--gv-or);color:var(--gv-or);
  font-family:'Figtree',sans-serif;
}
.gv-btn-or:hover{background:var(--gv-or);color:var(--gv-nuit);}

/* ============================================
   FOOTER GRAVANO — TOUT en blanc et doré,
   aucun texte sombre sur ce fond encre du soir.
   ============================================ */
.gv-footer{
  padding:2.6rem 5vw 3rem;
}
.gv-footer-grille{
  display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;
  max-width:1100px;margin:1.8rem auto 2.4rem; /* écart SOUS la ligne séparatrice (les colonnes ne collent plus) */
}
.gv-footer-logo{
  font-family:'Cormorant Garamond',serif;font-size:1.4rem;
  font-weight:600;letter-spacing:.14em;
  color:#FDFEFF !important;
}
.gv-accent-or{ color:var(--gv-or) !important; }
.gv-footer-marque p{
  margin-top:1rem;max-width:36ch;
  color:#FDFEFF !important;opacity:.85;font-size:.9rem;
}
.gv-footer-col h5{
  font-family:'Figtree',sans-serif;
  font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;
  margin:0 0 .85rem;color:var(--gv-or) !important;font-weight:600;
}
.gv-footer-col ul{list-style:none;margin:0;padding:0;}
.gv-footer-col li{margin-bottom:.7rem;line-height:1.3;}
.gv-footer-col a,
.gv-footer-col a:link,
.gv-footer-col a:visited{
  color:#FDFEFF !important;font-size:.95rem;text-decoration:none;
  opacity:.9;
}
.gv-footer-col a:hover{ opacity:1;color:var(--gv-or) !important; }
.gv-footer-bas{
  text-align:center;border-top:1px solid rgba(253,254,255,.16);
  padding-top:2rem;max-width:1100px;margin:0 auto;
}
.gv-footer-bas p{
  font-size:.85rem;color:var(--gv-or) !important;opacity:.85;margin:0;
}
/* ⚠️ Piège du 01/08 : l'ancien sélecteur incluait aussi `.gv-footer-bas
   p:first-child`, redondant avec la règle ci-dessus — mais une fois le slogan
   passé en tête du bloc (voir footer.php), cette spécificité plus élevée
   (classe + élément + pseudo-classe) aurait gagné sur `.gv-footer-punch`
   malgré son !important, et re-transformé le slogan en petit texte doré.
   Supprimé : la règle générale suffit, le slogan garde son style propre. */
.gv-footer-punch{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:clamp(1.3rem,2.8vw,1.9rem) !important;
  color:#FDFEFF !important;opacity:1 !important;
  text-align:center;width:100%;
  text-shadow:0 2px 24px rgba(0,0,0,.35);
}
/* ⭐ (Florient, 01/08) : copyright + lien « Gravano Désir » regroupés au même
   niveau, sous le slogan qui, lui, reste seul et centré au-dessus. */
.gv-footer-bas-ligne{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:.35rem 1rem;width:100%;margin-top:.9rem;
}
.gv-footer-copyright{ margin:0; }

/* ============================================
   FOOTER AUTONOME (--solo) — RÈGLE DE LISIBILITÉ (décidée)
   Hors accueil (pages de contenu/légales, panier, checkout, produit, compte),
   le footer ne bénéficie pas du grand dégradé de l'accueil : il portait donc un
   fond TRANSPARENT et son texte blanc/doré se délavait sur le rose moyen de la
   page. Il porte désormais SON PROPRE fond chaud qui FINIT COMME LA BOUTIQUE :
   tout en bas du dégradé « le jour qui s'habille », sur l'ENCRE DU SOIR — le plus
   foncé — via une descente terracotta → grenat → nuit. C'est là que le blanc et
   le doré RESSORTENT le mieux (lisibilité parfaite, chaleur enveloppante, sérieux
   & stabilité). La page garde son propre dégradé adapté, le footer le prolonge.
   ============================================ */
.gv-footer--solo{
  background:linear-gradient(180deg,
    var(--gv-terracotta) 0%,
    var(--gv-grenat) 45%,
    var(--gv-nuit) 100%) !important;
}

@media(max-width:760px){ .gv-footer-grille{ grid-template-columns:1fr;gap:2rem; } }

/* Vitrine ebook : « d'abord » en accent + « Ebook » collé au prix (lisibilité). */
.gv-ev-titre-suite{ display:block;font-style:italic;font-weight:600;font-size:.5em;color:var(--gv-terracotta-fonce);margin-top:.04em; }
.gv-ev-cta-prix{ display:inline-flex;flex-direction:column;align-items:center;line-height:1; }
.gv-ev-cta-eb{ font-family:'Figtree',sans-serif;font-weight:700;font-size:.52rem;letter-spacing:.16em;text-transform:uppercase;color:#6a4e08;margin-bottom:.15rem; }

/* ============================================================
   REFONTE COPIE (16/07) — hero enrichi, « 0 · La essayage »,
   citation du Doc en footer. (Textes Florient.)
   ============================================================ */

/* ————— HERO : signature + sous-ligne ————— */
.gv-hero-situe-signature{
  font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;
  font-size:clamp(1.15rem,2.4vw,1.55rem);color:var(--gv-grenat);line-height:1.3;
}
.gv-hero-situe-sous{
  font-family:'Figtree',sans-serif;font-size:clamp(.72rem,1.3vw,.82rem);
  color:var(--gv-terracotta-fonce);font-style:italic;
}
.gv-hero-situe{ gap:.35rem; }

/* ————— VITRINE EBOOK — le produit phare, en fin de fil ————— */
.gv-consult .gv-ev-inner{ align-items:start; }
.gv-consult .gv-ev-livre{ position:sticky;top:112px; }
.gv-consult .gv-ev-eyebrow{ display:inline-flex;align-items:center;gap:.55rem;margin-bottom:.55rem; }
.gv-consult-num{
  display:inline-grid;place-items:center;width:1.55rem;height:1.55rem;border-radius:50%;
  background:linear-gradient(160deg,#E9CE6B,var(--gv-or) 55%,#A6801D);color:#2a1e06;
  font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;font-size:1.05rem;line-height:1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
}
.gv-consult .gv-ev-titre{ margin-bottom:.9rem; }
.gv-consult-meta{ font-family:'Figtree',sans-serif;font-size:1.02rem;line-height:1.6;color:#36414A;margin:0 0 1.2rem; }
.gv-consult-meta strong{ color:var(--gv-grenat); }
.gv-consult-meta em{ display:block;margin-top:.3rem;font-style:italic;color:var(--gv-terracotta-fonce);font-size:.97rem; }
.gv-consult-pitch{ font-family:'Figtree',sans-serif;font-size:1rem;line-height:1.66;color:#404C5A;margin:0 0 1rem;max-width:60ch; }
.gv-consult-programme{
  font-family:'Figtree',sans-serif;font-size:.98rem;line-height:1.6;color:#36414A;margin:.4rem 0 1.6rem;max-width:60ch;
  background:linear-gradient(160deg,#fffdf6,#f8eccf);border:1px solid var(--gv-nude-fonce);border-left:3px solid var(--gv-or);
  border-radius:12px;padding:.95rem 1.15rem;
}
.gv-consult-programme-lab{
  display:block;font-family:'Figtree',sans-serif;font-weight:700;font-size:.7rem;letter-spacing:.2em;
  text-transform:uppercase;color:#A6801D;margin-bottom:.35rem;
}
.gv-consult-now{ font-family:'Figtree',sans-serif;font-size:.98rem;line-height:1.55;color:#404C5A;margin:1.2rem 0 0; }
.gv-consult-now strong{ color:var(--gv-grenat); }
.gv-consult-punch{
  font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:clamp(1.25rem,2.4vw,1.55rem);
  line-height:1.3;color:var(--gv-grenat);margin:1.1rem 0 0;padding-top:1.1rem;border-top:1px solid var(--gv-nude-fonce);
}
@media (max-width:820px){
  .gv-consult .gv-ev-livre{ position:static; }
  .gv-consult .gv-ev-eyebrow{ justify-content:center; }
  .gv-consult-meta,.gv-consult-pitch,.gv-consult-programme,.gv-consult-now{ max-width:none;text-align:left; }
  .gv-consult-punch{ text-align:center; }
}

/* ————— BASCULE : thermomètre ————— */
.gv-bascule-therm{ font-style:normal;font-size:.85em; }

/* ————— FOOTER : réseaux sociaux (remplace la citation du Doc, redondante avec
   la signature au cœur). Icônes dorées en médaillon, prêtes pour les vrais liens. */
/* Réseaux : à la SUITE du copyright, sur la MÊME ligne (footer complet). */
.gv-footer:not(.gv-footer--minimal) .gv-footer-bas{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem 1rem;
}
.gv-footer-social{ margin:0; }
.gv-footer-social-row{ display:flex;justify-content:center;gap:.5rem; }
.gv-soc{
  width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#2a1e06;
  background:linear-gradient(160deg,#F0D77E,var(--gv-or) 52%,#A6801D);
  box-shadow:0 6px 14px -7px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.45);
  transition:transform .16s ease;
}
.gv-soc svg{ width:18px;height:18px; }
.gv-soc:hover{ transform:translateY(-2px); }
.gv-soc:focus-visible{ outline:2px solid var(--gv-or-clair);outline-offset:2px; }

/* ————— VITRINE EBOOK : « wow » lumineux + dégradé maintenu —————
   Objectif : plus de coupure sèche header↔ebook. L'écrin devient un joyau
   posé dans un halo d'or (spotlight), sa teinte crème est réchauffée vers le
   bleu pour épouser le dégradé du vestiaire, et on lui donne de l'air en haut. */
.gv-consult{
  padding-top:6rem;
  background:
    radial-gradient(64% 62% at 50% 34%, rgba(201,162,39,.30), rgba(201,162,39,0) 72%),
    radial-gradient(130% 80% at 50% 0%, rgba(255,249,236,.55), rgba(255,249,236,0) 58%);
}
.gv-consult .gv-ev-inner{
  background:linear-gradient(160deg,#FFFDF9 0%,#FDF3E6 58%,#FAEEE6 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 0 0 1px rgba(201,162,39,.55),
    0 0 0 9px rgba(201,162,39,.12),
    0 44px 90px -36px rgba(166,128,29,.55);
}
/* le livre baigne dans une lueur d'or renforcée */
.gv-consult .gv-ev-livre::before{
  inset:-16% -22%;
  background:radial-gradient(circle at 50% 42%, rgba(201,162,39,.5), rgba(201,162,39,0) 68%);
}

/* ————— HERO MOBILE : éviter le chevauchement plaque ↔ hero-situe enrichi ————— */
@media (max-width:760px){
  .gv-hero-situe-sous{ display:none; }                 /* déjà en intro rayons */
  body.page-template-template-accueil .gv-hero-situe{ bottom:2.6rem; gap:.3rem; }
  body.page-template-template-accueil .gv-hero .gv-tagline{ bottom:16.5rem; }
  .gv-hero-situe-signature{ font-size:1.12rem; }
}

/* ————— L'OBJET-LIVRE : à plat, plus grand (PC), GRAVANO doré ————— */
.gv-consult .gv-ev-livre-face{ width:min(300px,62vw); }
.gv-ev-livre-marque{
  font-family:'Figtree',sans-serif;font-weight:700;font-size:.74rem;letter-spacing:.3em;margin-top:.15rem;
  background:linear-gradient(160deg,#F3DE8A 0%,var(--gv-or) 52%,#A6801D 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
@media (max-width:820px){ .gv-consult .gv-ev-livre-face{ width:min(260px,66vw); } }

/* ————— CADRE DE CATÉGORIE : numéro regroupé + resserré + fini (Florient) ————— */
.gv-rayon-visuel .gv-chiffre{ display:none; }   /* plus de chiffre géant côté téléphone */
.gv-rayon-texte{
  padding:2.7rem 2.9rem;
  border:1px solid rgba(201,162,39,.42);
}
.gv-rayon-texte::before{
  content:attr(data-num);
  font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;
  font-size:2.5rem;line-height:1;color:var(--gv-or);display:block;margin-bottom:.3rem;
}
.gv-zone-intense .gv-rayon-texte::before{ color:var(--gv-grenat-clair); }
.gv-rayon-texte .gv-etiquette{ font-family:'Figtree',sans-serif;font-weight:700;letter-spacing:.01em;font-size:1.55rem;margin-bottom:.55rem; }
.gv-rayon-texte .gv-pitch{ font-size:1.3rem;margin-bottom:.45rem;color:var(--gv-encre);max-width:38ch; }
.gv-rayon-texte .gv-details{ font-size:1rem;margin-bottom:0;color:#64778A;max-width:40ch; }

/* Hero mobile : masquer la plaque tagline orpheline (la signature la remplace). */
@media (max-width:760px){
  .gv-hero .gv-tagline{ display:none !important; }
  .gv-rayon-texte{ padding:2rem 2.2rem; }
}

/* Le cadre de catégorie épouse sa description (ne s'étire plus sur toute la
   hauteur du rayon → « plus rapproché des descriptions », centré face au phone). */
.gv-rayon-texte{ align-self:center; }
@media(max-width:760px){ .gv-rayon-texte{ align-self:stretch; } }

/* Livre essayage : centré verticalement → espace haut/bas équilibré, plus de
   grand blanc sous le livre (règle générale « pas de blancs inutiles », Florient). */
.gv-consult .gv-ev-inner{ align-items:center; }
.gv-consult .gv-ev-livre{ position:static; }

/* ————— CADRE CATÉGORIE v2 (Florient) : numéro À CÔTÉ de l'intitulé, tout DORÉ,
   cadre resserré et proportionné. ————— */
.gv-rayon-texte{ padding:1.9rem 2.2rem; }
.gv-rayon-texte::before{
  display:inline-block;vertical-align:baseline;margin:0 .55rem 0 0;
  font-size:1.85rem;font-style:italic;font-weight:600;color:var(--gv-or);
}
.gv-rayon-texte .gv-etiquette{
  display:inline-block;color:var(--gv-or);font-size:1.5rem;margin-bottom:0;
}
.gv-zone-intense .gv-rayon-texte .gv-etiquette{ color:var(--gv-or); }
.gv-rayon-texte .gv-pitch{ margin-top:.75rem;margin-bottom:.4rem; }

/* ————— HERO desktop : remonter un peu les deux premières phrases ————— */
@media (min-width:761px){
  .gv-hero-situe{ bottom:8rem; }
}

/* La carte repasse en flux BLOC (au lieu de flex column) → le numéro et
   l'intitulé tiennent côte à côte sur une ligne. Centrage vertical assuré par
   align-self:center (grille). */
.gv-rayon-texte{ display:block; }

/* ————— DESCRIPTIONS agrandies pour occuper l'espace (Florient) ————— */
.gv-rayon-texte{ padding:2.9rem 3.1rem; }
.gv-rayon-texte::before{ font-size:2.2rem;margin-right:.6rem; }
.gv-rayon-texte .gv-etiquette{ font-size:1.75rem; }
.gv-rayon-texte .gv-pitch{ font-size:1.55rem;line-height:1.35;margin-top:1rem;margin-bottom:.6rem;max-width:24ch; }
.gv-rayon-texte .gv-details{ font-size:1.15rem;line-height:1.45;max-width:30ch; }
@media(max-width:760px){
  .gv-rayon-texte{ padding:2.1rem 2.2rem; }
  .gv-rayon-texte .gv-pitch{ font-size:1.35rem; }
  .gv-rayon-texte .gv-details{ font-size:1.05rem; }
}

/* ————— CADRE CATÉGORIE v3 — cadrage/taille/couleur/proportion impeccables ————— */
/* Carte substantielle (min-height), contenu centré, numéro DANS l'intitulé. */
.gv-rayon-texte{
  display:flex;flex-direction:column;justify-content:center;
  min-height:clamp(300px,44vh,430px);
  padding:2.6rem 3rem;align-self:center;
  border:1px solid rgba(201,162,39,.42);border-radius:1.4rem;
}
.gv-rayon-texte::before{ display:none; }          /* l'ancien numéro (au-dessus) est retiré */
.gv-rayon-texte .gv-etiquette{
  display:block;color:var(--gv-or);font-family:'Figtree',sans-serif;font-weight:700;
  font-size:1.75rem;letter-spacing:.01em;margin-bottom:.85rem;
}
.gv-zone-intense .gv-rayon-texte .gv-etiquette{ color:var(--gv-or); }
.gv-rayon-texte .gv-etiquette::before{
  content:attr(data-num);
  font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:600;
  font-size:1.35em;color:var(--gv-or);margin-right:.55rem;
}
.gv-rayon-texte .gv-pitch{ font-size:1.55rem;line-height:1.35;color:var(--gv-encre);margin:0 0 .6rem;max-width:26ch; }
.gv-rayon-texte .gv-details{ font-size:1.15rem;line-height:1.45;color:#64778A;margin:0;max-width:32ch; }
@media(max-width:760px){
  .gv-rayon-texte{ min-height:auto;padding:2.1rem 2.2rem;align-self:stretch; }
  .gv-rayon-texte .gv-pitch{ font-size:1.35rem; }
  .gv-rayon-texte .gv-details{ font-size:1.05rem; }
}

/* ============================================================
   CARTE DE CATÉGORIE = « CARTE DE VISITE GRAVANO » (Florient)
   Format carte de visite compacte, posée sur la surface, INCLINÉE
   différemment par rayon, STYLE VARIÉ, finition premium. Taille en
   rapport avec le téléphone → réalisme. (Desktop ; mobile reste à plat.)
   ============================================================ */
.gv-rayon-texte{
  display:block;min-height:auto;
  max-width:400px;justify-self:center;align-self:center;
  padding:1.7rem 1.9rem 1.4rem;position:relative;
  border:1px solid rgba(201,162,39,.55);border-radius:12px;
  background:linear-gradient(158deg,#FFFDF9 0%,#FBF4E6 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 20px 36px -16px rgba(21,32,42,.5),
    0 3px 8px rgba(21,32,42,.16);
}
.gv-rayon-texte .gv-etiquette{ font-size:1.5rem;margin-bottom:.5rem; }
.gv-rayon-texte .gv-etiquette::before{ font-size:1.3em; }
.gv-rayon-texte .gv-pitch{ font-size:1.3rem;line-height:1.28;margin:0 0 .35rem;max-width:none; }
.gv-rayon-texte .gv-details{ font-size:1rem;line-height:1.4;margin:0;max-width:none; }
/* marque discrète en pied de carte (c'est une carte GRAVANO) */
.gv-rayon-texte::after{
  content:"GRAVANO";display:block;margin-top:.95rem;
  font-family:'Figtree',sans-serif;font-size:.58rem;letter-spacing:.3em;font-weight:700;
  color:var(--gv-or);opacity:.68;
}
/* Inclinaison + TEINTE différentes par rayon (cartes variées, cohérentes) */
.gv-rayons section.gv-rayon:nth-of-type(1) .gv-rayon-texte{ transform:rotate(-2.4deg); background:linear-gradient(158deg,#FFFDFA,#FBF2EC); }
.gv-rayons section.gv-rayon:nth-of-type(2) .gv-rayon-texte{ transform:rotate(1.8deg);  background:linear-gradient(158deg,#FFFDF6,#FAF0DC); }
.gv-rayons section.gv-rayon:nth-of-type(3) .gv-rayon-texte{ transform:rotate(-1.4deg); background:linear-gradient(158deg,#FFFCF7,#FBEEDF); }
.gv-rayons section.gv-rayon:nth-of-type(5) .gv-rayon-texte{ transform:rotate(2.6deg);  background:linear-gradient(158deg,#FFFAF6,#DDE8FA); }
.gv-rayons section.gv-rayon:nth-of-type(6) .gv-rayon-texte{ transform:rotate(-3deg);   background:linear-gradient(158deg,#FFF8F4,#D2E1F6); }
.gv-rayons section.gv-rayon:nth-of-type(7) .gv-rayon-texte{ transform:rotate(1.4deg);   background:linear-gradient(158deg,#FEF7F3,#C8DAF1); }
/* survol : la carte se redresse légèrement (vivante) */
.gv-rayon-texte{ transition:transform .25s ease, box-shadow .25s ease; }
.gv-rayons section.gv-rayon .gv-rayon-texte:hover{ transform:rotate(0deg) translateY(-3px); box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 26px 44px -18px rgba(21,32,42,.55),0 4px 10px rgba(21,32,42,.2); }

@media(max-width:760px){
  .gv-rayon-texte{ max-width:none;transform:none !important;padding:1.9rem 2.1rem; }
  .gv-rayon-texte:hover{ transform:none !important; }
}

/* ————— TENDRESSE : petit cœur doré qui bat (hero, charnière signature) ————— */
.gv-coeur{
  display:block;color:var(--gv-or);font-size:1.05rem;line-height:1;margin:.15rem 0;
  transform-origin:center;animation:gv-battement 2.6s ease-in-out infinite;
}
/* Le bouton ne « bat » pas comme un cœur : il brille un instant, comme du
   laiton qui accroche la lumière. Plus juste, et moins sentimental. */
@keyframes gv-battement{
  0%,40%,100%{ transform:scale(1); filter:none; }
  12%{ transform:scale(1.1); filter:brightness(1.35); }
  24%{ transform:scale(1); filter:none; }
}
@media(prefers-reduced-motion:reduce){ .gv-coeur{ animation:none; } }

/* ⬤ Le petit BOUTON doré (là où la mère met un cœur) : même place, même rôle
   de chaleur, mais dans le vocabulaire du vestiaire. Le trait ET les 4 trous
   sont en currentColor → une seule couleur à régler. */
.gv-coeur svg{ width:20px;height:20px;display:inline-block;vertical-align:middle;fill:currentColor;color:var(--gv-or);filter:drop-shadow(0 1px 1px rgba(166,128,29,.4)); }

/* ————— HERO : figer le flottement + décaler légèrement à gauche (sous le tampon),
   et faire BATTRE seulement « et le reste » (Florient). ————— */
.gv-hero-situe{ animation:none; }                 /* le bloc ne flotte plus */
@media (min-width:761px){
  .gv-hero-situe{ transform:translateX(calc(-50% - 32px)); }   /* léger décalage gauche */
}
.gv-reste{
  display:block;width:fit-content;margin:.4rem auto 0;
  color:var(--gv-or);transform-origin:center;
  animation:gv-battement 2.6s ease-in-out infinite;   /* bat comme le cœur */
}
@media(prefers-reduced-motion:reduce){ .gv-reste{ animation:none; } }

/* ————— Cartes de réassurance : caractères agrandis (Florient) ————— */
.gv-reassurance h4{ font-size:1.6rem; }
.gv-reassurance p{ font-size:1.08rem;max-width:32ch; }
@media(max-width:760px){
	/* Sur mobile, les plaques dorées agrandies ci-dessus deviennent imposantes et
	   mangent tout le dégradé de fond (retour Florient 25/07, même symptôme que
	   l'encart cadeau) : marge latérale + gabarit plus mignon, desktop inchangé. */
	.gv-reassurance{ gap:.9rem;padding:0 10vw 3.5rem; }
	body.page-template-template-accueil .gv-reassurance article{ padding:1.3rem 1.1rem;border-radius:.9rem; }
	.gv-reassurance h4{ font-size:1.18rem;font-weight:700;margin-bottom:.3rem; }
	.gv-reassurance p{ font-size:.88rem;font-weight:600;color:#3a3f43; }
}

/* Gras d'accent dans le pitch de la essayage (compréhension instantanée). */
.gv-consult-pitch strong{ color:var(--gv-grenat);font-weight:600; }

/* ============================================================
   MOBILE — réglage fin des rayons (Florient) :
   téléphone AGRANDI (~2×) + centré ; carte de visite RÉDUITE, en biais,
   COINCÉE sous le téléphone concerné (association claire phone↔catégorie).
   ============================================================ */
@media (max-width:760px){
  /* Le visuel n'est plus qu'un support du téléphone : on retire le cadre pink
     parasite (le grand dégradé de page porte déjà la température). */
  body.page-template-template-accueil .gv-rayon-visuel{
    min-height:56vh;border:none !important;box-shadow:none !important;
    background:transparent !important;padding:0;
  }
  .gv-rayon-visuel .gv-chiffre{ display:none; }
  /* Téléphone : ~2× plus grand, centré, léger biais (quel que soit le rayon). */
  .gv-rayons section.gv-rayon .gv-mockup-wrap{
    left:50% !important;right:auto !important;top:50% !important;
    height:122% !important;max-height:none;
    transform:translate(-50%,-50%) rotate(-2deg) !important;
  }
  /* Carte de visite : plus petite, centrée, EN BIAIS, remontée SOUS le téléphone. */
  body.page-template-template-accueil .gv-rayon-texte{
    max-width:318px;align-self:center;margin:-2.2rem auto 0 !important;
    transform:rotate(-2.6deg) !important;padding:1.35rem 1.6rem 1.05rem !important;
    position:relative;z-index:5;
  }
  .gv-rayon-texte .gv-etiquette{ font-size:1.35rem; }
  .gv-rayon-texte .gv-pitch{ font-size:1.2rem; }
  .gv-rayon-texte .gv-details{ font-size:.98rem; }
}

/* Mobile : biais ALTERNÉ des cartes (variété « cartes de visite différentes »). */
@media (max-width:760px){
  .gv-rayons section.gv-rayon:nth-of-type(2) .gv-rayon-texte,
  .gv-rayons section.gv-rayon:nth-of-type(5) .gv-rayon-texte,
  .gv-rayons section.gv-rayon:nth-of-type(7) .gv-rayon-texte{ transform:rotate(2.6deg) !important; }
}

/* ————— CARTES DE VISITE : TOUTES À LA MÊME TAILLE (comme de vraies cartes) —————
   Largeur + hauteur mini fixes, contenu en colonne, « GRAVANO » calé en bas
   → toutes les cartes ont le même gabarit quelle que soit la longueur du texte. */
.gv-rayon-texte{
  display:flex;flex-direction:column;box-sizing:border-box;
  width:380px;max-width:none;min-height:222px;
}
.gv-rayon-texte::after{ margin-top:auto;padding-top:.9rem; }   /* GRAVANO toujours en bas */
@media (max-width:760px){
  body.page-template-template-accueil .gv-rayon-texte{ width:300px;max-width:none;min-height:196px; }
}

/* ————— MOBILE — TÉLÉPHONE CONTENU + CENTRÉ, CARTES DROITES (Florient 22/07).
   Remplace 4 anciennes tentatives empilées (« Mobile / v2 / v3 ») qui se
   contredisaient en !important → le téléphone débordait (height 128 %) et
   chevauchait la catégorie suivante. Objectif : catégories qui RESPIRENT,
   téléphone contenu dans son visuel, carte de visite DROITE et lisible. ————— */
@media (max-width:760px){
  body.page-template-template-accueil .gv-rayon-visuel{
    min-height:auto !important;padding:.3rem 0 !important;
    display:flex !important;justify-content:center !important;align-items:flex-start !important;
  }
  .gv-rayons section.gv-rayon .gv-rayon-visuel .gv-chiffre{ position:absolute !important; }
  .gv-rayons section.gv-rayon .gv-mockup-wrap{
    position:relative !important;inset:auto !important;
    width:min(76vw, 300px) !important;height:auto !important;max-height:none !important;
    aspect-ratio:100 / 205 !important;transform:none !important;margin:0 auto !important;
  }
  /* Carte de visite DROITE + centrée (fini les biais/offset du desktop) */
  /* ⭐ RÉGLAGES DU CHEVAUCHEMENT (Florient — modifiables ici) :
     - décalage carte à GAUCHE : translateX ci-dessous (plus négatif = plus à gauche)
     - le téléphone est décalé à droite dans .gv-mockup-wrap (translateX positif)
     → le téléphone mord le COIN BAS-DROIT de la carte (vide), le texte (à gauche) reste lisible. */
  body.page-template-template-accueil .gv-rayon-texte{ transform:translateX(-13%) !important;margin:0 auto !important;position:relative;z-index:1; }
}

/* ————— RÉALISME CARTE DE VISITE (Florient) : trait doré sous le titre +
   coordonnées (l'e-mail) en pied, comme une vraie carte. ————— */
.gv-rayon-texte .gv-etiquette::after{
  content:'';display:block;width:46px;height:2px;margin-top:.5rem;border-radius:2px;
  background:linear-gradient(90deg,var(--gv-or) 0%,rgba(201,162,39,.15) 100%);
}
.gv-rayon-texte::after{
  content:"GRAVANO\A doc@gravano.fr";
  white-space:pre-line;line-height:1.9;letter-spacing:.15em;font-size:.57rem;
}

/* ————— FORMAT CARTE DE VISITE VERROUILLÉ (paysage) — dimensions fixes,
   contenu compacté pour tenir dedans (réalisme = bonnes proportions). ————— */
.gv-rayon-texte{
  width:400px;max-width:none;min-height:0 !important;height:250px;overflow:hidden;
  padding:1.35rem 1.7rem;
}
.gv-rayon-texte .gv-etiquette{ font-size:1.4rem;margin-bottom:0; }
.gv-rayon-texte .gv-etiquette::after{ margin-top:.4rem; }
.gv-rayon-texte .gv-pitch{ font-size:1.18rem;line-height:1.25;margin:.55rem 0 .2rem;max-width:none; }
.gv-rayon-texte .gv-details{ font-size:.98rem;line-height:1.3; }
.gv-rayon-texte::after{ font-size:.55rem;line-height:1.6;padding-top:.5rem; }
@media (max-width:760px){
  body.page-template-template-accueil .gv-rayon-texte{ width:300px !important;height:190px !important;padding:1rem 1.35rem !important; }
  .gv-rayon-texte .gv-etiquette{ font-size:1.15rem !important; }
  .gv-rayon-texte .gv-etiquette::after{ margin-top:.3rem;width:40px; }
  .gv-rayon-texte .gv-pitch{ font-size:1rem !important;line-height:1.2 !important;margin:.35rem 0 .12rem !important; }
  .gv-rayon-texte .gv-details{ font-size:.82rem !important;line-height:1.25 !important; }
  .gv-rayon-texte::after{ font-size:.5rem;line-height:1.45;padding-top:.4rem; }
}

/* ————— « Intervention de Gravano » dans la essayage (Florient) :
   « FAUX. » / « TOUT AUSSI FAUX. » — majuscules + guillemets, grenat, punché,
   pour trancher net dans le texte comme une voix qui coupe. ————— */
.gv-consult-pitch .gv-verdict{
  font-weight:800;
  color:var(--gv-grenat);
  text-transform:uppercase;
  letter-spacing:.03em;
  white-space:nowrap;
}

/* ————— MOBILE — cartes-rayons + TÉLÉPHONE : réglage FINAL ROBUSTE (Florient 17/07).
   CAUSE RACINE réglée : le téléphone était dimensionné par la LARGEUR (76vw) mais son
   cadre par la HAUTEUR (vh) → leur écart (le débordement haut/bas) dépendait du RATIO
   de l'écran → incalibrable (marchait en émulation, pas sur un iPhone très haut).
   ICI le téléphone est dimensionné par la HAUTEUR (vh) et CONTENU dans son cadre → plus
   AUCUN débordement (ni sur la carte du dessous, ni sur celle du dessus du rayon suivant),
   cohérent sur TOUT appareil. La carte se glisse juste par le coin, titre toujours lisible. */
@media (max-width:760px){
  .gv-rayons section.gv-rayon .gv-rayon-visuel{ min-height:70vh !important; }
  .gv-rayons section.gv-rayon .gv-mockup-wrap{
    width:auto !important; height:66vh !important; max-height:66vh !important;
    left:50% !important; right:auto !important; top:50% !important; bottom:auto !important;
    transform:translate(-50%,-50%) rotate(-2deg) !important;
  }
  /* carte : le -2vh annule l'écart phone↔bas-du-cadre (2vh) ; le -9px est le TUCK
     FIXE (le coin haut passe 9px sous le téléphone). En px, le tuck ne grandit pas
     avec l'écran → le titre (à ~19px du haut) reste TOUJOURS dégagé (~10px). */
  body.page-template-template-accueil .gv-rayon-texte{ margin-top:calc(-3.8vh - 10px) !important; }
  /* séparation nette entre rayons (plus de débordement à compenser). */
  .gv-rayons section.gv-rayon{ margin-bottom:5vh !important; }
  /* inclinaisons variées, une par carte. */
  .gv-rayons section.gv-rayon:nth-of-type(1) .gv-rayon-texte{ transform:translateX(-17px) rotate(-3.6deg) !important; }
  .gv-rayons section.gv-rayon:nth-of-type(2) .gv-rayon-texte{ transform:translateX(19px)  rotate(2deg)    !important; }
  .gv-rayons section.gv-rayon:nth-of-type(3) .gv-rayon-texte{ transform:translateX(-9px)  rotate(4.2deg)  !important; }
  .gv-rayons section.gv-rayon:nth-of-type(5) .gv-rayon-texte{ transform:translateX(15px)  rotate(-2.3deg) !important; }
  .gv-rayons section.gv-rayon:nth-of-type(6) .gv-rayon-texte{ transform:translateX(-15px) rotate(3.4deg)  !important; }
  .gv-rayons section.gv-rayon:nth-of-type(7) .gv-rayon-texte{ transform:translateX(13px)  rotate(-4.3deg) !important; }
}

/* ═══════════════════════════════════════════════════════════════════════
   MOBILE MOCKUP — RÈGLE FINALE AUTORITAIRE (Florient 22/07).
   Le fichier avait accumulé ~5 tentatives contradictoires en !important
   (« Mobile / v2 / v3 »…) → le téléphone débordait (height 128 %/76vw) et
   chevauchait la catégorie suivante. Cette règle, en TOUTE FIN de fichier,
   gagne sur toutes : téléphone CONTENU + CENTRÉ, sans débordement, carte DROITE.
   ⚠️ Ne plus ajouter de règle mockup mobile ailleurs — tout passe ici.
   ═══════════════════════════════════════════════════════════════════════ */
@media (max-width:760px){
  body.page-template-template-accueil .gv-rayon-visuel{
    min-height:0 !important;padding:.3rem 0 !important;
    display:flex !important;justify-content:center !important;align-items:flex-start !important;
    /* le téléphone REMONTE sur le bas de la carte → la carte est « engagée » à
       peine sous lui (comme avant), sans masquer son texte. z-index : dessus. */
    margin-top:-1.5rem !important;position:relative;z-index:3;
  }
  .gv-rayons section.gv-rayon .gv-rayon-visuel .gv-chiffre{ position:absolute !important; }
  .gv-rayons section.gv-rayon .gv-mockup-wrap{
    position:relative !important;
    top:auto !important;right:auto !important;bottom:auto !important;left:auto !important;
    width:min(74vw, 300px) !important;height:auto !important;max-height:none !important;
    aspect-ratio:100 / 205 !important;
    transform:translateX(13%) !important;
    margin:0 auto !important;
  }
  /* ⭐ RÉGLAGES DU CHEVAUCHEMENT (Florient — modifiables ici) :
     - décalage carte à GAUCHE : translateX ci-dessous (plus négatif = plus à gauche)
     - le téléphone est décalé à droite dans .gv-mockup-wrap (translateX positif)
     → le téléphone mord le COIN BAS-DROIT de la carte (vide), le texte (à gauche) reste lisible. */
  body.page-template-template-accueil .gv-rayon-texte{ transform:translateX(-13%) !important;margin:0 auto !important;position:relative;z-index:1; }
}


/* ── Lien entre les maisons Gravano (28/07/2026) ────────────────────────────
   Sobre par construction : ce n'est ni une porte, ni un appel à l'action. Le
   visiteur qui la remarque la suivra ; les autres ne doivent pas être détournés
   de leur achat. D'où la taille réduite, l'opacité, et le soulignement au seul
   survol. */
.gv-footer-maisons{
  margin-top:.7rem;
  font-size:.78rem;
  letter-spacing:.02em;
  color:rgba(255,255,255,.42);
}
.gv-footer-maisons a{
  color:rgba(240,215,126,.72);
  text-decoration:none;
  border-bottom:1px solid rgba(240,215,126,.22);
  padding-bottom:1px;
}
.gv-footer-maisons a:hover{
  color:rgba(240,215,126,.95);
  border-bottom-color:rgba(240,215,126,.6);
}


/* ── Hero sans or (28/07/2026) ─────────────────────────────────────────────
   Le doré reste le fil de la MAISON (logo, panier). Dans le hero de Style, sur
   fond ivoire et à côté d'une palette bleue, il tire vers le jaune et se bat
   avec l'encre. L'accent passe donc au bleu profond : la lettre reste mise en
   valeur, sans l'effet « diplôme ». */
body.page-template-template-accueil .gv-hero h1 .gv-accent-or,
body.page-template-template-accueil .gv-hero .gv-accent-or{
  color:var(--gv-grenat) !important;
}


/* ══ Lot mobile 29/07/2026 (Florient) ══════════════════════════════════════

   1. LE « N » REDEVIENT DORÉ. Hier j'avais lu « enlève le style doré » comme
      « enlève tout l'or » ; il s'agissait du mot « Style » écrit en or, pas de
      l'accent du N. Or ce N doré est la signature de la maison — il est sur
      toutes les boutiques, c'est lui qui fait reconnaître le nom d'un coup
      d'œil. Il revient. */
body.page-template-template-accueil .gv-hero h1 .gv-accent-or,
body.page-template-template-accueil .gv-hero .gv-accent-or{
  color:var(--gv-or) !important;
}

/*  2. LE MOT « Style » SOUS LE TITRE DISPARAÎT. Le tampon encadré dit déjà de
      quelle boutique il s'agit ; l'écrire une seconde fois juste en dessous est
      une redite, et elle mange de la hauteur sur un écran de téléphone. */
.gv-hero-marque{ display:none !important; }

/*  3. LE TAMPON RÉTRÉCIT. Il occupait presque toute la largeur de l'écran et
      écrasait GRAVANO, alors qu'un tampon doit se poser SUR quelque chose, pas
      le remplacer. Il redevient un sceau : large comme les deux tiers du titre,
      posé en biais sur sa fin. */
@media(max-width:760px){
  .gv-hero-tampon,
  .gv-hero img[alt*="STYLE" i],
  .gv-hero img[alt*="tampon" i]{
    width:52vw !important; max-width:230px !important; height:auto !important;
  }
}