/**
 * Gabarit BoxEnVille 2026 — feuille commune (design d'unboxenville.fr, bloc #ub9-root)
 *
 * Demande de Frédéric du 2026-10-15 : refaire fidèlement unboxenville.fr
 * (rouge et blanc, DM Sans + Manrope) dans un gabarit Boxanet générique.
 * Une seule feuille pour toutes les pages du gabarit (accueil, Comment ça
 * marche, Le centre, Tarifs, Particuliers, Professionnels, Réserver, blog,
 * article, contact, légal, guide des tailles, communes) : versionnée par
 * View::versionedAsset('css/boxenville-2026.css'), polices auto-hébergées
 * par css/self-hosted-fonts.css (View::versionedFontsCss()).
 *
 * PORTÉE : variables et styles de base sur `.bev` (le <body> des pages du
 * gabarit) et `.bev-chrome` (en-tête, pied, barre mobile posés dans une
 * page qui n'est pas du gabarit : booking.php, box.php, parkings.php, avec
 * Bootstrap). Toutes les classes sont préfixées « bev- » (pas de collision
 * avec Bootstrap ni avec Moderne 2026). Les couleurs --red / --red2 sont
 * surchargées en ligne par boxenville-2026/head.php quand le client a choisi
 * un accent (VitrineBoxEnVille::contexte()['couleurs']).
 *
 * SQUELETTE D'UNE PAGE (app/views/sites/templates/boxenville-2026/) :
 *   $bev = VitrineBoxEnVille::contexte($site, $slug, get_defined_vars());
 *   include outils.php     → $h, $bevIcone, $bevEtoiles, $bevEuros, $bevResa,
 *                            $bevTel, $bevImg, $bevJson (cf. son en-tête)
 *   <head> : <title>, description, seo_head.php, puis include head.php
 *            (polices, feuille, couleurs, window.BOXANET_GA_ID(S), BOXANET_SITE_ID, BOXANET_SITE_NAME, BOXANET_ADS)
 *   <body class="bev"> : include sprite.php, site_header.php ($bevPage,
 *            $bevSansMenu), <main>…</main>, site_footer.php
 *            ($bevSansBarreMobile), puis scripts.php (cookie-consent.js,
 *            bandeau, js/boxenville-2026.js) juste avant </body>.
 *   CTA : <a class="bev-btn bev-arrow"<?= $bevResa('booking_xxx') ?>>…</a>,
 *         <a<?= $bevTel('phone_xxx') ?>>…</a> (data-track + data-cta posés).
 *   Mobile : la barre apparaît quand [data-bev-hero-cta] (le CTA principal
 *         du hero) sort de l'écran ; sans cet attribut, après défilement.
 *
 * CLASSES DISPONIBLES (à réutiliser telles quelles par les autres pages) :
 *   Mise en page  bev-wrap · bev-section [bev-section-soft | bev-section-tight]
 *                 bev-section-head [is-centered] · bev-kicker · bev-title
 *                 bev-lead · bev-grid-2 / -3 / -4 · bev-stack · bev-center
 *                 bev-sr-only · ul.bev-reset (bandeau aperçu : partials/bandeau_apercu.php)
 *   Boutons       bev-btn [bev-btn-dark | -line | -soft | -white | -sm | -block]
 *                 + bev-arrow (flèche → décorative) · bev-inline-link
 *                 bev-linkbtn (bouton qui ressemble à un lien)
 *   Icônes        <svg class="bev-icon"><use href="#bev-i-check"/></svg>
 *                 (sprite : boxenville-2026/sprite.php ; noms : check, pin,
 *                 phone, clock, shield, camera, key, lift, cart, fire, car,
 *                 light, box, star, menu, close, arrow, chevron-left,
 *                 chevron-right, zoom, mail, calendar, doc, euro, user,
 *                 briefcase, info, cross, route, lock, parking,
 *                 arrow-up-right, play, cube)
 *   En-tête       bev-topbar · bev-navshell · bev-nav · bev-logo · bev-menu
 *                 bev-navact · bev-navtel · bev-navbtn · bev-hamburger
 *                 bev-drawer (partial site_header.php)
 *   Hero          bev-hero · bev-hero-grid · bev-trustrow · bev-pill
 *                 bev-google + bev-stars · bev-accent (2e phrase rouge du h1)
 *                 bev-price-line · bev-hero-actions · bev-hero-mini
 *                 bev-hero-img-wrap · bev-photo-stamp · bev-hero-bubble
 *                 bev-pagehero (hero des pages intérieures, + bev-breadcrumb,
 *                 bev-badges/bev-badge, bev-toc)
 *   Bandeau       bev-ribbon · bev-ribbonitem (bandeau sombre de preuves)
 *   Cartes        bev-card [is-hover] · bev-cards (grille auto) · bev-offers
 *                 bev-offer · bev-offer-illustration · bev-sized · bev-boxshape
 *                 bev-use · bev-offer-price · bev-price-footnote
 *                 bev-cases · bev-case
 *   Étapes        bev-how · bev-how-grid [is-4] · bev-step · bev-step-number
 *   Estimateur    bev-estimator-card · bev-estimator-left · bev-choice-grid
 *                 bev-choice · bev-estimator-note · bev-estimator-result
 *                 bev-result-size/-volume/-price/-copy/-disclaimer
 *                 (JS : [data-bev-estimateur], cf. boxenville-2026.js)
 *   Atouts        bev-proofintro · bev-proofcards · bev-proofcard · bev-prooficon
 *   Galerie       bev-gallery-head · bev-gallery-sub · bev-gallery · bev-photo
 *                 bev-photo-zoom · bev-gallery-cta · visionneuse bev-lightbox
 *                 (JS : [data-bev-galerie] > a[data-bev-photo])
 *   Visite 3D     bev-visite3d · bev-visite3d-cadre [is-lancee | is-sans-apercu]
 *                 bev-visite3d-lancer · bev-visite3d-voile · bev-visite3d-play
 *                 bev-visite3d-pied · bev-visite3d-aide · bev-visite3d-source
 *                 (partial visite_3d.php ; JS : [data-bev-visite3d])
 *   Sombre        bev-dark (section nuit) · bev-reviews · bev-reviews-flex
 *                 bev-review-action
 *   Équipe        bev-human-grid · bev-human-bullets · bev-human-photo
 *                 bev-human-caption
 *   Accès         bev-location-card · bev-location-map · bev-map-placeholder
 *                 bev-location-copy · bev-location-facts · bev-location-actions
 *   Encart        bev-checkoutnote · bev-checkoutcopy · bev-note [is-warn]
 *   Listes        bev-checklist · bev-crosslist · bev-facts (dl)
 *   FAQ           bev-faq-grid · bev-faq-intro · bev-faq (<details><summary>)
 *   Appel final   bev-final · bev-final-box · bev-final-actions
 *   Pied          bev-footer · bev-footer-grid · bev-footer-logo · bev-footer-desc
 *                 bev-footer-list · bev-footer-legal · bev-footer-note
 *                 bev-footer-bottom · bev-mobilebar [is-visible | is-solo]
 *   Blog          bev-posts · bev-post · bev-post-img · bev-post-body
 *                 bev-post-meta · bev-pagination (aria-current="page")
 *                 bev-article-head · bev-article-img · bev-prose (contenu d'article)
 *   Formulaires   bev-form · bev-field · bev-label · bev-input · bev-textarea
 *                 bev-select · bev-check · bev-help · bev-alert [is-ok | is-err]
 *                 bev-hp (pot de miel, masqué)
 *   Tableaux      bev-table (dans bev-table-wrap, défilement horizontal)
 *
 * @package     Boxanet
 * @subpackage  Public/CSS
 * @author      GeoCodeTout - Frédéric Nauleau
 * @since       2026-10-15
 */

/* ------------------------------------------------------------------ */
/* Variables et base                                                   */
/* ------------------------------------------------------------------ */
.bev,.bev-chrome{
  --red:#ee003b;--red2:#c90034;--ink:#222b33;--mute:#56616b;--line:#e4e7e9;
  --wash:#f6f7f7;--night:#171c24;--mint:#067c64;--topbar:#bd1622;--kicker:#af173d;
  --pink:#fff5f7;--pinkline:#fee5eb;--card-line:#e1e5e7;--r-card:17px;--r-btn:11px;
  --text:'DM Sans',Arial,sans-serif;--display:'Manrope','DM Sans',Arial,sans-serif;
  --header-h:78px;
  color:var(--ink);font:16px/1.6 var(--text);-webkit-font-smoothing:antialiased
}
.bev{margin:0;background:#fff}
html:has(body.bev){scroll-behavior:smooth;scroll-padding-top:96px}
.bev *,.bev *::before,.bev *::after,.bev-chrome,.bev-chrome *,.bev-chrome *::before,.bev-chrome *::after{box-sizing:border-box}
.bev :where(h1,h2,h3,h4,p,figure,blockquote,dl,dd),.bev-chrome :where(h1,h2,h3,h4,p,figure){margin:0}
.bev :where(h1,h2,h3,h4),.bev-chrome :where(h1,h2,h3,h4){font-family:var(--display);font-weight:800;letter-spacing:-.045em;line-height:1.16;color:inherit}
.bev :where(a),.bev-chrome :where(a){text-decoration:none;color:inherit}
.bev :where(img),.bev-chrome :where(img){display:block;max-width:100%;height:auto}
.bev :where(button),.bev-chrome :where(button){font:inherit;cursor:pointer;color:inherit}
.bev :where(summary){cursor:pointer}
.bev :where(ul,ol).bev-reset{list-style:none;margin:0;padding:0}
.bev :focus-visible,.bev-chrome :focus-visible{outline:3px solid #f2a0b5;outline-offset:4px}
.bev-icon{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.125em}
.bev-icon.is-fill{fill:currentColor;stroke:none}
.bev-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.bev-wrap{max-width:1200px;width:calc(100% - 56px);margin-inline:auto}
.bev-center{text-align:center}
.bev-stack>*+*{margin-top:16px}
.bev main :is(section,[id]){scroll-margin-top:96px}

/* ------------------------------------------------------------------ */
/* Typographie des sections                                            */
/* ------------------------------------------------------------------ */
.bev-kicker{color:var(--kicker);letter-spacing:.12em;font-size:12px;font-weight:800;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px}
.bev-kicker::before{content:'';width:18px;height:2px;background:currentColor}
.bev-title{font-size:clamp(31px,3.8vw,46px);margin-top:11px;font-weight:800}
.bev-lead{font-size:17px;color:var(--mute);line-height:1.74}
.bev-accent{color:var(--red)}

/* ------------------------------------------------------------------ */
/* Boutons et liens                                                    */
/* ------------------------------------------------------------------ */
.bev-btn{background:var(--red);color:#fff;border:1px solid transparent;border-radius:var(--r-btn);font-family:var(--text);font-weight:800;font-size:15px;line-height:1.25;min-height:55px;padding:13px 21px;display:inline-flex;align-items:center;justify-content:center;gap:11px;text-align:center;text-decoration:none;transition:background .2s,transform .2s,color .2s,border-color .2s;white-space:nowrap;cursor:pointer}
.bev-btn:hover{background:var(--red2);color:#fff;transform:translateY(-1px)}
.bev-btn-dark{background:var(--ink)}
.bev-btn-dark:hover{background:#39454e}
.bev-btn-line{background:#fff;border-color:#d5d9de;color:var(--ink)}
.bev-btn-line:hover{background:#f8f9fa;color:var(--red)}
/* Bouton plein rouge (« Voir les conditions → » d'unboxenville.fr, ub9-btn-soft) */
.bev-btn-soft{background:var(--red);border-color:var(--red);color:#fff}
.bev-btn-soft:hover{background:var(--red2);border-color:var(--red2);color:#fff}
/* Bouton rose clair (page d'atterrissage : « Appeler ») */
.bev-btn-rose{background:#ffebf0;border-color:#ffd5e1;color:var(--red)}
.bev-btn-rose:hover{background:#ffdbe5;color:var(--red2)}
.bev-btn-white{background:#fff;color:var(--night)}
.bev-btn-white:hover{background:#f1f3f4;color:var(--night)}
.bev-btn-sm{font-size:13px;min-height:43px;padding:9px 13px;border-radius:9px}
.bev-btn-block{display:flex;width:100%}
.bev-btn .bev-icon{width:17px;height:17px}
.bev-arrow::after{content:'→';content:'→' / '';font-weight:800}
.bev-inline-link{display:inline-flex;gap:8px;align-items:center;font-size:14px;font-weight:800;color:var(--ink);border-bottom:1px solid #9ca2a9;padding-bottom:3px}
.bev-inline-link:hover{color:var(--red);border-color:var(--red)}
.bev-linkbtn{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left}
.bev-linkbtn:hover{color:#fff}

/* ------------------------------------------------------------------ */
/* En-tête : bandeau rouge, barre collante, tiroir mobile              */
/* ------------------------------------------------------------------ */
.bev-topbar{min-height:36px;background:var(--topbar);color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;padding:7px 12px;font-size:12px;font-weight:800;letter-spacing:.035em;text-transform:uppercase}
.bev-topbar a{color:#fff;text-decoration:none;white-space:nowrap}
.bev-topbar a:hover{text-decoration:underline}
.bev-navshell{position:sticky;top:0;z-index:250;background:rgba(255,255,255,.98);border-bottom:1px solid #eceeef;box-shadow:0 7px 24px rgba(29,32,43,.055)}
.bev-nav{min-height:var(--header-h);display:flex;gap:20px;align-items:center;justify-content:space-between}
.bev-logo{flex:0 1 auto;min-width:0;display:inline-flex;align-items:center;font:800 20px/1.1 var(--display);letter-spacing:-.04em;color:var(--ink);--logo-h:59px;--logo-wmax:185px}
.bev-logo .lds-img,.bev-logo img{max-height:59px}
.bev-menu{display:flex;align-items:center;gap:17px;margin-left:auto}
.bev-menu a{font-size:13px;font-weight:800;white-space:nowrap}
/* Page courante (aria-current) sans couleur propre, comme unboxenville.fr */
.bev-menu a:hover{color:var(--red)}
/* Sous-menu « Solutions » (site_header.php, boxenville-2026.js) : ouvert par
   le bouton (aria-expanded), au survol, ou au focus clavier sans JS. */
.bev-sousmenu{position:relative}
.bev-sousmenu-btn{display:inline-flex;align-items:center;gap:4px;border:0;background:none;padding:6px 0;font:inherit;font-size:13px;font-weight:800;color:var(--ink);cursor:pointer;white-space:nowrap}
.bev-sousmenu-btn:hover,.bev-sousmenu-btn[aria-expanded="true"]{color:var(--red)}
.bev-sousmenu-btn:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:4px}
.bev-sousmenu-chevron{width:12px;height:12px;transform:rotate(90deg);transition:transform .15s}
.bev-sousmenu-btn[aria-expanded="true"] .bev-sousmenu-chevron{transform:rotate(-90deg)}
.bev .bev-sousmenu-liste,.bev-sousmenu-liste{position:absolute;top:100%;left:-14px;min-width:190px;margin:8px 0 0;padding:8px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 34px rgba(29,32,43,.12);display:none;z-index:260}
.bev-sousmenu-liste::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.bev-sousmenu.is-open .bev-sousmenu-liste,.bev-sousmenu:not([data-bev-js]):hover .bev-sousmenu-liste,.bev-sousmenu:not([data-bev-js]):focus-within .bev-sousmenu-liste{display:block}
.bev-sousmenu-liste a{display:block;padding:9px 12px;border-radius:8px}
.bev-sousmenu-liste a:hover,.bev-sousmenu-liste a:focus-visible{background:var(--wash);color:var(--red)}
.bev-drawer-groupe{margin:0;padding:12px 0 4px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.bev .bev-drawer-sous,.bev-drawer-sous{list-style:none;margin:0;padding:0 0 0 14px;border-bottom:1px solid #f0f1f2}
.bev-drawer .bev-drawer-sous a:not(.bev-btn){border-bottom:0;padding:9px 0}
.bev-navact{display:flex;align-items:center;gap:14px}
.bev-navtel{font-size:13px;font-weight:800;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.bev-navtel:hover{color:var(--red)}
.bev-navbtn{min-height:43px;padding:10px 15px;font-size:12px}
.bev-hamburger{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;min-width:64px;height:43px;align-items:center;justify-content:center;color:var(--ink);padding:0 18px}
.bev-hamburger .bev-icon{width:22px;height:22px}
.bev-hamburger[aria-expanded="true"] .bev-i-open,.bev-hamburger[aria-expanded="false"] .bev-i-close{display:none}
.bev-drawer{display:none;background:#fff;border-top:1px solid #edf0f1}
.bev-drawer[hidden]{display:none!important}
.bev-drawer a:not(.bev-btn){display:block;font-size:15px;font-weight:800;padding:12px 0;border-bottom:1px solid #f0f1f2}
.bev-drawer .bev-btn{margin-top:14px;display:flex;font-size:14px}
.bev-navshell.is-minimal .bev-nav{justify-content:space-between}

/* ------------------------------------------------------------------ */
/* Hero de l'accueil et hero des pages intérieures                     */
/* ------------------------------------------------------------------ */
.bev-hero{background:linear-gradient(140deg,#fbfbfa,#f4f5f4);padding:65px 0 73px}
.bev-hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:64px;align-items:center}
.bev-hero-grid.is-solo{grid-template-columns:minmax(0,820px)}
.bev-trustrow,.bev-badges{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px;align-items:center}
.bev-pill,.bev-badge{background:#ffebf0;border:1px solid #ffd5e1;color:#a8173d;display:inline-flex;align-items:center;border-radius:50px;padding:7px 12px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.bev-google{background:#fff;border:1px solid #e1e5e8;border-radius:30px;padding:8px 12px;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;box-shadow:0 5px 16px #1924320c}
.bev-google:hover{border-color:#c9cfd4}
.bev-stars{color:#e6a500;display:inline-flex;gap:1px}
.bev-stars .bev-icon{width:13px;height:13px}
.bev-hero h1,.bev-pagehero h1{font-size:clamp(41px,5vw,67px);font-weight:800;letter-spacing:-.062em;line-height:1.09;max-width:650px}
.bev-hero h1 .bev-accent,.bev-pagehero h1 .bev-accent{display:inline}
.bev-hero .bev-lead,.bev-pagehero .bev-lead{margin-top:23px;max-width:550px}
.bev-price-line{font-size:15px;font-weight:800;color:#333b44;margin-top:16px}
.bev-price-line strong{font-size:21px;color:var(--red)}
.bev-price-line small{font-size:12px;font-weight:600;color:#626b73}
.bev-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:17px;margin-top:27px}
.bev-hero-mini{border-top:1px solid #dce0e2;display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:29px;padding-top:19px;list-style:none;padding-left:0;margin-bottom:0}
.bev-hero-mini li,.bev-hero-mini span{font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:6px}
.bev-hero-mini .bev-icon{color:var(--mint);width:15px;height:15px;stroke-width:2.4}
.bev-hero-img-wrap{height:505px;position:relative}
.bev-hero-img-wrap::before{content:'';position:absolute;right:-12px;top:15px;width:90%;height:96%;border-radius:25px 25px 85px 25px;background:var(--red)}
.bev-hero-img-wrap img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;border-radius:25px 25px 85px 25px;background:#dae2e5}
.bev-photo-stamp{position:absolute;z-index:2;right:16px;top:16px;border-radius:30px;background:#1a1d22e8;color:#fff;padding:7px 10px;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.bev-hero-bubble{position:absolute;z-index:2;left:-21px;bottom:25px;background:#fff;border-radius:15px;padding:17px 21px;box-shadow:0 15px 38px #11192821;max-width:300px}
.bev-hero-bubble strong{font:800 22px/1.2 var(--display);letter-spacing:-.03em;display:block}
.bev-hero-bubble small{display:block;margin-top:5px;font-size:12px;line-height:1.45;color:var(--mute)}
.bev-pagehero{background:linear-gradient(140deg,#fbfbfa,#f4f5f4);padding:52px 0 64px}
.bev-pagehero .bev-hero-grid{gap:56px}
.bev-pagehero.is-short{padding:40px 0 48px}
.bev-pagehero.is-short h1{font-size:clamp(34px,4vw,52px)}
.bev-breadcrumb{font-size:12px;font-weight:700;color:#788089;margin-bottom:28px}
.bev-breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center}
.bev-breadcrumb li+li::before{content:'›';content:'›' / '';padding:0 9px;color:#a9aeb3}
.bev-breadcrumb a:hover{color:var(--red)}
.bev-breadcrumb [aria-current="page"]{color:#4f5962}
.bev-toc{margin-top:24px;display:flex;flex-wrap:wrap;gap:9px;list-style:none;padding:0}
.bev-toc a{display:inline-block;border:1px solid #dce1e5;border-radius:99px;padding:10px 13px;font-size:13px;font-weight:800;white-space:nowrap;color:#37414b;background:#fff}
.bev-toc a:hover{border-color:var(--red);color:var(--red)}

/* ------------------------------------------------------------------ */
/* Bandeau sombre de preuves                                           */
/* ------------------------------------------------------------------ */
.bev-ribbon{background:var(--night);color:#fff;padding:17px 0}
.bev-ribbon .bev-wrap{display:grid;grid-template-columns:repeat(var(--bev-cols,4),1fr)}
.bev-ribbonitem{border-right:1px solid #4b4e58;padding:2px 17px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:800;text-align:center}
.bev-ribbonitem:first-child{padding-left:0}
.bev-ribbonitem:last-child{border:0;padding-right:0}
.bev-ribbonitem .bev-icon{color:#ff8fab;width:18px;height:18px}

/* ------------------------------------------------------------------ */
/* Sections                                                            */
/* ------------------------------------------------------------------ */
.bev-section{padding:88px 0}
.bev-section-soft{background:var(--wash)}
.bev-section-tight{padding:56px 0}
.bev-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:38px;margin-bottom:29px}
.bev-section-head>.bev-lead{max-width:440px;font-size:15px}
.bev-section-head.is-centered{display:block;text-align:center;max-width:760px;margin:0 auto 33px}
.bev-section-head.is-centered .bev-kicker{justify-content:center}
.bev-section-head.is-centered .bev-lead{margin:14px auto 0;max-width:620px}
.bev-grid-2,.bev-grid-3,.bev-grid-4{display:grid;gap:15px}
.bev-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.bev-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bev-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}

/* ------------------------------------------------------------------ */
/* Cartes                                                              */
/* ------------------------------------------------------------------ */
.bev-card{background:#fff;border:1px solid var(--card-line);border-radius:var(--r-card);padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.bev-card.is-hover{transition:transform .2s,box-shadow .2s}
.bev-card.is-hover:hover{transform:translateY(-3px);box-shadow:0 12px 35px #17212a12}
.bev-card h3{font-size:20px}
.bev-card p{font-size:14.5px;line-height:1.7;color:var(--mute)}
.bev-card .bev-btn,.bev-card .bev-inline-link{margin-top:auto}
.bev-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px}
.bev-offers{display:grid;grid-template-columns:repeat(var(--bev-cols,4),minmax(0,1fr));gap:15px}
.bev-offer{background:#fff;border:1px solid var(--card-line);border-radius:var(--r-card);padding:23px;display:flex;flex-direction:column;min-height:310px;transition:transform .2s,box-shadow .2s}
.bev-offer:hover{transform:translateY(-3px);box-shadow:0 12px 35px #17212a12}
.bev-offer-illustration{height:94px;display:flex;align-items:center;justify-content:space-between;margin-bottom:19px;background:linear-gradient(105deg,var(--pink),#fbfbfb);border:1px solid var(--pinkline);border-radius:13px;padding:14px}
.bev-sized{font:800 29px/1 var(--display);letter-spacing:-.04em;color:var(--red)}
.bev-boxshape{display:block;width:53px;height:47px;background:linear-gradient(110deg,#cfd5da,#f7f9fa);border:2px solid #c9d0d5;border-radius:4px 4px 2px 2px;position:relative;flex:none}
.bev-boxshape::before{content:'';position:absolute;left:7px;right:7px;bottom:8px;height:6px;background:#bfc7ce}
.bev-boxshape::after{content:'';position:absolute;left:17px;right:17px;top:0;height:100%;border-right:2px solid #b6bec6;border-left:2px solid #b6bec6}
.bev-offer h3{font-size:21px;font-weight:800}
.bev-use{font-size:14px;color:var(--mute);line-height:1.55;margin-top:9px;flex-grow:1}
.bev-offer-price{margin:15px 0 17px;font-size:13px;color:#667079}
.bev-offer-price strong{font-size:19px;color:var(--ink)}
.bev-offer .bev-btn{font-size:13px;min-height:43px;padding:9px 11px;border-radius:9px}
.bev-price-footnote{color:#6e757d;font-size:12px;margin-top:17px}
.bev-cases{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.bev-case{background:#fff;border:1px solid #e3e7e8;border-radius:16px;padding:28px}
.bev-case h3{font-size:23px}
.bev-case p{font-size:15px;line-height:1.7;color:var(--mute);margin-top:11px}
.bev-case .bev-inline-link{margin-top:18px}

/* ------------------------------------------------------------------ */
/* Étapes                                                              */
/* ------------------------------------------------------------------ */
.bev-how{border-bottom:1px solid #e8ebed;padding:51px 0;background:#fff}
.bev-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;list-style:none;margin:0;padding:0}
.bev-how-grid.is-4{grid-template-columns:repeat(4,1fr)}
.bev-step{border:1px solid var(--card-line);border-radius:13px;display:flex;gap:13px;align-items:flex-start;padding:19px 17px;background:#fff}
.bev-step-number{width:32px;height:32px;flex:0 0 32px;border-radius:9px;background:#ffebf0;color:var(--red);font-weight:800;display:grid;place-items:center;font-size:12px}
.bev-step strong,.bev-step h3{font:800 14px/1.4 var(--display);letter-spacing:-.02em;display:block}
.bev-step p{font-size:13px;color:var(--mute);line-height:1.52;margin-top:4px}
.bev-step .bev-inline-link{margin-top:10px;font-size:13px}

/* ------------------------------------------------------------------ */
/* Estimateur                                                          */
/* ------------------------------------------------------------------ */
.bev-estimator-card{border-radius:20px;border:1px solid #dfe3e6;box-shadow:0 16px 44px #17232c11;display:grid;grid-template-columns:1.07fr .93fr;overflow:hidden;background:#fff}
.bev-estimator-left{padding:36px 37px}
.bev-estimator-left h3{font-size:24px;margin-bottom:19px}
.bev-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.bev-choice{background:#fff;border:1.5px solid #dfe3e7;border-radius:10px;text-align:left;min-height:78px;padding:13px 14px;transition:background .15s,border .15s;color:var(--ink);display:block}
.bev-choice:hover{border-color:#b2b9bf}
.bev-choice[aria-pressed="true"]{border-color:var(--red);background:#fff5f8;box-shadow:inset 0 0 0 1px var(--red)}
.bev-choice strong{display:block;font-size:14px;font-weight:800}
.bev-choice small{display:block;font-size:12px;color:#69737c;line-height:1.4;margin-top:3px}
.bev-estimator-note{font-size:12px;color:#66717a;margin-top:14px}
.bev-estimator-result{padding:36px;background:#1b2028;color:#fff;display:flex;flex-direction:column;justify-content:center}
.bev-estimator-result h3{font:700 16px/1.4 var(--text);color:#b7c0c8;letter-spacing:0}
.bev-result-size{font:800 42px/1.2 var(--display);margin-top:16px;letter-spacing:-.055em}
.bev-result-volume{font-size:13px;color:#b8c1cb}
.bev-result-price{margin:17px 0;font-size:15px}
.bev-result-price strong{font-size:24px}
.bev-result-price[hidden]{display:none}
.bev-result-copy{font-size:14px;color:#c3c9d0;line-height:1.62;margin-bottom:22px}
.bev-estimator-result .bev-btn{width:100%}
.bev-result-disclaimer{font-size:11px;color:#afb6bf;margin-top:12px;text-align:center}

/* ------------------------------------------------------------------ */
/* Atouts (tuiles)                                                     */
/* ------------------------------------------------------------------ */
.bev-proofintro{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:end;margin-bottom:27px}
.bev-proofintro>.bev-lead{font-size:15px}
.bev-proofcards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;list-style:none;margin:0;padding:0}
.bev-proofcard{background:#fff;border:1px solid #e2e6e8;border-radius:14px;padding:19px 20px;display:flex;gap:12px;align-items:flex-start}
.bev-prooficon{background:#fff0f4;color:var(--red);width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:10px}
.bev-prooficon .bev-icon{width:20px;height:20px}
.bev-proofcard strong,.bev-proofcard h3{display:block;font:800 15px/1.36 var(--text);letter-spacing:0}
.bev-proofcard p{font-size:13px;line-height:1.5;color:var(--mute);margin-top:5px}

/* ------------------------------------------------------------------ */
/* Galerie et visionneuse                                              */
/* ------------------------------------------------------------------ */
.bev-gallery-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}
.bev-gallery-sub{color:var(--mute);font-size:15px;max-width:380px}
.bev-gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:13px;list-style:none;margin:0;padding:0}
.bev-photo{background:#d6dddf;border-radius:15px;position:relative;overflow:hidden;min-height:210px;grid-column:span 3;margin:0}
.bev-photo:nth-child(-n+2){grid-column:span 6;min-height:285px}
.bev-photo:nth-child(n+7){grid-column:span 4;min-height:230px}
.bev-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.bev-photo>a,.bev-photo>button{position:absolute;inset:0;display:block;border:0;padding:0;background:none;cursor:zoom-in}
.bev-photo::after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(0deg,#0e1319c9,transparent);pointer-events:none}
.bev-photo figcaption{position:absolute;bottom:15px;left:16px;right:14px;z-index:1;font-size:14px;line-height:1.4;color:#fff;font-weight:800;pointer-events:none}
.bev-photo-zoom{position:absolute;z-index:1;top:13px;right:13px;background:#fff;color:var(--night);border-radius:50%;width:35px;height:35px;display:grid;place-items:center;pointer-events:none}
.bev-photo-zoom .bev-icon{width:17px;height:17px}
.bev-gallery-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:22px}
.bev-gallery-cta p{font-size:14px;color:var(--mute)}
/* Galerie incomplète (moins de 9 photos) : la dernière rangée occupe toute
   la largeur au lieu de laisser un trou (3 photos ⇒ une rangée de trois). */
@media (min-width:921px){
  .bev-photo:first-child:nth-last-child(3),.bev-photo:first-child:nth-last-child(3)~.bev-photo{grid-column:span 4;min-height:285px}
  .bev-photo:first-child:nth-last-child(4)~.bev-photo{grid-column:span 6}
  .bev-photo:first-child:nth-last-child(5)~.bev-photo:nth-child(n+3){grid-column:span 4}
  .bev-photo:nth-child(n+7):nth-child(3n+1):last-child{grid-column:span 12}
  .bev-photo:nth-child(n+7):nth-child(3n+1):nth-last-child(2),.bev-photo:nth-child(n+7):nth-child(3n+1):nth-last-child(2)+.bev-photo{grid-column:span 6}
}
@media (min-width:641px) and (max-width:920px){
  .bev-gallery .bev-photo:nth-child(odd):last-child{grid-column:span 2}
}
.bev-lightbox{border:0;border-radius:15px;padding:0;max-width:min(1000px,94vw);max-height:92vh;background:#141920;color:#fff;box-shadow:0 22px 75px #0008}
.bev-lightbox::backdrop{background:rgba(10,15,23,.86)}
.bev-lightbox-body{padding:13px;position:relative}
.bev-lightbox-img{object-fit:contain;max-width:calc(94vw - 26px);max-height:76vh;width:auto;height:auto;margin:auto;display:block}
.bev-lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:17px;font-size:13px;padding:12px 7px 3px}
.bev-lightbox-nav{display:flex;gap:8px;align-items:center}
.bev-lightbox-btn{border:1px solid #727a82;background:#262e39;color:#fff;border-radius:8px;padding:7px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700}
.bev-lightbox-btn:hover{background:#333d4a}
.bev-lightbox-btn .bev-icon{width:15px;height:15px}
.bev-lightbox-count{color:#aeb6bf;font-size:12px}

/* ------------------------------------------------------------------ */
/* Sections sombres, avis                                              */
/* ------------------------------------------------------------------ */
.bev-dark{background:var(--night);color:#fff}
.bev-dark .bev-lead,.bev-dark p{color:#b9c1ca}
.bev-dark .bev-kicker{color:#ff8fab}
.bev-reviews{padding:55px 0}
.bev-reviews-flex{display:flex;align-items:center;justify-content:space-between;gap:35px}
.bev-reviews h2{font-size:30px;max-width:710px}
.bev-reviews p{font-size:15px;margin-top:9px}
.bev-review-action{display:flex;flex-direction:column;gap:10px;align-items:center;flex:0 0 240px}
.bev-review-action .bev-btn{width:100%;font-size:13px;min-height:47px}
.bev-review-action .bev-stars .bev-icon{width:21px;height:21px}

/* ------------------------------------------------------------------ */
/* Équipe                                                              */
/* ------------------------------------------------------------------ */
.bev-human-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.bev-human-grid.is-solo{grid-template-columns:minmax(0,760px)}
.bev-human-grid .bev-lead{margin-top:20px}
.bev-human-bullets{display:grid;gap:10px;margin:22px 0 28px;list-style:none;padding:0}
.bev-human-bullets li{font-size:14px;color:#434f59;display:flex;gap:8px;align-items:center}
.bev-human-bullets .bev-icon{color:var(--mint);stroke-width:2.4}
.bev-human-photo{position:relative;background:var(--night);border-radius:22px;padding:12px;margin:0}
.bev-human-photo img{width:100%;height:420px;object-fit:cover;object-position:center 26%;border-radius:14px}
.bev-human-caption{position:absolute;left:25px;bottom:24px;border-radius:10px;background:#fff;padding:11px 15px;box-shadow:0 12px 24px #121b2433;color:var(--ink)}
.bev-human-caption strong{font-size:15px}
.bev-human-caption small{display:block;font-size:12px;color:var(--mute)}

/* ------------------------------------------------------------------ */
/* Accès et carte                                                      */
/* ------------------------------------------------------------------ */
.bev-location-card{display:grid;grid-template-columns:.97fr 1.03fr;border-radius:22px;overflow:hidden;background:#f0f0ee}
.bev-location-card.is-solo{grid-template-columns:1fr}
.bev-location-map{min-height:375px;background:#d8dcdf;position:relative}
.bev-location-map iframe{width:100%;height:100%;min-height:375px;border:0;display:block;position:relative;z-index:1}
.bev-location-map iframe[data-src]{visibility:hidden}
.bev-map-placeholder{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:24px;color:#4c5660;font-size:14px;font-weight:700}
.bev-map-placeholder .bev-icon{width:34px;height:34px;color:var(--red);margin:0 auto 10px;display:block}
.bev-location-copy{padding:40px 46px;display:flex;justify-content:center;flex-direction:column}
.bev-location-copy h2{font-size:36px;margin-top:12px}
.bev-location-copy p{font-size:15px;color:var(--mute);margin-top:16px}
.bev-location-facts{display:grid;gap:8px;margin:18px 0 0;list-style:none;padding:0}
.bev-location-facts li,.bev-location-facts span{font-size:14px;font-weight:800;display:flex;gap:8px;align-items:center}
.bev-location-facts .bev-icon{color:var(--red)}
.bev-location-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.bev-location-actions .bev-btn{font-size:13px;min-height:47px}

/* ------------------------------------------------------------------ */
/* Encarts, listes                                                     */
/* ------------------------------------------------------------------ */
.bev-checkoutnote{background:#fff3f6;border-block:1px solid #f7d8e1;padding:27px 0}
.bev-checkoutnote .bev-wrap{display:flex;gap:24px;align-items:center;justify-content:space-between}
.bev-checkoutcopy{display:grid;gap:6px;max-width:780px}
.bev-checkoutcopy b,.bev-checkoutcopy h2{font:800 18px/1.35 var(--display);letter-spacing:-.02em;color:#202833}
.bev-checkoutcopy span,.bev-checkoutcopy p{font-size:14px;line-height:1.6;color:#505860}
.bev-note{border-radius:14px;border:1px solid #f7d8e1;background:#fff3f6;padding:18px 20px;font-size:14.5px;line-height:1.65;color:#3d4750}
.bev-note.is-warn{background:#fff8e8;border-color:#f3dfae}
.bev-note strong{color:var(--ink)}
.bev-checklist,.bev-crosslist{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.bev-checklist li,.bev-crosslist li{display:flex;gap:9px;align-items:flex-start;font-size:14.5px;line-height:1.55;color:#3d4750}
.bev-checklist li::before,.bev-crosslist li::before{content:'';flex:0 0 18px;height:18px;margin-top:2px;border-radius:50%;background:#e3f3ee center/11px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3.2 3.2L13 5' fill='none' stroke='%23067c64' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.bev-crosslist li::before{background-color:#fdeaee;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 4.5l7 7M11.5 4.5l-7 7' fill='none' stroke='%23b91638' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E")}
.bev-facts{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;font-size:14.5px}
.bev-facts dt{font-weight:800}
.bev-facts dd{margin:0;color:var(--mute)}

/* ------------------------------------------------------------------ */
/* FAQ                                                                 */
/* ------------------------------------------------------------------ */
.bev-faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:72px}
.bev-faq-intro p{font-size:15px;color:var(--mute);margin-top:17px}
.bev-faq-intro .bev-btn{margin-top:22px}
.bev-faq-intro .bev-inline-link{margin-top:18px}
.bev-faq{border-top:1px solid #dadee1}
.bev-faq details{border-bottom:1px solid #dadee1}
.bev-faq summary{list-style:none;padding:20px 0;font:800 15.5px/1.45 var(--display);letter-spacing:-.01em;display:flex;align-items:center;justify-content:space-between;gap:15px}
.bev-faq summary::-webkit-details-marker{display:none}
.bev-faq summary::after{content:'+';content:'+' / '';font-size:24px;line-height:1;color:var(--red);font-weight:500;flex:none}
.bev-faq details[open] summary::after{content:'−';content:'−' / ''}
.bev-faq details>:not(summary){font-size:14px;color:var(--mute);line-height:1.72;padding:0 30px 19px 0}
.bev-faq details>p+p{margin-top:-8px}

/* ------------------------------------------------------------------ */
/* Appel final                                                         */
/* ------------------------------------------------------------------ */
.bev-final{background:#fff;padding:75px 0}
.bev-final-box{text-align:center;background:#f6f7f6;border-radius:20px;padding:58px 24px}
.bev-final-box .bev-kicker{justify-content:center}
.bev-final-box p{font-size:16px;color:var(--mute);max-width:610px;margin:16px auto 23px}
.bev-final-actions{display:flex;justify-content:center;gap:11px;flex-wrap:wrap}

/* ------------------------------------------------------------------ */
/* Pied de page et barre mobile                                        */
/* ------------------------------------------------------------------ */
.bev-footer{background:var(--night);color:#fff;padding:54px 0 28px}
.bev-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px}
/* Grand logo sur un rectangle blanc (pied d'unboxenville.fr, ≈ 350 px) */
.bev-footer-logo{display:inline-block;max-width:350px;background:#fff;padding:10px 14px;border-radius:4px;margin-bottom:17px;color:var(--ink);font:800 18px/1.2 var(--display);letter-spacing:-.04em;--logo-h:100px;--logo-wmax:322px}
/* Marque sans logo image : texte blanc sur le fond sombre, sans pastille */
.bev-footer-logo:not(:has(img,svg)){background:none;padding:0;max-width:none;color:#fff;font-size:21px}
.bev-footer-desc{font-size:13px;color:#bac1cb;max-width:380px;line-height:1.75}
.bev-footer h2,.bev-footer h3,.bev-footer-titre{font:800 14px/1.3 var(--display);letter-spacing:-.01em;margin-bottom:15px;color:#fff}
.bev-footer-list{display:grid;gap:9px;list-style:none;margin:0;padding:0}
.bev-footer-list a,.bev-footer-list span,.bev-footer-list .bev-linkbtn,.bev-footer-list address{color:#bfc6ce;font-size:13px;line-height:1.5;font-style:normal}
.bev-footer-list a:hover,.bev-footer-list .bev-linkbtn:hover{color:#fff}
.bev-footer-note{margin-top:16px;font-size:12px;color:#929da8;line-height:1.6}
.bev-footer-bottom{margin-top:36px;border-top:1px solid #343a44;padding-top:20px;display:flex;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;font-size:12px;color:#929da8}
.bev-footer-bottom a{color:#bfc6ce;text-decoration:underline;text-underline-offset:2px}
.bev-footer-legal{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;margin:18px 0 0;padding:0;font-size:12px}
.bev-footer-legal a,.bev-footer-legal .bev-linkbtn{color:#a9b2bc}
.bev-footer-legal a:hover{color:#fff}
.bev-mobilebar{display:none}

/* ------------------------------------------------------------------ */
/* Blog, article                                                       */
/* ------------------------------------------------------------------ */
.bev-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;margin:0;padding:0}
.bev-post{background:#fff;border:1px solid var(--card-line);border-radius:var(--r-card);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;position:relative}
.bev-post:hover{transform:translateY(-3px);box-shadow:0 12px 35px #17212a12}
.bev-post-img{aspect-ratio:16/10;background:#e7eaec;overflow:hidden}
.bev-post-img img{width:100%;height:100%;object-fit:cover}
.bev-post-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:9px;flex:1}
.bev-post-body h2,.bev-post-body h3{font-size:19px;line-height:1.25}
.bev-post-body h2 a::after,.bev-post-body h3 a::after{content:'';position:absolute;inset:0}
.bev-post-body p{font-size:14px;color:var(--mute);line-height:1.6}
.bev-post-meta{font-size:12px;font-weight:700;color:#7a838c}
.bev-pagination{display:flex;justify-content:center;gap:8px;margin-top:36px;flex-wrap:wrap;list-style:none;padding:0}
/* Pastilles : liens et page courante seulement (pas les <span> qu'ils contiennent) */
.bev-pagination>li>:is(a,span){min-width:43px;min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;border-radius:10px;border:1px solid #d5d9de;font-weight:800;font-size:14px;background:#fff;white-space:nowrap}
.bev-pagination a:hover{border-color:var(--red);color:var(--red)}
.bev-pagination [aria-current="page"]{background:var(--ink);border-color:var(--ink);color:#fff}
.bev-prose{max-width:740px;font-size:17px;line-height:1.78;color:#36414b}
.bev-prose>*+*{margin-top:1.05em}
.bev-prose :is(h2,h3,h4){color:var(--ink);margin-top:1.8em;line-height:1.2}
.bev-prose h2{font-size:clamp(25px,2.6vw,31px)}
.bev-prose h3{font-size:21px}
.bev-prose h4{font-size:18px;letter-spacing:-.02em}
.bev-prose a{color:var(--red);text-decoration:underline;text-underline-offset:3px}
.bev-prose a:hover{color:var(--red2)}
.bev-prose :is(ul,ol){padding-left:1.3em}
.bev-prose li+li{margin-top:.4em}
.bev-prose li::marker{color:var(--red)}
.bev-prose blockquote{border-left:4px solid var(--red);background:var(--wash);padding:14px 20px;border-radius:0 12px 12px 0;color:#3d4750}
.bev-prose img{border-radius:14px;margin-inline:auto}
.bev-prose figure figcaption{font-size:13px;color:var(--mute);margin-top:8px;text-align:center}
.bev-prose table{border-collapse:collapse;width:100%;font-size:15px}
.bev-prose :is(th,td){border:1px solid var(--line);padding:9px 12px;text-align:left}
.bev-prose th{background:var(--wash)}
.bev-prose hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.bev-article-head{max-width:820px}
.bev-article-img{margin-top:32px;border-radius:20px;overflow:hidden;background:#e7eaec}
.bev-article-img img{width:100%;max-height:520px;object-fit:cover}

/* ------------------------------------------------------------------ */
/* Formulaires                                                         */
/* ------------------------------------------------------------------ */
.bev-form{display:grid;gap:16px}
.bev-field{display:grid;gap:6px}
.bev-label{font-size:13px;font-weight:800;color:var(--ink)}
.bev-input,.bev-textarea,.bev-select{width:100%;font:inherit;font-size:15px;color:var(--ink);background:#fff;border:1.5px solid #d5d9de;border-radius:10px;padding:12px 14px;min-height:50px;transition:border-color .15s,box-shadow .15s}
.bev-textarea{min-height:140px;resize:vertical}
.bev-input:focus,.bev-textarea:focus,.bev-select:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px #ee003b22}
.bev-input[aria-invalid="true"],.bev-textarea[aria-invalid="true"]{border-color:#b91638}
.bev-check{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:#434f59;line-height:1.5}
.bev-check input{margin-top:3px;width:18px;height:18px;accent-color:var(--red);flex:none}
.bev-help{font-size:12px;color:#6e757d}
.bev-alert{border-radius:12px;padding:14px 16px;font-size:14.5px;line-height:1.55;border:1px solid}
.bev-alert.is-ok{background:#e9f6f2;border-color:#bfe3d7;color:#0b5a49}
.bev-alert.is-err{background:#fdeef1;border-color:#f4c4cf;color:#8f1230}
.bev-hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.bev-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:14px;background:#fff}
.bev-table{border-collapse:collapse;width:100%;font-size:14.5px;min-width:520px}
.bev-table :is(th,td){padding:12px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.bev-table th{font:800 13px/1.4 var(--display);background:var(--wash)}
.bev-table tr:last-child td{border-bottom:0}

/* ------------------------------------------------------------------ */
/* Adaptatif (points de rupture d'unboxenville.fr : 1100, 920, 700, 640) */
/* ------------------------------------------------------------------ */
@media (max-width:1100px){
  .bev-menu{gap:14px}
  .bev-menu a,.bev-sousmenu-btn{font-size:12px}
  .bev-hero-grid{gap:40px}
  .bev-offer{padding:17px}
  .bev-posts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:920px){
  .bev-wrap{width:calc(100% - 36px)}
  .bev-menu,.bev-navact>.bev-navbtn,.bev-navtel{display:none}
  .bev-hamburger{display:inline-flex}
  .bev-drawer:not([hidden]){display:block;padding:9px 0 18px}
  .bev-hero-grid,.bev-estimator-card,.bev-proofintro,.bev-human-grid,.bev-location-card,.bev-faq-grid{grid-template-columns:minmax(0,1fr)}
  .bev-hero-grid>*{min-width:0}
  .bev-hero{padding:43px 0 58px}
  .bev-pagehero{padding:38px 0 50px}
  .bev-hero-img-wrap{height:410px;width:90%;margin:0 auto}
  .bev-ribbon .bev-wrap{grid-template-columns:repeat(2,1fr);gap:11px 20px}
  .bev-ribbonitem{border:0;justify-content:flex-start;padding:0;text-align:left}
  .bev-offers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bev-how-grid,.bev-how-grid.is-4{grid-template-columns:1fr}
  .bev-grid-3,.bev-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bev-proofintro{gap:15px}
  .bev-proofcards{grid-template-columns:repeat(2,1fr)}
  .bev-gallery{grid-template-columns:repeat(2,1fr)}
  .bev-photo,.bev-photo:nth-child(n){grid-column:auto;min-height:235px}
  .bev-photo:nth-child(-n+2){min-height:270px}
  .bev-reviews-flex{display:block}
  .bev-review-action{max-width:300px;align-items:flex-start;margin-top:22px}
  .bev-human-photo{max-width:620px}
  .bev-faq-grid{gap:25px}
  .bev-footer-grid{gap:35px;grid-template-columns:1fr 1fr}
  .bev-footer-grid>:first-child{grid-column:1/-1}
}
@media (max-width:700px){
  .bev-checkoutnote .bev-wrap{display:grid}
  .bev-checkoutnote .bev-btn{justify-self:start}
  .bev-grid-2{grid-template-columns:1fr}
}
@media (max-width:640px){
  .bev,.bev-chrome{--header-h:69px}
  body.bev{padding-bottom:67px}
  /* Page sans barre mobile (bev[barre_mobile_masquee]) : pas de réserve en bas */
  body.bev:not(:has(.bev-mobilebar)){padding-bottom:0}
  .bev-wrap{width:calc(100% - 30px)}
  .bev-topbar{font-size:10px;min-height:33px;line-height:1.35}
  /* Page d'atterrissage : bandeau sur ordinateur seulement (unboxenville.fr) */
  .bev-topbar.is-desktop{display:none}
  .bev-logo{--logo-h:50px;--logo-wmax:151px}
  .bev-logo .lds-img,.bev-logo img{max-height:50px}
  .bev-kicker{font-size:11px}
  .bev-title{font-size:32px}
  .bev-lead{font-size:16px}
  .bev-hero h1,.bev-pagehero h1{font-size:clamp(35px,9.2vw,44px)}
  .bev-hero .bev-lead,.bev-pagehero .bev-lead{font-size:16px}
  .bev-hero-actions .bev-btn{width:100%}
  .bev-hero-actions .bev-inline-link{margin:0 auto}
  .bev-hero-img-wrap{height:310px;width:94%}
  .bev-hero-bubble{left:-9px;padding:12px 15px;bottom:13px}
  .bev-hero-bubble strong{font-size:19px}
  .bev-hero-bubble small{font-size:11px}
  .bev-hero-mini{gap:8px 15px}
  .bev-hero-mini li,.bev-hero-mini span{font-size:12px}
  .bev-ribbonitem{font-size:11.5px}
  .bev-section{padding:67px 0}
  .bev-section-tight{padding:44px 0}
  .bev-section-head{display:block}
  .bev-section-head>.bev-lead{font-size:14px;margin-top:14px}
  .bev-offers,.bev-grid-3,.bev-grid-4,.bev-posts{grid-template-columns:1fr}
  .bev-offer{min-height:0}
  .bev-offer-illustration{height:77px;margin-bottom:14px}
  .bev-choice-grid{grid-template-columns:1fr}
  .bev-estimator-left,.bev-estimator-result{padding:26px 21px}
  .bev-result-size{font-size:35px}
  .bev-proofcards,.bev-cases{grid-template-columns:1fr}
  .bev-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:11px;padding-bottom:10px;overscroll-behavior-x:contain}
  .bev-photo,.bev-photo:nth-child(n){min-width:0;flex:0 0 84%;min-height:255px;scroll-snap-align:start}
  .bev-gallery-head{display:block}
  .bev-gallery-sub{margin-top:13px;font-size:14px}
  .bev-gallery-cta{display:block}
  .bev-gallery-cta .bev-inline-link{margin-top:12px}
  .bev-reviews h2{font-size:26px}
  .bev-human-photo img{height:350px}
  .bev-location-copy{padding:30px 24px}
  .bev-location-copy h2{font-size:30px}
  .bev-location-map,.bev-location-map iframe{min-height:275px}
  .bev-final-box{padding:42px 17px}
  .bev-final-actions .bev-btn{width:100%}
  .bev-footer-grid{grid-template-columns:1fr;gap:27px}
  .bev-footer-logo{max-width:260px;--logo-h:80px;--logo-wmax:232px}
  .bev-footer{padding:45px 0 24px}
  .bev-prose{font-size:16px}
  .bev-mobilebar{position:fixed;left:0;right:0;bottom:0;z-index:300;background:#fff;display:none;grid-template-columns:.75fr 1.25fr;gap:8px;padding:9px 10px max(9px,env(safe-area-inset-bottom));box-shadow:0 -5px 25px #141d2726;border-top:1px solid #e2e5e8}
  .bev-mobilebar.is-visible{display:grid}
  .bev-mobilebar.is-solo{grid-template-columns:1fr}
  .bev-mobilebar .bev-btn{min-height:48px;font-size:13px;padding:8px 9px;border-radius:9px}
}
/* ==========================================================================
   PAGES INTÉRIEURES — compléments propres à certaines pages, fusionnés ici
   (une seule feuille pour tout le gabarit). Préfixes : bev-ccm- (Comment ça
   marche), bev-lc- (Le centre), bev-px- (Tarifs, Particuliers,
   Professionnels, Réserver), blog/article, pages pratiques (contact, légal,
   guide des tailles, communes).
   ========================================================================== */

/* Communs aux pages intérieures */
.bev-ccm-aside,.bev-px-aside{margin-top:22px}
.bev-ccm-small,.bev-px-small{font-size:12.5px;line-height:1.6;color:#6a737c;margin-top:12px}
.bev-px-small{margin-top:14px}
.bev-ccm-tag,.bev-px-tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--kicker)}
.bev-ccm-tag.is-red{color:#b91638}
.bev-note p+p{margin-top:10px}
.bev-card .bev-prooficon{margin-bottom:4px}
.bev-card .bev-checklist,.bev-card .bev-crosslist{margin:4px 0 6px;align-self:stretch}
.bev-step .bev-inline-link{display:inline-flex;color:var(--red)}
.bev-dark .bev-inline-link{color:#ff8fab}

/* Comment ça marche */
.bev-ccm-stat{display:flex;align-items:center;gap:20px;margin-top:22px;border:1px solid var(--card-line);border-radius:var(--r-card);padding:20px 24px;background:#fff}
.bev-ccm-stat strong{font:800 40px/1 var(--display);letter-spacing:-.05em;color:var(--red);flex:none}
.bev-ccm-stat strong .bev-icon{width:36px;height:36px}
.bev-ccm-stat p{font-size:14.5px;color:var(--mute);line-height:1.65}
.bev-ccm-inline{margin-top:22px;border:1px solid #f7d8e1;border-radius:14px;padding:20px 24px;display:flex;gap:24px;align-items:center;justify-content:space-between}
.bev-ccm-trust{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.bev-ccm-trust .bev-lead{margin:18px 0 26px}
.bev-ccm-trustlist{display:grid;gap:12px}
.bev-ccm-trustlist li{display:flex;align-items:center;gap:12px;border:1px solid #343b46;border-radius:13px;padding:16px 18px;font-weight:800;font-size:15px}
.bev-ccm-trustlist .bev-icon{color:#ff8fab;width:22px;height:22px}
.bev-ccm-photo img{width:100%;height:100%;min-height:300px;object-fit:cover}
/* « .bev :where(ul).bev-reset{margin:0} » l'emporte sur une simple classe */
.bev .bev-ccm-checks{margin-top:28px}
.bev-ccm-checks .bev-card h3{font-size:17px}

/* Le centre */
.bev-lc-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.bev-lc-intro.is-solo{grid-template-columns:minmax(0,820px)}
.bev-lc-texte{margin-top:20px;font-size:16px;color:#3d4750;line-height:1.75}
.bev-lc-figure{margin:0;position:relative;border-radius:var(--r-card);overflow:hidden;background:#d6dddf}
.bev-lc-figure img{width:100%;aspect-ratio:4/3;object-fit:cover}
.bev-lc-figure figcaption{position:absolute;left:14px;bottom:14px;right:14px;background:#fffffff0;border-radius:11px;padding:10px 14px;font:800 14px/1.4 var(--display);letter-spacing:-.02em;color:var(--ink)}
.bev-lc-etape h3{margin-top:6px}
.bev-lc-etiquette{display:block;color:var(--kicker);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.bev-lc-pratique{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:22px}
.bev-lc-pratique .bev-note{flex:1 1 420px}
.bev-dark .bev-lc-visite .bev-step{background:#222934;border-color:#343c48}
.bev-dark .bev-lc-visite .bev-step h3{color:#fff}
.bev-dark .bev-lc-visite .bev-step p{color:#b9c1ca}

/* Tarifs, Particuliers, Professionnels, Réserver */
.bev-px-price{font:800 26px/1.15 var(--display);letter-spacing:-.03em;color:var(--ink)}
.bev-px-price small{font:600 13px/1.4 var(--text);letter-spacing:0;color:var(--mute)}
.bev-px-cond{display:block;font-size:12.5px;color:var(--mute);font-weight:400}
.bev-table td .bev-inline-link{white-space:nowrap}
.bev-px-heroacts{margin-top:14px;font-size:14.5px}

/* Blog et articles */
.bev-post-img.is-vide{display:grid;place-items:center;background:linear-gradient(140deg,var(--pink),#fbfbfb);border-bottom:1px solid var(--pinkline)}
.bev-post-img.is-vide .bev-icon{width:46px;height:46px;color:var(--red);opacity:.55}
.bev-post-more{margin-top:auto;padding-top:6px;font-size:13px;font-weight:800;color:var(--red);display:inline-flex;align-items:center;gap:6px}
.bev-post-more .bev-icon{width:14px;height:14px}
.bev-blog-count{margin-top:14px;font-size:13px;font-weight:700;color:#7a838c}
.bev-article-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;font-size:13px;font-weight:700;color:#6b747d}
.bev-article-meta>span{display:inline-flex;align-items:center;gap:7px}
.bev-article-meta .bev-icon{width:15px;height:15px;color:var(--red)}
.bev-article-grid{display:grid;grid-template-columns:minmax(0,740px) minmax(0,320px);gap:56px;align-items:start;justify-content:space-between}
.bev-article-cta{position:sticky;top:calc(var(--header-h) + 24px);background:linear-gradient(160deg,var(--pink),#fbfbfb);border:1px solid var(--pinkline);border-radius:var(--r-card);padding:26px 24px}
.bev-article-cta h2{font-size:22px;line-height:1.2}
.bev-article-cta p{margin-top:10px;font-size:14px;color:var(--mute)}
.bev-article-cta .bev-btn{margin-top:18px}
.bev-article-cta .bev-inline-link{margin-top:14px}
.bev-article-back{margin-top:38px}

/* Contact : formulaire + fiches */
.bev-contact-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:32px;align-items:start}
.bev-contact-form{padding:clamp(20px,3vw,32px);gap:0}
.bev-contact-form .bev-form{width:100%}
.bev-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bev-contact-form .bev-alert{width:100%;margin-bottom:18px}
.bev-check a{text-decoration:underline;text-underline-offset:3px}
.bev-check a:hover{color:var(--red)}
.bev-infos{display:grid;gap:10px}
.bev-info{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--card-line);border-radius:14px;padding:16px 18px;color:inherit}
a.bev-info:hover{border-color:#f3c3d0}
.bev-info>.bev-icon{width:20px;height:20px;color:var(--red);margin-top:2px}
.bev-info strong{display:block;font:800 15px/1.4 var(--display);letter-spacing:-.01em;color:var(--ink)}
.bev-info span{display:block;font-size:14px;color:var(--mute);line-height:1.55}
.bev-info a{text-decoration:underline;text-underline-offset:3px}

/* Pages légales : contenu HTML déjà filtré (LegalContentHelper) */
.bev-legal{max-width:820px}
.bev-legal h2{font-size:21px;margin-top:1.8em}
.bev-legal h3{font-size:18px;margin-top:1.4em}

/* Guide des tailles : usages, tailles, chiffres */
.bev-usecases{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.bev-usecase{display:block;background:#fff;border:1px solid var(--card-line);border-radius:var(--r-card);padding:20px;color:inherit;transition:border-color .15s,transform .15s}
.bev-usecase:hover{border-color:#f3c3d0;transform:translateY(-1px)}
.bev-usecase strong{display:block;font:800 17px/1.3 var(--display);letter-spacing:-.02em;color:var(--ink)}
.bev-usecase span{display:block;font-size:13.5px;color:var(--mute);margin-top:4px}
.bev-sizes{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.bev-size{display:flex;flex-direction:column;gap:4px;background:linear-gradient(180deg,var(--pink),#fbfbfb);border:1px solid var(--pinkline);border-radius:var(--r-card);padding:16px;text-align:center;color:inherit}
.bev-size:hover{border-color:#f3c3d0}
.bev-size.is-full{opacity:.82}
.bev-size-m2{font:800 21px/1.2 var(--display);letter-spacing:-.03em;color:var(--ink)}
.bev-size-m2 small{font:600 13px/1.2 var(--text);letter-spacing:0;color:var(--mute)}
.bev-size-eq{font-size:12.5px;color:var(--mute);line-height:1.45}
.bev-size-px{font-size:14px;font-weight:800;color:var(--red)}
.bev-size-full{font-size:12px;font-weight:800;color:var(--kicker)}
.bev-stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.bev-stat{display:block;background:#fff;border:1px solid var(--card-line);border-radius:14px;padding:14px 20px;color:inherit}
a.bev-stat:hover{border-color:#f3c3d0}
.bev-stat-v{font:800 23px/1.25 var(--display);letter-spacing:-.03em;color:var(--ink)}
.bev-stat-l{font-size:13px;color:var(--mute)}
.bev-stat.is-full .bev-stat-v,.bev-stat .is-full{color:var(--kicker)}
.bev-smallprint{font-size:13px;color:var(--mute);margin-top:12px}
.bev-tip{border-left:4px solid var(--red);background:var(--wash);border-radius:0 12px 12px 0;padding:16px 20px;font-size:15px;color:#3d4750;line-height:1.65}
.bev-tip ul{margin:8px 0 0;padding-left:20px}
.bev-actions{display:flex;flex-wrap:wrap;gap:11px}
.bev-pratique-body>*+*{margin-top:28px}
.bev-faq summary h3{font:inherit;letter-spacing:inherit;margin:0}
.bev-pratique-body h2.bev-title{font-size:clamp(25px,2.8vw,33px)}

/* Communes */
.bev-commune-centre{max-width:760px}
.bev-commune-centre p{font-size:15px;color:#3d4750}
.bev-commune-centre>*+*{margin-top:10px}
.bev-commune-centre>.bev-actions{margin-top:18px}
.bev-commune-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.bev-commune-links a{display:block;background:#fff;border:1px solid var(--card-line);border-radius:14px;padding:16px 18px;color:inherit}
.bev-commune-links a:hover{border-color:#f3c3d0}
.bev-commune-links strong{display:block;font:800 16px/1.35 var(--display);letter-spacing:-.02em;color:var(--ink)}
.bev-commune-links span{display:block;font-size:13.5px;color:var(--mute)}

@media (max-width:920px){
  .bev-ccm-trust{grid-template-columns:minmax(0,1fr);gap:28px}
  .bev-lc-intro{grid-template-columns:minmax(0,1fr);gap:32px}
  .bev-article-grid{grid-template-columns:minmax(0,1fr);gap:36px}
  .bev-article-cta{position:static}
  .bev-contact-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  .bev-ccm-inline{display:grid}
  .bev-ccm-inline .bev-btn{justify-self:start}
  .bev-ccm-stat{align-items:flex-start}
  .bev-ccm-stat strong{font-size:30px}
}
@media (max-width:640px){
  .bev-form-row{grid-template-columns:minmax(0,1fr)}
}

/* ==========================================================================
   ÉCARTS AVEC UNBOXENVILLE.FR (relevé du 2026-10-17, « exactement le même
   site ») : graisses légères des titres de cartes, accroches simples,
   cartes à photo, sections d'origine (première visite, sécurité, adresse),
   pied à quatre colonnes, en-tête mobile non collant.
   ========================================================================== */

/* Ancres des anciennes adresses (#ub9-offers…) : invisibles */
.bev-ancre{display:block;height:0;overflow:hidden}

/* Titres de cartes et de cas en graisse légère (Manrope 500) */
.bev-case h3,.bev-estimator-left h3,.bev-card h3,.bev-step h3,.bev-ccm-firstlist h3,.bev-lc-visite h3,.bev-px-benefits h3{font-weight:500;letter-spacing:-.03em}
.bev-card h3,.bev-how-grid.is-cards .bev-step h3{font-size:21px;line-height:1.25}
.bev-section-head.is-stacked{display:block;max-width:780px}
.bev-section-head.is-stacked .bev-lead{margin-top:14px;max-width:680px}
.bev-kicker.is-plain::before{display:none}
.bev-eyebrow{margin:0 0 18px;color:var(--red);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.bev-arrow-down::after{content:'↓';content:'↓' / '';font-weight:800}
.bev-inline-link.is-red,.bev-step .bev-inline-link.bev-arrow{color:var(--red);border-color:var(--red)}
.bev-section-pink{background:#fff3f6}
.bev-note-titre{display:block;margin-bottom:4px}

/* Estimateur : libellé à gauche, détail à droite, centrés, aux deux
   largeurs (bouton d'unboxenville.fr) ; « Je ne sais pas » (lien) empilé */
button.bev-choice{display:flex;align-items:center;justify-content:center;gap:10px}
button.bev-choice strong{flex:0 1 auto;color:var(--red)}
button.bev-choice small{flex:0 1 auto;margin-top:0}
a.bev-choice strong{color:var(--ink)}
.bev-result-label{margin:0;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#b7c0c8}
.bev-result-size .bev-result-volume{display:inline;font:600 16px/1.3 var(--text);letter-spacing:0;color:#b8c1cb}

/* Cartes à photo (photo choisie par section, onglet du gabarit) */
.bev-card.has-photo,.bev-step.has-photo{padding-top:0;overflow:hidden}
.bev-card-photo{margin:0 -24px 10px;width:calc(100% + 48px);background:#d6dddf}
.bev-step.has-photo{flex-direction:column}
.bev-step.has-photo .bev-card-photo{margin:0 -17px 6px;width:calc(100% + 34px)}
.bev-card-photo img{width:100%;aspect-ratio:3/2;object-fit:cover}

/* Comment ça marche */
.bev-how-grid.is-cards .bev-step{flex-direction:column;gap:12px;padding:22px 20px}
.bev-how-grid.is-full .bev-step-number{background:var(--red);color:#fff;border-radius:8px}
.bev-how-grid.is-index .bev-step-number{background:none;width:auto;height:auto;flex:none;display:block;font-size:15px;color:var(--red)}
.bev-ccm-accompagne{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--card-line);border-radius:14px;padding:18px 22px;background:#fff}
.bev-ccm-accompagne p{font-size:14.5px;color:#3d4750;line-height:1.65}
.bev-ccm-accompagne .bev-inline-link{white-space:nowrap;color:var(--red);border-color:var(--red)}
.bev-ccm-stat strong{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#ffebf0;font-size:22px}
.bev-ccm-stat p{font-weight:700;color:var(--ink)}
.bev-ccm-firstgrid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:32px;align-items:start}
.bev-ccm-firstlist{display:grid;gap:0;border-top:1px solid var(--line)}
.bev-ccm-firstlist li{display:flex;gap:18px;align-items:flex-start;padding:20px 0;border-bottom:1px solid var(--line)}
.bev-ccm-firstlist h3{font-size:19px}
.bev-ccm-firstlist p{margin-top:5px;font-size:14.5px;line-height:1.65;color:var(--mute)}
.bev-ccm-firstn{flex:none;font:800 15px/1.6 var(--display);color:var(--red)}
.bev-ccm-firstaside{background:var(--night);color:#fff;border-radius:var(--r-card);padding:28px 26px;display:grid;gap:14px;justify-items:start}
.bev-ccm-firstaside h3{font-size:22px;font-weight:500}
.bev-ccm-firstaside p{font-size:14.5px;line-height:1.65;color:#c9d0d7}
.bev-ccm-firstaside strong{color:#fff}
.bev-ccm-firstaside .bev-ccm-small{color:#9aa4ae;margin-top:0}
.bev-ccm-firsticon{width:42px;height:42px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font:800 20px var(--display)}
.bev-checklist.is-bold li{font-weight:700;color:var(--ink)}
.bev-card.is-tinted{background:#fff7f9;border-color:var(--pinkline)}
.bev-ccm-pastille{width:44px;height:44px;flex:none;border-radius:12px;background:#ffebf0;color:var(--red);display:grid;place-items:center;font:800 16px/1 var(--display)}
.bev-ccm-alert{font-size:14px;font-weight:800;color:var(--red2)}
.bev-card p strong{color:var(--ink)}
.bev-note.is-bar{border-left:4px solid #e9a21b}
.bev-ccm-inline.is-white{background:#fff;border-color:var(--card-line)}
.bev-ccm-trustpoints{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:0 0 26px}
.bev-ccm-trustpoints li{display:flex;gap:8px;align-items:center;font-size:14.5px;font-weight:700;color:#fff}
.bev-ccm-trustpoints .bev-icon{color:#ff8fab;stroke-width:2.4}
.bev-ccm-trustpoints.is-side{grid-template-columns:1fr;margin:0}
.bev-ccm-trustphoto{margin:0;position:relative;border-radius:var(--r-card);overflow:hidden;background:#222934}
.bev-ccm-trustphoto img{width:100%;aspect-ratio:1/1;object-fit:cover}
.bev-ccm-trustphoto figcaption{position:absolute;left:14px;bottom:14px;background:#fff;color:var(--ink);border-radius:10px;padding:8px 12px;font:800 13px/1.3 var(--display)}
.bev-card.is-mint{background:#f0faf6;border-color:#cdeee2}
.bev-card.is-rose{background:#fff6f8;border-color:var(--pinkline)}
.bev-ccm-tag.is-green{color:var(--mint)}
.bev-plainlist{margin:4px 0 0;padding-left:18px;display:grid;gap:8px;font-size:14.5px;line-height:1.55;color:#3d4750}
.bev-ccm-adresse{margin-top:14px;font:800 20px/1.45 var(--display);letter-spacing:-.02em;color:var(--ink)}
.bev-final .bev-ccm-small{font-size:12px;color:#7a838c;margin:16px auto 0}
.bev-section-pink .bev-title{font-weight:500}
.bev-section-pink .bev-ccm-checks .bev-card{background:#fff}

/* Le centre */
.bev-lc-pratique.is-box{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:#fff;border:1px solid var(--card-line);border-radius:14px;padding:18px 22px}
.bev-lc-pratique.is-box p{font-size:14.5px;color:#3d4750}
.bev-lc-pratique.is-box strong{color:var(--red)}
.bev-lc-secgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px;margin-top:6px}
.bev-lc-secgrid.is-solo{grid-template-columns:minmax(0,1fr)}
.bev-lc-secbig{position:relative;border-radius:var(--r-card);overflow:hidden;background:#222934;border:1px solid #343c48;display:flex;flex-direction:column;justify-content:flex-end;min-height:320px;padding:24px}
.bev-lc-secbig.has-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bev-lc-secbig.has-photo::after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(0deg,#0e1319e0,transparent)}
.bev-lc-secbig>div{position:relative;z-index:1}
.bev-lc-secbig h3{font-size:22px;font-weight:500;color:#fff}
.bev-lc-secbig p{margin-top:6px;font-size:14px;color:#c9d0d7}
.bev-lc-secbox{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.bev-lc-secbox li{background:#222934;border:1px solid #343c48;border-radius:var(--r-card);padding:20px;display:flex;flex-direction:column;gap:10px;overflow:hidden}
.bev-lc-secbox li.has-photo{padding-top:0}
.bev-lc-secbox li.has-photo .bev-card-photo{margin:0 -20px 4px;width:calc(100% + 40px)}
.bev-lc-secbox h3{font-size:18px;font-weight:500;color:#fff}
.bev-lc-secbox p{font-size:13.5px;line-height:1.55;color:#b9c1ca}
.bev-dark .bev-prooficon{background:#2c3442;color:#ff8fab}
.bev-lc-plage{font:800 34px/1.1 var(--display);letter-spacing:-.04em;color:var(--red)}
.bev-lc-duree{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:22px}
.bev-lc-duree strong{color:var(--red2)}
.bev-lc-ready{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start}
.bev-lc-visite{display:grid;gap:12px}
.bev-lc-visite li{background:#fff;border:1px solid var(--card-line);border-radius:14px;padding:18px 22px}
.bev-lc-visite h3{font-size:17px}
.bev-lc-visite p{margin-top:4px;font-size:14px;line-height:1.6;color:var(--mute)}
.bev-human-bullets.is-semibold li{font-weight:600}
.bev-hero-bubble.has-icon{display:flex;gap:13px;align-items:center}
.bev-bubble-icon{width:42px;height:42px;flex:none;border-radius:50%;background:#ffebf0;color:var(--red);display:grid;place-items:center}
.bev-bubble-icon .bev-icon{width:22px;height:22px}

/* Tarifs, Particuliers, Professionnels : titres légers, accroches simples */
.bev-pagehero.is-interieur h1{font-weight:500}
.bev-pagehero.is-interieur~section .bev-title{font-weight:500}
.bev-pagehero.is-interieur~section .bev-kicker::before{display:none}
.bev-px-reperes .bev-card{gap:8px}
.bev-px-reperes .bev-px-price{margin:2px 0 4px;color:var(--ink)}
.bev-px-cout .bev-card h3{font-weight:800;font-size:17px;letter-spacing:-.01em}
.bev-faq-solo{max-width:820px}
.bev-faq-solo .bev-title{margin-bottom:26px}
.bev-px-photo{margin:0;position:relative}
.bev-px-photo>img{width:100%;height:420px;object-fit:cover;border-radius:18px}
.bev-px-photo.has-vignette{padding:0 0 40px 40px}
.bev-px-photo.has-vignette::before{content:'';position:absolute;left:0;bottom:0;width:120px;height:120px;border-radius:14px;background:var(--red)}
.bev-px-photo .bev-px-vignette{position:absolute;left:18px;bottom:18px;width:42%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:14px;border:5px solid #fff;box-shadow:0 14px 30px #11192826}
.bev-final.is-dark{background:var(--night);padding:64px 0}
.bev-final.is-dark .bev-final-box{background:none;text-align:left;border-radius:0;padding:0}
.bev-final.is-dark .bev-title{color:#fff;font-weight:500}
.bev-final.is-dark p{color:#b9c1ca;margin:14px 0 24px}
.bev-final.is-dark .bev-final-actions{justify-content:flex-start}
.bev-table td,.bev-table th[scope="row"]{background:#fff}
.bev-table-wrap{position:relative}

/* Réserver */
.bev-hero-mini.is-plain li{font-weight:700}
.bev-px-etape{display:flex;align-items:center;gap:9px;margin:0 0 12px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--kicker)}
.bev-px-etape span{display:grid;place-items:center;min-width:30px;height:30px;border-radius:9px;background:#ffebf0;color:var(--red)}
.bev-px-etape.is-dark{color:#b7c0c8}
.bev-px-etape.is-dark span{background:#2c3442;color:#ff8fab}
.bev-px-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.bev-px-benefits li{background:#fff;border:1px solid var(--card-line);border-radius:14px;padding:16px 18px}
.bev-px-benefits h3{font-size:16px;font-weight:800;letter-spacing:-.01em}
.bev-px-benefits p{margin-top:4px;font-size:13.5px;line-height:1.55;color:var(--mute)}
.bev-px-pricecards .bev-card.is-featured{border:2px solid var(--red);box-shadow:0 14px 34px #ee003b1a}
.bev-px-pricecards .bev-card h3{font-size:30px;font-weight:800}
.bev-px-volume{font-size:13px;font-weight:700;color:var(--mute)}
.bev-dark .bev-faq,.bev-dark .bev-faq details{border-color:#343b46}
.bev-dark .bev-faq summary{color:#fff}
.bev-dark .bev-faq details>:not(summary){color:#b9c1ca}
.bev-dark .bev-title{color:#fff}

/* Blog */
.bev-post-cat{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--kicker)}
.bev-blog-selection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bev-blog-selection .bev-post.is-featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.bev-blog-selection .is-featured .bev-post-img{aspect-ratio:auto;min-height:300px}
.bev-blog-selection .is-featured h3{font-size:28px}
.bev-blog-selection h3{font-size:19px;line-height:1.25}
.bev-blog-selection h3 a::after{content:'';position:absolute;inset:0}
.bev-article-cta .bev-kicker{margin-bottom:8px}
.bev-blog-count{font:700 14px/1 var(--text);letter-spacing:0;color:#7a838c}

@media (max-width:920px){
  .bev-ccm-firstgrid,.bev-lc-secgrid,.bev-lc-ready,.bev-blog-selection .bev-post.is-featured{grid-template-columns:minmax(0,1fr)}
  .bev-blog-selection{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .bev-ccm-accompagne{display:grid}
  .bev-ccm-trustpoints,.bev-lc-secbox,.bev-px-benefits{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  /* En-tête non collant (la barre mobile porte déjà « Appeler » et « Voir les box »).
     relative, pas static : le z-index s'applique et l'ombre de l'en-tête et du
     tiroir passe au-dessus du hero, comme au source (tour 7). */
  .bev-navshell{position:relative}
  /* En-tête non collant : plus de décalage à réserver sous les ancres. */
  html:has(body.bev){scroll-padding-top:0}
  .bev main :is(section,[id]){scroll-margin-top:0}
  .bev-pagehero.is-interieur .bev-hero-actions .bev-btn{width:auto}
  .bev-blog-selection{grid-template-columns:minmax(0,1fr)}
  .bev-px-photo>img{height:300px}
}
@media (max-width:520px){
  /* Tableau des tailles sans défilement : la colonne Volume est masquée */
  .bev-table{min-width:0}
  .bev-col-volume{display:none}
  .bev-table :is(th,td){padding:10px 10px}
}

/* ==========================================================================
   ÉCARTS AVEC UNBOXENVILLE.FR, SUITE (relevé du 2026-10-17, nuit) : valeurs
   du CSS d'origine (blocs #ub9-root, .ubm-, .ubc-, .ubx-) et des captures
   à 1366 et 390 px. Les règles propres à une page passent par la classe du
   <body> : bev-p-accueil, bev-p-comment_ca_marche, bev-p-le_centre,
   bev-p-tarifs / -particuliers / -professionnels (+ bev-p-interieur),
   bev-p-reserver, bev-p-blog, bev-p-article, bev-p-legal…
   ========================================================================== */

/* Communs : flèche « → » collée au libellé, pictos du ruban roses, étoiles,
   menu mobile au trait épais, pied (titres en graisse moyenne, quatre
   colonnes d'origine, adresse sur deux lignes, grand logo sans cadre) */
.bev-btn.bev-arrow{gap:4px}
.bev-inline-link.bev-arrow{gap:5px}
.bev-ribbon{padding:21px 0}
.bev-ribbonitem .bev-icon{color:#ff8fab;width:18px;height:18px}
.bev-stars .bev-icon{margin:0 -1px}
.bev-hamburger .bev-icon{stroke-width:2.6}
/* Chevron « Solutions » plus appuyé (⌄ du source, tour 6) */
.bev-sousmenu-chevron{stroke-width:2.6}
/* Tiroir ouvert : ombre portée sous le panneau, comme le source (tour 6) */
.bev-drawer:not([hidden]){box-shadow:0 18px 30px rgba(23,28,36,.10)}
/* Titres de colonne du pied : graisse, interlettrage et interligne
   d'unboxenville.fr (14 px, 400, -0,045em, 1,16). Les pages intérieures
   (pied « ubx » du source) gardent leur réglage d'avant. */
.bev-footer h2,.bev-footer h3,.bev-footer-titre{font-weight:400;letter-spacing:-.045em;line-height:1.16}
/* Pied « ubx » : titres de colonne en 20 px, graisse 400 (source), gardés
   clairs (correction de lisibilité ; tour 7) */
.bev-chrome-ubx .bev-footer :is(h2,h3){font-size:20px;font-weight:400;letter-spacing:-.01em;line-height:1.3}
/* Quatre colonnes d'origine sur ordinateur seulement : posée sans media
   query, cette règle écrasait les grilles à 2 puis 1 colonne (≤ 920 px et
   ≤ 640 px) et le pied mobile restait sur 4 pistes de ~60 px. */
@media (min-width:921px){
  .bev-footer-grid{grid-template-columns:1.25fr .8fr .8fr 1fr;gap:38px}
}
.bev-footer-list address{display:grid;gap:9px}
/* Liens du pied en bloc de 23 px de haut, pas de 32 px (unboxenville.fr :
   a{display:block;min-height:23px}, gap 9px) : zone cliquable pleine
   largeur. Pas sur .bev-footer-legal (rangée du bas), ni sur les pages
   intérieures (pied « ubx », mesuré à part). */
.bev-footer-list>li{font-size:13px;line-height:1.5}
.bev-footer-list a{display:block;min-height:23px}
.bev-chrome-ubx .bev-footer-list>li{font-size:inherit;line-height:inherit}
.bev-chrome-ubx .bev-footer-list a{display:inline;min-height:0}
/* En-tête commun (unboxenville.fr, relevé du 17/10/2026) :
   - menu en 12,5 px sur grand écran (13 px gardé sur les pages intérieures,
     dont le menu « ubx » est réglé à part) ;
   - panneau « Solutions » : 238 px de large, 19 px sous le bouton, rayon
     14 px, liens 13 px / 1,4 au pas de 42 px ; le pont invisible suit
     l'écart pour que le survol ne se perde pas ;
   - bouton du tiroir mobile : 82 px de large, rayon 10 px (icônes SVG
     gardées : écart voulu). */
@media (min-width:1101px){
  .bev-menu a,.bev-sousmenu-btn{font-size:12.5px}
  .bev-chrome-ubx .bev-menu a{font-size:13px}
}
/* Tour 7 : panneau remonté de 7 px (bord haut à 104 px à 1366, comme le
   source) et 2 px plus à droite ; le chevron ne se retourne plus (⌄ fixe) */
.bev .bev-sousmenu-liste,.bev-sousmenu-liste{top:calc(100% + 12px);margin:0;left:-18px;min-width:238px;border-radius:14px;box-shadow:0 16px 48px rgba(18,23,29,.14)}
.bev-sousmenu-liste::before{top:-13px;height:13px}
.bev-sousmenu-btn[aria-expanded="true"] .bev-sousmenu-chevron{transform:rotate(90deg)}
.bev-sousmenu-liste a{padding:12px 13px;font-size:13px;line-height:1.4}
.bev-hamburger{min-width:82px;border-radius:10px}
.bev-chrome-ubx .bev-hamburger{border-radius:12px}
.bev-footer-logo{padding:0;border-radius:0;--logo-h:200px;--logo-wmax:350px}
/* Logo du pied calé sur le source : colonne marque ~25 px plus bas sur
   ordinateur (pas sur les pages intérieures, pied « ubx » mesuré à part) */
@media (min-width:921px){
  body:not(.bev-chrome-ubx) .bev-footer-logo{margin-top:25px}
}
/* Rangée du bas : © à gauche, mention à droite, « Site propulsé par
   Boxanet » sur sa propre ligne (la mention ne passe plus au centre). */
.bev-footer-bottom>.bev-footer-propulse{flex-basis:100%}
.bev-location-copy h2{font-weight:500}
.bev-how .bev-step p{margin-top:8px}
.bev-how .bev-step{padding:20px 17px}
.bev .bev-ccm-trustpoints{margin:0 0 25px}
/* Sections sombres : chapô lisible, lien du téléphone en blanc */
.bev-dark .bev-faq-intro p{color:rgba(255,255,255,.8)}
.bev-dark .bev-faq-intro .bev-inline-link{color:#fff;border-color:rgba(255,255,255,.55)}
/* Bandeau de consentement aux couleurs du gabarit (pages du gabarit et du tunnel) */
.bev .cookie-banner,.bev-chrome~.cookie-banner,body.tpl-boxenville-2026 .cookie-banner{--accent-color:var(--red);--secondary-color:var(--night)}
.bev .cookie-banner-text a,.bev-chrome~.cookie-banner .cookie-banner-text a,body.tpl-boxenville-2026 .cookie-banner-text a{color:#fff}
/* Résultat de l'estimateur, variante d'unboxenville.fr (Comment ça marche,
   Réserver) : étiquette en casse normale, anneau décoratif */
.bev-p-comment_ca_marche .bev-estimator-result,.bev-p-reserver .bev-estimator-result{position:relative;overflow:hidden;background:#1a2029}
.bev-p-comment_ca_marche .bev-estimator-result::after,.bev-p-reserver .bev-estimator-result::after{content:'';width:270px;height:270px;position:absolute;border:56px solid #2a313a;top:-120px;right:-115px;border-radius:50%;pointer-events:none}
.bev-p-comment_ca_marche .bev-estimator-result>*,.bev-p-reserver .bev-estimator-result>*{position:relative;z-index:1}
.bev-p-comment_ca_marche .bev-result-label,.bev-p-reserver .bev-result-label{text-transform:none;letter-spacing:0;font-size:13px;font-weight:400;color:#bac1c8;margin-bottom:9px}
/* Choix de l'estimateur en couleur de texte (le rouge pour le choix actif) */
.bev-p-comment_ca_marche button.bev-choice strong,.bev-p-reserver button.bev-choice strong{color:var(--ink)}
.bev-p-reserver button.bev-choice[aria-pressed="true"] strong{color:var(--red)}
.bev-p-comment_ca_marche .bev-choice{padding:16px;min-height:85px;border-radius:12px;border-color:#e3e7e9}
.bev-p-comment_ca_marche .bev-choice strong{font-size:15px;font-weight:700}
/* Badges du hero sur une ligne en mobile (Comment ça marche, Le centre) */
@media (max-width:640px){
  .bev-p-comment_ca_marche .bev-trustrow,.bev-p-le_centre .bev-trustrow{gap:6px;flex-wrap:nowrap}
  .bev-p-comment_ca_marche :is(.bev-pill,.bev-google){white-space:nowrap}
  .bev-p-le_centre :is(.bev-pill,.bev-google){font-size:10px;padding:6px 9px;letter-spacing:.04em;white-space:nowrap}
  .bev-p-le_centre .bev-google .bev-stars .bev-icon{width:11px;height:11px}
}

@media (max-width:640px){
  /* Logo du pied en pleine largeur (unboxenville.fr à 390 px). Le lien est
     en bloc et la largeur maximale du cadre est une longueur définie : un
     pourcentage dans un inline-block dimensionné par son contenu donnait un
     logo de 0×0 px (dépendance circulaire). */
  .bev-footer-logo{display:block;width:max-content;max-width:100%;--logo-wmax:calc(100vw - 30px)}
  .bev-chrome-ubx .bev-footer-logo{--logo-wmax:calc(100vw - 28px)}
  /* Pied commun : logo 26 px plus bas, comme au source (sans son liseré ; tour 7) */
  body:not(.bev-chrome-ubx) .bev-footer-logo{margin-top:26px}
}

/* Accueil : FAQ aérée (≈ 76 px par question) */
.bev-p-accueil .bev-faq summary{padding:20px 0}
.bev-p-accueil .bev-faq summary::after{line-height:normal}

/* Comment ça marche ------------------------------------------------------ */
.bev-p-comment_ca_marche .bev-pagehero h1{font-size:clamp(42px,4.75vw,65px);letter-spacing:-.06em;line-height:1.08}
/* Étapes : grandes pastilles reliées par un trait, lien en bas de carte */
.bev-p-comment_ca_marche #etapes .bev-step{position:relative;min-height:275px;padding:26px 23px;border-radius:19px;border-color:#e1e4e6;gap:0}
.bev-p-comment_ca_marche #etapes .bev-step::before{content:'';position:absolute;top:41px;left:70px;right:-17px;height:1px;background:#e6e9eb}
.bev-p-comment_ca_marche #etapes .bev-step:last-child::before{display:none}
.bev-p-comment_ca_marche #etapes .bev-step-number{width:48px;height:48px;flex:0 0 48px;border-radius:13px;color:#c31641;background:#fff0f4;font:800 15px var(--display);margin-bottom:22px;position:relative;z-index:1}
.bev-p-comment_ca_marche #etapes .bev-step>div{display:flex;flex-direction:column;flex:1}
.bev-p-comment_ca_marche #etapes .bev-step h3{font-size:19px;line-height:1.2;margin-bottom:11px}
.bev-p-comment_ca_marche #etapes .bev-step p{font-size:14px;color:#59636e;line-height:1.65;margin:0 0 20px}
.bev-p-comment_ca_marche #etapes .bev-step .bev-inline-link{margin-top:auto;align-self:flex-start;border-bottom:0;padding-bottom:0}
/* Encart « Vous préférez être accompagné ? » rose pâle */
.bev-p-comment_ca_marche .bev-ccm-accompagne{background:#fff4f6;border-color:#f9dde6;border-radius:16px;padding:17px 23px;margin-top:20px}
.bev-p-comment_ca_marche .bev-ccm-accompagne p{font-size:14px;color:#515b65;line-height:1.6}
.bev-p-comment_ca_marche .bev-ccm-accompagne strong{color:#a7193d}
.bev-p-comment_ca_marche .bev-ccm-accompagne .bev-inline-link{color:#aa173b;border-color:#bd2c4c;font-size:13px}
/* Accès : photos 3:2, repère « 24 » en petit carré rose */
.bev-p-comment_ca_marche #acces .bev-card.has-photo{padding:0 0 23px;border-radius:19px;gap:0}
.bev-p-comment_ca_marche #acces .bev-card.has-photo .bev-card-photo{margin:0 0 20px;width:100%}
.bev-p-comment_ca_marche #acces .bev-card.has-photo>:not(.bev-card-photo){margin-inline:23px}
.bev-p-comment_ca_marche #acces .bev-card.has-photo h3{margin:6px 23px 10px;font-size:20px}
.bev-p-comment_ca_marche #acces .bev-card-photo img{aspect-ratio:3/2;height:auto}
.bev-p-comment_ca_marche .bev-ccm-stat{border-color:#e1e5e8;border-radius:15px;margin-top:21px;padding:17px 22px;gap:13px}
.bev-p-comment_ca_marche .bev-ccm-stat strong{width:35px;height:35px;border-radius:9px;background:#fff0f4;font-size:15px;letter-spacing:0}
.bev-p-comment_ca_marche .bev-ccm-stat p{font-size:14px;font-weight:700;color:#48535f}
/* Première visite : quatre cartes grises, numéro en pastille rose */
.bev-p-comment_ca_marche .bev-ccm-firstgrid{grid-template-columns:1.12fr .88fr;gap:24px;align-items:stretch;margin-top:32px}
.bev-p-comment_ca_marche .bev-ccm-firstlist{gap:13px;border-top:0}
.bev-p-comment_ca_marche .bev-ccm-firstlist li{gap:17px;padding:19px 20px;background:#f8f9f9;border:1px solid #e9ecee;border-radius:15px}
.bev-p-comment_ca_marche .bev-ccm-firstn{font:900 13px/1 var(--text);letter-spacing:.06em;color:#b01c43;background:#ffeef2;border-radius:10px;min-width:42px;height:42px;display:grid;place-items:center}
.bev-p-comment_ca_marche .bev-ccm-firstlist h3{font-size:19px;margin:0 0 7px;letter-spacing:-.028em}
.bev-p-comment_ca_marche .bev-ccm-firstlist p{font-size:15px;line-height:1.7;color:#4f5963;margin-top:0}
.bev-p-comment_ca_marche .bev-ccm-firstaside{padding:38px;background:#1b242e;border-radius:22px;align-content:center;gap:0}
.bev-p-comment_ca_marche .bev-ccm-firsticon{width:44px;height:44px;border-radius:12px;background:#e9003b;font:900 25px var(--text);margin-bottom:22px}
.bev-p-comment_ca_marche .bev-ccm-firstaside h3{font-size:27px;margin:0 0 15px}
.bev-p-comment_ca_marche .bev-ccm-firstaside>p{color:#d1d8dd;font-size:16px;line-height:1.7;margin-bottom:23px}
.bev-p-comment_ca_marche .bev-ccm-firstaside .bev-ccm-small{font-size:13px;color:#b9c5cc;line-height:1.65;margin:19px 0 0}
/* Pièces : coches simples */
.bev-p-comment_ca_marche #pieces .bev-card{padding:30px;border-radius:19px}
.bev-p-comment_ca_marche #pieces .bev-card h3{font-size:23px}
.bev-p-comment_ca_marche #pieces .bev-checklist{gap:12px;margin-top:12px}
.bev-p-comment_ca_marche #pieces .bev-checklist li{display:block;position:relative;padding-left:27px;font-size:15px;font-weight:700}
.bev-p-comment_ca_marche #pieces .bev-checklist li::before{content:'✓';content:'✓' / '';position:absolute;left:0;top:0;margin:0;width:auto;height:auto;background:none;border-radius:0;color:#078568;font-weight:900}
/* Conditions : carte « coût total » grise, note en rouge foncé, titre plus large */
.bev-p-comment_ca_marche #conditions .bev-section-head>div:first-child{flex:1 1 680px}
.bev-p-comment_ca_marche .bev-ccm-contracts{gap:16px;margin:30px 0 20px}
.bev-p-comment_ca_marche .bev-ccm-contracts .bev-card{padding:28px;border-radius:18px;border-color:#e0e4e6;gap:0}
.bev-p-comment_ca_marche .bev-ccm-contracts .bev-card.is-tinted{background:#f7f9fa;border-color:#e6e9eb}
.bev-p-comment_ca_marche .bev-ccm-pastille{width:46px;height:46px;background:#feeaf0;color:#c2103e;font:900 20px/1 var(--text);margin-bottom:17px}
.bev-p-comment_ca_marche .bev-ccm-contracts h3{font-size:21px;margin:0 0 13px}
.bev-p-comment_ca_marche .bev-ccm-contracts p{font-size:15px;line-height:1.75;color:#4e5861}
.bev-p-comment_ca_marche .bev-ccm-contracts .bev-ccm-alert{font-size:14px;font-weight:800;color:#6c2338;margin-top:16px;line-height:1.5}
.bev-p-comment_ca_marche .bev-ccm-contracts .bev-btn{margin-top:23px}
/* Biens autorisés / interdits : listes sans puce, fonds très pâles */
.bev-p-comment_ca_marche #contenus .bev-card{padding:31px 33px;border-radius:19px}
.bev-p-comment_ca_marche #contenus .bev-card.is-mint{background:#fbfcfc;border-color:#dfe7e7}
.bev-p-comment_ca_marche #contenus .bev-card.is-rose{background:#fff8f8;border-color:#f0dfe0}
.bev-p-comment_ca_marche #contenus h3{font-size:22px;margin:12px 0 16px}
.bev-p-comment_ca_marche .bev-plainlist{list-style:none;padding-left:20px;gap:12px;font-size:15px;line-height:1.65;color:#4e5963}
/* Sécurité : photo paysage, espace avant le bouton */
.bev-p-comment_ca_marche .bev-ccm-trustphoto{height:438px;border-radius:22px}
.bev-p-comment_ca_marche .bev-ccm-trustphoto img{aspect-ratio:auto;height:100%}
.bev-p-comment_ca_marche .bev-ccm-trust .bev-lead{margin:20px 0 25px}
/* FAQ : questions d'origine (22 px, 16 px) */
.bev-p-comment_ca_marche .bev-faq summary{padding:22px 0;font-size:16px;line-height:1.4}
.bev-p-comment_ca_marche .bev-faq details>:not(summary){font-size:15px;line-height:1.72;padding:0 24px 20px 0}
@media (max-width:920px){
  .bev-p-comment_ca_marche #etapes .bev-step::before{display:none}
  .bev-p-comment_ca_marche #etapes .bev-step{min-height:0}
  .bev-p-comment_ca_marche .bev-ccm-firstgrid{grid-template-columns:minmax(0,1fr)}
  .bev-p-comment_ca_marche .bev-ccm-trustphoto{height:360px}
}
@media (max-width:640px){
  .bev-p-comment_ca_marche .bev-section{padding:72px 0}
  .bev-p-comment_ca_marche .bev-pagehero h1{font-size:clamp(35px,10vw,44px)}
  .bev-p-comment_ca_marche .bev-choice{min-height:68px}
  .bev-p-comment_ca_marche .bev-ccm-firstlist li{padding:17px 16px;gap:12px}
  .bev-p-comment_ca_marche .bev-ccm-firstlist h3{font-size:17px}
  .bev-p-comment_ca_marche .bev-ccm-firstaside{padding:26px}
  .bev-p-comment_ca_marche .bev-ccm-firstaside h3{font-size:23px}
  .bev-p-comment_ca_marche .bev-ccm-contracts .bev-card{padding:23px}
  .bev-p-comment_ca_marche .bev-ccm-trustphoto{height:300px}
  /* Boutons pleine largeur (sortie, première visite, adresse) */
  .bev-p-comment_ca_marche :is(.bev-ccm-inline,.bev-ccm-firstaside,#adresse) .bev-btn{width:100%;justify-self:stretch}
}

/* Le centre --------------------------------------------------------------- */
.bev-p-le_centre .bev-ribbon{padding:20px 0}
.bev-p-le_centre .bev-ribbonitem{font-size:12px}
.bev-p-le_centre .bev-ribbonitem .bev-icon{color:#f48da7}
.bev-p-le_centre .bev-section-head.is-stacked{max-width:960px}
.bev-p-le_centre .bev-section-head.is-stacked .bev-lead{max-width:700px}
.bev-p-le_centre .bev-final-box p{max-width:720px}
/* Présentation : légende blanche sur dégradé sombre */
.bev-p-le_centre .bev-lc-figure{border-radius:23px;height:350px}
.bev-p-le_centre .bev-lc-figure img{height:100%;aspect-ratio:auto}
.bev-p-le_centre .bev-lc-figure figcaption{left:0;right:0;bottom:0;border-radius:0;background:linear-gradient(transparent,rgba(0,0,0,.6));color:#fff;padding:44px 22px 18px;font-weight:800}
/* Parcours : photos à fond perdu en haut des cartes, point pratique à la suite */
.bev-p-le_centre .bev-lc-etape.has-photo{padding:0;gap:0;border-radius:17px;border-color:#e2e5e7}
.bev-p-le_centre .bev-lc-etape.has-photo .bev-card-photo{margin:0;width:100%}
.bev-p-le_centre .bev-lc-etape.has-photo .bev-card-photo img{height:204px;aspect-ratio:auto}
.bev-p-le_centre .bev-lc-etape.has-photo>div{padding:19px 19px 24px}
.bev-p-le_centre .bev-lc-etiquette{font-size:12px;color:var(--red);letter-spacing:.09em}
.bev-p-le_centre .bev-lc-etape h3{font-size:18px;margin:8px 0 9px;letter-spacing:-.03em}
.bev-p-le_centre .bev-lc-etape p{font-size:14px;color:#616d77;line-height:1.62}
.bev-p-le_centre .bev-lc-pratique.is-box{justify-content:flex-start;gap:14px;margin-top:21px;border-radius:13px;border-color:#e4e7e9;padding:16px 20px}
.bev-p-le_centre .bev-lc-pratique.is-box p{font-size:14px;color:#57636d}
/* Sécurité : grande carte au titre fort, photos en retrait, pictos roses sans cadre */
.bev-p-le_centre .bev-lc-secbig h3{font-size:clamp(24px,2.4vw,30px);font-weight:700}
.bev-p-le_centre .bev-lc-secbox li{background:#292f39;border-color:#404854;border-radius:18px;padding:19px;min-height:218px;gap:0}
.bev-p-le_centre .bev-lc-secbox li.has-photo{padding-top:19px}
.bev-p-le_centre .bev-lc-secbox li.has-photo .bev-card-photo{margin:0 0 13px;width:100%;background:none}
.bev-p-le_centre .bev-lc-secbox li.has-photo .bev-card-photo img{height:118px;aspect-ratio:auto;border-radius:10px}
.bev-p-le_centre .bev-lc-secbox li:not(.has-photo){justify-content:center}
.bev-p-le_centre .bev-lc-secbox h3{font-size:16px;font-weight:700}
.bev-p-le_centre .bev-lc-secbox p{font-size:13px;line-height:1.6;color:#bec8d1;margin-top:6px}
.bev-p-le_centre .bev-dark .bev-prooficon{background:none;width:auto;height:auto;flex:none;display:block;border-radius:0;color:#f48da7;margin-bottom:12px}
.bev-p-le_centre .bev-dark .bev-prooficon .bev-icon{width:23px;height:23px}
/* Galerie : une grande photo et quatre en 2 × 2, puis une rangée de quatre ;
   en mobile, grille de deux colonnes, la première en pleine largeur */
.bev-gallery.is-lc .bev-photo,.bev-gallery.is-lc .bev-photo:nth-child(n){grid-column:span 3;grid-row:auto;min-height:245px;border-radius:16px}
.bev-gallery.is-lc .bev-photo:first-child{grid-column:span 6;grid-row:span 2;min-height:505px}
@media (max-width:920px){
  .bev-gallery.is-lc{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bev-gallery.is-lc .bev-photo,.bev-gallery.is-lc .bev-photo:nth-child(n),.bev-gallery.is-lc .bev-photo:first-child{grid-column:auto;grid-row:auto;min-height:250px}
}
@media (max-width:640px){
  .bev-gallery.is-lc{display:grid;grid-template-columns:1fr 1fr;gap:10px;overflow:visible;padding-bottom:0}
  .bev-gallery.is-lc .bev-photo,.bev-gallery.is-lc .bev-photo:nth-child(n){flex:none;min-height:190px}
  .bev-gallery.is-lc .bev-photo:first-child{grid-column:1/-1;min-height:285px}
  .bev-gallery.is-lc .bev-photo figcaption{font-size:12.5px;left:12px;bottom:12px}
}
/* Accès : un seul bloc gris, titre en graisse normale, faits en couleur de texte */
.bev-p-le_centre #acces .bev-location-card{background:#eaedee}
.bev-p-le_centre #acces .bev-location-map{background:#eaedee;min-height:440px}
.bev-p-le_centre #acces .bev-location-map iframe{min-height:440px}
.bev-p-le_centre #acces .bev-location-copy{padding:49px 45px}
.bev-p-le_centre #acces h2{font-weight:400;margin:12px 0 14px}
.bev-p-le_centre #acces .bev-location-copy p{font-size:16px;color:#5d6670;line-height:1.7}
.bev-p-le_centre #acces .bev-location-facts{gap:11px;margin:22px 0 26px}
.bev-p-le_centre #acces .bev-location-facts .bev-icon{color:currentColor}
/* Première visite : titre en graisse normale, cartes blanches, lien rouge souligné */
.bev-p-le_centre #premiere-visite{background:#f6f7f8;padding:72px 0}
.bev-p-le_centre .bev-lc-ready{grid-template-columns:.82fr 1.18fr;gap:60px}
.bev-p-le_centre .bev-lc-ready h2{font-weight:400;font-size:clamp(30px,3.3vw,44px);line-height:1.17;letter-spacing:-.04em}
.bev-p-le_centre .bev-lc-visite{gap:10px}
.bev-p-le_centre .bev-lc-visite li{border-color:#e6e8ea;padding:17px 20px;border-radius:12px}
.bev-p-le_centre .bev-lc-visite h3{font:800 15px/1.4 var(--text);letter-spacing:0;color:#252e37}
.bev-p-le_centre .bev-lc-visite p{margin-top:5px;font-size:14px;line-height:1.5;color:#59636e}
.bev-lc-readylink{display:inline-flex;gap:4px;color:#d70037;font-size:14px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.bev-lc-readylink:hover{color:var(--red2)}
.bev-p-le_centre #premiere-visite .bev-lc-pratique{margin-top:20px}
@media (max-width:780px){
  .bev-p-le_centre .bev-lc-ready{grid-template-columns:minmax(0,1fr);gap:25px}
  .bev-p-le_centre #premiere-visite{padding:50px 0}
}
@media (max-width:640px){
  .bev-p-le_centre .bev-lc-figure{height:255px}
  .bev-p-le_centre .bev-lc-etape.has-photo .bev-card-photo img{height:210px}
  .bev-p-le_centre .bev-lc-secbox li{min-height:0}
  .bev-p-le_centre .bev-lc-secbox li.has-photo .bev-card-photo img{height:165px}
  .bev-p-le_centre #acces .bev-location-map,.bev-p-le_centre #acces .bev-location-map iframe{min-height:330px}
  .bev-p-le_centre #acces .bev-location-copy{padding:36px 24px}
  .bev-p-le_centre #acces h2{font-size:31px}
  .bev-p-le_centre #acces .bev-location-actions .bev-btn{width:100%}
}

/* Tarifs, Particuliers, Professionnels (en-tête et pied « ubx ») ----------- */
/* Habillage de l'en-tête, du tiroir et du pied (« ubx ») : classe
   bev-chrome-ubx, posée seulement quand la page a son menu propre
   (bev[menus_pages]) ; sans menu propre (Particuliers d'unboxenville.fr),
   en-tête et pied communs. bev-p-interieur ne règle plus que le contenu. */
.bev-chrome-ubx,.bev-chrome-ubx .bev-chrome{--header-h:84px}
.bev-chrome-ubx .bev-logo{--logo-h:70px}
.bev-chrome-ubx .bev-logo .lds-img,.bev-chrome-ubx .bev-logo img{max-height:70px}
.bev-p-interieur .bev-pagehero .bev-lead{max-width:580px}
.bev-p-interieur .bev-section-head.is-stacked{max-width:800px}
.bev-chrome-ubx .bev-navbtn{font-size:14px}
.bev-chrome-ubx .bev-topbar{background:#c91620}
.bev-chrome-ubx .bev-hamburger{min-width:46px;width:46px;height:46px;padding:0;border-color:#d8dde1;color:var(--red)}
:is(.bev-p-interieur main,.bev-chrome-ubx .bev-footer,.bev-chrome-ubx .bev-navshell) .bev-wrap{max-width:1160px;width:min(1160px,calc(100% - 40px))}
/* Hero sur fond uni #f7f7f5, boutons à 12 px d'écart (.hero, .actions du
   source ; tour 7) */
.bev-p-interieur .bev-pagehero.is-interieur{padding:74px 0 78px;background:#f7f7f5}
.bev-p-interieur main :is(.bev-hero-actions,.bev-actions){gap:12px}
/* Titres de section sans surtitre (FAQ, « Pratique au quotidien ») : pas de
   marge haute, comme au source (tour 7) */
.bev-p-interieur main :is(.bev-faq-solo,.bev-section-head)>.bev-title:first-child{margin-top:0}
.bev-pagehero.is-interieur h1{font-weight:800;font-size:clamp(37px,4.7vw,61px);letter-spacing:-.038em}
.bev-p-interieur .bev-pagehero .bev-hero-img-wrap{height:420px}
.bev-p-interieur .bev-pagehero .bev-hero-img-wrap::before{display:none}
.bev-p-interieur .bev-pagehero .bev-hero-img-wrap img{border-radius:28px 28px 85px 28px}
.bev-p-interieur main .bev-btn{font:800 14px/1.2 var(--text);padding:15px 19px;min-height:0}
.bev-p-interieur .bev-hero-mini li{font-size:12px;color:#3c4650}
.bev-p-interieur .bev-hero-mini .bev-icon{color:#008b6d}
.bev-p-interieur .bev-section{padding:80px 0}
.bev-p-interieur main .bev-card{padding:26px}
.bev-p-interieur main .bev-card p{font-size:14px}
.bev-p-interieur .bev-px-photo>img{height:390px;border-radius:22px}
.bev-p-interieur .bev-final.is-dark{background:#1c2129;padding:72px 0}
/* Pied « ubx » : padding 48 / 25 px (footer du source) ; en-tête sans ombre
   (header du source : filet seul) ; tour 7 */
.bev-chrome-ubx .bev-footer{background:#161b22;padding:48px 0 25px}
.bev-chrome-ubx .bev-navshell{box-shadow:none}
/* Pied « ubx » (tour 6) : textes plus clairs, présentation collée au logo
   et limitée à 320 px, rangée du bas en 11 px */
.bev-chrome-ubx .bev-footer-desc{color:#d4d7dc;max-width:320px}
.bev-chrome-ubx .bev-footer-logo{margin-bottom:0}
.bev-chrome-ubx .bev-footer-list :is(a,span,.bev-linkbtn,address){color:#cfd3da}
.bev-chrome-ubx .bev-footer-bottom{font-size:11px}
:is(.bev-p-tarifs,.bev-p-professionnels).bev-chrome-ubx .bev-footer-logo{padding:7px;border-radius:11px;background:#fff;--logo-h:59px;--logo-wmax:161px}
/* Particuliers avec menu propre : logo du pied dans son cadre blanc, un peu
   plus large (unboxenville.fr) */
.bev-p-particuliers.bev-chrome-ubx .bev-footer-logo{padding:7px;border-radius:11px;background:#fff;--logo-h:59px;--logo-wmax:185px}
/* Repères de prix : montant en grand, mention en petit */
.bev .bev-card p.bev-px-price{font:800 31px/1.2 var(--display);letter-spacing:-.03em;margin-top:14px;color:var(--ink)}
.bev .bev-card p.bev-px-price small{font:500 12px/1.4 var(--text);letter-spacing:0;color:#67717d}
.bev-p-tarifs .bev-inline-link.is-red{border-bottom:0;padding-bottom:0;text-decoration:underline;text-underline-offset:3px;color:#c41641}
/* « Comprendre son budget » et « Pratique au quotidien » : cartes .point */
.bev-p-interieur .bev-px-cout .bev-card{padding:23px;gap:8px}
.bev-p-interieur .bev-px-cout .bev-card h3{font:800 16px/1.35 var(--text);letter-spacing:0}
/* FAQ en une colonne de 860 px, titre à gauche */
.bev-faq-solo{max-width:860px}
.bev-faq-solo .bev-faq{border-top:0}
.bev-faq-solo .bev-faq summary{font:800 16px/1.45 var(--text);letter-spacing:0}
@media (max-width:780px){
  .bev-p-interieur .bev-pagehero .bev-hero-img-wrap{height:330px}
}
@media (max-width:640px){
  :is(.bev-p-interieur main,.bev-chrome-ubx .bev-footer,.bev-chrome-ubx .bev-navshell) .bev-wrap{width:calc(100% - 28px)}
  .bev-chrome-ubx .bev-topbar{font-size:12px;letter-spacing:0;white-space:nowrap;padding-inline:6px}
  .bev-p-interieur .bev-pagehero.is-interieur{padding:44px 0 55px}
  .bev-p-interieur .bev-pagehero .bev-hero-img-wrap{width:100%}
  .bev-p-interieur .bev-hero-actions .bev-btn{width:auto}
  .bev-p-interieur .bev-px-photo>img{height:280px}
}
@media (max-width:560px){
  .bev-pagehero.is-interieur h1{font-size:36px}
  .bev-p-interieur .bev-pagehero .bev-hero-img-wrap{height:245px}
  .bev-p-interieur .bev-section{padding:59px 0}
  .bev-p-interieur main .bev-card{padding:20px}
}

/* Réserver ---------------------------------------------------------------- */
.bev-p-reserver .bev-hero-mini.is-plain li{font-size:16px;font-weight:400;color:var(--mute)}
/* Repères : prix en grand, surface légère, bouton pleine largeur */
.bev-px-pricecards .bev-card h3{font-weight:500}
.bev .bev-px-pricecards .bev-card p.bev-px-price{font-size:32px;margin-top:6px}
.bev-px-pricecards .bev-card .bev-btn{width:100%;margin-top:auto}
.bev-p-reserver .bev-price-footnote{text-align:center}
/* Rassurance : accent et vignette à droite, atouts sans cadre, titre et texte côte à côte */
.bev-p-reserver .bev-px-photo.has-vignette{padding:22px 22px 30px 0}
.bev-p-reserver .bev-px-photo.has-vignette::before{left:auto;right:0;top:0;bottom:auto}
.bev-p-reserver .bev-px-photo>img{position:relative}
.bev-p-reserver .bev-px-photo .bev-px-vignette{left:auto;right:-14px;bottom:0;z-index:1}
.bev-p-reserver .bev-px-benefits{gap:18px 26px}
.bev-p-reserver .bev-px-benefits li{background:none;border:0;padding:0;display:grid;grid-template-columns:minmax(96px,.75fr) minmax(0,1.25fr);gap:12px;align-items:baseline}
.bev-p-reserver .bev-px-benefits p{margin-top:0}
/* Équipe : photo portrait, puces en gras, légende nom en petit puis sous-titre */
.bev-p-reserver .bev-human-photo img{height:auto;aspect-ratio:4/5}
.bev-p-reserver .bev-human-bullets li{font-size:13.5px;font-weight:800;color:var(--ink)}
.bev-p-reserver .bev-human-caption strong{display:block;font-size:12px;font-weight:800}
.bev-p-reserver .bev-human-caption small{font:800 15px/1.3 var(--display);color:var(--ink);margin-top:2px}
/* Appel final : bloc gris resserré, deux cercles blancs, mention en petit */
.bev-p-reserver .bev-final-box{position:relative;overflow:hidden;padding:46px 24px}
.bev-p-reserver .bev-final-box::before,.bev-p-reserver .bev-final-box::after{content:'';position:absolute;border-radius:50%;background:#fff;opacity:.75;pointer-events:none}
.bev-p-reserver .bev-final-box::before{width:180px;height:180px;top:-90px;left:-60px}
.bev-p-reserver .bev-final-box::after{width:220px;height:220px;bottom:-130px;right:-70px}
.bev-p-reserver .bev-final-box>*{position:relative;z-index:1}
.bev-p-reserver .bev-final-box p{margin:10px auto 18px}
.bev-p-reserver .bev-final .bev-px-small{font-size:11px;margin:14px auto 0}

/* Blog -------------------------------------------------------------------- */
.bev-p-blog .bev-pagehero .bev-trustrow .bev-kicker{margin:0}
.bev-p-blog .bev-hero-bubble{padding:10px 15px;max-width:none;white-space:nowrap}
.bev-p-blog .bev-hero-bubble strong{font:800 14px/1.3 var(--text);letter-spacing:0}
.bev-p-blog .bev-post-cat{color:var(--red)}
.bev-blog-selection .is-featured .bev-post-body{justify-content:center;padding:34px 32px}
.bev-blog-selection .is-featured h3{font-size:28px}
.bev-blog-selection h3{font-size:21px}
/* Cartes en texte seul (bev[blog_cartes_compactes]) */
.bev-posts.is-compact .bev-post-body{padding:22px 22px 24px}
.bev-posts.is-compact .bev-post-body h2{font-size:19px;color:var(--red)}
@media (min-width:901px){
  .bev-final.is-band .bev-final-box{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:40px;align-items:center}
  .bev-final.is-band .bev-final-box>:not(.bev-final-actions){grid-column:1}
  .bev-final.is-band .bev-final-actions{grid-column:2;grid-row:1 / span 3}
}

/* Pages légales : paragraphes espacés (texte saisi dans .legal-custom), corps 16 px */
.bev-legal{font-size:16px;line-height:1.6}
.bev-legal .legal-custom>*+*{margin-top:1.05em}

/* ==========================================================================
   TOUR 4 (relevé du 2026-10-17) — finitions par page. Valeurs reprises du
   CSS d'origine (#ub-landing, .ubm-, .ubc-, .ubx-, ub9) tel que le site
   d'origine le rend : quand WordPress a retiré le <p> ou le <span> visé par
   une règle d'origine, c'est le style hérité (rendu réel) qui est repris.
   Un bloc par page, chaque règle préfixée par la classe du <body>.
   ========================================================================== */

/* Réserver (#ub-landing) --------------------------------------------------- */
.bev-p-reserver{--ink:#181a20}
/* Corps de texte hérité du thème d'origine : 16 px / 1,55 */
body.bev-p-reserver{line-height:1.55}
.bev-p-reserver .bev-wrap{max-width:1190px;width:calc(100% - 52px)}
.bev-p-reserver .bev-topbar{background:#c71819;min-height:42px;font-size:16px;letter-spacing:0}
.bev-p-reserver .bev-navshell{--header-h:100px;border-bottom-color:#e8e9eb;box-shadow:0 8px 24px rgba(17,21,29,.045)}
.bev-p-reserver .bev-logo{--logo-h:64px;--logo-wmax:195px}
.bev-p-reserver .bev-logo .lds-img,.bev-p-reserver .bev-logo img{max-height:64px}
.bev-p-reserver .bev-navact{gap:24px}
.bev-p-reserver .bev-navtel{font-size:14px;color:#252a31;gap:10px}
.bev-navtel-ico{display:none}
.bev-p-reserver .bev-navbtn{min-height:45px;padding:0 18px;border-radius:10px;font-size:12px}
.bev-p-reserver main .bev-btn{min-height:57px;padding:0 22px;font-size:14px;letter-spacing:-.01em;gap:12px;box-shadow:0 12px 30px rgba(237,0,59,.14)}
.bev-p-reserver main .bev-btn:is(.bev-btn-dark,.bev-btn-line){box-shadow:none}
.bev-p-reserver main .bev-btn-dark{background:var(--ink)}
.bev-p-reserver main .bev-btn-dark:hover{background:#343945}
.bev-p-reserver main .bev-btn-line{border-color:#e9e9e9;color:var(--ink)}
.bev-p-reserver .bev-kicker{font-size:11px;letter-spacing:.155em;color:#ed003b;gap:9px}
.bev-p-reserver .bev-title{font-size:clamp(30px,3.7vw,46px);margin-top:17px;letter-spacing:-.045em;line-height:1.13}
.bev-p-reserver .bev-lead{font-size:17px;line-height:1.75;color:#5c626d}
/* Titres en gris ardoise (couleur des titres du thème d'origine) */
.bev-p-reserver main :is(h1,h2,h3){color:#2a343c}
/* Hero : texte hérité (16 px, couleur du texte), tuile 24h/24 sur une ligne */
.bev-p-reserver .bev-hero{background:#f7f7f5;padding:55px 0 91px}
.bev-p-reserver .bev-hero-grid{grid-template-columns:1.04fr .96fr;gap:58px}
.bev-p-reserver .bev-trustrow{gap:12px;margin-bottom:27px}
.bev-p-reserver .bev-hero .bev-pill{font-size:10px;letter-spacing:.13em;color:#a01536;background:#ffe8ee;border-color:#ffd6e1;padding:9px 14px;border-radius:40px}
.bev-p-reserver .bev-hero .bev-google{min-height:35px;padding:7px 12px;border-color:#e5e6e8;border-radius:40px;box-shadow:0 6px 18px rgba(17,21,29,.055);color:#23272f;gap:8px}
/* Pastille d'avis : note en 900, « sur Google » en 700 gris, étoiles #f4b400
   (.ub-google-rating strong, .ub-google-word, .ub-google-stars ; tour 7) */
.bev-p-reserver .bev-hero .bev-google strong{font-weight:900}
.bev-p-reserver .bev-hero .bev-google .bev-google-word{font-weight:700;color:#555b66}
.bev-p-reserver .bev-hero .bev-google .bev-stars{color:#f4b400}
.bev-p-reserver .bev-hero h1{font-size:clamp(41px,4.9vw,66px);letter-spacing:-.061em;line-height:1.075}
.bev-p-reserver .bev-hero .bev-lead{margin-top:0;max-width:none;font-size:16px;line-height:1.55;color:var(--ink)}
.bev-p-reserver .bev-hero-actions{gap:20px;margin-top:28px}
.bev-p-reserver .bev-hero .bev-inline-link{gap:10px;border-color:#868686;padding-bottom:5px}
.bev-p-reserver .bev-hero-mini.is-plain{display:block;margin-top:38px;padding-top:24px;border-color:#e0dfdc;max-width:570px}
.bev-p-reserver .bev-hero-mini.is-plain li{display:inline;font:400 16px/1.55 var(--text);color:var(--ink)}
.bev-p-reserver .bev-hero-img-wrap{height:518px}
.bev-p-reserver .bev-hero-img-wrap::before{width:92%;height:93%;top:19px;right:-16px;border-radius:27px 27px 90px 27px}
.bev-p-reserver .bev-hero-img-wrap img{border-radius:27px 27px 85px 27px;background:#e5e6e8}
.bev-p-reserver .bev-photo-stamp{right:18px;top:17px;background:#191a20e6;padding:8px 12px;letter-spacing:0}
.bev-p-reserver .bev-hero-bubble{display:flex;align-items:center;gap:14px;left:-26px;bottom:31px;max-width:none;white-space:nowrap;box-shadow:0 18px 55px #1f243c22}
.bev-p-reserver .bev-hero-bubble strong{font-size:25px;letter-spacing:-.055em;line-height:1.1}
.bev-p-reserver .bev-hero-bubble small{margin:0;font-size:11px;font-weight:600;color:#70747a}
/* Ruban : texte seul (les pictos et séparateurs ne s'affichent pas au source) */
.bev-p-reserver .bev-ribbon{background:#1d2027;padding:18px 0}
.bev-p-reserver .bev-ribbon .bev-wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.bev-p-reserver .bev-ribbonitem{border:0;padding:0;font-size:12px;font-weight:700;opacity:.96}
.bev-p-reserver .bev-ribbonitem .bev-icon{display:none}
/* Estimateur : section blanche, choix en ligne (« Je ne sais pas » compris),
   libellé du choix actif en couleur de texte */
.bev-p-reserver #estimateur{background:#fff;padding:97px 0 100px}
.bev-p-reserver #estimateur .bev-section-head{margin-bottom:0}
.bev-p-reserver #estimateur .bev-kicker::after{content:'';width:18px;height:2px;background:currentColor}
.bev-p-reserver #estimateur .bev-section-head .bev-lead{margin-top:18px;max-width:none}
.bev-p-reserver .bev-estimator-card{margin-top:38px;border-color:#e9e9ed;border-radius:23px;box-shadow:0 18px 65px #1720300d;grid-template-columns:1.05fr .95fr}
.bev-p-reserver .bev-estimator-left{padding:37px 39px 39px}
.bev-p-reserver .bev-px-etape{gap:10px;margin-bottom:22px;font-size:11px;letter-spacing:.1em;color:#858b93}
.bev-p-reserver .bev-px-etape span{min-width:27px;height:27px;border-radius:50%;background:#fceaf0;color:#ed003b;font-size:11px}
.bev-p-reserver .bev-px-etape.is-dark{color:#aeb1b7}
.bev-p-reserver .bev-px-etape.is-dark span{background:#383b43;color:#fff}
.bev-p-reserver .bev-estimator-left h3{font-size:24px;font-weight:400;letter-spacing:-.045em;margin-bottom:23px}
.bev-p-reserver .bev-choice-grid{gap:11px}
.bev-p-reserver .bev-choice,.bev-p-reserver a.bev-choice{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:79px;padding:13px;border:1.5px solid #e6e6e9;border-radius:12px}
.bev-p-reserver .bev-choice[aria-pressed="true"]{border-color:#ed003b;background:#fff6f8;box-shadow:inset 0 0 0 1px #ed003b}
.bev-p-reserver .bev-choice strong,.bev-p-reserver button.bev-choice[aria-pressed="true"] strong{font:700 13px/1.55 var(--display);letter-spacing:-.02em;color:var(--ink)}
.bev-p-reserver .bev-choice small{font-size:10px;color:#8a8e94;line-height:1.3;margin-top:2px}
.bev-p-reserver .bev-estimator-note{margin-top:19px;font-size:11px;color:#777b83}
.bev-p-reserver .bev-estimator-result{background:#17191f;padding:37px 39px}
.bev-p-reserver .bev-estimator-result::after{width:265px;height:265px;border:62px solid #292c34;top:-121px;right:-116px}
.bev-p-reserver .bev-result-label{font-size:12px;color:#b9bec7;margin-bottom:7px}
.bev-p-reserver .bev-result-size{margin-top:0;font-size:44px;letter-spacing:-.06em;line-height:1}
.bev-p-reserver .bev-result-size .bev-result-volume{font-size:14px;color:#c6c8cc}
.bev-p-reserver .bev-result-price{margin:21px 0 0;font-size:16px}
.bev-p-reserver .bev-result-price strong{font:800 28px/1.13 var(--display);letter-spacing:-.045em;margin-left:7px}
.bev-p-reserver .bev-result-copy{margin:16px 0 24px;font-size:12px;line-height:1.6;color:#b7bbc2;max-width:370px}
.bev-p-reserver .bev-result-disclaimer{margin-top:11px;font-size:9.5px;line-height:1.4;color:#8d9199}
/* Rassurance : grande photo, vignette qui la chevauche en bas à droite,
   carré rouge en haut à droite ; atouts compacts, titre et texte côte à côte */
.bev-p-reserver #centre{padding:0 0 103px}
.bev-p-reserver #centre .bev-human-grid{grid-template-columns:.92fr 1.08fr;gap:75px}
.bev-p-reserver .bev-px-photo{height:528px}
.bev-p-reserver .bev-px-photo.has-vignette{padding:0}
.bev-p-reserver .bev-px-photo>img{position:absolute;left:0;top:0;width:79%;height:87%;border-radius:20px;background:#eee}
.bev-p-reserver .bev-px-photo:not(.has-vignette)>img{width:100%;height:100%}
.bev-p-reserver .bev-px-photo .bev-px-vignette{position:absolute;left:auto;top:auto;right:0;bottom:0;width:43%;height:47%;aspect-ratio:auto;border:9px solid #fff;border-radius:18px;box-shadow:none;z-index:1}
.bev-p-reserver .bev-px-photo.has-vignette::before{left:auto;right:14%;top:2%;bottom:auto;width:64px;height:64px;border-radius:14px;background:var(--red);box-shadow:0 18px 35px #ed003b25;z-index:2}
.bev-p-reserver #centre .bev-lead{margin:21px 0 27px;max-width:600px}
.bev-p-reserver .bev-px-benefits{margin-top:0;gap:18px 30px}
.bev-p-reserver .bev-px-benefits li{display:flex;gap:12px;align-items:flex-start}
.bev-p-reserver .bev-px-benefits h3{font:700 13px/1.55 var(--display);letter-spacing:-.02em}
.bev-p-reserver .bev-px-benefits p{margin-top:2px;font-size:10.5px;line-height:1.45;color:#747880}
/* Repères de tailles : badge dans le coin, volume en petit gris, texte hérité */
.bev-p-reserver #tailles{background:#f6f6f4;padding:94px 0}
.bev-p-reserver #tailles .bev-section-head{gap:40px;margin-bottom:33px}
.bev-p-reserver #tailles .bev-section-head>.bev-lead{max-width:440px;font-size:14px}
.bev-p-reserver .bev-px-pricecards{gap:15px}
.bev-p-reserver .bev-px-pricecards .bev-card{position:relative;border-color:#e6e6e5;border-radius:16px;padding:26px;min-height:298px;gap:0}
.bev-p-reserver .bev-px-pricecards .bev-card.is-featured{border:2px solid var(--red);padding:25px;box-shadow:none}
.bev-p-reserver .bev-px-pricecards .bev-badge{position:absolute;right:17px;top:17px;background:#ffe6ed;border:0;color:#a7183b;padding:6px 9px;border-radius:30px;font-size:9px;letter-spacing:.08em}
.bev-p-reserver .bev-px-pricecards .bev-card h3{font-size:24px;font-weight:400;letter-spacing:-.045em;line-height:1.13}
.bev-p-reserver .bev-px-volume{margin-top:4px;font-size:11px;font-weight:400;color:#86898f}
/* Bloc prix : interligne de 1,55 (24,8 px au corps 16 px du source), soit
   ≈ 53 px de haut avec le chiffre en 34 px (.ub-price, tour 7) */
.bev-p-reserver .bev-px-pricecards .bev-card p.bev-px-price{display:flex;gap:7px;align-items:baseline;margin:22px 0 7px;font-size:34px;letter-spacing:-.055em;line-height:1.55}
.bev-p-reserver .bev-px-pricecards .bev-card p.bev-px-price small{font:400 16px/1.55 var(--text);color:var(--ink)}
.bev-p-reserver .bev-px-pricecards .bev-card p:not(.bev-px-price){font-size:16px;line-height:1.55;color:var(--ink);margin-bottom:21px}
.bev-p-reserver .bev-px-pricecards .bev-card .bev-btn{min-height:45px;border-radius:9px;font-size:11px}
.bev-p-reserver #tailles .bev-price-footnote{margin-top:17px;font-size:10px;line-height:1.5;color:#858a91}
/* Équipe : photo de 485 px, puces en petit gris, légende en graisse normale */
.bev-p-reserver #equipe{padding:100px 0}
.bev-p-reserver #equipe .bev-human-grid{gap:75px}
.bev-p-reserver #equipe .bev-lead{margin:20px 0 25px;max-width:525px}
.bev-p-reserver .bev-human-bullets{gap:14px;margin:0 0 27px}
.bev-p-reserver .bev-human-bullets li{font-size:12px;font-weight:600;color:#4e535b}
.bev-p-reserver .bev-human-photo{background:#17191f;border-radius:24px;padding:14px}
.bev-p-reserver .bev-human-photo img{height:485px;aspect-ratio:auto;object-position:center 30%;border-radius:16px}
.bev-p-reserver .bev-human-caption{left:31px;bottom:29px;border-radius:11px;padding:12px 15px;box-shadow:0 13px 35px #0003;max-width:250px;color:#17191f}
.bev-p-reserver .bev-human-caption strong{font:700 13px/1.55 var(--display);letter-spacing:-.02em}
.bev-p-reserver .bev-human-caption small{margin:0;font:400 16px/1.55 var(--text);color:#17191f}
/* Accès */
.bev-p-reserver #acces{padding:0 0 96px}
.bev-p-reserver #acces .bev-location-card{border-radius:23px;background:#ecebea;grid-template-columns:.96fr 1.04fr;min-height:410px}
.bev-p-reserver #acces .bev-location-map{min-height:410px}
.bev-p-reserver #acces .bev-location-copy{padding:52px 54px}
.bev-p-reserver #acces h2{font-size:35px;font-weight:800;margin:12px 0 18px;letter-spacing:-.045em;line-height:1.13}
.bev-p-reserver #acces .bev-location-facts{gap:10px;margin:0 0 22px}
.bev-p-reserver #acces .bev-location-facts li{font-size:12px;font-weight:700;gap:10px}
.bev-p-reserver #acces .bev-location-actions{margin-top:0}
.bev-p-reserver #acces .bev-location-actions .bev-btn{min-height:46px;font-size:11px;border-radius:9px}
/* FAQ : intro en blanc, numéro en lien souligné dans le texte */
.bev-p-reserver #faq{background:#17191f;padding:93px 0}
.bev-p-reserver #faq .bev-faq-grid{grid-template-columns:.78fr 1.22fr;gap:78px}
.bev-p-reserver #faq .bev-kicker{color:#f787a1}
.bev-p-reserver #faq .bev-title{font-size:39px}
.bev-p-reserver #faq .bev-faq-intro p{margin:0;font-size:16px;line-height:1.55;color:#fff}
.bev-p-reserver #faq .bev-faq-intro .bev-inline-link{display:inline;margin:0;font-size:12px;color:#fff;border-color:#656870;padding-bottom:3px}
.bev-p-reserver #faq .bev-faq-intro .bev-inline-link:hover{color:#f787a1}
.bev-p-reserver #faq .bev-faq,.bev-p-reserver #faq .bev-faq details{border-color:#3a3d44}
.bev-p-reserver #faq .bev-faq summary{padding:20px 0;font:700 13px/1.55 var(--display);letter-spacing:-.015em}
.bev-p-reserver #faq .bev-faq summary::after{font:500 22px/1 var(--display);color:#f08099}
/* Appel final : anneaux blancs, texte hérité collé au titre */
.bev-p-reserver .bev-final{padding:80px 0}
.bev-p-reserver .bev-final-box{background:#f8f7f5;border-radius:22px;padding:64px 30px}
.bev-p-reserver .bev-final-box::before,.bev-p-reserver .bev-final-box::after{background:none;border:34px solid #fff;opacity:1}
.bev-p-reserver .bev-final-box::before{width:170px;height:170px;left:-70px;top:-62px}
.bev-p-reserver .bev-final-box::after{width:150px;height:150px;right:-55px;bottom:-62px}
.bev-p-reserver .bev-final .bev-title{margin-top:0;font-size:clamp(31px,4.5vw,48px)}
.bev-p-reserver .bev-final-box p{margin:0 auto;max-width:none;font-size:16px;line-height:1.55;color:var(--ink)}
.bev-p-reserver .bev-final-actions{gap:10px}
.bev-p-reserver .bev-final .bev-px-small{margin:14px auto 0;font-size:10px;color:#96999f}
@media (max-width:920px){
  .bev-p-reserver .bev-wrap{width:min(100% - 32px,760px)}
  .bev-p-reserver .bev-hero{padding:42px 0 64px}
  .bev-p-reserver .bev-hero-grid{grid-template-columns:minmax(0,1fr);gap:45px}
  .bev-p-reserver .bev-hero-img-wrap{height:460px;width:92%;margin:0 0 0 auto}
  .bev-p-reserver .bev-hero-bubble{left:-8%;bottom:23px}
  .bev-p-reserver .bev-ribbon .bev-wrap{justify-content:center;gap:15px 27px}
  .bev-p-reserver #estimateur{padding:72px 0}
  .bev-p-reserver .bev-estimator-card{grid-template-columns:minmax(0,1fr)}
  .bev-p-reserver .bev-estimator-result{min-height:360px}
  .bev-p-reserver #centre{padding-bottom:78px}
  .bev-p-reserver #centre .bev-human-grid{grid-template-columns:minmax(0,1fr);gap:47px}
  .bev-p-reserver .bev-px-photo{height:500px}
  .bev-p-reserver #tailles{padding:72px 0}
  .bev-p-reserver .bev-px-pricecards{grid-template-columns:1fr 1fr}
  .bev-p-reserver .bev-px-pricecards .bev-card:last-child{grid-column:1/-1}
  .bev-p-reserver #equipe{padding:77px 0}
  .bev-p-reserver #equipe .bev-human-grid{gap:47px}
  .bev-p-reserver .bev-human-photo{max-width:600px}
  .bev-p-reserver #acces .bev-location-card{grid-template-columns:minmax(0,1fr)}
  .bev-p-reserver #acces .bev-location-map{min-height:330px}
  .bev-p-reserver #faq .bev-faq-grid{grid-template-columns:minmax(0,1fr);gap:45px}
}
@media (max-width:720px){
  .bev-p-reserver .bev-navshell{--header-h:72px}
  .bev-p-reserver .bev-logo{--logo-h:51px;--logo-wmax:146px}
  .bev-p-reserver .bev-logo .lds-img,.bev-p-reserver .bev-logo img{max-height:51px}
  .bev-p-reserver .bev-navact{gap:10px}
  .bev-p-reserver .bev-navact>.bev-navbtn{display:none}
  .bev-p-reserver .bev-navtel{display:inline-flex;position:relative;justify-content:center;width:43px;height:43px;border:1px solid #ededee;border-radius:11px;background:#fff1f4;color:#ed003b}
  .bev-p-reserver .bev-navtel>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .bev-p-reserver .bev-navtel-ico{display:block;width:19px;height:19px}
}
@media (max-width:640px){
  .bev-p-reserver .bev-wrap{width:calc(100% - 32px)}
  .bev-p-reserver .bev-hero{background:#fff;padding:34px 0 64px}
  .bev-p-reserver .bev-trustrow{gap:9px;margin-bottom:22px}
  .bev-p-reserver .bev-hero .bev-google{font-size:11px;padding:6px 10px;min-height:32px}
  .bev-p-reserver .bev-hero h1{font-size:41px}
  .bev-p-reserver .bev-hero .bev-lead{font-size:16px}
  .bev-p-reserver .bev-hero-mini.is-plain{margin-top:29px}
  .bev-p-reserver .bev-hero-img-wrap{height:380px;width:95%}
  .bev-p-reserver .bev-hero-bubble{padding:13px 16px;bottom:17px;left:-5%}
  .bev-p-reserver .bev-hero-bubble strong{font-size:20px}
  .bev-p-reserver .bev-photo-stamp{font-size:8.5px}
  .bev-p-reserver .bev-ribbon{padding:15px 0}
  .bev-p-reserver .bev-ribbon .bev-wrap{justify-content:flex-start;gap:10px 15px}
  .bev-p-reserver .bev-ribbonitem{font-size:10px;width:calc(50% - 8px);justify-content:flex-start;text-align:left}
  .bev-p-reserver .bev-title{font-size:33px}
  .bev-p-reserver .bev-estimator-card{margin-top:30px}
  .bev-p-reserver .bev-estimator-left,.bev-p-reserver .bev-estimator-result{padding:29px 22px}
  .bev-p-reserver .bev-choice,.bev-p-reserver a.bev-choice{min-height:65px}
  .bev-p-reserver .bev-estimator-result{min-height:340px}
  .bev-p-reserver .bev-px-photo{height:390px}
  .bev-p-reserver .bev-px-photo>img{width:88%}
  .bev-p-reserver .bev-px-photo .bev-px-vignette{width:47%;height:44%;border-width:6px}
  .bev-p-reserver .bev-px-benefits{grid-template-columns:minmax(0,1fr)}
  .bev-p-reserver #tailles .bev-section-head>.bev-lead{margin-top:15px}
  .bev-p-reserver .bev-px-pricecards{grid-template-columns:minmax(0,1fr)}
  .bev-p-reserver .bev-px-pricecards .bev-card:last-child{grid-column:auto}
  .bev-p-reserver .bev-human-photo img{height:395px}
  .bev-p-reserver .bev-human-caption{left:24px;bottom:23px}
  .bev-p-reserver #acces .bev-location-map{min-height:255px}
  .bev-p-reserver #acces .bev-location-copy{padding:36px 25px}
  .bev-p-reserver #acces h2{font-size:30px}
  .bev-p-reserver #faq{padding:73px 0}
  .bev-p-reserver #faq .bev-title{font-size:39px;line-height:1.13;letter-spacing:-.045em}
  .bev-p-reserver .bev-final{padding:62px 0}
  .bev-p-reserver .bev-final-box{padding:49px 26px 56px}
  .bev-p-reserver .bev-choice[aria-pressed="true"]{justify-content:center}
  .bev-p-reserver .bev-mobilebar{grid-template-columns:.72fr 1.28fr;border-top-color:#e7e7e7;box-shadow:0 -8px 28px #0d10171a}
  .bev-p-reserver .bev-mobilebar .bev-btn{min-height:48px;padding:0 15px;border-radius:8px;font-size:11px}
}

/* Blog (ub-blog-*) ---------------------------------------------------------- */
.bev-p-blog .bev-pagehero{background:#f7f7f5;padding:72px 0 82px}
.bev-p-blog .bev-pagehero .bev-hero-grid{grid-template-columns:1.1fr .9fr;gap:70px}
.bev-p-blog .bev-pagehero .bev-trustrow{margin-bottom:20px}
.bev-p-blog .bev-pagehero .bev-kicker{font-size:12px;letter-spacing:.14em;color:#e8003e;gap:10px}
.bev-p-blog .bev-pagehero .bev-kicker::before{width:17px}
.bev-p-blog .bev-pagehero h1{font-size:clamp(40px,4.6vw,66px);line-height:1.08;letter-spacing:-.052em;max-width:none}
.bev-p-blog .bev-pagehero .bev-lead{font-size:18px;line-height:1.7;color:#5b646e;margin:22px 0 0;max-width:550px}
.bev-p-blog .bev-pagehero .bev-hero-actions{gap:13px;margin-top:27px}
.bev-p-blog .bev-pagehero .bev-inline-link{border-color:#9299a1;padding-bottom:4px}
.bev-p-blog .bev-pagehero .bev-hero-img-wrap{height:470px}
.bev-p-blog .bev-pagehero .bev-hero-img-wrap::before{right:-15px;top:15px;width:96%;height:96%;border-radius:27px 27px 90px 27px;background:#ed003b}
.bev-p-blog .bev-pagehero .bev-hero-img-wrap img{border-radius:27px 27px 84px 27px}
.bev-p-blog .bev-hero-bubble{left:-18px;bottom:22px;border-radius:12px;padding:13px 18px;box-shadow:0 12px 32px rgba(0,0,0,.1)}
.bev-p-blog .bev-hero-bubble strong{font:800 13px/1.3 var(--text)}
/* Sélection : en-tête, article mis en avant (texte centré, lien sous
   l'accroche), puis trois cartes */
.bev-p-blog #selection{padding:87px 0 105px}
.bev-p-blog :is(#selection,#articles) .bev-section-head{gap:30px;margin-bottom:33px}
.bev-p-blog :is(#selection,#articles) .bev-title{font-size:clamp(32px,3.5vw,45px);line-height:1.12;margin-top:10px}
.bev-p-blog #selection .bev-section-head>.bev-lead{font-size:15px;line-height:1.65;color:#66707b;max-width:420px}
.bev-p-blog .bev-blog-selection{gap:22px 18px}
.bev-p-blog .bev-blog-selection .bev-post{border-color:#e4e7eb;border-radius:20px}
.bev-p-blog .bev-blog-selection .bev-post.is-featured{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-height:380px;border-color:#e4e8ea;border-radius:24px}
.bev-p-blog .bev-blog-selection .is-featured .bev-post-img{min-height:380px}
.bev-p-blog .bev-blog-selection .is-featured .bev-post-body{justify-content:center;padding:44px;gap:0}
.bev-p-blog .bev-blog-selection .is-featured h3{font-size:clamp(25px,2.6vw,35px);line-height:1.18;letter-spacing:-.035em;margin:15px 0}
.bev-p-blog .bev-blog-selection .is-featured .bev-post-body p:not(.bev-post-cat){font-size:16px;line-height:1.68;color:#65707a;margin:0 0 22px}
.bev-p-blog .bev-blog-selection .is-featured .bev-post-more{margin-top:0;padding-top:0}
.bev-p-blog .bev-blog-selection .bev-post:not(.is-featured) .bev-post-img{aspect-ratio:auto;height:220px}
.bev-p-blog .bev-blog-selection .bev-post:not(.is-featured) .bev-post-body{padding:26px;gap:0}
.bev-p-blog .bev-blog-selection .bev-post:not(.is-featured) h3{font-size:22px;line-height:1.28;letter-spacing:-.03em;margin:12px 0}
.bev-p-blog .bev-blog-selection .bev-post:not(.is-featured) .bev-post-body p:not(.bev-post-cat){font-size:14px;line-height:1.65;color:#67717b;margin:0 0 23px}
.bev-p-blog .bev-post-cat{font-size:11px;letter-spacing:.14em;color:#db0038}
.bev-p-blog .bev-post-more{font-size:14px;color:#ed003b;gap:8px}
/* Bande sombre : titre en graisse de titre (blanc : correction de lisibilité) */
.bev-p-blog .bev-final.is-dark.is-band{background:#1b2028;padding:72px 0}
.bev-p-blog .bev-final.is-band .bev-final-box{column-gap:35px}
.bev-p-blog .bev-final.is-band h2.bev-title{font-weight:800;font-size:clamp(28px,3vw,39px);line-height:1.17;letter-spacing:-.04em;margin:0 0 12px}
.bev-p-blog .bev-final.is-band p{color:#c1c7cf;font-size:16px;line-height:1.6;margin:0;max-width:690px}
/* Tous les articles récents : fond gris clair, cartes compactes */
.bev-p-blog #articles{background:#f7f7f5;padding:72px 0 88px}
.bev-p-blog #articles .bev-section-head{margin-bottom:28px}
.bev-p-blog #articles .bev-title{font-size:34px;line-height:1.15;letter-spacing:-.04em}
.bev-p-blog #articles .bev-posts{gap:16px}
.bev-p-blog #articles .bev-post{border-color:#e4e7ea;border-radius:14px}
.bev-p-blog #articles .bev-posts.is-compact .bev-post-body{padding:23px;min-height:210px;gap:0}
.bev-p-blog #articles .bev-post-cat{letter-spacing:0;color:#d3003a}
.bev-p-blog #articles .bev-posts.is-compact .bev-post-body h2{font:800 14px/1.65 var(--display);letter-spacing:-.01em;margin:10px 0;color:var(--red)}
.bev-p-blog #articles .bev-post-body p:not(.bev-post-cat){font-size:13px;line-height:1.55;margin:0 0 14px}
.bev-p-blog #articles .bev-post-more{font-size:13px;color:#da003b}
@media (max-width:920px){
  .bev-p-blog .bev-pagehero .bev-hero-grid{grid-template-columns:minmax(0,1fr);gap:35px}
  .bev-p-blog .bev-pagehero .bev-hero-img-wrap{height:340px;max-width:720px}
  .bev-p-blog .bev-blog-selection .bev-post.is-featured{grid-template-columns:minmax(0,1fr);min-height:0}
  .bev-p-blog .bev-blog-selection .is-featured .bev-post-img{min-height:0;height:260px}
  .bev-p-blog .bev-blog-selection .is-featured .bev-post-body{padding:30px}
  .bev-p-blog :is(#selection,#articles) .bev-section-head{display:block}
  .bev-p-blog #selection .bev-section-head>.bev-lead{margin-top:12px}
}
@media (max-width:640px){
  .bev-p-blog .bev-pagehero{padding:45px 0 61px}
  .bev-p-blog .bev-pagehero h1{font-size:40px}
  .bev-p-blog .bev-pagehero .bev-lead{font-size:16px}
  .bev-p-blog .bev-pagehero .bev-hero-img-wrap{height:250px}
  .bev-p-blog #selection{padding:62px 0 72px}
  .bev-p-blog .bev-blog-selection .is-featured .bev-post-img{height:210px}
  .bev-p-blog .bev-blog-selection .is-featured .bev-post-body{padding:24px}
  .bev-p-blog #articles .bev-title{font-size:29px}
}

/* Articles : bande rouge « Je réserve mon box » après le corps -------------- */
.bev-p-article .bev-article-corps{padding-bottom:64px}
.bev-article-band{background:#c71819;color:#fff;text-align:center;padding:104px 0 88px}
.bev-article-band .bev-kicker{justify-content:center;font-size:16px;font-weight:400;letter-spacing:0;color:rgba(255,255,255,.85)}
.bev-article-band .bev-kicker::before{display:none}
.bev-article-band h2{margin:10px 0 40px;font:400 clamp(30px,3.5vw,48px)/1.2 var(--display);letter-spacing:-.01em;color:#fff}
.bev-article-band .bev-btn{min-height:58px;padding:0 28px;gap:12px;font-size:15px;font-weight:500;color:#e8351c;border:2px solid #f0592a;border-radius:4px;box-shadow:6px 6px 0 #f4c6c3}
.bev-article-band .bev-btn:hover{background:#fff;color:#c71819;transform:translate(-1px,-1px)}
.bev-article-band .bev-btn .bev-icon{width:16px;height:16px}
@media (max-width:640px){
  .bev-article-band{padding:56px 0 52px}
  .bev-article-band h2{font-size:30px;margin-bottom:28px}
}

/* Pages légales : colonne pleine largeur, titres en grand corps léger,
   filets invisibles (espacement gardé), puces discrètes, liens rouges non
   soulignés (soulignés au survol) — rendu d'unboxenville.fr. Corps 16 px
   gardé (correction de lisibilité). ------------------------------------- */
.bev-p-legal .bev-legal{max-width:none;color:#3a434b}
.bev-p-legal .bev-legal h2{font:400 clamp(30px,3.2vw,44px)/1.2 var(--display);letter-spacing:-.02em;color:#2a343c;margin-top:.7em}
.bev-p-legal .bev-legal h3{font:400 clamp(22px,2.2vw,30px)/1.25 var(--display);letter-spacing:-.015em;color:#2a343c;margin-top:.8em}
.bev-p-legal .bev-legal hr{border:0;margin:.3em 0}
.bev-p-legal .bev-legal li::marker{color:currentColor}
.bev-p-legal .bev-legal a{color:var(--red);text-decoration:none}
.bev-p-legal .bev-legal a:hover{text-decoration:underline;text-underline-offset:3px}
@media (max-width:640px){
  .bev-p-legal .bev-legal h2{font-size:30px}
  .bev-p-legal .bev-legal h3{font-size:23px}
}

/* Comment ça marche (ubm-) -------------------------------------------------- */
/* Estimateur : colonnes ≈ 52/48, résultat plus aéré */
.bev-p-comment_ca_marche .bev-estimator-card{grid-template-columns:1.08fr 1fr}
.bev-p-comment_ca_marche .bev-estimator-result{padding:40px 40px 40px 36px}
/* Tour 7 : carte de l'estimateur en rayon 22 px, photo du hero en
   25 / 25 / 80 / 25 px (.ubm-visual du source) */
.bev-p-comment_ca_marche .bev-estimator-card{border-radius:22px}
.bev-p-comment_ca_marche .bev-hero-img-wrap::before,.bev-p-comment_ca_marche .bev-hero-img-wrap img{border-radius:25px 25px 80px 25px}
.bev-p-comment_ca_marche .bev-result-copy{font-size:14px;line-height:1.65;color:#c2c8ce;margin:18px 0 25px;max-width:390px}
.bev-p-comment_ca_marche .bev-result-disclaimer{font-size:11.5px;color:#969fa8}
/* Sortie (ubm-exit) : carrés rouges de 44 px, texte 15 px, encart 15 px */
.bev-p-comment_ca_marche #resilier .bev-how-grid{gap:16px;margin-top:33px}
.bev-p-comment_ca_marche #resilier .bev-step{padding:26px;border-radius:18px;border-color:#e5e9e9;gap:0}
.bev-p-comment_ca_marche #resilier .bev-step-number{width:44px;height:44px;flex:0 0 44px;border-radius:12px;background:#ee003b;color:#fff;font:900 16px/1 var(--text);margin-bottom:18px}
.bev-p-comment_ca_marche #resilier .bev-step h3{font-size:20px;margin-bottom:11px}
.bev-p-comment_ca_marche #resilier .bev-step p{font-size:15px;line-height:1.7;color:#56616b;margin-top:0}
.bev-p-comment_ca_marche #resilier .bev-ccm-inline{margin-top:23px;padding:23px 25px;border-color:#e0e5e8;border-radius:16px}
.bev-p-comment_ca_marche #resilier .bev-checkoutcopy{max-width:680px}
.bev-p-comment_ca_marche #resilier .bev-checkoutcopy p{font-size:15px;line-height:1.55;color:var(--ink)}
/* Sécurité (ubm-trust) : chapô en <p> simple, coches vert d'eau */
.bev-p-comment_ca_marche #securite{background:#1a2029;padding:89px 0}
.bev-p-comment_ca_marche #securite .bev-ccm-trust{grid-template-columns:1.02fr .98fr;gap:60px}
.bev-p-comment_ca_marche #securite .bev-kicker{color:#ff839e}
.bev-p-comment_ca_marche .bev-ccm-trust .bev-lead{font-size:16px;line-height:1.72;color:#c6cdd4;margin:20px 0 25px;max-width:none}
.bev-p-comment_ca_marche .bev-ccm-trustpoints{gap:12px 22px}
.bev-p-comment_ca_marche .bev-ccm-trustpoints li{font-size:13.5px;color:#f0f2f3;gap:9px}
.bev-p-comment_ca_marche .bev-ccm-trustpoints .bev-icon{color:#66cead}
/* FAQ : ≈ 78 px par question (unboxenville.fr) */
.bev-p-comment_ca_marche .bev-faq summary{padding:27px 0}
/* Biens autorisés : lien « CGV » rouge souligné */
.bev-p-comment_ca_marche #contenus .bev-ccm-small a{color:var(--red);font-weight:700;border:0;padding:0;display:inline;text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:3px}
/* Adresse (ubm-local) : titre en graisse de titre, texte centré verticalement */
.bev-p-comment_ca_marche #adresse .bev-location-card{min-height:355px;background:#f0f1f1;border-radius:23px}
.bev-p-comment_ca_marche #adresse .bev-location-copy{padding:43px 42px;align-self:center}
.bev-p-comment_ca_marche #adresse h2{font-weight:800;font-size:clamp(31px,3.85vw,46px);line-height:1.16;letter-spacing:-.05em;margin-top:13px}
.bev-p-comment_ca_marche #adresse .bev-ccm-adresse{margin-bottom:14px}
.bev-p-comment_ca_marche #adresse .bev-location-copy p:not(.bev-ccm-adresse){font-size:15px;line-height:1.7;color:#626b74;margin:0 0 14px}
.bev-p-comment_ca_marche #adresse .bev-location-actions{margin-top:10px}
/* Vérifications (ubm-lastcheck) : intitulés en gras de texte */
.bev-p-comment_ca_marche #verifications{padding:55px 0;background:#fff7f9;border-block:1px solid #f3d4dd}
.bev-p-comment_ca_marche #verifications .bev-title{font-size:clamp(27px,3vw,37px);margin:0 0 23px;letter-spacing:-.04em}
.bev-p-comment_ca_marche #verifications .bev-ccm-checks{gap:13px;margin:0 0 22px}
.bev-p-comment_ca_marche #verifications .bev-card{padding:20px;border-color:#eddee2;border-radius:12px;gap:7px}
.bev-p-comment_ca_marche #verifications .bev-card h3{font:700 15px/1.4 var(--text);letter-spacing:0;color:#202831}
.bev-p-comment_ca_marche #verifications .bev-card p{font-size:14px;line-height:1.55;color:#58626d}
.bev-p-comment_ca_marche #verifications .bev-ccm-aside{margin-top:0}
@media (max-width:920px){
  .bev-p-comment_ca_marche #securite .bev-ccm-trust{grid-template-columns:minmax(0,1fr);gap:32px}
  .bev-p-comment_ca_marche .bev-estimator-card{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:850px){
  .bev-p-comment_ca_marche #verifications .bev-ccm-checks{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .bev-p-comment_ca_marche .bev-section-head .bev-lead{font-size:16px}
  .bev-p-comment_ca_marche .bev-section-head>.bev-lead{margin-top:12px}
  .bev-p-comment_ca_marche #acces .bev-card-photo img{aspect-ratio:auto;height:145px}
  .bev-p-comment_ca_marche .bev-faq summary{padding:28px 0}
  .bev-p-comment_ca_marche #resilier .bev-step p{font-size:14.5px}
  .bev-p-comment_ca_marche #resilier .bev-ccm-inline{padding:19px}
  .bev-p-comment_ca_marche #securite{padding:70px 0}
  .bev-p-comment_ca_marche .bev-ccm-trustpoints{grid-template-columns:minmax(0,1fr)}
  .bev-p-comment_ca_marche #adresse .bev-location-copy{padding:30px 22px}
  .bev-p-comment_ca_marche #adresse .bev-location-actions .bev-btn{width:auto}
}
@media (max-width:540px){
  .bev-p-comment_ca_marche #verifications .bev-ccm-checks{grid-template-columns:minmax(0,1fr)}
}

/* Le centre (ubc-) ---------------------------------------------------------- */
/* Titres de section sans largeur limite, chapôs 16 px / 1.75 */
.bev-p-le_centre .bev-section-head.is-stacked{max-width:none}
.bev-p-le_centre .bev-section .bev-lead{font-size:16px;line-height:1.75}
.bev-p-le_centre :is(#parcours,#fonctionnement) h3{font-size:18px}
.bev-p-le_centre .bev-lc-plage{font-size:26px}
.bev-p-le_centre #equipe .bev-human-photo img{height:475px;object-position:center 30%}
/* Première visite : lien sous la grille, à gauche ; marge sous le titre */
.bev-p-le_centre .bev-lc-ready h2{margin:12px 0 17px}
.bev-p-le_centre #premiere-visite .bev-lc-ready>.bev-lc-pratique{grid-column:1;margin-top:0}
.bev-p-le_centre .bev-faq-grid{grid-template-columns:.78fr 1.22fr;gap:75px}
@media (max-width:920px){
  .bev-p-le_centre .bev-faq-grid{grid-template-columns:minmax(0,1fr);gap:25px}
}
@media (max-width:640px){
  .bev-p-le_centre .bev-topbar{font-size:10px;letter-spacing:0;white-space:nowrap;padding-inline:6px}
  .bev-p-le_centre :is(.bev-pill,.bev-google){font-size:11px;padding:7px 11px}
  .bev-p-le_centre #equipe .bev-human-photo img{height:380px}
}

/* Tarifs, Particuliers, Professionnels (ubx-) ------------------------------ */
.bev-p-interieur main h2.bev-title,.bev-p-interieur .bev-final h2{font-size:clamp(30px,3.4vw,43px)}
.bev-p-interieur main .bev-kicker{font-size:12px;letter-spacing:.11em}
.bev-p-interieur .bev-section .bev-lead{font-size:16px;line-height:1.75}
.bev-p-interieur .bev-section-head.is-stacked .bev-lead{max-width:780px}
.bev-p-professionnels #usages .bev-section-head{max-width:none}
/* FAQ : colonne de 860 px centrée, questions aérées (≈ 77 px) */
.bev-p-interieur main .bev-wrap.bev-faq-solo{max-width:860px;width:min(860px,calc(100% - 40px))}
.bev-p-interieur .bev-faq-solo .bev-title{margin-bottom:14px}
.bev-p-interieur .bev-faq-solo .bev-faq summary{padding:25px 0;line-height:1.6}
@media (max-width:640px){
  .bev-p-interieur main .bev-wrap.bev-faq-solo{width:calc(100% - 28px)}
  .bev-p-interieur .bev-final-actions{flex-direction:row;flex-wrap:wrap;justify-content:flex-start}
  .bev-p-interieur .bev-final-actions .bev-btn{width:auto}
}

/* ==========================================================================
   FINITIONS PAR PAGE (relevé du tour 4, 17/10/2026) : valeurs exactes du CSS
   d'origine (#ub9-root, .ubm-, .ubc-, .ubx-, landing, blog, BeTheme), une
   sous-partie par page, toujours sous la classe du <body>.
   ========================================================================== */

/* Accueil (#ub9-root) ------------------------------------------------------ */
/* Titres en gris ardoise du thème d'origine (#2a343c), hors sections sombres */
.bev-p-accueil :where(main h1,main h2,main h3,main h4):where(:not(.bev-dark *)){color:#2a343c}
.bev-p-accueil .bev-reviews h2{font-weight:500}
/* Étoiles des avis : ligne de 34 px (glyphes ★ de 21 px, interligne 1,6) */
.bev-p-accueil .bev-review-action .bev-stars{min-height:34px;display:flex;align-items:center;justify-content:center}
.bev-p-accueil .bev-review-action .bev-btn{line-height:1.3}
/* Étapes, tuiles, bulle : <strong> en 700 sans interlettrage */
.bev-p-accueil .bev-step strong,.bev-p-accueil .bev-proofcard h3,.bev-p-accueil .bev-proofcard strong,.bev-p-accueil .bev-hero-bubble strong{font-weight:700;letter-spacing:normal}
/* Titres des 3 étapes : interligne hérité du corps (1,6 soit 22,4 px ; tour 7) */
.bev-p-accueil .bev-step strong{line-height:1.6}
.bev-p-accueil .bev-estimator-left h3,.bev-p-accueil .bev-case h3{font-weight:400;letter-spacing:-.045em}
.bev-p-accueil .bev-estimator-result h3{font-family:var(--display);line-height:1.16}
.bev-p-accueil .bev-photo-stamp{letter-spacing:0}
.bev-p-accueil .bev-ribbonitem{min-height:33px}
@media (max-width:640px){
  .bev-p-accueil .bev-ribbon{padding:17px 0}
}

/* Comment ça marche (.ubm-) ------------------------------------------------ */
/* Hero : padding d'origine (64/77, mobile 44/58), chapô 18 px, preuves */
.bev-p-comment_ca_marche .bev-pagehero{padding:64px 0 77px}
.bev-p-comment_ca_marche .bev-pagehero .bev-lead{font-size:18px;line-height:1.74;max-width:565px}
.bev-p-comment_ca_marche .bev-section-head{gap:32px;margin-bottom:34px}
.bev-p-comment_ca_marche .bev-section-head>.bev-lead{font-size:16px}
.bev-p-comment_ca_marche .bev-section-head.is-centered{max-width:750px;margin:0 auto 38px}
.bev-p-comment_ca_marche .bev-section-head.is-centered .bev-lead{font-size:17px;line-height:1.74;max-width:750px;margin-top:15px}
/* Estimateur : « Je souhaite stocker… » 23 px, « Box 1 m² » 43 px / 1,05 */
.bev-p-comment_ca_marche .bev-estimator-left h3{font-size:23px;margin-bottom:21px}
.bev-p-comment_ca_marche .bev-choice-grid{gap:12px}
.bev-p-comment_ca_marche .bev-result-size{font-size:43px;line-height:1.05}
/* Accès : photos de 210 px, texte 14 px gris, étiquette compacte */
.bev-p-comment_ca_marche #acces .bev-card-photo img{aspect-ratio:auto;height:210px}
.bev-p-comment_ca_marche #acces .bev-card p{font-size:14px;line-height:1.65;color:#626b75}
.bev-p-comment_ca_marche #acces .bev-ccm-tag{display:block;line-height:25.6px;letter-spacing:.09em;color:#af193d}
/* Conditions : texte brun de l'encart « À retenir » */
.bev-p-comment_ca_marche #conditions .bev-note.is-warn p{color:#6a5034}
/* Biens autorisés / interdits : note 14 px, lien « CGV » rouge foncé */
.bev-p-comment_ca_marche #contenus .bev-ccm-small{font-size:14px;color:#54606b}
.bev-p-comment_ca_marche #contenus .bev-ccm-small a{color:#ab0d36;font-weight:800;text-decoration-color:#ab0d36}
.bev-p-comment_ca_marche #contenus .bev-card{gap:0}
.bev-p-comment_ca_marche #contenus .bev-ccm-tag{font-size:12px;letter-spacing:.06em}
.bev-p-comment_ca_marche #pieces .bev-ccm-small{font-size:12px;color:#767e88}
/* Adresse : la photo prend plus de place (540/660) et garde son format
   naturel (.ubm-local-photo img{height:100%;min-height:355px}, soit une
   hauteur automatique : ≈ 582 px pour la façade 960 × 850) */
@media (min-width:921px){
  .bev-p-comment_ca_marche #adresse .bev-location-card{grid-template-columns:540fr 660fr}
}
.bev-p-comment_ca_marche #adresse .bev-ccm-photo{min-height:0}
.bev-p-comment_ca_marche #adresse .bev-ccm-photo img{height:auto;min-height:355px}
/* Encart « accompagné » en grille (≤ 700 px) : soulignement limité au numéro */
.bev-p-comment_ca_marche .bev-ccm-accompagne .bev-inline-link{justify-self:start;width:auto}
@media (min-width:641px){
  .bev-p-comment_ca_marche .bev-hero-mini{padding-top:23px;margin-top:30px}
}
@media (max-width:920px){
  .bev-p-comment_ca_marche .bev-pagehero{padding:44px 0 58px}
  .bev-p-comment_ca_marche #adresse .bev-ccm-photo img{min-height:300px;max-height:360px}
}
@media (max-width:640px){
  .bev-p-comment_ca_marche .bev-title{font-size:31px;line-height:1.16}
  .bev-p-comment_ca_marche .bev-section-head.is-centered .bev-lead{font-size:16px}
  /* Ruban 2 × 2 séparé par un filet vertical (.ubm-strip) */
  .bev-p-comment_ca_marche .bev-pagehero .bev-lead{font-size:16px}
  .bev-p-comment_ca_marche .bev-pill{padding:8px 12px}
  .bev-p-comment_ca_marche .bev-ribbon{padding:17px 0}
  .bev-p-comment_ca_marche .bev-ribbon .bev-wrap{gap:10px 0}
  .bev-p-comment_ca_marche .bev-ribbonitem{padding:4px 10px;font-size:11px;min-height:37px}
  .bev-p-comment_ca_marche .bev-ribbonitem:nth-child(odd){border-right:1px solid #4d515a}
  /* Estimateur : libellé en colonne étroite (110 px), sur deux lignes */
  .bev-p-comment_ca_marche button.bev-choice{justify-content:flex-start;text-align:left}
  .bev-p-comment_ca_marche button.bev-choice strong{flex:0 0 110px;white-space:normal}
  .bev-p-comment_ca_marche .bev-estimator-result{padding:26px 20px}
  .bev-p-comment_ca_marche .bev-result-size{font-size:38px}
  .bev-p-comment_ca_marche #acces .bev-card-photo img{height:192px}
  .bev-p-comment_ca_marche #conditions .bev-note.is-warn p{font-size:13.5px}
  .bev-p-comment_ca_marche #conditions .bev-card h3{font-size:19px}
  .bev-p-comment_ca_marche #contenus .bev-card{padding:24px 22px}
  .bev-p-comment_ca_marche #contenus h3{font-size:20px}
  .bev-p-comment_ca_marche #contenus .bev-plainlist{font-size:14.5px}
}

/* Le centre (.ubc-) -------------------------------------------------------- */
/* Hero : padding 70/73, H1 62 px / 1,12, chapô 18 px / 1,75 */
.bev-p-le_centre .bev-pagehero{padding:70px 0 73px}
.bev-p-le_centre .bev-pagehero .bev-hero-grid{gap:62px}
.bev-p-le_centre .bev-pagehero h1{font-size:clamp(39px,4.7vw,62px);letter-spacing:-.055em;line-height:1.12}
.bev-p-le_centre .bev-pagehero .bev-lead{font-size:18px;line-height:1.75;margin-top:21px;max-width:555px}
/* Présentation : texte .91fr, photo 1.09fr, alignés en haut */
.bev-p-le_centre .bev-lc-intro{grid-template-columns:.91fr 1.09fr;gap:65px;align-items:start}
.bev-p-le_centre .bev-lc-texte p{color:#596570;line-height:1.8}
/* Sécurité : titre de la caméra 25 px / 800, petites cartes en graisse normale */
.bev-p-le_centre .bev-lc-secbig h3{font-size:25px;font-weight:800;line-height:1.25}
.bev-p-le_centre .bev-lc-secbox h3{font-weight:400}
.bev-p-le_centre .bev-lc-secglyph{display:block;font-size:23px;line-height:1.6;color:#ff88a1;margin-bottom:12px}
/* Surfaces : cartes de 220 px, titres 18 px légers */
.bev-p-le_centre #surfaces .bev-card{padding:26px;min-height:220px;gap:12px}
.bev-p-le_centre #surfaces .bev-card h3{font-size:18px;font-weight:400}
/* Fonctionnement (.ubc-flow-card, .ubc-flexbar) */
.bev-p-le_centre #fonctionnement .bev-step{padding:25px;border-radius:17px;gap:0}
.bev-p-le_centre #fonctionnement .bev-step h3{font-size:19px;font-weight:400;margin-top:12px}
.bev-p-le_centre #fonctionnement .bev-step p{margin-top:8px}
.bev-p-le_centre #fonctionnement .bev-step-number{font-size:13px;letter-spacing:.1em}
.bev-p-le_centre .bev-lc-duree{font-size:16px;padding:20px 23px;border-radius:15px;margin-top:25px}
/* Note de durée (.ubc-flexbar b / span, tour 7) : titre Manrope 800 16 px
   #941638, seconde ligne 14 px #5b636c (mobile compris) */
.bev-p-le_centre .bev-lc-duree strong{font:800 16px var(--display);color:#941638}
.bev-p-le_centre .bev-lc-duree p span{font-size:14px;color:#5b636c}
/* Légende de la photo de présentation (.ubc-img-bottom) : 16 px DM Sans 800 */
.bev-p-le_centre .bev-lc-figure figcaption{font:800 16px/1.6 var(--text);letter-spacing:normal}
/* Cartes de surfaces (.ubc-size p) : 14 px #606b75, interligne 1,6 */
.bev-p-le_centre #surfaces .bev-card p{font-size:14px;color:#606b75;line-height:1.6}
/* Nous trouver : paragraphe d'adresse sans marge haute (le H2 porte l'écart) */
.bev-p-le_centre #acces .bev-location-copy>p{margin-top:0}
/* Avant de partir : accroche en rouge vif, 12 px partout */
.bev-p-le_centre .bev-lc-ready .bev-kicker.is-plain{color:#d90038;font-size:12px;letter-spacing:.11em}
/* Parcours, équipe, FAQ */
.bev-p-le_centre .bev-lc-etape h3{font-weight:400}
.bev-p-le_centre #equipe .bev-lead{font-size:17px;line-height:1.74}
.bev-p-le_centre .bev-human-bullets li{font-weight:700}
.bev-p-le_centre #faq .bev-faq-intro p{font-size:16px}
@media (max-width:920px){
  .bev-p-le_centre .bev-pagehero{padding:43px 0 59px}
  .bev-p-le_centre .bev-pagehero .bev-hero-grid{gap:37px}
  .bev-p-le_centre .bev-pagehero .bev-lead{font-size:17px}
  .bev-p-le_centre .bev-lc-intro{grid-template-columns:minmax(0,1fr);gap:37px}
}
@media (max-width:640px){
  .bev-p-le_centre .bev-pagehero h1{font-size:clamp(35px,9.1vw,44px)}
  .bev-p-le_centre .bev-pagehero .bev-lead{font-size:16px}
  .bev-p-le_centre .bev-lc-ready .bev-kicker.is-plain{font-size:12px}
  .bev-p-le_centre .bev-lc-secbig.has-photo{min-height:380px}
  .bev-p-le_centre .bev-pagehero .bev-hero-img-wrap{height:330px;width:96%}
  .bev-p-le_centre .bev-ribbon .bev-wrap{gap:13px}
  .bev-p-le_centre .bev-ribbonitem{font-size:11.5px}
  .bev-p-le_centre .bev-toc a{font-size:12px}
  .bev-p-le_centre #equipe .bev-human-photo img{height:355px}
}

/* Tarifs, Particuliers, Professionnels (.ubx-) ------------------------------ */
/* Accroches de section dans le rouge sombre du source */
.bev-p-interieur{--kicker:#bf1242}
/* Bandeau : 38 px (remplissage vertical de 9 px) */
.bev-chrome-ubx .bev-topbar{padding:9px 12px;min-height:38px}
/* Menu « ubx » de Tarifs et Professionnels : 12,5 px, écart de 14 px */
:is(.bev-p-tarifs,.bev-p-professionnels).bev-chrome-ubx .bev-menu{gap:14px}
:is(.bev-p-tarifs,.bev-p-professionnels).bev-chrome-ubx .bev-menu a{font-size:12.5px}
:is(.bev-p-tarifs,.bev-p-professionnels).bev-chrome-ubx .bev-navbtn{padding:12px 17px}
/* Hero : accroche 12 px rouge sombre, H1 / 1,13, boutons 32 px sous le chapô */
.bev-pagehero.is-interieur .bev-eyebrow{font-size:12px;color:#bf1242;letter-spacing:.11em}
.bev-pagehero.is-interieur h1{line-height:1.13}
.bev-pagehero.is-interieur .bev-lead{margin-bottom:32px}
/* Titres de cartes (repères, situations, usages) : 20 px, graisse normale */
.bev-p-interieur .bev-px-reperes .bev-card h3,.bev-p-interieur #situations .bev-card h3,.bev-p-interieur #usages .bev-card h3{font-size:20px;font-weight:400;line-height:1.13;letter-spacing:-.038em}
.bev-p-interieur .bev-px-reperes .bev-px-price{margin:6px 0 8px}
/* Encart « À vérifier » / « Important » */
.bev-p-interieur .bev-px-aside{margin-top:30px}
.bev-p-interieur .bev-px-aside.bev-note{padding:20px 23px;font-size:14px;color:#242d35;background:#fff0f4;border-color:#f7cedb;border-radius:13px}
/* Cartes « coût » et « pratique » : grille à deux rangées étirées, comme au
   source (un texte d'une ligne descend de la moitié de l'écart de hauteur) */
.bev-p-interieur .bev-px-cout .bev-card{display:grid;align-content:stretch;justify-items:start;gap:0}
.bev-p-interieur .bev-px-cout .bev-card h3{line-height:26px;margin-bottom:8px}
/* FAQ : première question juste sous le titre */
.bev-p-interieur .bev-faq-solo .bev-title{margin-bottom:0}
@media (max-width:920px){
  .bev-p-interieur .bev-pagehero .bev-hero-grid{gap:34px}
  .bev-p-interieur .bev-human-grid{gap:32px}
}
@media (max-width:640px){
  .bev-chrome-ubx .bev-topbar{padding:9px 6px;min-height:38px}
  /* Appel final : boutons côte à côte (220 + 8 + 131 px pour 362 px) */
  .bev-p-interieur .bev-final.is-dark{padding:58px 0}
  .bev-p-interieur .bev-final-actions{gap:8px}
  /* Barre fixe : 145 / 217, 13 px, rayon 11 px, sans filet haut */
  .bev-p-interieur .bev-mobilebar{grid-template-columns:145fr 217fr;border-top:0}
  .bev-p-interieur .bev-mobilebar .bev-btn{font-size:13px;border-radius:11px;padding:12px 10px}
  /* Tiroir des pages intérieures (menu « ubx ») : entrées en 16 px / 700,
     bouton bas (≈ 36 px) aligné à gauche (relevé du tour 6) */
  .bev-chrome-ubx .bev-drawer a:not(.bev-btn){font-size:16px;font-weight:700}
  .bev-chrome-ubx .bev-drawer .bev-btn{min-height:0;padding:8px 4px;justify-content:flex-start}
  /* Lignes du tiroir : 10 px 4 px (.drawer a du source, ≈ 47 px ; tour 7) */
  .bev-chrome-ubx .bev-drawer a:not(.bev-btn){padding:10px 4px}
}

/* Blog (ub-blog-*) ---------------------------------------------------------- */
/* Tous les articles récents : titres de cartes 13 px serrés */
/* Interligne 1,8 (23,4 px) et extrait #68717a, comme au source (tour 7) */
.bev-p-blog #articles .bev-posts.is-compact .bev-post-body h2{font-size:13px;line-height:1.8;letter-spacing:-.04em}
.bev-p-blog #articles .bev-post-body p:not(.bev-post-cat){color:#68717a}
.bev-p-blog #selection .bev-section-head{align-items:end}
@media (max-width:900px){
  .bev-p-blog .bev-final.is-band .bev-final-actions{margin-top:36px}
}
@media (max-width:640px){
  /* Hero : lien « Comment ça marche ? » aligné à gauche sous le bouton */
  .bev-p-blog .bev-pagehero .bev-hero-actions{justify-content:flex-start}
  .bev-p-blog .bev-pagehero .bev-hero-actions .bev-inline-link{margin:0}
}

/* Articles ------------------------------------------------------------------ */
/* Bande « Je réserve mon box » : bouton orange, titre 500, accroche 20 px */
.bev-article-band .bev-btn{color:#fc6c0c}
.bev-article-band h2{font-weight:500}
.bev-article-band .bev-kicker{font-size:20px}
/* Image principale entière (infographies : rien n'est rogné) */
.bev-article-img img{height:auto;max-height:none;object-fit:contain}
@media (max-width:640px){
  /* Fil d'Ariane sur une ligne : le dernier élément (titre de l'article)
     est déjà le H1 juste en dessous */
  .bev-p-article .bev-breadcrumb li:last-child{display:none}
}

/* Pages légales (BeTheme) : H2 50 px, H3 36 px en graisse 500, sans espace
   au-dessus (15 px sous chaque bloc), puces en retrait de 30 px. Police,
   couleur des liens et largeur du cadre commun gardées (écarts voulus). */
.bev-p-legal .bev-legal h2{font-size:50px;line-height:1.12;font-weight:500;margin:0}
.bev-p-legal .bev-legal h3{font-size:36px;line-height:1.25;font-weight:500;margin:0}
.bev-p-legal .bev-legal .legal-custom>*+*{margin-top:15px}
.bev-p-legal .bev-legal ul{padding-left:30px}
/* 15 px entre deux puces, liste sans marge basse : LI→LI, LI→P et
   LI→filet→H2 à 15 px, comme au source (tour 7) */
.bev-p-legal .bev-legal li{margin-bottom:15px}
.bev-p-legal .bev-legal ul{margin-bottom:0}
@media (max-width:700px){
  .bev-p-legal .bev-legal h2{font-size:30px}
  .bev-p-legal .bev-legal h3{font-size:22px}
}

/* ==========================================================================
   TOUR 6 — FINITIONS PAR PAGE (relevé du 2026-10-17, CSS d'origine des HTML
   bruts d'unboxenville.fr). Un bloc par page, chaque règle préfixée par la
   classe du <body> : rien ne déborde sur les autres pages.
   ========================================================================== */

/* Accueil (#ub9-root) ------------------------------------------------------- */
/* Ruban : 17 px en haut et en bas (67 px), pictos du source (sprite.php) */
.bev-p-accueil .bev-ribbon{padding:17px 0}
/* Atouts : glyphes ⌗ ◉ ♧ P ↕ ↔ en 20 px / 800 (.ub9-prooficon), titres #222b33 */
.bev-prooficon.is-glyph{font-weight:800;font-size:20px;line-height:1}
.bev-p-accueil #atouts h3{color:#222b33}
/* FAQ : « + » sur l'interligne du titre (font 800 15.5px/1.45), sans interlettrage */
.bev-p-accueil .bev-faq summary{letter-spacing:normal}
.bev-p-accueil .bev-faq summary::after{line-height:1.45}
/* Étapes : fond transparent, 19 px 17 px (.ub9-step) */
.bev-p-accueil .bev-how .bev-step{background:transparent;padding:19px 17px}

/* Comment ça marche (.ubm-) ------------------------------------------------- */
/* Taille : choix actif bordé de rouge, sous-texte à la suite du libellé */
.bev-p-comment_ca_marche .bev-choice[aria-pressed="true"]{border-color:#ee003b;background:#fff3f6;box-shadow:inset 0 0 0 1px #ee003b}
.bev-p-comment_ca_marche button.bev-choice small{flex:0 1 auto}
/* Conditions : encart « À retenir » (.ubm-contract-alert) */
.bev-p-comment_ca_marche #conditions .bev-note.is-warn{border:0;border-left:4px solid #efb04a;border-radius:12px;background:#fff8ec;padding:20px 22px;color:#6a5034}
/* Titres : interlettrage -.05em (.ubm-title), d'où les coupures du source */
.bev-p-comment_ca_marche .bev-title{letter-spacing:-.05em}
/* FAQ : chapô en .lead (interligne 1,74) */
.bev-p-comment_ca_marche #faq .bev-faq-intro p{line-height:1.74}
/* Adresse : bouton au gabarit .ub9-btn (15 px, 55 px), adresse détachée du texte */
.bev-p-comment_ca_marche #adresse .bev-location-actions .bev-btn{font-size:15px;min-height:55px}
.bev-p-comment_ca_marche #adresse .bev-ccm-adresse{margin-bottom:33px}
/* Hero : page courante grise, badge Google sans ombre, preuves 13/19 px */
.bev-p-comment_ca_marche .bev-breadcrumb [aria-current="page"]{color:#788089}
.bev-p-comment_ca_marche .bev-pagehero .bev-google{box-shadow:none;gap:6px}
.bev-p-comment_ca_marche .bev-hero-mini{gap:13px 19px}
.bev-p-comment_ca_marche .bev-hero-mini li{gap:5px}
/* Sécurité : coches vert d'eau épaisses (✓ du source) */
.bev-p-comment_ca_marche .bev-ccm-trustpoints .bev-icon{color:#2bd4a4;stroke-width:3}
/* Appel final : coins de 22 px (.ubm-final-card) */
.bev-p-comment_ca_marche .bev-final-box{border-radius:22px}
@media (max-width:640px){
  /* #etapes garde ses 14 px (l. 1133) : seules la première visite, les
     conditions et la sortie passent en 14,5 px, comme au source (tour 7) */
  .bev-p-comment_ca_marche :is(#conditions .bev-card p,.bev-ccm-firstlist p,#resilier .bev-step p){font-size:14.5px}
  .bev-p-comment_ca_marche #premiere-visite .bev-ccm-firstaside .bev-btn{width:auto;justify-self:start;align-self:flex-start}
  .bev-p-comment_ca_marche button.bev-choice{gap:8px}
  .bev-p-comment_ca_marche button.bev-choice strong{flex:0 1 auto}
  .bev-p-comment_ca_marche .bev-ccm-stat{align-items:center}
  .bev-p-comment_ca_marche .bev-final-box{padding:47px 19px}
}

/* Le centre (.ubc-) --------------------------------------------------------- */
/* Ruban : 12 px / 1,45, sans marge verticale (58 px de haut) */
.bev-p-le_centre .bev-ribbonitem{padding-top:0;padding-bottom:0;line-height:1.45}
/* Fonctionnement : texte des étapes 14 px / 1,7 */
.bev-p-le_centre #fonctionnement .bev-step p{font-size:14px;line-height:1.7;color:#67717b}
/* Nous trouver : boutons .ub9-btn (15 px, 55 px), sans marge en plus ; titres 500 */
.bev-p-le_centre #acces .bev-location-actions{margin-top:0}
.bev-p-le_centre #acces .bev-location-actions .bev-btn{font-size:15px;min-height:55px}
.bev-p-le_centre :is(#acces,#premiere-visite) h2{font-weight:500}
/* Première visite : lien à 33 px sous les cartes */
.bev-p-le_centre #premiere-visite .bev-lc-ready{row-gap:33px}
/* Sécurité : petites cartes moins hautes (photo de 118 px, 19 px de marge) */
.bev-p-le_centre .bev-lc-secbox li.has-photo .bev-card-photo{margin-bottom:10px}
.bev-p-le_centre .bev-lc-secbox li{min-height:206px}
/* FAQ : questions 15 px, 22 px de marge, « + » sur la première ligne */
/* Questions en 16 px (15 px sous 640 px), réponses #66727c (.ubc-faq, tour 7) */
.bev-p-le_centre #faq .bev-faq summary{font-size:16px;padding:22px 0;align-items:flex-start;letter-spacing:normal}
.bev-p-le_centre #faq .bev-faq details>:not(summary){color:#66727c}
@media (max-width:640px){
  .bev-p-le_centre #faq .bev-faq summary{font-size:15px}
}
@media (max-width:640px){
  .bev-p-le_centre .bev-lc-duree p{font-size:14px;line-height:1.85}
  .bev-p-le_centre .bev-lc-secbig h3{font-size:22px}
  .bev-p-le_centre #equipe .bev-lead{font-size:16px}
  .bev-p-le_centre .bev-gallery-sub{font-size:15px}
}
.bev-p-le_centre .bev-human-bullets .bev-icon{stroke-width:3;width:14px;height:14px}
/* Visionneuse : « Fermer ✕ » en graisse normale (.ubc-dialog-close, accueil et Le centre) */
.bev-lightbox-btn.is-close{font-weight:400}

/* Tarifs, Particuliers, Professionnels (.ubx-) ------------------------------ */
/* Titres : interlettrage -.038em, interligne 1,13 (.ubx h2) */
.bev-p-interieur .bev-title{letter-spacing:-.038em;line-height:1.13}
/* Repères de prix : 8 px de plus au-dessus du montant, mention en 1,2 */
.bev-p-interieur .bev-card p.bev-px-price{margin-top:24px}
.bev-p-interieur .bev-card p.bev-px-price small{line-height:1.2}
@media (max-width:640px){
  .bev-p-interieur .bev-hero-actions{row-gap:12px}
}

/* Réserver (#ub-landing) ---------------------------------------------------- */
/* Avantages : titres dans l'encre forte du source */
.bev-p-reserver .bev-px-benefits h3{color:#181a20}
@media (max-width:640px){
  .bev-p-reserver .bev-px-photo .bev-px-vignette{width:154px;height:auto;aspect-ratio:154/183}
  .bev-p-reserver #tailles .bev-section-head>.bev-lead{margin-top:0}
  .bev-p-reserver .bev-final-box{padding-left:30px;padding-right:30px}
}

/* Blog (ub-blog-*) ---------------------------------------------------------- */
/* Sélection : 20 px de plus au-dessus du titre sur ordinateur */
@media (min-width:921px){
  .bev-p-blog #selection{padding-top:107px}
}
/* Hero mobile : photo sur toute la largeur du conteneur */
@media (max-width:640px){
  .bev-p-blog .bev-pagehero .bev-hero-img-wrap{width:100%;max-width:none;margin-left:0;margin-right:0}
}

/* Articles ------------------------------------------------------------------ */
/* Corps : colonne de 860 px, intertitres plus présents (H2 50 px et H3 36 px
   au source, réduits pour la colonne), puces dans la couleur du texte */
.bev-p-article .bev-prose{max-width:860px}
.bev-p-article .bev-prose h2{font-size:clamp(30px,3.4vw,44px);font-weight:600;line-height:1.15;letter-spacing:-.03em;margin-top:1.2em}
.bev-p-article .bev-prose h3{font-size:clamp(22px,2.4vw,30px);font-weight:500;line-height:1.2;letter-spacing:-.02em;margin-top:.9em}
.bev-p-article .bev-prose li::marker{color:currentColor}
/* Articles liés : mosaïques en 4:3 (960 × 720 au source) */
.bev-p-article .bev-post-img:not(.is-vide){aspect-ratio:4/3}

/* Pages légales (BeTheme) --------------------------------------------------- */
/* Colonne de 1270 px, texte #2a343c en interligne 1,5 */
.bev-p-legal main .bev-wrap{max-width:1270px}
.bev-p-legal .bev-legal{color:#2a343c;line-height:1.5}
/* Filet sans marge : 15 px entre le dernier paragraphe et le titre suivant */
.bev-p-legal .bev-legal .legal-custom hr{margin:0}
/* Sous-titres en graisse 400, interlettrage -1 px ; liens rouge sombre */
.bev-p-legal .bev-legal h3{font-weight:400;letter-spacing:-1px}
.bev-p-legal .bev-legal a{color:#c71819}
/* Mobile : 13 px / 19 px comme le thème source (BeTheme, max-width 767 px),
   titres h2/h3 inchangés (revue du 2026-10-17) */
@media (max-width:767px){
  .bev-p-legal .bev-legal{font-size:13px;line-height:19px}
}

/* Visite virtuelle 3D (Matterport, 2026-10-21) ----------------------------- */
/* Façade 16:9 (4:3 sur mobile) : photo voilée et bouton, iframe posée au clic */
.bev-visite3d-cadre{position:relative;aspect-ratio:16/9;border-radius:var(--r-card);overflow:hidden;background:radial-gradient(120% 90% at 30% 20%,#2c3442,var(--night));box-shadow:0 24px 60px -32px #171c2499}
.bev-visite3d-cadre iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.bev-visite3d-lancer{position:absolute;inset:0;width:100%;border:0;padding:0;background:none;display:block;color:#fff;text-align:center}
.bev-visite3d-lancer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.bev-visite3d-lancer:hover img,.bev-visite3d-lancer:focus-visible img{transform:scale(1.03)}
.bev-visite3d-voile{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px;background:radial-gradient(60% 70% at 50% 55%,#0e1319cc,#0e131980 70%,#0e131966);text-shadow:0 1px 12px #0e131999}
.bev-visite3d-cadre.is-sans-apercu .bev-visite3d-voile{background:none}
.bev-visite3d-play{width:84px;height:84px;border-radius:50%;background:var(--red);display:grid;place-items:center;margin-bottom:10px;box-shadow:0 0 0 10px #ffffff2e;transition:transform .2s ease,background .2s ease}
.bev-visite3d-play .bev-icon{width:34px;height:34px;margin-left:4px}
.bev-visite3d-lancer:hover .bev-visite3d-play,.bev-visite3d-lancer:focus-visible .bev-visite3d-play{transform:scale(1.07);background:var(--red2)}
.bev-visite3d-voile strong{font-family:var(--display);font-size:clamp(22px,2.6vw,30px);font-weight:800;letter-spacing:-.03em}
.bev-visite3d-voile small{font-size:15px;color:#dfe4e9}
.bev-visite3d-lancer .bev-photo-stamp{display:inline-flex;align-items:center;gap:6px;font-size:11px}
.bev-visite3d-lancer .bev-photo-stamp .bev-icon{width:14px;height:14px}
.bev-visite3d-pied{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;margin-top:18px}
.bev-visite3d-aide{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px;color:var(--mute)}
.bev-visite3d-aide li{display:inline-flex;align-items:center;gap:8px}
.bev-visite3d-aide .bev-icon{width:17px;height:17px;color:var(--red)}
.bev-visite3d-source{font-size:13px;color:var(--mute)}
@media (max-width:640px){
  .bev-visite3d-cadre{aspect-ratio:4/3}
  .bev-visite3d-play{width:68px;height:68px}
  .bev-visite3d-play .bev-icon{width:28px;height:28px}
  .bev-visite3d-pied{flex-direction:column;align-items:flex-start}
}

@media (prefers-reduced-motion:reduce){
  html:has(body.bev){scroll-behavior:auto}
  .bev *,.bev *::before,.bev *::after,.bev-chrome *{transition:none!important;animation:none!important}
}
@media print{
  .bev-topbar,.bev-navshell,.bev-mobilebar,.bev-lightbox{display:none!important}
  body.bev{padding-bottom:0}
}

/* ------------------------------------------------------------------ */
/* Landing page « devis » (/landing-page, page_landing.php, 2026-10-23) */
/* Maquette fournie par Frédéric pour EB111 : formulaire de devis et     */
/* téléphone, aucun lien de réservation. Classes bev-lp-*.               */
/* ------------------------------------------------------------------ */
.bev-lp-header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:5}
.bev-lp-header-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:70px;padding:6px 0}
.bev-lp-header .bev-logo{--logo-h:54px}
.bev-lp-rond{width:44px;height:44px;border-radius:50%;background:#fde8ed;color:var(--red);display:inline-flex;align-items:center;justify-content:center;flex:none}
.bev-lp-rond .bev-icon{width:21px;height:21px;stroke-width:2}
.bev-lp-rond.is-grand{width:58px;height:58px}
.bev-lp-rond.is-grand .bev-icon{width:27px;height:27px}
.bev-lp-rond.is-blanc{width:64px;height:64px;background:#fff}
.bev-lp-rond.is-blanc .bev-icon{width:30px;height:30px;fill:currentColor;stroke:none}
.bev-lp-headtel{display:inline-flex;align-items:center;gap:12px;color:var(--ink)}
.bev-lp-headtel .bev-lp-rond .bev-icon,.bev-lp-formtel .bev-lp-rond .bev-icon{fill:currentColor;stroke:none}
.bev-lp-headtel-txt{display:grid;line-height:1.1}
.bev-lp-headtel-txt strong{font:800 23px/1.1 var(--display);letter-spacing:-.02em;white-space:nowrap}
.bev-lp-headtel-txt small{font-size:11px;font-weight:600;color:var(--ink);margin-top:3px}
.bev-lp-headtel:hover strong{color:var(--red)}

.bev-lp-hero{position:relative;overflow:hidden;background:#f3f3f2;padding:26px 0 14px}
.bev-lp-hero-fond{position:absolute;inset:0}
.bev-lp-hero-fond img{width:100%;height:100%;object-fit:cover;object-position:center}
.bev-lp-hero-fond::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.93) 30%,rgba(255,255,255,.55) 46%,rgba(255,255,255,0) 60%)}
.bev-lp-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:40px;align-items:start}
.bev-lp-hero-copy{padding:28px 0 40px}
.bev-lp-trust{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:34px}
.bev-lp-pill{background:var(--red);color:#fff;border-radius:50px;padding:8px 14px;font-size:12px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}
.bev-lp-google{background:#fff;border-radius:50px;padding:8px 14px;display:inline-flex;align-items:center;gap:8px;font-size:12px;box-shadow:0 4px 14px #1924321a;color:var(--ink)}
.bev-lp-google .bev-stars{color:#f5b400}
.bev-lp-google .bev-stars .bev-icon{width:14px;height:14px}
.bev-lp-hero h1{font-size:clamp(40px,5.6vw,66px);font-weight:800;letter-spacing:-.045em;line-height:1.06;color:#151b22}
.bev-lp-hero h1 .bev-accent,.bev-lp-h2 .bev-accent{color:var(--red)}
.bev-lp-lead{margin-top:30px;font-size:19px;line-height:1.45;color:#232a31;max-width:440px}

.bev-lp-formcard{background:#fff;border-radius:14px;box-shadow:0 18px 50px #1118272e;padding:22px 24px 18px;scroll-margin-top:16px}
.bev-lp-formcard h2{font:800 25px/1.08 var(--display);letter-spacing:-.035em;color:#151b22}
.bev-lp-formsub{font-size:12.5px;color:#2d353d;margin:6px 0 14px}
.bev-lp-formcard .bev-alert{margin-bottom:12px;font-size:13.5px}
.bev-lp-form{display:grid;gap:7px}
.bev-lp-champ{position:relative;display:block}
.bev-lp-champ>.bev-icon{position:absolute;left:11px;top:10px;width:15px;height:15px;color:#6b747c;pointer-events:none}
.bev-lp-champ input,.bev-lp-champ select,.bev-lp-champ textarea{width:100%;font:inherit;font-size:12.5px;color:var(--ink);background:#fff;border:1px solid #d4d9de;border-radius:7px;min-height:35px;padding:7px 10px 7px 35px;transition:border-color .15s,box-shadow .15s}
.bev-lp-champ select{appearance:none;-webkit-appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23222b33' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 10px center/15px no-repeat;padding-right:32px}
.bev-lp-champ select:invalid,.bev-lp-champ select option[value=""]{color:#6b747c}
.bev-lp-champ textarea{min-height:58px;resize:vertical;display:block}
.bev-lp-champ ::placeholder{color:#6b747c;opacity:1}
.bev-lp-champ input:focus,.bev-lp-champ select:focus,.bev-lp-champ textarea:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px #ee003b1f}
.bev-lp-rgpd{display:flex;gap:8px;align-items:flex-start;font-size:10.5px;line-height:1.4;color:#56616b;margin-top:2px}
.bev-lp-rgpd input{margin-top:1px;width:14px;height:14px;accent-color:var(--red);flex:none}
.bev-lp-rgpd a{text-decoration:underline}
.bev-lp-btn{display:flex;width:100%;align-items:center;justify-content:center;gap:9px;background:var(--red);color:#fff;border:0;border-radius:10px;min-height:44px;padding:10px 16px;font:800 14.5px/1.2 var(--text);cursor:pointer;transition:background .2s}
.bev-lp-btn:hover{background:var(--red2);color:#fff}
.bev-lp-btn .bev-icon{width:16px;height:16px;stroke-width:2.4}
.bev-lp-btn.is-petit{min-height:38px;font-size:13.5px;border-radius:8px;margin-top:auto}
.bev-lp-ou{display:flex;align-items:center;gap:10px;margin:14px 0 6px;font-size:11px;font-weight:700;color:#2d353d}
.bev-lp-ou::before,.bev-lp-ou::after{content:'';flex:1;height:1px;background:#e2e5e8}
.bev-lp-formtel{display:flex;align-items:center;justify-content:center;gap:12px;color:#151b22}
.bev-lp-formtel .bev-lp-rond{width:36px;height:36px}
.bev-lp-formtel .bev-lp-rond .bev-icon{width:18px;height:18px}
.bev-lp-formtel strong{font:800 24px/1 var(--display);letter-spacing:-.02em;white-space:nowrap}
.bev-lp-formtel:hover strong{color:var(--red)}

.bev-lp-atouts{background:#fbf9f8;border-bottom:1px solid #f0ebe8;padding:22px 0}
.bev-lp-atouts .bev-wrap{display:grid;grid-template-columns:repeat(var(--bev-cols,4),minmax(0,1fr))}
.bev-lp-atout{display:flex;align-items:center;gap:16px;padding:0 18px}
.bev-lp-atout+.bev-lp-atout{border-left:1px solid #e3dfdc}
.bev-lp-atout:first-child{padding-left:0}
.bev-lp-atout strong{display:block;font-size:14px;font-weight:800;color:#151b22}
.bev-lp-atout span:not(.bev-lp-rond){display:block;font-size:14px;color:#2d353d}

.bev-lp-tailles{padding:44px 0 22px}
.bev-lp-h2{font:800 clamp(27px,3vw,35px)/1.12 var(--display);letter-spacing:-.04em;color:#151b22}
.bev-lp-h2.is-centre{text-align:center}
.bev-lp-h2 .bev-accent{white-space:nowrap}
.bev-lp-sous{text-align:center;font-size:16px;color:#2d353d;margin-top:4px}
.bev-lp-cartes{display:grid;grid-template-columns:repeat(var(--bev-cols,3),minmax(0,1fr));gap:34px;margin-top:22px}
.bev-lp-carte{background:#fff;border:1px solid #eef0f1;border-radius:14px;box-shadow:0 8px 26px #1924320f;padding:12px 16px 16px;display:flex;flex-direction:column}
.bev-lp-carte-img{position:relative;margin:0 0 26px;border-radius:8px}
.bev-lp-carte-img img{width:100%;height:118px;object-fit:cover;border-radius:8px}
.bev-lp-carte-img.is-vide{height:118px;background:linear-gradient(105deg,var(--pink),#f3f4f5);display:flex;align-items:center;justify-content:center;color:var(--red)}
.bev-lp-carte-ico{width:48px;height:48px}
.bev-lp-surface{position:absolute;left:4px;bottom:-14px;background:var(--red);color:#fff;border-radius:50px;padding:3px 16px;font:800 17px/1.3 var(--display);letter-spacing:-.02em;border:2px solid #fff}
.bev-lp-carte h3{font-size:18px;font-weight:800;color:#151b22;letter-spacing:-.03em}
.bev-lp-carte p{font-size:13.5px;line-height:1.45;color:#2d353d;margin-top:4px;min-height:40px}
.bev-lp-mobilier{display:flex;justify-content:space-around;align-items:center;background:#fdecef;border-radius:8px;padding:9px 18px;margin:12px 0 10px;color:var(--red)}
.bev-lp-mobilier .bev-icon{width:26px;height:26px;stroke-width:1.6}

.bev-lp-centre{padding:22px 0}
.bev-lp-centre-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.24fr);gap:12px;align-items:stretch}
.bev-lp-centre-grid.is-solo{grid-template-columns:minmax(0,1fr)}
.bev-lp-centre-photo{position:relative;min-height:255px}
.bev-lp-centre-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:12px}
.bev-lp-centre-txt{background:#f8f5f2;border-radius:12px;padding:22px 28px}
.bev-lp-centre-txt .bev-lp-h2{font-size:clamp(22px,2.2vw,25px)}
.bev-lp-centre-txt>p{font-size:13.5px;line-height:1.45;color:#2d353d;margin-top:8px;max-width:440px}
.bev-lp-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}
.bev-lp-points ul{list-style:none;margin:0;padding:0 18px;display:grid;gap:12px;align-content:start}
.bev-lp-points ul:first-child{padding-left:0}
.bev-lp-points ul+ul{border-left:1px solid #e3dfdc}
.bev-lp-points li{display:flex;align-items:center;gap:14px;font-size:13.5px;line-height:1.35;color:#2d353d}
.bev-lp-points .bev-icon{width:24px;height:24px;color:var(--red);stroke-width:1.6}

.bev-lp-final{padding:12px 0 40px}
.bev-lp-final-box{background:var(--red);color:#fff;border-radius:14px;padding:18px 34px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:32px}
.bev-lp-final-tel{display:flex;align-items:center;gap:26px;color:#fff;padding-right:32px;border-right:1px solid #ffffff8c}
.bev-lp-final-tel:hover{color:#fff}
.bev-lp-final-q{display:block;font:800 24px/1.15 var(--display);letter-spacing:-.02em}
.bev-lp-final-tel strong{display:block;font:800 clamp(22px,2.6vw,30px)/1.15 var(--display);letter-spacing:-.02em}
.bev-lp-final-box p{font-size:14px;line-height:1.45;max-width:260px;color:#fff}

@media (max-width:920px){
  .bev-lp-hero{padding:18px 0 28px}
  .bev-lp-hero-fond::after{background:linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.88) 55%,rgba(255,255,255,.7) 100%)}
  .bev-lp-hero-grid{grid-template-columns:minmax(0,1fr);gap:8px}
  .bev-lp-hero-copy{padding:10px 0 12px}
  .bev-lp-trust{margin-bottom:20px}
  .bev-lp-lead{margin-top:18px;font-size:17px}
  .bev-lp-formcard{max-width:520px}
  .bev-lp-atouts .bev-wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 0}
  .bev-lp-atout:nth-child(odd){padding-left:0;border-left:0}
  .bev-lp-cartes{grid-template-columns:minmax(0,1fr);gap:20px;max-width:520px;margin-inline:auto}
  .bev-lp-centre-grid{grid-template-columns:minmax(0,1fr)}
  .bev-lp-final-box{grid-template-columns:minmax(0,1fr);gap:14px;padding:20px}
  .bev-lp-final-tel{border-right:0;padding-right:0;gap:16px}
  .bev-lp-final-box p{max-width:none}
}
@media (max-width:640px){
  .bev-lp-headtel-txt small{display:none}
  .bev-lp-headtel-txt strong{font-size:18px}
  .bev-lp-headtel .bev-lp-rond{width:38px;height:38px}
  .bev-lp-header .bev-logo{--logo-h:44px}
  .bev-lp-atouts .bev-wrap{grid-template-columns:minmax(0,1fr)}
  .bev-lp-atout,.bev-lp-atout+.bev-lp-atout{border-left:0;padding-left:0}
  .bev-lp-points{grid-template-columns:minmax(0,1fr);gap:12px}
  .bev-lp-points ul,.bev-lp-points ul+ul{padding:0;border-left:0}
  .bev-lp-centre-txt{padding:20px}
  .bev-lp-rond.is-blanc{width:52px;height:52px}
}
@media print{
  .bev-lp-header,.bev-lp-hero-fond{display:none!important}
}