/* =========================================================
BLUXE — Home + Header + Footer (V3, 56k Studio)
100% autonome / Breakdance-free
Editorial Luxury · Cormorant + Outfit · arrondis premium
========================================================= */
:root, body.bx-standalone {
--brun:#4b4038; --taupe:#927a73; --beige:#d4b89e; --beige2:#e6cbb5;
--cream:#faf7f5; --cream2:#fbf7f3; --ink:#2c2d33;
--line:rgba(75,64,56,.12);
--shadow:30px 40px 80px -40px rgba(75,64,56,.35);
--shadow-sm:14px 20px 40px -24px rgba(75,64,56,.30);
--r-lg:32px; --r-md:22px; --r-sm:16px;
--ease:cubic-bezier(.22,1,.36,1);
--header-h:74px;
}
/* Reset minimal (pas de thème actif sous la main) */
body.bx-standalone { margin:0; background:var(--cream); color:var(--ink); font-family:"Outfit",system-ui,sans-serif; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
body.bx-standalone *, body.bx-standalone *::before, body.bx-standalone *::after { box-sizing:border-box; }
body.bx-standalone img { max-width:100%; }
.bx-wrap { width:100%; max-width:1280px; margin-inline:auto; padding-inline:clamp(20px,5vw,56px); }
/* =========================================================
HEADER
========================================================= */
.bx-header { position:sticky; top:0; z-index:200; font-family:"Outfit",sans-serif; }
.bx-header__bar { position:relative; z-index:3; background:rgba(250,247,245,.94); backdrop-filter:blur(12px); transition:box-shadow .4s var(--ease), background .4s var(--ease); }
/* --- ÉTAGE 1 : recherche · logo · actions --- */
.bx-header__top { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:24px; height:var(--header-h); transition:height .35s var(--ease); }
.bx-header.is-stuck .bx-header__bar { box-shadow:0 14px 40px -28px rgba(75,64,56,.5); background:rgba(250,247,245,.98); }
.bx-header.is-stuck .bx-header__top { height:68px; }
.bx-header__side { display:flex; align-items:center; gap:10px; min-width:0; }
.bx-header__side--left { grid-column:1; justify-self:start; }
.bx-header__actions { grid-column:3; justify-self:end; gap:6px; }
/* Logo centré */
.bx-logo { grid-column:2; justify-self:center; display:inline-flex; align-items:center; }
.bx-logo img { height:52px; width:auto; transition:height .35s var(--ease); object-fit:contain; }
.bx-header.is-stuck .bx-logo img { height:44px; }
/* Champ de recherche pill (desktop) */
.bx-headsearch { display:flex; align-items:center; gap:10px; width:clamp(230px,24vw,360px); padding:11px 18px; background:#fff; border:1px solid var(--line); border-radius:999px; transition:border-color .3s var(--ease),box-shadow .3s var(--ease); }
.bx-headsearch:focus-within { border-color:var(--taupe); box-shadow:var(--shadow-sm); }
.bx-headsearch svg { width:18px; height:18px; color:var(--taupe); flex:none; }
.bx-headsearch input { flex:1; min-width:0; border:none; background:transparent; outline:none; font-family:"Outfit",sans-serif; font-size:14px; color:var(--brun); }
.bx-headsearch input::placeholder { color:var(--taupe); }
.bx-header__side .bx-search-trigger--mobile { display:none; }
/* Bouton Vendre un article */
.bx-sell-btn { padding:12px 24px; font-size:13.5px; box-shadow:none; }
/* Icônes actions */
.bx-iconbtn { display:inline-grid; place-items:center; width:42px; height:42px; border-radius:999px; border:1px solid transparent; background:transparent; color:var(--brun); cursor:pointer; text-decoration:none; transition:background .3s var(--ease), border-color .3s var(--ease); }
.bx-iconbtn:hover { background:rgba(75,64,56,.06); }
.bx-iconbtn svg { width:20px; height:20px; }
.bx-cart { position:relative; display:inline-grid; place-items:center; width:46px; height:46px; border-radius:999px; color:var(--brun); background:transparent; border:none; cursor:pointer; text-decoration:none; transition:background .3s var(--ease); }
.bx-cart:hover { background:rgba(75,64,56,.06); }
.bx-cart svg { width:21px; height:21px; }
.bx-cart__count { position:absolute; top:5px; right:4px; min-width:18px; height:18px; padding:0 5px; border-radius:999px; background:var(--brun); color:var(--cream); font-size:10.5px; font-weight:600; display:grid; place-items:center; line-height:1; }
/* Burger (mobile) */
.bx-burger { display:none; width:42px; height:42px; border:none; background:transparent; cursor:pointer; padding:10px; border-radius:12px; }
.bx-burger span { display:block; height:1.6px; background:var(--brun); border-radius:2px; margin:4px 0; transition:transform .35s var(--ease), opacity .25s var(--ease); }
.bx-header.is-menu-open .bx-burger span:nth-child(1) { transform:translateY(5.6px) rotate(45deg); }
.bx-header.is-menu-open .bx-burger span:nth-child(2) { opacity:0; }
.bx-header.is-menu-open .bx-burger span:nth-child(3) { transform:translateY(-5.6px) rotate(-45deg); }
/* --- ÉTAGE 2 : navigation centrée --- */
.bx-header__navrow { position:relative; z-index:2; background:rgba(250,247,245,.94); backdrop-filter:blur(12px); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.bx-header__navrow .bx-wrap { display:flex; justify-content:center; }
.bx-nav__list { display:flex; align-items:center; justify-content:center; gap:6px; list-style:none; margin:0; padding:5px 0; }
.bx-nav__item { position:relative; }
.bx-nav__item--mobile { display:none; }
.bx-nav__link { display:inline-flex; align-items:center; gap:6px; padding:14px 20px; font-size:14px; letter-spacing:.03em; color:var(--brun); text-decoration:none; font-weight:400; border-radius:999px; transition:color .3s var(--ease), background .3s var(--ease); }
.bx-nav__link:hover { color:#1f1b17; background:rgba(75,64,56,.05); }
.bx-nav__link .bx-chev { width:14px; height:14px; opacity:.6; transition:transform .35s var(--ease); }
.bx-nav__item.bx-has-sub:hover .bx-nav__link .bx-chev { transform:rotate(180deg); }
.bx-sub-toggle { display:none; }
/* Dropdowns desktop */
.bx-subwrap { position:absolute; top:100%; left:50%; transform:translate(-50%,10px); min-width:230px; padding-top:12px; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .3s var(--ease), transform .3s var(--ease); z-index:5; }
.bx-nav__item.bx-has-sub:hover .bx-subwrap, .bx-nav__item.bx-has-sub:focus-within .bx-subwrap { opacity:1; visibility:visible; pointer-events:auto; transform:translate(-50%,0); }
.bx-sub { list-style:none; margin:0; padding:10px; background:#fff; border:1px solid var(--line); border-radius:var(--r-md); box-shadow:var(--shadow); }
.bx-sub li { margin:0; }
.bx-sub a { display:block; padding:11px 16px; border-radius:12px; font-size:14px; color:var(--brun); text-decoration:none; transition:background .25s var(--ease), padding-left .25s var(--ease); }
.bx-sub a:hover { background:var(--cream2); padding-left:21px; }
.bx-sub__all a { color:var(--taupe); font-size:12.5px; letter-spacing:.04em; border-top:1px solid var(--line); margin-top:6px; border-radius:0 0 12px 12px; }
/* Search panel (déroulant, mobile + fallback) */
.bx-search { background:rgba(250,247,245,.98); backdrop-filter:blur(12px); border-bottom:1px solid var(--line); }
.bx-search[hidden] { display:none; }
.bx-search__form { max-width:1280px; margin-inline:auto; display:flex; align-items:center; gap:14px; padding:18px clamp(20px,5vw,56px); }
.bx-search__form > svg { width:22px; height:22px; color:var(--taupe); flex:none; }
.bx-search__form input[type="search"] { flex:1; border:none; background:transparent; font-family:"Cormorant",serif; font-size:1.6rem; color:var(--brun); outline:none; }
.bx-search__form input[type="search"]::placeholder { color:var(--taupe); opacity:.7; }
.bx-overlay { position:fixed; inset:0; background:rgba(44,45,51,.4); backdrop-filter:blur(2px); z-index:10000; opacity:0; transition:opacity .35s var(--ease); }
.bx-overlay[hidden] { display:none; }
.bx-overlay.is-show { opacity:1; }
/* =========================================================
MINI-PANIER (tiroir WooCommerce)
========================================================= */
.bx-cart-drawer { position:fixed; top:0; right:0; bottom:0; width:min(92vw,400px); background:var(--cream); z-index:10001; display:flex; flex-direction:column; transform:translateX(100%); transition:transform .42s var(--ease); box-shadow:none; }
.bx-cart-drawer.is-open { transform:none; box-shadow:-30px 0 80px -30px rgba(44,45,51,.55); }
/* Décalage si barre d'admin WordPress (connecté uniquement) */
body.admin-bar .bx-cart-drawer { top:32px; }
@media (max-width:782px) { body.admin-bar .bx-cart-drawer { top:46px; } }
.bx-cart-drawer__head { display:flex; align-items:center; justify-content:space-between; padding:22px 24px; border-bottom:1px solid var(--line); }
.bx-cart-drawer__title { font-family:"Cormorant",serif; font-size:1.55rem; font-weight:600; color:var(--brun); }
.bx-cart-drawer__close { display:grid; place-items:center; width:40px; height:40px; border-radius:999px; border:1px solid var(--line); background:#fff; color:var(--brun); cursor:pointer; transition:background .3s var(--ease); }
.bx-cart-drawer__close:hover { background:var(--cream2); }
.bx-cart-drawer__close svg { width:18px; height:18px; }
.bx-cart-drawer__body { flex:1; overflow-y:auto; padding:18px 24px 24px; }
/* Habillage du mini-cart (Breakdance bde-mini-cart-* + WooCommerce) */
.bx-cart-drawer .woocommerce-mini-cart { list-style:none; margin:0; padding:0; }
.bx-cart-drawer .woocommerce-mini-cart__empty-message { color:var(--taupe); font-size:15px; text-align:center; padding:40px 0; }
/* Item : vignette ancrée à gauche (position absolue), titre + prix à droite, croix en haut à droite.
Le markup WooCommerce standard place l'image ET le titre dans le MÊME (sans classe),
d'où un layout padding-left + image en absolu (robuste, sans dépendance à une classe
.product-title qui n'existe pas dans ce markup → fini le lien bleu souligné par défaut). */
.bx-cart-drawer .woocommerce-mini-cart-item,
.bx-cart-drawer .bde-mini-cart-item { display:block !important; position:relative; min-height:62px; padding:18px 30px 18px 78px; border-bottom:1px solid var(--line); font-size:14px; }
.bx-cart-drawer .bde-mini-cart-item-thumbnail img,
.bx-cart-drawer .woocommerce-mini-cart-item img { position:absolute; left:0; top:18px; width:62px !important; height:62px !important; object-fit:cover; border-radius:var(--r-sm); border:1px solid var(--line); display:block; }
/* Lien produit (image + titre dans le même ) : on neutralise le style lien navigateur */
.bx-cart-drawer .woocommerce-mini-cart-item > a:not(.remove),
.bx-cart-drawer .bde-mini-cart-item-title,
.bx-cart-drawer .woocommerce-mini-cart-item a.product-title { display:block; color:var(--brun) !important; text-decoration:none !important; font-family:"Cormorant",serif; font-size:1.2rem; line-height:1.25; }
.bx-cart-drawer .woocommerce-mini-cart-item > a:not(.remove):hover { text-decoration:underline !important; text-underline-offset:3px; }
/* Quantité : on masque le stepper Breakdance (layout cassé) et on garde
l'affichage texte simple « 1 × CHF 4'200.00 » — propre et robuste. */
.bx-cart-drawer .bde-mini-cart-quantity { display:none !important; }
.bx-cart-drawer .bde-mini-cart-quantity-simple { display:block !important; margin-top:4px; }
.bx-cart-drawer .bde-mini-cart-quantity-simple .quantity,
.bx-cart-drawer .woocommerce-mini-cart-item .quantity { display:block; margin-top:5px; color:var(--taupe); font-size:13.5px; font-family:"Outfit",sans-serif; }
.bx-cart-drawer .bde-mini-cart-quantity-simple .woocommerce-Price-amount,
.bx-cart-drawer .woocommerce-mini-cart-item .quantity .woocommerce-Price-amount { color:var(--ink); font-weight:600; }
.bx-cart-drawer .woocommerce-mini-cart-item a.remove,
.bx-cart-drawer .bde-mini-cart-item a.remove { position:absolute; top:18px; right:0; width:24px; height:24px; line-height:22px; text-align:center; border-radius:999px; background:var(--cream2); color:var(--brun)!important; font-size:14px; text-decoration:none; z-index:2; transition:background .25s var(--ease); }
.bx-cart-drawer .woocommerce-mini-cart-item a.remove:hover { background:#e7ddd2; }
.bx-cart-drawer .woocommerce-mini-cart__total { display:flex; align-items:center; justify-content:space-between; margin:18px 0; font-family:"Outfit",sans-serif; font-size:15px; color:var(--brun); }
.bx-cart-drawer .woocommerce-mini-cart__total strong { font-weight:600; }
.bx-cart-drawer .woocommerce-mini-cart__buttons { display:flex; flex-direction:column; gap:10px; margin:0; padding:0; }
.bx-cart-drawer .woocommerce-mini-cart__buttons .button { display:flex; align-items:center; justify-content:center; padding:14px 20px; border-radius:999px; font-family:"Outfit",sans-serif; font-size:14px; font-weight:500; text-decoration:none; border:1px solid var(--line); background:#fff; color:var(--brun); transition:background .3s var(--ease); }
.bx-cart-drawer .woocommerce-mini-cart__buttons .button:hover { background:var(--cream2); }
.bx-cart-drawer .woocommerce-mini-cart__buttons .button.checkout { background:var(--brun); color:var(--cream); border-color:var(--brun); }
.bx-cart-drawer .woocommerce-mini-cart__buttons .button.checkout:hover { background:#3b332c; }
/* =========================================================
BOUTONS
========================================================= */
.bx-btn { display:inline-flex; align-items:center; gap:12px; padding:14px 16px 14px 26px; border-radius:999px; font-family:"Outfit",sans-serif; font-size:15px; font-weight:500; text-decoration:none; cursor:pointer; border:1px solid transparent; transition:transform .5s var(--ease),background .4s var(--ease),color .4s var(--ease),box-shadow .4s var(--ease); }
.bx-btn:active { transform:scale(.975); }
.bx-btn__ico { display:inline-grid; place-items:center; width:32px; height:32px; border-radius:999px; transition:transform .5s var(--ease); }
.bx-btn__ico svg { width:17px; height:17px; }
.bx-btn:hover .bx-btn__ico { transform:translateX(3px); }
.bx-btn--primary { background:var(--brun); color:var(--cream); box-shadow:var(--shadow-sm); }
.bx-btn--primary .bx-btn__ico { background:rgba(255,255,255,.14); color:#fff; }
.bx-btn--primary:hover { background:#3b332c; }
.bx-btn--ghost { background:transparent; color:var(--brun); border-color:var(--line); padding:14px 22px; }
.bx-btn--ghost .bx-btn__ico { background:var(--cream2); color:var(--brun); width:28px; height:28px; }
.bx-btn--ghost:hover { background:rgba(255,255,255,.6); border-color:var(--taupe); }
.bx-btn--soft { padding:11px 14px 11px 20px; background:var(--cream2); color:var(--brun); border-color:var(--line); font-size:13.5px; width:100%; justify-content:space-between; }
.bx-btn--soft .bx-btn__ico { background:#fff; color:var(--brun); width:28px; height:28px; }
.bx-btn--soft:hover { background:#fff; box-shadow:var(--shadow-sm); }
/* =========================================================
TYPO + SECTIONS
========================================================= */
#bluxe-home { display:block; }
#bluxe-home .bx-section { padding-block:clamp(58px,8vw,116px); }
#bluxe-home .bx-eyebrow { display:inline-block; font-size:11px; letter-spacing:.28em; text-transform:uppercase; font-weight:500; color:var(--taupe); margin-bottom:16px; }
#bluxe-home .bx-h2 { font-family:"Cormorant",serif; font-weight:500; font-size:clamp(2.1rem,4.4vw,3.6rem); line-height:1.05; letter-spacing:-.01em; color:var(--brun); margin:0; }
#bluxe-home .bx-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:clamp(30px,4.5vw,52px); }
#bluxe-home .bx-head--center { flex-direction:column; align-items:center; text-align:center; }
#bluxe-home .bx-head--center .bx-h2 { max-width:20ch; }
#bluxe-home .bx-head .bx-eyebrow { margin-bottom:8px; }
/* Cadres */
#bluxe-home .bx-frame { padding:10px; background:linear-gradient(160deg,var(--cream2),#fff); border:1px solid var(--line); border-radius:var(--r-lg); box-shadow:var(--shadow); }
#bluxe-home .bx-frame > img { display:block; width:100%; height:100%; object-fit:cover; border-radius:calc(var(--r-lg) - 10px); }
#bluxe-home .bx-frame--soft { box-shadow:var(--shadow-sm); }
#bluxe-home .bx-frame--portrait { aspect-ratio:3/4; }
/* =========================================================
HERO — image plein cadre + carte ancrée bas (remonte au scroll)
========================================================= */
#bluxe-home .bx-hero { position:relative; min-height:clamp(620px,92vh,920px); display:flex; align-items:flex-end; justify-content:center; overflow:hidden; }
#bluxe-home .bx-hero__bg { position:absolute; inset:-7% 0 -7% 0; background-image:var(--bx-hero-bg); background-size:cover; background-position:center 38%; will-change:transform; }
#bluxe-home .bx-hero__scrim { position:absolute; inset:0; background:linear-gradient(to bottom, rgba(44,45,51,.18) 0%, rgba(44,45,51,.04) 24%, rgba(44,45,51,.10) 56%, rgba(44,45,51,.46) 100%); }
#bluxe-home .bx-hero__inner { position:relative; z-index:2; width:100%; display:flex; justify-content:center; padding-bottom:clamp(30px,4.5vh,60px); }
#bluxe-home .bx-hero__card { background:#fdfbf8; border:1px solid var(--line); border-radius:var(--r-lg); padding:clamp(17px,1.7vw,25px); max-width:376px; width:100%; text-align:center; box-shadow:0 26px 60px -28px rgba(40,28,20,.55); will-change:transform; animation:bx-hero-in 1s var(--ease) both; }
@keyframes bx-hero-in { from { opacity:0; transform:translateY(40px); } to { opacity:1; transform:none; } }
#bluxe-home .bx-hero__badge { display:inline-block; font-size:10px; letter-spacing:.22em; text-transform:uppercase; font-weight:500; color:var(--taupe); padding:6px 13px; border:1px solid var(--line); border-radius:999px; margin-bottom:13px; }
#bluxe-home .bx-hero__title { font-family:"Cormorant",serif; font-weight:500; font-size:clamp(1.7rem,2.9vw,2.45rem); line-height:1.04; letter-spacing:-.015em; color:var(--brun); margin:0; }
#bluxe-home .bx-hero__title em { font-style:italic; font-weight:600; color:#3b332c; }
#bluxe-home .bx-hero__lede { margin:10px auto 0; font-size:clamp(.92rem,1vw,1.02rem); line-height:1.5; color:#6a5f57; font-weight:300; max-width:36ch; }
#bluxe-home .bx-hero__stars { display:flex; align-items:center; justify-content:center; gap:5px; margin-top:11px; color:#c9a24a; }
#bluxe-home .bx-hero__stars svg { width:15px; height:15px; }
#bluxe-home .bx-hero__stars-txt { margin-left:9px; font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--taupe); }
#bluxe-home .bx-hero__actions { display:flex; flex-wrap:nowrap; justify-content:center; align-items:stretch; gap:8px; margin-top:16px; }
#bluxe-home .bx-hero__actions .bx-btn { flex:0 1 auto; min-width:0; padding:12px 16px; font-size:13.5px; gap:7px; white-space:nowrap; justify-content:center; }
#bluxe-home .bx-hero__actions .bx-btn--ghost { padding:12px 16px; }
#bluxe-home .bx-hero__actions .bx-btn__ico { width:25px; height:25px; }
#bluxe-home .bx-hero__actions .bx-btn__ico svg { width:15px; height:15px; }
#bluxe-home .bx-hero__trust { display:flex; flex-wrap:wrap; justify-content:center; gap:20px; list-style:none; margin:16px 0 0; padding:14px 0 0; border-top:1px solid var(--line); }
#bluxe-home .bx-hero__trust li { font-size:12px; color:var(--taupe); font-weight:300; }
#bluxe-home .bx-hero__trust strong { display:block; font-family:"Cormorant",serif; font-size:1.32rem; font-weight:600; color:var(--brun); line-height:1; margin-bottom:2px; }
@keyframes bx-bounce { 0%,100% { transform:translate(-50%,0); } 50% { transform:translate(-50%,7px); } }
/* =========================================================
GRILLES + carte produit
========================================================= */
#bluxe-home .bx-grid { display:grid; gap:clamp(16px,1.6vw,24px); }
#bluxe-home .bx-grid--4 { grid-template-columns:repeat(4,1fr); }
#bluxe-home .bx-grid--3 { grid-template-columns:repeat(3,1fr); }
#bluxe-home .bx-card { display:flex; flex-direction:column; background:#fff; border:1px solid var(--line); border-radius:var(--r-md); overflow:hidden; transition:transform .55s var(--ease),box-shadow .55s var(--ease); }
#bluxe-home .bx-card:hover { transform:translateY(-6px); box-shadow:var(--shadow); }
#bluxe-home .bx-card__media { position:relative; display:block; aspect-ratio:1/1; background:#fff; padding:0; }
#bluxe-home .bx-card__img { width:100%; height:100%; object-fit:cover; object-position:center; border-radius:0; transition:transform .7s var(--ease); }
#bluxe-home .bx-card:hover .bx-card__img { transform:scale(1.04); }
#bluxe-home .bx-card__new { position:absolute; top:14px; left:14px; font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; padding:5px 11px; border-radius:999px; z-index:2; background:var(--brun); color:var(--cream); }
/* Seul le badge "Nouveau" reste en overlay (petit, coin haut-gauche) ; l'etat/condition est descendu dans le corps de carte pour ne plus masquer la photo. Home + shell + cartes AJAX. */
.bx-card__badges { position:absolute; top:12px; left:12px; right:auto; z-index:3; display:flex; flex-direction:column; align-items:flex-start; gap:6px; max-width:calc(100% - 60px); }
#bluxe-home .bx-card__badges .bx-card__new,
.bx-page .bx-card__badges .bx-card__new,
.bx-card__badges .bx-card__new { position:static; top:auto; left:auto; right:auto; }
/* Centrage/integration des images produit : bordure interne BLANCHE (= fond photo) → l'image respire et parait centree. Partout (home + shell + AJAX). */
.bx-card__media { background:#fff; }
.bx-card__img { border:clamp(9px,1.5vw,17px) solid #fff; background:#fff; }
#bluxe-home .bx-card__body { padding:6px 18px 18px; display:flex; flex-direction:column; gap:5px; flex:1; }
#bluxe-home .bx-card__brand { font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--taupe); font-weight:500; }
#bluxe-home .bx-card__title { font-family:"Cormorant",serif; font-size:1.4rem; font-weight:500; line-height:1.12; margin:0; color:var(--brun); }
#bluxe-home .bx-card__title a { color:inherit; text-decoration:none; }
#bluxe-home .bx-card__meta { font-size:12.5px; color:var(--taupe); font-weight:300; }
/* Etat/condition de la piece : chip discret DANS le corps de carte (plus en overlay sur la photo). Visible partout (home + shell + AJAX). */
#bluxe-home .bx-card__condition,
.bx-page .bx-card__condition,
.bx-card__condition { align-self:flex-start; display:inline-flex; align-items:center; margin:1px 0 0; padding:3px 9px; font-size:10px; letter-spacing:.13em; text-transform:uppercase; font-weight:500; line-height:1; color:var(--taupe); background:var(--cream2); border:1px solid var(--line); border-radius:999px; }
#bluxe-home .bx-card__prices { margin-top:4px; display:flex; flex-direction:column; gap:1px; }
#bluxe-home .bx-card__retail { font-size:11.5px; color:var(--taupe); font-weight:300; }
#bluxe-home .bx-card__retail del { text-decoration:line-through; }
#bluxe-home .bx-card__price { font-size:16px; font-weight:600; color:var(--ink); }
#bluxe-home .bx-card__price .woocommerce-Price-amount { font-weight:600; }
#bluxe-home .bx-card__cta { margin-top:12px; opacity:0; transform:translateY(6px); transition:opacity .4s var(--ease),transform .4s var(--ease); pointer-events:none; } /* uniformité cards : CTA révélé au survol (comme boutique/suggestions) */
#bluxe-home .bx-card:hover .bx-card__cta, #bluxe-home .bx-card:focus-within .bx-card__cta { opacity:1; transform:none; pointer-events:auto; }
@media (hover:none){ #bluxe-home .bx-card__cta { opacity:1; transform:none; pointer-events:auto; } }
/* =========================================================
NOTRE SÉLECTION — VALIDÉE
========================================================= */
#bluxe-home .bx-tiles { gap:clamp(16px,1.8vw,26px); }
#bluxe-home .bx-tile { position:relative; display:flex; align-items:center; justify-content:center; aspect-ratio:1/1; border-radius:var(--r-lg); overflow:hidden; text-decoration:none; box-shadow:var(--shadow-sm); transition:transform .55s var(--ease),box-shadow .55s var(--ease); }
#bluxe-home .bx-tile:hover { transform:translateY(-6px); box-shadow:var(--shadow); }
#bluxe-home .bx-tile--chanel { background:#f3ecd9; }
#bluxe-home .bx-tile--hermes { background:#f0ddc6; }
#bluxe-home .bx-tile--dior { background:#f1d6dd; }
#bluxe-home .bx-tile__media { position:absolute; inset:0; display:grid; place-items:center; }
#bluxe-home .bx-tile__media img { width:82%; height:82%; object-fit:contain; mix-blend-mode:multiply; transition:transform .9s var(--ease); }
#bluxe-home .bx-tile:hover .bx-tile__media img { transform:scale(1.05); }
#bluxe-home .bx-tile::after { content:""; position:absolute; inset:0; z-index:1; background:radial-gradient(ellipse at 50% 55%, rgba(0,0,0,.26), transparent 62%), linear-gradient(to top, rgba(0,0,0,.32), transparent 38%); }
#bluxe-home .bx-tile__title { position:relative; z-index:2; color:#fff; font-family:"Cormorant",serif; font-weight:600; font-size:clamp(1.9rem,3.8vw,3rem); letter-spacing:.08em; text-shadow:0 2px 16px rgba(0,0,0,.55),0 1px 3px rgba(0,0,0,.4); margin:0; }
#bluxe-home .bx-tile__go { position:absolute; left:18px; right:18px; bottom:18px; z-index:2; text-align:center; color:#fff; font-size:12px; letter-spacing:.04em; text-shadow:0 1px 8px rgba(0,0,0,.6); }
/* =========================================================
+90 MARQUES — logos AGRANDIS, fond blanc
========================================================= */
#bluxe-home .bx-brands { padding-block:clamp(48px,6vw,76px); border-block:1px solid var(--line); background:#fff; }
#bluxe-home .bx-brands__title { text-align:center; font-family:"Cormorant",serif; font-size:clamp(1.4rem,2.5vw,2rem); color:var(--brun); font-style:italic; margin:0 0 36px; }
#bluxe-home .bx-brands__marquee { overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); }
#bluxe-home .bx-brands__track { display:inline-flex; align-items:center; gap:clamp(34px,3.4vw,56px); white-space:nowrap; animation:bx-marquee 36s linear infinite; }
#bluxe-home .bx-brands__logo { flex:none; display:inline-grid; place-items:center; height:96px; }
/* HAUTEUR FIXE → tous les logos marques à la même hauteur optique (retour Mendar 03/06). */
#bluxe-home .bx-brands__logo img { width:100%; height:100%; object-fit:contain; opacity:.82; transition:opacity .4s var(--ease); }
#bluxe-home .bx-brands__logo img:hover { opacity:1; }
#bluxe-home .bx-brands__cta { display:flex; justify-content:center; margin-top:36px; }
@keyframes bx-marquee { to { transform:translateX(-33.333%); } }
/* =========================================================
EXPERTISE — texte gauche + photo droite (portrait)
========================================================= */
#bluxe-home .bx-expertise__grid { display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(36px,5vw,76px); align-items:center; }
#bluxe-home .bx-expertise__content { order:1; }
#bluxe-home .bx-expertise__media { order:2; max-width:440px; margin-inline:auto; width:100%; }
#bluxe-home .bx-expertise__p { margin:20px 0 30px; font-size:1.05rem; line-height:1.7; color:#6a5f57; font-weight:300; max-width:52ch; }
/* =========================================================
COMMENT VENDRE — 3 étapes avec photos
========================================================= */
#bluxe-home .bx-sellsteps { list-style:none; margin:0; padding:0; }
#bluxe-home .bx-sellstep { display:flex; flex-direction:column; background:#fff; border:1px solid var(--line); border-radius:var(--r-md); padding:28px 26px 26px; box-shadow:var(--shadow-sm); }
#bluxe-home .bx-sellstep__head { display:flex; align-items:flex-start; gap:16px; margin-bottom:22px; min-height:118px; }
#bluxe-home .bx-sellstep__n { flex:none; font-family:"Cormorant",serif; font-style:italic; font-size:2.8rem; font-weight:600; color:var(--beige); line-height:.9; }
#bluxe-home .bx-sellstep__t { font-family:"Cormorant",serif; font-size:1.5rem; font-weight:600; color:var(--brun); margin:0 0 8px; }
#bluxe-home .bx-sellstep__p { font-size:14.5px; line-height:1.6; color:#6a5f57; font-weight:300; margin:0; }
#bluxe-home .bx-sellstep__media { margin-top:auto; border-radius:var(--r-sm); overflow:hidden; aspect-ratio:4/3; background:var(--cream2); }
#bluxe-home .bx-sellstep__media img { width:100%; height:100%; object-fit:cover; transition:transform .7s var(--ease); }
#bluxe-home .bx-sellstep:hover .bx-sellstep__media img { transform:scale(1.04); }
#bluxe-home .bx-sell__cta { display:flex; justify-content:center; margin-top:clamp(28px,4vw,44px); }
/* =========================================================
VOTRE BOUTIQUE DE RÉFÉRENCE
========================================================= */
#bluxe-home .bx-store-ref { background:var(--cream2); border-top:1px solid var(--line); }
#bluxe-home .bx-store-ref__grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(36px,5vw,76px); align-items:center; }
#bluxe-home .bx-store-ref__media { order:1; }
#bluxe-home .bx-store-ref .bx-frame--soft { aspect-ratio:3/2; }
#bluxe-home .bx-store-ref__intro { order:2; }
#bluxe-home .bx-store-ref__lede { margin:16px 0 28px; max-width:48ch; font-size:1.05rem; line-height:1.65; color:#6a5f57; font-weight:300; }
/* =========================================================
RÉASSURANCE — 4 items centrés
========================================================= */
#bluxe-home .bx-reassurance { background:var(--cream); padding-block:clamp(44px,6vw,80px); border-top:1px solid var(--line); }
#bluxe-home .bx-reassurance__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(20px,3vw,44px); }
#bluxe-home .bx-reassure { text-align:center; }
#bluxe-home .bx-reassure__ico { display:inline-grid; place-items:center; width:56px; height:56px; margin-bottom:16px; border-radius:999px; background:#fff; border:1px solid var(--line); color:var(--taupe); box-shadow:var(--shadow-sm); }
#bluxe-home .bx-reassure__ico svg { width:24px; height:24px; }
#bluxe-home .bx-reassure__t { font-family:"Cormorant",serif; font-size:1.3rem; font-weight:600; color:var(--brun); margin:0 0 8px; letter-spacing:.01em; }
#bluxe-home .bx-reassure__p { font-size:13.5px; line-height:1.6; color:#6a5f57; font-weight:300; margin:0; max-width:28ch; margin-inline:auto; }
/* =========================================================
INSTAGRAM
========================================================= */
#bluxe-home .bx-insta__feed { max-width:1280px; margin-inline:auto; padding-inline:clamp(20px,5vw,56px); }
#bluxe-home .bx-insta__feed img, #bluxe-home .bx-insta__feed .sbi_photo { border-radius:var(--r-sm); }
/* Texte de l'entête/bio Instagram (Smash Balloon) : plus de bleu liens → DA BLUXE */
#bluxe-home .bx-insta__feed .sb_instagram_header,
#bluxe-home .bx-insta__feed .sb_instagram_header *,
#bluxe-home .bx-insta__feed .sbi_header_text,
#bluxe-home .bx-insta__feed .sbi_bio,
#bluxe-home .bx-insta__feed .sbi_name,
#bluxe-home .bx-insta__feed .sbi_header_link,
#bluxe-home .bx-insta__feed h3,
#bluxe-home .bx-insta__feed a { color:var(--brun) !important; }
#bluxe-home .bx-insta__feed .sbi_bio a { text-decoration:underline; }
/* =========================================================
REVEAL
========================================================= */
#bluxe-home .reveal { opacity:0; transform:translateY(26px); transition:opacity .8s var(--ease),transform .8s var(--ease); }
#bluxe-home .reveal.is-in { opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce) {
#bluxe-home .reveal { opacity:1; transform:none; transition:none; }
#bluxe-home .bx-brands__track { animation:none; }
#bluxe-home .bx-hero__bg, #bluxe-home .bx-hero__card { animation:none !important; transform:none !important; }
}
/* =========================================================
FOOTER CUSTOM (Breakdance-free)
========================================================= */
.bx-footer { background:linear-gradient(165deg,#453c34,#2a2b30); color:rgba(255,255,255,.9); font-family:"Outfit",sans-serif; }
.bx-footer .bx-wrap { width:100%; max-width:1280px; margin-inline:auto; padding-inline:clamp(20px,5vw,56px); }
.bx-footer__top { display:grid; grid-template-columns:1.7fr 1fr 1fr 1.2fr; gap:clamp(28px,4vw,60px); padding-block:clamp(50px,6vw,80px); }
.bx-footer__logo { display:inline-block; }
.bx-footer__logo img { height:50px; width:auto; opacity:.96; }
.bx-footer__tag { margin:18px 0 22px; font-size:14px; line-height:1.65; font-weight:300; max-width:36ch; color:rgba(255,255,255,.74); }
.bx-footer__social { display:flex; gap:10px; }
.bx-footer__social a { display:grid; place-items:center; width:42px; height:42px; border-radius:999px; border:1px solid rgba(255,255,255,.28); color:#fff; transition:background .35s var(--ease),transform .35s var(--ease); }
.bx-footer__social a:hover { background:rgba(255,255,255,.14); transform:translateY(-2px); }
.bx-footer__social svg { width:19px; height:19px; }
.bx-footer__col h4 { font-family:"Outfit",sans-serif; font-size:11.5px; letter-spacing:.22em; text-transform:uppercase; color:var(--beige2); margin:0 0 18px; font-weight:600; }
.bx-footer__col a { display:block; font-size:14px; color:rgba(255,255,255,.78); text-decoration:none; padding:7px 0; font-weight:300; transition:color .3s var(--ease),padding-left .3s var(--ease); }
.bx-footer__col a:hover { color:#fff; padding-left:5px; }
.bx-footer__contact p { font-size:14px; line-height:1.65; font-weight:300; color:rgba(255,255,255,.74); margin:0 0 12px; }
.bx-footer__contact a { color:#fff; }
.bx-footer__badge { display:inline-block; margin-top:6px; font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; padding:8px 15px; border-radius:999px; border:1px solid rgba(255,255,255,.28); color:var(--beige2); }
.bx-footer__bottom { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; padding-block:24px; border-top:1px solid rgba(255,255,255,.14); font-size:12.5px; color:rgba(255,255,255,.66); }
.bx-footer__legal { display:flex; gap:22px; flex-wrap:wrap; }
.bx-footer__legal a { color:rgba(255,255,255,.66); text-decoration:none; transition:color .3s var(--ease); }
.bx-footer__legal a:hover { color:#fff; }
.bx-footer__pay { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.bx-footer__pay img { height:24px; width:auto; display:block; border-radius:4px; box-shadow:0 1px 2px rgba(0,0,0,.18); }
/* --- Crédit studio 56k (discret, règle agence) --- */
.bx-footer__credit { display:flex; justify-content:center; padding-block:2px 30px; }
.bx-footer__credit-link { display:inline-flex; align-items:center; gap:9px; text-decoration:none; font-family:"Outfit",sans-serif; font-size:11px; font-weight:300; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.34); transition:color .35s var(--ease); }
.bx-footer__credit-link:hover { color:rgba(255,255,255,.82); }
.bx-footer__credit-logo { height:13px; width:auto; display:block; position:relative; top:1px; }
/* =========================================================
INTÉGRATION PLUGINS TIERS (langue · cookies · WhatsApp)
========================================================= */
/* --- Sélecteur de langue CUSTOM (pilote GTranslate via doGTranslate) --- */
/* On masque entièrement le widget flottant GTranslate d'origine */
.gtranslate_wrapper, #gt_float_wrapper, .gt_float_switcher { display:none !important; }
.bx-lang { display:inline-flex; align-items:center; position:relative; }
.bx-lang__btn { display:inline-flex; align-items:center; gap:7px; padding:9px 12px; background:#fff; border:1px solid var(--line); border-radius:999px; color:var(--brun); font-family:"Outfit",sans-serif; font-size:13px; font-weight:500; letter-spacing:.04em; cursor:pointer; transition:border-color .3s var(--ease), box-shadow .3s var(--ease); }
.bx-lang__btn:hover { border-color:var(--taupe); }
.bx-lang__btn svg:first-child { width:17px; height:17px; color:var(--taupe); }
.bx-lang__chev { width:13px; height:13px; opacity:.6; transition:transform .3s var(--ease); }
.bx-lang.is-open .bx-lang__chev { transform:rotate(180deg); }
.bx-lang__code { line-height:1; }
.bx-lang__menu { position:absolute; top:calc(100% + 8px); right:0; left:auto; min-width:184px; margin:0; padding:8px; list-style:none; background:#fff; border:1px solid var(--line); border-radius:var(--r-sm); box-shadow:var(--shadow); z-index:50; }
.bx-lang__menu[hidden] { display:none; }
.bx-lang__menu li { margin:0; }
.bx-lang__menu button { display:flex; align-items:center; gap:10px; width:100%; padding:10px 12px; background:transparent; border:none; border-radius:10px; font-family:"Outfit",sans-serif; font-size:13.5px; color:var(--brun); text-align:left; cursor:pointer; transition:background .25s var(--ease); }
.bx-lang__menu button:hover, .bx-lang__menu button.is-active { background:var(--cream2); }
.bx-lang__menu button span { font-size:16px; line-height:1; }
/* --- Autocomplétion recherche --- */
.bx-headsearch-wrap { position:relative; }
.bx-ac { position:absolute; top:calc(100% + 8px); left:0; right:0; background:#fff; border:1px solid var(--line); border-radius:var(--r-sm); box-shadow:var(--shadow); padding:6px; z-index:50; max-height:60vh; overflow-y:auto; }
.bx-ac[hidden] { display:none; }
.bx-ac__item { display:flex; align-items:center; gap:12px; padding:9px 10px; border-radius:12px; text-decoration:none; color:var(--brun); transition:background .2s var(--ease); }
.bx-ac__item:hover, .bx-ac__item.is-active { background:var(--cream2); }
.bx-ac__item img { width:46px; height:46px; object-fit:cover; border-radius:10px; border:1px solid var(--line); background:#fff; flex:none; }
.bx-ac__name { font-family:"Cormorant",serif; font-size:1.05rem; line-height:1.2; color:var(--brun); }
.bx-ac__price { font-size:12.5px; color:var(--taupe); }
.bx-ac__all { display:block; text-align:center; padding:11px; margin-top:4px; border-top:1px solid var(--line); font-size:12.5px; letter-spacing:.04em; color:var(--taupe); text-decoration:none; }
.bx-ac__all:hover { color:var(--brun); }
.bx-ac__empty { padding:18px 10px; text-align:center; color:var(--taupe); font-size:13.5px; }
/* --- Bannière cookies Complianz, habillée DA BLUXE --- */
#cmplz-cookiebanner-container .cmplz-cookiebanner { border:1px solid var(--line) !important; border-radius:var(--r-lg) !important; background:var(--cream) !important; box-shadow:var(--shadow) !important; font-family:"Outfit",sans-serif !important; color:var(--ink) !important; padding:26px !important; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title { font-family:"Cormorant",serif !important; font-weight:600 !important; font-size:1.5rem !important; color:var(--brun) !important; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-text { color:#6a5f57 !important; font-size:13.5px !important; line-height:1.6 !important; font-weight:300 !important; }
#cmplz-cookiebanner-container .cmplz-cookiebanner a { color:var(--brun) !important; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons { gap:10px !important; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn { border-radius:999px !important; font-family:"Outfit",sans-serif !important; font-weight:500 !important; font-size:13.5px !important; padding:12px 22px !important; border:1px solid var(--line) !important; transition:background .3s,color .3s !important; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-accept,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-accept-all { background:var(--brun) !important; color:var(--cream) !important; border-color:var(--brun) !important; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover { background:#3b332c !important; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-deny,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences { background:#fff !important; color:var(--brun) !important; border:1px solid var(--line) !important; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-deny:hover,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences:hover { background:var(--cream2) !important; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category { border:1px solid var(--line) !important; border-radius:var(--r-sm) !important; background:#fff !important; }
/* --- Éléments flottants : z-index maîtrisé (sous l'overlay/tiroir panier) --- */
[id^="chaty-widget"], .chaty-widget, #chaty-widget { z-index:140 !important; }
[id^="chaty-widget"] .chaty-icon, .chaty-widget .chaty-icon { box-shadow:none !important; }
/* Tant que la bannière cookies est affichée, on masque WhatsApp (zéro cohabitation) */
body:has(#cmplz-cookiebanner-container.cmplz-show) [class*="chaty"],
body:has(.cmplz-soft-cookiewall.cmplz-show) [class*="chaty"],
body.cmplz-options-shown [class*="chaty"] { display:none !important; }
/* =========================================================
RESPONSIVE
========================================================= */
@media (max-width:1024px) {
#bluxe-home .bx-grid--4 { grid-template-columns:repeat(2,1fr); }
}
/* ---- Mobile nav (off-canvas) ---- */
@media (max-width:980px) {
.bx-burger { display:block; }
.bx-nav { position:fixed; top:0; left:0; bottom:0; width:min(86vw,360px); background:var(--cream); margin:0; z-index:10001; padding:88px 22px 30px; transform:translateX(-100%); transition:transform .4s var(--ease); overflow-y:auto; box-shadow:none; }
.bx-header.is-menu-open .bx-nav { transform:none; box-shadow:30px 0 80px -30px rgba(44,45,51,.5); }
.bx-nav__list { flex-direction:column; align-items:stretch; gap:2px; }
.bx-nav__item { border-bottom:1px solid var(--line); }
.bx-nav__link { justify-content:space-between; padding:16px 8px; font-size:16px; border-radius:0; }
.bx-nav__link .bx-chev { display:none; }
.bx-sub-toggle { display:grid; place-items:center; position:absolute; top:8px; right:0; width:48px; height:48px; background:transparent; border:none; color:var(--brun); cursor:pointer; }
.bx-sub-toggle .bx-chev { width:18px; height:18px; transition:transform .35s var(--ease); }
.bx-nav__item.is-open .bx-sub-toggle .bx-chev { transform:rotate(180deg); }
.bx-subwrap { position:static; transform:none; opacity:1; visibility:visible; pointer-events:auto; min-width:0; padding-top:0; max-height:0; overflow:hidden; transition:max-height .4s var(--ease); }
.bx-nav__item.is-open .bx-subwrap { max-height:420px; }
.bx-sub { box-shadow:none; border:none; background:transparent; padding:0 0 10px; }
.bx-sub a { padding:11px 8px 11px 18px; font-size:14.5px; color:var(--taupe); }
/* Étage 1 compacté : burger + recherche(icône) | logo | panier */
.bx-header__top { gap:8px; }
.bx-headsearch { display:none; }
.bx-header__side .bx-search-trigger--mobile { display:inline-grid; }
.bx-sell-btn { display:none; }
/* Sélecteur de langue compact (icône globe seule) */
.bx-lang__btn { padding:9px; }
.bx-lang__code, .bx-lang__chev { display:none; }
.bx-logo img { height:42px; }
/* Étage 2 : la nav devient off-canvas → la barre se replie.
backdrop-filter retiré : sinon il crée un containing-block qui piège le .bx-nav fixed. */
.bx-header__navrow { border:none; background:transparent; backdrop-filter:none; -webkit-backdrop-filter:none; }
.bx-header__navrow .bx-wrap { padding:0; display:block; }
/* Item "Vendre un article" visible uniquement dans le menu mobile */
.bx-nav__item--mobile { display:block; }
.bx-nav__item--mobile .bx-nav__link { color:var(--brun); font-weight:500; }
}
@media (min-width:981px) { .bx-sub-toggle { display:none; } }
@media (max-width:860px) {
#bluxe-home .bx-expertise__grid, #bluxe-home .bx-store-ref__grid { grid-template-columns:1fr; }
#bluxe-home .bx-expertise__media { order:-1; max-width:340px; }
#bluxe-home .bx-store-ref__media { order:-1; }
#bluxe-home .bx-grid--3 { grid-template-columns:1fr; }
#bluxe-home .bx-head { flex-direction:column; align-items:flex-start; }
#bluxe-home .bx-head--center { align-items:center; }
#bluxe-home .bx-sellstep__head { min-height:0; }
.bx-footer__top { grid-template-columns:1fr 1fr; }
.bx-footer__brand { grid-column:1 / -1; }
}
@media (max-width:680px) {
#bluxe-home .bx-tiles { grid-template-columns:1fr; }
#bluxe-home .bx-hero__title { font-size:clamp(2.5rem,12vw,3.4rem); }
#bluxe-home .bx-hero__actions { flex-wrap:wrap; }
#bluxe-home .bx-hero__actions .bx-btn { flex:1 1 100%; justify-content:center; font-size:14px; padding:13px 18px; }
#bluxe-home .bx-brands__logo, #bluxe-home .bx-brands__logo img { height:66px; max-height:66px; }
#bluxe-home .bx-reassurance__grid { grid-template-columns:repeat(2,1fr); gap:30px; }
.bx-iconbtn--hide-sm { display:none; }
}
@media (max-width:480px) {
#bluxe-home .bx-grid--4 { grid-template-columns:repeat(2,1fr); gap:12px; }
#bluxe-home .bx-reassurance__grid { grid-template-columns:1fr; }
#bluxe-home .bx-hero__card { padding:26px 22px; }
.bx-footer__top { grid-template-columns:1fr; }
.bx-footer__bottom { flex-direction:column; align-items:flex-start; }
}
/* Switcher devise (header) — aligné sur le sélecteur de langue */
/* Devise — dropdown custom, strictement aligné sur .bx-lang */
.bx-curr { display:inline-flex; align-items:center; position:relative; }
.bx-curr__btn { display:inline-flex; align-items:center; gap:7px; padding:9px 12px; background:#fff; border:1px solid var(--line); border-radius:999px; color:var(--brun); font-family:"Outfit",sans-serif; font-size:13px; font-weight:500; letter-spacing:.04em; cursor:pointer; transition:border-color .3s var(--ease), box-shadow .3s var(--ease); }
.bx-curr__btn:hover { border-color:var(--taupe); }
.bx-curr__chev { width:13px; height:13px; opacity:.6; transition:transform .3s var(--ease); flex:none; pointer-events:none; }
.bx-curr.is-open .bx-curr__chev { transform:rotate(180deg); }
.bx-curr__code { line-height:1; }
.bx-curr__menu { position:absolute; top:calc(100% + 8px); right:0; left:auto; min-width:184px; margin:0; padding:8px; list-style:none; background:#fff; border:1px solid var(--line); border-radius:var(--r-sm); box-shadow:var(--shadow); z-index:50; }
.bx-curr__menu[hidden] { display:none; }
.bx-curr__menu li { margin:0; }
.bx-curr__menu button { display:flex; align-items:center; gap:10px; width:100%; padding:10px 12px; background:transparent; border:none; border-radius:10px; font-family:"Outfit",sans-serif; font-size:13.5px; color:var(--brun); text-align:left; cursor:pointer; transition:background .25s var(--ease); }
.bx-curr__menu button:hover, .bx-curr__menu button.is-active { background:var(--cream2); }
.bx-curr__menu button span { font-weight:600; font-size:12px; letter-spacing:.06em; min-width:34px; color:var(--taupe); }
/* =========================================================
WISHLIST — cœur (icône = bouton, zéro chrome) — partout
========================================================= */
:root { --wish:#a5564a; }
.bx-wish { display:inline-flex; align-items:center; justify-content:center; gap:9px; background:none; border:0; padding:0; margin:0; cursor:pointer; color:var(--brun); -webkit-tap-highlight-color:transparent; line-height:0; }
.bx-wish__ico { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.6; transition:transform .25s cubic-bezier(.22,1,.36,1), fill .2s ease, stroke .2s ease; }
.bx-wish.is-active { color:var(--wish); }
.bx-wish.is-active .bx-wish__ico { fill:var(--wish); stroke:var(--wish); }
.bx-wish:hover .bx-wish__ico { transform:scale(1.1); }
.bx-wish:focus-visible { outline:2px solid var(--wish); outline-offset:3px; border-radius:6px; }
@keyframes bxheart { 0%{transform:scale(1)} 30%{transform:scale(1.35)} 55%{transform:scale(.9)} 100%{transform:scale(1)} }
.bx-wish.bx-anim .bx-wish__ico { animation:bxheart .45s cubic-bezier(.22,1,.36,1); }
/* Sur les cartes : cœur épuré en overlay coin haut-droit (pas de pastille) */
.bx-card { position:relative; }
.bx-wish--card { position:absolute; top:10px; right:12px; z-index:4; width:34px; height:34px; }
.bx-wish--card .bx-wish__ico { width:23px; height:23px; filter:drop-shadow(0 1px 2px rgba(255,255,255,.95)) drop-shadow(0 1px 3px rgba(75,64,56,.25)); }
.bx-wish--card:not(.is-active) { color:#4b4038; opacity:.78; }
.bx-card:hover .bx-wish--card:not(.is-active) { opacity:1; }
/* Header : compteur favoris */
.bx-wishlink { position:relative; }
.bx-wishlink__count { position:absolute; top:-6px; right:-6px; min-width:16px; height:16px; padding:0 4px; border-radius:999px; background:var(--wish); color:#fff; font-family:"Outfit",sans-serif; font-size:10px; line-height:16px; text-align:center; font-weight:600; }
.bx-wishlink__count.is-empty { display:none; }
/* =========================================================
HEADER — fusion Langue + Devise en un contrôle unique épuré
(sans bordure) + bouton « Vendre un article » plus compact.
(56k — retour Mendar 03/06)
========================================================= */
.bx-prefs { display:inline-flex; align-items:center; gap:0; border-radius:999px; transition:background .3s var(--ease); }
.bx-prefs:hover { background:var(--cream2); }
.bx-prefs .bx-lang { }
.bx-prefs .bx-lang__btn { border:none !important; background:transparent !important; box-shadow:none !important; padding:8px 8px 8px 10px; gap:6px; }
.bx-prefs .bx-lang__btn:hover { border:none !important; }
.bx-prefs .bx-curr::before { content:""; width:1px; height:14px; background:var(--line); align-self:center; flex:none; } /* divider fin FR | CHF */
.bx-prefs .bx-curr__btn { border:none !important; background:transparent !important; box-shadow:none !important; padding:8px 8px 8px 12px; gap:6px; }
.bx-prefs .bx-curr__btn:hover { border:none !important; }
.bx-prefs .bx-lang__code, .bx-prefs .bx-curr__code { font-size:13px; }
.bx-sell-btn { padding:9px 18px !important; font-size:13px !important; }
@media (max-width:980px){ .bx-prefs { display:none; } } /* header mobile épuré : langue/devise masquées (évite le chevauchement logo) */
/* =========================================================
FLOTTANTS — WhatsApp (Chaty) + bouton cookies (Complianz)
Retour Mendar 03/06 : WhatsApp « horrible » + superposé au toggle cookies.
→ On sépare : WhatsApp en bas-DROITE (restylé sobre), cookies en bas-GAUCHE.
========================================================= */
/* WhatsApp : bulle plus fine, vert profond (au lieu du néon #49E670), ombre soignée */
.chaty-widget.right-position { right:22px !important; bottom:24px !important; }
.chaty-widget .chaty-whatsapp-channel,
.chaty-widget .chaty-link.chaty-whatsapp-channel {
width:52px !important; height:52px !important; border-radius:999px !important;
/* Plus d'anneau blanc (rendait un halo gris « cassé » sur fond clair).
Ombre portée douce unique + fin liseré vert pour détacher proprement. */
box-shadow:0 10px 24px -10px rgba(31,122,77,.42), 0 2px 8px -2px rgba(40,28,20,.28) !important;
transition:transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease !important;
overflow:hidden !important;
}
.chaty-widget .chaty-whatsapp-channel:hover { transform:translateY(-3px) !important; box-shadow:0 16px 30px -10px rgba(31,122,77,.5), 0 2px 8px -2px rgba(40,28,20,.3) !important; }
.chaty-widget .chaty-svg svg { width:52px !important; height:52px !important; display:block !important; }
.chaty-widget .chaty-whatsapp-channel .color-element { fill:#1f7a4d !important; } /* vert sapin sobre, lisible mais luxe */
/* Le glyphe (téléphone) reste blanc franc, le cercle ne déborde pas de l'ancre. */
.chaty-widget .chaty-whatsapp-channel svg > path { fill:#fff !important; }
/* Bouton « Gérer le consentement » Complianz : déplacé en bas-gauche + pilule discrète */
.cmplz-manage-consent.manage-consent-1,
button.cmplz-manage-consent {
left:20px !important; right:auto !important; bottom:20px !important;
width:auto !important; min-height:0 !important; height:auto !important;
padding:9px 15px !important; border-radius:999px !important;
background:rgba(255,255,255,.92) !important; color:var(--brun,#4b4038) !important;
border:1px solid var(--line,#e6ded7) !important;
font-family:"Outfit",sans-serif !important; font-size:12px !important; font-weight:500 !important; letter-spacing:.03em !important;
box-shadow:0 8px 22px -10px rgba(40,28,20,.3) !important;
backdrop-filter:blur(6px) !important; -webkit-backdrop-filter:blur(6px) !important;
transition:border-color .3s ease, transform .3s ease !important;
}
button.cmplz-manage-consent:hover { border-color:var(--taupe,#927a73) !important; transform:translateY(-1px) !important; }
@media (max-width:600px){
.chaty-widget.right-position { right:16px !important; bottom:18px !important; }
.chaty-widget .chaty-whatsapp-channel { width:48px !important; height:48px !important; }
.chaty-widget .chaty-svg svg { width:48px !important; height:48px !important; }
button.cmplz-manage-consent { left:14px !important; bottom:14px !important; font-size:11px !important; padding:8px 12px !important; }
}
/* ===== Etat "Vendu" (rupture de stock) — badge grille produits (v2 raffiné) ===== */
.bx-card.is-sold .bx-card__img { filter:grayscale(100%) contrast(.97); opacity:.8; }
.bx-card.is-sold:hover .bx-card__img { transform:none; }
.bx-card.is-sold .bx-card__media::after { content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(180deg,rgba(43,38,33,.05),rgba(43,38,33,.18)); }
.bx-card__sold { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:4; pointer-events:none;
display:inline-flex; align-items:center; gap:9px;
font-family:"Outfit",system-ui,sans-serif; font-size:10.5px; font-weight:600; letter-spacing:.30em; text-transform:uppercase;
color:var(--brun); background:rgba(250,247,245,.84); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px);
padding:9px 18px; border:1px solid rgba(75,64,56,.20); border-radius:999px; white-space:nowrap; line-height:1;
box-shadow:0 10px 30px rgba(43,38,33,.18); }
.bx-card__sold::before, .bx-card__sold::after { content:""; width:13px; height:1px; background:rgba(75,64,56,.5); flex:none; }
/* === Grille produit unifiée (cohérence home/boutique/suggestions) — 4/3/2 === */
#bluxe-home .bx-grid--4 { grid-template-columns:repeat(4,1fr); }
@media (max-width:1024px){ #bluxe-home .bx-grid--4 { grid-template-columns:repeat(3,1fr); } }
@media (max-width:600px){ #bluxe-home .bx-grid--4 { grid-template-columns:repeat(2,1fr); gap:12px; } }
#bluxe-home .bx-card__body { padding:10px 18px 18px; }
/* === Logos normalisés (encre uniforme + taille optique homogène) — strip + tuiles === */
/* Strip "+90 marques" : boîte uniforme, assets déjà cadrés/équilibrés */
#bluxe-home .bx-brands__logo { width:clamp(132px,13.5vw,188px); height:104px; }
@media (max-width:680px){ #bluxe-home .bx-brands__logo { width:clamp(104px,30vw,138px); height:72px; } }
/* Tuiles "Notre sélection" : fond clair monochrome + GRAND logo foncé (contraste) */
#bluxe-home .bx-tile__media img { mix-blend-mode:multiply; opacity:.5; filter:grayscale(.15) brightness(1.06); }
#bluxe-home .bx-tile::after { background:radial-gradient(ellipse at 50% 42%, rgba(255,255,255,.32), transparent 60%); }
#bluxe-home .bx-tile__media::after { background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(38,31,26,.06)); }
#bluxe-home .bx-tile__logo { position:relative; z-index:2; width:84%; height:auto; max-width:84%; max-height:58%; object-fit:contain; filter:none; drop-shadow:none; }
#bluxe-home .bx-tile__go { color:var(--brun); text-shadow:0 1px 8px rgba(255,255,255,.7); }
/* Anti mots-isolés — équilibrage des lignes de titres (demande Mendar 06/06) */
#bluxe-home .bx-h2, #bluxe-home .bx-hero__title, #bluxe-home .bx-tile__title, #bluxe-home .bx-head h2 { text-wrap:balance; }
/* ============================================================
TIROIR PANIER — fix chevauchement vignette / titre / prix
(retour Mendar 12/06 — capture : titre et prix collés à gauche,
la vignette absolue se posait par-dessus la ligne de prix « 00.00 »)
Un style Woo/Breakdance par defaut ecrasait le padding-left du .
On reforce le gabarit avec une specificite + !important.
============================================================ */
.bx-cart-drawer ul.woocommerce-mini-cart li.woocommerce-mini-cart-item,
.bx-cart-drawer ul.product_list_widget li.mini_cart_item,
.bx-cart-drawer li.woocommerce-mini-cart-item {
position:relative !important;
display:block !important;
min-height:62px;
padding:18px 34px 18px 78px !important;
margin:0 !important;
}
.bx-cart-drawer li.woocommerce-mini-cart-item img,
.bx-cart-drawer .woocommerce-mini-cart-item img {
position:absolute !important; left:0 !important; top:18px !important;
width:62px !important; height:62px !important;
margin:0 !important; padding:0 !important; float:none !important;
object-fit:cover; border-radius:var(--r-sm); border:1px solid var(--line);
}
.bx-cart-drawer .woocommerce-mini-cart-item > a:not(.remove) { padding:0 !important; margin:0 !important; }
.bx-cart-drawer .woocommerce-mini-cart-item .quantity { padding-left:0 !important; margin-left:0 !important; }
.bx-cart-drawer .woocommerce-mini-cart-item a.remove,
.bx-cart-drawer li.woocommerce-mini-cart-item a.remove { left:auto !important; right:0 !important; }
/* ===== Sélecteur de pays unifié (langue + devise) — borderless ===== */
.bx-country { position:relative; display:inline-flex; align-items:center; }
.bx-country__btn { display:inline-flex; align-items:center; gap:8px; padding:8px 10px; background:transparent; border:none; border-radius:999px; color:var(--brun); font-family:"Outfit",sans-serif; font-size:13px; font-weight:500; letter-spacing:.03em; cursor:pointer; transition:background .25s var(--ease); }
.bx-country__btn:hover { background:var(--cream2); }
.bx-country__flag { font-size:17px; line-height:1; }
.bx-country__name { line-height:1; white-space:nowrap; }
.bx-country__chev { width:13px; height:13px; opacity:.55; transition:transform .3s var(--ease); flex:none; pointer-events:none; }
.bx-country.is-open .bx-country__chev { transform:rotate(180deg); }
.bx-country__menu { position:absolute; top:calc(100% + 8px); right:0; left:auto; min-width:238px; margin:0; padding:8px; list-style:none; background:#fff; border:1px solid var(--line); border-radius:var(--r-sm); box-shadow:var(--shadow); z-index:60; }
.bx-country__menu[hidden] { display:none; }
.bx-country__menu li { margin:0; }
.bx-country__menu button { display:flex; align-items:center; gap:11px; width:100%; padding:9px 11px; background:transparent; border:none; border-radius:10px; color:var(--brun); text-align:left; cursor:pointer; transition:background .22s var(--ease); }
.bx-country__menu button:hover, .bx-country__menu button.is-active { background:var(--cream2); }
.bx-country__f { font-size:19px; line-height:1; flex:none; }
.bx-country__t { display:flex; flex-direction:column; gap:2px; }
.bx-country__l { font-family:"Outfit",sans-serif; font-size:13.5px; font-weight:500; line-height:1.1; }
.bx-country__m { font-family:"Outfit",sans-serif; font-size:11px; letter-spacing:.04em; color:var(--taupe); line-height:1.1; }
@media (max-width:980px){ .bx-country { display:none; } }
/* Bouton « Vendre un article » — padding réduit (demande Mendar) */
.bx-sell-btn { padding:8px 15px !important; font-size:12.5px !important; letter-spacing:.04em; }
/* ===== Navigation — passe éditoriale DA BLUXE ===== */
@media (min-width:981px){
.bx-nav__list { gap:12px; padding:6px 0; }
.bx-nav__link { position:relative; padding:16px 16px; font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--brun); border-radius:0; background:transparent !important; transition:color .3s var(--ease); }
.bx-nav__link::after { content:""; position:absolute; left:16px; right:16px; bottom:8px; height:1px; background:#c9a24a; transform:scaleX(0); transform-origin:center; opacity:0; transition:transform .4s var(--ease), opacity .4s var(--ease); }
.bx-nav__link:hover { color:#1f1b17; background:transparent !important; }
.bx-nav__item:hover > .bx-nav__link::after,
.bx-nav__item.bx-has-sub:focus-within > .bx-nav__link::after,
.bx-nav__item.is-current > .bx-nav__link::after { transform:scaleX(1); opacity:1; }
.bx-nav__link .bx-chev { width:12px; height:12px; opacity:.55; }
/* Dropdown raffiné : filet or en tête, type ajustée */
.bx-subwrap { padding-top:14px; }
.bx-sub { padding:14px; border-top:2px solid #c9a24a; border-radius:0 0 var(--r-md) var(--r-md); }
.bx-sub a { font-size:13.5px; letter-spacing:.02em; }
.bx-sub a:hover { background:var(--cream2); padding-left:22px; }
.bx-sub__all a { letter-spacing:.12em; text-transform:uppercase; font-size:11.5px; }
}
/* Mobile : liens éditoriaux serif + « Vendre un article » en vrai CTA */
@media (max-width:980px){
.bx-nav { padding:84px 22px 36px; }
.bx-nav__link { font-family:"Cormorant",serif; font-size:22px; font-weight:600; letter-spacing:.005em; padding:16px 6px; color:var(--brun); }
.bx-nav__item--mobile { border-bottom:none; margin-top:20px; }
.bx-nav__item--mobile .bx-nav__link { justify-content:center; background:var(--brun); color:#fff; border-radius:999px; font-family:"Outfit",sans-serif; font-size:13.5px; font-weight:500; letter-spacing:.08em; text-transform:uppercase; padding:15px 22px; }
.bx-nav__item--mobile .bx-nav__link:hover { background:#3a322c; color:#fff; }
}
/* Pied de menu mobile (compte, contact, social, mention Genève) */
.bx-nav__foot { display:none; }
@media (max-width:980px){
.bx-nav__foot { display:flex; flex-direction:column; gap:14px; margin-top:30px; padding-top:26px; border-top:1px solid var(--line); }
.bx-nav__foot-link { font-family:"Outfit",sans-serif; font-size:14px; letter-spacing:.04em; color:var(--brun); text-decoration:none; }
.bx-nav__foot-mail { font-family:"Cormorant",serif; font-size:18px; color:var(--taupe); text-decoration:none; }
.bx-nav__foot-social { display:flex; gap:12px; margin-top:2px; }
.bx-nav__foot-social a { width:38px; height:38px; display:grid; place-items:center; border:1px solid var(--line); border-radius:999px; color:var(--brun); }
.bx-nav__foot-social svg { width:18px; height:18px; }
.bx-nav__foot-note { font-family:"Outfit",sans-serif; font-size:11px; letter-spacing:.07em; text-transform:uppercase; color:var(--taupe); margin-top:6px; }
}
/* =========================================================
FEEDBACK CLIENT 06/2026 — bandeaux, cartes survol/swipe, alignement
(dans home.css = charge sur TOUTES les pages, contrairement a pages.css)
========================================================= */
.bx-topbar{ background:var(--brun); color:var(--cream); font-family:"Outfit",sans-serif; }
.bx-topbar__in{ display:flex; align-items:center; justify-content:center; gap:16px; padding:8px 16px; flex-wrap:wrap; }
.bx-topbar__i{ display:inline-flex; align-items:center; gap:7px; font-size:12px; letter-spacing:.04em; line-height:1; }
.bx-topbar__i svg{ width:15px; height:15px; flex:none; opacity:.92; }
.bx-topbar__i strong{ font-weight:600; }
.bx-topbar__sep{ opacity:.4; }
/* --- Topbar carrousel : un message a la fois, fondu auto --- */
.bx-topbar__in--rotate{ position:relative; flex-wrap:nowrap; gap:0; min-height:20px; padding:15px 16px; overflow:hidden; }
.bx-topbar__in--rotate .bx-topbar__sep{ display:none; }
.bx-topbar__in--rotate .bx-topbar__i{
position:absolute; left:16px; right:16px; top:50%;
justify-content:center; white-space:nowrap;
opacity:0; transform:translateY(-50%) translateY(4px);
animation:bxTopCycle 18s infinite;
}
.bx-topbar__in--rotate .bx-topbar__i:nth-child(1){ animation-delay:0s; }
.bx-topbar__in--rotate .bx-topbar__i:nth-child(2){ animation-delay:4.5s; }
.bx-topbar__in--rotate .bx-topbar__i:nth-child(3){ animation-delay:9s; }
.bx-topbar__in--rotate .bx-topbar__i:nth-child(4){ animation-delay:13.5s; }
@keyframes bxTopCycle{
0% { opacity:0; transform:translateY(-50%) translateY(4px); }
2.5% { opacity:1; transform:translateY(-50%) translateY(0); }
22% { opacity:1; transform:translateY(-50%) translateY(0); }
25% { opacity:0; transform:translateY(-50%) translateY(-4px); }
100% { opacity:0; }
}
@media (max-width:640px){
.bx-topbar__in--rotate{ min-height:16px; }
.bx-topbar__in--rotate .bx-topbar__i{ font-size:11.5px; left:12px; right:12px; letter-spacing:.03em; }
}
@media (prefers-reduced-motion: reduce){
.bx-topbar__in--rotate .bx-topbar__i{ animation:none; }
.bx-topbar__in--rotate .bx-topbar__i:nth-child(1){ opacity:1; transform:translateY(-50%); }
}
.bx-prod-pay{ margin-top:18px; padding-top:18px; border-top:1px solid var(--line); display:flex; flex-direction:column; gap:12px; }
.bx-prod-pay__ship{ display:flex; align-items:center; gap:10px; color:var(--brun); font-family:"Outfit",sans-serif; font-size:14px; margin:0; }
.bx-prod-pay__ship svg{ width:22px; height:22px; flex:none; color:var(--taupe); }
.bx-prod-pay__ship strong{ font-weight:600; }
.bx-prod-pay__methods{ display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
.bx-prod-pay__methods img{ height:24px; width:auto; }
.bx-card__imgs{ position:relative; width:100%; height:100%; }
.bx-card__imgs .bx-card__img{ width:100%; height:100%; object-fit:cover; object-position:center; }
@media (hover:hover) and (pointer:fine){
.bx-card__imgs{ display:block; }
.bx-card__imgs .bx-card__img{ position:absolute; inset:0; transition:opacity .55s var(--ease), transform .7s var(--ease); }
.bx-card__img--main{ opacity:1; z-index:1; }
.bx-card__img--extra{ opacity:0; z-index:0; }
.bx-card__img--extra:not(.is-2nd){ display:none; }
.bx-card:hover .bx-card__img--main{ opacity:0; }
.bx-card:hover .bx-card__img--extra.is-2nd{ opacity:1; z-index:2; }
}
@media (hover:none),(pointer:coarse){
.bx-card__imgs{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
.bx-card__imgs::-webkit-scrollbar{ display:none; }
.bx-card__imgs .bx-card__img{ position:static; min-width:100%; flex:0 0 100%; scroll-snap-align:center; opacity:1; }
}
#bluxe-home .bx-card__title,.bx-page .bx-card__title,.bx-shop .bx-card__title,.bx-suggest .bx-card__title{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
#bluxe-home .bx-card__prices,.bx-page .bx-card__prices,.bx-shop .bx-card__prices,.bx-suggest .bx-card__prices{ margin-top:auto; }
/* =========================================================
CARTES PRODUITS — affinage CRO (23/06)
1) CTA "Ajouter au panier" tenu sur UNE ligne partout
2) Prix de vente plus saillant + ancre valeur lisible
3) Mobile 2-col : corps compacté, CTA centré qui rentre
========================================================= */
/* CTA : jamais 2 lignes (label + flèche nowrap, tailles ajustées). Tous contextes (home/boutique/suggestions/AJAX). */
.bx-card__cta.bx-btn--soft{ white-space:nowrap; gap:9px; padding:11px 15px 11px 18px; font-size:13px; }
.bx-card__cta.bx-btn--soft > span:first-child{ min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bx-card__cta.bx-btn--soft .bx-btn__ico{ flex:0 0 auto; width:26px; height:26px; }
/* Prix actif renforcé (hiérarchie d'achat) + ancre "valeur boutique" un cran plus discrète. */
#bluxe-home .bx-card__price,.bx-page .bx-card__price,.bx-shop .bx-card__price,.bx-suggest .bx-card__price{ font-size:17px; letter-spacing:.01em; }
#bluxe-home .bx-card__retail,.bx-page .bx-card__retail,.bx-shop .bx-card__retail,.bx-suggest .bx-card__retail{ font-size:11px; line-height:1.3; }
/* Mobile : cartes 2-col étroites → corps compacté + CTA centré, label COMPLET sur une ligne (flèche retirée pour libérer la place, pas de troncature). */
@media (max-width:600px){
#bluxe-home .bx-card__body,.bx-page .bx-card__body,.bx-shop .bx-card__body,.bx-suggest .bx-card__body{ padding-left:13px; padding-right:13px; }
.bx-card__cta.bx-btn--soft{ justify-content:center; gap:0; padding:10px 10px; font-size:12.5px; letter-spacing:.02em; }
.bx-card__cta.bx-btn--soft .bx-btn__ico{ display:none; }
.bx-card__cta.bx-btn--soft > span:first-child{ overflow:visible; text-overflow:clip; }
}
/* Harmonisation logo Hermes (retour client Mendar 09/07) : le wordmark HERMES PARIS
paraissait plus petit que CHANEL/Dior (embleme attelage qui reduit le texte).
Agrandissement optique de la SEULE carte Hermes. Reversible : retirer ce bloc. */
#bluxe-home .bx-tile--hermes .bx-tile__logo { transform: scale(1.06); transform-origin: center; }
/* ============================================================
HERO CENTRÉ — réf client Carole (09/07). Compo centrée sur la
photo mur de sacs, voile sombre, texte blanc + accent doré clair,
boutons du design system (bouton principal BLANC, retour Mendar).
Réversible : retirer ce bloc + restaurer l'ancien markup .bx-hero__card.
============================================================ */
#bluxe-home .bx-hero--centered { align-items:center; }
#bluxe-home .bx-hero--centered .bx-hero__veil { position:absolute; inset:0; z-index:1; pointer-events:none;
background:
radial-gradient(56% 60% at 50% 44%, rgba(18,14,10,.70) 0%, rgba(18,14,10,.50) 46%, rgba(18,14,10,.18) 74%, rgba(18,14,10,0) 100%),
linear-gradient(to bottom, rgba(18,14,10,0) 40%, rgba(18,14,10,.30) 78%, rgba(18,14,10,.46) 100%); }
#bluxe-home .bx-hero--centered .bx-hero__inner { justify-content:center; padding-bottom:0; }
#bluxe-home .bx-hero__center { max-width:880px; margin:0 auto; text-align:center; display:flex; flex-direction:column; align-items:center; }
#bluxe-home .bx-hero__center .bx-hero__badge { font-family:"Outfit",sans-serif; font-weight:600; font-size:12.5px; letter-spacing:.30em; text-transform:uppercase; color:rgba(255,255,255,.82); margin-bottom:22px; text-shadow:0 1px 12px rgba(0,0,0,.5); }
#bluxe-home .bx-hero--centered .bx-hero__title { color:#fff; font-size:clamp(2.9rem,6.4vw,5.5rem); line-height:1.03; letter-spacing:-.015em; margin:0 0 20px; text-shadow:0 2px 30px rgba(0,0,0,.55),0 1px 4px rgba(0,0,0,.4); }
#bluxe-home .bx-hero--centered .bx-hero__title em { font-style:italic; font-weight:500; color:#e7c88b; }
#bluxe-home .bx-hero--centered .bx-hero__lede { color:#fff; font-family:"Outfit",sans-serif; font-weight:400; font-size:clamp(16px,1.5vw,20px); line-height:1.55; max-width:560px; margin:0 auto 32px; text-shadow:0 1px 18px rgba(0,0,0,.75); }
#bluxe-home .bx-hero--centered .bx-hero__actions { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin:0; }
/* Bouton principal BLANC (retour Mendar) */
.bx-btn--white { background:#fff; color:var(--brun); box-shadow:var(--shadow-sm); border-color:transparent; }
.bx-btn--white .bx-btn__ico { background:var(--brun); color:#fff; }
.bx-btn--white:hover { background:#f3ede4; }
/* Ghost clair sur photo (Vendre une pièce) */
.bx-btn--ghost-light { color:#fff; border-color:rgba(255,255,255,.7); background:transparent; }
.bx-btn--ghost-light:hover { background:rgba(255,255,255,.14); border-color:#fff; }
/* Rangée de réassurances */
#bluxe-home .bx-hero__reassure { list-style:none; display:flex; gap:52px; justify-content:center; flex-wrap:wrap; margin:40px 0 0; padding:20px 30px 0; border-top:1px solid rgba(255,255,255,.22); }
#bluxe-home .bx-hero__reassure li { display:flex; align-items:center; gap:11px; }
#bluxe-home .bx-hero__reassure-ico { width:38px; height:38px; border-radius:50%; border:1px solid rgba(255,255,255,.55); display:inline-flex; align-items:center; justify-content:center; color:#e7c88b; font-size:15px; flex:none; }
#bluxe-home .bx-hero__reassure-txt { display:flex; flex-direction:column; text-align:left; }
#bluxe-home .bx-hero__reassure-txt strong { font-family:"Outfit",sans-serif; font-weight:600; font-size:12.5px; letter-spacing:.05em; text-transform:uppercase; color:#fff; text-shadow:0 1px 14px rgba(0,0,0,.8); }
#bluxe-home .bx-hero__reassure-txt span { font-family:"Outfit",sans-serif; font-size:12px; color:rgba(255,255,255,.8); text-shadow:0 1px 14px rgba(0,0,0,.8); }
@media (max-width:600px){
#bluxe-home .bx-hero__reassure { flex-direction:column; gap:18px; align-items:flex-start; width:100%; max-width:320px; margin-inline:auto; padding-left:0; padding-right:0; }
}