/* ══════════════════════════════════════════════════════════════════════
   sb-pack-v2.css — landing pack Sanabee (feuille unique)
   Remplace sb-pack.css + sb-pack-plus.css. Tokens : --sb-* de sanabee.css.

   Système :
   · Rayons   : cartes 28px · blocs internes 18px · champs 16px · boutons pilule
   · Accent   : miel uniquement ; violet réservé au texte et aux pastilles
   · Verre    : approximation web du « Liquid Glass » d'Apple (backdrop-filter
                + liseré lumineux + ombre teintée violet). Pas un style officiel.
                Chaque surface en verre est posée sur une lueur miel, sinon le
                flou ne produit rien.
   ══════════════════════════════════════════════════════════════════════ */

.pk{
  --pk-miel:  var(--sb-miel,#EBA921);
  --pk-miel2: #F7CB5C;
  --pk-deep:  var(--sb-miel-deep,#A86E05);
  --pk-dim:   var(--sb-miel-dim,rgba(235,169,33,.14));
  --pk-ink:   var(--sb-violet,#2A1B33);
  --pk-txt2:  var(--sb-txt2,#5B5163);
  --pk-txt3:  var(--sb-txt3,#8D8494);
  --pk-ok:    #3F7A1F;
  --pk-bad:   var(--sb-danger,#C8352B);
  --pk-ease:  var(--sb-ease,cubic-bezier(.22,1,.36,1));
  --pk-r:     28px;

  --pk-glass: linear-gradient(150deg,rgba(255,255,255,.68),rgba(255,253,248,.38));
  --pk-glass-line: rgba(255,255,255,.66);
  --pk-glass-sh:
    inset 0 1px 0 rgba(255,255,255,.94),
    inset 0 -1px 0 rgba(42,27,51,.05),
    0 2px 6px rgba(42,27,51,.05),
    0 26px 60px rgba(42,27,51,.13);

  color:var(--pk-ink);
  overflow-x:clip;
}
.pk *,.pk *::before,.pk *::after{box-sizing:border-box}
.pk img{max-width:100%;display:block}

/* Surface en verre réutilisable */
.pk-glass,
.pk-form,.pk-ship,.pk-acc-item,.pk-guarantee,.pk-why-list li,.pk-steps li,
.pk-cta-in,.pk-sticky,.pk-lab-media figcaption,.pk-car-btn{
  background:var(--pk-glass);
  -webkit-backdrop-filter:blur(24px) saturate(185%);
          backdrop-filter:blur(24px) saturate(185%);
  border:1px solid var(--pk-glass-line);
  box-shadow:var(--pk-glass-sh);
}
@media(prefers-reduced-transparency:reduce){
  .pk-form,.pk-ship,.pk-acc-item,.pk-guarantee,.pk-why-list li,.pk-steps li,
  .pk-cta-in,.pk-sticky,.pkx-card,.pk-lab-media figcaption,.pk-car-btn{
    background:#FFFDF8;-webkit-backdrop-filter:none;backdrop-filter:none;
  }
}

/* ── Structure ─────────────────────────────────────────────────────── */
.pk-wrap{width:100%;max-width:1180px;margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}
.pk-sec{position:relative;padding-block:clamp(56px,8vw,104px)}

/* Lueurs miel partagées : la matière que le verre floute */
.pk-sec::before,.pk-order::before,.pk-hero::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(38% 42% at 92% 12%,color-mix(in srgb,var(--pk-miel) 22%,transparent),transparent 70%),
    radial-gradient(34% 40% at 6% 88%, color-mix(in srgb,var(--pk-miel) 14%,transparent),transparent 70%);
}
.pk-sec,.pk-order,.pk-hero{isolation:isolate}

.pk-head{text-align:center;max-width:620px;margin:0 auto clamp(28px,4vw,44px)}
.pk-head h2{
  font-size:clamp(1.65rem,3.6vw,2.5rem);line-height:1.25;letter-spacing:-.02em;
  font-weight:900;margin:0 0 10px;color:var(--pk-ink);
}
.pk-head p{margin:0;color:var(--pk-txt2);font-size:clamp(.95rem,1.6vw,1.05rem);line-height:1.8}
.pk-head-start{text-align:start;margin-inline:0}

.pk-eyebrow{
  display:inline-flex;align-items:center;gap:7px;margin-bottom:14px;
  padding:7px 14px;border-radius:999px;font-size:.8rem;font-weight:800;
  color:var(--pk-deep);background:var(--pk-dim);
}

.pk-num{font-variant-numeric:tabular-nums;unicode-bidi:isolate}
.pk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ── Boutons ───────────────────────────────────────────────────────── */
.pk-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;padding:0 26px;border-radius:999px;border:0;cursor:pointer;
  font-family:inherit;font-weight:900;font-size:1rem;text-decoration:none;white-space:nowrap;
  transition:transform 240ms var(--pk-ease),box-shadow 240ms var(--pk-ease),background 240ms var(--pk-ease);
  -webkit-tap-highlight-color:transparent;
}
.pk-btn:active{transform:scale(.98)}
.pk-btn:focus-visible{outline:3px solid var(--pk-ink);outline-offset:3px}
.pk-btn-lg{min-height:60px;padding:0 32px;font-size:1.08rem}

.pk-btn-main{
  color:var(--pk-ink);
  background:linear-gradient(180deg,var(--pk-miel2) 0%,var(--pk-miel) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 10px 26px color-mix(in srgb,var(--pk-miel) 45%,transparent);
}
@media(hover:hover) and (pointer:fine){
  .pk-btn-main:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 16px 34px color-mix(in srgb,var(--pk-miel) 55%,transparent)}
}
.pk-btn-ink{
  color:#FFF8E8;background:var(--pk-ink);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 14px 30px rgba(42,27,51,.30);
}
@media(hover:hover) and (pointer:fine){
  .pk-btn-ink:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 20px 40px rgba(42,27,51,.36)}
}
.pk-btn-ink:focus-visible{outline-color:#fff}

/* ══ HERO ══════════════════════════════════════════════════════════ */
.pk-hero{position:relative;padding-block:clamp(20px,4vw,56px) clamp(40px,6vw,72px)}
.pk-hero-grid{display:grid;gap:clamp(24px,4vw,56px);align-items:center}
@media(min-width:960px){.pk-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}}
@media(max-width:959px){.pk-hero-media{order:-1}}

.pk-badge{
  display:inline-flex;align-items:center;padding:8px 16px;border-radius:999px;
  font-size:.82rem;font-weight:900;color:var(--pk-miel2);background:var(--pk-ink);
  box-shadow:0 8px 18px rgba(42,27,51,.18);
}
.pk-hero-title{
  margin:16px 0 12px;font-size:clamp(2rem,4.8vw,3.3rem);line-height:1.15;
  letter-spacing:-.025em;font-weight:900;color:var(--pk-ink);
}
.pk-hero-sub{margin:0 0 22px;max-width:52ch;font-size:clamp(.98rem,1.6vw,1.08rem);line-height:1.9;color:var(--pk-txt2)}

.pk-price{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:22px}
.pk-price strong{font-size:clamp(2.1rem,4.4vw,2.9rem);font-weight:900;line-height:1;letter-spacing:-.02em}
.pk-price strong small{font-size:.5em;font-weight:800;margin-inline-start:2px}
.pk-price-old s{font-size:1.1rem;font-weight:700;color:var(--pk-txt3);text-decoration-thickness:1.5px}
.pk-save{
  padding:8px 14px;border-radius:999px;font-size:.88rem;font-weight:900;
  color:var(--pk-miel2);background:var(--pk-ink);
}

.pk-ship{
  display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:22px;max-width:460px;
}
.pk-ship-ico{
  flex-shrink:0;width:48px;height:48px;border-radius:16px;display:grid;place-items:center;
  color:var(--pk-deep);background:linear-gradient(145deg,#fff,var(--pk-dim));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pk-miel) 30%,transparent);
}
.pk-ship b{display:block;font-size:1rem;font-weight:900}
.pk-ship small{display:block;margin-top:2px;font-size:.84rem;color:var(--pk-txt2)}

.pk-hero-frame{
  position:relative;margin:0;border-radius:32px;overflow:hidden;aspect-ratio:1/1;
  background:#fff;
  box-shadow:0 0 0 1px rgba(42,27,51,.06),0 4px 10px rgba(42,27,51,.05),0 40px 80px rgba(42,27,51,.16);
}
.pk-hero-frame img{width:100%;height:100%;object-fit:cover;transition:opacity 300ms var(--pk-ease)}
.pk-hero-frame img.is-swap{opacity:0}
.pk-hero-count{
  position:absolute;bottom:14px;inset-inline-start:14px;display:inline-flex;align-items:center;gap:7px;
  padding:9px 14px;border-radius:999px;font-size:.84rem;font-weight:800;color:var(--pk-ink);
  background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);
  border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 1px 0 #fff,0 8px 20px rgba(42,27,51,.14);
}
.pk-thumbs{display:flex;gap:10px;margin-top:14px;overflow-x:auto;padding:4px 2px;scrollbar-width:none}
.pk-thumbs::-webkit-scrollbar{display:none}
.pk-thumb{
  flex:none;width:68px;height:68px;padding:0;border:0;border-radius:18px;overflow:hidden;cursor:pointer;
  background:#fff;opacity:.62;box-shadow:0 0 0 1px rgba(42,27,51,.1);
  transition:opacity 220ms var(--pk-ease),box-shadow 220ms var(--pk-ease),transform 220ms var(--pk-ease);
}
.pk-thumb img{width:100%;height:100%;object-fit:cover}
.pk-thumb.is-on{opacity:1;box-shadow:0 0 0 2.5px var(--pk-miel)}
@media(hover:hover){.pk-thumb:hover{opacity:1;transform:translateY(-2px)}}

/* ══ COMMANDE ══════════════════════════════════════════════════════ */
.pk-order{position:relative;padding-block:clamp(48px,7vw,96px);scroll-margin-top:90px}
.pk-form{
  max-width:680px;margin-inline:auto;border-radius:var(--pk-r);
  padding:clamp(18px,3.4vw,36px);display:grid;gap:clamp(18px,2.6vw,26px);
}

.pk-grp{border:0;margin:0;padding:0;min-width:0;display:grid;gap:16px}
.pk-grp + .pk-grp{padding-top:clamp(18px,2.6vw,26px);border-top:1px solid rgba(42,27,51,.08)}
.pk-grp-h{
  display:flex;align-items:center;gap:10px;padding:0;margin:0 0 2px;
  font-size:1.08rem;font-weight:900;color:var(--pk-ink);
}
.pk-grp-n{
  width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  font-size:.86rem;font-weight:900;color:var(--pk-miel2);background:var(--pk-ink);
}

.pk-field{display:grid;gap:8px;min-width:0}
.pk-field > label,.pk-label{font-size:.92rem;font-weight:800;color:var(--pk-ink)}
.pk-opt{font-weight:600;color:var(--pk-txt3)}
.pk-row2{display:grid;gap:16px}
@media(min-width:560px){.pk-row2{grid-template-columns:1fr 1fr}}

.pk-input{
  position:relative;display:flex;align-items:center;gap:10px;
  min-height:56px;padding:0 16px;border-radius:16px;
  background:rgba(255,255,255,.78);
  border:1.5px solid rgba(42,27,51,.12);
  box-shadow:inset 0 1px 2px rgba(42,27,51,.04);
  transition:border-color 200ms var(--pk-ease),box-shadow 200ms var(--pk-ease),background 200ms var(--pk-ease);
}
.pk-input > svg{flex-shrink:0;color:var(--pk-txt3);transition:color 200ms}
.pk-input input,.pk-input select{
  flex:1;min-width:0;height:54px;border:0;outline:0;background:transparent;
  font-family:inherit;font-size:1rem;font-weight:700;color:var(--pk-ink);
}
.pk-input input::placeholder{color:#9A92A0;font-weight:500}
.pk-input input[dir=ltr]{text-align:right}
.pk-input:focus-within{
  background:#fff;border-color:var(--pk-miel);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--pk-miel) 22%,transparent);
}
.pk-input:focus-within > svg{color:var(--pk-deep)}
.pk-select select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-inline-end:4px}
.pk-select select:disabled{cursor:not-allowed;color:var(--pk-txt3)}
.pk-select > svg{order:2;pointer-events:none}
.pk-select:has(select:disabled){background:rgba(255,255,255,.45)}

.pk-help{margin:0;font-size:.82rem;color:var(--pk-txt2)}
.pk-err{margin:0;font-size:.84rem;font-weight:700;color:var(--pk-bad);min-height:0}
.pk-err:empty{display:none}
.pk-field.is-bad .pk-input{border-color:var(--pk-bad);box-shadow:0 0 0 4px rgba(200,53,43,.12)}
.pk-field.is-bad .pk-help{display:none}
.pk-err-global{text-align:center;padding:12px 14px;border-radius:14px;background:rgba(200,53,43,.08)}
.pk-err-global:empty{display:none}

/* Modes de livraison */
.pk-modes-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pk-mode{
  position:relative;display:flex;align-items:center;gap:12px;
  min-height:72px;padding:12px 14px;border-radius:18px;cursor:pointer;
  background:rgba(255,255,255,.7);border:1.5px solid rgba(42,27,51,.1);
  transition:border-color 220ms var(--pk-ease),background 220ms var(--pk-ease),box-shadow 220ms var(--pk-ease),transform 220ms var(--pk-ease);
}
.pk-mode input{position:absolute;opacity:0;pointer-events:none}
.pk-mode-ico{
  flex-shrink:0;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;
  color:var(--pk-txt2);background:rgba(42,27,51,.05);transition:all 220ms var(--pk-ease);
}
.pk-mode-txt{flex:1;min-width:0}
.pk-mode-txt b{display:block;font-size:.95rem;font-weight:900;line-height:1.3}
.pk-mode-txt small{display:block;margin-top:3px;font-size:.82rem;font-weight:800;color:var(--pk-txt2)}
.pk-mode-txt small.is-free{color:var(--pk-ok)}
.pk-mode-dot{
  position:absolute;top:10px;inset-inline-end:10px;width:18px;height:18px;border-radius:50%;
  border:1.5px solid rgba(42,27,51,.2);background:#fff;transition:all 220ms var(--pk-ease);
}
.pk-mode:has(input:checked){
  background:linear-gradient(145deg,#FFFBEF,#FFF3D2);border-color:var(--pk-miel);
  box-shadow:0 10px 24px color-mix(in srgb,var(--pk-miel) 22%,transparent);
}
.pk-mode:has(input:checked) .pk-mode-ico{color:var(--pk-ink);background:var(--pk-miel)}
.pk-mode:has(input:checked) .pk-mode-dot{border:5px solid var(--pk-ink)}
.pk-mode:has(input:focus-visible){outline:3px solid var(--pk-ink);outline-offset:2px}
.pk-mode.is-off{opacity:.45;pointer-events:none;filter:grayscale(1)}
@media(max-width:420px){
  .pk-mode{min-height:68px;padding:10px;gap:9px}
  .pk-mode-ico{width:36px;height:36px;border-radius:12px}
  .pk-mode-txt b{font-size:.88rem}
}
.pk-note{margin:0;padding:10px 14px;border-radius:14px;font-size:.84rem;font-weight:700;color:var(--pk-deep);background:var(--pk-dim)}

/* Quantité + remise */
.pk-qtybox{
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding:14px 16px;border-radius:20px;
  background:rgba(255,255,255,.72);border:1.5px solid rgba(42,27,51,.08);
}
.pk-qtybox-txt b{display:block;font-size:1rem;font-weight:900}
.pk-qtybox-txt small{
  display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:5px 11px;border-radius:999px;
  font-size:.8rem;font-weight:800;color:var(--pk-ok);background:rgba(63,122,31,.1);
}
.pk-qtybox-txt small s{color:var(--pk-txt3);font-weight:700}
.pk-qty{
  display:flex;align-items:center;gap:4px;padding:5px;border-radius:999px;
  background:var(--pk-ink);box-shadow:0 10px 22px rgba(42,27,51,.22);
}
.pk-qty button{
  width:42px;height:42px;border:0;border-radius:50%;cursor:pointer;display:grid;place-items:center;
  color:#fff;background:rgba(255,255,255,.1);transition:background 180ms,transform 180ms;
}
.pk-qty button:active{transform:scale(.92)}
.pk-qty button:disabled{opacity:.35;cursor:not-allowed}
@media(hover:hover){.pk-qty button:not(:disabled):hover{background:var(--pk-miel);color:var(--pk-ink)}}
.pk-qty output{min-width:38px;text-align:center;font-size:1.2rem;font-weight:900;color:#fff}
.pk-qty output.is-bump{animation:pk-bump 320ms var(--pk-ease)}
@keyframes pk-bump{40%{transform:scale(1.28)}}

/* Reçu */
.pk-lines{margin:0;display:grid;gap:10px;padding:16px 4px 4px;border-top:1.5px dashed rgba(42,27,51,.16)}
.pk-lines > div{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.pk-lines dt{font-size:.93rem;font-weight:700;color:var(--pk-txt2);display:inline-flex;align-items:center;gap:6px;min-width:0}
.pk-lines dd{margin:0;font-weight:800;color:var(--pk-ink);white-space:nowrap}
.pk-lines-x{padding:2px 8px;border-radius:999px;font-size:.78rem;font-weight:900;color:#fff;background:var(--pk-ink)}
.pk-lines-save dt,.pk-lines-save dd{color:var(--pk-ok)}
.pk-lines-save dd{font-weight:900}
.pk-lines .is-free{color:var(--pk-ok);font-weight:900}
.pk-lines-total{margin-top:4px;padding-top:12px;border-top:1px solid rgba(42,27,51,.08)}
.pk-lines-total dt{font-size:1.02rem;font-weight:900;color:var(--pk-ink)}
.pk-lines-total dd{font-size:clamp(1.6rem,4vw,2rem);font-weight:900;letter-spacing:-.02em;line-height:1}
.pk-lines [data-pk-total].is-bump,.pk-sticky [data-pk-total].is-bump{animation:pk-bump 360ms var(--pk-ease)}

.pk-pay{
  display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;
  background:linear-gradient(145deg,#FFFBEF,#FFF3D2);border:1.5px solid color-mix(in srgb,var(--pk-miel) 55%,transparent);
}
.pk-pay-ico{flex-shrink:0;color:var(--pk-deep)}
.pk-pay b{display:block;font-weight:900}
.pk-pay small{display:block;margin-top:2px;font-size:.84rem;color:var(--pk-txt2)}
.pk-pay > span:nth-child(2){flex:1}
.pk-pay-dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:var(--pk-ink);background:var(--pk-miel)}

.pk-submit{width:100%;justify-content:space-between;padding-inline:26px 10px}
.pk-submit > span{flex:1;text-align:start}
.pk-submit-total{
  padding:10px 16px;border-radius:999px;font-size:.98rem;
  background:rgba(255,255,255,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.pk-submit.is-loading{pointer-events:none;opacity:.8}
.pk-submit.is-loading > svg{animation:pk-spin .9s linear infinite}
@keyframes pk-spin{to{transform:rotate(360deg)}}

.pk-terms{margin:-6px 0 0;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;text-align:center;font-size:.82rem;color:var(--pk-txt2)}
.pk-terms a{color:var(--pk-ink);font-weight:800;text-decoration:underline;text-underline-offset:3px}

/* ══ CONTENU DU PACK (ticket) ═══════════════════════════════════════ */
.pkx{position:relative;isolation:isolate;max-width:720px;margin:0 auto}
.pkx::before{
  content:"";position:absolute;inset:-8% -6%;z-index:-1;pointer-events:none;filter:blur(6px);
  background:
    radial-gradient(55% 50% at 88% 8%, color-mix(in srgb,var(--pk-miel) 42%,transparent),transparent 72%),
    radial-gradient(50% 55% at 8% 92%, color-mix(in srgb,var(--pk-miel) 26%,transparent),transparent 72%);
}
.pkx-card{
  border-radius:30px;padding:clamp(18px,3.2vw,32px);
  background:var(--pk-glass);-webkit-backdrop-filter:blur(26px) saturate(190%);backdrop-filter:blur(26px) saturate(190%);
  border:1px solid var(--pk-glass-line);box-shadow:var(--pk-glass-sh);
}
.pkx-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.pkx-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;font-size:.8rem;font-weight:800;color:var(--pk-deep);background:var(--pk-dim)}
.pkx-count{font-size:.86rem;color:var(--pk-txt2);font-weight:700}
.pkx-count b{color:var(--pk-ink);font-size:1.05rem;font-weight:900}
.pkx-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pkx-row{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;
  padding:13px 14px 13px 16px;border-radius:20px;
  background:rgba(255,255,255,.6);border:1px solid rgba(42,27,51,.06);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 1px 2px rgba(42,27,51,.04);
  transition:transform 380ms var(--pk-ease),box-shadow 380ms var(--pk-ease),background 380ms var(--pk-ease);
}
@media(hover:hover) and (pointer:fine){
  .pkx-row:hover{transform:translateY(-2px);background:rgba(255,255,255,.85);box-shadow:inset 0 1px 0 #fff,0 12px 28px rgba(42,27,51,.1)}
}
.pkx-ico{
  width:46px;height:46px;border-radius:15px;display:grid;place-items:center;color:var(--pk-deep);
  background:linear-gradient(145deg,#fff,var(--pk-dim));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pk-miel) 32%,transparent),0 4px 10px color-mix(in srgb,var(--pk-miel) 14%,transparent);
}
.pkx-name{min-width:0}
.pkx-name b{display:block;font-size:1.02rem;font-weight:800;line-height:1.45}
.pkx-name small{display:block;margin-top:2px;font-size:.8rem;line-height:1.55;color:var(--pk-txt2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pkx-qty{min-width:46px;padding:7px 12px;border-radius:999px;text-align:center;font-size:.92rem;font-weight:900;direction:ltr;color:#fff;background:var(--pk-ink);box-shadow:0 6px 14px rgba(42,27,51,.18)}
.pkx-gift{
  position:relative;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;
  margin-top:14px;padding:16px 18px;border-radius:22px;color:var(--pk-ink);
  background:linear-gradient(135deg,var(--pk-miel) 0%,var(--pk-miel2) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 14px 32px color-mix(in srgb,var(--pk-miel) 32%,transparent);
}
.pkx-gift::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translateX(120%)}
.pkx.is-in .pkx-gift::after{animation:pkx-shine 1.4s .6s var(--pk-ease) both}
@keyframes pkx-shine{to{transform:translateX(-120%)}}
.pkx-gift-ico{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.pkx-gift-body b{display:block;font-size:1rem;font-weight:900;margin-bottom:8px}
.pkx-gift-body ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pkx-gift-body li{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:.85rem;font-weight:800;background:rgba(255,255,255,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.pkx-bill{margin:18px 0 0;padding-top:18px;border-top:1.5px dashed rgba(42,27,51,.18);display:grid;gap:10px}
.pkx-bill > div{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.pkx-bill dt{font-size:.92rem;color:var(--pk-txt2);font-weight:700;display:inline-flex;align-items:center;gap:6px}
.pkx-bill dd{margin:0;font-weight:800}
.pkx-bill s{color:var(--pk-txt3);font-weight:700;text-decoration-thickness:1.5px}
.pkx-bill-total dt{color:var(--pk-ink);font-size:1rem;font-weight:900}
.pkx-bill-total dd{font-size:clamp(1.5rem,3.4vw,1.9rem);font-weight:900;letter-spacing:-.02em;line-height:1}
.pkx-bill-total dd small{font-size:.55em;font-weight:800}
.pkx-bill-save{margin-top:4px;padding:10px 14px;border-radius:14px;background:rgba(63,122,31,.1)}
.pkx-bill-save dt,.pkx-bill-save dd{color:var(--pk-ok)}
.pkx-bill-save dd{font-weight:900}
.pkx-anim .pkx-row,.pkx-anim .pkx-gift{opacity:0;transform:translateY(12px)}
.pkx-anim.is-in .pkx-row,.pkx-anim.is-in .pkx-gift{opacity:1;transform:none;transition:opacity 560ms var(--pk-ease),transform 560ms var(--pk-ease);transition-delay:calc(var(--i,0) * 70ms)}
@media(max-width:560px){
  .pkx-card{border-radius:24px;padding:16px}
  .pkx-row{gap:12px;padding:12px}
  .pkx-ico{width:40px;height:40px;border-radius:13px}
  .pkx-name b{font-size:.95rem}
  .pkx-qty{min-width:40px;padding:6px 10px;font-size:.85rem}
}

/* ══ RAPPEL D'ACTION (bande) ═══════════════════════════════════════ */
.pk-cta{padding-block:clamp(8px,2vw,16px)}
.pk-cta-in{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:14px 14px 14px 22px;border-radius:999px;max-width:880px;
  width:calc(100% - 2 * clamp(16px,4vw,32px));
}
.pk-cta-txt{min-width:0}
.pk-cta-txt b{display:block;font-size:1.02rem;font-weight:900}
.pk-cta-txt > span{display:block;margin-top:2px;font-size:.88rem;font-weight:700;color:var(--pk-txt2)}
@media(max-width:560px){
  .pk-cta-in{border-radius:24px;padding:16px;text-align:center;justify-content:center}
  .pk-cta-in .pk-btn{width:100%}
}

/* ══ POURQUOI ══════════════════════════════════════════════════════ */
.pk-why-grid{display:grid;gap:clamp(24px,4vw,48px);align-items:center}
@media(min-width:960px){.pk-why-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
.pk-why-mark{
  display:inline-grid;place-items:center;width:62px;height:62px;border-radius:20px;margin-bottom:18px;
  color:var(--pk-ink);background:linear-gradient(145deg,var(--pk-miel2),var(--pk-miel));
  box-shadow:0 14px 30px color-mix(in srgb,var(--pk-miel) 40%,transparent);
}
.pk-why-lead h2{margin:0 0 10px;font-size:clamp(1.8rem,3.8vw,2.6rem);font-weight:900;letter-spacing:-.02em;line-height:1.2}
.pk-why-lead p{margin:0;max-width:40ch;font-size:1.05rem;line-height:1.9;color:var(--pk-txt2)}
.pk-why-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(min-width:720px){.pk-why-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pk-why-list li{
  display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:22px;
  transition:transform 360ms var(--pk-ease);
}
@media(hover:hover){.pk-why-list li:hover{transform:translateY(-4px)}}
.pk-why-list li > svg{color:var(--pk-deep)}
.pk-why-list b{font-size:.95rem;font-weight:800;line-height:1.55}

/* ══ QUALITÉ ═══════════════════════════════════════════════════════ */
.pk-lab-grid{display:grid;gap:clamp(24px,4vw,56px);align-items:center}
@media(min-width:960px){.pk-lab-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.pk-lab-media{position:relative;margin:0;border-radius:var(--pk-r);overflow:hidden;box-shadow:0 0 0 1px rgba(42,27,51,.06),0 34px 70px rgba(42,27,51,.16)}
.pk-lab-media img{width:100%;height:auto}
.pk-lab-media figcaption{
  position:absolute;bottom:14px;inset-inline:14px;display:flex;align-items:center;gap:10px;
  padding:12px 16px;border-radius:18px;font-size:.88rem;color:var(--pk-txt2);
}
.pk-lab-media figcaption svg{color:var(--pk-deep);flex-shrink:0}
.pk-lab-media figcaption b{display:block;color:var(--pk-ink);font-weight:900}
.pk-lab-body h2{margin:0 0 12px;font-size:clamp(1.8rem,3.8vw,2.6rem);font-weight:900;letter-spacing:-.02em;line-height:1.2}
.pk-lab-body > p{margin:0 0 22px;line-height:1.9;color:var(--pk-txt2)}
.pk-lab-tests{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.pk-lab-tests li{
  display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;font-size:.9rem;font-weight:800;
  background:rgba(255,255,255,.72);border:1px solid rgba(42,27,51,.08);box-shadow:inset 0 1px 0 #fff,0 4px 12px rgba(42,27,51,.05);
}
.pk-lab-tests li svg{color:var(--pk-deep)}
.pk-lab-facts{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pk-lab-facts li{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--pk-txt2)}
.pk-lab-facts li svg{flex-shrink:0;width:24px;height:24px;padding:4px;border-radius:50%;color:#fff;background:var(--pk-ok)}


/* ══ BULLETINS D'ANALYSE — éventail sur « bureau » miel ════════════════
   Trois feuilles réelles du laboratoire. Au repos : éventail ; un appui
   amène une feuille au premier plan (redressée, légèrement agrandie).
   Survol desktop : l'éventail s'ouvre. Entrée : les feuilles sont
   « distribuées » depuis la pile quand la section arrive à l'écran.     */
.pk-docs{
  position:relative;isolation:isolate;overflow:hidden;
  padding:clamp(24px,3.4vw,40px) clamp(12px,2vw,24px) clamp(16px,2vw,22px);
  border-radius:32px;
  background:
    radial-gradient(60% 55% at 50% 38%,rgba(255,255,255,.62),transparent 72%),
    linear-gradient(160deg,#FFF5DA 0%,#F9DE93 55%,#F0C45E 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 0 0 1px rgba(42,27,51,.05),0 34px 72px rgba(42,27,51,.15);
}
.pk-docs::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.2;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='98' viewBox='0 0 56 98'%3E%3Cpath d='M28 1 55 17v32L28 65 1 49V17z M28 65v32' fill='none' stroke='%232A1B33' stroke-width='1.2' stroke-opacity='.4'/%3E%3C/svg%3E");
  background-size:56px 98px;
  -webkit-mask-image:radial-gradient(80% 70% at 50% 45%,transparent 30%,#000 90%);
          mask-image:radial-gradient(80% 70% at 50% 45%,transparent 30%,#000 90%);
}
.pk-docs-stage{position:relative;height:clamp(290px,33vw,420px);display:grid;place-items:center}

.pk-doc{
  --x0:0%;--r0:0deg;--y0:0px;
  --x:var(--x0);--r:var(--r0);--y:var(--y0);--s:1;
  position:absolute;width:clamp(148px,18.5vw,228px);aspect-ratio:380/526;
  padding:0;border:0;border-radius:5px;background:#fff;cursor:pointer;z-index:1;
  transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(var(--s));
  box-shadow:
    0 1px 1px rgba(42,27,51,.08),
    0 8px 16px rgba(42,27,51,.10),
    0 26px 44px rgba(84,52,6,.18);
  filter:saturate(.92) brightness(.97);
  transition:transform 720ms var(--pk-ease),box-shadow 520ms var(--pk-ease),filter 520ms var(--pk-ease),opacity 520ms var(--pk-ease);
  -webkit-tap-highlight-color:transparent;
}
.pk-doc img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
/* Reflet de lumière sur le papier du premier plan */
.pk-doc::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;
  background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.42) 44%,transparent 58%);
  transition:opacity 520ms var(--pk-ease);
}
.pk-doc:nth-child(1){--x0:-64%;--r0:-9deg;--y0:18px}
.pk-doc:nth-child(2){z-index:2}
.pk-doc:nth-child(3){--x0:64%;--r0:8deg;--y0:18px}

.pk-doc.is-front{
  z-index:3;--s:1.1;--y:-8px;--x:calc(var(--x0) * .82);--r:calc(var(--r0) * .3);
  filter:none;
  box-shadow:0 1px 2px rgba(42,27,51,.1),0 14px 28px rgba(42,27,51,.14),0 44px 70px rgba(84,52,6,.26);
}
.pk-doc.is-front::after{opacity:1}
.pk-doc:focus-visible{outline:3px solid var(--pk-ink);outline-offset:4px}

@media(hover:hover) and (pointer:fine){
  .pk-docs-stage:hover .pk-doc:not(.is-front){--x:calc(var(--x0) * 1.16);--r:calc(var(--r0) * 1.2)}
  .pk-doc:not(.is-front):hover{filter:none;--y:calc(var(--y0) - 8px)}
}

/* Distribution à l'entrée : pile → éventail, feuille par feuille */
.pk-js .pk-docs.pk-rv:not(.is-in) .pk-doc{--x:0%;--r:0deg;--y:40px;--s:.94;opacity:0}
.pk-js .pk-docs.pk-rv .pk-doc{transition-delay:calc(var(--i,0) * 110ms + 150ms)}
.pk-js .pk-docs.pk-rv.is-in .pk-doc.is-touched{transition-delay:0ms}

/* Légende synchronisée */
.pk-docs-cap{position:relative;display:grid;justify-items:center;gap:3px;margin-top:clamp(10px,1.6vw,16px);text-align:center;min-height:62px}
.pk-docs-dots{display:flex;gap:6px;margin-bottom:6px}
.pk-docs-dots i{width:7px;height:7px;border-radius:999px;background:rgba(42,27,51,.22);transition:width 360ms var(--pk-ease),background 360ms}
.pk-docs-dots i.is-on{width:22px;background:var(--pk-ink)}
.pk-docs-cap b{font-size:1.02rem;font-weight:900;color:var(--pk-ink)}
.pk-docs-cap small{font-size:.84rem;font-weight:700;color:#6B5320}
.pk-docs-cap.is-swap b,.pk-docs-cap.is-swap small{animation:pk-cap 420ms var(--pk-ease)}
@keyframes pk-cap{from{opacity:0;transform:translateY(6px)}}

/* Le bandeau « المخبر المعتمد » redevient une pastille sous la légende */
.pk-docs figcaption{
  position:relative;inset:auto;margin:14px auto 0;width:fit-content;max-width:100%;
  border-radius:999px;padding:10px 18px;
}

@media(prefers-reduced-motion:reduce){
  .pk-doc{transition:none}
  .pk-js .pk-docs.pk-rv:not(.is-in) .pk-doc{--x:var(--x0);--r:var(--r0);--y:var(--y0);--s:1;opacity:1}
}

/* ══ ÉTAPES ════════════════════════════════════════════════════════ */
.pk-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;counter-reset:none}
@media(min-width:880px){.pk-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
.pk-steps li{position:relative;padding:20px;border-radius:24px;display:grid;gap:8px;align-content:start}
.pk-step-n{
  position:absolute;top:16px;inset-inline-end:18px;font-size:2.4rem;font-weight:900;line-height:1;
  color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--pk-miel) 70%,transparent);
}
.pk-step-ico{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;color:var(--pk-ink);background:linear-gradient(145deg,var(--pk-miel2),var(--pk-miel));margin-bottom:6px}
.pk-steps b{font-size:1rem;font-weight:900}
.pk-steps p{margin:0;font-size:.88rem;line-height:1.7;color:var(--pk-txt2)}
@media(max-width:420px){.pk-steps li{padding:16px}.pk-step-n{font-size:1.9rem}}

/* ══ AVIS ══════════════════════════════════════════════════════════ */
.pk-car{position:relative}
.pk-car-track{
  display:grid;grid-auto-flow:column;
  grid-auto-columns:clamp(250px,78vw,340px);gap:16px;
  overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:4px;
  padding:6px 4px 22px;scrollbar-width:none;overscroll-behavior-x:contain;
}
@media(min-width:760px){.pk-car-track{grid-auto-columns:calc((100% - 3 * 16px) / 3.4)}}
@media(min-width:1100px){.pk-car-track{grid-auto-columns:calc((100% - 3 * 16px) / 4)}}
.pk-car-track::-webkit-scrollbar{display:none}

/* Carte carrée, capture bord à bord.
   Recadrage sur la zone des commentaires : la barre d'état et l'en-tête du
   post (≈ 15 % du haut) ne disent rien au client, les avis si. */
.pk-rev{
  position:relative;aspect-ratio:1/1;padding:0;border:0;border-radius:24px;overflow:hidden;
  cursor:zoom-in;scroll-snap-align:start;background:#16121A;
  box-shadow:0 0 0 1px rgba(42,27,51,.08),0 18px 40px rgba(42,27,51,.16);
  transition:transform 420ms var(--pk-ease),box-shadow 420ms var(--pk-ease);
  -webkit-tap-highlight-color:transparent;
}
.pk-rev-bg{display:none}
.pk-rev-img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:50% 34%;
  transition:transform 900ms var(--pk-ease),object-position 900ms var(--pk-ease);
}
/* Fondu bas : signale qu'il y a une suite, porte l'étiquette */
.pk-rev::after{
  content:"";position:absolute;inset:auto 0 0;height:38%;pointer-events:none;
  background:linear-gradient(to top,rgba(16,11,20,.78),rgba(16,11,20,0));
}
.pk-rev-zoom{
  position:absolute;z-index:1;bottom:14px;inset-inline-start:14px;
  display:inline-flex;align-items:center;gap:7px;width:auto;height:auto;
  padding:8px 14px;border-radius:999px;font-size:.84rem;font-weight:800;color:var(--pk-ink);
  background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%);
  box-shadow:inset 0 1px 0 #fff,0 6px 16px rgba(0,0,0,.25);
  transition:background 300ms var(--pk-ease);
}
@media(hover:hover) and (pointer:fine){
  .pk-rev:hover{transform:translateY(-6px);box-shadow:0 0 0 1px rgba(42,27,51,.08),0 30px 60px rgba(42,27,51,.24)}
  .pk-rev:hover .pk-rev-img{object-position:50% 58%}
  .pk-rev:hover .pk-rev-zoom{background:var(--pk-miel)}
}
.pk-rev:focus-visible{outline:3px solid var(--pk-ink);outline-offset:4px}

.pk-car-btn{
  position:absolute;top:50%;z-index:2;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;
  translate:0 -60%;cursor:pointer;color:var(--pk-ink);
}
.pk-car-prev{inset-inline-start:-18px}
.pk-car-next{inset-inline-end:-18px}
@media(max-width:760px){.pk-car-btn{display:none}}

.pk-lb{
  width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;
  background:transparent;display:none;place-items:center;
}
.pk-lb[open]{display:grid}
.pk-lb::backdrop{background:rgba(21,14,28,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.pk-lb-img{max-width:min(94vw,520px);max-height:calc(100dvh - 120px);width:auto;height:auto;border-radius:22px;object-fit:contain;box-shadow:0 30px 90px rgba(0,0,0,.55);animation:pk-lb-in 360ms var(--pk-ease)}
@keyframes pk-lb-in{from{opacity:0;transform:scale(.96)}}
.pk-lb-x,.pk-lb-nav{
  position:fixed;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#fff;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
}
.pk-lb-x{top:max(16px,env(safe-area-inset-top));inset-inline-end:16px}
.pk-lb-prev{top:50%;inset-inline-start:16px;translate:0 -50%}
.pk-lb-next{top:50%;inset-inline-end:16px;translate:0 -50%}
.pk-lb-count{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));inset-inline:0;text-align:center;margin:0;color:#fff;font-weight:800}

/* ══ FAQ ═══════════════════════════════════════════════════════════ */
.pk-faq-grid{display:grid;gap:clamp(24px,4vw,48px);align-items:start}
@media(min-width:960px){.pk-faq-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr)}}
.pk-acc{display:grid;gap:10px}
.pk-acc-item{border-radius:20px;overflow:hidden;transition:box-shadow 260ms var(--pk-ease)}
.pk-acc-item summary{
  list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:18px 20px;cursor:pointer;font-weight:800;font-size:1rem;line-height:1.5;
}
.pk-acc-item summary::-webkit-details-marker{display:none}
.pk-acc-item summary svg{
  flex-shrink:0;width:32px;height:32px;padding:7px;border-radius:50%;color:var(--pk-deep);background:var(--pk-dim);
  transition:transform 300ms var(--pk-ease),background 300ms,color 300ms;
}
.pk-acc-item[open] summary svg{transform:rotate(45deg);color:var(--pk-ink);background:var(--pk-miel)}
.pk-acc-item p{margin:0;padding:0 20px 18px;line-height:1.9;color:var(--pk-txt2)}
.pk-acc-item summary:focus-visible{outline:3px solid var(--pk-ink);outline-offset:-3px;border-radius:20px}

.pk-guarantee{padding:clamp(22px,3vw,30px);border-radius:var(--pk-r);position:sticky;top:100px}
@media(max-width:959px){.pk-guarantee{position:static}}
.pk-guarantee-ico{
  display:inline-grid;place-items:center;width:62px;height:62px;border-radius:20px;margin-bottom:16px;
  color:var(--pk-ink);background:linear-gradient(145deg,var(--pk-miel2),var(--pk-miel));
}
.pk-guarantee h3{margin:0 0 8px;font-size:1.3rem;font-weight:900}
.pk-guarantee p{margin:0 0 16px;line-height:1.85;color:var(--pk-txt2)}
.pk-guarantee ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pk-guarantee li{display:flex;align-items:center;gap:10px;font-weight:800}
.pk-guarantee li svg{flex-shrink:0;width:24px;height:24px;padding:4px;border-radius:50%;color:#fff;background:var(--pk-ok)}

/* ══ DERNIER APPEL — MIEL ══════════════════════════════════════════
   Le bloc descend jusqu'au footer et la coulée sombre se pose dessus.  */
.pk-final{
  position:relative;isolation:isolate;overflow:hidden;
  padding-block:clamp(56px,8vw,100px) clamp(70px,10vw,120px);
  background:
    radial-gradient(60% 80% at 85% 0%,rgba(255,255,255,.35),transparent 60%),
    linear-gradient(160deg,var(--pk-miel2) 0%,var(--pk-miel) 55%,#DE9A14 100%);
  color:var(--pk-ink);
}
/* Alvéoles en filigrane */
.pk-final-hex{
  position:absolute;inset:0;z-index:-1;opacity:.22;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='98' viewBox='0 0 56 98'%3E%3Cpath d='M28 1 55 17v32L28 65 1 49V17z M28 65v32' fill='none' stroke='%232A1B33' stroke-width='1.2' stroke-opacity='.35'/%3E%3C/svg%3E");
  background-size:56px 98px;
  -webkit-mask-image:radial-gradient(70% 90% at 20% 50%,#000,transparent 75%);
          mask-image:radial-gradient(70% 90% at 20% 50%,#000,transparent 75%);
}
.pk-final-in{display:grid;gap:clamp(20px,3vw,36px);align-items:center;text-align:center;justify-items:center}
@media(min-width:900px){.pk-final-in{grid-template-columns:auto minmax(0,1fr) auto;text-align:start;justify-items:start}}
.pk-final-media{
  margin:0;width:clamp(150px,18vw,210px);aspect-ratio:1/1;border-radius:30px;overflow:hidden;padding:8px;
  background:rgba(255,255,255,.4);-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);
  border:1px solid rgba(255,255,255,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 26px 50px rgba(42,27,51,.22);
  transform:rotate(-4deg);
}
.pk-final-media img{width:100%;height:100%;object-fit:cover;border-radius:22px}
.pk-final-kicker{
  display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;margin-bottom:12px;
  font-size:.82rem;font-weight:900;background:rgba(255,255,255,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.pk-final h2{margin:0 0 10px;font-size:clamp(1.9rem,4.4vw,3rem);font-weight:900;letter-spacing:-.025em;line-height:1.15}
.pk-final-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;margin:0 0 16px;justify-content:inherit}
@media(max-width:899px){.pk-final-price{justify-content:center}}
.pk-final-price b{font-size:clamp(1.8rem,3.6vw,2.4rem);font-weight:900;line-height:1}
.pk-final-price b small{font-size:.5em}
.pk-final-price s{font-weight:800;opacity:.6}
.pk-final-proof{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:899px){.pk-final-proof{justify-content:center}}
.pk-final-proof li{
  display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;font-size:.86rem;font-weight:800;
  background:rgba(255,255,255,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
@media(max-width:899px){.pk-final .pk-btn{width:100%;max-width:420px}}

/* Raccord avec le footer : pas de bande claire entre le miel et la coulée */
body:has(.pk-final) #sb-main{padding-bottom:0 !important;margin-bottom:0 !important}
body:has(.pk-final) .sb-ft{margin-top:0 !important}
body:has(.pk-final) .sb-ft-drip{background:#DE9A14}

/* ══ BARRE FIXE ════════════════════════════════════════════════════ */
.pk-sticky{
  position:fixed;z-index:60;left:50%;bottom:max(12px,env(safe-area-inset-bottom));
  width:min(560px,calc(100% - 24px));
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:10px 10px 10px 20px;border-radius:999px;
  transform:translate(-50%,140%);opacity:0;pointer-events:none;
  transition:transform 460ms var(--pk-ease),opacity 300ms var(--pk-ease);
}
.pk-sticky.is-on{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.pk-sticky-price span{display:block;font-size:.78rem;font-weight:700;color:var(--pk-txt2)}
.pk-sticky-price span small{font-weight:900;color:var(--pk-ok)}
.pk-sticky-price b{display:block;font-size:1.3rem;font-weight:900;line-height:1.1}
.pk-sticky .pk-btn{min-height:50px;padding-inline:22px}
/* Les boutons flottants (panier, WhatsApp) remontent au-dessus de la barre */
.sb-float-cart,.sb-float-wa{transition:transform 460ms var(--pk-ease)}
body.pk-sticky-on .sb-float-cart,body.pk-sticky-on .sb-float-wa{transform:translateY(-78px)}

/* ══ Révélation au scroll ══════════════════════════════════════════ */
.pk-js .pk-rv{opacity:0;transform:translateY(22px);transition:opacity 700ms var(--pk-ease),transform 700ms var(--pk-ease)}
.pk-js .pk-rv.is-in{opacity:1;transform:none}

@media(prefers-reduced-motion:reduce){
  .pk *,.pk *::before,.pk *::after{animation:none !important;transition:none !important}
  .pk-js .pk-rv,.pkx-anim .pkx-row,.pkx-anim .pkx-gift{opacity:1 !important;transform:none !important}
}