/* ===== BURO — Page vitrine marque (clair premium + consolidation, 05/07/2026) ===== */
.bmk{--bg1:#fbfbfd;--bg2:#eef0f3;--ink:#1d1d1f;--sub:#6e6e73;--acc:#1d1d1f;--accink:#fff;--glow:rgba(0,0,0,.10);color:var(--ink);}

/* HERO clair */
.bmk-hero{position:relative;min-height:82vh;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;background:var(--bg1);}
.bmk-hero-bg{position:absolute;inset:-8% -4%;z-index:0;will-change:transform;
  background:radial-gradient(120% 92% at 50% -8%,var(--bg2) 0%,var(--bg1) 60%);}
.bmk-hero-glow{position:absolute;left:50%;top:38%;width:min(84vw,660px);height:min(84vw,660px);
  transform:translate(-50%,-50%);z-index:0;pointer-events:none;will-change:transform;
  background:radial-gradient(circle,var(--glow) 0%,transparent 66%);filter:blur(10px);}
.bmk-float{position:absolute;z-index:2;border-radius:22px;overflow:hidden;background:#fff;
  box-shadow:0 22px 50px -18px rgba(20,22,30,.22),0 0 0 1px rgba(20,22,30,.05);
  will-change:transform;animation:bmkfloat 7s ease-in-out infinite;aspect-ratio:1;}
.bmk-float img{width:100%;height:100%;object-fit:contain;padding:12px;display:block;}
.bmk-float:nth-child(3){animation-delay:.5s}.bmk-float:nth-child(4){animation-delay:1s}.bmk-float:nth-child(5){animation-delay:1.5s}
@keyframes bmkfloat{0%,100%{translate:0 0}50%{translate:0 -13px}}
.bmk-hero-core{position:relative;z-index:5;text-align:center;padding:0 22px;will-change:transform;}
.bmk-word{display:block;font:800 15px/1 'Inter',sans-serif;letter-spacing:.42em;color:var(--acc);margin-bottom:18px;text-transform:uppercase;}
.bmk-apple{display:block;width:46px;height:46px;margin:0 auto 18px;background:var(--ink);
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path d='M318 268c-1-58 47-86 49-87-27-39-68-45-83-45-35-4-68 21-86 21s-45-20-74-20c-38 1-73 22-93 56-40 69-10 171 28 227 19 27 41 58 70 57 28-1 39-18 73-18s44 18 74 17c31 0 50-28 68-55 22-31 31-61 31-63-1 0-59-23-60-90zM262 84c15-19 26-45 23-71-22 1-49 15-65 34-14 16-27 43-24 68 25 2 50-13 66-31z'/></svg>") center/contain no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path d='M318 268c-1-58 47-86 49-87-27-39-68-45-83-45-35-4-68 21-86 21s-45-20-74-20c-38 1-73 22-93 56-40 69-10 171 28 227 19 27 41 58 70 57 28-1 39-18 73-18s44 18 74 17c31 0 50-28 68-55 22-31 31-61 31-63-1 0-59-23-60-90zM262 84c15-19 26-45 23-71-22 1-49 15-65 34-14 16-27 43-24 68 25 2 50-13 66-31z'/></svg>") center/contain no-repeat;}
/* Typo façon Apple : San Francisco natif sur Mac/iOS, repli propre ailleurs. */
.bmk-hero-core{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI","Inter",sans-serif;}
.bmk-hero-core h1{margin:0;}
/* Lockup : "Apple  chez  [logo BURO]" — logo calibré sur la hauteur de capitale du mot. */
.bmk-lockup{display:inline-flex;align-items:center;justify-content:center;gap:clamp(14px,2.6vw,26px);flex-wrap:nowrap;line-height:1;}
.bmk-lk-brand{font:600 clamp(36px,7vw,76px)/1 inherit;letter-spacing:-.022em;color:var(--ink);}
.bmk-lk-chez{font:300 clamp(19px,3vw,30px)/1 inherit;color:var(--sub);letter-spacing:.01em;}
.bmk-lk-logo{height:clamp(28px,4.4vw,48px)!important;width:auto!important;max-width:none!important;
  display:block;filter:brightness(0) saturate(0) opacity(.92);align-self:center;position:relative;top:.04em;}
@media(max-width:520px){ .bmk-lockup{flex-wrap:wrap;gap:8px 14px;} }
/* Tagline en 2 niveaux : accroche marque + twist local. */
.bmk-tag{display:flex;flex-direction:column;align-items:center;gap:3px;margin:20px auto 24px;max-width:44ch;}
.bmk-tag .t1{font:600 clamp(17px,2.6vw,23px)/1.25 inherit;color:var(--ink);letter-spacing:-.01em;}
.bmk-tag .t2{font:italic 500 clamp(14px,2.1vw,18px)/1.3 inherit;color:var(--sub);}
.bmk-chips{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin-bottom:28px;}
.bmk-chips span{background:rgba(255,255,255,.72);border:1px solid rgba(20,22,30,.09);border-radius:999px;
  padding:9px 17px;font:600 13px/1 inherit;color:var(--ink);white-space:nowrap;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 10px -6px rgba(20,22,30,.2);}
/* Sécurité : neutralise tout style de prix hérité à l'intérieur des chips (fini les "3 bulles"). */
.bmk-chips span *,.bmk-chips .woocommerce-Price-amount,.bmk-chips bdi,.bmk-chips .woocommerce-Price-currencySymbol{
  background:none!important;border:0!important;padding:0!important;margin:0!important;border-radius:0!important;
  box-shadow:none!important;color:inherit!important;font:inherit!important;}
.bmk-cta{display:inline-block;background:var(--acc);color:var(--accink);font:800 15px/1 'Inter',sans-serif;
  padding:15px 30px;border-radius:999px;text-decoration:none;box-shadow:0 16px 30px -14px var(--glow);
  transition:transform .18s ease,box-shadow .22s ease,opacity .15s;}
.bmk-cta:hover{transform:translateY(-3px);opacity:.92;color:var(--accink);}
.bmk-scrollhint{position:absolute;left:50%;bottom:22px;width:24px;height:38px;border:2px solid rgba(20,22,30,.22);
  border-radius:14px;transform:translateX(-50%);z-index:5;}
.bmk-scrollhint::after{content:"";position:absolute;left:50%;top:7px;width:4px;height:8px;border-radius:2px;
  background:var(--ink);transform:translateX(-50%);animation:bmkscroll 1.7s ease-in-out infinite;}
@keyframes bmkscroll{0%{opacity:0;top:7px}40%{opacity:1}80%{opacity:0;top:18px}100%{opacity:0}}

/* BANDE RÉASSURANCE */
.bmk-trust{background:var(--ink);color:#fff;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 34px;padding:15px 22px;font:600 13.5px/1.4 'Inter',sans-serif;opacity:.96;}
.bmk-trust b{font-weight:800;}
.bmk-trust div{display:flex;align-items:center;gap:7px;}

/* GAMME */
#bmk-gamme{padding:24px 22px 64px;}
.bmk-fam{margin-top:36px;}
.bmk-fam-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 16px;flex-wrap:wrap;}
.bmk-fam-head h2{font:800 clamp(21px,3.4vw,30px)/1.15 'Inter',sans-serif;color:#15151f;margin:0;letter-spacing:-.01em;}
.bmk-fam-head h2 em{font-style:normal;font-weight:400;color:#a8a29a;}
.bmk-fam-all{font:700 13px/1 'Inter',sans-serif;color:var(--acc);text-decoration:none;white-space:nowrap;}
.bmk-fam-all:hover{text-decoration:underline;}

/* GRILLE + CARTES FAMILLE consolidées */
.bmk-famgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.buro-famcard{display:flex;flex-direction:column;background:#fff;border:1px solid #ececec;border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .25s ease,border-color .2s;}
.buro-famcard:hover{transform:translateY(-4px);box-shadow:0 26px 46px -24px rgba(20,22,30,.4);border-color:#e0dccf;}
.bfc-imgw{position:relative;background:linear-gradient(180deg,#fafafa,#f1f1f4);aspect-ratio:1;display:flex;align-items:center;justify-content:center;}
.bfc-imgw img{width:80%;height:80%;object-fit:contain;transition:transform .3s ease;}
.buro-famcard:hover .bfc-imgw img{transform:scale(1.05);}
.bfc-count{position:absolute;top:10px;left:10px;background:rgba(20,22,30,.86);color:#fff;font:800 10px/1 'Inter',sans-serif;letter-spacing:.04em;padding:5px 10px;border-radius:999px;}
.bfc-body{padding:13px 15px 15px;display:flex;flex-direction:column;gap:6px;}
.bfc-name{font:800 15.5px/1.2 'Inter',sans-serif;color:#15151f;}
.bfc-tiers{font:600 11.5px/1.3 'Inter',sans-serif;color:#8a8172;}
.bfc-cols{display:flex;align-items:center;gap:5px;margin-top:1px;}
.bfc-cols i{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(0,0,0,.10);}
.bfc-cols em{font:700 11px/1 'Inter',sans-serif;color:#a8a29a;font-style:normal;margin-left:2px;}
.bfc-price{margin-top:4px;font:400 13px/1 'Inter',sans-serif;color:#6e6e73;}
.bfc-price b{font-weight:800;color:var(--acc);font-size:16px;}
.bfc-price bdi{color:var(--acc);}

/* ===== TIMELINE (gammes iPhone, plus récent en haut) ===== */
.bmk-tl-sec{margin-top:40px;}
.bmk-timeline{position:relative;margin:8px 0 0;padding-left:0;}
.bmk-timeline::before{content:"";position:absolute;left:76px;top:14px;bottom:14px;width:3px;
  background:linear-gradient(180deg,var(--acc),rgba(20,22,30,.12) 92%,transparent);border-radius:3px;}
.bmk-tl-item{position:relative;padding:0 0 26px 118px;min-height:40px;}
.bmk-tl-node{position:absolute;left:56px;top:8px;width:44px;height:44px;border-radius:50%;
  background:#fff;border:3px solid var(--acc);display:flex;align-items:center;justify-content:center;z-index:2;
  box-shadow:0 6px 16px -6px var(--glow);}
.bmk-tl-node span{font:800 13px/1 'Inter',sans-serif;color:var(--ink);letter-spacing:-.02em;}
.bmk-tl-item.is-new .bmk-tl-node{box-shadow:0 0 0 6px color-mix(in srgb,var(--acc) 16%,transparent),0 6px 16px -6px var(--glow);}
.bmk-tl-card{display:grid;grid-template-columns:160px 1fr;gap:20px;align-items:center;background:#fff;
  border:1px solid #ececec;border-radius:20px;padding:16px 22px 16px 16px;text-decoration:none;color:inherit;
  transition:transform .2s ease,box-shadow .28s ease,border-color .2s;}
.bmk-tl-card:hover{transform:translateY(-3px);box-shadow:0 30px 50px -26px rgba(20,22,30,.42);border-color:#e0dccf;}
.bmk-tl-img{aspect-ratio:1;border-radius:14px;background:linear-gradient(180deg,#fafafa,#f1f1f4);
  display:flex;align-items:center;justify-content:center;overflow:hidden;}
.bmk-tl-img img{width:82%;height:82%;object-fit:contain;transition:transform .3s ease;}
.bmk-tl-card:hover .bmk-tl-img img{transform:scale(1.06);}
.bmk-tl-info{min-width:0;}
.bmk-tl-new{display:inline-block;background:var(--acc);color:var(--accink);font:800 10.5px/1 'Inter',sans-serif;
  letter-spacing:.03em;padding:5px 11px;border-radius:999px;margin-bottom:8px;}
.bmk-tl-info h3{font:800 clamp(19px,2.6vw,26px)/1.1 'Inter',sans-serif;color:#15151f;margin:0 0 9px;letter-spacing:-.02em;}
.bmk-tl-tiers{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:9px;}
.bmk-tl-tiers span{font:700 11.5px/1 'Inter',sans-serif;color:#4c443a;background:#f4f1ea;border:1px solid #ece7dd;
  border-radius:999px;padding:5px 11px;}
.bmk-tl-cols{display:flex;align-items:center;gap:6px;margin-bottom:12px;}
.bmk-tl-cols i{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(0,0,0,.10);}
.bmk-tl-cols em{font:700 11px/1 'Inter',sans-serif;color:#a8a29a;font-style:normal;margin-left:2px;}
.bmk-tl-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.bmk-tl-price{font:400 13px/1.3 'Inter',sans-serif;color:#6e6e73;}
.bmk-tl-price b{font-weight:800;color:var(--acc);font-size:17px;}
.bmk-tl-price bdi{color:var(--acc);}
.bmk-tl-go{font:800 13px/1 'Inter',sans-serif;color:var(--acc);white-space:nowrap;}
@media(max-width:640px){
  .bmk-timeline::before{left:20px;}
  .bmk-tl-item{padding-left:52px;}
  .bmk-tl-node{left:0;width:40px;height:40px;top:6px;}
  .bmk-tl-card{grid-template-columns:96px 1fr;gap:13px;padding:12px 14px;border-radius:16px;}
  .bmk-tl-info h3{font-size:18px;}
}

/* REVEAL */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,.61,.36,1);}
.reveal.in{opacity:1;transform:none;}

@media(max-width:1099px){ .bmk-famgrid{grid-template-columns:repeat(3,1fr);} }
@media(max-width:767px){ .bmk-famgrid{grid-template-columns:repeat(2,1fr);gap:12px;} .bmk-hero{min-height:74vh;} .bmk-float:nth-child(4),.bmk-float:nth-child(5){display:none;} .bmk-trust{gap:6px 18px;font-size:12px;padding:13px 14px;} }
@media(prefers-reduced-motion:reduce){ .bmk-float,.bmk-scrollhint::after{animation:none;} .reveal{opacity:1;transform:none;transition:none;} }

/* =========================================================
   INTRO co-marque + GRILLE DE TUILES (façon apple.com/fr)
   Typo San Francisco native, titres GROS & GRAS.
   ========================================================= */
.bmk-intro{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI","Inter",sans-serif;
  text-align:center;background:var(--bg1);padding:clamp(30px,4.5vw,52px) 20px clamp(10px,1.6vw,16px);}
.bmk-intro .bmk-apple{width:clamp(34px,3.4vw,42px);height:clamp(34px,3.4vw,42px);margin:0 auto 16px;}
.bmk-intro-h{display:inline-flex;align-items:baseline;justify-content:center;gap:.34em;margin:0;line-height:1;}
.bmk-intro-h .bi-brand{font:700 clamp(30px,5vw,54px)/1 inherit;letter-spacing:-.024em;color:var(--ink);}
.bmk-intro-h .bi-chez{font:300 clamp(17px,2.4vw,26px)/1 inherit;color:var(--sub);}
.bmk-intro-h .bi-logo{height:clamp(24px,3.2vw,38px)!important;width:auto!important;max-width:none!important;
  display:inline-block;filter:brightness(0) saturate(0) opacity(.9);align-self:center;position:relative;top:.02em;}
.bmk-intro-sub{margin:14px 0 0;font:500 clamp(13px,1.9vw,16.5px)/1.4 inherit;color:var(--sub);letter-spacing:.005em;}

.bmk-tiles{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI","Inter",sans-serif;
  display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:1180px;margin:0 auto;padding:14px 16px 10px;}
.bmk-tile{position:relative;grid-column:span 1;min-height:clamp(360px,50vw,440px);border-radius:24px;overflow:hidden;
  background:#f5f5f7 center/cover no-repeat;display:flex;justify-content:center;isolation:isolate;
  box-shadow:inset 0 0 0 1px rgba(20,22,30,.05);transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s;}
.bmk-tile.is-wide{grid-column:1/-1;min-height:clamp(430px,40vw,560px);}
.bmk-tile:hover{transform:translateY(-5px);box-shadow:inset 0 0 0 1px rgba(20,22,30,.05),0 34px 60px -30px rgba(20,22,30,.42);}
/* Voile clair en haut pour la lisibilité du texte sombre. */
.bmk-tile::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(248,249,250,.92) 0%,rgba(248,249,250,.55) 22%,rgba(248,249,250,0) 44%);}
.bmk-tile.txt-light::before{background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.16) 24%,transparent 46%);}
.bmk-tile.is-promo{background:linear-gradient(135deg,#f5f5f7 0%,#e7e9ee 60%,#dfe2ea 100%);}
.bmk-tile.is-promo::before{display:none;}
.bmk-tile-txt{position:relative;z-index:2;text-align:center;padding:clamp(28px,4vw,52px) 22px 0;max-width:94%;}
.bmk-tile-title{font:700 clamp(30px,5.2vw,56px)/1.02 inherit;letter-spacing:-.03em;color:#1d1d1f;margin:0;
  text-wrap:balance;}
.bmk-tile.txt-light .bmk-tile-title{color:#fff;}
.bmk-tile-sub{font:500 clamp(15px,2.05vw,21px)/1.28 inherit;color:#1d1d1f;margin:9px 0 0;letter-spacing:-.01em;}
.bmk-tile.txt-light .bmk-tile-sub{color:#f5f5f7;}
.bmk-tile-links{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-top:15px;}
.bmk-tile-links a{font:500 clamp(15px,2vw,19px)/1 inherit;color:#0066cc;text-decoration:none;
  display:inline-flex;align-items:center;transition:opacity .15s;}
.bmk-tile-links a:hover{text-decoration:underline;opacity:.85;color:#0066cc;}
.bmk-tile.txt-light .bmk-tile-links a{color:#2997ff;}
.bmk-tile.is-promo .bmk-tile-title,.bmk-tile.is-promo .bmk-tile-sub{color:#1d1d1f;}
@media(max-width:767px){
  .bmk-tiles{grid-template-columns:1fr;gap:12px;padding:10px 12px;}
  .bmk-tile,.bmk-tile.is-wide{grid-column:1/-1;min-height:clamp(340px,86vw,420px);}
  .bmk-intro-h{flex-wrap:wrap;gap:.2em .34em;}
}