/* ═══════════════════════════════════════════════════════════════════
   KAYSHA COSMÉTIQUE — Design System
   Rose poudré · Bordeaux atténué · Or · Fond clair
   Source : KAYSHA_UI_KIT (maquette accueil + planche pages)
═══════════════════════════════════════════════════════════════════ */
:root{
  /* Marque */
  --k-rose:#E91E63;   --k-rose-2:#F73B78;  --k-rose-3:#FF6F9C;
  --k-wine:#8D1733;   --k-wine-2:#A8264A;
  --k-gold:#D6A44A;   --k-gold-2:#F1C56D;  --k-gold-dk:#B8862F;
  --k-ink:#29151A;    --k-ink-2:#4A2C33;
  --k-blush:#FFF8F9;  --k-soft:#FFF1F5;    --k-soft-2:#FFE4EC;
  --k-line:#F2DFE4;   --k-line-2:#EAD1D8;
  --k-muted:#80666D;  --k-success:#21865D; --k-danger:#C92E4C; --k-warn:#C77A12;
  --k-grad:linear-gradient(90deg,#8D1733 0%,#E91E63 55%,#F06A8F 100%);
  --k-grad-gold:linear-gradient(90deg,#E9B65C 0%,#F6D58E 100%);
  --k-grad-hero:linear-gradient(100deg,#FFF4F5 0%,#FFF9F8 46%,#FFD9DF 100%);
  --k-shadow:0 14px 40px rgba(116,38,60,.10);
  --k-shadow-sm:0 4px 16px rgba(116,38,60,.08);
  --k-shadow-rose:0 10px 26px rgba(233,30,99,.25);
  --k-r:18px; --k-r-sm:12px; --k-r-lg:24px;
  --k-max:1280px;
  --k-serif:'Playfair Display',Georgia,'Times New Roman',serif;
  --k-sans:'Inter','Poppins',Arial,sans-serif;

  /* ── Compatibilité : anciens tokens utilisés par les vues enfant ── */
  --bg:#FFFAFB;        /* aussi utilisé comme texte sur fond rose → blanc cassé */
  --bg-2:#FFF5F7; --bg-3:#FFEFF3; --bg-soft:#FFF5F7;
  --bg-card:#FFFFFF; --bg-card-2:#FFF7F9; --bg-card-3:#FFF0F4;
  --rose:#E91E63; --rose-dk:#8D1733; --rose-lt:#C2185B;
  --rose-pale:rgba(233,30,99,.07); --rose-glow:rgba(233,30,99,.18);
  --gold:#B8862F; --gold-lt:#D6A44A; --gold-pale:rgba(214,164,74,.13);
  --bordeaux:#8D1733; --bordeaux-lt:#A8264A;
  --white:#29151A;     /* « texte fort » dans l'ancien thème sombre */
  --text:#3B2329; --muted:#8A6F76; --muted-lt:#6E555C;
  --border:#F2DFE4; --border-lt:#EAD1D8;
  --r:16px; --r-sm:10px; --r-lg:22px;
  --sh-card:0 6px 22px rgba(116,38,60,.08);
  --sh-lg:0 18px 50px rgba(116,38,60,.16);
  --sh-rose:0 8px 24px rgba(233,30,99,.22);
  --sh-gold:0 8px 24px rgba(214,164,74,.25);
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--k-sans);color:var(--k-ink);background:#fff;min-height:100vh;overflow-x:hidden;
  font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button{border:none;background:none;cursor:pointer;font-family:inherit;color:inherit}
ul{list-style:none}
input,select,textarea{font-family:inherit}
h1,h2,h3,.k-serif{font-family:var(--k-serif);color:var(--k-wine);line-height:1.15}
::selection{background:var(--k-soft-2);color:var(--k-wine)}
:focus-visible{outline:2px solid var(--k-rose);outline-offset:2px}

.k-container{max-width:var(--k-max);margin:0 auto;padding:0 28px}

/* ═══ Boutons ═══════════════════════════════════════════════════ */
.k-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;
  padding:13px 24px;font-weight:700;font-size:.9rem;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s,color .2s;
  white-space:nowrap;line-height:1.2;font-family:var(--k-sans)}
.k-btn:hover{transform:translateY(-1px)}
.k-btn-primary{background:var(--k-grad);color:#fff;box-shadow:var(--k-shadow-rose)}
.k-btn-primary:hover{box-shadow:0 14px 32px rgba(233,30,99,.33)}
.k-btn-rose{background:var(--k-rose);color:#fff}
.k-btn-rose:hover{background:#D81B60}
.k-btn-gold{background:var(--k-grad-gold);color:var(--k-wine);box-shadow:0 8px 22px rgba(214,164,74,.32)}
.k-btn-soft{background:var(--k-soft);color:var(--k-wine)}
.k-btn-soft:hover{background:var(--k-soft-2)}
.k-btn-outline{background:#fff;color:var(--k-rose);border:1.5px solid #F7C7D6}
.k-btn-outline:hover{border-color:var(--k-rose);background:var(--k-soft)}
.k-btn-sm{padding:9px 16px;font-size:.8rem}
.k-btn-block{width:100%}
.k-link-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:#fff;
  border:1px solid #F7C7D6;color:var(--k-rose);font-size:.78rem;font-weight:700;box-shadow:var(--k-shadow-sm);transition:all .2s;white-space:nowrap}
.k-link-pill:hover{border-color:var(--k-rose);transform:translateX(2px)}

/* ═══ Topbar ═══════════════════════════════════════════════════ */
.k-topbar{background:#FFF5F7;border-bottom:1px solid var(--k-line);font-size:.74rem;color:var(--k-ink-2)}
.k-topbar .k-container{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:36px}
.k-topbar-items{display:flex;gap:26px;align-items:center;overflow:hidden;white-space:nowrap}
.k-topbar-items span{display:inline-flex;align-items:center;gap:7px}
.k-topbar-items i{color:var(--k-rose);font-size:.8rem}
.k-topbar-right{display:flex;gap:16px;align-items:center;flex-shrink:0}
.k-topbar-right a,.k-topbar-right button{display:inline-flex;align-items:center;gap:6px;color:var(--k-wine);font-weight:600;font-size:.74rem}
.k-topbar-right a:hover,.k-topbar-right button:hover{color:var(--k-rose)}

/* ═══ Header ═══════════════════════════════════════════════════ */
.k-header{background:#fff;position:sticky;top:0;z-index:999;transition:box-shadow .25s}
.k-header.scrolled{box-shadow:0 6px 24px rgba(116,38,60,.08)}
.k-nav{display:flex;align-items:center;gap:28px;min-height:88px}
.k-logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.k-logo img{height:68px;width:68px;object-fit:cover;border-radius:50%}
.k-logo-text{display:flex;flex-direction:column;line-height:1}
.k-logo-text b{font-family:var(--k-serif);font-size:1.7rem;letter-spacing:.02em;
  background:linear-gradient(90deg,#B0124A,#E91E63);-webkit-background-clip:text;background-clip:text;color:transparent}
.k-logo-text small{font-size:.6rem;letter-spacing:.32em;color:var(--k-gold-dk);text-transform:uppercase;margin-top:4px;font-weight:600}
.k-logo-text em{font-style:normal;font-size:.48rem;letter-spacing:.14em;color:var(--k-ink-2);margin-top:4px;text-transform:uppercase}

.k-search{flex:1;max-width:560px;margin:0 auto;position:relative;display:flex}
.k-search input{width:100%;border:1px solid var(--k-line-2);border-radius:999px;padding:13px 60px 13px 22px;font-size:.86rem;
  background:#fff;color:var(--k-ink);outline:none;transition:border-color .2s,box-shadow .2s}
.k-search input::placeholder{color:#B49AA1}
.k-search input:focus{border-color:var(--k-rose);box-shadow:0 0 0 4px var(--rose-pale)}
.k-search button{position:absolute;right:5px;top:5px;bottom:5px;width:44px;border-radius:12px;background:var(--k-rose);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:background .2s}
.k-search button:hover{background:var(--k-wine)}

.k-actions{display:flex;align-items:center;gap:22px;flex-shrink:0}
.k-action{display:inline-flex;align-items:center;gap:9px;font-size:.86rem;font-weight:600;color:var(--k-ink);position:relative;transition:color .2s}
.k-action i{font-size:1.25rem;color:var(--k-rose)}
.k-action:hover{color:var(--k-rose)}
.k-action .k-count{position:absolute;top:-8px;left:12px;background:var(--k-rose);color:#fff;border-radius:999px;min-width:18px;height:18px;
  font-size:.64rem;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid #fff}
.k-cart{display:inline-flex;align-items:center;gap:12px;padding:10px 18px 10px 14px;border-radius:14px;border:1px solid var(--k-line);
  background:#fff;box-shadow:var(--k-shadow-sm);font-weight:700;font-size:.86rem;position:relative;transition:all .2s}
.k-cart i{font-size:1.25rem;color:var(--k-wine)}
.k-cart:hover{border-color:#F7C7D6;box-shadow:var(--k-shadow)}
.k-cart .k-count{position:absolute;top:-8px;right:-8px;background:var(--k-rose);color:#fff;border-radius:999px;min-width:22px;height:22px;
  font-size:.7rem;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 6px;border:2px solid #fff}
.k-burger{display:none;width:44px;height:44px;border-radius:12px;background:var(--k-soft);color:var(--k-wine);font-size:1.15rem;align-items:center;justify-content:center}

.k-menu{border-top:1px solid #F7E9ED;background:#fff}
.k-menu .k-container{display:flex;justify-content:center;gap:4px;overflow-x:auto;scrollbar-width:none}
.k-menu .k-container::-webkit-scrollbar{display:none}
.k-menu a{position:relative;padding:14px 14px;font-size:.86rem;font-weight:500;color:var(--k-ink);white-space:nowrap;transition:color .2s}
.k-menu a::after{content:'';position:absolute;left:14px;right:14px;bottom:0;height:2px;border-radius:2px;background:var(--k-rose);transform:scaleX(0);transition:transform .25s}
.k-menu a:hover,.k-menu a.active{color:var(--k-rose)}
.k-menu a.active{font-weight:700}
.k-menu a.active::after,.k-menu a:hover::after{transform:scaleX(1)}

/* ═══ Drawer mobile ═════════════════════════════════════════════ */
.k-overlay{position:fixed;inset:0;background:rgba(41,21,26,.45);z-index:9990;opacity:0;pointer-events:none;transition:opacity .3s;backdrop-filter:blur(3px)}
.k-overlay.open{opacity:1;pointer-events:all}
.k-drawer{position:fixed;top:0;right:0;height:100%;width:330px;max-width:90vw;background:#fff;z-index:9991;
  transform:translateX(110%);transition:transform .35s cubic-bezier(.4,0,.2,1);box-shadow:-12px 0 48px rgba(116,38,60,.2);
  display:flex;flex-direction:column}
.k-drawer.open{transform:translateX(0)}
.k-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:linear-gradient(135deg,#8D1733,#B0124A);}
.k-drawer-head img{height:64px;width:64px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.7)}
.k-drawer-close{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:1rem;display:flex;align-items:center;justify-content:center}
.k-drawer-search{padding:14px 16px;border-bottom:1px solid var(--k-line)}
.k-drawer-search form{position:relative}
.k-drawer-search input{width:100%;border:1px solid var(--k-line-2);border-radius:999px;padding:11px 46px 11px 16px;font-size:.85rem;outline:none}
.k-drawer-search input:focus{border-color:var(--k-rose)}
.k-drawer-search button{position:absolute;right:4px;top:4px;bottom:4px;width:36px;border-radius:50%;background:var(--k-rose);color:#fff}
.k-drawer-nav{flex:1;overflow-y:auto;padding:8px 0}
.k-drawer-nav a{display:flex;align-items:center;gap:14px;padding:12px 22px;font-size:.9rem;font-weight:600;color:var(--k-ink);transition:background .15s}
.k-drawer-nav a i{width:20px;text-align:center;color:var(--k-rose)}
.k-drawer-nav a:hover{background:var(--k-soft);color:var(--k-rose)}
.k-drawer-nav .k-drawer-label{padding:16px 22px 6px;font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:var(--k-muted);font-weight:700}
.k-drawer-nav .k-drawer-sub{font-size:.82rem;font-weight:500;padding:9px 22px}
.k-drawer-foot{padding:16px;border-top:1px solid var(--k-line)}
.k-drawer-cart{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:14px 18px;border-radius:14px;
  background:var(--k-grad-gold);color:var(--k-wine);font-weight:800;font-size:.88rem}

/* ═══ Toasts ════════════════════════════════════════════════════ */
.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}
.toast{background:#fff;border-left:4px solid var(--k-rose);box-shadow:var(--k-shadow);padding:13px 18px;border-radius:12px;font-size:.86rem;
  min-width:260px;max-width:360px;animation:toastIn .3s ease;pointer-events:all;color:var(--k-ink);transition:opacity .3s}
.toast.success{border-color:var(--k-success)}
.toast.error{border-color:var(--k-danger)}
@keyframes toastIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}

/* ═══ Breadcrumb + wrap ════════════════════════════════════════ */
.shop-breadcrumb{max-width:var(--k-max);margin:20px auto 0;padding:0 28px;font-size:.78rem;color:var(--k-muted);display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.shop-breadcrumb a{color:var(--k-ink-2);font-weight:500;transition:color .2s}
.shop-breadcrumb a:hover{color:var(--k-rose)}
.shop-breadcrumb .sep{color:#D7B9C1;font-size:.7rem}
.shop-breadcrumb > span:last-child{color:var(--k-rose);font-weight:600}
.shop-wrap{max-width:var(--k-max);margin:26px auto 70px;padding:0 28px;position:relative}

/* ═══ Section helpers ═══════════════════════════════════════════ */
.k-section{padding:46px 0}
.k-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:24px;flex-wrap:wrap}
.k-section-head h2{font-size:2rem;margin:0}
.k-section-head p{color:var(--k-muted);font-size:.88rem;margin-top:4px}
.k-eyebrow{display:inline-block;letter-spacing:.3em;text-transform:uppercase;color:var(--k-wine);font-size:.74rem;font-weight:600}
.k-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:var(--k-soft);color:var(--k-wine);font-size:.72rem;font-weight:700}
.k-card{background:#fff;border:1px solid var(--k-line);border-radius:var(--k-r);box-shadow:var(--k-shadow)}
.k-stars{color:#F5A623;font-size:.72rem;letter-spacing:1px;display:inline-flex;align-items:center;gap:1px}
.k-stars .off{color:#E8D5B5}
.k-stars small{color:var(--k-muted);font-size:.72rem;margin-left:5px;letter-spacing:0}

/* ═══ Carte produit (partagée) ══════════════════════════════════ */
.k-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.k-pcard{background:#fff;border:1px solid var(--k-line);border-radius:var(--k-r);box-shadow:var(--k-shadow-sm);overflow:hidden;
  display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s;position:relative}
.k-pcard:hover{transform:translateY(-4px);box-shadow:var(--k-shadow)}
.k-pcard-media{position:relative;aspect-ratio:1/1;background:linear-gradient(135deg,#FFF3F6,#FBE3E9);overflow:hidden;display:block}
.k-pcard-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.k-pcard:hover .k-pcard-media img{transform:scale(1.05)}
.k-pcard-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#E8B4C2;font-size:2.4rem}
.k-pcard-fav{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;background:#fff;color:var(--k-rose);
  display:flex;align-items:center;justify-content:center;box-shadow:var(--k-shadow-sm);font-size:.85rem;z-index:2;transition:transform .2s}
.k-pcard-fav:hover{transform:scale(1.1)}
.k-pcard-fav.on i{font-weight:900}
.k-pcard-badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;z-index:2}
.k-pcard-badge{padding:4px 10px;border-radius:999px;font-size:.66rem;font-weight:800;letter-spacing:.02em;background:#fff;color:var(--k-wine);box-shadow:var(--k-shadow-sm)}
.k-pcard-badge.promo{background:var(--k-rose);color:#fff}
.k-pcard-badge.new{background:var(--k-wine);color:#fff}
.k-pcard-badge.out{background:#5B4148;color:#fff}
.k-pcard-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:4px;flex:1}
.k-pcard-name{font-weight:700;font-size:.9rem;color:var(--k-ink);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.k-pcard-name:hover{color:var(--k-rose)}
.k-pcard-sub{font-size:.76rem;color:var(--k-muted)}
.k-pcard-price{display:flex;align-items:baseline;gap:8px;margin:6px 0 10px;flex-wrap:wrap}
.k-pcard-price b{color:var(--k-rose);font-size:1.02rem;font-weight:800}
.k-pcard-price s{color:#B49AA1;font-size:.76rem}
.k-pcard-btn{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 12px;border-radius:10px;
  background:var(--k-rose);color:#fff;font-weight:700;font-size:.8rem;transition:background .2s}
.k-pcard-btn:hover{background:var(--k-wine)}
.k-pcard-btn.ghost{background:var(--k-soft);color:var(--k-wine)}
.k-pcard-btn.ghost:hover{background:var(--k-soft-2)}
.k-pcard form{margin-top:auto}

/* ═══ Réassurance ═══════════════════════════════════════════════ */
.k-trust{background:#FFF8F9;border-top:1px solid var(--k-line)}
.k-trust h2{font-size:1.6rem;margin-bottom:18px}
.k-trust-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.k-trust-item{display:flex;align-items:center;gap:12px}
.k-trust-ic{width:46px;height:46px;flex-shrink:0;border-radius:50%;background:#fff;border:1px solid var(--k-line);color:var(--k-rose);
  display:flex;align-items:center;justify-content:center;font-size:1.05rem;box-shadow:var(--k-shadow-sm)}
.k-trust-item b{display:block;font-size:.8rem;color:var(--k-ink)}
.k-trust-item span{font-size:.72rem;color:var(--k-muted)}

/* ═══ Footer ════════════════════════════════════════════════════ */
.k-footer{background:linear-gradient(180deg,#FFF5F7 0%,#FFEFF3 100%);border-top:1px solid var(--k-line);padding:46px 0 0;color:var(--k-ink-2)}
.k-footer-top{display:grid;grid-template-columns:1.1fr 1.6fr .9fr;gap:40px;align-items:center;padding-bottom:36px;border-bottom:1px solid var(--k-line)}
.k-footer-brand{display:flex;align-items:center;gap:16px}
.k-footer-brand img{width:96px;height:96px;border-radius:50%;object-fit:cover;box-shadow:var(--k-shadow-sm)}
.k-footer-brand .k-logo-text b{font-size:2.1rem}
.k-news h4{font-family:var(--k-sans);font-size:1rem;color:var(--k-wine);font-weight:700;margin-bottom:4px}
.k-news p{font-size:.78rem;color:var(--k-muted);margin-bottom:12px}
.k-news form{display:flex;background:#fff;border:1px solid var(--k-line-2);border-radius:999px;padding:4px;max-width:480px}
.k-news input{flex:1;border:0;background:transparent;padding:10px 16px;font-size:.85rem;outline:none;min-width:0}
.k-news button{background:var(--k-grad);color:#fff;border-radius:999px;padding:10px 26px;font-weight:700;font-size:.84rem}
.k-social h4{font-family:var(--k-sans);font-size:1rem;color:var(--k-wine);font-weight:700;margin-bottom:12px}
.k-social-list{display:flex;gap:10px;flex-wrap:wrap}
.k-social-list a{width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid var(--k-line);color:var(--k-wine);
  display:flex;align-items:center;justify-content:center;font-size:1.05rem;transition:all .2s}
.k-social-list a:hover{background:var(--k-rose);border-color:var(--k-rose);color:#fff;transform:translateY(-2px)}
.k-footer-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;padding:34px 0}
.k-footer-cols p{font-size:.84rem;line-height:1.7;max-width:320px}
.k-footer-cols .k-tagline{font-family:var(--k-serif);font-style:italic;color:var(--k-rose);font-size:1rem;margin-bottom:8px}
.k-footer-cols h5{font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;color:var(--k-wine);font-weight:800;margin-bottom:14px}
.k-footer-cols a{display:flex;align-items:center;gap:9px;font-size:.84rem;margin-bottom:10px;transition:color .2s}
.k-footer-cols a i{color:var(--k-rose);width:15px;font-size:.8rem}
.k-footer-cols a:hover{color:var(--k-rose)}
.k-footer-pay{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.k-footer-pay span{background:#fff;border:1px solid var(--k-line);border-radius:8px;padding:5px 10px;font-size:.7rem;font-weight:700;color:var(--k-ink-2)}
.k-footer-bottom{border-top:1px solid var(--k-line);padding:16px 0;font-size:.76rem;color:var(--k-muted);text-align:center}
.k-footer-bottom a{color:var(--k-wine);font-weight:600}
.k-footer-bottom a:hover{color:var(--k-rose)}

/* ═══ WhatsApp flottant ═════════════════════════════════════════ */
.k-wa-fab{position:fixed;left:20px;bottom:20px;z-index:998;width:54px;height:54px;border-radius:50%;background:#25D366;color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:0 10px 26px rgba(37,211,102,.4);transition:transform .2s}
.k-wa-fab:hover{transform:scale(1.08)}

/* ═══ Stepper checkout (partagé) ════════════════════════════════ */
.k-steps{display:flex;gap:10px;margin:0 0 28px;counter-reset:kstep}
.k-step{flex:1;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:#FFF3F6;color:var(--k-muted);font-size:.8rem;font-weight:600}
.k-step .n{width:26px;height:26px;border-radius:50%;background:#fff;border:1px solid var(--k-line-2);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;flex-shrink:0}
.k-step.done{color:var(--k-wine)}
.k-step.done .n{background:var(--k-wine);border-color:var(--k-wine);color:#fff}
.k-step.active{background:var(--k-rose);color:#fff}
.k-step.active .n{background:#fff;color:var(--k-rose);border-color:#fff}

/* ═══ Responsive ════════════════════════════════════════════════ */
@media(max-width:1400px){.k-topbar-items span:nth-child(5){display:none}}
@media(max-width:1180px){
  .k-trust-grid{grid-template-columns:repeat(3,1fr)}
  .k-action .k-action-label{display:none}
  .k-topbar-items span:nth-child(n+4){display:none}
}
@media(max-width:1024px){
  .k-grid{grid-template-columns:repeat(3,1fr)}
  .k-menu{display:none}
  .k-burger{display:flex}
  .k-footer-top{grid-template-columns:1fr 1fr}
  .k-footer-top .k-news{grid-column:1/-1;order:3}
  .k-footer-cols{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  .k-container,.shop-wrap,.shop-breadcrumb{padding:0 18px}
  .k-nav{min-height:72px;gap:14px}
  .k-logo img{height:54px;width:54px}
  .k-logo-text b{font-size:1.35rem}
  .k-logo-text em{display:none}
  .k-header .k-search{display:none}
  .k-actions{margin-left:auto;gap:14px}
  .k-action.k-hide-sm{display:none}
  .k-cart{padding:9px 12px}
  .k-cart .k-cart-label{display:none}
  .k-topbar-items span:nth-child(n+2){display:none}
  .k-grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .k-trust-grid{grid-template-columns:repeat(2,1fr)}
  .k-section{padding:34px 0}
  .k-section-head h2{font-size:1.6rem}
  .k-steps{overflow-x:auto}
  .k-step{flex:0 0 auto}
}
@media(max-width:560px){
  .k-topbar-right .k-hide-xs{display:none}
  .k-footer-top,.k-footer-cols{grid-template-columns:1fr}
  .k-footer-brand img{width:72px;height:72px}
  .k-pcard-body{padding:11px}
  .k-pcard-name{font-size:.84rem}
  .k-pcard-btn{font-size:.74rem;padding:9px 8px}
  .k-step .t{display:none}
  .k-step.active .t{display:inline}
  .toast-container{left:16px;right:16px;bottom:16px}
  .toast{min-width:0;max-width:none}
}

/* ═══ Encarts publicitaires (SiteBanner) ════════════════════════ */
.ad-banner{border-radius:var(--k-r);overflow:hidden;box-shadow:var(--k-shadow);border:1px solid var(--k-line);margin-bottom:22px;background:#fff}
.ad-banner-link{display:block;position:relative}
.ad-banner img{width:100%;display:block;object-fit:cover}
.ad-banner-horizontal img{height:190px}
.ad-banner-vertical img{height:auto;min-height:280px}
.ad-banner-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:22px 30px;
  background:linear-gradient(90deg,rgba(255,244,246,.94) 0%,rgba(255,244,246,.7) 45%,transparent 75%)}
.ad-banner-vertical .ad-banner-overlay{justify-content:flex-end;background:linear-gradient(0deg,rgba(255,244,246,.95) 0%,rgba(255,244,246,.6) 50%,transparent 80%)}
.ad-banner-badge{align-self:flex-start;background:var(--k-rose);color:#fff;font-size:.68rem;font-weight:800;padding:4px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.06em}
.ad-banner-title{font-family:var(--k-serif);font-size:1.5rem;font-weight:700;color:var(--k-wine);line-height:1.2;max-width:460px}
.ad-banner-subtitle{font-size:.86rem;color:var(--k-ink-2);max-width:460px}
.ad-banner-cta{align-self:flex-start;margin-top:6px;display:inline-flex;align-items:center;gap:8px;background:var(--k-grad-gold);color:var(--k-wine);
  font-weight:700;font-size:.8rem;padding:9px 18px;border-radius:999px}
@media(max-width:600px){.ad-banner-horizontal img{height:150px}.ad-banner-title{font-size:1.15rem}.ad-banner-overlay{padding:16px 18px}}

/* ═══ Pages légales (CGV, confidentialité, livraison, retours, mentions) ═══ */
body .legal-hero{padding:46px 24px 38px;margin-bottom:28px;text-align:center;background:var(--k-grad-hero);border-bottom:1px solid var(--k-line)}
body .legal-hero h1{font-family:var(--k-serif);font-size:2.5rem;font-weight:700;color:var(--k-wine);margin-bottom:8px}
body .legal-hero .legal-subtitle{font-size:.76rem;color:var(--k-wine);font-weight:600;letter-spacing:.28em;text-transform:uppercase}
body .legal-wrap{max-width:900px;margin:0 auto 70px;padding:0 24px}
body .legal-card{background:#fff;border:1px solid var(--k-line);border-radius:var(--k-r-lg);padding:30px 36px;margin-bottom:16px;box-shadow:var(--k-shadow-sm)}
body .legal-card h2{font-family:var(--k-serif);font-size:1.35rem;font-weight:700;color:var(--k-wine);margin-bottom:14px;padding-bottom:0;border-bottom:0;display:flex;align-items:center;gap:10px}
body .legal-card h2 i{color:var(--k-rose);font-size:.95rem}
body .legal-card p,body .legal-card li{font-size:.92rem;color:var(--k-ink-2);line-height:1.8}
body .legal-card a{color:var(--k-rose) !important}
body .legal-highlight{background:#FFF8F9;border:1px solid var(--k-line);border-left:4px solid var(--k-rose);border-radius:12px;padding:14px 18px;margin:14px 0}
body .legal-highlight p{color:var(--k-ink);font-weight:600;font-size:.88rem;margin:0}
body .legal-highlight i{color:var(--k-rose)}
body .art-num{background:var(--k-soft);color:var(--k-rose);font-size:.74rem;font-weight:800;padding:4px 10px;border-radius:999px}
body .back-btn{display:inline-flex;align-items:center;gap:8px;color:var(--k-ink-2);font-size:.82rem;font-weight:600;padding:9px 18px;border-radius:999px;border:1px solid var(--k-line-2);background:#fff;margin-bottom:22px}
body .back-btn:hover{color:var(--k-rose);border-color:var(--k-rose);background:var(--k-soft)}
@media(max-width:600px){body .legal-card{padding:22px 18px}body .legal-hero h1{font-size:1.8rem}}

/* ═══════════════════════════════════════════════════════════════════
   TÉMOIGNAGES CLIENTES — v2 « De vraies femmes, de vrais résultats » (kit UI Rose & Or)
═══════════════════════════════════════════════════════════════════ */
.t-sec{position:relative;overflow:hidden;padding:56px 0 48px;
  background:radial-gradient(ellipse 45% 40% at 0% 0%,rgba(247,59,120,.20),transparent 70%),
             radial-gradient(ellipse 45% 40% at 100% 100%,rgba(247,59,120,.16),transparent 70%),
             radial-gradient(ellipse 40% 35% at 100% 0%,rgba(241,197,109,.18),transparent 70%),
             linear-gradient(180deg,#FFEFF4 0%,#FFF7F9 40%,#FFEAF0 100%)}
.t-sec>.k-container{position:relative;z-index:1}
/* Décor : pétales, fleurs floues, rubans dorés */
.t-petal{position:absolute;width:26px;height:18px;border-radius:80% 0 80% 0;background:linear-gradient(135deg,#FF9DBB,#F06A8F);opacity:.55;pointer-events:none}
.t-petal.p1{left:4%;top:30%;transform:rotate(-28deg)}
.t-petal.p2{left:24%;top:6%;transform:rotate(40deg) scale(.7);opacity:.4}
.t-petal.p3{right:28%;top:7%;transform:rotate(-60deg) scale(.9);opacity:.5}
.t-petal.p4{left:1%;bottom:30%;transform:rotate(18deg) scale(1.2)}
.t-petal.p5{right:2%;top:38%;transform:rotate(70deg) scale(.9);opacity:.45}
.t-petal.p6{left:44%;bottom:3%;transform:rotate(-12deg) scale(.8);opacity:.4}
.t-bloom{position:absolute;border-radius:50%;pointer-events:none;filter:blur(18px);opacity:.55;
  background:radial-gradient(circle,#FF8FB1 0%,#FFC2D4 45%,transparent 70%)}
.t-bloom.b1{left:-70px;top:-60px;width:300px;height:300px}
.t-bloom.b2{right:-80px;bottom:-60px;width:320px;height:320px}
.t-ribbon{position:absolute;left:-40px;bottom:-10px;width:420px;height:140px;opacity:.55;pointer-events:none}
.t-ribbon.r2{left:auto;right:-60px;bottom:auto;top:-20px;transform:scaleX(-1) rotate(180deg);width:340px}

/* Médaillon doré & texte manuscrit */
.t-seal{position:absolute;z-index:2;left:max(18px,calc((100% - var(--k-max))/2 - 10px));top:22px;width:132px;height:132px;border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;
  background:radial-gradient(circle at 35% 30%,#FBE3A8 0%,#E9B65C 45%,#C8913A 100%);
  box-shadow:0 10px 26px rgba(184,134,47,.35),inset 0 0 0 4px rgba(255,255,255,.35),inset 0 0 0 6px rgba(184,134,47,.5)}
.t-seal i{font-size:1.4rem;color:#7A4F12}
.t-seal span{font-size:.66rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1.35;color:#5E3A0B}
.t-script{position:absolute;right:max(24px,calc((100% - var(--k-max))/2 + 10px));top:30px;z-index:1;font-family:'Great Vibes',cursive;font-size:2.3rem;
  line-height:1.15;color:var(--k-rose);transform:rotate(-14deg);text-align:left;pointer-events:none}
.t-script i{display:block;font-size:1.05rem;margin:2px 0 0 72%;color:var(--k-rose)}

/* En-tête */
.t-head{text-align:center;max-width:760px;margin:0 auto 26px;position:relative}
.t-eyebrow{display:inline-flex;align-items:center;gap:16px;letter-spacing:.32em;text-transform:uppercase;color:var(--k-wine);font-size:.76rem;font-weight:600}
.t-eyebrow::before,.t-eyebrow::after{content:'';width:42px;height:1px;background:var(--k-wine);opacity:.5}
.t-head h2{font-size:clamp(2.1rem,4.6vw,3.6rem);font-weight:700;line-height:1;margin:10px 0 12px;color:#B0123F;letter-spacing:-.01em}
.t-head h2 .g,.t-vhead h3 .g{background:linear-gradient(90deg,#B8862F,#E0A94A 55%,#C8913A);-webkit-background-clip:text;background-clip:text;color:transparent}
.t-head p{color:var(--k-ink-2);font-size:1.02rem;line-height:1.45}

/* Carrousel */
.t-slider{position:relative}
.t-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 4*14px)/5);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;
  scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;
  padding:8px 16px 40px;margin:0 -16px -26px;scroll-padding-inline:16px}
.t-track::-webkit-scrollbar{display:none}
.t-track.few{grid-auto-flow:row;grid-template-columns:repeat(auto-fit,minmax(220px,270px));grid-auto-columns:auto;justify-content:center;overflow:visible;padding:8px 0 0;margin:0}
.t-track.grid{grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-auto-columns:auto;overflow:visible;row-gap:22px;padding:8px 0 0;margin:0}
.t-nav{position:absolute;top:30%;z-index:3;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#F73B78,#E91E63);border:3px solid #fff;
  color:#fff;font-size:1rem;display:flex;align-items:center;justify-content:center;box-shadow:var(--k-shadow-rose);transition:transform .2s,opacity .2s}
.t-nav:hover{transform:scale(1.08)}
.t-nav:disabled{opacity:.35;cursor:default;transform:none}
.t-nav.prev{left:-23px}
.t-nav.next{right:-23px}
.t-nav[hidden]{display:none}
.t-dots{display:none;justify-content:center;gap:7px;margin-top:2px}
.t-dots button{width:8px;height:8px;border-radius:999px;background:#F3C3D2;transition:all .25s}
.t-dots button.on{width:22px;background:var(--k-rose)}

/* Carte */
.t-card{scroll-snap-align:start;background:rgba(255,255,255,.9);border:1px solid #FBE1E9;border-radius:20px;padding:10px;
  box-shadow:0 12px 34px rgba(158,27,63,.10);display:flex;flex-direction:column;min-width:0;transition:transform .25s,box-shadow .25s}
.t-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(158,27,63,.16)}
.t-photo{position:relative;aspect-ratio:1.06/1;border-radius:14px;overflow:hidden;background:var(--k-soft)}
.t-main{width:100%;height:100%;object-fit:cover;object-position:center 22%}
/* Avant + après : photo « après » décalée à droite, fond flouté derrière le polaroïd */
.t-bg{position:absolute;inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px);object-fit:cover;filter:blur(10px) saturate(1.1);opacity:.85}
.t-photo.both .t-main{position:absolute;right:0;top:0;width:70%;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 16%);mask-image:linear-gradient(90deg,transparent 0%,#000 16%)}
.t-pola{position:absolute;z-index:2;left:7px;top:8px;width:41%;margin:0;background:#fff;padding:4px 4px 0;border-radius:3px;transform:rotate(-5deg);
  box-shadow:0 6px 16px rgba(41,21,26,.28)}
.t-pola img{width:100%;aspect-ratio:.86/1;object-fit:cover;object-position:center 20%;border-radius:1px}
.t-pola figcaption{font-family:'Great Vibes',cursive;font-size:1.15rem;line-height:1.35;color:var(--k-ink);text-align:center}
.t-arrow{position:absolute;z-index:2;left:14%;top:58%;width:42px;height:34px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
.t-apres{position:absolute;z-index:2;right:6px;bottom:10px;padding:2px 16px 4px 12px;font-family:'Great Vibes',cursive;font-size:1.6rem;line-height:1.1;color:#fff;
  background:linear-gradient(100deg,rgba(233,30,99,.92),rgba(247,59,120,.95) 60%,rgba(255,111,156,.85));
  border-radius:40% 12% 45% 10% / 60% 30% 70% 40%;transform:rotate(-8deg);text-shadow:0 1px 2px rgba(141,23,51,.4)}
.t-body{position:relative;display:flex;flex-direction:column;flex:1;padding:12px 6px 4px}
.t-quote{position:relative;margin:0 0 8px;padding:0 0 0 24px;color:var(--k-ink-2);font-size:.86rem;line-height:1.4;flex:1}
.t-quote::before{content:'\201C';position:absolute;left:0;top:-6px;font-family:var(--k-serif);font-size:2.4rem;line-height:1;color:var(--k-rose-2);font-weight:700}
.t-card .k-stars,.t-feat .k-stars{font-size:.9rem;gap:3px;color:#F2B33D}
.t-card .k-stars{padding-left:24px}
.t-who{display:flex;align-items:center;gap:10px;margin:10px 0 2px}
.t-who img,.t-who .ini{width:42px;height:42px;border-radius:50%;object-fit:cover;object-position:center 20%;border:2px solid #fff;box-shadow:0 2px 8px rgba(158,27,63,.18);flex-shrink:0}
.t-who .ini{display:flex;align-items:center;justify-content:center;background:var(--k-soft-2);color:var(--k-wine);font-weight:700;font-size:.8rem}
.t-who b{display:block;font-size:.9rem;color:var(--k-ink);font-weight:600}
.t-who span{font-size:.76rem;color:var(--k-muted)}
.t-who span i{color:var(--k-rose);font-size:.68rem;margin-right:4px}
.t-body.has-prod .t-who{padding-right:31%}
.t-who>div{min-width:0}
.t-who b,.t-who span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t-who span{display:block}
.t-prod{position:absolute;right:-4px;bottom:-4px;width:33%;max-height:74px;display:flex;justify-content:flex-end}
.t-prod img{max-height:74px;width:100%;object-fit:contain;object-position:right bottom;mix-blend-mode:multiply;transition:transform .25s}
a.t-prod:hover img{transform:scale(1.06) rotate(-2deg)}
.t-prod-txt{align-self:flex-start;margin-top:8px;font-size:.74rem;font-weight:600;color:var(--k-wine-2);background:var(--k-soft);border-radius:999px;padding:4px 10px}

/* Bloc vidéos + témoignage à la une */
.t-lower{display:grid;grid-template-columns:1.62fr 1fr;gap:18px;margin-top:20px;align-items:stretch}
.t-lower.single{grid-template-columns:1fr}
.t-vbox{background:rgba(255,255,255,.82);border:1px solid #FBE1E9;border-radius:20px;padding:18px 18px 16px;box-shadow:0 10px 30px rgba(158,27,63,.07);min-width:0}
.t-vhead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;flex-wrap:wrap}
.t-vhead h3{font-size:1.55rem;font-weight:700;color:#B0123F;line-height:1.15}
.t-vhead p{font-size:.86rem;color:var(--k-muted);margin-top:2px}
.t-vlink{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:999px;border:1px solid #F3B8C7;background:#fff;color:var(--k-rose);font-size:.8rem;font-weight:600;white-space:nowrap;transition:all .2s}
.t-vlink:hover{background:var(--k-rose);color:#fff;border-color:var(--k-rose)}
.t-vids{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.t-vid{display:block;text-align:left;min-width:0}
.t-vthumb{position:relative;display:block;aspect-ratio:1.12/1;border-radius:12px;overflow:hidden;background:linear-gradient(160deg,#D7A6A7,#6E2838)}
.t-vthumb img,.t-vthumb video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.t-vid:hover .t-vthumb img,.t-vid:hover .t-vthumb video{transform:scale(1.06)}
.t-vplay{position:absolute;inset:0;margin:auto;width:44px;height:44px;border-radius:50%;border:2px solid #fff;background:rgba(255,255,255,.25);backdrop-filter:blur(2px);
  color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;padding-left:3px;transition:transform .2s,background .2s}
.t-vid:hover .t-vplay{transform:scale(1.1);background:rgba(233,30,99,.75)}
.t-vdur{position:absolute;right:6px;bottom:6px;background:rgba(41,21,26,.75);color:#fff;font-size:.68rem;font-weight:600;padding:2px 7px;border-radius:6px}
.t-vtitle{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:7px;font-size:.8rem;line-height:1.3;color:var(--k-ink)}
.t-feat{position:relative;margin:0;display:grid;grid-template-columns:1.05fr 1fr;align-items:stretch;min-height:250px}
.t-feat-card{position:relative;z-index:2;background:rgba(255,255,255,.88);border:1px solid #FBE1E9;border-radius:20px;padding:24px 22px 18px;margin-right:-34px;
  box-shadow:0 10px 30px rgba(158,27,63,.08);display:flex;flex-direction:column;justify-content:center;text-align:center}
.t-feat blockquote{position:relative;font-size:.92rem;line-height:1.45;color:var(--k-wine-2);padding:0 6px;margin-bottom:10px}
.t-feat blockquote::before,.t-feat blockquote::after{position:absolute;font-family:var(--k-serif);font-size:2.6rem;line-height:1;color:var(--k-rose-2);font-weight:700}
.t-feat blockquote::before{content:'\201C';left:-14px;top:-12px}
.t-feat blockquote::after{content:'\201D';right:-12px;bottom:-26px}
.t-feat .k-stars{justify-content:center}
.t-feat .t-who{justify-content:center;margin-top:12px}
.t-feat-img{position:relative;border-radius:0 22px 22px 0;overflow:visible}
.t-feat-img>img{width:100%;height:100%;object-fit:cover;object-position:center 25%;border-radius:22px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 18%);mask-image:linear-gradient(90deg,transparent 0%,#000 18%)}
.t-feat-script{position:absolute;right:-6px;bottom:-14px;background:#fff;border-radius:16px;padding:6px 16px 8px;font-family:'Great Vibes',cursive;font-size:1.3rem;line-height:1.1;
  color:var(--k-rose);transform:rotate(-8deg);box-shadow:0 8px 20px rgba(158,27,63,.15);white-space:nowrap}
.t-feat-script i{font-size:.75rem}

/* Chiffres clés */
.t-bottom{display:flex;align-items:center;gap:22px;margin-top:22px}
.t-stats{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));background:rgba(255,255,255,.88);border:1px solid #FBE1E9;
  border-radius:20px;box-shadow:0 10px 30px rgba(158,27,63,.07);padding:16px 8px}
.t-stat{display:flex;align-items:center;gap:14px;padding:4px 22px;border-left:1px solid #F4D7DF;line-height:1.3}
.t-stat:first-child{border-left:0}
.t-stat>i{font-size:1.9rem;color:var(--k-rose-2);flex-shrink:0;width:40px;text-align:center}
.t-stat b{display:block;font-family:var(--k-serif);font-size:1.45rem;font-weight:600;color:var(--k-wine);line-height:1.1;font-variant-numeric:lining-nums;white-space:nowrap}
.t-stat b.sm{font-family:var(--k-serif);font-size:1.05rem;font-weight:600;color:#B0123F;white-space:normal;margin-bottom:2px}
.t-stat span{display:block;font-size:.8rem;color:var(--k-ink-2)}
.t-cta{flex-shrink:0;padding:16px 30px;font-size:.95rem;color:#fff;background:linear-gradient(90deg,#C2185B 0%,#E91E63 50%,#F1C56D 125%);box-shadow:0 14px 30px rgba(194,24,91,.26)}
.t-cta i{transition:transform .2s}
.t-cta:hover i{transform:translateX(4px)}
.t-empty{text-align:center;color:var(--k-muted);padding:30px 0}
.t-pager{display:flex;justify-content:center;gap:6px;margin-top:22px}
.t-pager a{min-width:38px;height:38px;padding:0 10px;border-radius:999px;border:1px solid var(--k-line-2);background:#fff;display:flex;align-items:center;justify-content:center;font-size:.84rem;font-weight:600;color:var(--k-ink-2)}
.t-pager a:hover{border-color:var(--k-rose);color:var(--k-rose)}
.t-pager a.on{background:var(--k-rose);border-color:var(--k-rose);color:#fff}

@media(max-width:1280px){.t-seal{width:104px;height:104px;top:14px}.t-seal i{font-size:1.1rem}.t-seal span{font-size:.56rem}}
@media(max-width:1200px){.t-track{grid-auto-columns:calc((100% - 3*14px)/4)}.t-script{font-size:1.9rem;top:22px}
  .t-lower{grid-template-columns:1fr}.t-feat{max-width:720px;width:100%;margin:6px auto 0}}
@media(max-width:1024px){
  .t-track{grid-auto-columns:calc((100% - 2*14px)/3)}
  .t-script,.t-seal{display:none}
  .t-bottom{flex-direction:column;align-items:stretch}
  .t-cta{align-self:center}
  .t-stats{grid-template-columns:repeat(2,1fr);row-gap:14px}
  .t-stat:nth-child(odd){border-left:0}
  .t-vids{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
}
@media(max-width:820px){
  .t-sec{padding:40px 0 36px}
  .t-track{grid-auto-columns:calc((100% - 14px)/2)}
  .t-nav{display:none}
  .t-dots{display:flex}
  .t-vids{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:42%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .t-vids::-webkit-scrollbar{display:none}
  .t-vid{scroll-snap-align:start}
}
@media(max-width:560px){
  .t-track{grid-auto-columns:84%;gap:12px}
  .t-head p br{display:none}
  .t-stats{grid-template-columns:1fr 1fr;padding:12px 4px}
  .t-stat{padding:4px 10px;gap:10px}
  .t-stat>i{font-size:1.4rem;width:28px}
  .t-stat b{font-size:1.15rem}
  .t-cta{width:100%}
  .t-ribbon{display:none}
  .t-feat{grid-template-columns:1fr}
  .t-feat-card{margin:0;order:2}
  .t-feat-img{height:230px;order:1;margin-bottom:-26px}
  .t-feat-img>img{-webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 30%);mask-image:linear-gradient(0deg,transparent 0%,#000 30%)}
  .t-feat-script{bottom:auto;top:12px;right:8px}
  .t-vids{grid-auto-columns:62%}
}
@media(prefers-reduced-motion:reduce){.t-track{scroll-behavior:auto}.t-card,.t-card:hover{transition:none;transform:none}}