:root{
  --bg:#0f1115;
  --panel:#171a21;
  --panel-2:#1c2028;
  --panel-3:#222733;
  --line:rgba(255,255,255,.08);
  --line-strong:rgba(255,255,255,.14);
  --text:#f7f8fb;
  --muted:#a9b0bc;
  --gold:#f4c46b;
  --purple:#6e63ff;
  --cyan:#72d4ff;
  --green:#82d7a7;
  --danger:#ff6f7c;
  --radius:24px;
  --radius-md:18px;
  --radius-sm:14px;
  --shadow:0 24px 60px rgba(0,0,0,.35);
  --ease:cubic-bezier(.2,.95,.2,1);
}

*{box-sizing:border-box}
html,body{height:100%;overflow-x:hidden}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  background:var(--bg);
  color:var(--text);
}

.hidden{display:none!important}

.bg{
  position:fixed; inset:0;
  z-index:-3;
  background:
    url("background.webp") center/cover no-repeat fixed,
    linear-gradient(180deg,#111420,#0f1115);
  transform:scale(1.04);
}
.bgShade{
  position:fixed; inset:0;
  z-index:-2;
  background:
    radial-gradient(1000px 500px at 12% 12%, rgba(114,212,255,.14), transparent 58%),
    radial-gradient(860px 440px at 88% 10%, rgba(110,99,255,.16), transparent 56%),
    radial-gradient(900px 520px at 50% 100%, rgba(244,196,107,.10), transparent 58%),
    linear-gradient(180deg, rgba(11,13,18,.30), rgba(11,13,18,.78));
}

.debug{
  position:fixed; inset:0; z-index:9999;
  display:flex; align-items:center; justify-content:center;
  padding:16px; background:rgba(0,0,0,.78);
}
.debug.hidden{display:none}
.debugBox{
  width:min(900px,100%);
  padding:14px;
  border-radius:20px;
  border:1px solid var(--line-strong);
  background:#12151b;
  box-shadow:var(--shadow);
}
.debugTitle{font-weight:800;margin-bottom:10px}
.debugText{
  margin:0;
  padding:10px;
  max-height:55vh;
  overflow:auto;
  border-radius:14px;
  background:#0d1015;
  border:1px solid var(--line);
  color:#dfe4ed;
  font-size:12px;
  white-space:pre-wrap;
  word-break:break-word;
}
.debugBtn{
  width:100%;
  margin-top:10px;
  min-height:48px;
  border-radius:14px;
  border:1px solid var(--line-strong);
  background:#181d26;
  color:var(--text);
  font-weight:800;
}

.shell{
  width:min(100%, 540px);
  margin:0 auto;
  min-height:100dvh;
  padding:
    calc(18px + env(safe-area-inset-top))
    14px
    calc(116px + env(safe-area-inset-bottom));
}

.panel{display:none}
.panel.is-active{display:block; animation:panelIn .22s var(--ease)}
@keyframes panelIn{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}

.topbar{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  margin-bottom:14px;
}
.brand{
  display:flex; align-items:center; gap:12px; min-width:0;
}
.brandLogo{
  width:54px; height:54px; object-fit:contain; flex:0 0 auto;
  filter:drop-shadow(0 10px 20px rgba(0,0,0,.24));
}
.brandEyebrow{
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--gold);
}
.brandTitle{
  margin-top:3px;
  font-family:Outfit,Inter,sans-serif;
  font-size:28px;
  font-weight:800;
  line-height:.95;
}
.topCartBtn{
  width:54px; height:54px;
  position:relative;
  border:1px solid var(--line-strong);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  color:var(--text);
  box-shadow:var(--shadow);
}
.topCartIco{
  font-size:18px;
}
.topCartCount{
  position:absolute;
  top:7px; right:7px;
  min-width:20px; height:20px;
  padding:0 6px;
  display:flex; align-items:center; justify-content:center;
  border-radius:999px;
  background:linear-gradient(180deg,#ffd28a,#f4c46b);
  color:#2f230b;
  font-size:10px;
  font-weight:900;
  border:1px solid rgba(255,255,255,.24);
}

.heroCard,
.panelCard,
.subCard,
.infoCard,
.productCard,
.modalCard{
  position:relative;
  overflow:hidden;
  border-radius:var(--radius);
  border:1px solid var(--line);
  background:
    radial-gradient(140% 120% at 0% 0%, rgba(255,255,255,.10) 0%, transparent 36%),
    radial-gradient(120% 100% at 100% 0%, rgba(114,212,255,.08) 0%, transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  box-shadow:var(--shadow);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
}
.heroCard,
.panelCard{padding:16px}
.subCard{padding:14px;margin-top:14px}
.infoCard{padding:14px}
.productCard{padding:12px}
.modalCard{padding:14px}

.heroHeader{
  display:flex; align-items:flex-start; justify-content:space-between; gap:12px;
}
.heroEyebrow,
.sectionEyebrow,
.modalEyebrow{
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--gold);
}
.heroTitle,
.sectionTitle,
.modalTitle{
  margin:6px 0 0;
  font-family:Outfit,Inter,sans-serif;
  font-weight:800;
  line-height:.96;
  letter-spacing:-.03em;
}
.heroTitle{font-size:34px}
.heroText{
  margin:10px 0 0;
  max-width:42ch;
  color:var(--muted);
  line-height:1.55;
  font-size:13px;
}
.heroBadge{
  width:54px; height:54px; flex:0 0 auto;
  display:grid; place-items:center;
  border-radius:18px;
  border:1px solid var(--line-strong);
  background:linear-gradient(180deg, rgba(114,212,255,.18), rgba(110,99,255,.10));
  color:#dff5ff;
  box-shadow:0 18px 34px rgba(0,0,0,.18);
  font-size:18px;
}
.heroFilters{
  margin-top:16px;
  display:grid;
  gap:12px;
}
.field{display:block}
.field > span{
  display:block;
  margin:0 0 7px 2px;
  color:var(--muted);
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.inputShell{position:relative}
.inputShell i{
  position:absolute;
  top:50%; left:14px;
  transform:translateY(-50%);
  color:rgba(255,255,255,.48);
  font-size:14px;
  pointer-events:none;
}
.input{
  width:100%;
  min-height:52px;
  border:1px solid var(--line-strong);
  border-radius:18px;
  background:#12151c;
  color:var(--text);
  font-size:15px;
  font-weight:700;
  padding:0 14px 0 42px;
  outline:none;
}
.input:focus{
  border-color:rgba(114,212,255,.36);
  box-shadow:0 0 0 4px rgba(114,212,255,.10);
}

.quickFilters{
  margin-top:14px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.quickFilter{
  min-height:40px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}
.quickFilter.is-active{
  color:var(--text);
  border-color:rgba(244,196,107,.24);
  background:linear-gradient(180deg, rgba(244,196,107,.12), rgba(244,196,107,.04));
  box-shadow:0 0 0 4px rgba(244,196,107,.08);
}

.heroStats{
  margin-top:14px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.heroStat{
  padding:13px 14px;
  border-radius:18px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
}
.heroStat strong{
  display:block;
  font-family:Outfit,Inter,sans-serif;
  font-size:24px;
  line-height:1;
}
.heroStat span{
  display:block;
  margin-top:4px;
  font-size:11px;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.12em;
}

.sectionBlock{margin-top:16px}
.sectionHead{
  display:flex; align-items:end; justify-content:space-between; gap:10px;
  margin-bottom:12px;
}
.sectionTitle{font-size:28px}
.smallHead{margin-top:16px}
.smallTitle{font-size:20px}

.productsGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
@media (min-width:740px){
  .productsGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

.productCard{
  cursor:pointer;
  transition:transform .16s var(--ease), border-color .16s var(--ease), box-shadow .16s var(--ease);
}
.productCard:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.14);
}
.pMediaWrap{position:relative}
.mediaThumb,
.gallery{
  border-radius:20px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.06);
  background:#0f1218;
}
.mediaThumb{
  aspect-ratio:1/1.06;
  display:flex; align-items:center; justify-content:center;
  color:var(--muted); font-size:12px; font-weight:800;
}
.gallery .track{
  display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none;
}
.gallery .track::-webkit-scrollbar{display:none}
.gallery .slide{
  flex:0 0 100%; scroll-snap-align:start; aspect-ratio:1/1.06;
}
.gallery img,.gallery video{
  width:100%; height:100%; object-fit:cover; display:block;
}
.dots{
  display:flex; justify-content:center; gap:6px; padding:8px;
  background:rgba(255,255,255,.03);
}
.dot{
  width:7px; height:7px; border-radius:999px;
  background:rgba(255,255,255,.16);
}
.dot.is-active{background:var(--gold)}

.pillRow{
  position:absolute; left:10px; right:10px; top:10px;
  display:flex; align-items:flex-start; justify-content:space-between; gap:8px;
  pointer-events:none;
}
.stackLeft{display:flex; gap:8px; flex-wrap:wrap}
.pill{
  min-height:28px;
  padding:0 10px;
  display:inline-flex; align-items:center; gap:6px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(13,16,22,.74);
  color:var(--text);
  font-size:10px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  backdrop-filter:blur(10px);
}
.pillNew{color:#dff5ff}
.pillBest{color:#ffe8bf}
.pillBadge{color:#eaf0ff}
.pill i{font-size:11px}
.productBody{padding:12px 2px 2px}
.productMeta{
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  margin-bottom:8px;
}
.productCat{
  min-height:24px;
  padding:0 9px;
  display:inline-flex; align-items:center;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06);
  color:var(--muted);
  font-size:10px;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.productLink{
  color:var(--muted);
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.productName{
  font-family:Outfit,Inter,sans-serif;
  font-size:17px;
  font-weight:700;
  line-height:1.15;
  letter-spacing:-.02em;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:2.3em;
}
.productPrice{
  margin-top:12px;
  display:flex; align-items:center; gap:8px; flex-wrap:wrap;
}
.priceOld{
  color:rgba(255,255,255,.40);
  text-decoration:line-through;
  text-decoration-thickness:2px;
  text-decoration-color:rgba(255,111,124,.75);
  font-size:12px;
  font-weight:800;
}
.priceNow{
  font-family:Outfit,Inter,sans-serif;
  font-size:24px;
  line-height:1;
  font-weight:800;
}
.priceTag{
  min-height:24px;
  padding:0 8px;
  display:inline-flex; align-items:center;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:var(--muted);
  font-size:10px;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.productHint{
  margin-top:10px;
  color:var(--muted);
  font-size:11px;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.emptyPanel,
.emptyState{
  padding:18px;
  border-radius:22px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
  color:var(--muted);
}
.emptyState{
  min-height:240px;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center;
}
.emptyStateIcon{
  width:58px; height:58px;
  display:grid; place-items:center;
  border-radius:18px;
  margin-bottom:12px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--line);
  color:var(--gold);
  font-size:20px;
}
.emptyStateTitle{
  font-family:Outfit,Inter,sans-serif;
  font-size:28px;
  font-weight:800;
}
.emptyStateText{
  margin-top:8px;
  max-width:34ch;
  color:var(--muted);
  line-height:1.55;
}

.cartList{display:flex; flex-direction:column; gap:10px; margin-top:12px}
.cartItem{
  display:flex; gap:12px; justify-content:space-between;
}
.cMeta{flex:1; min-width:0}
.cName{
  font-family:Outfit,Inter,sans-serif;
  font-size:16px; font-weight:700;
}
.cSub{
  margin-top:5px;
  color:var(--muted);
  font-size:12px;
  line-height:1.45;
}
.cQty{
  display:flex; flex-direction:column; align-items:end; gap:8px;
}
.cPill,.qtyPill{
  min-height:30px;
  padding:0 11px;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  font-weight:800;
}
.qBtn,.qtyBtn{
  width:42px; height:42px;
  border-radius:14px;
  border:1px solid var(--line-strong);
  background:#12151c;
  color:var(--text);
  font-size:20px;
  font-weight:800;
}
.checkout{margin-top:16px}
.totalRow{
  display:flex; align-items:center; justify-content:space-between;
  margin-bottom:10px;
}
.totalRow strong{
  font-family:Outfit,Inter,sans-serif;
  font-size:30px;
  font-weight:800;
}
.row2{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.btn{
  width:100%;
  min-height:50px;
  border-radius:18px;
  border:1px solid var(--line-strong);
  font-weight:800;
  font-size:14px;
  color:var(--text);
  background:#161920;
}
.btnPrimary{
  color:#2f230b;
  background:linear-gradient(180deg,#ffd48c,#f4c46b);
  border-color:rgba(255,255,255,.20);
}
.btnGhost{
  background:rgba(255,255,255,.04);
}
.btn:active,.segBtn:active,.topCartBtn:active,.tab:active,.modalClose:active,.socialBtn:active{
  transform:translateY(1px) scale(.99);
}

.subTitle{
  font-family:Outfit,Inter,sans-serif;
  font-size:19px;
  font-weight:700;
}
.seg{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.segBtn{
  min-height:48px;
  border-radius:16px;
  border:1px solid var(--line-strong);
  background:#12151c;
  color:var(--text);
  font-weight:800;
}
.segBtn.is-active{
  background:linear-gradient(180deg, rgba(244,196,107,.18), rgba(244,196,107,.08));
  border-color:rgba(244,196,107,.30);
  box-shadow:0 0 0 4px rgba(244,196,107,.08);
}
.deliveryFields{margin-top:12px}
.infoGrid{
  display:grid;
  gap:12px;
}
.infoCard{
  display:grid;
  grid-template-columns:46px 1fr;
  gap:12px;
  align-items:start;
}
.infoIcon{
  width:46px; height:46px;
  display:grid; place-items:center;
  border-radius:16px;
  background:linear-gradient(180deg, rgba(244,196,107,.18), rgba(244,196,107,.08));
  color:var(--gold);
  border:1px solid rgba(244,196,107,.22);
}
.infoTitle{
  font-family:Outfit,Inter,sans-serif;
  font-size:17px; font-weight:700;
}
.infoText{
  margin-top:5px;
  color:var(--muted);
  line-height:1.55;
  font-size:13px;
}
.faqList p{
  margin:0 0 10px;
  color:var(--muted);
  line-height:1.55;
}
.mutedBlock{
  margin-top:12px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
  color:var(--muted);
}

.socialGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.socialBtn{
  min-height:92px;
  display:flex; align-items:center; gap:12px;
  padding:14px;
  border-radius:22px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
  color:var(--text);
  text-align:left;
  box-shadow:var(--shadow);
}
.socialIcon{
  width:50px; height:50px; flex:0 0 auto;
  display:grid; place-items:center;
  border-radius:18px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  font-size:22px;
}
.socialBody strong{
  display:block;
  font-family:Outfit,Inter,sans-serif;
  font-size:18px;
  font-weight:700;
}
.socialBody span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
  line-height:1.4;
}
.socialTelegram .socialIcon{color:#73c7ff}
.socialWhatsApp .socialIcon{color:#67df98}
.socialSignal .socialIcon{color:#9dbdff}
.socialSnapchat .socialIcon{color:#ffe07a}
.contactQuickBtn{margin-top:12px}

.modal{
  position:fixed; inset:0; z-index:220;
  display:flex; align-items:flex-end; justify-content:center;
  padding:
    calc(16px + env(safe-area-inset-top))
    14px
    calc(16px + env(safe-area-inset-bottom));
}
.modal.hidden{display:none}
.modalBack{
  position:absolute; inset:0;
  background:rgba(7,10,15,.66);
  backdrop-filter:blur(10px);
}
.modalCard{
  position:relative;
  width:min(100%, 540px);
  max-height:min(86dvh, 860px);
  overflow:auto;
  border-radius:28px;
  transform:translateY(18px);
  opacity:0;
  animation:modalIn .26s var(--ease) forwards;
}
.sendCard{max-height:min(78dvh, 720px)}
@keyframes modalIn{
  to{transform:translateY(0);opacity:1}
}
.modalTop{
  display:flex; align-items:flex-start; justify-content:space-between; gap:12px;
}
.modalTitle{font-size:34px}
.modalEyebrow{
  margin-bottom:6px;
}
.modalClose{
  width:44px; height:44px;
  border-radius:14px;
  border:1px solid var(--line-strong);
  background:#141821;
  color:var(--text);
}
.modalBadgeRow{
  display:flex; flex-wrap:wrap; gap:8px; margin-top:10px;
}
.modalGallery{margin-top:14px}
.modalDesc{
  margin-top:14px;
  padding:14px;
  border-radius:20px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
  color:var(--muted);
  line-height:1.65;
  white-space:pre-wrap;
}
.modalPanel{
  margin-top:14px;
  padding:14px;
  border-radius:22px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
}
.qtyRow{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
}
.qtyLabel{
  font-size:14px; font-weight:800; color:var(--muted);
}
.qtyCtl{
  display:flex; align-items:center; gap:10px;
}
.modalTiers{
  margin-top:12px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.tierBtn{
  min-height:78px;
  padding:12px;
  border-radius:18px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
  color:var(--text);
  text-align:left;
}
.tierTop{
  display:flex; align-items:center; justify-content:space-between; gap:8px;
}
.tierName{
  font-weight:800;
  font-size:14px;
}
.tierPrice{
  font-family:Outfit,Inter,sans-serif;
  font-size:18px;
  font-weight:800;
}
.tierMeta{
  margin-top:6px;
  font-size:11px;
  color:var(--muted);
  line-height:1.45;
}
.modalBottomClose{margin-top:14px}
.sendNote{
  margin-top:12px;
  color:var(--muted);
  line-height:1.55;
  font-size:12px;
}

.bottomnav{
  position:fixed;
  left:50%; bottom:0; transform:translateX(-50%);
  width:min(100%, 540px);
  padding:12px 12px calc(12px + env(safe-area-inset-bottom));
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:10px;
  z-index:80;
  border-radius:28px 28px 0 0;
  background:rgba(12,15,20,.92);
  border:1px solid var(--line);
  border-bottom:none;
  backdrop-filter:blur(20px);
}
.tab{
  position:relative;
  min-height:58px;
  border-radius:18px;
  border:1px solid transparent;
  background:transparent;
  color:var(--muted);
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px;
}
.tab .ico{
  width:34px; height:34px;
  display:flex; align-items:center; justify-content:center;
  border-radius:12px;
  background:rgba(255,255,255,.04);
  color:inherit;
  font-size:15px;
}
.tab .txt{
  font-size:10px;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.tab.is-active{
  color:var(--text);
  border-color:rgba(244,196,107,.18);
  background:linear-gradient(180deg, rgba(244,196,107,.12), rgba(244,196,107,.04));
}
.tab.is-active .ico{
  background:rgba(244,196,107,.16);
  color:var(--gold);
}
.badge{
  position:absolute;
  top:6px; right:10px;
  min-width:20px; height:20px;
  padding:0 6px;
  display:flex; align-items:center; justify-content:center;
  border-radius:999px;
  background:linear-gradient(180deg,#ffd48c,#f4c46b);
  color:#2f230b;
  border:1px solid rgba(255,255,255,.24);
  font-size:10px;
  font-weight:900;
}
.spacer{height:12px}

@media (max-width:520px){
  .heroTitle{font-size:30px}
  .sectionTitle{font-size:25px}
  .modalTitle{font-size:28px}
  .modalTiers{grid-template-columns:1fr}
  .socialGrid,.row2{grid-template-columns:1fr}
}


input.input[type="date"]::-webkit-calendar-picker-indicator{
  filter:invert(1) opacity(.72);
  cursor:pointer;
}
input.input[type="date"]::-webkit-datetime-edit,
input.input[type="date"]::-webkit-datetime-edit-text,
input.input[type="date"]::-webkit-datetime-edit-month-field,
input.input[type="date"]::-webkit-datetime-edit-day-field,
input.input[type="date"]::-webkit-datetime-edit-year-field{
  color:var(--text);
}
select.input{
  appearance:none;
  -webkit-appearance:none;
  padding-right:44px;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(255,255,255,.48) 50%),
    linear-gradient(135deg, rgba(255,255,255,.48) 50%, transparent 50%);
  background-position:
    calc(100% - 18px) calc(50% - 2px),
    calc(100% - 12px) calc(50% - 2px);
  background-size:6px 6px, 6px 6px;
  background-repeat:no-repeat;
}
.preorderRule{margin-top:12px}
.preorderBox{
  margin-top:12px;
  padding:14px;
  border-radius:18px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
}
.preorderBoxTitle{
  font-family:Outfit,Inter,sans-serif;
  font-size:19px;
  font-weight:700;
}
.preorderBoxText{
  margin-top:6px;
  color:var(--muted);
  line-height:1.55;
  font-size:13px;
}
.preorderBoxText strong{color:var(--text)}
.summaryCard{
  padding:14px;
  border-radius:22px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
}
.summaryLine{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 0;
  border-bottom:1px solid rgba(255,255,255,.06);
  color:var(--muted);
  font-size:13px;
}
.summaryLine:last-child{
  border-bottom:none;
  padding-bottom:0;
}
.summaryLine strong{
  color:var(--text);
  font-family:Outfit,Inter,sans-serif;
  font-size:24px;
  line-height:1;
  font-weight:800;
}
.summaryDiscount span,
.summaryDiscount strong{
  color:var(--green);
}
.summaryDiscount strong{font-size:20px}
.summaryFinal{
  padding-top:12px;
}
.summaryFinal span{
  color:var(--text);
  font-size:14px;
  font-weight:800;
}
.summaryFinal strong{font-size:30px}

/* Avis clients */
.sectionIntro{
  margin:8px 0 0;
  color:var(--muted);
  line-height:1.6;
  font-size:13px;
}
.pillPromo{
  color:#fff4d2;
  border-color:rgba(244,196,107,.28);
  background:rgba(244,196,107,.16);
}
.inputShell.noIcon .input{padding-left:14px}
.reviewsPanelCard{
  padding:0;
  overflow:hidden;
  animation:panelIn .22s var(--ease);
}
.reviewsHero{
  position:relative;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:18px;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:
    radial-gradient(460px 220px at 10% 0%, rgba(244,196,107,.16), transparent 62%),
    radial-gradient(380px 210px at 100% 0%, rgba(114,212,255,.13), transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
}
.reviewsHeroContent{min-width:0}
.reviewsHeroBadge{
  width:58px;
  height:58px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  box-shadow:0 18px 40px rgba(0,0,0,.22);
  color:#ffe4a8;
  font-size:20px;
}
.reviewTrustRow{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:13px;
}
.reviewTrustRow span{
  min-height:31px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.045);
  color:#e9edf4;
  font-size:11px;
  font-weight:900;
  letter-spacing:.04em;
}
.reviewTrustRow i{color:var(--gold)}
.reviewsSummary{padding:14px 14px 0}
.reviewScoreCard{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:14px;
  padding:16px;
  border-radius:24px;
  border:1px solid rgba(244,196,107,.20);
  background:
    radial-gradient(210px 110px at 0% 0%, rgba(244,196,107,.16), transparent 66%),
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.025));
  box-shadow:0 18px 44px rgba(0,0,0,.20);
}
.reviewScoreCard::after{
  content:"";
  position:absolute;
  inset:auto -40px -64px auto;
  width:160px;
  height:160px;
  border-radius:999px;
  background:rgba(114,212,255,.08);
  filter:blur(8px);
}
.reviewScoreMain{position:relative;z-index:1;text-align:center;min-width:92px}
.reviewScoreValue{
  font-family:Sora,Outfit,Inter,sans-serif;
  font-size:42px;
  line-height:.92;
  font-weight:800;
  letter-spacing:-.07em;
}
.reviewScoreStars{margin-top:8px;display:flex;justify-content:center}
.reviewScoreText{position:relative;z-index:1;min-width:0}
.reviewScoreText strong,
.reviewScoreText span{display:block}
.reviewScoreText strong{
  font-family:Sora,Outfit,Inter,sans-serif;
  font-size:17px;
  line-height:1.18;
  letter-spacing:-.03em;
}
.reviewScoreText span{
  margin-top:6px;
  color:var(--muted);
  font-size:12px;
  line-height:1.55;
}
.reviewScorePills{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
}
.reviewScorePills span{
  min-height:26px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:0 9px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.07);
  color:#e5eaf2;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.reviewScorePills i{color:var(--gold)}
.reviewFormCard{
  margin:14px;
  padding:15px;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.09);
  background:
    radial-gradient(220px 140px at 100% 0%, rgba(114,212,255,.10), transparent 60%),
    rgba(255,255,255,.035);
  box-shadow:0 18px 40px rgba(0,0,0,.18);
}
.formTopline{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.formStep{
  min-height:28px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  border:1px solid rgba(130,215,167,.22);
  background:rgba(130,215,167,.10);
  color:#dfffe9;
  font-size:10px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.reviewForm{display:grid;gap:12px;margin-top:14px}
.reviewFormGrid{display:grid;grid-template-columns:1fr;gap:12px}
.inputShell.softIcon .input{padding-left:42px}
.inputShell.softIcon i{color:rgba(244,196,107,.72)}
.reviewTextarea{
  min-height:118px;
  padding:14px;
  line-height:1.55;
  resize:vertical;
}
.reviewRatingField{min-width:0}
.starPicker{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:7px;
  padding:8px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(0,0,0,.14);
}
.starPick{
  min-width:0;
  height:44px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:15px;
  background:rgba(255,255,255,.04);
  color:rgba(255,255,255,.30);
  font-size:17px;
  transition:transform .16s var(--ease), color .16s var(--ease), background .16s var(--ease), border-color .16s var(--ease), box-shadow .16s var(--ease);
}
.starPick:hover{transform:translateY(-1px)}
.starPick.is-active{
  color:var(--gold);
  background:linear-gradient(180deg, rgba(244,196,107,.18), rgba(244,196,107,.075));
  border-color:rgba(244,196,107,.26);
  box-shadow:0 8px 18px rgba(244,196,107,.08);
}
.ratingText{
  margin:8px 2px 0;
  min-height:18px;
  color:#ffe5ad;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.formFooterLine{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.formHint,
.charCount{
  min-height:18px;
  color:var(--muted);
  font-size:12px;
  line-height:1.45;
}
.charCount{
  flex:0 0 auto;
  font-weight:900;
  color:rgba(255,255,255,.45);
}
.reviewSubmitBtn{
  width:100%;
  justify-content:center;
  gap:10px;
}
.reviewSubmitBtn i{transition:transform .16s var(--ease)}
.reviewSubmitBtn:hover i{transform:translateX(3px)}
.reviewsListHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:20px 14px 10px;
}
.miniGhostLink{
  min-height:34px;
  padding:0 11px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  color:#e9edf4;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.reviewsList{display:grid;gap:10px;padding:0 14px 16px}
.reviewCard{
  position:relative;
  overflow:hidden;
  padding:14px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.085);
  background:
    radial-gradient(220px 120px at 0% 0%, rgba(255,255,255,.06), transparent 58%),
    rgba(255,255,255,.035);
  animation:reviewCardIn .24s var(--ease) both;
}
.reviewCard::before{
  content:"“";
  position:absolute;
  right:14px;
  bottom:-20px;
  color:rgba(255,255,255,.045);
  font-family:Georgia,serif;
  font-size:96px;
  line-height:1;
}
@keyframes reviewCardIn{
  from{opacity:0;transform:translateY(10px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
.reviewCardTop{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.reviewIdentity{display:flex;align-items:center;gap:10px;min-width:0}
.reviewAvatar{
  width:42px;
  height:42px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:16px;
  border:1px solid rgba(244,196,107,.18);
  background:linear-gradient(180deg, rgba(244,196,107,.15), rgba(244,196,107,.05));
  color:#ffe6ad;
  font-family:Sora,Outfit,Inter,sans-serif;
  font-size:15px;
  font-weight:800;
}
.reviewName{
  font-family:Sora,Outfit,Inter,sans-serif;
  font-size:15px;
  font-weight:800;
  letter-spacing:-.02em;
}
.reviewDate{
  margin-top:4px;
  color:var(--muted);
  font-size:11px;
  font-weight:700;
}
.reviewBadge{
  margin-top:7px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:23px;
  padding:0 8px;
  border-radius:999px;
  border:1px solid rgba(130,215,167,.18);
  background:rgba(130,215,167,.08);
  color:#dfffe9;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.starsRead{
  display:flex;
  gap:3px;
  color:var(--gold);
  font-size:13px;
  white-space:nowrap;
}
.starsRead.is-muted{opacity:.35}
.reviewComment{
  position:relative;
  z-index:1;
  margin:12px 0 0;
  color:#dfe4ed;
  font-size:13px;
  line-height:1.65;
}

@media (max-width:420px){
  .bottomnav{gap:6px;padding-left:8px;padding-right:8px}
  .tab{min-height:56px;border-radius:16px}
  .tab .ico{width:31px;height:31px}
  .tab .txt{font-size:9px;letter-spacing:.06em}
  .reviewsHero{padding:16px}
  .reviewsHeroBadge{width:50px;height:50px;border-radius:18px}
  .reviewScoreCard{grid-template-columns:1fr;text-align:left}
  .reviewScoreMain{text-align:left;min-width:0}
  .reviewScoreStars{justify-content:flex-start}
  .starPick{height:41px;border-radius:14px}
  .formFooterLine{align-items:flex-start;flex-direction:column;gap:4px}
}

/* Avis carousel + modal */
.reviewsCarouselShell{
  margin:14px 0 0;
  padding:0 0 2px;
}
.carouselControls{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
}
.carouselIconBtn{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  color:#eef2f7;
  box-shadow:0 10px 24px rgba(0,0,0,.14);
  transition:transform .16s var(--ease), border-color .16s var(--ease), background .16s var(--ease);
}
.carouselIconBtn:active{transform:scale(.96)}
.carouselIconBtn:hover{
  border-color:rgba(244,196,107,.24);
  background:rgba(244,196,107,.075);
}
.reviewsCarousel{
  display:flex;
  gap:12px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:2px 14px 10px;
  scroll-snap-type:x mandatory;
  scroll-padding-left:14px;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  overscroll-behavior-x:contain;
}
.reviewsCarousel::-webkit-scrollbar{display:none}
.reviewSlide{
  flex:0 0 min(88%, 390px);
  min-height:196px;
  scroll-snap-align:start;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.reviewCard.reviewSlide{
  padding:16px;
  border-radius:26px;
  border-color:rgba(255,255,255,.10);
  background:
    radial-gradient(260px 150px at 8% 0%, rgba(244,196,107,.11), transparent 60%),
    radial-gradient(260px 150px at 100% 100%, rgba(114,212,255,.07), transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.026));
  box-shadow:0 18px 46px rgba(0,0,0,.22);
}
.reviewCardRating{
  display:grid;
  gap:5px;
  justify-items:end;
  flex:0 0 auto;
}
.reviewCardRating span{
  color:rgba(255,255,255,.52);
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.reviewCardFooter{
  position:relative;
  z-index:1;
  margin-top:14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.reviewSwipeHint{
  color:rgba(255,255,255,.38);
  font-size:10px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.reviewsDots{
  min-height:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:2px 14px 0;
}
.reviewDot{
  width:7px;
  height:7px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.20);
  transition:width .18s var(--ease), background .18s var(--ease), transform .18s var(--ease);
}
.reviewDot.is-active{
  width:22px;
  background:linear-gradient(90deg,#ffd98f,#f4c46b);
  box-shadow:0 0 0 4px rgba(244,196,107,.08);
}
.reviewCtaBlock{
  padding:14px;
}
.reviewOpenBtn{
  width:100%;
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  padding:10px 14px;
  border-radius:22px;
  text-align:left;
}
.reviewOpenIcon{
  width:42px;
  height:42px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:rgba(0,0,0,.15);
  border:1px solid rgba(255,255,255,.16);
}
.reviewOpenBtn strong,
.reviewOpenBtn small{display:block}
.reviewOpenBtn strong{
  font-family:Sora,Outfit,Inter,sans-serif;
  font-size:14px;
  line-height:1.15;
}
.reviewOpenBtn small{
  margin-top:3px;
  color:rgba(47,35,11,.72);
  font-size:11px;
  font-weight:800;
  line-height:1.25;
}
.reviewEmptyState{
  width:100%;
  flex:1 0 100%;
}
.reviewModalCard{
  padding:16px;
  border-radius:30px 30px 24px 24px;
  background:
    radial-gradient(520px 260px at 8% 0%, rgba(244,196,107,.13), transparent 58%),
    radial-gradient(440px 220px at 100% 10%, rgba(114,212,255,.10), transparent 55%),
    linear-gradient(180deg, rgba(28,32,40,.98), rgba(18,21,28,.98));
  border:1px solid rgba(255,255,255,.10);
}
.reviewSheetSub{
  margin-top:7px;
  color:var(--muted);
  font-size:12px;
  line-height:1.45;
}
.reviewSheetForm{
  margin-top:16px;
  padding:14px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.075);
  background:rgba(255,255,255,.035);
}
.reviewSheetForm .reviewTextarea{
  min-height:132px;
}

@media (max-width:420px){
  .carouselControls{gap:6px}
  .carouselIconBtn{width:36px;height:36px;border-radius:13px}
  .reviewSlide{flex-basis:91%;min-height:204px}
  .reviewCard.reviewSlide{padding:15px}
  .reviewSwipeHint{display:none}
  .reviewOpenBtn{min-height:62px;border-radius:20px}
  .reviewModalCard{padding:14px;border-radius:28px 28px 22px 22px}
}

/* Likes produits + tri catalogue */
.sortField .inputShell::after{
  content:"";
  position:absolute;
  right:42px;
  top:50%;
  width:1px;
  height:24px;
  transform:translateY(-50%);
  background:rgba(255,255,255,.08);
  pointer-events:none;
}

.likeBtn{
  border:1px solid rgba(255,255,255,.14);
  background:rgba(12,15,20,.72);
  color:var(--text);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border-radius:999px;
  font-weight:900;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 12px 26px rgba(0,0,0,.22);
  transition:transform .18s var(--ease), border-color .18s var(--ease), background .18s var(--ease), box-shadow .18s var(--ease);
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.likeBtn:active{transform:scale(.94)}
.likeBtn:hover{
  border-color:rgba(255,111,124,.36);
  box-shadow:0 16px 34px rgba(0,0,0,.28);
}
.likeBtnIcon{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.72);
  transition:background .18s var(--ease), color .18s var(--ease), transform .18s var(--ease);
}
.likeBtnCount{
  min-width:14px;
  font-size:12px;
  line-height:1;
}
.likeBtn.is-liked{
  border-color:rgba(255,111,124,.42);
  background:linear-gradient(180deg, rgba(255,111,124,.22), rgba(255,111,124,.10));
}
.likeBtn.is-liked .likeBtnIcon{
  color:#fff;
  background:linear-gradient(180deg,#ff8994,#ff5264);
  animation:heartPop .36s var(--ease);
}
@keyframes heartPop{
  0%{transform:scale(.72)}
  58%{transform:scale(1.18)}
  100%{transform:scale(1)}
}
.likeBtn--card{
  position:absolute;
  right:10px;
  bottom:10px;
  min-height:40px;
  padding:5px 9px 5px 5px;
  z-index:4;
}
.likeBtn--modal{
  min-height:34px;
  padding:3px 10px 3px 4px;
  margin-left:4px;
}
.likeBtn--modal .likeBtnIcon{
  width:26px;
  height:26px;
}
.productFooterAction{
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.07);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:var(--muted);
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.productFooterAction span,
.productFooterAction strong{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.productFooterAction span i{color:rgba(255,111,124,.92)}
.productFooterAction strong{
  color:var(--gold);
  white-space:nowrap;
}
.productCard{
  will-change:transform;
}
.productCard::after{
  content:"";
  position:absolute;
  inset:auto 14px 12px;
  height:1px;
  opacity:0;
  background:linear-gradient(90deg, transparent, rgba(244,196,107,.55), transparent);
  transition:opacity .18s var(--ease);
}
.productCard:hover::after{opacity:1}

@media (max-width:420px){
  .quickFilters{
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:2px;
    scrollbar-width:none;
  }
  .quickFilters::-webkit-scrollbar{display:none}
  .quickFilter{flex:0 0 auto}
  .likeBtn--card{
    right:8px;
    bottom:8px;
    min-height:38px;
  }
  .productFooterAction{
    align-items:flex-start;
    flex-direction:column;
    gap:6px;
  }
}

/* v28 — cartes produits : badges compacts + coeur rouge premium */
.productCard{
  border-color:rgba(255,255,255,.095);
  background:
    radial-gradient(120% 95% at 12% 0%, rgba(255,255,255,.085) 0%, transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.018));
}
.productCard:hover{
  border-color:rgba(244,196,107,.18);
  box-shadow:0 26px 62px rgba(0,0,0,.38);
}
.productCard .gallery,
.productCard .mediaThumb{
  border-radius:18px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
}
.productCard .gallery::after,
.productCard .mediaThumb::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(0,0,0,.18), transparent 35%, rgba(0,0,0,.24));
}
.pMediaWrap .gallery,
.pMediaWrap .mediaThumb{position:relative}

.pillRow{
  left:8px;
  right:58px;
  top:8px;
  gap:5px;
  justify-content:flex-start;
  z-index:5;
}
.stackLeft{
  display:flex;
  align-items:flex-start;
  gap:5px;
  flex-wrap:wrap;
  max-width:100%;
}
.pill{
  min-height:22px;
  max-width:100%;
  padding:0 7px;
  gap:4px;
  border-radius:999px;
  font-size:8.5px;
  line-height:1;
  letter-spacing:.065em;
  white-space:nowrap;
  background:rgba(8,10,14,.68);
  border-color:rgba(255,255,255,.105);
  box-shadow:0 7px 18px rgba(0,0,0,.18);
}
.pill i{font-size:9px}
.pillPromo{
  color:#2b1800;
  border-color:rgba(255,213,128,.58);
  background:linear-gradient(180deg,#ffd985,#f4b84c);
}
.pillNew{
  color:#dff7ff;
  border-color:rgba(114,212,255,.30);
  background:rgba(40,135,176,.34);
}
.pillBest{
  color:#fff0cb;
  border-color:rgba(244,196,107,.32);
  background:rgba(162,104,24,.36);
}
.pillBadge{
  color:#eef2ff;
  border-color:rgba(255,255,255,.13);
  background:rgba(20,24,32,.72);
}
.pillFlags{letter-spacing:0;font-size:11px;padding-inline:6px}

.likeBtn{
  color:#ff3048;
  border-color:rgba(255,48,72,.28);
  background:rgba(12,15,20,.74);
}
.likeBtn:hover{
  border-color:rgba(255,48,72,.48);
  box-shadow:0 16px 36px rgba(255,48,72,.13), 0 14px 34px rgba(0,0,0,.28);
}
.likeBtnIcon{
  width:26px;
  height:26px;
  color:#ff3048;
  background:rgba(255,48,72,.12);
  box-shadow:inset 0 0 0 1px rgba(255,48,72,.16);
}
.likeBtnIcon i{filter:drop-shadow(0 5px 10px rgba(255,48,72,.28))}
.likeBtnCount{
  color:#fff;
  font-size:11px;
  min-width:12px;
  text-shadow:0 8px 18px rgba(0,0,0,.36);
}
.likeBtn.is-liked{
  border-color:rgba(255,48,72,.58);
  background:linear-gradient(180deg, rgba(255,48,72,.28), rgba(255,48,72,.12));
  box-shadow:0 16px 36px rgba(255,48,72,.18), 0 16px 34px rgba(0,0,0,.28);
}
.likeBtn.is-liked .likeBtnIcon{
  color:#ff3048;
  background:linear-gradient(180deg,#ffe5e8,#ffc7cf);
  box-shadow:inset 0 0 0 1px rgba(255,48,72,.30), 0 8px 18px rgba(255,48,72,.20);
}
.likeBtn--card{
  top:8px;
  right:8px;
  bottom:auto;
  min-height:34px;
  padding:4px 8px 4px 4px;
  z-index:7;
}
.likeBtn--modal{
  color:#ff3048;
}
.likeBtn--modal .likeBtnIcon{
  color:#ff3048;
  background:rgba(255,48,72,.12);
}
.productBody{
  padding:11px 2px 2px;
}
.productMeta{
  margin-bottom:7px;
}
.productCat{
  min-height:22px;
  max-width:68%;
  padding:0 8px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:9px;
  letter-spacing:.085em;
}
.productLink{
  font-size:9px;
  letter-spacing:.10em;
  opacity:.82;
}
.productName{
  font-size:16px;
  line-height:1.16;
  min-height:2.32em;
}
.productPrice{
  margin-top:10px;
  gap:6px;
}
.priceNow{
  font-size:22px;
  color:#fff;
  text-shadow:0 10px 22px rgba(0,0,0,.22);
}
.priceOld{
  font-size:11px;
}
.priceTag{
  min-height:22px;
  padding:0 7px;
  font-size:9px;
}
.productHint{
  margin-top:8px;
  font-size:9px;
  letter-spacing:.08em;
}
.productFooterAction{
  min-height:38px;
  margin-top:11px;
  padding-top:9px;
}
.productFooterAction span{
  color:rgba(255,255,255,.58);
  font-size:10px;
}
.productFooterAction span i{
  color:rgba(255,255,255,.46);
}
.productFooterAction strong{
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(244,196,107,.22), rgba(244,196,107,.08));
  border:1px solid rgba(244,196,107,.20);
  color:#ffe2a5;
  font-size:10px;
}
.productFooterAction strong i{
  font-size:9px;
}

@media (max-width:420px){
  .productsGrid{gap:10px}
  .productCard{padding:10px}
  .pillRow{left:7px;right:52px;top:7px}
  .pill{min-height:20px;padding:0 6px;font-size:8px;gap:3px}
  .pill i{font-size:8px}
  .likeBtn--card{top:7px;right:7px;bottom:auto;min-height:32px;padding:3px 7px 3px 3px}
  .likeBtnIcon{width:24px;height:24px;font-size:12px}
  .likeBtnCount{font-size:10px}
  .productName{font-size:15px}
  .priceNow{font-size:21px}
  .productFooterAction{flex-direction:row;align-items:center;gap:8px}
}

/* v31 — avis par produit */
.productReviewsBlock{
  margin:14px 0 0;
  padding:14px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(100% 120% at 0% 0%, rgba(255,67,96,.10), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
  box-shadow:0 16px 34px rgba(0,0,0,.18);
}
.productReviewHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.productReviewTitle{
  margin-top:4px;
  font-family:Sora,Outfit,Inter,sans-serif;
  font-size:17px;
  font-weight:900;
  letter-spacing:-.03em;
  color:var(--text);
}
.productReviewBtn{
  min-height:38px;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(255,67,96,.24);
  background:linear-gradient(180deg, rgba(255,67,96,.16), rgba(255,67,96,.07));
  color:#ffdce3;
  font-size:12px;
  font-weight:900;
  box-shadow:0 12px 26px rgba(255,67,96,.10);
}
.productReviewBtn i{color:#ff3157}
.productReviewEmpty{
  padding:12px;
  border-radius:18px;
  border:1px dashed rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
}
.productReviewTrack{
  display:flex;
  gap:12px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  padding:1px 1px 4px;
}
.productReviewTrack::-webkit-scrollbar{display:none}
.productReviewTrack .reviewCard{
  flex:0 0 min(86%, 340px);
  scroll-snap-align:start;
  min-height:166px;
}
.reviewProductChip{
  min-height:26px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(114,212,255,.16);
  background:rgba(114,212,255,.08);
  color:#dff5ff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
@media(max-width:520px){
  .productReviewHead{align-items:flex-start;display:grid}
  .productReviewBtn{width:100%}
  .productReviewTrack .reviewCard{flex-basis:92%}
}


/* v33 — identité violette premium + fond image + glass raffiné */
:root{
  --bg:#08020e;
  --panel:rgba(24,8,42,.58);
  --panel-2:rgba(36,12,58,.62);
  --panel-3:rgba(54,20,78,.66);
  --line:rgba(235,210,255,.13);
  --line-strong:rgba(245,224,255,.22);
  --text:#fff8ff;
  --muted:#d7c4e8;
  --gold:#d99cff;
  --purple:#b429ff;
  --purple-2:#ee7dff;
  --purple-3:#7a13d8;
  --violet-deep:#16051f;
  --cyan:#f4d2ff;
  --green:#baffdd;
  --danger:#ff4167;
  --radius:26px;
  --radius-md:20px;
  --radius-sm:15px;
  --shadow:0 30px 85px rgba(3,0,8,.58), 0 0 50px rgba(166,48,255,.12);
  --ease:cubic-bezier(.2,.95,.2,1);
}

html,body{background:#06000b;color:var(--text)}
body{
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  letter-spacing:-.01em;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-5;
  pointer-events:none;
  background:#050009;
}
.bg{
  position:fixed;
  inset:0;
  z-index:-4;
  background:
    linear-gradient(180deg, rgba(5,0,9,.12), rgba(5,0,9,.64)),
    url("background.webp") center center/cover no-repeat fixed;
  transform:none;
  filter:saturate(1.16) contrast(1.06);
}
.bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(520px 360px at 50% 16%, rgba(220,70,255,.23), transparent 66%),
    radial-gradient(760px 520px at 50% 72%, rgba(80,16,130,.32), transparent 70%),
    linear-gradient(90deg, rgba(0,0,0,.42), transparent 20%, transparent 80%, rgba(0,0,0,.42));
}
.bgShade{
  z-index:-3;
  background:
    radial-gradient(900px 520px at 50% 8%, rgba(202,49,255,.20), transparent 58%),
    radial-gradient(740px 420px at 12% 30%, rgba(115,21,210,.16), transparent 56%),
    radial-gradient(780px 470px at 88% 62%, rgba(255,95,245,.12), transparent 56%),
    linear-gradient(180deg, rgba(10,0,18,.24), rgba(5,0,10,.82));
  backdrop-filter:none;
}

.shell{
  width:min(100%, 560px);
  padding:calc(18px + env(safe-area-inset-top)) 14px calc(120px + env(safe-area-inset-bottom));
}

.brandLogo{
  filter:drop-shadow(0 14px 26px rgba(210,76,255,.24));
}
.brandEyebrow,
.heroEyebrow,
.sectionEyebrow,
.modalEyebrow{
  color:#f2b7ff;
  text-shadow:0 0 22px rgba(198,52,255,.30);
}
.brandTitle,
.heroTitle,
.sectionTitle,
.modalTitle{
  font-family:Sora,Outfit,Inter,sans-serif;
  letter-spacing:-.055em;
}
.brandTitle{
  font-size:29px;
  background:linear-gradient(90deg,#fff,#f3d8ff 55%,#ca6bff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.topbar{margin-bottom:16px}
.topCartBtn{
  border-color:rgba(244,210,255,.20);
  background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(84,21,114,.26));
  backdrop-filter:blur(22px) saturate(145%);
  -webkit-backdrop-filter:blur(22px) saturate(145%);
  box-shadow:0 18px 42px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.12), 0 0 28px rgba(184,42,255,.14);
}
.topCartCount{
  color:#260030;
  background:linear-gradient(180deg,#ffd9ff,#d95cff 56%,#9c20ff);
  border-color:rgba(255,255,255,.35);
  box-shadow:0 8px 18px rgba(180,41,255,.34);
}

.heroCard,
.panelCard,
.subCard,
.infoCard,
.productCard,
.modalCard,
.summaryCard,
.reviewsCarouselShell,
.reviewScoreCard,
.productReviewsBlock{
  border-color:rgba(245,219,255,.16);
  background:
    linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.045) 42%, rgba(93,18,130,.18)),
    radial-gradient(420px 220px at 0% 0%, rgba(223,77,255,.18), transparent 68%),
    radial-gradient(380px 210px at 100% 0%, rgba(106,30,194,.18), transparent 60%);
  box-shadow:0 24px 70px rgba(2,0,8,.50), inset 0 1px 0 rgba(255,255,255,.13), inset 0 -1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(28px) saturate(152%);
  -webkit-backdrop-filter:blur(28px) saturate(152%);
}
.heroCard::before,
.panelCard::before,
.subCard::before,
.productCard::before,
.modalCard::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(125deg, rgba(255,255,255,.18), transparent 31%, rgba(214,62,255,.06) 72%, transparent);
  opacity:.72;
}
.heroCard > *,
.panelCard > *,
.subCard > *,
.productCard > *,
.modalCard > *{position:relative;z-index:1}
.heroCard{
  padding:18px;
  overflow:hidden;
}
.heroTitle{font-size:35px;line-height:.95}
.heroText{color:#e4d3ef;font-size:13.5px;line-height:1.58}
.heroBadge{
  color:#ffe9ff;
  border-color:rgba(240,196,255,.22);
  background:linear-gradient(180deg, rgba(222,88,255,.24), rgba(105,24,170,.20));
  box-shadow:0 18px 40px rgba(156,32,255,.23), inset 0 1px 0 rgba(255,255,255,.12);
}

.field > span{color:#d9c5e9;letter-spacing:.14em}
.input{
  color:#fff8ff;
  border-color:rgba(245,219,255,.17);
  background:rgba(12,2,20,.58);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055), 0 14px 26px rgba(0,0,0,.14);
  backdrop-filter:blur(18px) saturate(145%);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
}
.input:focus{
  border-color:rgba(229,120,255,.56);
  box-shadow:0 0 0 4px rgba(198,52,255,.16), inset 0 1px 0 rgba(255,255,255,.08);
}
.inputShell i{color:rgba(236,206,255,.62)}
select.input{appearance:none}

.quickFilters{
  flex-wrap:nowrap;
  overflow-x:auto;
  padding:2px 2px 8px;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
}
.quickFilters::-webkit-scrollbar{display:none}
.quickFilter{
  flex:0 0 auto;
  scroll-snap-align:start;
  min-height:39px;
  padding:0 13px;
  color:#dfccec;
  border-color:rgba(245,219,255,.15);
  background:rgba(21,4,32,.48);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.quickFilter.is-active{
  color:#fff;
  border-color:rgba(235,143,255,.44);
  background:linear-gradient(180deg, rgba(232,104,255,.28), rgba(130,29,210,.22));
  box-shadow:0 0 0 4px rgba(198,52,255,.10), 0 14px 30px rgba(84,0,124,.18);
}
.heroStats{gap:11px}
.heroStat{
  border-color:rgba(245,219,255,.13);
  background:rgba(14,2,23,.44);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.heroStat strong{color:#fff;text-shadow:0 0 24px rgba(224,93,255,.24)}
.heroStat span{color:#cbb6dd}

.productsGrid{gap:13px}
.productCard{
  padding:10px;
  border-radius:25px;
  cursor:pointer;
  transform:translateZ(0);
  transition:transform .18s var(--ease), border-color .18s var(--ease), box-shadow .18s var(--ease), background .18s var(--ease);
}
.productCard:hover,
.productCard:focus-visible{
  transform:translateY(-3px);
  border-color:rgba(238,181,255,.31);
  box-shadow:0 30px 82px rgba(0,0,0,.54), 0 0 42px rgba(177,41,255,.18), inset 0 1px 0 rgba(255,255,255,.14);
  outline:none;
}
.productCard:active{transform:translateY(-1px) scale(.992)}
.productCard .gallery,
.productCard .mediaThumb{
  border-radius:22px;
  border-color:rgba(255,255,255,.09);
  background:linear-gradient(180deg, rgba(25,3,40,.72), rgba(9,1,15,.90));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 16px 34px rgba(0,0,0,.25);
}
.productCard .gallery::after,
.productCard .mediaThumb::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(7,0,10,.36));
}
.pMediaWrap{position:relative}
.pillRow{
  left:8px;
  right:50px;
  top:8px;
  justify-content:flex-start;
  gap:5px;
}
.stackLeft{gap:5px;max-width:100%}
.pill{
  min-height:22px;
  padding:0 7px;
  gap:4px;
  font-size:8.5px;
  letter-spacing:.075em;
  border-radius:999px;
  background:rgba(9,1,15,.58);
  border-color:rgba(255,255,255,.14);
  box-shadow:0 8px 18px rgba(0,0,0,.20);
  backdrop-filter:blur(13px) saturate(145%);
  -webkit-backdrop-filter:blur(13px) saturate(145%);
}
.pill i{font-size:9px}
.pillPromo{
  color:#fff;
  border-color:rgba(244,171,255,.42);
  background:linear-gradient(180deg, rgba(234,92,255,.82), rgba(134,28,218,.74));
  box-shadow:0 10px 24px rgba(198,52,255,.24);
}
.pillNew{color:#fff2ff;border-color:rgba(236,166,255,.30);background:rgba(197,64,255,.24)}
.pillBest{color:#fdefff;border-color:rgba(232,119,255,.30);background:rgba(118,32,200,.31)}
.pillBadge{color:#ead8f7;background:rgba(255,255,255,.075)}

.likeBtn{
  color:#ff315c;
  border-color:rgba(255,49,92,.34);
  background:rgba(10,1,16,.66);
  box-shadow:0 13px 30px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter:blur(16px) saturate(150%);
  -webkit-backdrop-filter:blur(16px) saturate(150%);
}
.likeBtn:hover{border-color:rgba(255,49,92,.58);box-shadow:0 14px 32px rgba(255,49,92,.16), inset 0 1px 0 rgba(255,255,255,.12)}
.likeBtnIcon{
  color:#ff315c;
  background:rgba(255,49,92,.15);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.likeBtnIcon i{filter:drop-shadow(0 5px 11px rgba(255,49,92,.34))}
.likeBtnCount{color:#fff;font-weight:900}
.likeBtn.is-liked{
  color:#ff315c;
  border-color:rgba(255,49,92,.72);
  background:linear-gradient(180deg, rgba(255,49,92,.32), rgba(122,19,216,.18));
  animation:heartPulse .38s var(--ease);
}
.likeBtn.is-liked .likeBtnIcon{
  color:#ff315c;
  background:linear-gradient(180deg,#ffe2e8,#ffc2ce);
}
.likeBtn--card{
  top:8px;
  right:8px;
  bottom:auto;
  min-height:34px;
  padding:4px 7px 4px 4px;
  border-radius:999px;
}
.likeBtn--modal{
  color:#ff315c;
  border-color:rgba(255,49,92,.36);
}
.likeBtn--modal .likeBtnIcon{color:#ff315c}
@keyframes heartPulse{
  0%{transform:scale(.95)}
  55%{transform:scale(1.08)}
  100%{transform:scale(1)}
}

.productBody{padding:12px 3px 2px}
.productMeta{margin-bottom:8px}
.productCat{
  min-height:23px;
  padding:0 8px;
  color:#dbc2eb;
  background:rgba(255,255,255,.065);
  border-color:rgba(255,255,255,.075);
  font-size:9px;
  max-width:calc(100% - 60px);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.productLink{color:#dca8ff;font-size:9px}
.productName{
  color:#fff;
  min-height:2.35em;
  text-shadow:0 8px 18px rgba(0,0,0,.22);
}
.productDesc{color:#ceb6df}
.priceRow{align-items:baseline;margin-top:9px}
.priceNow{
  color:#fff;
  font-family:Sora,Outfit,Inter,sans-serif;
  text-shadow:0 0 24px rgba(227,93,255,.20), 0 12px 22px rgba(0,0,0,.24);
}
.priceOld{color:#b99acb;text-decoration-color:rgba(255,49,92,.70)}
.productFooterAction{
  margin-top:11px;
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:8px 8px 8px 10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:rgba(10,1,16,.38);
}
.productCardHint{
  min-width:0;
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#dec7ec;
  font-size:10px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.productCardHint i{color:#e69dff}
.cardAddBtn{
  width:40px;
  height:40px;
  flex:0 0 40px;
  display:grid;
  place-items:center;
  border:1px solid rgba(247,214,255,.30);
  border-radius:999px;
  color:#fff;
  background:
    radial-gradient(circle at 30% 18%, rgba(255,255,255,.38), transparent 28%),
    linear-gradient(180deg,#f0a4ff,#b62cff 58%,#7218d4);
  box-shadow:0 16px 34px rgba(185,44,255,.30), inset 0 1px 0 rgba(255,255,255,.22);
  cursor:pointer;
  transition:transform .16s var(--ease), box-shadow .16s var(--ease), filter .16s var(--ease);
}
.cardAddBtn:hover{transform:translateY(-2px) scale(1.03);filter:brightness(1.05);box-shadow:0 20px 40px rgba(185,44,255,.38), inset 0 1px 0 rgba(255,255,255,.24)}
.cardAddBtn:active{transform:scale(.94)}
.cardAddBtn i{font-size:15px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.28))}

.btn,
.btnPrimary,
.reviewSubmitBtn,
.reviewOpenBtn{
  border-color:rgba(247,214,255,.22);
}
.btnPrimary,
.reviewSubmitBtn,
.reviewOpenIcon{
  color:#fff;
  background:
    radial-gradient(circle at 26% 10%, rgba(255,255,255,.33), transparent 24%),
    linear-gradient(180deg,#ed9cff,#b62cff 58%,#6d18d2);
  box-shadow:0 18px 42px rgba(182,44,255,.30), inset 0 1px 0 rgba(255,255,255,.18);
}
.btnGhost{
  color:#ead8f7;
  background:rgba(14,2,22,.46);
  border-color:rgba(245,219,255,.14);
}
.segBtn{color:#dac5e8;background:rgba(10,1,16,.42);border-color:rgba(255,255,255,.10)}
.segBtn.is-active{
  color:#fff;
  background:linear-gradient(180deg, rgba(232,104,255,.34), rgba(114,24,212,.28));
  border-color:rgba(232,162,255,.38);
  box-shadow:0 0 0 4px rgba(198,52,255,.10);
}

.bottomnav{
  width:min(100% - 24px, 548px);
  border-color:rgba(245,219,255,.17);
  background:linear-gradient(180deg, rgba(35,10,50,.72), rgba(9,1,17,.82));
  box-shadow:0 26px 70px rgba(0,0,0,.54), inset 0 1px 0 rgba(255,255,255,.12), 0 0 48px rgba(179,42,255,.12);
  backdrop-filter:blur(28px) saturate(155%);
  -webkit-backdrop-filter:blur(28px) saturate(155%);
}
.tab{color:#cbb3dc}
.tab i{color:#e3b3ff}
.tab.is-active{
  color:#fff;
  background:linear-gradient(180deg, rgba(232,104,255,.30), rgba(116,24,206,.24));
  border-color:rgba(238,181,255,.28);
  box-shadow:0 0 0 4px rgba(198,52,255,.08);
}
.cartBadge{
  background:linear-gradient(180deg,#ffd9ff,#d95cff 60%,#9c20ff);
  color:#27002e;
}

.modal{backdrop-filter:blur(12px)}
.modalBack{background:rgba(6,0,10,.70)}
.modalCard{
  background:
    linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.04) 46%, rgba(95,19,135,.21)),
    rgba(17,3,27,.74);
}
.modalClose{
  color:#fff;
  border-color:rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
}
.tierBtn,
.cartItem,
.emptyPanel,
.mutedBlock,
.preorderBox,
.sendBox,
.reviewCard,
.productReviewMiniCard{
  border-color:rgba(245,219,255,.13);
  background:rgba(12,2,20,.48);
  backdrop-filter:blur(16px) saturate(140%);
  -webkit-backdrop-filter:blur(16px) saturate(140%);
}
.tierBtn:hover{border-color:rgba(229,120,255,.36);box-shadow:0 16px 34px rgba(137,26,215,.18)}
.tierPrice,.summaryFinal strong,.cName,.infoTitle,.subTitle{color:#fff}
.infoIcon{color:#ecb6ff;background:rgba(207,69,255,.14);border-color:rgba(232,162,255,.20)}

.reviewsHero{
  background:
    radial-gradient(460px 220px at 10% 0%, rgba(224,86,255,.23), transparent 62%),
    radial-gradient(380px 210px at 100% 0%, rgba(115,24,210,.18), transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
}
.reviewTrustRow i,
.reviewScorePills i,
.reviewCardRating i,
.productReviewBtn i,
.starPick{color:#eaa6ff}
.reviewDot.is-active,
.dot.is-active{
  background:linear-gradient(90deg,#f0a4ff,#b62cff);
  box-shadow:0 0 20px rgba(207,69,255,.36);
}
.reviewOpenBtn,
.productReviewBtn{
  border-color:rgba(232,162,255,.24);
  background:rgba(14,2,22,.44);
}
.reviewOpenBtn:hover,.productReviewBtn:hover{border-color:rgba(232,162,255,.42)}
.starPick.is-active{color:#fff;text-shadow:0 0 18px rgba(238,125,255,.36)}
.reviewScoreValue{color:#fff}

.debug{background:rgba(5,0,10,.82)}
.debugBox{background:rgba(18,4,30,.92);border-color:rgba(245,219,255,.18)}
.debugText{background:rgba(5,0,10,.72)}

@media (max-width:420px){
  .shell{padding-left:12px;padding-right:12px}
  .heroCard,.panelCard{padding:15px}
  .heroTitle{font-size:32px}
  .productsGrid{gap:11px}
  .productCard{padding:9px;border-radius:23px}
  .pill{font-size:8px;padding:0 6px;min-height:21px}
  .pillRow{top:7px;left:7px;right:48px}
  .likeBtn--card{top:7px;right:7px;min-height:32px;padding:3px 7px 3px 3px}
  .likeBtnIcon{width:24px;height:24px;font-size:12px}
  .likeBtnCount{font-size:10px}
  .productBody{padding-top:10px}
  .productName{font-size:16px}
  .productFooterAction{min-height:42px;padding:7px 7px 7px 9px}
  .cardAddBtn{width:38px;height:38px;flex-basis:38px}
  .bottomnav{gap:7px;padding-left:9px;padding-right:9px}
}

@media (prefers-reduced-motion: reduce){
  .productCard,
  .cardAddBtn,
  .likeBtn,
  .panel.is-active{animation:none!important;transition:none!important}
}


/* =========================================================
   V34 — Background violet visible + glass premium fix
   Corrige le cas où le fond était masqué par le background
   opaque du body et par les z-index négatifs.
========================================================= */
html,
body{
  min-height:100%;
  background:#050009 url("background.webp") center center/cover no-repeat fixed !important;
}
body{
  isolation:isolate;
}
.bg,
.bgShade{
  pointer-events:none;
}
.bg{
  position:fixed !important;
  inset:0 !important;
  z-index:0 !important;
  background:
    linear-gradient(180deg, rgba(5,0,9,.06), rgba(5,0,9,.42)),
    url("background.webp") center center/cover no-repeat fixed !important;
  transform:none !important;
  filter:saturate(1.2) contrast(1.08) brightness(.96);
}
.bg::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(560px 380px at 50% 17%, rgba(232,61,255,.24), transparent 68%),
    radial-gradient(760px 520px at 50% 74%, rgba(92,18,145,.25), transparent 70%),
    linear-gradient(90deg, rgba(0,0,0,.54), rgba(0,0,0,.05) 24%, rgba(0,0,0,.05) 76%, rgba(0,0,0,.54));
}
.bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(6,0,13,.05), rgba(5,0,10,.62)),
    radial-gradient(900px 520px at 50% 12%, rgba(214,67,255,.20), transparent 60%);
}
.bgShade{
  position:fixed !important;
  inset:0 !important;
  z-index:1 !important;
  background:
    radial-gradient(820px 480px at 50% 0%, rgba(212,71,255,.16), transparent 62%),
    radial-gradient(720px 440px at 12% 36%, rgba(126,38,226,.13), transparent 58%),
    radial-gradient(720px 440px at 90% 58%, rgba(255,96,230,.09), transparent 58%),
    linear-gradient(180deg, rgba(8,0,14,.20), rgba(4,0,8,.72)) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.debug,
.shell,
.bottomnav,
.modal{
  position:relative;
  z-index:2;
}
.debug{z-index:9999}
.modal{position:fixed;z-index:200}
.bottomnav{position:fixed;z-index:80}

.heroCard,
.panelCard,
.subCard,
.infoCard,
.productCard,
.modalCard,
.summaryCard,
.emptyPanel,
.preorderBox{
  background:
    linear-gradient(145deg, rgba(255,255,255,.115), rgba(255,255,255,.038)),
    radial-gradient(110% 130% at 0% 0%, rgba(216,72,255,.18), transparent 38%),
    radial-gradient(120% 120% at 100% 0%, rgba(98,28,190,.17), transparent 36%) !important;
  border-color:rgba(255,255,255,.16) !important;
  box-shadow:
    0 24px 65px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.14) !important;
  backdrop-filter:blur(24px) saturate(160%) !important;
  -webkit-backdrop-filter:blur(24px) saturate(160%) !important;
}

/* Cartes produits : bouton panier rond demandé */
.cardQuickAdd,
.quickAddBtn,
.productAddRound{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  padding:0 !important;
  border-radius:999px !important;
  display:inline-grid !important;
  place-items:center !important;
  border:1px solid rgba(236,166,255,.36) !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.22), transparent 34%),
    linear-gradient(180deg, rgba(230,86,255,.92), rgba(113,31,205,.88)) !important;
  color:#fff !important;
  box-shadow:0 14px 30px rgba(155,42,234,.32), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.cardQuickAdd i,
.quickAddBtn i,
.productAddRound i{font-size:15px !important}
.cardQuickAdd:active,
.quickAddBtn:active,
.productAddRound:active{transform:scale(.94) !important}


/* v35 — Sold out / Victime de son succès */
.productCard.is-sold-out{
  cursor:not-allowed;
  border-color:rgba(255,255,255,.16);
  filter:saturate(.78);
}
.productCard.is-sold-out .gallery,
.productCard.is-sold-out .mediaThumb{
  filter:grayscale(.25) brightness(.62) blur(.2px);
}
.productCard.is-sold-out .productName,
.productCard.is-sold-out .productPrice,
.productCard.is-sold-out .productHint{
  opacity:.72;
}
.soldOutVeil{
  position:absolute;
  inset:0;
  z-index:6;
  display:grid;
  place-items:center;
  padding:16px;
  background:
    radial-gradient(120% 80% at 50% 30%, rgba(255,255,255,.14), transparent 55%),
    linear-gradient(180deg, rgba(21,2,34,.32), rgba(7,0,12,.68));
  backdrop-filter:blur(4px) saturate(1.25);
  -webkit-backdrop-filter:blur(4px) saturate(1.25);
  pointer-events:none;
}
.soldOutVeil span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 13px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.24);
  background:rgba(10,0,16,.50);
  color:#fff;
  font-size:10px;
  font-weight:950;
  letter-spacing:.13em;
  text-transform:uppercase;
  text-align:center;
  box-shadow:0 18px 48px rgba(0,0,0,.34), 0 0 26px rgba(218,92,255,.24);
}
.pillSoldOut{
  color:#fff!important;
  border-color:rgba(255,255,255,.24)!important;
  background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.08))!important;
  box-shadow:0 10px 26px rgba(0,0,0,.24);
}
.cardAddBtn.is-disabled,
.cardAddBtn:disabled{
  cursor:not-allowed;
  opacity:.58;
  filter:grayscale(.35);
  transform:none!important;
}
.productCard.is-sold-out:hover{
  transform:none!important;
}
.productCard.is-sold-out .productCardHint{
  color:#fff;
  opacity:.9;
}

/* v38 — Parrainage */
.bottomnav{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:6px!important}
.tab{min-height:56px!important;border-radius:16px!important}
.tab .ico{width:31px!important;height:31px!important;border-radius:11px!important;font-size:14px!important}
.tab .txt{font-size:8.7px!important;letter-spacing:.055em!important}
.referralPanelCard{overflow:hidden;display:grid;gap:14px}
.referralHero{
  display:flex;align-items:flex-start;justify-content:space-between;gap:14px;
  padding:2px 2px 4px;
}
.referralHeroBadge{
  width:58px;height:58px;flex:0 0 auto;display:grid;place-items:center;border-radius:22px;
  border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(180deg,rgba(232,104,255,.30),rgba(95,20,168,.24));
  box-shadow:0 20px 46px rgba(190,58,255,.22),inset 0 1px 0 rgba(255,255,255,.16);
  color:#ffe8ff;font-size:19px;
}
.referralSteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.referralStep{
  min-height:74px;padding:12px 9px;border-radius:20px;text-align:center;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.referralStep strong{display:block;font-family:Sora,Outfit,Inter,sans-serif;font-size:16px;line-height:1;color:#fff}
.referralStep span{display:block;margin-top:7px;color:#dcc6eb;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.referralCard{
  position:relative;overflow:hidden;padding:14px;border-radius:24px;
  border:1px solid rgba(255,255,255,.16);
  background:
    linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035)),
    radial-gradient(420px 200px at 0% 0%,rgba(222,76,255,.17),transparent 62%);
  box-shadow:0 20px 54px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter:blur(24px) saturate(152%);
  -webkit-backdrop-filter:blur(24px) saturate(152%);
}
.referralCardHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.referralMiniBadge{
  min-height:28px;padding:0 9px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;
  border:1px solid rgba(255,255,255,.14);background:rgba(12,2,20,.45);
  color:#ead7f5;font-size:9px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;
}
.referralPhoneField{margin-bottom:12px}
.referralOwnBox{margin-top:8px}
.referralCodeCard{
  display:grid;gap:6px;padding:15px;border-radius:22px;
  border:1px dashed rgba(255,255,255,.18);
  background:rgba(9,1,16,.38);
}
.referralCodeCard.is-ready{
  border-style:solid;border-color:rgba(228,120,255,.34);
  background:linear-gradient(135deg,rgba(218,83,255,.18),rgba(11,1,18,.46));
}
.referralCodeCard span{color:#d9bdea;font-size:10px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
.referralCodeCard strong{font-family:Sora,Outfit,Inter,sans-serif;font-size:28px;letter-spacing:.03em;color:#fff;text-shadow:0 0 24px rgba(219,75,255,.35)}
.referralCodeCard small{color:#cab3dc;font-weight:700;line-height:1.45}
.referralActions{display:grid;grid-template-columns:1.25fr .75fr;gap:10px;margin-top:12px}
.referralCodesInput{min-height:110px!important;padding:14px!important;line-height:1.45}
.referralRewardPreview{
  min-height:76px;border-radius:20px;padding:12px;display:grid;align-content:center;gap:5px;
  border:1px solid rgba(255,255,255,.14);background:rgba(9,1,16,.36);
}
.referralRewardPreview strong{font-family:Sora,Outfit,Inter,sans-serif;color:#fff;font-size:17px;line-height:1.05}
.referralRewardPreview span{color:#cbb6dd;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.referralRewardPreview.is-unlocked{border-color:rgba(139,226,174,.32);box-shadow:0 0 0 4px rgba(130,215,167,.08)}
.referralCheckBtn{width:100%;margin-top:12px;justify-content:center;gap:9px}
.referralRedeemResult{margin-top:12px;display:grid;gap:10px}
.referralEmptyResult,
.referralValidBlock,
.referralInvalidBlock{
  padding:12px;border-radius:18px;border:1px solid rgba(255,255,255,.13);background:rgba(9,1,16,.36);
  color:#d9c7e8;font-size:12px;line-height:1.45;font-weight:700;
}
.referralEmptyResult.is-error{border-color:rgba(255,111,124,.25);color:#ffd9dd}
.referralResultTitle{display:flex;align-items:center;gap:8px;font-weight:950;color:#fff;margin-bottom:10px}
.referralResultTitle i{color:#82d7a7}
.referralCodeChips,.referralCartCodes{display:flex;gap:7px;flex-wrap:wrap}
.referralCodeChips span,.referralCartCodes span span{
  min-height:28px;padding:0 9px;display:inline-flex;align-items:center;border-radius:999px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);color:#fff;font-weight:950;font-size:10px;letter-spacing:.08em;
}
.referralGiftUnlocked{margin-top:10px;color:#e9d8f3}
.referralInvalidBlock{border-color:rgba(255,111,124,.18)}
.referralInvalidBlock div+div{margin-top:6px}
.referralRules{display:grid;gap:8px;color:#d4bfdf;font-size:12px;font-weight:750;line-height:1.45}
.referralRules div{display:flex;gap:9px;align-items:flex-start;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09)}
.referralRules i{color:#e6a8ff;margin-top:2px}
.referralCartBox{display:grid;gap:10px}
.referralCartHead{display:flex;align-items:center;justify-content:space-between;gap:12px}
.referralCartGift{width:46px;height:46px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(180deg,rgba(232,104,255,.28),rgba(116,24,206,.20));color:#ffe8ff;border:1px solid rgba(255,255,255,.16)}
.referralCartWarn{color:#ccb5dc;font-size:12px;line-height:1.45;font-weight:700}
.smallInlineBtn{min-height:36px;padding:0 11px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.07);color:#fff;font-weight:900;font-size:11px}
@media(max-width:430px){
  .bottomnav{gap:5px!important;padding-left:7px!important;padding-right:7px!important}
  .tab{min-height:52px!important;border-radius:14px!important}.tab .ico{width:28px!important;height:28px!important}.tab .txt{font-size:7.8px!important}
  .referralSteps{grid-template-columns:1fr}.referralActions{grid-template-columns:1fr}.referralCardHead{display:grid}.referralMiniBadge{width:max-content}
}

.referralUsedHistory{
  margin-top:10px;
  padding:12px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}
.referralUsedHead{
  display:grid;
  gap:4px;
  margin-bottom:10px;
}
.referralUsedHead span{
  display:flex;
  align-items:center;
  gap:8px;
  color:#fff;
  font-size:12px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.referralUsedHead i{color:#e6a8ff}
.referralUsedHead small{
  color:#cdb8dd;
  font-size:11px;
  font-weight:750;
  line-height:1.35;
}
.referralUsedList{display:grid;gap:9px}
.referralUsedItem{
  display:grid;
  gap:8px;
  padding:10px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(18,10,28,.34);
}
.referralUsedMeta{display:grid;gap:3px;min-width:0}
.referralUsedMeta strong{
  color:#fff;
  font-family:Sora,Outfit,Inter,sans-serif;
  font-size:13px;
  line-height:1.15;
}
.referralUsedMeta span{
  color:#d2bfdf;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.referralClaimLocked{display:flex;gap:8px;align-items:flex-start;padding:11px 12px;border-radius:16px;border:1px solid rgba(130,215,167,.22);background:rgba(130,215,167,.08);color:#e3fff0;font-size:12px;font-weight:800;line-height:1.45}
.referralClaimLocked i{color:#82d7a7;margin-top:2px}
.referralCodesInput:disabled,#referralGiftProduct:disabled{opacity:.72;cursor:not-allowed}

/* v38 — sélecteur cadeau parrainage avec miniatures */
.referralPanelCard,
.referralRedeemCard{overflow:visible!important}
.referralGiftLayout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(128px,156px);
  gap:12px;
  align-items:stretch;
}
.referralGiftPicker{position:relative;z-index:25}
.referralGiftPicker.is-open{z-index:80}
.referralGiftPicker.is-disabled{opacity:.72;pointer-events:none}
.referralGiftSelect{
  width:100%;min-height:64px;padding:8px 10px;border:1px solid rgba(255,255,255,.16);border-radius:20px;
  display:grid;grid-template-columns:46px minmax(0,1fr) 18px;gap:10px;align-items:center;text-align:left;
  background:
    linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045)),
    radial-gradient(120px 80px at 15% 0%,rgba(232,104,255,.18),transparent 70%);
  color:#fff;box-shadow:0 16px 36px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);
}
.referralGiftSelect:active{transform:translateY(1px) scale(.995)}
.referralGiftSelectThumb,
.referralGiftThumb{
  width:46px;height:46px;border-radius:16px;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;
  border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(10,1,18,.42));
  color:#edd6ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}
.referralGiftSelectThumb img,
.referralGiftThumb img{width:100%;height:100%;object-fit:cover;display:block}
.referralGiftSelectText{min-width:0;display:grid;gap:4px}
.referralGiftSelectText strong,
.referralGiftInfo strong{font-family:Sora,Outfit,Inter,sans-serif;font-size:13px;font-weight:900;line-height:1.12;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.referralGiftSelectText small,
.referralGiftInfo small{color:#d3bde2;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.referralGiftChevron{color:#e6b4ff;font-size:12px;transition:transform .18s var(--ease)}
.referralGiftPicker.is-open .referralGiftChevron{transform:rotate(180deg)}
.referralGiftDropdown{
  position:absolute;left:0;right:0;top:calc(100% + 8px);max-height:330px;overflow:auto;padding:10px;border-radius:22px;
  border:1px solid rgba(255,255,255,.18);
  background:
    linear-gradient(145deg,rgba(33,8,48,.88),rgba(12,2,19,.92)),
    radial-gradient(360px 180px at 10% 0%,rgba(232,104,255,.24),transparent 68%);
  box-shadow:0 24px 64px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%);
  opacity:0;transform:translateY(-6px) scale(.985);pointer-events:none;transition:opacity .16s var(--ease),transform .16s var(--ease);
}
.referralGiftPicker.is-open .referralGiftDropdown{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.referralGiftDropdown::-webkit-scrollbar{width:6px}.referralGiftDropdown::-webkit-scrollbar-thumb{background:rgba(255,255,255,.20);border-radius:999px}
.referralGiftGroup+.referralGiftGroup{margin-top:12px}
.referralGiftGroupTitle{
  margin:2px 2px 8px;color:#e8c7ff;font-size:10px;font-weight:950;letter-spacing:.13em;text-transform:uppercase;
}
.referralGiftGroupItems{display:grid;gap:8px}
.referralGiftOption{
  width:100%;min-height:62px;padding:8px;border-radius:18px;border:1px solid rgba(255,255,255,.11);
  display:grid;grid-template-columns:46px minmax(0,1fr) 26px;gap:10px;align-items:center;text-align:left;
  background:rgba(255,255,255,.055);color:#fff;transition:transform .16s var(--ease),border-color .16s var(--ease),background .16s var(--ease);
}
.referralGiftOption:hover,.referralGiftOption.is-selected{border-color:rgba(232,104,255,.36);background:rgba(232,104,255,.12)}
.referralGiftOption:active{transform:scale(.985)}
.referralGiftInfo{min-width:0;display:grid;gap:5px}
.referralGiftCheck{
  width:26px;height:26px;border-radius:999px;display:grid;place-items:center;
  color:transparent;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);
}
.referralGiftOption.is-selected .referralGiftCheck{color:#fff;background:linear-gradient(180deg,#e868ff,#8d39ff);border-color:rgba(255,255,255,.18);box-shadow:0 0 0 4px rgba(232,104,255,.12)}
@media(max-width:520px){
  .referralGiftLayout{grid-template-columns:1fr}
  .referralRewardPreview{min-height:64px}
  .referralGiftDropdown{max-height:300px}
}

/* v38 — Sélecteur produit cadeau par catégorie */
.referralGiftGrid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(150px,.75fr);
  gap:10px;
  align-items:stretch;
}
.referralGiftField{min-width:0}
.giftPicker{position:relative;z-index:6}
.giftPicker.is-open{z-index:30}
.giftPickerButton{
  width:100%;
  min-height:76px;
  display:grid;
  grid-template-columns:54px minmax(0,1fr) 26px;
  gap:10px;
  align-items:center;
  padding:10px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:21px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035)),
    rgba(9,1,16,.42);
  color:#fff;
  text-align:left;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 18px 42px rgba(0,0,0,.22);
  backdrop-filter:blur(22px) saturate(150%);
  -webkit-backdrop-filter:blur(22px) saturate(150%);
}
.giftPickerButton:not(:disabled):active{transform:translateY(1px) scale(.99)}
.giftPickerButton:disabled{opacity:.72;cursor:not-allowed}
.giftPickerThumb,
.giftPickerOptionThumb{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:17px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(180deg,rgba(232,104,255,.24),rgba(54,9,99,.30));
  color:#ffe8ff;
  flex:0 0 auto;
}
.giftPickerThumb img,
.giftPickerOptionThumb img{width:100%;height:100%;object-fit:cover;display:block}
.giftPickerText,
.giftPickerOptionText{min-width:0;display:grid;gap:4px}
.giftPickerText strong,
.giftPickerOptionText strong{
  color:#fff;
  font-family:Sora,Outfit,Inter,sans-serif;
  font-size:14px;
  line-height:1.12;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.giftPickerText small,
.giftPickerOptionText small{
  color:#cbb6dd;
  font-size:10px;
  font-weight:850;
  letter-spacing:.06em;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.giftPickerChevron{display:grid;place-items:center;color:#e9c7ff;font-size:12px;transition:transform .18s var(--ease)}
.giftPicker.is-open .giftPickerChevron{transform:rotate(180deg)}
.giftPickerMenu{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 8px);
  max-height:315px;
  overflow:auto;
  overscroll-behavior:contain;
  border:1px solid rgba(255,255,255,.18);
  border-radius:22px;
  padding:9px;
  background:
    radial-gradient(500px 240px at 10% 0%,rgba(225,86,255,.20),transparent 62%),
    linear-gradient(180deg,rgba(33,6,49,.94),rgba(12,2,20,.94));
  box-shadow:0 26px 70px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.14);
  backdrop-filter:blur(28px) saturate(160%);
  -webkit-backdrop-filter:blur(28px) saturate(160%);
}
.giftPickerMenu::-webkit-scrollbar{width:4px}
.giftPickerMenu::-webkit-scrollbar-thumb{background:rgba(255,255,255,.20);border-radius:999px}
.giftPickerGroup+.giftPickerGroup{margin-top:10px}
.giftPickerGroupTitle{
  margin:3px 5px 7px;
  color:#e9c7ff;
  font-size:10px;
  font-weight:950;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.giftPickerOption{
  width:100%;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 28px;
  gap:10px;
  align-items:center;
  min-height:66px;
  padding:8px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  background:rgba(255,255,255,.045);
  color:#fff;
  text-align:left;
}
.giftPickerOption+.giftPickerOption{margin-top:7px}
.giftPickerOptionThumb{width:48px;height:48px;border-radius:15px}
.giftPickerOptionCheck{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:#d6b4ee;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.11);
}
.giftPickerOption.is-selected{
  border-color:rgba(186,99,255,.42);
  background:linear-gradient(135deg,rgba(197,92,255,.20),rgba(255,255,255,.055));
  box-shadow:0 0 0 4px rgba(198,85,255,.08);
}
.giftPickerOption.is-selected .giftPickerOptionCheck{color:#fff;background:linear-gradient(180deg,#da75ff,#8944ff)}
.giftPickerEmpty{padding:14px;border-radius:16px;background:rgba(255,255,255,.055);color:#d8c0e8;font-size:12px;font-weight:800;line-height:1.4}
@media(max-width:560px){
  .referralGiftGrid{grid-template-columns:1fr}
  .giftPickerMenu{max-height:340px}
}

/* v38 — ajustements finaux du sélecteur cadeau */
.giftPicker .giftPickerButton{cursor:pointer}
.giftPicker.is-open .giftPickerChevron{transform:rotate(180deg)}
.giftPicker .giftPickerMenu{z-index:90}
.giftPicker.is-disabled .giftPickerButton{opacity:.72;cursor:not-allowed}

/* v39 — historique parrainage après commande */
.referralFirstUsed{
  margin:0 0 10px;
  padding:11px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border-radius:16px;
  border:1px solid rgba(232,104,255,.20);
  background:linear-gradient(180deg,rgba(232,104,255,.12),rgba(137,68,255,.07));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 14px 30px rgba(0,0,0,.14);
}
.referralFirstUsed span{
  color:#d8c1e8;
  font-size:10px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.referralFirstUsed strong{
  color:#fff;
  font-family:Sora,Outfit,Inter,sans-serif;
  font-size:15px;
  letter-spacing:.08em;
  text-shadow:0 0 18px rgba(232,104,255,.30);
}


/* =========================================================
   V40 — Livraison hors Besançon visible dans le récap
========================================================= */
.deliveryOutBesanconSummary{
  margin-top:14px;
}
.deliveryOutBesanconNotice{
  position:relative;
  overflow:hidden;
  padding:13px 14px;
  border-radius:18px;
  border:1px solid rgba(255,111,124,.62);
  background:
    radial-gradient(120% 160% at 0% 0%, rgba(255,111,124,.32), transparent 42%),
    linear-gradient(145deg, rgba(255,111,124,.18), rgba(80,8,22,.46));
  box-shadow:
    0 18px 42px rgba(0,0,0,.34),
    0 0 0 4px rgba(255,111,124,.10),
    inset 0 1px 0 rgba(255,255,255,.16);
}
.deliveryOutBesanconNotice::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(120deg, rgba(255,255,255,.16), transparent 34%, rgba(255,255,255,.06));
}
.deliveryOutBesanconNotice > *{
  position:relative;
  z-index:1;
}
.deliveryOutBesanconTitle{
  color:#fff;
  font-family:Outfit,Inter,sans-serif;
  font-size:13px;
  line-height:1.22;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.deliveryOutBesanconText{
  display:block;
  margin-top:7px;
  color:#ffe4e7;
  font-size:12px;
  line-height:1.45;
  font-weight:700;
}
.deliveryOutBesanconNotice--summary{
  animation:deliveryOutBesanconPulse 1.8s ease-in-out infinite;
}
.deliveryOutBesanconNotice--minBox{
  grid-column:1 / -1;
}
.deliveryOutBesanconAddressState{
  grid-column:1 / -1;
}
@keyframes deliveryOutBesanconPulse{
  0%,100%{box-shadow:0 18px 42px rgba(0,0,0,.34),0 0 0 4px rgba(255,111,124,.10),inset 0 1px 0 rgba(255,255,255,.16)}
  50%{box-shadow:0 20px 48px rgba(0,0,0,.38),0 0 0 6px rgba(255,111,124,.16),inset 0 1px 0 rgba(255,255,255,.18)}
}
@media (prefers-reduced-motion: reduce){
  .deliveryOutBesanconNotice--summary{animation:none!important}
}


/* v41 — Fidélité commandes */
.loyaltyPanelCard{display:grid;gap:14px;overflow:hidden}
@keyframes loyaltySpin{to{transform:rotate(360deg)}}
.loyaltyHero{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.loyaltyIdentityCard,
.loyaltyGiftReady,
.loyaltyGiftUnlock,
.loyaltyProgressCard,
.loyaltyEmptyBox,
.loyaltyOrderItem,
.loyaltyLoading,
.loyaltyError{
  border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(9,1,16,.36);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.loyaltyIdentityCard{display:flex;align-items:center;gap:12px;padding:13px;margin-bottom:12px}
.loyaltyIdentityCard>span{width:46px;height:46px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(180deg,rgba(114,212,255,.20),rgba(110,99,255,.12));color:#dff5ff;border:1px solid rgba(255,255,255,.14);font-size:19px}
.loyaltyIdentityCard strong{display:block;color:#fff;font-family:Sora,Outfit,Inter,sans-serif;font-size:15px}
.loyaltyIdentityCard small{display:block;margin-top:4px;color:#cbb6dd;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.loyaltyStatsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.loyaltyStat{padding:13px 10px;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));text-align:center}
.loyaltyStat strong{display:block;font-family:Sora,Outfit,Inter,sans-serif;font-size:24px;color:#fff;line-height:1}
.loyaltyStat span{display:block;margin-top:6px;color:#cab3dc;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.loyaltyProgressCard{padding:13px;margin-bottom:12px}
.loyaltyProgressTop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;color:#fff;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.loyaltyProgressTrack{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.loyaltyProgressTrack>div{height:100%;border-radius:999px;background:linear-gradient(90deg,#ed9cff,#f4c46b);box-shadow:0 0 24px rgba(232,104,255,.35);transition:width .28s var(--ease)}
.loyaltyGiftReady{display:flex;align-items:center;gap:12px;padding:13px;margin-bottom:12px;border-color:rgba(130,215,167,.24);background:rgba(130,215,167,.08)}
.loyaltyGiftIcon{width:50px;height:50px;display:grid;place-items:center;border-radius:18px;overflow:hidden;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#e3fff0;flex:0 0 auto}
.loyaltyGiftIcon img{width:100%;height:100%;object-fit:cover;display:block}
.loyaltyGiftReady strong{display:block;color:#fff;font-family:Sora,Outfit,Inter,sans-serif;font-size:14px}
.loyaltyGiftReady span span,.loyaltyGiftReady div span{display:block;margin-top:4px;color:#d9f8e6;font-size:12px;font-weight:800}
.loyaltyGiftUnlock{padding:14px;margin-bottom:12px;display:grid;gap:12px;border-color:rgba(244,196,107,.24);background:rgba(244,196,107,.08)}
.loyaltyGiftUnlockTitle{display:flex;align-items:center;gap:9px;color:#fff;font-weight:950;text-transform:uppercase;letter-spacing:.08em;font-size:12px}
.loyaltyGiftUnlockTitle i{color:#82d7a7}.loyaltyGiftUnlock p{margin:0;color:#ead8f7;line-height:1.5;font-size:12px;font-weight:750}
.loyaltyEmptyBox{padding:14px;color:#d4bfdf;line-height:1.5;font-size:12px;font-weight:750;margin-bottom:12px}
.loyaltyLoading{padding:12px;color:#fff;font-weight:900;margin-bottom:12px}.loyaltyLoading i{animation:loyaltySpin 1.4s linear infinite;margin-right:8px}.loyaltyError{padding:12px;color:#ffd9dd;border-color:rgba(255,111,124,.24);background:rgba(255,111,124,.08);font-weight:850;margin-bottom:12px}
.loyaltyOrdersList{display:grid;gap:10px}.loyaltyOrderItem{padding:13px;display:grid;gap:7px}.loyaltyOrderTop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.loyaltyOrderTop strong{font-family:Sora,Outfit,Inter,sans-serif;color:#fff;font-size:15px}.loyaltyOrderMeta,.loyaltyOrderGift{color:#cbb6dd;font-size:12px;font-weight:750;line-height:1.45}.loyaltyOrderGift{color:#e9d8f3}.loyaltyOrderGift i{color:var(--gold);margin-right:6px}.loyaltyCartBox{display:grid;gap:10px}.loyaltyCartGiftLine{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10)}.loyaltyCartGiftLine strong{color:#fff}.loyaltyCartGiftLine span{color:#cab3dc;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.statusPill.off{color:#ddd;border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.06)}
@media(max-width:430px){.loyaltyHero{display:grid}.loyaltyStatsGrid{grid-template-columns:1fr}.loyaltyOrderTop{display:grid}.bottomnav{grid-template-columns:repeat(7,minmax(0,1fr))!important}.tab .txt{font-size:7px!important}.tab .ico{width:26px!important;height:26px!important}}
.statusPill{min-height:28px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;font-size:9px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(255,255,255,.12);white-space:nowrap;background:rgba(255,255,255,.06);color:#fff}
.statusPill.wait{color:#ffe8bf;border-color:rgba(244,196,107,.24);background:rgba(244,196,107,.10)}
.statusPill.ok{color:#dfffe9;border-color:rgba(130,215,167,.24);background:rgba(130,215,167,.10)}

/* =========================================================
   Fidélité commandes — v41
   ========================================================= */
.loyaltyPanelCard{padding:16px;min-height:420px}
.loyaltyLoading i{animation:loyaltyGearSpin 1.4s linear infinite}
@keyframes loyaltyGearSpin{to{transform:rotate(360deg)}}
.loyaltyHero{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
  margin-bottom:14px;
}
.sectionIntro{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
.smallInlineBtn{
  min-height:42px;padding:0 12px;border-radius:14px;border:1px solid var(--line-strong);
  background:rgba(255,255,255,.04);color:var(--text);font-weight:800;white-space:nowrap;
}
.loyaltyIdentityCard,
.loyaltyProgressCard,
.loyaltyGiftReady,
.loyaltyGiftUnlock,
.loyaltyEmptyBox,
.loyaltyOrderItem{
  border:1px solid var(--line);
  border-radius:22px;
  background:rgba(255,255,255,.035);
}
.loyaltyIdentityCard{
  display:flex;align-items:center;gap:12px;padding:13px;margin-bottom:12px;
}
.loyaltyIdentityCard>span{
  width:44px;height:44px;display:grid;place-items:center;border-radius:16px;
  border:1px solid rgba(114,212,255,.18);background:rgba(114,212,255,.10);color:#dff5ff;font-size:18px;
}
.loyaltyIdentityCard strong{display:block;font-family:Outfit,Inter,sans-serif;font-size:18px}
.loyaltyIdentityCard small{display:block;margin-top:3px;color:var(--muted);font-weight:700;font-size:12px}
.loyaltyError{padding:12px 13px;border-radius:18px;background:rgba(255,111,124,.10);border:1px solid rgba(255,111,124,.22);color:#ffd9dd;font-weight:800;margin-bottom:12px}
.loyaltyLoading{padding:12px 13px;border-radius:18px;background:rgba(244,196,107,.09);border:1px solid rgba(244,196,107,.20);font-weight:800;margin-bottom:12px;color:#ffe8bf}
.loyaltyStatsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
.loyaltyStat{padding:13px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.035)}
.loyaltyStat strong{display:block;font-family:Outfit,Inter,sans-serif;font-size:24px;line-height:1}
.loyaltyStat span{display:block;margin-top:5px;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.loyaltyProgressCard{padding:14px;margin:12px 0}
.loyaltyProgressTop{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:900}
.loyaltyProgressTop span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.10em}
.loyaltyProgressTrack{height:11px;margin-top:12px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;border:1px solid rgba(255,255,255,.05)}
.loyaltyProgressTrack>div{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold),#ffe3ad);transition:width .28s var(--ease)}
.loyaltyGiftReady{display:flex;align-items:center;gap:12px;padding:13px;margin:12px 0;background:linear-gradient(180deg,rgba(130,215,167,.12),rgba(255,255,255,.035));border-color:rgba(130,215,167,.22)}
.loyaltyGiftIcon{width:54px;height:54px;flex:0 0 auto;display:grid;place-items:center;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);overflow:hidden;color:var(--green);font-size:19px}
.loyaltyGiftIcon img{width:100%;height:100%;object-fit:cover;display:block}
.loyaltyGiftReady strong{display:block;font-family:Outfit,Inter,sans-serif;font-size:17px}
.loyaltyGiftReady span span,.loyaltyGiftReady small{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.loyaltyGiftUnlock{padding:14px;margin:12px 0;border-color:rgba(244,196,107,.24);background:linear-gradient(180deg,rgba(244,196,107,.11),rgba(255,255,255,.035))}
.loyaltyGiftUnlockTitle{font-family:Outfit,Inter,sans-serif;font-size:20px;font-weight:800;color:#ffe8bf}
.loyaltyGiftUnlock p{margin:8px 0 12px;color:var(--muted);font-size:13px;line-height:1.55}
.loyaltyGiftSelectField{margin-bottom:10px}
.loyaltyEmptyBox{padding:14px;margin:12px 0;color:var(--muted);line-height:1.5}
.loyaltyOrdersBlock{margin-top:16px}
.loyaltyOrdersList{display:grid;gap:10px}
.loyaltyOrderItem{padding:13px}
.loyaltyOrderTop{display:flex;align-items:center;justify-content:space-between;gap:10px}
.loyaltyOrderTop strong{font-family:Outfit,Inter,sans-serif;font-size:15px}
.statusPill{min-height:28px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.statusPill.ok{color:#dfffe9;border-color:rgba(130,215,167,.24);background:rgba(130,215,167,.08)}
.statusPill.wait,.statusPill.warn{color:#ffe8bf;border-color:rgba(244,196,107,.24);background:rgba(244,196,107,.08)}
.statusPill.off{color:#ffd9dd;border-color:rgba(255,111,124,.22);background:rgba(255,111,124,.08)}
.loyaltyOrderMeta{margin-top:7px;color:var(--muted);font-size:12px;line-height:1.45}
.loyaltyOrderGift{margin-top:9px;padding:9px 10px;border-radius:14px;background:rgba(244,196,107,.08);border:1px solid rgba(244,196,107,.16);font-size:12px;font-weight:800;color:#ffe8bf}
.loyaltyCartBox{border-color:rgba(244,196,107,.20)!important;background:linear-gradient(180deg,rgba(244,196,107,.10),rgba(255,255,255,.035))!important}
.loyaltyCartHead{align-items:center}
.loyaltyCartGiftLine{margin-top:10px;padding:11px 12px;border-radius:16px;border:1px solid rgba(244,196,107,.18);background:rgba(0,0,0,.10);display:flex;align-items:center;justify-content:space-between;gap:10px}
.loyaltyCartGiftLine strong{font-family:Outfit,Inter,sans-serif;font-size:17px}
.loyaltyCartGiftLine span{color:#ffe8bf;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:420px){.loyaltyStatsGrid{grid-template-columns:1fr}.loyaltyHero{display:block}.smallInlineBtn{margin-top:12px;width:100%}.loyaltyOrderTop{align-items:flex-start;flex-direction:column}.loyaltyCartGiftLine{align-items:flex-start;flex-direction:column}}

/* Navigation finale: Accueil, Panier, Infos, Avis, Parrainage, Fidélité, Contact */
.bottomnav{grid-template-columns:repeat(7,minmax(0,1fr))!important}
@media(max-width:430px){.bottomnav{grid-template-columns:repeat(7,minmax(0,1fr))!important}.tab .txt{font-size:7px!important}.tab .ico{width:26px!important;height:26px!important}}

/* v43 — Ajustements commande précédente */
.summaryAdjustment strong:first-letter{font-weight:900}
.accountAdjustmentCartBox{
  border-color:rgba(114,212,255,.18);
  background:linear-gradient(180deg,rgba(114,212,255,.08),rgba(255,255,255,.025));
}
.accountAdjustmentHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.accountAdjustmentLine{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 11px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.04);
  color:var(--muted);
  font-size:12px;
  font-weight:900;
}
.accountAdjustmentLine strong{color:var(--text);font-size:14px;white-space:nowrap}
.accountAdjustmentLine.is-add{border-color:rgba(244,196,107,.18);background:rgba(244,196,107,.07)}
.accountAdjustmentLine.is-add strong{color:#ffe8bf}
.accountAdjustmentLine.is-sub{border-color:rgba(130,215,167,.18);background:rgba(130,215,167,.07)}
.accountAdjustmentLine.is-sub strong{color:#dfffe9}
.loyaltyAdjustmentNotice{
  margin-top:12px;
  padding:12px;
  border-radius:18px;
  border:1px solid rgba(114,212,255,.18);
  background:rgba(114,212,255,.07);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.loyaltyAdjustmentNotice strong{display:block;color:var(--text);font-size:13px}
.loyaltyAdjustmentNotice span{display:block;margin-top:4px;color:var(--muted);font-size:12px;font-weight:800;line-height:1.35}
.loyaltyAdjustmentNotice i{color:var(--cyan);font-size:18px}
@media(max-width:560px){.accountAdjustmentLine{align-items:flex-start;flex-direction:column}.accountAdjustmentLine strong{white-space:normal}}




:root{
  --store-bg:#07030c;
  --store-panel:#12071d;
  --store-stroke:rgba(232,190,255,.18);
  --store-stroke-strong:rgba(232,190,255,.32);
  --store-text:#fff;
  --store-muted:#cbb8d8;
  --store-soft:#f2cdff;
  --store-purple:#8e3cff;
  --store-purple-2:#c84dff;
  --store-green:#8df2b1;
  --store-warn:#ffe8bf;
  --store-header-h:84px;
  --store-promo-h:0px;
  --store-bottom-h:76px;
  --store-radius-xl:36px;
  --store-radius-lg:28px;
  --store-shadow:0 32px 96px rgba(0,0,0,.48);
}
html,body{
  width:100%;
  max-width:100%;
  overflow-x:hidden!important;
  background:var(--store-bg)!important;
  color:var(--store-text);
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-5;
  pointer-events:none;
  background:
    radial-gradient(900px 520px at 14% 8%,rgba(142,60,255,.20),transparent 64%),
    radial-gradient(800px 480px at 88% 4%,rgba(200,77,255,.18),transparent 62%),
    linear-gradient(180deg,#07030c 0%,#050208 62%,#020104 100%);
}
.bg{background:transparent!important;transform:none!important}
.bgShade{background:rgba(0,0,0,.08)!important}
.storePromoTop,.liveOrderStrip{display:none!important}
.storeHeader{
  position:fixed;
  top:0!important;
  left:0;
  right:0;
  z-index:129;
  height:var(--store-header-h);
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:28px;
  padding:0 clamp(18px,3vw,56px);
  background:rgba(4,2,8,.92);
  border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.storeLogoBtn,.storeMenu button,.storeDealBtn,.storeIconBtn{
  border:0;
  background:transparent;
  color:#fff;
  font-family:Sora,Outfit,Inter,sans-serif;
  cursor:pointer;
}
.storeLogoBtn{display:flex;align-items:center;gap:12px;min-width:172px;padding:0;text-align:left}
.storeBolt{
  width:54px;height:54px;display:grid;place-items:center;border-radius:18px;
  border:1px solid var(--store-stroke-strong);
  background:radial-gradient(circle at 35% 20%,rgba(255,255,255,.24),rgba(142,60,255,.22) 42%,rgba(12,4,20,.92));
  box-shadow:0 16px 38px rgba(142,60,255,.22);
}
.storeLogoText{display:grid;line-height:.96;text-transform:uppercase}
.storeLogoText strong{font-size:20px;font-weight:950;letter-spacing:-.04em}
.storeLogoText em{font-size:12px;font-style:normal;font-weight:950;color:var(--store-soft);letter-spacing:.28em}
.storeMenu{display:flex;align-items:center;justify-content:center;gap:clamp(18px,3vw,44px);min-width:0}
.storeMenu button{min-height:48px;display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:-.02em;color:#f8f1ff}
.storeMenu button:hover{color:var(--store-soft)}
.storeActions{display:flex;align-items:center;justify-content:flex-end;gap:12px}
.storeDealBtn{
  min-height:50px;padding:0 24px;border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(142,60,255,.16);
  color:#fff;font-size:13px;font-weight:950;
}
.storeIconBtn{width:48px;height:48px;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);font-size:18px}
.storeIconBtn:hover{border-color:var(--store-stroke-strong);color:var(--store-soft)}
.shell{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  min-height:100dvh!important;
  padding:calc(var(--store-header-h) + 20px + env(safe-area-inset-top)) clamp(14px,3vw,56px) calc(var(--store-bottom-h) + 26px + env(safe-area-inset-bottom))!important;
}
.panel[data-panel="home"] .topbar{display:none!important}

.panelCard,.heroCard,.subCard,.infoCard,.productCard,.modalCard{border-color:var(--store-stroke)!important}
.heroCard{
  width:100%!important;
  max-width:1580px!important;
  min-height:clamp(440px,54vh,680px)!important;
  margin:0 auto!important;
  position:relative!important;
  overflow:hidden!important;
  display:grid!important;
  align-content:end!important;
  gap:24px!important;
  padding:clamp(24px,5vw,76px)!important;
  border-radius:var(--store-radius-xl)!important;
  background:
    linear-gradient(90deg,rgba(5,2,9,.96),rgba(18,5,30,.78),rgba(5,2,9,.94)),
    radial-gradient(760px 420px at 82% 14%,rgba(202,71,255,.34),transparent 66%),
    url("background.webp") center/cover no-repeat!important;
  box-shadow:var(--store-shadow)!important;
}
.heroCard::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(800px 260px at 42% 2%,rgba(255,255,255,.08),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.05),transparent 34%,rgba(0,0,0,.54))}
.heroCard::after,.heroPromoBadge,.dealBubble,.heroText,.heroMiniProof{content:none!important;display:none!important}
.heroHeader{position:relative;z-index:1!important;display:block!important;max-width:980px!important}
.heroEyebrow{width:max-content;max-width:100%;min-height:34px;display:inline-flex;align-items:center;padding:0 16px;border-radius:999px;background:linear-gradient(90deg,var(--store-purple),var(--store-purple-2));color:#fff!important;font-size:11px!important;font-weight:950!important;letter-spacing:.14em!important;text-transform:uppercase!important}
.heroTitle{margin:18px 0 0!important;max-width:850px!important;color:#fff!important;font-family:Sora,Outfit,Inter,sans-serif!important;font-size:clamp(62px,9vw,142px)!important;line-height:.82!important;letter-spacing:-.105em!important;text-transform:uppercase!important;text-shadow:0 22px 70px rgba(0,0,0,.55)!important}
.heroCtaRow{margin-top:24px!important;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.heroMainCta{min-height:56px;min-width:170px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 24px;border:1px solid rgba(255,255,255,.16)!important;border-radius:999px;background:linear-gradient(180deg,#f3d3ff,#a84dff);color:#090210;font-family:Sora,Outfit,Inter,sans-serif;font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 18px 46px rgba(142,60,255,.34)}
.heroFilters{position:relative;z-index:2;display:grid!important;grid-template-columns:minmax(220px,360px) minmax(260px,1fr) minmax(220px,340px)!important;gap:12px!important;max-width:1180px;margin-top:8px!important;padding:14px;border:1px solid rgba(255,255,255,.10);border-radius:var(--store-radius-lg);background:rgba(3,1,7,.54);backdrop-filter:blur(16px)}
.heroFilters .field>span{color:var(--store-soft)!important}
.heroFilters .input{background:#0b0610!important;border-color:var(--store-stroke)!important;color:#fff!important}
.quickFilters{position:relative;z-index:2;margin-top:0!important}
.quickFilter{min-height:42px!important;padding:0 16px!important;border-radius:999px!important;border-color:var(--store-stroke)!important;background:rgba(255,255,255,.045)!important;color:var(--store-muted)!important}
.quickFilter.is-active{background:#fff!important;color:#090210!important;border-color:#fff!important}
.heroStats{position:relative;z-index:2;max-width:540px}
.heroStat{border-color:var(--store-stroke)!important;background:rgba(255,255,255,.045)!important}
.heroStat strong{color:#fff!important}.heroStat span{color:var(--store-muted)!important}
.promoShowcase{width:min(100%,1580px);margin:28px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.promoTile{position:relative;overflow:hidden;min-height:190px;padding:26px;border:1px solid var(--store-stroke-strong);border-radius:var(--store-radius-lg);background:radial-gradient(320px 180px at 82% 18%,rgba(200,77,255,.32),transparent 68%),linear-gradient(120deg,#100719,#21102d);color:#fff;text-align:left;box-shadow:0 22px 70px rgba(0,0,0,.34)}
.promoTile span{display:inline-flex;min-height:30px;align-items:center;padding:0 12px;border-radius:999px;background:#fff;color:#090210;font-family:Sora,Outfit,Inter,sans-serif;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.promoTile strong{display:block;max-width:620px;margin-top:22px;font-family:Sora,Outfit,Inter,sans-serif;font-size:clamp(26px,3vw,48px);line-height:.95;font-weight:950;text-transform:uppercase;letter-spacing:-.07em}
.promoTile em{display:inline-flex;margin-top:20px;min-height:44px;align-items:center;padding:0 18px;border-radius:999px;background:linear-gradient(180deg,#f3d3ff,#a84dff);color:#090210;font-style:normal;font-family:Sora,Outfit,Inter,sans-serif;font-size:12px;font-weight:950;text-transform:uppercase}
.sectionBlock{width:min(100%,1580px);margin:30px auto 0!important;padding:clamp(16px,3vw,34px);border-radius:var(--store-radius-xl);background:#f2eff5!important;color:#0e0714!important}
.sectionBlock .sectionEyebrow{color:var(--store-purple)!important}
.sectionBlock .sectionTitle{color:#0e0714!important;font-family:Sora,Outfit,Inter,sans-serif!important;font-size:clamp(32px,4vw,60px)!important;line-height:.90!important;text-transform:uppercase;letter-spacing:-.08em}
.productsGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.productCard{border-radius:24px!important;border:1px solid rgba(142,60,255,.22)!important;background:#fff!important;color:#0e0714!important;box-shadow:0 14px 42px rgba(0,0,0,.08)!important}
.productName{color:#0e0714!important;font-family:Sora,Outfit,Inter,sans-serif!important;text-transform:uppercase!important}.productCat,.productHint{color:#62536d!important}.priceNow{color:#0e0714!important}.mediaThumb,.gallery{background:#f8f6fa!important;border-color:rgba(0,0,0,.07)!important}.pill{background:var(--store-purple)!important;color:#fff!important}

.bottomnav{left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important;transform:none!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:6px!important;border-radius:0!important;border-left:0!important;border-right:0!important;border-bottom:0!important;background:rgba(4,2,8,.96)!important;padding-left:clamp(12px,3vw,56px)!important;padding-right:clamp(12px,3vw,56px)!important}
.bottomnav .tab{min-height:52px!important;border-radius:14px!important}.bottomnav .tab .ico{width:28px!important;height:28px!important;font-size:13px!important}.bottomnav .tab .txt{font-size:7.2px!important;letter-spacing:.045em!important}.bottomnav .tab.is-active .ico{background:linear-gradient(180deg,#f3d3ff,#a84dff)!important;color:#090210!important}.bottomnav .tab.is-active .txt{color:#fff!important}

/* Jeu v54 */









@media(max-width:1180px){.storeMenu{gap:18px}.storeMenu button{font-size:12px}.productsGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){:root{--store-header-h:70px;--store-bottom-h:70px;--store-promo-h:0px}.storeHeader{grid-template-columns:1fr auto;padding:0 12px}.storeMenu{display:none}.storeLogoBtn{min-width:0}.storeBolt{width:46px;height:46px}.storeLogoText strong{font-size:16px}.storeDealBtn{min-height:44px;padding:0 14px;font-size:12px}.storeIconBtn{display:none}.shell{padding-left:12px!important;padding-right:12px!important;padding-top:calc(var(--store-header-h) + 14px + env(safe-area-inset-top))!important}.heroCard{min-height:auto!important;border-radius:28px!important;padding:22px!important}.heroTitle{font-size:clamp(42px,14vw,76px)!important}.heroFilters{grid-template-columns:1fr!important;padding:10px}.promoShowcase{grid-template-columns:1fr;gap:12px}.sectionBlock{border-radius:26px;padding:14px}.productsGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}}
@media(max-width:430px){.productsGrid{grid-template-columns:1fr!important}.promoTile strong{font-size:30px}.bottomnav .tab .txt{font-size:6.5px!important}}

/* v55 — suppression définitive des bandeaux statistiques/promo demandés */
.storePromoTop,
.liveOrderStrip{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}


/* v59 — affichage drapeaux net : pas de crop rond, pas de logo déformé */






/* v59 — drapeaux propres + aucun visuel rond/fédération dans le jeu */




@media(max-width:430px){}


/* v59 — drapeaux pays propres : l’image pays prime, sans logo provider. */





/* v59 final — client propre : aucune notification technique provider, drapeaux rectangulaires pays */






@media(max-width:430px){
  
}


/* v59 — drapeaux rectangulaires propres, aucun crop circulaire */







/* v59 final — drapeaux pays lisibles, sans crop */





/* v74 — UI/UX mini-app plus compacte, robuste et anti-page blanche */
.storeHeader{backdrop-filter:blur(18px);background:rgba(18,3,29,.72);border-bottom:1px solid rgba(255,255,255,.08)}
.heroCard{padding:18px;border-radius:26px}.heroTitle{letter-spacing:-.04em}.heroFilters{gap:10px}.quickFilters{overflow:auto;padding-bottom:4px;scrollbar-width:none}.quickFilters::-webkit-scrollbar{display:none}.quickFilter{white-space:nowrap}.productsGrid{gap:12px}.productCard,.cardProduct{border-radius:22px;overflow:hidden;transform:translateZ(0)}.productCard img,.cardProduct img{object-fit:cover}.bottomNav,.mobileNav{backdrop-filter:blur(18px);background:rgba(18,3,29,.84)}
.loadState{padding:22px;border:1px solid rgba(255,255,255,.10);border-radius:24px;background:rgba(255,255,255,.06);color:#fff;text-align:center;font-weight:800}.loadState small{display:block;margin-top:8px;color:rgba(255,255,255,.65);font-weight:600}.loadState button{margin-top:14px;border:0;border-radius:999px;padding:10px 14px;font-weight:900;background:#fff;color:#12031d}
@media(max-width:640px){.storeHeader{height:auto;padding:8px 10px}.storeMenu{display:none}.storeLogoText strong{font-size:13px}.heroCard{padding:14px}.heroFilters{grid-template-columns:1fr}.promoShowcase{grid-template-columns:1fr 1fr;gap:10px}.promoTile{min-height:92px;padding:12px}.productsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sectionBlock{margin-top:12px}.productCard,.cardProduct{min-height:0}.productCard .productInfo,.cardProduct .productInfo{padding:10px}.productCard h3,.cardProduct h3{font-size:13px;line-height:1.15}.productCard p,.cardProduct p{font-size:11px;line-height:1.25}.productPrice{font-size:13px}.panelCard,.subCard{border-radius:22px}}

/* v74 — boot anti-page blanche + UX compacte */
.bootGate{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0%,rgba(200,77,255,.22),transparent 52%),linear-gradient(180deg,#12031d,#050108);color:#fff;transition:opacity .22s ease,visibility .22s ease}.bootGate.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.bootCard{width:min(420px,100%);display:grid;justify-items:center;gap:12px;padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:rgba(255,255,255,.06);box-shadow:0 28px 80px rgba(0,0,0,.38);text-align:center;backdrop-filter:blur(18px)}.bootLogo{width:78px;height:78px;object-fit:contain;border-radius:20px}.bootSpinner{width:34px;height:34px;border-radius:999px;border:3px solid rgba(255,255,255,.14);border-top-color:#fff;animation:bootSpin .8s linear infinite}.bootGate.is-error .bootSpinner{animation:none;border-color:rgba(255,69,99,.32);border-top-color:#ff4563}.bootGate.is-slow .bootSpinner{border-top-color:#ffcf6b}.bootCard strong{font-family:Sora,Outfit,Inter,sans-serif;font-size:18px;font-weight:950}.bootCard span{max-width:310px;color:rgba(255,255,255,.70);font-size:13px;font-weight:700;line-height:1.4}.bootActions{display:none;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:4px}.bootGate.is-error .bootActions,.bootGate.is-slow .bootActions{display:flex}.bootActions button{border:0;border-radius:999px;padding:10px 14px;background:#fff;color:#12031d;font-weight:950}.bootActions button+button{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.14)}@keyframes bootSpin{to{transform:rotate(360deg)}}
@media(max-width:640px){.bootGate{padding:16px}.bootCard{border-radius:24px;padding:20px}.bootLogo{width:66px;height:66px}.heroCard{min-height:0!important}.heroStats{display:none!important}.heroFilters .field span{font-size:10px}.quickFilters{margin-top:10px}.productCard,.cardProduct{box-shadow:0 14px 34px rgba(0,0,0,.24)!important}.productCard .media,.cardProduct .media{aspect-ratio:1.05!important}}

/* =========================================================
   V75 — L'Agence 25 / thème Akatsuki plein écran
   Les produits, médias et catégories restent 100 % pilotés par le JSON.
   ========================================================= */
:root{
  --bg:#070708;
  --panel:#111113;
  --panel-2:#18181b;
  --panel-3:#202024;
  --line:rgba(255,255,255,.10);
  --line-strong:rgba(226,27,45,.42);
  --text:#fff7f7;
  --muted:#b9afb1;
  --gold:#ff3142;
  --purple:#c51724;
  --purple-2:#ff4655;
  --purple-3:#710914;
  --cyan:#ffb8bf;
  --green:#89e4ae;
  --danger:#ff4655;
  --radius:24px;
  --radius-md:18px;
  --radius-sm:14px;
  --shadow:0 24px 70px rgba(0,0,0,.55);
  --ease:cubic-bezier(.2,.95,.2,1);
}
html,body{
  width:100%;
  min-height:100%;
  background:#070708!important;
  color:var(--text);
  overscroll-behavior-y:none;
}
body{
  isolation:isolate;
  background:
    radial-gradient(900px 520px at 50% -10%,rgba(226,27,45,.22),transparent 62%),
    linear-gradient(180deg,#080809 0%,#0b0b0d 42%,#060607 100%)!important;
}
.bg{
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  transform:none!important;
  filter:none!important;
  background:
    radial-gradient(760px 420px at 12% 8%,rgba(226,27,45,.16),transparent 62%),
    radial-gradient(840px 500px at 88% 38%,rgba(117,9,20,.18),transparent 64%),
    linear-gradient(180deg,#080809,#050506)!important;
}
.bg::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.10;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='132' viewBox='0 0 220 132'%3E%3Cpath d='M34 84c-18 0-25-22-12-34 7-7 17-8 26-4 6-22 35-29 52-12 7-20 37-22 48-3 18-6 37 8 35 27 16 5 20 27 7 38-5 4-11 6-18 6H44c-4 0-7 0-10-1Z' fill='none' stroke='%23df1d2d' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M57 52c9 6 10 17 4 25M101 34c13 8 15 23 6 34M147 35c-9 8-10 20-3 29' fill='none' stroke='%23df1d2d' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-size:220px 132px;
  background-position:center top;
}
.bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.72)),
    radial-gradient(520px 280px at 50% 12%,rgba(255,38,56,.16),transparent 72%);
}
.bgShade{
  position:fixed!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(180deg,rgba(7,7,8,.08),rgba(7,7,8,.56))!important;
}
.debug,.shell,.bottomnav,.modal,.moreSheet{position:relative;z-index:2}
.modal,.moreSheet{position:fixed}
.shell{
  width:100%!important;
  max-width:none!important;
  min-height:100dvh;
  margin:0!important;
  padding:
    calc(12px + env(safe-area-inset-top))
    clamp(10px,2.5vw,34px)
    calc(104px + env(safe-area-inset-bottom))!important;
}
.panel{
  width:min(100%,1580px);
  margin:0 auto;
}
.topbar{
  position:sticky;
  top:0;
  z-index:38;
  margin:-12px calc(clamp(10px,2.5vw,34px) * -1) 14px!important;
  padding:calc(12px + env(safe-area-inset-top)) clamp(14px,3vw,38px) 12px;
  border-bottom:1px solid rgba(226,27,45,.22);
  background:linear-gradient(180deg,rgba(7,7,8,.97),rgba(7,7,8,.78));
  backdrop-filter:blur(22px) saturate(140%);
  -webkit-backdrop-filter:blur(22px) saturate(140%);
}
.brandLogo{
  width:52px!important;
  height:52px!important;
  padding:7px;
  border:1px solid rgba(226,27,45,.35);
  border-radius:18px;
  background:rgba(226,27,45,.10);
  filter:drop-shadow(0 14px 24px rgba(226,27,45,.18))!important;
}
.brandEyebrow,.heroEyebrow,.sectionEyebrow,.modalEyebrow{color:#ff5260!important;text-shadow:none!important}
.brandTitle,.heroTitle,.sectionTitle,.modalTitle{
  color:#fff!important;
  background:none!important;
  -webkit-text-fill-color:initial!important;
  letter-spacing:-.045em!important;
}
.brandTitle{font-size:27px!important}
.topCartBtn{
  border-color:rgba(226,27,45,.38)!important;
  background:linear-gradient(180deg,rgba(226,27,45,.22),rgba(38,8,12,.70))!important;
  box-shadow:0 18px 42px rgba(0,0,0,.44),inset 0 1px rgba(255,255,255,.10)!important;
}
.topCartCount,.badge,.cartBadge{
  color:#fff!important;
  background:linear-gradient(180deg,#ff4d5c,#bd101e)!important;
  box-shadow:0 8px 20px rgba(226,27,45,.32)!important;
}
.heroCard,.panelCard,.subCard,.infoCard,.productCard,.modalCard,.summaryCard,.referralCard,
.loyaltyIdentityCard,.loyaltyProgressCard,.loyaltyGiftReady,.loyaltyGiftUnlock,.loyaltyEmptyBox,.loyaltyOrderItem,
.reviewCard,.productReviewsBlock,.reviewScoreCard,.reviewsCarouselShell,.emptyPanel,.preorderBox{
  border-color:rgba(255,255,255,.10)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018)),
    radial-gradient(480px 220px at 0% 0%,rgba(226,27,45,.12),transparent 66%),
    rgba(15,15,17,.86)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.44),inset 0 1px rgba(255,255,255,.07)!important;
  backdrop-filter:blur(24px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(130%)!important;
}
.heroCard{
  min-height:min(520px,62dvh);
  display:grid;
  align-content:end;
  padding:clamp(22px,5vw,58px)!important;
  overflow:hidden;
  border-color:rgba(226,27,45,.24)!important;
  background:
    linear-gradient(90deg,rgba(6,6,7,.96) 0%,rgba(8,8,9,.78) 46%,rgba(70,5,12,.42) 100%),
    radial-gradient(600px 330px at 78% 18%,rgba(232,25,43,.28),transparent 70%),
    rgba(9,9,10,.95)!important;
}
.heroCard::after{
  content:"";
  position:absolute;
  width:min(58vw,720px);
  aspect-ratio:1;
  right:-10%;
  top:-42%;
  border:1px solid rgba(255,51,68,.22);
  border-radius:50%;
  box-shadow:0 0 0 28px rgba(226,27,45,.025),0 0 0 72px rgba(226,27,45,.018),inset 0 0 80px rgba(226,27,45,.12);
  pointer-events:none;
}
.heroHeader{position:relative;z-index:2;align-items:center!important}
.heroTitle{font-size:clamp(38px,7vw,78px)!important;max-width:11ch;line-height:.88!important}
.heroIntro,.heroText{max-width:58ch;color:#cbbfc1!important;font-size:clamp(13px,1.4vw,16px)!important}
.akatsukiSeal{
  width:clamp(112px,18vw,220px);
  aspect-ratio:1;
  flex:0 0 auto;
  position:relative;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:2px solid rgba(255,46,64,.42);
  background:radial-gradient(circle,rgba(226,27,45,.28),rgba(21,4,7,.68) 58%,rgba(4,4,5,.94));
  box-shadow:0 0 0 12px rgba(226,27,45,.04),0 0 60px rgba(226,27,45,.22),inset 0 0 45px rgba(226,27,45,.18);
}
.akatsukiSeal::before,.akatsukiSeal::after,.akatsukiSeal span{
  content:"";
  position:absolute;
  width:22%;
  aspect-ratio:1;
  border-radius:50%;
  background:#050506;
  border:2px solid #f43b4b;
  box-shadow:0 0 18px rgba(226,27,45,.32);
}
.akatsukiSeal::before{top:15%;left:39%}
.akatsukiSeal::after{left:16%;bottom:24%}
.akatsukiSeal span:nth-child(1){right:16%;bottom:24%}
.akatsukiSeal span:nth-child(2){width:16%;background:#e21b2d;border-color:#ff6875}
.akatsukiSeal span:nth-child(3){width:56%;height:2px;aspect-ratio:auto;background:#e21b2d;border:0;transform:rotate(28deg);opacity:.5}
.heroFilters{
  position:relative;
  z-index:3;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:28px!important;
}
.field>span{color:#aaa0a2!important}
.input{
  border-color:rgba(255,255,255,.13)!important;
  background:rgba(7,7,8,.82)!important;
  color:#fff!important;
  box-shadow:inset 0 1px rgba(255,255,255,.04)!important;
}
.input:focus{border-color:rgba(226,27,45,.70)!important;box-shadow:0 0 0 4px rgba(226,27,45,.14)!important}
.inputShell i{color:#ef3a4a!important}
.quickFilters{display:none!important}
.categoryRail{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(160px,220px);
  gap:10px;
  margin:16px 0 4px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  padding:2px 2px 10px;
}
.categoryRail::-webkit-scrollbar{display:none}
.categoryChip{
  min-height:76px;
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  align-items:center;
  gap:11px;
  padding:11px;
  scroll-snap-align:start;
  text-align:left;
  color:#fff;
  border:1px solid rgba(255,255,255,.10);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02)),rgba(13,13,15,.92);
  box-shadow:0 14px 34px rgba(0,0,0,.28);
}
.categoryChipIcon{
  width:44px;height:44px;display:grid;place-items:center;border-radius:15px;
  color:#ff4453;background:rgba(226,27,45,.10);border:1px solid rgba(226,27,45,.20)
}
.categoryChipCopy{min-width:0;display:grid;gap:4px}
.categoryChipCopy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.categoryChipCopy small{color:#a99fa1;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.categoryChip.is-active{border-color:rgba(226,27,45,.58);background:linear-gradient(145deg,rgba(226,27,45,.26),rgba(74,7,15,.18)),#121214;box-shadow:0 0 0 4px rgba(226,27,45,.07),0 18px 38px rgba(0,0,0,.38)}
.categoryChip.is-active .categoryChipIcon{color:#fff;background:linear-gradient(180deg,#ee3545,#9f0b17)}
.heroStats{position:relative;z-index:3;grid-template-columns:repeat(2,minmax(0,180px))!important}
.heroStat{border-color:rgba(226,27,45,.16)!important;background:rgba(6,6,7,.58)!important}
.heroStat strong{color:#fff!important}.heroStat span{color:#a99fa1!important}
.promoShowcase{grid-template-columns:1fr!important;width:min(100%,1580px)!important;margin:16px auto 0!important}
.promoTile{min-height:150px!important;border-color:rgba(226,27,45,.24)!important;background:linear-gradient(100deg,rgba(39,4,8,.96),rgba(15,15,17,.88))!important}
.sectionBlock{margin-top:24px!important}
.productsGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.productCard{
  padding:9px!important;
  border-radius:22px!important;
  border-color:rgba(255,255,255,.09)!important;
  background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),#101012!important;
}
.productCard:hover,.productCard:focus-visible{border-color:rgba(226,27,45,.44)!important;box-shadow:0 26px 68px rgba(0,0,0,.58),0 0 30px rgba(226,27,45,.10)!important}
.productCard .gallery,.productCard .mediaThumb{border-radius:18px!important;background:#09090a!important}
.productCard .gallery img,.productCard .gallery video{object-fit:cover}
.pill{background:rgba(5,5,6,.84)!important;border-color:rgba(255,255,255,.14)!important;color:#fff!important}
.pillPromo,.pillNew,.pillBest,.pillBadge,.pillProductNote,.pillSoldOut{border-color:rgba(226,27,45,.38)!important;background:rgba(155,11,24,.72)!important;color:#fff!important}
.likeBtn{border-color:rgba(226,27,45,.30)!important;background:rgba(6,6,7,.82)!important;color:#ff3b4b!important}
.likeBtnIcon{color:#ff3b4b!important;background:rgba(226,27,45,.13)!important}
.likeBtn.is-liked{background:linear-gradient(180deg,rgba(226,27,45,.38),rgba(77,5,13,.75))!important}
.productCat{color:#d8ccce!important;background:rgba(255,255,255,.055)!important}
.productLink,.productCardHint{color:#b7adaf!important}
.productName{color:#fff!important;font-size:clamp(15px,2vw,18px)!important}
.priceNow,.tierPrice,.summaryFinal strong{color:#ff4050!important}
.cardAddBtn,.btnPrimary,.reviewSubmitBtn,.reviewOpenIcon,.referralCheckBtn{
  color:#fff!important;
  border-color:rgba(255,80,94,.48)!important;
  background:linear-gradient(180deg,#e82b3b,#a90d19)!important;
  box-shadow:0 16px 34px rgba(226,27,45,.25),inset 0 1px rgba(255,255,255,.16)!important;
}
.btnGhost,.segBtn,.modalClose,.qtyBtn,.qBtn{background:#111113!important;border-color:rgba(255,255,255,.12)!important;color:#fff!important}
.segBtn.is-active{background:linear-gradient(180deg,rgba(226,27,45,.30),rgba(88,7,16,.48))!important;border-color:rgba(226,27,45,.46)!important;box-shadow:0 0 0 4px rgba(226,27,45,.08)!important}
.infoIcon,.referralHeroBadge,.referralGiftIcon,.loyaltyIdentityCard>span{color:#ff4d5c!important;background:rgba(226,27,45,.12)!important;border-color:rgba(226,27,45,.24)!important}
.bottomnav{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  transform:none!important;
  width:100%!important;
  max-width:none!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:5px!important;
  padding:8px clamp(8px,3vw,34px) calc(8px + env(safe-area-inset-bottom))!important;
  border-radius:24px 24px 0 0!important;
  border:1px solid rgba(226,27,45,.20)!important;
  border-bottom:0!important;
  background:linear-gradient(180deg,rgba(18,18,20,.97),rgba(6,6,7,.98))!important;
  box-shadow:0 -20px 60px rgba(0,0,0,.52)!important;
  backdrop-filter:blur(26px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(125%)!important;
  z-index:80!important;
}
.tab{min-height:58px!important;color:#8f8789!important;border-radius:16px!important}
.tab .ico{background:transparent!important;color:inherit!important}
.tab.is-active{color:#fff!important;border-color:rgba(226,27,45,.25)!important;background:linear-gradient(180deg,rgba(226,27,45,.24),rgba(89,7,16,.30))!important}
.tab.is-active .ico{color:#ff3e4e!important;background:rgba(226,27,45,.10)!important}
.modal{align-items:flex-end!important;padding:0!important}
.modalBack{background:rgba(0,0,0,.76)!important;backdrop-filter:blur(12px)!important}
.modalCard{
  width:100%!important;
  max-width:760px!important;
  max-height:94dvh!important;
  border-radius:30px 30px 0 0!important;
  border-bottom:0!important;
  background:linear-gradient(180deg,#171719,#09090a)!important;
}
.moreSheetCard{border-color:rgba(226,27,45,.24)!important;background:linear-gradient(180deg,#171719,#09090a)!important}
.moreSheetGrid button{border-color:rgba(255,255,255,.10)!important;background:#101012!important}
.moreSheetGrid button i{color:#ff4251!important}
body.is-telegram .modalClose,
body.is-telegram .modalBottomClose,
body.is-telegram .moreSheetHead>[data-more-close]{display:none!important}
body.is-telegram #btnValidate{display:none!important}
body.is-telegram .checkoutActions{grid-template-columns:1fr!important}
.checkoutHint.is-ready{color:#9ae6b8!important}
.reviewDot.is-active,.dot.is-active,.loyaltyProgressTrack>div,.clientProgress i{background:linear-gradient(90deg,#a90d19,#ff4655)!important}
.starPick.is-active,.starsRead,.starsAdmin{color:#ff4453!important}
.referralMiniBadge,.statusPill.wait,.statusPill.ok{border-color:rgba(226,27,45,.24)!important;background:rgba(226,27,45,.10)!important;color:#ffd8dc!important}
.bootGate{background:radial-gradient(circle at 50% 0%,rgba(226,27,45,.26),transparent 54%),linear-gradient(180deg,#151517,#050506)!important}
.bootCard{border-color:rgba(226,27,45,.22)!important;background:rgba(14,14,16,.86)!important}
.bootSpinner{border-top-color:#e21b2d!important}
@media(min-width:700px){
  .productsGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .productCard{padding:11px!important}
}
@media(min-width:1050px){
  .productsGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
  .panelCard{padding:24px!important}
  .bottomnav{left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(760px,calc(100% - 32px))!important;border-radius:24px 24px 0 0!important}
}
@media(min-width:1450px){.productsGrid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(max-width:760px){
  .heroCard{min-height:auto;padding:20px!important}
  .heroHeader{align-items:flex-start!important}
  .akatsukiSeal{width:96px}
  .heroTitle{font-size:40px!important}
  .heroFilters{grid-template-columns:1fr!important;margin-top:20px!important}
  .categoryRail{grid-auto-columns:minmax(150px,72vw)}
}
@media(max-width:430px){
  .shell{padding-left:10px!important;padding-right:10px!important}
  .topbar{margin-left:-10px!important;margin-right:-10px!important;padding-left:12px!important;padding-right:12px!important}
  .akatsukiSeal{width:78px}
  .akatsukiSeal span:nth-child(3){display:none}
  .productsGrid{gap:9px!important}
  .productCard{padding:7px!important;border-radius:18px!important}
  .productCard .gallery,.productCard .mediaThumb{border-radius:15px!important}
  .bottomnav{padding-left:5px!important;padding-right:5px!important}
  .tab{min-height:54px!important;padding:3px!important}
  .tab .txt{font-size:8px!important}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* =========================================================
   V76 — interface Akatsuki fidèle à la maquette
   Mobile first, plein écran Telegram, catégories/produits JSON.
   ========================================================= */
:root{
  --app-safe-top:0px;
  --app-safe-bottom:0px;
  --app-safe-left:0px;
  --app-safe-right:0px;
  --v76-safe-top:max(var(--app-safe-top, 0px), var(--tg-content-safe-area-inset-top, 0px), env(safe-area-inset-top));
  --v76-safe-bottom:max(var(--app-safe-bottom, 0px), var(--tg-content-safe-area-inset-bottom, 0px), env(safe-area-inset-bottom));
  --v76-red:#e32435;
  --v76-red-bright:#ff3b4d;
  --v76-red-dark:#860914;
  --v76-black:#050506;
  --v76-panel:#0d0e10;
  --v76-panel-2:#121316;
  --v76-border:rgba(227,36,53,.58);
  --v76-soft-border:rgba(255,255,255,.10);
  --v76-muted:#aaa5a6;
  --v76-nav-height:74px;
}

html,body{
  min-height:100%;
  width:100%;
  background:var(--v76-black)!important;
  overflow-x:hidden;
}
body.akatsukiTheme{
  margin:0;
  color:#fff;
  background:
    radial-gradient(680px 380px at 50% -80px,rgba(218,20,39,.24),transparent 68%),
    linear-gradient(180deg,#08090a 0%,#050506 66%,#090305 100%)!important;
  -webkit-tap-highlight-color:transparent;
}
body.akatsukiTheme::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  opacity:.12;
  background-image:url("assets/akatsuki-pattern.svg");
  background-size:240px 144px;
  background-position:center 84px;
}
body.akatsukiTheme button,
body.akatsukiTheme input,
body.akatsukiTheme select,
body.akatsukiTheme textarea{font:inherit}
body.akatsukiTheme button{cursor:pointer}

body.akatsukiTheme .bg{
  position:fixed!important;
  inset:0!important;
  z-index:-4!important;
  background:
    radial-gradient(760px 360px at 50% 0,rgba(216,22,40,.18),transparent 67%),
    radial-gradient(560px 420px at -8% 60%,rgba(120,6,17,.18),transparent 70%),
    radial-gradient(560px 420px at 108% 80%,rgba(120,6,17,.14),transparent 70%),
    #050506!important;
  transform:none!important;
  filter:none!important;
}
body.akatsukiTheme .bg::before,
body.akatsukiTheme .bg::after{display:none!important}
body.akatsukiTheme .bgShade{
  position:fixed!important;
  inset:0!important;
  z-index:-3!important;
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.34))!important;
  pointer-events:none;
}

/* Header intégré sous les contrôles natifs Telegram */
.miniAppHeader{
  position:sticky;
  top:0;
  z-index:90;
  width:100%;
  padding:
    calc(var(--v76-safe-top) + 6px)
    calc(12px + var(--app-safe-right, 0px))
    7px
    calc(12px + var(--app-safe-left, 0px));
  border-bottom:1px solid rgba(255,255,255,.075);
  background:linear-gradient(180deg,rgba(5,5,6,.985),rgba(7,8,9,.94));
  box-shadow:0 12px 34px rgba(0,0,0,.32);
  backdrop-filter:blur(20px) saturate(135%);
  -webkit-backdrop-filter:blur(20px) saturate(135%);
}
.miniAppHeaderInner{
  width:min(100%,760px);
  min-height:48px;
  margin:0 auto;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 48px;
  align-items:center;
  gap:8px;
}
.miniAppBrand{
  grid-column:2;
  justify-self:center;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:2px 8px;
  border:0;
  color:#fff;
  background:transparent;
  text-align:left;
}
.miniAppBrand img{
  width:28px;
  height:20px;
  object-fit:contain;
  filter:drop-shadow(0 5px 10px rgba(226,36,53,.28));
}
.miniAppBrand span{min-width:0;display:grid;justify-items:start;line-height:1.05}
.miniAppBrand strong{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:900;letter-spacing:-.02em}
.miniAppBrand small{margin-top:3px;color:#a8a3a4;font-size:10px;font-weight:700;letter-spacing:.04em}
.miniAppCart{
  grid-column:3;
  position:relative;
  width:42px;
  height:42px;
  justify-self:end;
  display:grid;
  place-items:center;
  border:1px solid rgba(226,36,53,.34);
  border-radius:15px;
  color:#ff4353;
  background:rgba(226,36,53,.08);
}
.miniAppCart>span{
  position:absolute;
  top:-4px;
  right:-4px;
  min-width:19px;
  height:19px;
  padding:0 5px;
  display:grid;
  place-items:center;
  border:2px solid #08090a;
  border-radius:999px;
  color:#fff;
  background:var(--v76-red);
  font-size:9px;
  font-weight:900;
}

body.akatsukiTheme .shell{
  position:relative;
  z-index:2;
  width:min(100%,760px)!important;
  max-width:760px!important;
  min-height:calc(100dvh - 60px);
  margin:0 auto!important;
  padding:12px 12px calc(var(--v76-nav-height) + 26px + var(--v76-safe-bottom))!important;
}
body.akatsukiTheme .panel{
  display:none;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
body.akatsukiTheme .panel.is-active{display:block;animation:v76PanelIn .22s ease both}
@keyframes v76PanelIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
body.akatsukiTheme .spacer{height:14px}

/* Accueil */
.homePanel{display:grid;gap:12px}
.homeHero{
  position:relative;
  isolation:isolate;
  min-height:360px;
  height:min(48svh,470px);
  overflow:hidden;
  border:1px solid var(--v76-border);
  border-radius:25px;
  background:#08090a;
  box-shadow:0 22px 58px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.025) inset;
}
.homeHeroMedia{
  position:absolute;
  inset:0;
  z-index:-3;
  background:url("assets/akatsuki-hero.webp") center 24%/cover no-repeat;
  transform:scale(1.015);
}
.homeHeroShade{
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(180deg,rgba(0,0,0,.04) 12%,rgba(0,0,0,.10) 38%,rgba(4,5,6,.92) 84%,#060708 100%),
    linear-gradient(90deg,rgba(0,0,0,.20),transparent 38%,rgba(0,0,0,.16));
}
.homeHero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  box-shadow:inset 0 0 90px rgba(0,0,0,.46);
  pointer-events:none;
}
.homeHeroContent{
  position:absolute;
  left:18px;
  right:18px;
  bottom:18px;
  display:grid;
  justify-items:center;
  text-align:center;
}
.homeHeroCloud img{width:54px;height:38px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(226,36,53,.28))}
.homeHeroKicker{
  margin-top:5px;
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.23em;
  text-transform:uppercase;
}
.homeHero h1{
  margin:4px 0 0;
  color:#fff;
  font-family:Impact,"Arial Black",system-ui,sans-serif;
  font-size:clamp(47px,14vw,76px);
  line-height:.82;
  font-style:italic;
  font-weight:900;
  letter-spacing:.015em;
  text-shadow:0 10px 28px rgba(0,0,0,.68);
}
.homeHero h1 span{color:var(--v76-red-bright)}
.homeHero p{
  max-width:370px;
  margin:12px 0 0;
  color:#c5c1c2;
  font-size:12px;
  font-weight:650;
  line-height:1.45;
}
.homeHeroButton{
  min-height:44px;
  margin-top:14px;
  padding:0 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1px solid rgba(255,89,103,.48);
  border-radius:14px;
  color:#fff;
  background:linear-gradient(180deg,#df2838,#a90c19);
  box-shadow:0 13px 30px rgba(218,26,43,.26),inset 0 1px rgba(255,255,255,.16);
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.homeTrust{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
.homeTrust>span{
  min-width:0;
  min-height:66px;
  padding:9px 6px;
  display:grid;
  justify-items:center;
  align-content:center;
  gap:3px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  text-align:center;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),#0b0c0e;
}
.homeTrust i{color:#f03a4a;font-size:13px}
.homeTrust b{max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:9px;font-weight:900;text-transform:uppercase;white-space:nowrap}
.homeTrust small{color:#8f8a8b;font-size:8px;font-weight:700;white-space:nowrap}
.homeMenu{display:grid;gap:8px}
.homeMenuCard{
  width:100%;
  min-height:76px;
  padding:11px 13px;
  display:grid;
  grid-template-columns:46px minmax(0,1fr) 22px;
  align-items:center;
  gap:11px;
  border:1px solid rgba(218,31,48,.62);
  border-radius:17px;
  color:#fff;
  background:
    radial-gradient(180px 100px at 0 50%,rgba(226,36,53,.12),transparent 68%),
    linear-gradient(145deg,#111214,#0a0b0c);
  box-shadow:0 13px 30px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.035);
  text-align:left;
}
.homeMenuCard:active{transform:scale(.992)}
.homeMenuIcon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:14px;
  border:1px solid rgba(226,36,53,.24);
  color:#f43d4d;
  background:rgba(226,36,53,.08);
  font-size:17px;
}
.homeMenuCopy{min-width:0;display:grid;gap:5px}
.homeMenuCopy strong{font-size:14px;font-weight:850;letter-spacing:.025em}
.homeMenuCopy small{overflow:hidden;text-overflow:ellipsis;color:#9f9a9b;font-size:10px;font-weight:650;white-space:nowrap}
.homeMenuCopy small b{color:#fff;font-weight:900}
.homeMenuChevron{justify-self:end;color:#fff;font-size:14px}
.homeFooterMark{
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  color:#8f898b;
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
}
.homeFooterMark img{width:30px;height:30px;opacity:.78}

/* Catégories puis produits */
.catalogPanel .catalogProductView{display:none}
.catalogPanel.is-products .catalogCategoryView{display:none}
.catalogPanel.is-products .catalogProductView{display:block}
.catalogPanel:not(.is-products) .catalogCategoryView{display:block}
.screenHeading{
  min-height:88px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:8px 4px 14px;
  text-align:center;
}
.screenHeading>img{width:46px;height:32px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(226,36,53,.22))}
.screenHeading>div{min-width:0}
.screenHeading span{display:block;color:#9b9597;font-size:9px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.screenHeading h2{margin:4px 0 0;color:#fff;font-family:Impact,"Arial Black",system-ui,sans-serif;font-size:30px;font-style:italic;letter-spacing:.04em}
.screenHeading p{margin:5px auto 0;max-width:330px;color:#918c8e;font-size:10px;line-height:1.35}
.categoryRail.categoryList{
  display:grid!important;
  grid-auto-flow:row!important;
  grid-auto-columns:auto!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
.categoryChip{
  position:relative;
  width:100%;
  min-height:92px!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 118px 18px!important;
  align-items:stretch!important;
  gap:0!important;
  overflow:hidden;
  border:1px solid rgba(219,32,49,.66)!important;
  border-radius:17px!important;
  color:#fff!important;
  background:linear-gradient(145deg,#121315,#08090a)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.34)!important;
  text-align:left!important;
}
.categoryChip::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.04) 42%,rgba(0,0,0,.60) 100%);
}
.categoryChipCopy{
  position:relative;
  z-index:2;
  min-width:0;
  padding:14px;
  display:grid!important;
  align-content:center;
  gap:4px!important;
}
.categoryChipEyebrow{display:flex!important;align-items:center;gap:6px;color:#ed3a4a!important;font-size:8px!important;font-weight:900!important;letter-spacing:.13em!important;text-transform:uppercase}
.categoryChipCopy strong{font-size:16px!important;font-weight:850!important;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.categoryChipCopy small{color:#969092!important;font-size:10px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important}
.categoryChipMedia{
  position:relative;
  z-index:1;
  overflow:hidden;
  background:#09090a;
}
.categoryChipMedia::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:linear-gradient(90deg,#0c0d0f 0%,transparent 38%),linear-gradient(0deg,rgba(0,0,0,.24),transparent);
}
.categoryChipMedia img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.92) contrast(1.08)}
.categoryChip.is-special .categoryChipMedia img{object-fit:contain;padding:18px;filter:drop-shadow(0 10px 18px rgba(226,36,53,.25))}
.categoryChipChevron{position:relative;z-index:3;align-self:center;justify-self:center;color:#fff;font-size:13px}
.categoryChip.is-active{border-color:#ff3d4e!important;box-shadow:0 0 0 3px rgba(226,36,53,.10),0 17px 36px rgba(0,0,0,.42)!important}

.catalogProductHeading{
  position:relative;
  justify-content:space-between;
  min-height:76px;
  padding:2px 0 11px;
  text-align:left;
}
.catalogProductHeading>div{flex:1;padding:0 8px}
.catalogProductHeading h2{font-family:inherit;font-style:normal;font-size:24px;letter-spacing:-.035em}
.screenBackFallback{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(226,36,53,.36);
  border-radius:14px;
  color:#ff4252;
  background:#0e0f11;
}
body.is-telegram .screenBackFallback{visibility:hidden;pointer-events:none}
.catalogCount{
  min-width:56px;
  min-height:48px;
  display:grid!important;
  place-items:center;
  align-content:center;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  background:#0e0f11;
}
.catalogCount strong{color:#fff;font-size:17px;line-height:1}
.catalogCount small{margin-top:3px;color:#888284;font-size:7px;text-transform:uppercase}
.catalogToolbar{
  display:grid;
  gap:8px;
  margin-bottom:12px;
}
.catalogSearch,.catalogSelect{position:relative;display:block}
.catalogSearch>i,.catalogSelect>i{
  position:absolute;
  left:14px;
  top:50%;
  z-index:2;
  transform:translateY(-50%);
  color:#e73647;
  font-size:12px;
  pointer-events:none;
}
.catalogSearch .input,.catalogSelect .input{
  width:100%!important;
  min-height:48px!important;
  padding:0 14px 0 39px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:15px!important;
  color:#fff!important;
  background:#0d0e10!important;
  box-shadow:inset 0 1px rgba(255,255,255,.03)!important;
  font-size:12px!important;
  font-weight:800!important;
  outline:none!important;
}
.catalogSearch .input:focus,.catalogSelect .input:focus{border-color:rgba(226,36,53,.65)!important;box-shadow:0 0 0 3px rgba(226,36,53,.10)!important}
.catalogFilterRow{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.catalogToolbar .quickFilters{
  display:flex!important;
  margin:1px 0 0!important;
  padding:0 0 2px!important;
  gap:6px!important;
  overflow-x:auto;
  scrollbar-width:none;
}
.catalogToolbar .quickFilters::-webkit-scrollbar{display:none}
.catalogToolbar .quickFilter{
  flex:0 0 auto;
  min-height:34px!important;
  padding:0 10px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:999px!important;
  color:#979193!important;
  background:#0d0e10!important;
  font-size:9px!important;
  font-weight:900!important;
  text-transform:uppercase;
}
.catalogToolbar .quickFilter.is-active{border-color:rgba(226,36,53,.52)!important;color:#fff!important;background:rgba(226,36,53,.14)!important;box-shadow:none!important}
.catalogFeaturedCount{display:none}

/* Cartes produit, comme la grille de la maquette */
body.akatsukiTheme .productsGrid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
body.akatsukiTheme .productCard{
  min-width:0;
  padding:7px!important;
  overflow:hidden;
  border:1px solid rgba(218,32,49,.58)!important;
  border-radius:16px!important;
  background:linear-gradient(160deg,rgba(255,255,255,.035),rgba(255,255,255,.008)),#0c0d0f!important;
  box-shadow:0 12px 28px rgba(0,0,0,.34)!important;
}
body.akatsukiTheme .productCard:active{transform:scale(.992)}
body.akatsukiTheme .productCard .gallery,
body.akatsukiTheme .productCard .mediaThumb{
  position:relative;
  aspect-ratio:1/1.15!important;
  overflow:hidden;
  border:0!important;
  border-radius:12px!important;
  background:#070708!important;
}
body.akatsukiTheme .productCard .gallery .slide{aspect-ratio:1/1.15!important}
body.akatsukiTheme .productCard .gallery img,
body.akatsukiTheme .productCard .gallery video{width:100%;height:100%;object-fit:cover!important}
body.akatsukiTheme .productCard .dots{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:6px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.52))}
body.akatsukiTheme .productCard .dot{width:5px;height:5px}
body.akatsukiTheme .productCard .pillRow{left:5px!important;right:42px!important;top:5px!important;gap:3px!important}
body.akatsukiTheme .productCard .pill{min-height:19px!important;padding:0 5px!important;font-size:6.8px!important;letter-spacing:.04em!important}
body.akatsukiTheme .likeBtn--card{top:5px!important;right:5px!important;min-height:30px!important;padding:3px!important;border-color:rgba(255,255,255,.17)!important;background:rgba(5,5,6,.78)!important}
body.akatsukiTheme .likeBtn--card .likeBtnIcon{width:23px!important;height:23px!important;color:#fff!important;background:transparent!important}
body.akatsukiTheme .likeBtn--card .likeBtnCount{display:none}
body.akatsukiTheme .productBody{padding:8px 2px 1px!important}
body.akatsukiTheme .productMeta{margin:0 0 6px!important}
body.akatsukiTheme .productCat{min-height:19px!important;max-width:100%!important;padding:0!important;border:0!important;color:#8f898b!important;background:transparent!important;font-size:7.5px!important;letter-spacing:.07em!important}
body.akatsukiTheme .productLink{display:none!important}
body.akatsukiTheme .productName{min-height:2.28em!important;color:#fff!important;font-size:13px!important;font-weight:800!important;line-height:1.14!important}
body.akatsukiTheme .productPrice{margin-top:7px!important;gap:5px!important}
body.akatsukiTheme .priceNow{color:#f13a4a!important;font-size:17px!important;font-weight:900!important}
body.akatsukiTheme .priceOld{font-size:9px!important}
body.akatsukiTheme .priceTag{display:none!important}
body.akatsukiTheme .productHint{margin-top:4px!important;color:#898385!important;font-size:7.5px!important;letter-spacing:.04em!important}
body.akatsukiTheme .productFooterAction{
  min-height:34px!important;
  margin:7px 0 0!important;
  padding:6px 0 0!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.065)!important;
  border-radius:0!important;
  background:transparent!important;
}
body.akatsukiTheme .productCardHint{color:#918b8d!important;font-size:7.5px!important;letter-spacing:.05em!important}
body.akatsukiTheme .cardAddBtn{width:31px!important;height:31px!important;flex-basis:31px!important;border-radius:10px!important;background:linear-gradient(180deg,#d92032,#920812)!important;box-shadow:none!important}
body.akatsukiTheme .emptyState{grid-column:1/-1;min-height:210px;border:1px solid rgba(226,36,53,.28);background:#0d0e10}

/* Pages internes */
body.akatsukiTheme .panelCard{
  padding:13px!important;
  border:1px solid rgba(226,36,53,.30)!important;
  border-radius:20px!important;
  background:linear-gradient(160deg,rgba(255,255,255,.035),rgba(255,255,255,.01)),rgba(9,10,11,.94)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.42)!important;
}
body.akatsukiTheme .sectionHead{margin-bottom:12px}
body.akatsukiTheme .sectionEyebrow,
body.akatsukiTheme .modalEyebrow{color:#f23a4a!important;font-size:8px!important;letter-spacing:.16em!important}
body.akatsukiTheme .sectionTitle,
body.akatsukiTheme .modalTitle{color:#fff!important;font-size:24px!important;line-height:1.02!important;letter-spacing:-.035em!important}
body.akatsukiTheme .subCard,
body.akatsukiTheme .summaryCard,
body.akatsukiTheme .infoCard,
body.akatsukiTheme .referralCard,
body.akatsukiTheme .loyaltyIdentityCard,
body.akatsukiTheme .loyaltyProgressCard,
body.akatsukiTheme .loyaltyGiftReady,
body.akatsukiTheme .loyaltyGiftUnlock,
body.akatsukiTheme .loyaltyEmptyBox,
body.akatsukiTheme .loyaltyOrderItem,
body.akatsukiTheme .reviewCard,
body.akatsukiTheme .productReviewsBlock,
body.akatsukiTheme .reviewScoreCard,
body.akatsukiTheme .emptyPanel,
body.akatsukiTheme .preorderBox{
  border:1px solid rgba(226,36,53,.28)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008)),#0d0e10!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.akatsukiTheme .input,
body.akatsukiTheme .mini{
  border-color:rgba(255,255,255,.13)!important;
  border-radius:14px!important;
  color:#fff!important;
  background:#090a0c!important;
}
body.akatsukiTheme .input:focus,
body.akatsukiTheme .mini:focus{border-color:rgba(226,36,53,.62)!important;box-shadow:0 0 0 3px rgba(226,36,53,.10)!important}
body.akatsukiTheme .segBtn.is-active{border-color:rgba(226,36,53,.55)!important;background:rgba(226,36,53,.14)!important;box-shadow:none!important}
body.akatsukiTheme .btnPrimary,
body.akatsukiTheme .referralCheckBtn,
body.akatsukiTheme .reviewSubmitBtn{
  border-color:rgba(255,77,91,.54)!important;
  color:#fff!important;
  background:linear-gradient(180deg,#dd2738,#a30c18)!important;
  box-shadow:0 12px 26px rgba(226,36,53,.20)!important;
}
body.akatsukiTheme .btnGhost{border-color:rgba(255,255,255,.13)!important;background:#0c0d0f!important;color:#fff!important}
body.akatsukiTheme .cartItem{padding:10px!important;border:1px solid rgba(226,36,53,.30)!important;border-radius:15px!important;background:#0c0d0f!important}
body.akatsukiTheme .summaryFinal strong{color:#f63b4b!important}
body.akatsukiTheme .infoGrid{gap:8px}
body.akatsukiTheme .infoCard{grid-template-columns:43px 1fr;padding:12px!important}
body.akatsukiTheme .infoIcon{width:42px;height:42px;border-radius:13px;color:#f23a4a!important;background:rgba(226,36,53,.08)!important;border-color:rgba(226,36,53,.24)!important}
body.akatsukiTheme .infoTitle{font-size:14px}
body.akatsukiTheme .infoText{font-size:11px;line-height:1.45}
body.akatsukiTheme .socialGrid{gap:8px}
body.akatsukiTheme .socialBtn{min-height:78px;border:1px solid rgba(226,36,53,.28)!important;border-radius:16px!important;background:#0d0e10!important;box-shadow:none!important}

/* Détail produit plein écran avec retour Telegram natif */
body.akatsukiTheme .modal{
  position:fixed!important;
  inset:0!important;
  z-index:220!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:center!important;
  padding:var(--v76-safe-top) 0 0!important;
  background:#050506;
}
body.akatsukiTheme .modal.hidden{display:none!important}
body.akatsukiTheme .modalBack{display:none!important}
body.akatsukiTheme .modalCard{
  position:relative;
  width:min(100%,760px)!important;
  max-width:760px!important;
  height:calc(100dvh - var(--v76-safe-top))!important;
  max-height:none!important;
  margin:0!important;
  padding:0 12px calc(28px + var(--v76-safe-bottom))!important;
  overflow-y:auto!important;
  border:0!important;
  border-radius:0!important;
  color:#fff;
  background:
    radial-gradient(520px 250px at 50% 0,rgba(226,36,53,.13),transparent 64%),
    #070809!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.akatsukiTheme .modalTop{
  position:sticky;
  top:0;
  z-index:15;
  min-height:62px;
  margin:0 -12px;
  padding:10px 13px;
  display:flex;
  align-items:center;
  border-bottom:1px solid rgba(255,255,255,.075);
  background:rgba(7,8,9,.96);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
body.akatsukiTheme .modalTop>div{min-width:0;flex:1}
body.akatsukiTheme .modalTitle{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px!important}
body.akatsukiTheme .modalClose{width:40px;height:40px;border-radius:13px;border-color:rgba(226,36,53,.30)!important;background:#0d0e10!important}
body.is-telegram.akatsukiTheme .modalClose,
body.is-telegram.akatsukiTheme .modalBottomClose,
body.is-telegram.akatsukiTheme .moreSheetHead>[data-more-close]{display:none!important}
body.akatsukiTheme .modalGallery{margin:0 -12px!important}
body.akatsukiTheme .modalGallery .gallery,
body.akatsukiTheme .modalGallery .mediaThumb{border:0!important;border-radius:0!important;background:#09090a!important}
body.akatsukiTheme .modalGallery .slide{aspect-ratio:1/1.02!important;max-height:52svh}
body.akatsukiTheme .modalGallery img,
body.akatsukiTheme .modalGallery video{object-fit:cover!important}
body.akatsukiTheme .modalDesc{margin-top:12px;padding:12px;border:1px solid rgba(226,36,53,.22);border-radius:15px;background:#0c0d0f;color:#b5afb1;font-size:11px;line-height:1.55}
body.akatsukiTheme .modalPanel{margin-top:10px;padding:12px;border:1px solid rgba(226,36,53,.28);border-radius:16px;background:#0c0d0f}
body.akatsukiTheme .qtyRow{min-height:45px}
body.akatsukiTheme .qtyBtn{width:38px;height:38px;border-radius:12px;background:#090a0b!important;border-color:rgba(255,255,255,.13)!important}
body.akatsukiTheme .modalTiers{display:flex!important;gap:7px!important;overflow-x:auto;padding:2px 0 5px;scrollbar-width:none}
body.akatsukiTheme .modalTiers::-webkit-scrollbar{display:none}
body.akatsukiTheme .tierBtn{
  flex:0 0 auto;
  min-width:88px;
  min-height:62px!important;
  padding:9px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:13px!important;
  color:#fff!important;
  background:#090a0b!important;
}
body.akatsukiTheme .tierBtn.is-selected{border-color:#e73445!important;background:rgba(226,36,53,.15)!important;box-shadow:0 0 0 3px rgba(226,36,53,.08)!important}
body.akatsukiTheme .tierName{font-size:11px!important}
body.akatsukiTheme .tierPrice{color:#f43c4c!important;font-size:14px!important}
body.akatsukiTheme .tierMeta{font-size:8px!important}
.modalAddSelected{
  position:sticky;
  bottom:8px;
  z-index:8;
  width:100%;
  min-height:52px;
  margin-top:9px;
  padding:0 15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid rgba(255,82,96,.55);
  border-radius:14px;
  color:#fff;
  background:linear-gradient(180deg,#df293a,#a50c19);
  box-shadow:0 15px 32px rgba(226,36,53,.25);
  font-size:12px;
  font-weight:900;
}
.modalAddSelected strong{font-size:15px}
.modalAddSelected:disabled{opacity:.55}

/* Menu Plus */
body.akatsukiTheme .moreSheet{z-index:210}
body.akatsukiTheme .moreSheetBack{background:rgba(0,0,0,.70);backdrop-filter:blur(9px)}
body.akatsukiTheme .moreSheetCard{width:min(100%,760px);border-color:rgba(226,36,53,.36)!important;background:linear-gradient(180deg,#111214,#070809)!important}
body.akatsukiTheme .moreSheetGrid button{border:1px solid rgba(226,36,53,.28)!important;border-radius:15px!important;background:#0d0e10!important}
body.akatsukiTheme .moreSheetGrid button i{color:#f43c4d!important}

/* Navigation basse */
body.akatsukiTheme .bottomnav{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:0!important;
  transform:translateX(-50%)!important;
  z-index:100!important;
  width:min(100%,760px)!important;
  max-width:760px!important;
  min-height:var(--v76-nav-height)!important;
  padding:7px 7px calc(7px + var(--v76-safe-bottom))!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:3px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-bottom:0!important;
  border-radius:22px 22px 0 0!important;
  color:#fff;
  background:linear-gradient(180deg,rgba(17,18,20,.985),rgba(6,7,8,.995))!important;
  box-shadow:0 -18px 46px rgba(0,0,0,.48)!important;
  backdrop-filter:blur(22px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(125%)!important;
}
body.akatsukiTheme .tab{
  position:relative;
  min-width:0;
  min-height:58px!important;
  padding:4px 2px!important;
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px!important;
  border:1px solid transparent!important;
  border-radius:14px!important;
  color:#858082!important;
  background:transparent!important;
}
body.akatsukiTheme .tab .ico{width:29px!important;height:29px!important;border-radius:10px!important;color:inherit!important;background:transparent!important;font-size:14px!important}
body.akatsukiTheme .tab .txt{max-width:100%;overflow:hidden;text-overflow:ellipsis;color:inherit!important;font-size:8px!important;font-weight:850!important;letter-spacing:.04em!important;text-transform:none!important;white-space:nowrap}
body.akatsukiTheme .tab.is-active{border-color:rgba(226,36,53,.20)!important;color:#fff!important;background:linear-gradient(180deg,rgba(226,36,53,.18),rgba(103,7,16,.18))!important;box-shadow:inset 0 1px rgba(255,255,255,.035)!important}
body.akatsukiTheme .tab.is-active .ico{color:#fa3e4f!important;background:rgba(226,36,53,.08)!important}
body.akatsukiTheme .bottomnav .badge{top:3px!important;right:12px!important;min-width:18px!important;height:18px!important;padding:0 5px!important;border:2px solid #0b0c0e!important;background:#e82f40!important;font-size:8px!important}
body.is-telegram.akatsukiTheme #btnValidate{display:block!important}
body.is-telegram.akatsukiTheme .checkoutActions{grid-template-columns:repeat(2,minmax(0,1fr))!important}

/* Boot */
body.akatsukiTheme .bootGate{background:radial-gradient(circle at 50% 0,rgba(226,36,53,.24),transparent 55%),#050506!important}
body.akatsukiTheme .bootCard{border-color:rgba(226,36,53,.26)!important;background:#0d0e10!important}
body.akatsukiTheme .bootLogo{object-fit:contain}
body.akatsukiTheme .bootSpinner{border-top-color:#e62c3d!important}

@media(min-width:620px){
  body.akatsukiTheme .shell{padding-left:16px!important;padding-right:16px!important}
  .homeHero{height:490px}
  .categoryRail.categoryList{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.akatsukiTheme .productsGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
  body.akatsukiTheme .productName{font-size:14px!important}
}
@media(max-width:390px){
  body.akatsukiTheme .shell{padding-left:9px!important;padding-right:9px!important}
  .miniAppHeader{padding-left:9px;padding-right:9px}
  .homeHero{min-height:330px;height:43svh;border-radius:21px}
  .homeHeroContent{left:13px;right:13px;bottom:14px}
  .homeHero h1{font-size:45px}
  .homeHero p{font-size:10px}
  .homeTrust{gap:5px}
  .homeTrust>span{min-height:60px;padding-inline:3px}
  .homeTrust b{font-size:8px}
  .homeTrust small{font-size:7px}
  .homeMenuCard{min-height:70px;padding:9px 10px;grid-template-columns:42px minmax(0,1fr) 18px}
  .homeMenuIcon{width:40px;height:40px}
  .homeMenuCopy strong{font-size:12px}
  .homeMenuCopy small{font-size:8.5px}
  .screenHeading>img{width:39px}
  .screenHeading h2{font-size:27px}
  .categoryChip{grid-template-columns:minmax(0,1fr) 101px 16px!important;min-height:84px!important}
  .categoryChipCopy{padding:11px}
  .categoryChipCopy strong{font-size:14px!important}
  .catalogFilterRow{grid-template-columns:1fr}
  body.akatsukiTheme .productsGrid{gap:6px!important}
  body.akatsukiTheme .productCard{padding:6px!important;border-radius:14px!important}
  body.akatsukiTheme .productName{font-size:11.5px!important}
  body.akatsukiTheme .priceNow{font-size:15px!important}
  body.akatsukiTheme .productCardHint{font-size:6.8px!important}
  body.akatsukiTheme .cardAddBtn{width:28px!important;height:28px!important;flex-basis:28px!important}
  body.akatsukiTheme .tab{min-height:55px!important}
  body.akatsukiTheme .tab .txt{font-size:7.2px!important}
}
@media(prefers-reduced-motion:reduce){
  body.akatsukiTheme *,body.akatsukiTheme *::before,body.akatsukiTheme *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* V76.1 — les deux sélecteurs restent côte à côte sur iPhone. */
@media (min-width:341px) and (max-width:390px){
  .catalogFilterRow{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .catalogSelect .input{font-size:10.5px!important;padding-right:27px!important}
}

/* =========================================================
   V77 — correctif ouverture des réseaux après validation
   Les cartes restent de vrais boutons tactiles au-dessus de
   toute couche décorative, y compris dans Telegram iOS.
   ========================================================= */
body.akatsukiTheme #sendSheet{
  pointer-events:auto!important;
  touch-action:manipulation;
}
body.akatsukiTheme #sendSheet .modalCard,
body.akatsukiTheme #sendSheet .sendGrid,
body.akatsukiTheme #sendSheet .sendNote{
  position:relative;
  pointer-events:auto!important;
}
body.akatsukiTheme #sendSheet .modalCard{z-index:2!important}
body.akatsukiTheme #sendSheet .sendGrid{
  z-index:25!important;
  padding:14px 0 4px;
}
body.akatsukiTheme #sendSheet .socialBtn{
  position:relative;
  z-index:30!important;
  pointer-events:auto!important;
  touch-action:manipulation;
  user-select:none;
  -webkit-user-select:none;
  cursor:pointer!important;
  transition:transform .14s ease,border-color .14s ease,background .14s ease,opacity .14s ease;
}
body.akatsukiTheme #sendSheet .socialBtn:active{
  transform:scale(.975)!important;
  border-color:rgba(255,75,91,.68)!important;
  background:rgba(226,36,53,.13)!important;
}
body.akatsukiTheme #sendSheet .socialBtn:focus-visible{
  outline:3px solid rgba(255,59,77,.22);
  outline-offset:2px;
}
body.akatsukiTheme #sendSheet .socialBtn:disabled{
  opacity:.58;
  cursor:wait!important;
}
body.akatsukiTheme #sendSheet .socialBtn.is-loading::after{
  content:"";
  position:absolute;
  top:10px;
  right:10px;
  width:17px;
  height:17px;
  border:2px solid rgba(255,255,255,.22);
  border-top-color:#fff;
  border-radius:999px;
  animation:sendNetworkSpin .72s linear infinite;
}
body.akatsukiTheme #btnValidate.is-loading{
  pointer-events:none;
}
@keyframes sendNetworkSpin{to{transform:rotate(360deg)}}

/* =========================================================
   V78 — respiration, espacement et lisibilité
   Plus d'air entre les blocs sans modifier la logique métier.
   ========================================================= */
:root{
  --v78-page-x:16px;
  --v78-block-gap:18px;
  --v78-card-pad:17px;
  --v78-card-radius:20px;
}

body.akatsukiTheme .miniAppHeader{
  padding-left:calc(var(--v78-page-x) + var(--app-safe-left, 0px))!important;
  padding-right:calc(var(--v78-page-x) + var(--app-safe-right, 0px))!important;
  padding-bottom:9px!important;
}
body.akatsukiTheme .miniAppHeaderInner{min-height:54px!important;gap:12px!important}
body.akatsukiTheme .miniAppBrand{gap:10px!important;padding-inline:10px!important}
body.akatsukiTheme .miniAppBrand img{width:31px!important;height:23px!important}
body.akatsukiTheme .miniAppBrand strong{font-size:16px!important}
body.akatsukiTheme .miniAppBrand small{margin-top:4px!important}
body.akatsukiTheme .miniAppCart{width:44px!important;height:44px!important}

body.akatsukiTheme .shell{
  padding:
    17px
    var(--v78-page-x)
    calc(var(--v76-nav-height) + 34px + var(--v76-safe-bottom))!important;
}
body.akatsukiTheme .spacer{height:24px!important}

/* Accueil */
body.akatsukiTheme .homePanel{gap:var(--v78-block-gap)!important}
body.akatsukiTheme .homeHero{
  margin-bottom:2px;
  border-radius:27px!important;
}
body.akatsukiTheme .homeHeroContent{
  left:22px!important;
  right:22px!important;
  bottom:22px!important;
  gap:3px;
}
body.akatsukiTheme .homeHeroCloud{margin-bottom:3px}
body.akatsukiTheme .homeHero h1{margin-top:7px!important;margin-bottom:9px!important}
body.akatsukiTheme .homeHero p{
  max-width:38ch!important;
  margin:0 auto 16px!important;
  line-height:1.55!important;
}
body.akatsukiTheme .homeHeroButton{
  min-height:50px!important;
  padding-inline:18px!important;
  gap:14px!important;
}
body.akatsukiTheme .homeTrust{
  gap:10px!important;
  margin:0 1px 2px!important;
}
body.akatsukiTheme .homeTrust>span{
  min-height:72px!important;
  padding:11px 7px!important;
  border-radius:17px!important;
  gap:5px!important;
}
body.akatsukiTheme .homeTrust i{margin-bottom:2px}
body.akatsukiTheme .homeMenu{gap:12px!important}
body.akatsukiTheme .homeMenuCard{
  min-height:84px!important;
  padding:13px 15px!important;
  grid-template-columns:48px minmax(0,1fr) 22px!important;
  gap:13px!important;
  border-radius:19px!important;
}
body.akatsukiTheme .homeMenuIcon{width:46px!important;height:46px!important;border-radius:15px!important}
body.akatsukiTheme .homeMenuCopy{gap:6px!important}
body.akatsukiTheme .homeMenuCopy strong{font-size:14px!important}
body.akatsukiTheme .homeMenuCopy small{font-size:10px!important;line-height:1.35!important}
body.akatsukiTheme .homeFooterMark{margin:4px 0 2px!important}

/* Titres et catégories */
body.akatsukiTheme .screenHeading{
  margin:4px 0 18px!important;
  padding:7px 4px 2px!important;
  gap:14px!important;
}
body.akatsukiTheme .screenHeading>div{gap:5px}
body.akatsukiTheme .screenHeading h2{margin-top:5px!important}
body.akatsukiTheme .screenHeading p{margin-top:8px!important;line-height:1.5!important}
body.akatsukiTheme .categoryRail.categoryList{gap:12px!important}
body.akatsukiTheme .categoryChip{
  min-height:100px!important;
  border-radius:19px!important;
}
body.akatsukiTheme .categoryChipCopy{padding:15px!important;gap:6px!important}
body.akatsukiTheme .categoryChipCopy strong{font-size:16px!important}
body.akatsukiTheme .categoryChipCopy small{font-size:10px!important;line-height:1.35!important}
body.akatsukiTheme .catalogProductHeading{min-height:82px!important;margin-bottom:14px!important;padding-bottom:14px!important}
body.akatsukiTheme .catalogProductHeading>div{padding-inline:10px!important}
body.akatsukiTheme .catalogCount{min-width:60px!important;min-height:52px!important}

/* Recherche et filtres */
body.akatsukiTheme .catalogToolbar{
  gap:12px!important;
  margin-bottom:18px!important;
}
body.akatsukiTheme .catalogSearch .input,
body.akatsukiTheme .catalogSelect .input{
  min-height:52px!important;
  border-radius:17px!important;
  padding-left:42px!important;
}
body.akatsukiTheme .catalogFilterRow{gap:10px!important}
body.akatsukiTheme .catalogToolbar .quickFilters{
  gap:8px!important;
  margin-top:2px!important;
  padding-bottom:4px!important;
}
body.akatsukiTheme .catalogToolbar .quickFilter{
  min-height:37px!important;
  padding-inline:12px!important;
}

/* Grille produits */
body.akatsukiTheme .productsGrid{gap:12px!important}
body.akatsukiTheme .productCard{
  padding:9px!important;
  border-radius:19px!important;
}
body.akatsukiTheme .productCard .gallery,
body.akatsukiTheme .productCard .mediaThumb{border-radius:14px!important}
body.akatsukiTheme .productBody{padding:11px 3px 3px!important}
body.akatsukiTheme .productMeta{margin-bottom:8px!important}
body.akatsukiTheme .productName{
  font-size:13.5px!important;
  line-height:1.22!important;
  min-height:2.45em!important;
}
body.akatsukiTheme .productPrice{margin-top:10px!important;gap:7px!important}
body.akatsukiTheme .priceNow{font-size:18px!important}
body.akatsukiTheme .productHint{margin-top:6px!important;line-height:1.35!important}
body.akatsukiTheme .productFooterAction{
  min-height:39px!important;
  margin-top:11px!important;
  padding-top:9px!important;
}
body.akatsukiTheme .cardAddBtn{width:34px!important;height:34px!important;flex-basis:34px!important}

/* Pages internes */
body.akatsukiTheme .panelCard{
  padding:var(--v78-card-pad)!important;
  border-radius:23px!important;
}
body.akatsukiTheme .sectionHead{margin-bottom:17px!important}
body.akatsukiTheme .sectionTitle{font-size:26px!important}
body.akatsukiTheme .subCard{
  margin-top:18px!important;
  padding:16px!important;
  border-radius:18px!important;
}
body.akatsukiTheme .subTitle{margin-bottom:2px!important;font-size:18px!important}
body.akatsukiTheme .seg{gap:11px!important;margin-top:14px!important}
body.akatsukiTheme .segBtn{min-height:50px!important;border-radius:15px!important}
body.akatsukiTheme .deliveryFields{margin-top:16px!important}
body.akatsukiTheme .deliveryFields>.field+*{margin-top:12px}
body.akatsukiTheme .row2{gap:12px!important}
body.akatsukiTheme .field>span{margin-bottom:8px!important}
body.akatsukiTheme .input{min-height:51px!important}
body.akatsukiTheme textarea.input{padding-top:13px!important;padding-bottom:13px!important}
body.akatsukiTheme .mutedBlock,
body.akatsukiTheme .preorderBox{margin-top:14px!important;padding:14px!important;line-height:1.55!important}
body.akatsukiTheme .cartList{gap:12px!important;margin-top:16px!important}
body.akatsukiTheme .cartItem{padding:13px!important;border-radius:17px!important;gap:13px!important}
body.akatsukiTheme .checkout{margin-top:20px!important}
body.akatsukiTheme .summaryCard{padding:16px!important;border-radius:18px!important}
body.akatsukiTheme .summaryLine{padding:10px 0!important}
body.akatsukiTheme .checkoutActions{gap:12px!important;margin-top:14px!important}
body.akatsukiTheme .checkoutHint{margin-top:11px!important;line-height:1.45!important}

/* Informations, avis, fidélité et parrainage */
body.akatsukiTheme .infoGrid{gap:12px!important}
body.akatsukiTheme .infoCard{padding:15px!important;gap:13px!important;border-radius:18px!important}
body.akatsukiTheme .infoText{margin-top:7px!important;line-height:1.55!important}
body.akatsukiTheme .socialGrid{gap:12px!important}
body.akatsukiTheme .socialBtn{
  min-height:90px!important;
  padding:14px!important;
  border-radius:18px!important;
  gap:13px!important;
}
body.akatsukiTheme .socialIcon{width:48px!important;height:48px!important}
body.akatsukiTheme .reviewsHero{padding:18px!important;gap:18px!important}
body.akatsukiTheme .reviewsSummary{padding:17px 17px 0!important}
body.akatsukiTheme .reviewsListHead{margin:22px 17px 12px!important}
body.akatsukiTheme .reviewsCarousel{gap:13px!important;padding-left:17px!important;padding-right:17px!important;padding-bottom:12px!important}
body.akatsukiTheme .reviewCtaBlock{padding:17px!important}
body.akatsukiTheme .reviewCard{padding:16px!important;border-radius:19px!important}
body.akatsukiTheme .referralPanelCard{gap:18px!important}
body.akatsukiTheme .referralHero{gap:16px!important;padding:4px 2px 7px!important}
body.akatsukiTheme .referralSteps{gap:11px!important}
body.akatsukiTheme .referralStep{min-height:82px!important;padding:13px 10px!important;border-radius:18px!important}
body.akatsukiTheme .referralCard{padding:16px!important;border-radius:19px!important}
body.akatsukiTheme .referralCardHead{margin-bottom:15px!important}
body.akatsukiTheme .referralActions{gap:11px!important;margin-top:14px!important}
body.akatsukiTheme .loyaltyPanelCard{padding:17px!important}
body.akatsukiTheme .loyaltyPanelCard>*+*{margin-top:14px}

/* Fiche produit et feuilles */
body.akatsukiTheme .modalCard{
  padding-left:16px!important;
  padding-right:16px!important;
  padding-bottom:calc(34px + var(--v76-safe-bottom))!important;
}
body.akatsukiTheme .modalTop{
  min-height:68px!important;
  margin-left:-16px!important;
  margin-right:-16px!important;
  padding:12px 17px!important;
}
body.akatsukiTheme .modalGallery{margin-left:-16px!important;margin-right:-16px!important}
body.akatsukiTheme .modalDesc{
  margin-top:16px!important;
  padding:15px!important;
  border-radius:17px!important;
  font-size:12px!important;
  line-height:1.65!important;
}
body.akatsukiTheme .modalPanel{
  margin-top:14px!important;
  padding:15px!important;
  border-radius:18px!important;
}
body.akatsukiTheme .qtyRow{min-height:50px!important}
body.akatsukiTheme .modalTiers{gap:10px!important;padding:5px 0 8px!important}
body.akatsukiTheme .tierBtn{min-width:96px!important;min-height:68px!important;padding:11px!important;border-radius:15px!important}
body.akatsukiTheme .modalAddSelected{min-height:55px!important;margin-top:13px!important;border-radius:16px!important}
body.akatsukiTheme .productReviewsBlock{margin-top:16px!important;padding:15px!important;border-radius:18px!important}
body.akatsukiTheme #sendSheet .sendGrid{gap:12px!important;padding:18px 0 8px!important}
body.akatsukiTheme #sendSheet .sendNote{margin-top:13px!important;line-height:1.55!important}
body.akatsukiTheme .moreSheetCard{padding:16px!important}
body.akatsukiTheme .moreSheetGrid{gap:12px!important}
body.akatsukiTheme .moreSheetGrid button{min-height:82px!important;padding:14px!important;border-radius:18px!important}

/* Navigation basse plus lisible */
body.akatsukiTheme .bottomnav{
  padding:9px 9px calc(9px + var(--v76-safe-bottom))!important;
  gap:5px!important;
  border-radius:24px 24px 0 0!important;
}
body.akatsukiTheme .tab{
  min-height:62px!important;
  padding:6px 3px!important;
  gap:5px!important;
  border-radius:16px!important;
}
body.akatsukiTheme .tab .ico{width:31px!important;height:31px!important}
body.akatsukiTheme .tab .txt{font-size:8.5px!important}

@media(max-width:390px){
  :root{--v78-page-x:12px;--v78-block-gap:15px;--v78-card-pad:15px}
  body.akatsukiTheme .miniAppHeader{padding-left:12px!important;padding-right:12px!important}
  body.akatsukiTheme .homeHero{min-height:342px!important;height:45svh!important}
  body.akatsukiTheme .homeHeroContent{left:16px!important;right:16px!important;bottom:17px!important}
  body.akatsukiTheme .homeHero h1{font-size:43px!important}
  body.akatsukiTheme .homeTrust{gap:7px!important}
  body.akatsukiTheme .homeTrust>span{min-height:68px!important;padding:9px 4px!important}
  body.akatsukiTheme .homeTrust b{font-size:7.7px!important}
  body.akatsukiTheme .homeTrust small{font-size:6.8px!important}
  body.akatsukiTheme .homeMenuCard{min-height:78px!important;padding:11px 12px!important;grid-template-columns:44px minmax(0,1fr) 19px!important;gap:11px!important}
  body.akatsukiTheme .homeMenuIcon{width:43px!important;height:43px!important}
  body.akatsukiTheme .categoryChip{min-height:94px!important;grid-template-columns:minmax(0,1fr) 108px 18px!important}
  body.akatsukiTheme .categoryChipCopy{padding:13px!important}
  body.akatsukiTheme .catalogFilterRow{gap:8px!important}
  body.akatsukiTheme .productsGrid{gap:10px!important}
  body.akatsukiTheme .productCard{padding:8px!important;border-radius:17px!important}
  body.akatsukiTheme .productName{font-size:12.3px!important}
  body.akatsukiTheme .priceNow{font-size:16.5px!important}
  body.akatsukiTheme .productCardHint{font-size:7.2px!important}
  body.akatsukiTheme .cardAddBtn{width:32px!important;height:32px!important;flex-basis:32px!important}
  body.akatsukiTheme .socialGrid{grid-template-columns:1fr!important}
  body.akatsukiTheme .socialBtn{min-height:82px!important}
  body.akatsukiTheme .bottomnav{padding-left:7px!important;padding-right:7px!important;gap:3px!important}
  body.akatsukiTheme .tab{min-height:59px!important}
  body.akatsukiTheme .tab .txt{font-size:7.8px!important}
}


/* =========================================================
   V79 — NOUVEAUX CONTACTS + MENU PLUS FIABLE
   ========================================================= */

/* Accès visible depuis l'accueil */
body.akatsukiTheme .homeMenuCard--contacts{
  position:relative;
  border-color:rgba(244,60,77,.38)!important;
  background:
    radial-gradient(260px 120px at 0% 0%,rgba(226,36,53,.18),transparent 72%),
    linear-gradient(180deg,#121315,#090a0b)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
body.akatsukiTheme .homeMenuCard--contacts .homeMenuIcon{color:#fff!important;background:linear-gradient(180deg,#e73445,#8f0915)!important}
body.akatsukiTheme .homeMenuTag{
  align-self:start;
  min-height:24px;
  padding:0 8px;
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(255,99,113,.44);
  border-radius:999px;
  color:#ffdce0;
  background:rgba(226,36,53,.15);
  font-size:8px;
  font-weight:950;
  letter-spacing:.10em;
}

/* Page contacts */
body.akatsukiTheme .contactPanelCard{display:grid;gap:22px;padding:clamp(17px,3.2vw,26px)!important}
body.akatsukiTheme .contactAnnouncement{
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:15px;
  align-items:start;
  padding:17px;
  border:1px solid rgba(244,60,77,.34);
  border-radius:22px;
  background:
    radial-gradient(360px 180px at 0% 0%,rgba(226,36,53,.20),transparent 70%),
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
  box-shadow:0 20px 48px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.07);
}
body.akatsukiTheme .contactAnnouncementIcon{
  width:52px;height:52px;display:grid;place-items:center;border-radius:18px;
  color:#fff;background:linear-gradient(180deg,#f04454,#9d0d1a);box-shadow:0 14px 30px rgba(226,36,53,.26);
}
body.akatsukiTheme .contactAnnouncement>div>span{color:#ff9aa4;font-size:9px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
body.akatsukiTheme .contactAnnouncement h2{margin:5px 0 0;color:#fff;font-family:Outfit,Inter,sans-serif;font-size:25px;line-height:1}
body.akatsukiTheme .contactAnnouncement p{margin:9px 0 0;color:#bdb5b8;font-size:12px;line-height:1.6}
body.akatsukiTheme .contactSectionHead{margin:0!important}
body.akatsukiTheme .contactSectionHead .sectionIntro{max-width:680px;margin-top:8px}
body.akatsukiTheme .contactSocialGrid,
body.akatsukiTheme #sendSheet .sendGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
body.akatsukiTheme .socialBtn{
  position:relative;
  min-width:0;
  min-height:116px;
  padding:15px 42px 15px 15px!important;
  display:grid!important;
  grid-template-columns:50px minmax(0,1fr)!important;
  gap:13px!important;
  align-items:center!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:21px!important;
  color:#fff!important;
  background:linear-gradient(180deg,#121315,#090a0b)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.055)!important;
  text-align:left!important;
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
body.akatsukiTheme .socialBtn::after{
  content:"\f35d";
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  color:rgba(255,255,255,.38);
  font:900 12px/1 "Font Awesome 6 Free";
}
body.akatsukiTheme .socialBtn:hover{transform:translateY(-2px);border-color:rgba(244,60,77,.38)!important}
body.akatsukiTheme .socialBtn:active{transform:scale(.985)}
body.akatsukiTheme .socialBtn:focus-visible{outline:3px solid rgba(244,60,77,.26);outline-offset:3px}
body.akatsukiTheme .socialIcon{
  width:50px!important;height:50px!important;border-radius:17px!important;
  border:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.055)!important;
  font-size:23px!important;
}
body.akatsukiTheme .socialBody{min-width:0;display:grid!important;gap:4px!important}
body.akatsukiTheme .socialBody .contactNetworkLabel{
  color:#91898c!important;font-size:8.5px!important;font-weight:950!important;letter-spacing:.14em!important;text-transform:uppercase!important;
}
body.akatsukiTheme .socialBody .contactValue{
  display:block!important;min-width:0;color:#fff!important;font-family:Outfit,Inter,sans-serif!important;
  font-size:clamp(15px,2.3vw,19px)!important;line-height:1.12!important;white-space:normal!important;overflow-wrap:anywhere!important;
}
body.akatsukiTheme .socialBody small{
  display:block;color:#a9a1a4;font-size:10px;font-weight:750;line-height:1.4;
}
body.akatsukiTheme .socialTelegram{border-color:rgba(66,165,245,.28)!important}
body.akatsukiTheme .socialWhatsApp{border-color:rgba(66,211,112,.26)!important}
body.akatsukiTheme .socialSignal{border-color:rgba(116,151,255,.28)!important}
body.akatsukiTheme .socialSnapchat{border-color:rgba(255,223,75,.25)!important}
body.akatsukiTheme .socialTelegram .socialIcon{color:#5bb9ff!important;background:rgba(55,154,232,.11)!important}
body.akatsukiTheme .socialWhatsApp .socialIcon{color:#63e391!important;background:rgba(62,201,108,.10)!important}
body.akatsukiTheme .socialSignal .socialIcon{color:#a8bfff!important;background:rgba(106,139,241,.10)!important}
body.akatsukiTheme .socialSnapchat .socialIcon{color:#ffe86c!important;background:rgba(255,225,70,.09)!important}
body.akatsukiTheme .contactQuickBtn{min-height:52px!important;margin-top:0!important;display:flex!important;align-items:center;justify-content:center;gap:9px!important}

/* Modal d'annonce à l'ouverture */
.contactsNotice.hidden{display:none!important}
.contactsNotice{
  position:fixed!important;
  inset:0!important;
  z-index:520!important;
  display:flex!important;
  align-items:flex-end;
  justify-content:center;
  padding:18px 14px calc(18px + max(env(safe-area-inset-bottom),var(--app-safe-bottom,0px)));
  overscroll-behavior:contain;
}
.contactsNoticeBack{position:absolute;inset:0;border:0;background:rgba(0,0,0,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.contactsNoticeCard{
  position:relative;
  z-index:1;
  width:min(100%,620px);
  max-height:min(88dvh,790px);
  overflow:auto;
  padding:15px;
  border:1px solid rgba(244,60,77,.42);
  border-radius:28px;
  color:#fff;
  background:
    radial-gradient(440px 230px at 0% 0%,rgba(226,36,53,.20),transparent 66%),
    linear-gradient(180deg,#151618,#08090a);
  box-shadow:0 32px 90px rgba(0,0,0,.66),0 0 48px rgba(226,36,53,.12),inset 0 1px 0 rgba(255,255,255,.08);
  animation:contactsNoticeIn .25s cubic-bezier(.2,.9,.2,1) both;
}
@keyframes contactsNoticeIn{from{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:none}}
.contactsNoticeHandle{width:42px;height:4px;margin:0 auto 13px;border-radius:999px;background:rgba(255,255,255,.18)}
.contactsNoticeHead{display:grid;grid-template-columns:46px minmax(0,1fr) 40px;gap:11px;align-items:center}
.contactsNoticeIcon{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;color:#fff;background:linear-gradient(180deg,#ee4050,#9b0b18);box-shadow:0 13px 28px rgba(226,36,53,.25)}
.contactsNoticeHead>div>span{color:#ff9ba5;font-size:8px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
.contactsNoticeHead h2{margin:3px 0 0;font-family:Outfit,Inter,sans-serif;font-size:24px;line-height:1}
.contactsNoticeClose{width:40px;height:40px;border:1px solid rgba(255,255,255,.11);border-radius:13px;color:#fff;background:#0b0c0e}
body.is-telegram .contactsNoticeClose{display:none}
.contactsNoticeMessage{margin-top:14px;padding:14px;border:1px solid rgba(244,60,77,.28);border-radius:18px;background:rgba(226,36,53,.075)}
.contactsNoticeMessage strong{display:flex;align-items:center;gap:8px;color:#ffd8dc;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.contactsNoticeMessage p{margin:8px 0 0;color:#c1b9bc;font-size:12px;line-height:1.58}
.contactsNoticeGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px}
.contactsNoticeContact{
  min-width:0;min-height:74px;padding:10px;display:grid;grid-template-columns:38px minmax(0,1fr) 18px;gap:9px;align-items:center;
  border:1px solid rgba(255,255,255,.10);border-radius:17px;color:#fff;background:#0b0c0e;text-align:left;cursor:pointer;touch-action:manipulation;
}
.contactsNoticeContact>i:first-child{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.055);font-size:18px}
.contactsNoticeContact>i:last-child{color:rgba(255,255,255,.38);font-size:10px}
.contactsNoticeContact span{min-width:0;display:grid;gap:3px}
.contactsNoticeContact small{color:#8e8789;font-size:7.5px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.contactsNoticeContact strong{min-width:0;color:#fff;font-size:12px;line-height:1.2;overflow-wrap:anywhere}
.contactsNoticeContact.is-telegram>i:first-child{color:#5bb9ff}.contactsNoticeContact.is-whatsapp>i:first-child{color:#63e391}
.contactsNoticeContact.is-signal>i:first-child{color:#a8bfff}.contactsNoticeContact.is-snapchat>i:first-child{color:#ffe86c}
.contactsNoticeConfirm{width:100%;min-height:50px;margin-top:13px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(255,92,105,.52);border-radius:16px;color:#fff;background:linear-gradient(180deg,#df3041,#990b18);font-weight:950}

/* Menu Plus : structure complète — les versions précédentes n'avaient que le thème */
.moreSheet.hidden{display:none!important}
.moreSheet{
  position:fixed!important;
  inset:0!important;
  z-index:440!important;
  width:100%!important;
  height:100%!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  padding:0!important;
  pointer-events:auto!important;
  overscroll-behavior:contain;
}
.moreSheetBack{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;border-radius:0!important;background:rgba(0,0,0,.76)!important;backdrop-filter:blur(11px)!important;-webkit-backdrop-filter:blur(11px)!important;cursor:pointer!important}
.moreSheetCard{
  position:relative!important;
  z-index:1!important;
  width:min(100%,760px)!important;
  max-height:min(84dvh,760px)!important;
  overflow:auto!important;
  margin:0!important;
  padding:14px 16px calc(22px + max(env(safe-area-inset-bottom),var(--app-safe-bottom,0px)))!important;
  border:1px solid rgba(244,60,77,.38)!important;
  border-bottom:0!important;
  border-radius:28px 28px 0 0!important;
  color:#fff!important;
  background:linear-gradient(180deg,#151618,#070809)!important;
  box-shadow:0 -30px 90px rgba(0,0,0,.65),0 0 42px rgba(226,36,53,.10),inset 0 1px 0 rgba(255,255,255,.07)!important;
  animation:moreSheetIn .23s cubic-bezier(.2,.9,.2,1) both;
}
@keyframes moreSheetIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
.moreSheetHandle{width:44px;height:4px;margin:0 auto 14px;border-radius:999px;background:rgba(255,255,255,.18)}
.moreSheetHead{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;margin-bottom:15px!important}
.moreSheetHead>div>span{color:#ff9aa4;font-size:8px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
.moreSheetHead h2{margin:4px 0 0;font-family:Outfit,Inter,sans-serif;font-size:25px;line-height:1}
.moreSheetHead>[data-more-close]{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.11);border-radius:13px;color:#fff;background:#0b0c0e}
.moreSheetGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.moreSheetGrid button{
  min-width:0!important;min-height:94px!important;padding:14px!important;display:grid!important;grid-template-columns:43px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;
  border:1px solid rgba(244,60,77,.23)!important;border-radius:19px!important;color:#fff!important;background:#0c0d0f!important;text-align:left!important;cursor:pointer!important;touch-action:manipulation!important;
}
.moreSheetGrid button>i{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;color:#ff5563!important;background:rgba(226,36,53,.11);font-size:18px}
.moreSheetGrid button span{min-width:0;display:grid;gap:5px}.moreSheetGrid button strong{color:#fff;font-size:14px}.moreSheetGrid button small{color:#958e91;font-size:10px;line-height:1.35}
.moreSheetGrid button:active{transform:scale(.985)}
#btnMore{pointer-events:auto!important;touch-action:manipulation!important;cursor:pointer!important}
body.more-is-open .bottomnav{pointer-events:none!important}
body.more-is-open #btnMore{pointer-events:none!important}
body.has-open-overlay{overscroll-behavior:none}

/* Choix des réseaux après panier */
body.akatsukiTheme #sendSheet{z-index:460!important}
body.akatsukiTheme #sendSheet .modalCard{width:min(100%,720px)!important;padding:16px!important}
body.akatsukiTheme #sendSheet .sendGrid{padding:17px 0 5px!important}
body.akatsukiTheme #sendSheet .socialBtn{min-height:112px!important}
body.akatsukiTheme #sendSheet .sendNote{padding:11px 13px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#0b0c0e;color:#aaa2a5!important}

@media(max-width:620px){
  body.akatsukiTheme .contactSocialGrid,
  body.akatsukiTheme #sendSheet .sendGrid,
  .contactsNoticeGrid,
  .moreSheetGrid{grid-template-columns:1fr!important}
  body.akatsukiTheme .socialBtn{min-height:98px;padding-top:13px!important;padding-bottom:13px!important}
  .contactsNotice{padding-left:10px;padding-right:10px}
  .contactsNoticeCard{border-radius:26px 26px 20px 20px}
}
@media(max-width:390px){
  body.akatsukiTheme .contactPanelCard{gap:17px;padding:14px!important}
  body.akatsukiTheme .contactAnnouncement{grid-template-columns:44px minmax(0,1fr);gap:11px;padding:13px}
  body.akatsukiTheme .contactAnnouncementIcon{width:44px;height:44px;border-radius:15px}
  body.akatsukiTheme .contactAnnouncement h2{font-size:22px}
  body.akatsukiTheme .socialBtn{grid-template-columns:44px minmax(0,1fr)!important;min-height:94px;padding-left:12px!important;gap:11px!important}
  body.akatsukiTheme .socialIcon{width:44px!important;height:44px!important;border-radius:15px!important;font-size:20px!important}
  .contactsNoticeCard{padding:13px}
  .contactsNoticeHead{grid-template-columns:42px minmax(0,1fr) 38px;gap:9px}
  .contactsNoticeIcon{width:42px;height:42px}
  .contactsNoticeHead h2{font-size:21px}
  .moreSheetCard{padding-left:12px!important;padding-right:12px!important}
  .moreSheetGrid button{min-height:86px!important}
}

/* =========================================================
   V80 — AKATSUKI MOTION SYSTEM
   Modernisation visuelle, micro-interactions et animations
   performantes sans modifier les flux JSON / API existants.
   ========================================================= */
:root{
  --v80-red:#f22f43;
  --v80-red-hot:#ff5868;
  --v80-red-deep:#8f0714;
  --v80-ink:#06070a;
  --v80-ink-2:#0b0d11;
  --v80-card:rgba(15,17,21,.86);
  --v80-card-strong:rgba(10,11,14,.94);
  --v80-line:rgba(255,255,255,.105);
  --v80-line-red:rgba(242,47,67,.34);
  --v80-text:#fff;
  --v80-muted:#aaa5aa;
  --v80-ease:cubic-bezier(.18,.88,.2,1);
  --v80-spring:cubic-bezier(.16,1.18,.32,1);
  --v80-nav-clearance:104px;
  --page-progress:0;
  --hero-scroll:0px;
}

/* Fond animé léger */
body.akatsukiTheme{
  background:
    radial-gradient(820px 500px at 50% -110px,rgba(241,34,58,.18),transparent 67%),
    radial-gradient(760px 600px at -15% 70%,rgba(111,8,25,.14),transparent 72%),
    radial-gradient(700px 520px at 115% 95%,rgba(103,7,19,.13),transparent 72%),
    linear-gradient(180deg,#08090c 0%,#050609 54%,#090407 100%)!important;
  isolation:isolate;
}
body.akatsukiTheme::before{
  opacity:.07!important;
  background-size:270px 162px!important;
  animation:v80PatternDrift 36s linear infinite;
}
@keyframes v80PatternDrift{
  from{background-position:center 84px}
  to{background-position:270px 246px}
}
.v80Ambient{
  position:fixed;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  contain:strict;
}
.v80Orb{
  position:absolute;
  display:block;
  border-radius:999px;
  filter:blur(74px);
  opacity:.22;
  will-change:transform;
}
.v80Orb--one{
  width:360px;height:360px;left:-170px;top:12%;
  background:rgba(242,47,67,.34);
  animation:v80OrbOne 19s ease-in-out infinite alternate;
}
.v80Orb--two{
  width:310px;height:310px;right:-150px;top:46%;
  background:rgba(139,6,25,.32);
  animation:v80OrbTwo 24s ease-in-out infinite alternate;
}
.v80Orb--three{
  width:270px;height:270px;left:35%;bottom:-160px;
  background:rgba(255,79,98,.18);
  animation:v80OrbThree 21s ease-in-out infinite alternate;
}
.v80Grain{
  position:absolute;inset:0;
  opacity:.025;
  background-image:
    radial-gradient(circle at 20% 20%,#fff 0 1px,transparent 1.2px),
    radial-gradient(circle at 80% 65%,#fff 0 1px,transparent 1.2px);
  background-size:37px 41px,53px 47px;
  mix-blend-mode:soft-light;
}
@keyframes v80OrbOne{to{transform:translate3d(95px,44px,0) scale(1.14)}}
@keyframes v80OrbTwo{to{transform:translate3d(-100px,-52px,0) scale(.92)}}
@keyframes v80OrbThree{to{transform:translate3d(48px,-84px,0) scale(1.18)}}

/* Header premium et progression de page */
body.akatsukiTheme .miniAppHeader{
  position:sticky!important;
  overflow:visible;
  border-bottom-color:rgba(255,255,255,.07)!important;
  background:
    linear-gradient(180deg,rgba(7,8,11,.93),rgba(7,8,11,.78))!important;
  box-shadow:0 12px 36px rgba(0,0,0,.25)!important;
  backdrop-filter:blur(26px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(145%)!important;
  transition:padding .28s var(--v80-ease),background .28s ease,box-shadow .28s ease!important;
}
body.is-scrolled.akatsukiTheme .miniAppHeader{
  background:linear-gradient(180deg,rgba(7,8,11,.985),rgba(8,9,12,.93))!important;
  box-shadow:0 15px 42px rgba(0,0,0,.44),inset 0 -1px rgba(255,255,255,.04)!important;
}
body.akatsukiTheme .miniAppHeaderInner{
  transition:min-height .28s var(--v80-ease),transform .28s var(--v80-ease)!important;
}
body.is-scrolled.akatsukiTheme .miniAppHeaderInner{min-height:47px!important}
body.akatsukiTheme .miniAppBrand{
  border-radius:14px;
  transition:transform .24s var(--v80-ease),background .24s ease!important;
}
body.akatsukiTheme .miniAppBrand:active{transform:scale(.97)}
body.akatsukiTheme .miniAppBrand img{
  animation:v80CloudFloat 4.8s ease-in-out infinite;
  transition:filter .24s ease,transform .24s var(--v80-spring)!important;
}
body.akatsukiTheme .miniAppBrand:active img{transform:scale(.88) rotate(-5deg)}
body.akatsukiTheme .miniAppCart{
  border-color:rgba(255,255,255,.11)!important;
  border-radius:16px!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 30% 15%,rgba(255,255,255,.12),transparent 42%),
    linear-gradient(180deg,rgba(242,47,67,.22),rgba(132,7,20,.17))!important;
  box-shadow:0 12px 28px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.08)!important;
  transition:transform .22s var(--v80-spring),box-shadow .22s ease,border-color .22s ease!important;
}
body.akatsukiTheme .miniAppCart:active{transform:scale(.91) rotate(-3deg)}
.miniAppHeaderProgress{
  position:absolute;
  left:0;right:0;bottom:-1px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent 0%,var(--v80-red) 18%,#ff7180 72%,transparent 100%);
  box-shadow:0 0 18px rgba(242,47,67,.52);
  transform:scaleX(var(--page-progress));
  transform-origin:left center;
  transition:transform .08s linear;
  pointer-events:none;
}

/* Layout et transitions de vues */
body.akatsukiTheme .shell{
  padding-bottom:calc(var(--v80-nav-clearance) + var(--v76-safe-bottom))!important;
}
body.akatsukiTheme .panel.is-panel-entering{
  animation:v80PanelEnter .48s var(--v80-ease) both!important;
}
.catalogCategoryView.is-view-entering,
.catalogProductView.is-view-entering{
  animation:v80ViewEnter .44s var(--v80-ease) both;
}
@keyframes v80PanelEnter{
  0%{opacity:0;transform:translate3d(0,13px,0) scale(.992);filter:blur(3px)}
  100%{opacity:1;transform:none;filter:none}
}
@keyframes v80ViewEnter{
  0%{opacity:0;transform:translate3d(12px,0,0)}
  100%{opacity:1;transform:none}
}

/* Apparition progressive des contenus */
body.motion-ready .motion-item{
  opacity:0;
  transform:translate3d(0,18px,0) scale(.985);
  filter:blur(4px);
  transition:
    opacity .56s var(--v80-ease) var(--motion-delay,0ms),
    transform .56s var(--v80-ease) var(--motion-delay,0ms),
    filter .56s ease var(--motion-delay,0ms),
    border-color .22s ease,
    box-shadow .22s ease,
    background .22s ease;
}
body.motion-ready .motion-item.is-visible{
  opacity:1;
  transform:none;
  filter:none;
}
.micro-bump{animation:v80MicroBump .48s var(--v80-spring)!important}
@keyframes v80MicroBump{
  0%{transform:scale(.86)}
  48%{transform:scale(1.2)}
  100%{transform:scale(1)}
}

/* Ripple tactile */
.has-micro-ripple{position:relative!important;overflow:hidden!important;isolation:isolate}
.microRipple{
  position:absolute;
  z-index:20;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(255,255,255,.34),rgba(242,47,67,.16) 44%,transparent 70%);
  transform:scale(0);
  opacity:.9;
  animation:v80Ripple .62s ease-out forwards;
}
@keyframes v80Ripple{to{transform:scale(1);opacity:0}}

/* Hero plus moderne */
body.akatsukiTheme .homePanel{gap:16px!important}
body.akatsukiTheme .homeHero{
  min-height:390px!important;
  height:min(52svh,510px)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:30px!important;
  background:#06070a!important;
  box-shadow:
    0 28px 80px rgba(0,0,0,.58),
    0 0 0 1px rgba(242,47,67,.08),
    inset 0 1px rgba(255,255,255,.08)!important;
  transform:translateZ(0);
}
body.akatsukiTheme .homeHero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(115deg,rgba(255,255,255,.08),transparent 24%,transparent 73%,rgba(242,47,67,.07)),
    radial-gradient(420px 180px at 50% 100%,rgba(242,47,67,.17),transparent 72%);
  mix-blend-mode:screen;
}
body.akatsukiTheme .homeHeroMedia{
  transform:translate3d(0,calc(var(--hero-scroll) * -.35),0) scale(1.075)!important;
  filter:saturate(1.08) contrast(1.055) brightness(.92);
  transition:transform .12s linear!important;
}
body.akatsukiTheme .homeHeroShade{
  background:
    linear-gradient(180deg,rgba(0,0,0,.01) 7%,rgba(0,0,0,.08) 38%,rgba(3,4,6,.78) 72%,#06070a 98%),
    radial-gradient(420px 270px at 50% 42%,transparent 25%,rgba(0,0,0,.34) 100%)!important;
}
.homeHeroFx{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.homeHeroRing{
  position:absolute;
  border:1px solid rgba(247,57,77,.32);
  border-radius:999px;
  box-shadow:0 0 34px rgba(242,47,67,.13),inset 0 0 24px rgba(242,47,67,.06);
}
.homeHeroRing--one{width:230px;height:230px;left:-110px;top:18%;animation:v80RingSpin 22s linear infinite}
.homeHeroRing--two{width:154px;height:154px;right:-78px;top:7%;border-style:dashed;animation:v80RingSpinReverse 17s linear infinite}
.homeHeroSpark{
  position:absolute;width:4px;height:4px;border-radius:50%;
  background:#ff6b78;box-shadow:0 0 14px rgba(255,65,84,.9);
  animation:v80SparkFloat 4.5s ease-in-out infinite;
}
.homeHeroSpark--one{left:17%;top:24%;animation-delay:-1.4s}
.homeHeroSpark--two{right:14%;top:37%;animation-delay:-2.6s}
.homeHeroSpark--three{right:28%;top:18%;animation-delay:-.5s}
@keyframes v80RingSpin{to{transform:rotate(360deg)}}
@keyframes v80RingSpinReverse{to{transform:rotate(-360deg)}}
@keyframes v80SparkFloat{0%,100%{opacity:.22;transform:translateY(9px) scale(.7)}50%{opacity:1;transform:translateY(-11px) scale(1.25)}}
@keyframes v80CloudFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
body.akatsukiTheme .homeHeroContent{
  left:22px!important;right:22px!important;bottom:22px!important;
  z-index:4;
}
.homeHeroStatus{
  min-height:28px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  color:#d9d5d7;
  background:rgba(7,8,10,.55);
  box-shadow:0 10px 26px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.06);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  font-size:8px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.homeHeroStatus>span{
  width:7px;height:7px;border-radius:50%;background:#72e59c;
  box-shadow:0 0 0 5px rgba(114,229,156,.09),0 0 16px rgba(114,229,156,.55);
  animation:v80OnlinePulse 2s ease-in-out infinite;
}
@keyframes v80OnlinePulse{50%{transform:scale(.72);box-shadow:0 0 0 8px rgba(114,229,156,0),0 0 18px rgba(114,229,156,.65)}}
body.akatsukiTheme .homeHeroCloud{margin-top:9px}
body.akatsukiTheme .homeHeroCloud img{animation:v80CloudFloat 4s ease-in-out infinite}
body.akatsukiTheme .homeHero h1{
  margin-top:7px!important;
  font-size:clamp(51px,14vw,82px)!important;
  letter-spacing:-.015em!important;
  background:linear-gradient(180deg,#fff 10%,#f8f5f6 54%,#c8c3c5 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
  filter:drop-shadow(0 12px 22px rgba(0,0,0,.52));
}
body.akatsukiTheme .homeHero h1 span{
  color:transparent!important;
  background:linear-gradient(180deg,#ff6a77,#ed263b 58%,#a80717);
  -webkit-background-clip:text;
  background-clip:text;
}
body.akatsukiTheme .homeHero p{font-size:12.5px!important;line-height:1.55!important;color:#c8c3c5!important}
body.akatsukiTheme .homeHeroButton{
  position:relative;
  min-height:48px!important;
  margin-top:16px!important;
  padding:0 19px!important;
  overflow:hidden;
  border-color:rgba(255,255,255,.18)!important;
  border-radius:16px!important;
  background:
    radial-gradient(circle at 28% 10%,rgba(255,255,255,.26),transparent 26%),
    linear-gradient(180deg,#f04455,#bd1224 62%,#880914)!important;
  box-shadow:0 18px 38px rgba(209,20,41,.28),inset 0 1px rgba(255,255,255,.19)!important;
  transition:transform .22s var(--v80-spring),box-shadow .22s ease,filter .22s ease!important;
}
body.akatsukiTheme .homeHeroButton::after{
  content:"";position:absolute;inset:-80% auto -80% -36%;width:32%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.44),transparent);
  transform:rotate(18deg);animation:v80ButtonShine 4.3s ease-in-out infinite;
}
body.akatsukiTheme .homeHeroButton i{transition:transform .24s var(--v80-spring)}
body.akatsukiTheme .homeHeroButton:active{transform:scale(.96)}
body.akatsukiTheme .homeHeroButton:active i{transform:translateX(5px)}
@keyframes v80ButtonShine{0%,64%{left:-46%;opacity:0}72%{opacity:1}88%,100%{left:128%;opacity:0}}

/* Cartes de confiance et raccourcis */
body.akatsukiTheme .homeTrust{gap:10px!important}
body.akatsukiTheme .homeTrust>span,
body.akatsukiTheme .homeMenuCard,
body.akatsukiTheme .categoryChip,
body.akatsukiTheme .productCard,
body.akatsukiTheme .infoCard,
body.akatsukiTheme .socialBtn,
body.akatsukiTheme .referralCard,
body.akatsukiTheme .loyaltyProgressCard,
body.akatsukiTheme .summaryCard,
.moreSheetGrid>button,
.contactsNoticeContact{
  --pointer-x:50%;--pointer-y:50%;
  background-image:
    radial-gradient(240px circle at var(--pointer-x) var(--pointer-y),rgba(255,255,255,.075),transparent 54%),
    linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.012))!important;
  background-color:var(--v80-card-strong)!important;
}
body.akatsukiTheme .homeTrust>span{
  min-height:74px!important;
  border-color:rgba(255,255,255,.09)!important;
  border-radius:19px!important;
  box-shadow:0 15px 34px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.045)!important;
}
body.akatsukiTheme .homeTrust i{font-size:15px!important;filter:drop-shadow(0 6px 14px rgba(242,47,67,.28))}
body.akatsukiTheme .homeMenu{gap:11px!important}
body.akatsukiTheme .homeMenuCard{
  position:relative;
  min-height:82px!important;
  padding:12px 14px!important;
  border-color:rgba(255,255,255,.105)!important;
  border-radius:21px!important;
  box-shadow:0 17px 42px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.055)!important;
  transition:transform .24s var(--v80-spring),border-color .22s ease,box-shadow .22s ease!important;
}
body.akatsukiTheme .homeMenuCard::after{
  content:"";position:absolute;left:14px;right:14px;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(242,47,67,.62),transparent);
  opacity:.28;transition:opacity .22s ease;
}
body.akatsukiTheme .homeMenuIcon{
  width:48px!important;height:48px!important;border-radius:17px!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#ff6170!important;
  background:linear-gradient(180deg,rgba(242,47,67,.18),rgba(111,6,18,.10))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 12px 24px rgba(0,0,0,.18)!important;
  transition:transform .26s var(--v80-spring),background .22s ease!important;
}
body.akatsukiTheme .homeMenuChevron{color:#a9a3a6!important;transition:transform .24s var(--v80-spring),color .22s ease!important}
body.akatsukiTheme .homeMenuTag{animation:v80TagPulse 2.6s ease-in-out infinite}
@keyframes v80TagPulse{50%{box-shadow:0 0 0 5px rgba(242,47,67,.06),0 0 18px rgba(242,47,67,.17)}}

/* Catégories */
body.akatsukiTheme .screenHeading{padding-top:14px!important;padding-bottom:18px!important}
body.akatsukiTheme .screenHeading h2{
  font-size:34px!important;
  background:linear-gradient(180deg,#fff,#c9c4c6);
  -webkit-background-clip:text;background-clip:text;color:transparent!important;
}
body.akatsukiTheme .categoryRail.categoryList{gap:12px!important}
body.akatsukiTheme .categoryChip{
  min-height:104px!important;
  grid-template-columns:minmax(0,1fr) 132px 22px!important;
  border-color:rgba(255,255,255,.105)!important;
  border-radius:22px!important;
  box-shadow:0 19px 48px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.05)!important;
  transition:transform .24s var(--v80-spring),border-color .22s ease,box-shadow .22s ease!important;
}
body.akatsukiTheme .categoryChip::after{
  background:
    linear-gradient(90deg,rgba(6,7,9,.02) 34%,rgba(6,7,9,.25) 57%,rgba(6,7,9,.84) 100%),
    linear-gradient(180deg,transparent 60%,rgba(242,47,67,.06))!important;
}
body.akatsukiTheme .categoryChipCopy{padding:16px!important}
body.akatsukiTheme .categoryChipCopy strong{font-size:18px!important;letter-spacing:-.02em}
body.akatsukiTheme .categoryChipMedia{overflow:hidden}
body.akatsukiTheme .categoryChipMedia img{
  transform:scale(1.02);
  transition:transform .48s var(--v80-ease),filter .32s ease!important;
}
body.akatsukiTheme .categoryChipChevron{transition:transform .24s var(--v80-spring),color .22s ease!important}
body.akatsukiTheme .categoryChip.is-active{
  border-color:rgba(242,47,67,.52)!important;
  box-shadow:0 20px 52px rgba(0,0,0,.34),0 0 0 1px rgba(242,47,67,.11),0 0 34px rgba(242,47,67,.08)!important;
}

/* Toolbar sticky, filtres et champs */
body.akatsukiTheme .catalogToolbar{
  position:sticky!important;
  top:calc(var(--v76-safe-top) + 61px)!important;
  z-index:36!important;
  margin:0 -3px 20px!important;
  padding:11px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(12,14,18,.94),rgba(8,9,12,.89))!important;
  box-shadow:0 17px 46px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.055)!important;
  backdrop-filter:blur(24px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(140%)!important;
}
body.akatsukiTheme .input{
  border-color:rgba(255,255,255,.105)!important;
  background:rgba(5,6,9,.72)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035)!important;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s var(--v80-ease)!important;
}
body.akatsukiTheme .input:focus{
  border-color:rgba(242,47,67,.62)!important;
  background:rgba(8,9,12,.94)!important;
  box-shadow:0 0 0 4px rgba(242,47,67,.10),0 12px 28px rgba(0,0,0,.18)!important;
}
body.akatsukiTheme .catalogToolbar .quickFilter{
  min-height:38px!important;
  padding:0 13px!important;
  border-color:rgba(255,255,255,.085)!important;
  background:rgba(255,255,255,.025)!important;
  transition:transform .2s var(--v80-spring),border-color .2s ease,background .2s ease,color .2s ease!important;
}
body.akatsukiTheme .catalogToolbar .quickFilter.is-active{
  border-color:rgba(255,91,108,.46)!important;
  color:#fff!important;
  background:linear-gradient(180deg,rgba(242,47,67,.25),rgba(119,6,18,.14))!important;
  box-shadow:0 8px 18px rgba(151,8,23,.16),inset 0 1px rgba(255,255,255,.07)!important;
}

/* Produits modernes */
body.akatsukiTheme .productsGrid{gap:13px!important}
body.akatsukiTheme .productCard{
  position:relative;
  padding:9px!important;
  border-color:rgba(255,255,255,.095)!important;
  border-radius:22px!important;
  box-shadow:0 18px 42px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.045)!important;
  transition:transform .24s var(--v80-spring),border-color .22s ease,box-shadow .22s ease!important;
}
body.akatsukiTheme .productCard::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  background:linear-gradient(135deg,rgba(255,255,255,.055),transparent 34%,rgba(242,47,67,.035))!important;
  opacity:1!important;
}
body.akatsukiTheme .productCard>*{position:relative;z-index:1}
body.akatsukiTheme .productCard .gallery,
body.akatsukiTheme .productCard .mediaThumb{
  border-radius:17px!important;
  box-shadow:0 15px 34px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.04)!important;
}
body.akatsukiTheme .productCard .gallery img,
body.akatsukiTheme .productCard .gallery video{
  transform:scale(1.001);
  transition:transform .55s var(--v80-ease),filter .32s ease!important;
}
body.akatsukiTheme .productBody{padding:12px 3px 3px!important}
body.akatsukiTheme .productCat{
  color:#a9a3a6!important;
  font-size:8px!important;
}
body.akatsukiTheme .productName{
  font-size:14px!important;
  line-height:1.22!important;
  letter-spacing:-.018em!important;
}
body.akatsukiTheme .priceNow{
  color:#ff5262!important;
  font-size:19px!important;
  text-shadow:0 0 22px rgba(242,47,67,.17)!important;
}
body.akatsukiTheme .productFooterAction{
  min-height:42px!important;
  margin-top:11px!important;
  padding-top:10px!important;
}
body.akatsukiTheme .cardAddBtn{
  width:36px!important;height:36px!important;flex-basis:36px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:13px!important;
  background:
    radial-gradient(circle at 28% 12%,rgba(255,255,255,.24),transparent 32%),
    linear-gradient(180deg,#f13c4f,#b20e20 62%,#800813)!important;
  box-shadow:0 12px 25px rgba(197,14,34,.22),inset 0 1px rgba(255,255,255,.13)!important;
  transition:transform .22s var(--v80-spring),box-shadow .22s ease,filter .22s ease!important;
}
body.akatsukiTheme .cardAddBtn.is-added,
body.akatsukiTheme .modalAddSelected.is-added{
  animation:v80AddedButton .72s var(--v80-spring) both!important;
  background:linear-gradient(180deg,#76e49c,#249454)!important;
}
body.akatsukiTheme .productCard.is-cart-added{
  animation:v80CardAdded .74s var(--v80-ease) both!important;
}
@keyframes v80AddedButton{
  0%{transform:scale(.74) rotate(-8deg)}
  48%{transform:scale(1.16) rotate(3deg)}
  100%{transform:scale(1) rotate(0)}
}
@keyframes v80CardAdded{
  0%,100%{box-shadow:0 18px 42px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.045)}
  45%{border-color:rgba(113,227,154,.55);box-shadow:0 22px 52px rgba(0,0,0,.34),0 0 0 5px rgba(113,227,154,.08),0 0 34px rgba(113,227,154,.15)}
}
body.akatsukiTheme .likeBtn{
  transition:transform .2s var(--v80-spring),background .2s ease,border-color .2s ease!important;
}
body.akatsukiTheme .likeBtn.is-liked{animation:v80HeartTap .5s var(--v80-spring)}
@keyframes v80HeartTap{0%{transform:scale(.78)}55%{transform:scale(1.18)}100%{transform:scale(1)}}
body.akatsukiTheme .pillPromo,
body.akatsukiTheme .pillNew,
body.akatsukiTheme .pillBest{
  box-shadow:0 8px 20px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.10)!important;
  animation:v80BadgeBreath 3.4s ease-in-out infinite;
}
@keyframes v80BadgeBreath{50%{filter:brightness(1.13);transform:translateY(-1px)}}

/* Cartes internes, panier, avis, fidélité */
body.akatsukiTheme .panelCard{
  border-color:rgba(255,255,255,.095)!important;
  border-radius:27px!important;
  background:
    radial-gradient(520px 250px at 0 0,rgba(242,47,67,.065),transparent 68%),
    linear-gradient(155deg,rgba(255,255,255,.047),rgba(255,255,255,.012)),
    rgba(8,9,12,.94)!important;
  box-shadow:0 28px 78px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.055)!important;
}
body.akatsukiTheme .subCard,
body.akatsukiTheme .summaryCard,
body.akatsukiTheme .infoCard,
body.akatsukiTheme .referralCard,
body.akatsukiTheme .loyaltyIdentityCard,
body.akatsukiTheme .loyaltyProgressCard,
body.akatsukiTheme .loyaltyOrderItem,
body.akatsukiTheme .reviewCard{
  border-color:rgba(255,255,255,.09)!important;
  border-radius:21px!important;
  box-shadow:0 17px 40px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.04)!important;
}
body.akatsukiTheme .sectionTitle,
body.akatsukiTheme .modalTitle{
  background:linear-gradient(180deg,#fff,#d1ccce);
  -webkit-background-clip:text;background-clip:text;color:transparent!important;
}
body.akatsukiTheme .segBtn,
body.akatsukiTheme .qtyBtn,
body.akatsukiTheme .tierBtn,
body.akatsukiTheme .btn{
  transition:transform .2s var(--v80-spring),border-color .2s ease,box-shadow .2s ease,filter .2s ease!important;
}
body.akatsukiTheme .segBtn:active,
body.akatsukiTheme .qtyBtn:active,
body.akatsukiTheme .tierBtn:active,
body.akatsukiTheme .btn:active{transform:scale(.965)!important}
body.akatsukiTheme .segBtn.is-active{
  border-color:rgba(242,47,67,.48)!important;
  background:linear-gradient(180deg,rgba(242,47,67,.22),rgba(111,6,18,.12))!important;
  box-shadow:0 10px 26px rgba(150,8,23,.15),inset 0 1px rgba(255,255,255,.06)!important;
}
body.akatsukiTheme .cartItem{
  border:1px solid rgba(255,255,255,.085)!important;
  background:linear-gradient(155deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),rgba(8,9,12,.88)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.22)!important;
  transition:transform .22s var(--v80-spring),border-color .22s ease!important;
}
body.akatsukiTheme .summaryFinal strong{color:#ff5363!important;text-shadow:0 0 24px rgba(242,47,67,.18)}
body.akatsukiTheme .reviewDot.is-active,
body.akatsukiTheme .dot.is-active{
  background:linear-gradient(90deg,#ff7a87,#ef263c)!important;
  box-shadow:0 0 0 4px rgba(242,47,67,.08),0 0 16px rgba(242,47,67,.25)!important;
}
body.akatsukiTheme .starPick.is-active{animation:v80StarIn .34s var(--v80-spring)}
@keyframes v80StarIn{0%{transform:scale(.72) rotate(-12deg)}100%{transform:none}}

/* Contact et feuilles modales */
body.akatsukiTheme .socialBtn{
  position:relative;
  border-color:rgba(255,255,255,.10)!important;
  border-radius:22px!important;
  box-shadow:0 17px 42px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.05)!important;
  transition:transform .23s var(--v80-spring),border-color .22s ease,box-shadow .22s ease!important;
}
body.akatsukiTheme .socialIcon{
  border-radius:17px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.06)!important;
  transition:transform .24s var(--v80-spring)!important;
}
body.akatsukiTheme .modalBack,
.contactsNoticeBack,
.moreSheetBack{
  animation:v80BackdropIn .24s ease both;
}
body.akatsukiTheme .modalCard,
.contactsNoticeCard,
.moreSheetCard{
  animation:v80SheetIn .42s var(--v80-spring) both!important;
}
@keyframes v80BackdropIn{from{opacity:0}to{opacity:1}}
@keyframes v80SheetIn{from{opacity:0;transform:translate3d(0,36px,0) scale(.985)}to{opacity:1;transform:none}}
body.akatsukiTheme .modalCard{
  border-color:rgba(255,255,255,.11)!important;
  border-radius:32px 32px 24px 24px!important;
  background:
    radial-gradient(620px 240px at 0 0,rgba(242,47,67,.09),transparent 66%),
    linear-gradient(180deg,rgba(18,20,25,.985),rgba(7,8,11,.99))!important;
  box-shadow:0 36px 110px rgba(0,0,0,.68),inset 0 1px rgba(255,255,255,.07)!important;
}
body.akatsukiTheme .modalTop{
  background:linear-gradient(180deg,rgba(17,19,23,.96),rgba(12,13,17,.91))!important;
  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;
}
body.akatsukiTheme .modalClose,
.contactsNoticeClose,
.moreSheetHead>[data-more-close]{
  transition:transform .2s var(--v80-spring),background .2s ease,border-color .2s ease!important;
}
body.akatsukiTheme .modalClose:active,
.contactsNoticeClose:active,
.moreSheetHead>[data-more-close]:active{transform:scale(.88) rotate(6deg)}
.contactsNoticeCard,
.moreSheetCard{
  border-color:rgba(255,255,255,.105)!important;
  background:
    radial-gradient(520px 220px at 0 0,rgba(242,47,67,.11),transparent 68%),
    linear-gradient(180deg,#14161a,#07080b)!important;
  box-shadow:0 -34px 110px rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,.06)!important;
}
.contactsNoticeContact,
.moreSheetGrid>button{
  border-color:rgba(255,255,255,.09)!important;
  border-radius:20px!important;
  box-shadow:0 14px 34px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.04)!important;
  transition:transform .22s var(--v80-spring),border-color .22s ease,box-shadow .22s ease!important;
}
.contactsNoticeConfirm{
  position:relative;
  overflow:hidden;
  border-color:rgba(255,255,255,.16)!important;
  border-radius:17px!important;
  background:linear-gradient(180deg,#ef3d50,#ae1021 64%,#800813)!important;
  box-shadow:0 18px 38px rgba(181,13,32,.24),inset 0 1px rgba(255,255,255,.13)!important;
  transition:transform .2s var(--v80-spring)!important;
}
.contactsNoticeConfirm:active{transform:scale(.97)}

/* Toast */
.appToast{
  position:fixed;
  left:50%;
  bottom:calc(var(--v80-nav-clearance) + var(--v76-safe-bottom) + 10px);
  z-index:999;
  max-width:min(88vw,520px);
  padding:12px 15px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  color:#fff;
  background:
    radial-gradient(180px 90px at 0 0,rgba(242,47,67,.14),transparent 72%),
    rgba(11,13,17,.94);
  box-shadow:0 22px 58px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.06);
  backdrop-filter:blur(20px) saturate(140%);
  -webkit-backdrop-filter:blur(20px) saturate(140%);
  font-size:12px;
  font-weight:850;
  line-height:1.35;
  text-align:center;
  opacity:0;
  transform:translate3d(-50%,16px,0) scale(.96);
  pointer-events:none;
  transition:opacity .24s ease,transform .34s var(--v80-spring);
}
.appToast.is-visible{opacity:1;transform:translate3d(-50%,0,0) scale(1)}

/* Navigation flottante moderne */
body.akatsukiTheme .bottomnav{
  left:50%!important;
  right:auto!important;
  bottom:calc(8px + var(--v76-safe-bottom))!important;
  width:min(740px,calc(100% - 20px))!important;
  transform:translateX(-50%)!important;
  padding:8px!important;
  gap:6px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:25px!important;
  background:linear-gradient(180deg,rgba(17,19,24,.90),rgba(7,8,11,.91))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.07),0 0 34px rgba(242,47,67,.06)!important;
  backdrop-filter:blur(28px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(150%)!important;
}
body.akatsukiTheme .tab{
  min-height:59px!important;
  border-radius:18px!important;
  transition:transform .22s var(--v80-spring),background .22s ease,color .22s ease!important;
}
body.akatsukiTheme .tab::after{
  content:"";
  position:absolute;
  left:50%;bottom:4px;
  width:4px;height:4px;
  border-radius:999px;
  background:var(--v80-red-hot);
  box-shadow:0 0 12px rgba(255,80,97,.7);
  opacity:0;
  transform:translateX(-50%) scale(.3);
  transition:opacity .22s ease,transform .25s var(--v80-spring);
}
body.akatsukiTheme .tab .ico{
  border:1px solid transparent;
  transition:transform .25s var(--v80-spring),background .22s ease,color .22s ease,box-shadow .22s ease!important;
}
body.akatsukiTheme .tab.is-active{
  color:#fff!important;
  border-color:rgba(255,255,255,.07)!important;
  background:linear-gradient(180deg,rgba(242,47,67,.16),rgba(112,6,18,.07))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.045)!important;
}
body.akatsukiTheme .tab.is-active::after{opacity:1;transform:translateX(-50%) scale(1)}
body.akatsukiTheme .tab.is-active .ico{
  transform:translateY(-4px) scale(1.08);
  color:#fff!important;
  border-color:rgba(255,255,255,.12);
  background:linear-gradient(180deg,#f04456,#a60d1e)!important;
  box-shadow:0 11px 22px rgba(192,13,34,.25),inset 0 1px rgba(255,255,255,.16)!important;
}
body.akatsukiTheme .tab:active .ico{transform:translateY(-1px) scale(.9)}
body.akatsukiTheme .badge,
body.akatsukiTheme .topCartCount,
body.akatsukiTheme .miniAppCart>span{
  background:linear-gradient(180deg,#ff6674,#e92138 62%,#ad0c1d)!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(214,23,45,.34)!important;
}

/* Hover uniquement sur appareils adaptés */
@media(hover:hover) and (pointer:fine){
  body.akatsukiTheme .homeMenuCard:hover,
  body.akatsukiTheme .categoryChip:hover,
  body.akatsukiTheme .productCard:hover,
  body.akatsukiTheme .infoCard:hover,
  body.akatsukiTheme .socialBtn:hover,
  body.akatsukiTheme .referralCard:hover,
  .contactsNoticeContact:hover,
  .moreSheetGrid>button:hover{
    transform:translateY(-4px) scale(1.006)!important;
    border-color:rgba(242,47,67,.36)!important;
    box-shadow:0 24px 56px rgba(0,0,0,.38),0 0 0 1px rgba(242,47,67,.055),inset 0 1px rgba(255,255,255,.07)!important;
  }
  body.akatsukiTheme .homeMenuCard:hover .homeMenuIcon{transform:translateY(-2px) rotate(-4deg) scale(1.06)}
  body.akatsukiTheme .homeMenuCard:hover .homeMenuChevron,
  body.akatsukiTheme .categoryChip:hover .categoryChipChevron{transform:translateX(5px);color:#fff!important}
  body.akatsukiTheme .homeMenuCard:hover::after{opacity:.9}
  body.akatsukiTheme .categoryChip:hover .categoryChipMedia img{transform:scale(1.11);filter:saturate(1.12) brightness(1.04)}
  body.akatsukiTheme .productCard:hover .gallery img{transform:scale(1.055)}
  body.akatsukiTheme .cardAddBtn:hover{transform:translateY(-2px) scale(1.07);filter:brightness(1.08)}
  body.akatsukiTheme .socialBtn:hover .socialIcon{transform:scale(1.08) rotate(-4deg)}
  body.akatsukiTheme .catalogToolbar .quickFilter:hover{transform:translateY(-2px);border-color:rgba(242,47,67,.32)!important;color:#fff!important}
}

/* Mobile fin */
@media(max-width:620px){
  :root{--v80-nav-clearance:100px}
  body.akatsukiTheme .homeHero{min-height:370px!important;height:49svh!important;border-radius:27px!important}
  body.akatsukiTheme .homeHeroContent{left:18px!important;right:18px!important;bottom:19px!important}
  body.akatsukiTheme .homeHero h1{font-size:clamp(48px,15vw,66px)!important}
  body.akatsukiTheme .catalogToolbar{top:calc(var(--v76-safe-top) + 58px)!important;border-radius:20px!important}
  body.akatsukiTheme .productsGrid{gap:10px!important}
  body.akatsukiTheme .productCard{padding:8px!important;border-radius:19px!important}
  body.akatsukiTheme .productCard .gallery,
  body.akatsukiTheme .productCard .mediaThumb{border-radius:15px!important}
  body.akatsukiTheme .productName{font-size:13px!important}
  body.akatsukiTheme .priceNow{font-size:17.5px!important}
  body.akatsukiTheme .bottomnav{width:calc(100% - 16px)!important;bottom:calc(6px + var(--v76-safe-bottom))!important;padding:7px 6px!important;gap:3px!important}
  body.akatsukiTheme .tab{min-height:57px!important;border-radius:16px!important}
  body.akatsukiTheme .tab .txt{font-size:8px!important}
  .appToast{bottom:calc(98px + var(--v76-safe-bottom));font-size:11px}
}
@media(max-width:390px){
  body.akatsukiTheme .homeHero{min-height:350px!important;height:47svh!important}
  body.akatsukiTheme .homeHeroStatus{min-height:25px;padding-inline:8px;font-size:7px}
  body.akatsukiTheme .homeMenuCard{min-height:80px!important;padding:11px 12px!important;border-radius:19px!important}
  body.akatsukiTheme .homeMenuIcon{width:44px!important;height:44px!important;border-radius:15px!important}
  body.akatsukiTheme .categoryChip{min-height:98px!important;grid-template-columns:minmax(0,1fr) 108px 19px!important;border-radius:19px!important}
  body.akatsukiTheme .categoryChipCopy{padding:14px!important}
  body.akatsukiTheme .categoryChipCopy strong{font-size:16px!important}
  body.akatsukiTheme .catalogToolbar{margin-left:-2px!important;margin-right:-2px!important;padding:9px!important}
  body.akatsukiTheme .productCard{padding:7px!important;border-radius:17px!important}
  body.akatsukiTheme .productName{font-size:12.2px!important}
  body.akatsukiTheme .priceNow{font-size:16.3px!important}
  body.akatsukiTheme .cardAddBtn{width:33px!important;height:33px!important;flex-basis:33px!important}
  body.akatsukiTheme .panelCard{border-radius:23px!important}
  body.akatsukiTheme .bottomnav{width:calc(100% - 12px)!important}
  body.akatsukiTheme .tab .txt{font-size:7.5px!important}
}

/* Respect de l’accessibilité et économie de batterie */
@media(prefers-reduced-motion:reduce){
  .v80Orb,
  body.akatsukiTheme::before,
  .homeHeroRing,
  .homeHeroSpark,
  .homeHeroStatus>span,
  body.akatsukiTheme .homeHeroCloud img,
  body.akatsukiTheme .miniAppBrand img,
  body.akatsukiTheme .homeHeroButton::after,
  body.akatsukiTheme .pillPromo,
  body.akatsukiTheme .pillNew,
  body.akatsukiTheme .pillBest,
  body.akatsukiTheme .homeMenuTag{animation:none!important}
  body.motion-ready .motion-item{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  .microRipple{display:none!important}
  body.akatsukiTheme .homeHeroMedia{transform:scale(1.045)!important;transition:none!important}
  *{scroll-behavior:auto!important}
}


/* =========================================================
   V81 — ACCÈS SMARTPHONE UNIQUEMENT + PANIER COMPACT
   ========================================================= */
html.access-device-blocked,
html.access-device-blocked body{
  width:100%;
  min-height:100%;
  overflow:hidden!important;
  background:#050506!important;
}
html.access-device-blocked body>*:not(#deviceAccessGate):not(script){display:none!important}
html.access-device-blocked #deviceAccessGate{display:grid!important}
html.access-device-allowed #deviceAccessGate{display:none!important}

.deviceAccessGate{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:none;
  place-items:center;
  overflow:auto;
  padding:clamp(18px,4vw,48px);
  color:#fff;
  background:
    radial-gradient(720px 520px at 12% 20%,rgba(242,47,67,.18),transparent 67%),
    radial-gradient(720px 540px at 88% 84%,rgba(122,6,24,.18),transparent 65%),
    linear-gradient(145deg,#111216 0%,#050506 54%,#09090b 100%);
  isolation:isolate;
}
.deviceAccessGate::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  opacity:.16;
  background:url("assets/akatsuki-pattern.svg") center/420px auto repeat;
  animation:deviceGatePattern 36s linear infinite;
}
.deviceAccessGate::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(120deg,transparent 0 42%,rgba(255,255,255,.025) 47%,transparent 52% 100%);
}
@keyframes deviceGatePattern{to{background-position:420px 210px}}
.deviceGateOrb{
  position:fixed;
  z-index:-1;
  width:280px;
  height:280px;
  border-radius:50%;
  filter:blur(50px);
  opacity:.18;
  background:#ef263c;
  pointer-events:none;
}
.deviceGateOrb--one{left:-120px;top:-90px}
.deviceGateOrb--two{right:-120px;bottom:-90px;background:#7d0716}
.deviceGateShell{
  width:min(940px,100%);
  display:grid;
  grid-template-columns:minmax(250px,340px) minmax(0,1fr);
  align-items:center;
  gap:clamp(30px,6vw,76px);
  padding:clamp(24px,4vw,46px);
  border:1px solid rgba(255,255,255,.11);
  border-radius:34px;
  background:
    radial-gradient(520px 260px at 0 0,rgba(242,47,67,.12),transparent 72%),
    linear-gradient(145deg,rgba(23,25,30,.94),rgba(7,8,11,.96));
  box-shadow:0 40px 120px rgba(0,0,0,.68),inset 0 1px rgba(255,255,255,.07),0 0 0 1px rgba(242,47,67,.035);
  backdrop-filter:blur(26px) saturate(145%);
  -webkit-backdrop-filter:blur(26px) saturate(145%);
}
.deviceGateVisual{
  position:relative;
  min-height:430px;
  display:grid;
  place-items:center;
}
.devicePhone{
  position:relative;
  width:202px;
  height:404px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:center;
  border:5px solid #050506;
  border-radius:34px;
  color:#fff;
  background:
    radial-gradient(190px 160px at 50% 20%,rgba(242,47,67,.23),transparent 72%),
    linear-gradient(180deg,#17191f,#090a0d 58%,#050506);
  box-shadow:12px 18px 0 rgba(59,61,69,.38),0 34px 74px rgba(0,0,0,.64),0 0 42px rgba(242,47,67,.18),inset 0 0 0 1px rgba(255,255,255,.04);
  animation:devicePhoneFloat 4.6s ease-in-out infinite;
}
@keyframes devicePhoneFloat{50%{transform:translateY(-7px) rotate(.35deg)}}
.devicePhone::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.18;
  background:url("assets/akatsuki-pattern.svg") center/205px auto repeat;
}
.devicePhoneTopBorder{
  position:relative;
  z-index:3;
  width:96px;
  height:14px;
  border-radius:0 0 16px 16px;
  background:#050506;
  box-shadow:0 1px rgba(255,255,255,.03);
}
.devicePhoneSideButton{
  position:absolute;
  right:-10px;
  top:76px;
  width:7px;
  height:44px;
  border-radius:0 6px 6px 0;
  background:#050506;
}
.devicePhoneWallpaper{
  position:relative;
  z-index:2;
  margin-top:22px;
  display:flex;
  align-items:center;
  gap:7px;
  min-height:28px;
  padding:4px 9px;
  border:1px solid rgba(242,47,67,.24);
  border-radius:999px;
  background:rgba(5,5,7,.46);
  color:#d7d3d6;
  font-size:7px;
  font-weight:950;
  letter-spacing:.14em;
}
.devicePhoneWallpaper img{width:25px;height:15px;object-fit:contain;filter:drop-shadow(0 5px 9px rgba(0,0,0,.34))}
.devicePhoneTime{
  position:relative;
  z-index:2;
  margin:26px 0 0;
  font-family:Sora,Outfit,Inter,sans-serif;
  font-size:47px;
  line-height:1;
  font-weight:800;
  letter-spacing:-.08em;
  text-shadow:0 0 32px rgba(242,47,67,.22);
}
.devicePhoneDate{
  position:relative;
  z-index:2;
  margin:9px 0 0;
  color:#c2bec2;
  font-size:10px;
  font-weight:800;
  text-transform:capitalize;
}
.devicePhoneFingerprint{
  position:absolute;
  z-index:2;
  left:50%;
  bottom:64px;
  width:40px;
  height:40px;
  color:#ef3146;
  transform:translateX(-50%);
  filter:drop-shadow(0 0 12px rgba(239,49,70,.4));
  animation:deviceFingerprint 2.4s ease-in-out infinite;
}
@keyframes deviceFingerprint{50%{opacity:.52;transform:translateX(-50%) scale(.92)}}
.devicePhoneShortcut{
  position:absolute;
  z-index:2;
  bottom:14px;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.09);
  border-radius:13px;
  color:#fff;
  background:rgba(255,255,255,.07);
  box-shadow:inset 0 1px rgba(255,255,255,.04);
}
.devicePhoneShortcut--call{left:14px}
.devicePhoneShortcut--camera{right:14px}
.deviceGatePulse{
  position:absolute;
  left:50%;
  bottom:2px;
  width:210px;
  height:38px;
  border-radius:50%;
  background:rgba(242,47,67,.16);
  filter:blur(20px);
  transform:translateX(-50%);
  animation:deviceGatePulse 3s ease-in-out infinite;
}
@keyframes deviceGatePulse{50%{opacity:.38;transform:translateX(-50%) scaleX(.8)}}
.deviceGateCopy{min-width:0}
.deviceGateKicker{
  min-height:34px;
  width:max-content;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:0 12px;
  border:1px solid rgba(242,47,67,.24);
  border-radius:999px;
  color:#ff9aa4;
  background:rgba(242,47,67,.08);
  font-size:10px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.deviceGateCopy h1{
  margin:19px 0 0;
  font-family:Sora,Outfit,Inter,sans-serif;
  font-size:clamp(42px,6vw,72px);
  line-height:.88;
  letter-spacing:-.075em;
  color:#fff;
}
.deviceGateCopy h1 em{font-style:normal;color:#ef3146;text-shadow:0 0 34px rgba(239,49,70,.25)}
.deviceGateCopy>p{
  margin:20px 0 0;
  max-width:590px;
  color:#c1bdc1;
  font-size:15px;
  font-weight:700;
  line-height:1.65;
}
.deviceGateInstructions{
  display:grid;
  gap:10px;
  margin-top:22px;
}
.deviceGateInstructions>span{
  min-height:56px;
  display:grid;
  grid-template-columns:30px 38px minmax(0,1fr);
  align-items:center;
  gap:10px;
  padding:10px 13px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  background:rgba(255,255,255,.035);
  box-shadow:inset 0 1px rgba(255,255,255,.035);
}
.deviceGateInstructions b{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:10px;
  color:#fff;
  background:linear-gradient(180deg,#f04a5b,#9e0b1c);
  font-size:11px;
}
.deviceGateInstructions i{font-size:21px;color:#ff6675;text-align:center}
.deviceGateInstructions strong{font-size:13px;line-height:1.35}
.deviceGateDetected{
  margin-top:12px;
  min-height:50px;
  display:grid;
  grid-template-columns:32px auto minmax(0,1fr);
  align-items:center;
  gap:9px;
  padding:9px 12px;
  border:1px solid rgba(255,193,103,.14);
  border-radius:17px;
  color:#ffd79b;
  background:rgba(255,193,103,.055);
}
.deviceGateDetected>i{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(255,193,103,.08)}
.deviceGateDetected>span{font-size:9px;font-weight:950;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap}
.deviceGateDetected>strong{min-width:0;color:#fff;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.deviceGateClose{
  width:100%;
  min-height:54px;
  margin-top:14px;
  padding:0 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  color:#fff;
  background:linear-gradient(180deg,#ef3b50,#a60c1e);
  box-shadow:0 18px 36px rgba(168,12,32,.26),inset 0 1px rgba(255,255,255,.15);
  font-size:13px;
  font-weight:950;
  cursor:pointer;
}
.deviceGateClose:active{transform:translateY(1px) scale(.99)}
.deviceGateCopy>small{display:block;margin-top:10px;color:#858086;font-size:10px;font-weight:800;text-align:center}

/* Panier : images réellement limitées à de petites cases */
body.akatsukiTheme .cartItem{
  display:grid!important;
  grid-template-columns:62px minmax(0,1fr) 36px!important;
  grid-template-areas:
    "cartmedia cartmeta cartremove"
    "cartmedia cartqty cartremove"!important;
  align-items:center!important;
  gap:7px 12px!important;
  min-height:88px!important;
  padding:12px!important;
}
body.akatsukiTheme .cartItemMedia{
  grid-area:cartmedia;
  width:62px!important;
  height:62px!important;
  min-width:62px!important;
  min-height:62px!important;
  align-self:center;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(8,9,12,.96))!important;
  box-shadow:0 12px 26px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.05)!important;
}
body.akatsukiTheme .cartItemMedia img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:inherit!important;
}
body.akatsukiTheme .cartItemMedia>span{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  color:#ef4c5e;
  font-size:18px;
}
body.akatsukiTheme .cartItem .cMeta{grid-area:cartmeta;min-width:0!important;padding-right:2px}
body.akatsukiTheme .cartItem .cName{font-size:14px!important;line-height:1.18!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.akatsukiTheme .cartItem .cSub{margin-top:4px!important;font-size:10.5px!important;line-height:1.35!important}
body.akatsukiTheme .cartItem .cProductNote{margin-top:5px!important;font-size:9px!important}
body.akatsukiTheme .cartItem .cQty{
  grid-area:cartqty;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
}
body.akatsukiTheme .cartItem .qBtn{
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  min-height:31px!important;
  padding:0!important;
  border-radius:10px!important;
  font-size:16px!important;
}
body.akatsukiTheme .cartItem .cPill{
  min-width:38px!important;
  min-height:31px!important;
  padding:0 8px!important;
  border-radius:10px!important;
  font-size:10.5px!important;
}
body.akatsukiTheme .cartItem .cartRemoveBtn{
  grid-area:cartremove;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  align-self:center!important;
  border:1px solid rgba(242,47,67,.20)!important;
  border-radius:11px!important;
  color:#ff7b88!important;
  background:rgba(242,47,67,.075)!important;
}

@media(max-width:760px){
  .deviceGateShell{grid-template-columns:1fr;gap:22px;padding:22px;border-radius:28px;text-align:center}
  .deviceGateVisual{min-height:330px}
  .devicePhone{width:164px;height:326px;border-radius:28px;border-width:4px}
  .devicePhoneTime{margin-top:18px;font-size:39px}
  .devicePhoneDate{font-size:8px}
  .devicePhoneFingerprint{bottom:54px;width:34px;height:34px}
  .devicePhoneShortcut{bottom:10px;width:32px;height:32px;border-radius:11px}
  .devicePhoneShortcut--call{left:10px}.devicePhoneShortcut--camera{right:10px}
  .deviceGateKicker{margin-inline:auto}
  .deviceGateCopy h1{font-size:clamp(36px,11vw,54px)}
  .deviceGateCopy>p{margin-inline:auto;font-size:13px}
  .deviceGateInstructions{text-align:left}
  .deviceGateDetected{text-align:left}
}
@media(max-width:390px){
  body.akatsukiTheme .cartItem{
    grid-template-columns:56px minmax(0,1fr) 32px!important;
    gap:6px 9px!important;
    min-height:82px!important;
    padding:10px!important;
  }
  body.akatsukiTheme .cartItemMedia{width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;border-radius:13px!important}
  body.akatsukiTheme .cartItem .cName{font-size:13px!important}
  body.akatsukiTheme .cartItem .cSub{font-size:9.7px!important}
  body.akatsukiTheme .cartItem .qBtn{width:29px!important;height:29px!important;min-width:29px!important;min-height:29px!important}
  body.akatsukiTheme .cartItem .cPill{min-height:29px!important;min-width:35px!important}
  body.akatsukiTheme .cartItem .cartRemoveBtn{width:31px!important;height:31px!important;min-width:31px!important;min-height:31px!important}
}
@media(prefers-reduced-motion:reduce){
  .deviceAccessGate::before,.devicePhone,.devicePhoneFingerprint,.deviceGatePulse{animation:none!important}
}


/* =========================================================
   V82 — Filtres catalogue avancés : prix, likes, disponibilité
   ========================================================= */
body.akatsukiTheme .catalogFilterRow{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:stretch!important;
}
body.akatsukiTheme .catalogFilterButton{
  position:relative;
  min-width:94px;
  min-height:48px;
  padding:0 13px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:15px;
  color:#e9e5e7;
  background:
    radial-gradient(110px 55px at 50% 0%,rgba(242,47,67,.10),transparent 72%),
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 10px 24px rgba(0,0,0,.18);
  font-size:11px;
  font-weight:950;
  letter-spacing:.035em;
  cursor:pointer;
  touch-action:manipulation;
  transition:transform .18s var(--v80-spring),border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
body.akatsukiTheme .catalogFilterButton>i{color:#f44c5d;font-size:14px}
body.akatsukiTheme .catalogFilterButton>b{
  position:absolute;
  top:-6px;
  right:-5px;
  min-width:22px;
  height:22px;
  padding:0 6px;
  display:grid;
  place-items:center;
  border:2px solid #0a0b0d;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(180deg,#f45161,#bd0c1d);
  box-shadow:0 7px 18px rgba(235,35,56,.34);
  font-size:9px;
  font-weight:950;
}
body.akatsukiTheme .catalogFilterButton.has-active-filters{
  border-color:rgba(244,76,93,.48);
  color:#fff;
  background:
    radial-gradient(130px 65px at 50% 0%,rgba(242,47,67,.22),transparent 72%),
    linear-gradient(180deg,rgba(242,47,67,.13),rgba(255,255,255,.028));
  box-shadow:0 0 0 3px rgba(242,47,67,.07),0 12px 30px rgba(0,0,0,.24);
}
body.akatsukiTheme .catalogFilterButton:active{transform:scale(.965)}

body.akatsukiTheme .catalogActiveFilters{
  min-width:0;
  margin-top:1px;
}
body.akatsukiTheme .catalogActiveFilters[hidden]{display:none!important}
body.akatsukiTheme .catalogActiveFilterTrack{
  display:flex;
  gap:7px;
  overflow-x:auto;
  padding:1px 1px 5px;
  scrollbar-width:none;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
}
body.akatsukiTheme .catalogActiveFilterTrack::-webkit-scrollbar{display:none}
body.akatsukiTheme .catalogActiveFilterTrack>button{
  flex:0 0 auto;
  min-height:32px;
  padding:0 9px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid rgba(244,76,93,.24);
  border-radius:999px;
  color:#f4edef;
  background:rgba(242,47,67,.075);
  font-size:9px;
  font-weight:900;
  white-space:nowrap;
  touch-action:manipulation;
}
body.akatsukiTheme .catalogActiveFilterTrack>button>i:first-child{color:#f44c5d}
body.akatsukiTheme .catalogActiveFilterTrack>button>i:last-child{color:rgba(255,255,255,.52);font-size:8px}
body.akatsukiTheme .catalogActiveFilterTrack>.catalogClearAllFilters{
  border-color:rgba(255,255,255,.10);
  color:#aaa3a6;
  background:rgba(255,255,255,.035);
}

.catalogFilterSheet.hidden{display:none!important}
.catalogFilterSheet{
  position:fixed;
  inset:0;
  z-index:500;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding-top:calc(12px + max(env(safe-area-inset-top),var(--app-safe-top,0px)));
  overscroll-behavior:contain;
}
.catalogFilterSheetBack{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  border-radius:0;
  background:rgba(0,0,0,.80);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.catalogFilterSheetCard{
  position:relative;
  z-index:1;
  width:min(100%,720px);
  max-height:min(92dvh,860px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(244,76,93,.34);
  border-bottom:0;
  border-radius:30px 30px 0 0;
  color:#fff;
  background:
    radial-gradient(520px 250px at 0% 0%,rgba(242,47,67,.18),transparent 66%),
    radial-gradient(420px 220px at 100% 5%,rgba(128,20,35,.12),transparent 64%),
    linear-gradient(180deg,#17181a,#08090a 58%,#050607);
  box-shadow:0 -34px 100px rgba(0,0,0,.72),0 0 52px rgba(226,36,53,.11),inset 0 1px rgba(255,255,255,.075);
  animation:catalogFilterSheetIn .28s cubic-bezier(.16,.9,.22,1) both;
}
@keyframes catalogFilterSheetIn{
  from{opacity:0;transform:translate3d(0,34px,0) scale(.985)}
  to{opacity:1;transform:none}
}
.catalogFilterHandle{
  width:46px;
  height:4px;
  flex:0 0 auto;
  margin:10px auto 1px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
}
.catalogFilterHead{
  flex:0 0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) 42px;
  gap:12px;
  align-items:start;
  padding:13px 15px 14px;
  border-bottom:1px solid rgba(255,255,255,.075);
}
.catalogFilterHead>div>span{
  color:#ff8e99;
  font-size:8px;
  font-weight:950;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.catalogFilterHead h2{
  margin:4px 0 0;
  font-family:Outfit,Inter,sans-serif;
  font-size:24px;
  line-height:1;
  letter-spacing:-.035em;
}
.catalogFilterHead p{
  margin:7px 0 0;
  color:#aaa3a6;
  font-size:10.5px;
  font-weight:700;
  line-height:1.45;
}
.catalogFilterClose{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.11);
  border-radius:14px;
  color:#fff;
  background:#0b0c0e;
  font-size:14px;
}
body.is-telegram .catalogFilterClose{display:none}
.catalogFilterBody{
  min-height:0;
  display:grid;
  gap:12px;
  overflow-y:auto;
  padding:13px 14px 18px;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(244,76,93,.36) transparent;
}
.catalogFilterBody::-webkit-scrollbar{width:5px}
.catalogFilterBody::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(244,76,93,.34)}
.catalogFilterGroup{
  padding:13px;
  border:1px solid rgba(255,255,255,.085);
  border-radius:21px;
  background:
    radial-gradient(240px 120px at 0% 0%,rgba(255,255,255,.045),transparent 68%),
    rgba(255,255,255,.025);
  box-shadow:inset 0 1px rgba(255,255,255,.035);
}
.catalogFilterGroupHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:11px;
}
.catalogFilterGroupHead>div>span{
  display:block;
  color:#f45c6b;
  font-size:7px;
  font-weight:950;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.catalogFilterGroupHead h3{
  margin:3px 0 0;
  color:#fff;
  font-family:Outfit,Inter,sans-serif;
  font-size:17px;
  line-height:1;
}
.catalogFilterGroupHead>i{
  width:35px;
  height:35px;
  display:grid;
  place-items:center;
  border:1px solid rgba(244,76,93,.18);
  border-radius:12px;
  color:#f44c5d;
  background:rgba(242,47,67,.075);
  font-size:13px;
}
.catalogFilterHelp{
  margin:-2px 0 10px;
  color:#898285;
  font-size:9.5px;
  font-weight:700;
  line-height:1.45;
}
.catalogFilterChoiceGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.catalogFilterChoiceGrid>button{
  min-width:0;
  min-height:52px;
  padding:9px 10px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:15px;
  color:#c8c1c4;
  background:#0d0e10;
  text-align:left;
  font-size:10px;
  font-weight:900;
  touch-action:manipulation;
  transition:transform .17s var(--v80-spring),border-color .17s ease,background .17s ease,color .17s ease;
}
.catalogFilterChoiceGrid>button>i{
  width:30px;
  height:30px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:10px;
  color:#f45a69;
  background:rgba(242,47,67,.075);
}
.catalogFilterChoiceGrid>button.is-active{
  border-color:rgba(244,76,93,.46);
  color:#fff;
  background:linear-gradient(180deg,rgba(242,47,67,.16),rgba(242,47,67,.055));
  box-shadow:0 0 0 3px rgba(242,47,67,.055),inset 0 1px rgba(255,255,255,.045);
}
.catalogFilterChoiceGrid>button:active{transform:scale(.975)}
.catalogLikesGrid>button{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:9px;align-content:center}
.catalogLikesGrid>button strong{color:#fff;font-size:14px;line-height:1}
.catalogLikesGrid>button span{color:#8f888b;font-size:8.5px;line-height:1.25}
.catalogLikesGrid>button>i+span{color:inherit;font-size:10px;font-weight:900}
.catalogLikesGrid>button:last-child{grid-column:1/-1}

.catalogPricePresets{
  display:flex;
  gap:7px;
  overflow-x:auto;
  padding:1px 1px 5px;
  scrollbar-width:none;
  overscroll-behavior-x:contain;
}
.catalogPricePresets::-webkit-scrollbar{display:none}
.catalogPricePresets>button{
  flex:0 0 auto;
  min-height:35px;
  padding:0 11px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:999px;
  color:#aaa3a6;
  background:#0d0e10;
  font-size:9px;
  font-weight:900;
  touch-action:manipulation;
}
.catalogPricePresets>button.is-active{
  border-color:rgba(244,76,93,.46);
  color:#fff;
  background:rgba(242,47,67,.13);
  box-shadow:0 0 0 3px rgba(242,47,67,.045);
}
.catalogPriceInputs{
  display:grid;
  grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);
  gap:7px;
  align-items:end;
  margin-top:9px;
}
.catalogPriceInputs>label{min-width:0;display:grid;gap:6px}
.catalogPriceInputs>label>span{
  color:#8f888b;
  font-size:7.5px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.catalogPriceInputs>label>div{
  min-height:48px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 22px;
  align-items:center;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  background:#0b0c0e;
  overflow:hidden;
}
.catalogPriceInputs input{
  width:100%;
  min-width:0;
  height:46px;
  padding:0 0 0 12px;
  border:0;
  outline:0;
  color:#fff;
  background:transparent;
  font-size:13px;
  font-weight:900;
}
.catalogPriceInputs input::-webkit-inner-spin-button,.catalogPriceInputs input::-webkit-outer-spin-button{appearance:none;margin:0}
.catalogPriceInputs b{color:#f45a69;font-size:11px}
.catalogPriceSeparator{
  width:14px;
  height:1px;
  align-self:center;
  justify-self:center;
  margin-top:16px;
  background:rgba(255,255,255,.22);
}

.catalogFilterSwitchList{display:grid;gap:8px}
.catalogFilterSwitch{
  min-height:58px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:16px;
  background:#0d0e10;
  cursor:pointer;
  touch-action:manipulation;
}
.catalogFilterSwitch>input{position:absolute;opacity:0;pointer-events:none}
.catalogFilterSwitchTrack{
  position:relative;
  width:40px;
  height:23px;
  display:block;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:#202124;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.catalogFilterSwitchTrack>i{
  position:absolute;
  top:3px;
  left:3px;
  width:15px;
  height:15px;
  border-radius:999px;
  background:#918b8e;
  box-shadow:0 3px 8px rgba(0,0,0,.36);
  transition:transform .2s var(--v80-spring),background .18s ease;
}
.catalogFilterSwitch>input:checked+.catalogFilterSwitchTrack{
  border-color:rgba(244,76,93,.58);
  background:linear-gradient(90deg,#a10d1c,#ef4051);
  box-shadow:0 0 0 3px rgba(242,47,67,.065);
}
.catalogFilterSwitch>input:checked+.catalogFilterSwitchTrack>i{transform:translateX(17px);background:#fff}
.catalogFilterSwitchCopy{min-width:0;display:grid;gap:3px}
.catalogFilterSwitchCopy strong{color:#eee9eb;font-size:10.5px;line-height:1.2}
.catalogFilterSwitchCopy small{color:#817b7d;font-size:8.5px;line-height:1.35}

.catalogFilterFooter{
  position:relative;
  z-index:2;
  flex:0 0 auto;
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
  gap:9px;
  padding:11px 14px calc(12px + max(env(safe-area-inset-bottom),var(--app-safe-bottom,0px)));
  border-top:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(10,11,13,.92),#070809);
  box-shadow:0 -14px 34px rgba(0,0,0,.34);
}
.catalogFilterReset,.catalogFilterApply{
  min-width:0;
  min-height:51px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border-radius:16px;
  font-size:10px;
  font-weight:950;
  touch-action:manipulation;
}
.catalogFilterReset{
  border:1px solid rgba(255,255,255,.10);
  color:#c0b9bc;
  background:#101113;
}
.catalogFilterReset:disabled{opacity:.42}
.catalogFilterApply{
  border:1px solid rgba(255,91,106,.54);
  color:#fff;
  background:
    radial-gradient(150px 70px at 50% 0%,rgba(255,255,255,.15),transparent 65%),
    linear-gradient(180deg,#e63a4b,#a60c1b);
  box-shadow:0 14px 32px rgba(215,20,42,.24),inset 0 1px rgba(255,255,255,.10);
}
.catalogFilterApply strong{
  min-width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:#8e0613;
  background:#fff;
  font-size:11px;
}
.catalogFilterApply:disabled{opacity:.48;filter:saturate(.45)}
.catalogFilterApply.is-empty{
  border-color:rgba(255,122,136,.28);
  color:#ffb0b9;
  background:linear-gradient(180deg,#211114,#120a0c);
  box-shadow:inset 0 1px rgba(255,255,255,.045);
}
.catalogFilterApply.is-empty strong{color:#4d070d;background:#ff9ca8}
.catalogFilterApply:active,.catalogFilterReset:active{transform:scale(.975)}
body.catalog-filter-is-open .bottomnav{pointer-events:none!important}

@media(max-width:520px){
  body.akatsukiTheme .catalogFilterRow{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.akatsukiTheme .catalogFilterButton{grid-column:1/-1;min-height:44px;justify-content:center}
  body.akatsukiTheme .catalogFilterButton>b{top:6px;right:10px;border-width:1px}
  .catalogFilterSheet{padding-inline:0}
  .catalogFilterSheetCard{border-left:0;border-right:0;border-radius:28px 28px 0 0}
  .catalogFilterHead{padding-inline:13px}
  .catalogFilterHead h2{font-size:22px}
  .catalogFilterBody{padding:11px 11px 16px;gap:10px}
  .catalogFilterGroup{padding:11px;border-radius:19px}
  .catalogFilterChoiceGrid{gap:7px}
  .catalogFilterChoiceGrid>button{min-height:50px;padding:8px}
  .catalogFilterFooter{padding-left:11px;padding-right:11px}
}
@media(max-width:370px){
  .catalogFilterChoiceGrid{grid-template-columns:1fr}
  .catalogLikesGrid>button:last-child{grid-column:auto}
  .catalogPriceInputs{grid-template-columns:1fr}
  .catalogPriceSeparator{display:none}
  .catalogFilterFooter{grid-template-columns:1fr}
  .catalogFilterReset{min-height:44px}
}
@media(prefers-reduced-motion:reduce){
  .catalogFilterSheetCard{animation:none!important}
  body.akatsukiTheme .catalogFilterButton,.catalogFilterChoiceGrid>button,.catalogFilterSwitchTrack,.catalogFilterSwitchTrack>i{transition:none!important}
}

/* =========================================================
   V83 — Intro Sharingan, nouveautés et panier compact robuste
   ========================================================= */

/* Révélation cinématique d'ouverture */
.bootGate{
  position:fixed!important;
  inset:0!important;
  z-index:100000!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  padding:24px!important;
  color:#fff!important;
  background:#000!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  isolation:isolate!important;
}
.bootGate.is-hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.bootCurtain{position:absolute;z-index:8;top:0;bottom:0;width:52%;background:linear-gradient(90deg,rgba(255,255,255,.018),transparent 18%),#010102;box-shadow:0 0 55px rgba(0,0,0,.82);will-change:transform}
.bootCurtain--left{left:0;transform-origin:left center}
.bootCurtain--right{right:0;transform-origin:right center;background:linear-gradient(270deg,rgba(255,255,255,.018),transparent 18%),#010102}
.bootRedWake{position:absolute;z-index:1;inset:-22%;opacity:0;transform:scale(.18);border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,80,94,.88) 0 4%,rgba(225,19,42,.58) 15%,rgba(120,0,16,.44) 34%,rgba(18,0,4,.10) 60%,transparent 72%);filter:blur(3px);will-change:transform,opacity}
.bootFlash{position:absolute;z-index:9;left:-18%;right:-18%;top:50%;height:2px;opacity:0;transform:translateY(-50%) scaleX(.15);background:linear-gradient(90deg,transparent,#ff2a41 20%,#fff 50%,#ff2a41 80%,transparent);box-shadow:0 0 16px #ff233c,0 0 60px rgba(255,20,48,.82)}
.bootSharinganScene{position:absolute;z-index:9;left:50%;top:43%;width:min(58vw,290px);aspect-ratio:1;transform:translate(-50%,-50%) scale(.32);opacity:0;display:grid;place-items:center;will-change:transform,opacity}
.bootSharinganGlow{position:absolute;inset:10%;border-radius:50%;background:rgba(244,24,50,.46);filter:blur(34px);animation:v83SharinganGlow 1.6s ease-in-out infinite alternate}
.bootSharingan{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 15px rgba(255,42,63,.82)) drop-shadow(0 0 42px rgba(174,0,24,.62));animation:v83SharinganRotate 7.6s linear infinite}
.bootSharinganOrbit{position:absolute;z-index:1;inset:-11%;border:1px solid rgba(255,73,90,.26);border-radius:50%;box-shadow:0 0 30px rgba(243,30,56,.12),inset 0 0 28px rgba(243,30,56,.10)}
.bootSharinganOrbit--one{animation:v83Orbit 5s linear infinite}
.bootSharinganOrbit--two{inset:-24%;border-style:dashed;opacity:.54;animation:v83Orbit 8s linear infinite reverse}
.bootCard{position:relative!important;z-index:10!important;width:min(380px,100%)!important;margin-top:min(48vh,360px)!important;display:grid!important;justify-items:center!important;gap:7px!important;padding:0!important;border:0!important;border-radius:0!important;color:#fff!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;text-align:center!important;opacity:0;transform:translateY(12px)}
.bootLogo{width:58px!important;height:38px!important;object-fit:contain!important;border-radius:0!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.55))}
.bootKicker{color:#ff7d89!important;font-size:8px!important;font-weight:950!important;letter-spacing:.22em!important;text-transform:uppercase!important}
.bootCard strong{font-family:Outfit,Inter,sans-serif!important;font-size:20px!important;line-height:1!important;font-weight:950!important;letter-spacing:-.02em!important}
.bootCard>span:not(.bootKicker){max-width:290px!important;color:rgba(255,255,255,.62)!important;font-size:10.5px!important;line-height:1.4!important}
.bootProgress{width:min(210px,68vw);height:3px;margin-top:7px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.09)}
.bootProgress>i{display:block;width:34%;height:100%;border-radius:inherit;background:linear-gradient(90deg,transparent,#ff3047,#fff,#ff3047,transparent);box-shadow:0 0 16px rgba(255,42,62,.82);animation:v83BootProgress 1.15s ease-in-out infinite}
.bootGate.is-awakening .bootRedWake{animation:v83RedWake 1.45s cubic-bezier(.17,.88,.25,1) both}
.bootGate.is-awakening .bootSharinganScene{animation:v83EyeWake 1.35s .18s cubic-bezier(.16,.84,.21,1) both}
.bootGate.is-awakening .bootFlash{animation:v83Flash .7s .72s ease-out both}
.bootGate.is-awakening .bootCard{animation:v83BootCopy .56s 1.05s ease-out both}
.bootGate.is-revealing .bootCurtain--left{animation:v83CurtainLeft .88s cubic-bezier(.75,0,.18,1) both}
.bootGate.is-revealing .bootCurtain--right{animation:v83CurtainRight .88s cubic-bezier(.75,0,.18,1) both}
.bootGate.is-revealing .bootSharinganScene{animation:v83EyeReveal .86s ease-in both}
.bootGate.is-revealing .bootCard{animation:v83CopyReveal .46s ease-in both}
.bootGate.is-revealing .bootRedWake{opacity:1!important;transform:scale(1.35)!important;transition:transform .88s ease,opacity .3s ease}
.bootGate.is-error .bootCard,.bootGate.is-slow .bootCard{opacity:1!important;transform:none!important;margin-top:min(46vh,330px)!important}
.bootGate.is-error .bootSharingan{animation-play-state:paused;filter:grayscale(.25) drop-shadow(0 0 24px rgba(255,42,63,.55))}
.bootGate.is-error .bootProgress>i{animation:none;width:100%;background:#ff4054}
.bootActions{margin-top:9px!important}
.bootGate.is-error .bootActions,.bootGate.is-slow .bootActions{display:flex!important}
body:not(.app-ready) .storeHeader,body:not(.app-ready) .miniAppHeader,body:not(.app-ready) .shell,body:not(.app-ready) .bottomnav{opacity:0}
body.app-ready .storeHeader,body.app-ready .miniAppHeader,body.app-ready .shell,body.app-ready .bottomnav{animation:v83PageReveal .62s .12s ease-out both}
@keyframes v83RedWake{0%{opacity:0;transform:scale(.16)}44%{opacity:.98}100%{opacity:1;transform:scale(1)}}
@keyframes v83EyeWake{0%{opacity:0;transform:translate(-50%,-50%) scale(.25) rotate(-24deg)}58%{opacity:1;transform:translate(-50%,-50%) scale(1.08) rotate(4deg)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes v83Flash{0%{opacity:0;transform:translateY(-50%) scaleX(.12)}36%{opacity:1}100%{opacity:0;transform:translateY(-50%) scaleX(1)}}
@keyframes v83BootCopy{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes v83BootProgress{0%{transform:translateX(-145%)}100%{transform:translateX(420%)}}
@keyframes v83SharinganRotate{to{transform:rotate(360deg)}}
@keyframes v83SharinganGlow{from{opacity:.44;transform:scale(.92)}to{opacity:.94;transform:scale(1.08)}}
@keyframes v83Orbit{to{transform:rotate(360deg)}}
@keyframes v83CurtainLeft{to{transform:translateX(-108%) skewX(-5deg)}}
@keyframes v83CurtainRight{to{transform:translateX(108%) skewX(5deg)}}
@keyframes v83EyeReveal{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.42)}}
@keyframes v83CopyReveal{to{opacity:0;transform:translateY(12px)}}
@keyframes v83PageReveal{from{opacity:0;transform:translateY(10px) scale(.995)}to{opacity:1;transform:none}}

/* Panier : verrouillage absolu de la taille des visuels */
#cartList.cartList{gap:10px!important;margin-top:12px!important}
#cartList .cartItem{display:grid!important;grid-template-columns:54px minmax(0,1fr) 32px!important;grid-template-areas:"v83media v83meta v83remove" "v83media v83qty v83remove"!important;align-items:center!important;gap:6px 10px!important;min-height:80px!important;padding:10px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(8,9,11,.96))!important;box-shadow:0 12px 28px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.035)!important}
#cartList .cartItemMedia{grid-area:v83media!important;inline-size:54px!important;block-size:54px!important;min-inline-size:54px!important;min-block-size:54px!important;max-inline-size:54px!important;max-block-size:54px!important;overflow:hidden!important;display:grid!important;place-items:center!important;align-self:center!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:13px!important;background:#090a0c!important;box-shadow:0 9px 20px rgba(0,0,0,.28)!important;contain:layout paint size!important}
#cartList .cartItemMedia img,#cartList .cartItemMedia .cartItemImage{display:block!important;inline-size:54px!important;block-size:54px!important;min-inline-size:0!important;min-block-size:0!important;max-inline-size:54px!important;max-block-size:54px!important;object-fit:cover!important;object-position:center!important;border-radius:12px!important;transform:none!important}
#cartList .cartItemMedia>span{inline-size:54px!important;block-size:54px!important;display:grid!important;place-items:center!important;color:#f05262!important}
#cartList .cartItem .cMeta{grid-area:v83meta!important;min-width:0!important;padding:0!important;align-self:end!important}
#cartList .cartItem .cName{margin:0!important;color:#fff!important;font-size:13.5px!important;line-height:1.16!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#cartList .cartItem .cSub{margin-top:4px!important;color:#a49da0!important;font-size:9.6px!important;line-height:1.32!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
#cartList .cartItem .cSub strong{color:#fff!important}
#cartList .cartItem .cProductNote{margin-top:4px!important;max-width:100%!important;font-size:8.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#cartList .cartItem .cQty{grid-area:v83qty!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;align-self:start!important}
#cartList .cartItem .qBtn{inline-size:27px!important;block-size:27px!important;min-inline-size:27px!important;min-block-size:27px!important;padding:0!important;border-radius:9px!important;font-size:15px!important;line-height:1!important}
#cartList .cartItem .cPill{min-inline-size:34px!important;min-block-size:27px!important;padding:0 7px!important;border-radius:9px!important;font-size:9.5px!important}
#cartList .cartItem .cartRemoveBtn{grid-area:v83remove!important;inline-size:31px!important;block-size:31px!important;min-inline-size:31px!important;min-block-size:31px!important;padding:0!important;display:grid!important;place-items:center!important;align-self:center!important;border:1px solid rgba(242,47,67,.22)!important;border-radius:10px!important;color:#ff7885!important;background:rgba(242,47,67,.075)!important;font-size:11px!important}

/* Bloc nouveautés intégré au modal des contacts */
.contactsNoticeNews{position:relative;overflow:hidden;margin-top:14px;padding:13px;display:grid;grid-template-columns:52px minmax(0,1fr);gap:11px;align-items:center;border:1px solid rgba(255,69,87,.30);border-radius:20px;background:radial-gradient(220px 120px at 0 0,rgba(242,47,67,.21),transparent 68%),linear-gradient(145deg,#171014,#0a0b0d 72%);box-shadow:inset 0 1px rgba(255,255,255,.055),0 14px 34px rgba(0,0,0,.24)}
.contactsNoticeNews::after{content:"";position:absolute;right:-28px;top:-48px;width:130px;height:130px;border-radius:50%;background:rgba(237,31,52,.13);filter:blur(16px);pointer-events:none}
.contactsNoticeNewsEye{position:relative;z-index:1;width:52px;height:52px;display:grid;place-items:center;border-radius:18px;background:#050506;box-shadow:0 0 0 1px rgba(255,92,105,.24),0 12px 25px rgba(0,0,0,.35)}
.contactsNoticeNewsEye img{width:44px;height:44px;object-fit:contain;animation:v83NoticeEye 8s linear infinite;filter:drop-shadow(0 0 10px rgba(255,44,64,.55))}
.contactsNoticeNewsCopy{position:relative;z-index:1;min-width:0;display:grid;gap:4px}
.contactsNoticeNewsCopy>span{color:#ff818d;font-size:7.5px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}
.contactsNoticeNewsCopy>strong{color:#fff;font-family:Outfit,Inter,sans-serif;font-size:16px;line-height:1.08}
.contactsNoticeNewsCopy>p{margin:0;color:#bdb5b8;font-size:10px;line-height:1.45}
.contactsNoticeNewsCopy b{color:#ff7c88}
.contactsNoticeNewsCta{position:relative;z-index:1;grid-column:1/-1;min-height:42px;margin-top:1px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,86,101,.45);border-radius:13px;color:#fff;background:linear-gradient(180deg,#da293d,#870916);font-size:10px;font-weight:950;box-shadow:0 11px 22px rgba(159,8,26,.20)}
.contactsNoticeNewsCta:active{transform:scale(.98)}
.contactsNoticeNewProducts{display:flex;gap:8px;overflow-x:auto;margin-top:9px;padding:1px 1px 5px;scroll-snap-type:x mandatory;scrollbar-width:none}
.contactsNoticeNewProducts::-webkit-scrollbar{display:none}
.contactsNoticeNewsProduct{flex:0 0 min(80%,245px);min-width:0;min-height:66px;padding:7px;display:grid;grid-template-columns:50px minmax(0,1fr) 14px;gap:8px;align-items:center;scroll-snap-align:start;border:1px solid rgba(255,255,255,.085);border-radius:16px;color:#fff;background:#0b0c0e;text-align:left;box-shadow:0 10px 24px rgba(0,0,0,.19)}
.contactsNoticeNewsProductMedia{width:50px;height:50px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:#050506}
.contactsNoticeNewsProductMedia img{width:100%;height:100%;object-fit:cover;display:block}
.contactsNoticeNewsProductCopy{min-width:0;display:grid;gap:2px}
.contactsNoticeNewsProductCopy small{color:#ff7180;font-size:7px;font-weight:950;letter-spacing:.10em;text-transform:uppercase}
.contactsNoticeNewsProductCopy strong{min-width:0;color:#fff;font-size:11px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contactsNoticeNewsProductCopy em{color:#a69fa2;font-size:8.5px;font-style:normal;font-weight:800}
.contactsNoticeNewsProduct>i{color:#746f72;font-size:9px}
.contactsNoticeNewsProduct.is-sold-out{opacity:.55}
.contactsNoticeNewsEmpty{width:100%;min-height:58px;padding:9px 11px;display:grid;grid-template-columns:34px minmax(0,1fr) 14px;gap:9px;align-items:center;border:1px dashed rgba(255,86,101,.26);border-radius:15px;color:#fff;background:rgba(242,47,67,.045);text-align:left}
.contactsNoticeNewsEmpty>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:#ff7784;background:rgba(242,47,67,.10)}
.contactsNoticeNewsEmpty strong{font-size:10px;line-height:1.35}
.contactsNoticeNewsLoading{min-height:56px;flex:1 0 100%;display:flex;align-items:center;justify-content:center;gap:8px;color:#928b8e;font-size:9px;font-weight:850}
.contactsNoticeDivider{display:flex;align-items:center;gap:10px;margin:12px 1px 0;color:#8e878a;font-size:7.5px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}
.contactsNoticeDivider::before,.contactsNoticeDivider::after{content:"";height:1px;flex:1;background:rgba(255,255,255,.075)}
@keyframes v83NoticeEye{to{transform:rotate(360deg)}}

@media(max-width:390px){
  .bootSharinganScene{width:min(65vw,250px);top:41%}
  .bootCard{margin-top:min(50vh,330px)!important}
  #cartList .cartItem{grid-template-columns:50px minmax(0,1fr) 30px!important;gap:5px 8px!important;min-height:74px!important;padding:9px!important}
  #cartList .cartItemMedia,#cartList .cartItemMedia img,#cartList .cartItemMedia .cartItemImage,#cartList .cartItemMedia>span{inline-size:50px!important;block-size:50px!important;min-inline-size:50px!important;min-block-size:50px!important;max-inline-size:50px!important;max-block-size:50px!important}
  #cartList .cartItem .cName{font-size:12.5px!important}
  #cartList .cartItem .cSub{font-size:9px!important}
  #cartList .cartItem .qBtn{inline-size:25px!important;block-size:25px!important;min-inline-size:25px!important;min-block-size:25px!important}
  #cartList .cartItem .cPill{min-block-size:25px!important;min-inline-size:32px!important}
  #cartList .cartItem .cartRemoveBtn{inline-size:29px!important;block-size:29px!important;min-inline-size:29px!important;min-block-size:29px!important}
  .contactsNoticeNews{grid-template-columns:46px minmax(0,1fr);padding:11px;gap:9px}
  .contactsNoticeNewsEye{width:46px;height:46px;border-radius:15px}.contactsNoticeNewsEye img{width:39px;height:39px}
  .contactsNoticeNewsCopy>strong{font-size:14px}.contactsNoticeNewsCopy>p{font-size:9.2px}
}
@media(prefers-reduced-motion:reduce){
  .bootGate.is-awakening .bootRedWake,.bootGate.is-awakening .bootSharinganScene,.bootGate.is-awakening .bootFlash,.bootGate.is-awakening .bootCard,.bootSharingan,.bootSharinganOrbit,.bootSharinganGlow,.contactsNoticeNewsEye img{animation:none!important}
  .bootGate.is-awakening .bootRedWake{opacity:1;transform:scale(1)}
  .bootGate.is-awakening .bootSharinganScene{opacity:1;transform:translate(-50%,-50%) scale(1)}
  .bootGate.is-awakening .bootCard{opacity:1;transform:none}
  .bootGate.is-revealing .bootCurtain--left{transform:translateX(-108%)}
  .bootGate.is-revealing .bootCurtain--right{transform:translateX(108%)}
}


/* =========================================================
   V85 — PANIER COMPACT HARD-FIX
   Nouveau composant isolé pour éviter toute collision avec
   les anciennes règles .cartItem / img du thème.
   ========================================================= */
#cartList{display:grid!important;gap:10px!important;margin-top:12px!important}
#cartList .miniCartRowV85{
  position:relative!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(8,9,11,.97))!important;
  box-shadow:0 12px 28px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.035)!important;
}
#cartList .miniCartMediaV85{
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:#090a0c!important;
  box-shadow:0 8px 18px rgba(0,0,0,.28)!important;
  contain:strict!important;
  flex:none!important;
}
#cartList .miniCartThumbBgV85,
#cartList .miniCartThumbFallbackV85{
  box-sizing:border-box!important;
  flex:none!important;
  aspect-ratio:1/1!important;
  transform:none!important;
  filter:none!important;
}
#cartList .miniCartInfoV85{color:#fff!important}
#cartList .miniCartNameV85{
  margin:0!important;
  color:#fff!important;
  font-family:Outfit,Inter,system-ui,sans-serif!important;
  font-size:13.5px!important;
  font-weight:900!important;
  line-height:1.14!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#cartList .miniCartNoteV85{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  max-width:100%!important;
  margin-top:3px!important;
  color:#ff8994!important;
  font-size:8px!important;
  font-weight:850!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#cartList .miniCartNoteV85 span{overflow:hidden!important;text-overflow:ellipsis!important}
#cartList .miniCartMetaV85{
  margin-top:4px!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
  color:#a8a1a4!important;
  font-size:8.8px!important;
  font-weight:800!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
#cartList .miniCartMetaV85 span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
#cartList .miniCartMetaV85 .priceOld{font-size:8px!important}
#cartList .miniCartMetaV85 strong{margin-left:auto!important;flex:0 0 auto!important;color:#fff!important;font-size:10px!important;font-weight:950!important}
#cartList .miniCartQtyBtnV85{
  width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important;
  padding:0!important;display:grid!important;place-items:center!important;
  border:1px solid rgba(255,255,255,.11)!important;border-radius:8px!important;
  background:#111316!important;color:#fff!important;font-size:14px!important;font-weight:900!important;line-height:1!important;
}
#cartList .miniCartQtyValueV85{
  min-width:28px!important;height:25px!important;padding:0 6px!important;
  display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.09)!important;
  border-radius:8px!important;background:rgba(255,255,255,.045)!important;color:#fff!important;
  font-size:9px!important;font-weight:950!important;
}
#cartList .miniCartRemoveV85{
  grid-area:remove!important;
  width:29px!important;height:29px!important;min-width:29px!important;min-height:29px!important;padding:0!important;
  display:grid!important;place-items:center!important;align-self:center!important;
  border:1px solid rgba(242,47,67,.22)!important;border-radius:9px!important;
  background:rgba(242,47,67,.07)!important;color:#ff7885!important;font-size:10px!important;
}
#cartList .miniCartQtyBtnV85:active,#cartList .miniCartRemoveV85:active{transform:scale(.94)!important}
@media(max-width:390px){
  #cartList .miniCartRowV85{
    grid-template-columns:50px minmax(0,1fr) 28px!important;
    column-gap:8px!important;row-gap:4px!important;
    min-height:72px!important;max-height:86px!important;padding:8px!important;
  }
  #cartList .miniCartMediaV85,#cartList .miniCartThumbBgV85,#cartList .miniCartThumbFallbackV85{
    width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;max-width:50px!important;max-height:50px!important;
  }
  #cartList .miniCartNameV85{font-size:12.5px!important}
  #cartList .miniCartMetaV85{font-size:8px!important;gap:4px!important}
  #cartList .miniCartQtyBtnV85{width:23px!important;height:23px!important;min-width:23px!important;min-height:23px!important}
  #cartList .miniCartQtyValueV85{height:23px!important;min-width:26px!important}
  #cartList .miniCartRemoveV85{width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important}
}

/* =========================================================
   V90 — VIDÉO NATIVE RAPIDE + ÉTATS ET DIAGNOSTIC
   Aucun calque ne recouvre les contrôles du navigateur.
   ========================================================= */

#productModalGallery .modalMediaGalleryV90{
  overflow:hidden!important;
  background:#050506!important;
}
#productModalGallery .modalMediaGalleryV90>.track{
  align-items:flex-start!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  touch-action:pan-x pan-y!important;
}
#productModalGallery .productVideoSlideV90{
  position:relative!important;
  flex:0 0 100%!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  overflow:visible!important;
  background:#050506!important;
  scroll-snap-align:start!important;
}
#productModalGallery .productVideoShellV90{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:10px!important;
  padding:0 12px 13px!important;
  overflow:visible!important;
  background:#050506!important;
  isolation:isolate!important;
}
#productModalGallery .productVideoNativeV90{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:auto!important;
  min-height:210px!important;
  max-height:56svh!important;
  aspect-ratio:16/9!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0 0 17px 17px!important;
  object-fit:contain!important;
  object-position:center!important;
  color-scheme:dark!important;
  background:#000!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  touch-action:auto!important;
  transform:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  -webkit-user-select:auto!important;
  user-select:auto!important;
}
#productModalGallery .productVideoStatusV90{
  min-height:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:7px 11px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:999px!important;
  color:#c8c2c5!important;
  background:#101114!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1.25!important;
  text-align:center!important;
}
#productModalGallery .productVideoStatusDotV90{
  width:8px!important;
  height:8px!important;
  flex:0 0 8px!important;
  border-radius:999px!important;
  background:#ef5968!important;
  box-shadow:0 0 0 4px rgba(239,89,104,.10)!important;
}
#productModalGallery .productVideoStatusV90.is-loading .productVideoStatusDotV90,
#productModalGallery .productVideoStatusV90.is-waiting .productVideoStatusDotV90{
  animation:v90VideoPulse 1s ease-in-out infinite!important;
}
#productModalGallery .productVideoStatusV90.is-ready,
#productModalGallery .productVideoStatusV90.is-playing{
  color:#dfffe9!important;
  border-color:rgba(130,215,167,.22)!important;
  background:rgba(130,215,167,.08)!important;
}
#productModalGallery .productVideoStatusV90.is-ready .productVideoStatusDotV90,
#productModalGallery .productVideoStatusV90.is-playing .productVideoStatusDotV90{
  background:#82d7a7!important;
  box-shadow:0 0 0 4px rgba(130,215,167,.11)!important;
}
#productModalGallery .productVideoStatusV90.is-paused,
#productModalGallery .productVideoStatusV90.is-ended{
  color:#ffe5ad!important;
  border-color:rgba(244,196,107,.20)!important;
  background:rgba(244,196,107,.07)!important;
}
#productModalGallery .productVideoStatusV90.is-paused .productVideoStatusDotV90,
#productModalGallery .productVideoStatusV90.is-ended .productVideoStatusDotV90{
  background:#f4c46b!important;
  box-shadow:0 0 0 4px rgba(244,196,107,.10)!important;
}
#productModalGallery .productVideoStatusV90.is-error{
  color:#ffd9dd!important;
  border-color:rgba(255,89,105,.26)!important;
  background:rgba(255,89,105,.09)!important;
}
#productModalGallery .productVideoStatusV90.is-error .productVideoStatusDotV90{
  background:#ff5969!important;
}
@keyframes v90VideoPulse{
  0%,100%{transform:scale(.82);opacity:.55}
  50%{transform:scale(1.08);opacity:1}
}
#productModalGallery .productVideoStartV90{
  width:100%!important;
  min-height:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  padding:0 15px!important;
  border:1px solid rgba(255,102,115,.34)!important;
  border-radius:15px!important;
  color:#fff!important;
  background:linear-gradient(180deg,#ef4e60,#c91d33)!important;
  box-shadow:0 14px 30px rgba(201,29,51,.22),inset 0 1px 0 rgba(255,255,255,.14)!important;
  font-size:12px!important;
  font-weight:950!important;
  touch-action:manipulation!important;
}
#productModalGallery .productVideoStartV90:active{transform:scale(.985)!important}
#productModalGallery .productVideoStartV90.hidden{display:none!important}
#productModalGallery .productVideoHelpV90{
  width:100%!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:start!important;
  padding:13px!important;
  border:1px solid rgba(255,89,105,.26)!important;
  border-radius:17px!important;
  color:#fff!important;
  background:linear-gradient(180deg,rgba(255,89,105,.10),rgba(15,16,19,.96))!important;
  box-shadow:0 16px 34px rgba(0,0,0,.26)!important;
}
#productModalGallery .productVideoHelpV90.hidden{display:none!important}
#productModalGallery .productVideoHelpIconV90{
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:13px!important;
  color:#ff7a87!important;
  background:rgba(255,89,105,.11)!important;
  border:1px solid rgba(255,89,105,.20)!important;
}
#productModalGallery .productVideoHelpCopyV90{
  min-width:0!important;
  display:grid!important;
  gap:5px!important;
}
#productModalGallery .productVideoHelpCopyV90 strong{
  font-family:Outfit,Inter,sans-serif!important;
  font-size:14px!important;
  line-height:1.15!important;
  color:#fff!important;
}
#productModalGallery .productVideoHelpCopyV90 p{
  margin:0!important;
  color:#c8c2c5!important;
  font-size:11px!important;
  line-height:1.48!important;
}
#productModalGallery .productVideoHelpCopyV90 small{
  color:#8f898c!important;
  font-size:9px!important;
  line-height:1.4!important;
  word-break:break-word!important;
}
#productModalGallery .productVideoHelpCopyV90 small.hidden{display:none!important}
#productModalGallery .productVideoHelpV90>[data-video-retry]{
  grid-column:1/-1!important;
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:13px!important;
  color:#fff!important;
  background:#15161a!important;
  font-size:11px!important;
  font-weight:900!important;
  touch-action:manipulation!important;
}
#productModalGallery .productVideoMissingV90{
  min-height:240px!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  gap:8px!important;
  padding:20px!important;
  color:#bdb6b9!important;
  background:#050506!important;
  text-align:center!important;
}
#productModalGallery .productVideoMissingV90 i{color:#ef5968!important;font-size:26px!important}
#productModalGallery .productVideoMissingV90 strong{color:#fff!important;font-size:15px!important}
#productModalGallery .productVideoMissingV90 span{font-size:11px!important}

@media(max-width:390px){
  #productModalGallery .productVideoShellV90{padding-inline:9px!important;gap:8px!important}
  #productModalGallery .productVideoNativeV90{min-height:190px!important;max-height:50svh!important;border-radius:0 0 14px 14px!important}
  #productModalGallery .productVideoStatusV90{min-height:32px!important;padding:6px 9px!important;font-size:9.5px!important}
  #productModalGallery .productVideoStartV90{min-height:46px!important;border-radius:14px!important}
  #productModalGallery .productVideoHelpV90{padding:11px!important;border-radius:15px!important}
}

@media(prefers-reduced-motion:reduce){
  #productModalGallery .productVideoStatusDotV90{animation:none!important}
}

/* =========================================================
   V91 — PERFORMANCE ADAPTATIVE MOBILE
   Objectif : conserver l'identité Akatsuki sans calcul GPU permanent.
   ========================================================= */

html[data-performance-tier]{
  scroll-behavior:auto!important;
  --shadow:0 14px 34px rgba(0,0,0,.30);
}

/* Les flous de fond recalculés à chaque scroll sont la principale source de
   chauffe sur iPhone/Telegram. Le verre reste visuel grâce aux fonds opaques. */
body.akatsukiTheme *,
body.akatsukiTheme *::before,
body.akatsukiTheme *::after{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  will-change:auto!important;
}

body.akatsukiTheme .v80Ambient,
body.akatsukiTheme .v80Orb,
body.akatsukiTheme .v80Grain{
  display:none!important;
  animation:none!important;
}

body.akatsukiTheme .bg,
body.akatsukiTheme .bgShade,
body.akatsukiTheme .bg::before,
body.akatsukiTheme .bg::after{
  animation:none!important;
  transform:none!important;
  filter:none!important;
  background-attachment:scroll!important;
}
body.akatsukiTheme .bgShade{
  background:linear-gradient(180deg,rgba(5,5,7,.12),rgba(5,5,7,.78))!important;
}

body.akatsukiTheme .miniAppHeader{
  background:rgba(7,8,10,.97)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.28),inset 0 -1px rgba(255,255,255,.045)!important;
}
body.akatsukiTheme .bottomnav{
  background:rgba(8,9,11,.98)!important;
  box-shadow:0 -10px 30px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.05)!important;
}
body.akatsukiTheme .modalBack,
body.akatsukiTheme .moreSheetBack,
body.akatsukiTheme .contactsNoticeBack{
  background:rgba(0,0,0,.82)!important;
}

body.akatsukiTheme .heroCard,
body.akatsukiTheme .panelCard,
body.akatsukiTheme .subCard,
body.akatsukiTheme .infoCard,
body.akatsukiTheme .productCard,
body.akatsukiTheme .modalCard,
body.akatsukiTheme .summaryCard,
body.akatsukiTheme .categoryChip,
body.akatsukiTheme .referralCard,
body.akatsukiTheme .reviewCard,
body.akatsukiTheme .contactsNoticeCard,
body.akatsukiTheme .moreSheetCard,
body.akatsukiTheme .catalogToolbar{
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),#0d0e11!important;
  box-shadow:0 12px 30px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.045)!important;
}

/* Les éléments longs hors écran ne sont ni peints ni mis en page avant
   d'approcher du viewport. */
body.akatsukiTheme .productCard,
body.akatsukiTheme .categoryChip,
body.akatsukiTheme .reviewCard,
body.akatsukiTheme .infoCard,
body.akatsukiTheme .referralCard,
body.akatsukiTheme .cartItemV85,
body.akatsukiTheme .contactsNoticeNewsProduct{
  content-visibility:auto;
  contain:layout paint style;
  contain-intrinsic-size:auto 260px;
}
body.akatsukiTheme .productsGrid{
  contain:layout style;
}

/* Une seule image légère par carte produit. Les autres médias sont chargés
   uniquement dans la fiche. */
body.akatsukiTheme .productCardMediaV91{
  position:relative!important;
  width:100%!important;
  aspect-ratio:1/1.06!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:#07080a!important;
}
body.akatsukiTheme .productCardMediaV91 .track,
body.akatsukiTheme .productCardMediaV91 .slide{
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
}
body.akatsukiTheme .productCardMediaV91 img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  aspect-ratio:1/1.06!important;
}
body.akatsukiTheme .productMediaCountV91{
  position:absolute;
  right:8px;
  bottom:8px;
  z-index:6;
  min-height:25px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:0 8px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  color:#fff;
  background:rgba(5,6,8,.86);
  font-size:9px;
  font-weight:900;
  letter-spacing:.04em;
}

body.akatsukiTheme .catalogLoadMoreV91{
  min-height:66px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:11px 13px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  background:#0d0e11;
  color:#aaa4a7;
  font-size:11px;
  font-weight:800;
}
body.akatsukiTheme .catalogLoadMoreV91 span{
  display:inline-flex;
  align-items:center;
  gap:7px;
}
body.akatsukiTheme .catalogLoadMoreV91 i{color:#dd3445}
body.akatsukiTheme .catalogLoadMoreV91 button{
  min-height:40px;
  padding:0 13px;
  border:1px solid rgba(226,36,53,.30);
  border-radius:13px;
  color:#fff;
  background:rgba(226,36,53,.13);
  font-size:11px;
  font-weight:900;
  touch-action:manipulation;
}

/* Aucune animation infinie après l'ouverture. Les micro-animations restent
   déclenchées uniquement par une action utilisateur en mode équilibré. */
body.app-ready.akatsukiTheme .homeHeroCloud,
body.app-ready.akatsukiTheme .miniAppBrand img,
body.app-ready.akatsukiTheme .deviceGatePulse,
body.app-ready.akatsukiTheme .productVideoStatusDotV90{
  animation:none!important;
}

html.app-backgrounded *,
body.app-backgrounded *{
  animation-play-state:paused!important;
  transition:none!important;
}

/* Mode léger : iPhone, réseau lent ou matériel modeste. */
html[data-performance-tier="lite"] body.akatsukiTheme .bg{
  background:#07080b url("assets/akatsuki-pattern.svg") center top/240px auto repeat!important;
}
html[data-performance-tier="lite"] body.akatsukiTheme .bgShade{
  background:linear-gradient(180deg,rgba(7,8,11,.18),rgba(7,8,11,.92))!important;
}
html[data-performance-tier="lite"] body.app-ready.akatsukiTheme *:not(.bootGate):not(.bootGate *){
  animation:none!important;
  transition-duration:.01ms!important;
  transition-delay:0ms!important;
}
html[data-performance-tier="lite"] body.akatsukiTheme .heroCard::before,
html[data-performance-tier="lite"] body.akatsukiTheme .panelCard::before,
html[data-performance-tier="lite"] body.akatsukiTheme .subCard::before,
html[data-performance-tier="lite"] body.akatsukiTheme .productCard::before,
html[data-performance-tier="lite"] body.akatsukiTheme .modalCard::before,
html[data-performance-tier="lite"] body.akatsukiTheme .motion-item::before,
html[data-performance-tier="lite"] body.akatsukiTheme .motion-item::after{
  display:none!important;
}
html[data-performance-tier="lite"] body.akatsukiTheme .productCard,
html[data-performance-tier="lite"] body.akatsukiTheme .categoryChip,
html[data-performance-tier="lite"] body.akatsukiTheme .panelCard,
html[data-performance-tier="lite"] body.akatsukiTheme .subCard,
html[data-performance-tier="lite"] body.akatsukiTheme .infoCard,
html[data-performance-tier="lite"] body.akatsukiTheme .referralCard,
html[data-performance-tier="lite"] body.akatsukiTheme .reviewCard{
  box-shadow:0 8px 20px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.035)!important;
}
html[data-performance-tier="lite"] body.akatsukiTheme .catalogToolbar{
  position:relative!important;
  top:auto!important;
}
html[data-performance-tier="lite"] .bootSharinganOrbit,
html[data-performance-tier="lite"] .bootFlash{
  display:none!important;
}
html[data-performance-tier="lite"] .bootSharinganGlow{
  filter:none!important;
  opacity:.62!important;
}
html[data-performance-tier="lite"] body.akatsukiTheme .productCard:hover,
html[data-performance-tier="lite"] body.akatsukiTheme .productCard:focus-visible,
html[data-performance-tier="lite"] body.akatsukiTheme button:hover{
  transform:none!important;
}

@media(max-width:360px){
  body.akatsukiTheme .productsGrid{gap:8px!important}
  body.akatsukiTheme .productCard{padding:8px!important}
  body.akatsukiTheme .catalogLoadMoreV91{align-items:stretch;flex-direction:column}
  body.akatsukiTheme .catalogLoadMoreV91 button{width:100%}
}

@media(prefers-reduced-motion:reduce){
  body.app-ready.akatsukiTheme *:not(.bootGate):not(.bootGate *){
    animation:none!important;
    transition-duration:.01ms!important;
    transition-delay:0ms!important;
  }
}

/* Décorations auparavant animées en boucle : rendu statique après le boot. */
body.app-ready.akatsukiTheme .homeHeroRing,
body.app-ready.akatsukiTheme .homeHeroSpark,
body.app-ready.akatsukiTheme .homeHeroStatus>span,
body.app-ready.akatsukiTheme .homeHeroButton::after,
body.app-ready.akatsukiTheme .homeMenuTag,
body.app-ready.akatsukiTheme .pillPromo,
body.app-ready.akatsukiTheme .pillNew,
body.app-ready.akatsukiTheme .pillBest,
body.app-ready.akatsukiTheme .contactsNoticeNewsEye img,
body.app-ready.akatsukiTheme .deliveryOutBesanconNotice,
body.app-ready.akatsukiTheme .deliveryOutBesanconSummary{
  animation:none!important;
}
body.app-ready.akatsukiTheme .homeHeroButton::after{display:none!important}

/* V91.1 — aucun calcul lié au scroll sur smartphone. */
body.akatsukiTheme .miniAppHeaderProgress{display:none!important}
body.akatsukiTheme .homeHeroMedia{
  transform:scale(1.025)!important;
  transition:none!important;
  filter:none!important;
}
body.akatsukiTheme .homeHero::before{
  mix-blend-mode:normal!important;
  background:linear-gradient(180deg,transparent 44%,rgba(3,4,6,.82) 100%)!important;
}
body.akatsukiTheme .miniAppHeader,
body.akatsukiTheme .miniAppHeaderInner{
  transition:none!important;
}
body.akatsukiTheme img{
  image-rendering:auto;
}
body.akatsukiTheme button,
body.akatsukiTheme [role="button"]{
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
@media(hover:none){
  body.akatsukiTheme .productCard:hover,
  body.akatsukiTheme .categoryChip:hover,
  body.akatsukiTheme .infoCard:hover,
  body.akatsukiTheme button:hover{
    transform:none!important;
  }
}


/* =========================================================
   V93 — FICHE PRODUIT STABLE / SAFARI TELEGRAM
   Les cartes interactives ne sont plus mises en content-visibility/contain,
   afin d'éviter les problèmes de hit-testing WebKit sur certains iPhone.
   ========================================================= */
body.akatsukiTheme .productCard{
  content-visibility:visible!important;
  contain:none!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent;
}
body.akatsukiTheme .productCard .pMediaWrap,
body.akatsukiTheme .productCard .productBody{
  pointer-events:auto!important;
}
body.akatsukiTheme .productCardDetailsBtn{
  flex:1 1 auto;
  min-width:0;
  min-height:36px;
  padding:0 8px;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:7px;
  border:0;
  border-radius:10px;
  color:#b9b3b5;
  background:transparent;
  font:inherit;
  font-size:9px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  text-align:left;
  cursor:pointer;
  touch-action:manipulation;
}
body.akatsukiTheme .productCardDetailsBtn i{color:#f14a5a;font-size:10px}
body.akatsukiTheme .productCardDetailsBtn:active{background:rgba(239,48,67,.10);color:#fff}
body.akatsukiTheme .productCardDetailsBtn:disabled{opacity:.55;cursor:not-allowed}
body.akatsukiTheme #productModal:not(.hidden){
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
body.akatsukiTheme #productModal .modalCard{
  opacity:1!important;
  transform:none!important;
  pointer-events:auto!important;
}
body.akatsukiTheme #productModal .modalGallery,
body.akatsukiTheme #productModal .modalDesc,
body.akatsukiTheme #productModal .modalPanel,
body.akatsukiTheme #productModal .productReviewsBlock{
  content-visibility:visible!important;
  contain:none!important;
}
.productTierEmpty{
  grid-column:1/-1;
  min-height:60px;
  padding:12px;
  display:flex;
  align-items:center;
  gap:9px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  color:#b9b3b5;
  background:#090a0c;
  font-size:11px;
  font-weight:800;
}
.productTierEmpty i{color:#ef3b4d}

/* =========================================================
   V94 — VIDEO ROLLBACK « KNOWN GOOD »
   Lecteur HTML5 natif, sans overlay de lecture ni changement de source.
   ========================================================= */
#productModalGallery .modalMediaGalleryV94{
  position:relative!important;
  overflow:hidden!important;
  background:#050506!important;
  border:0!important;
  border-radius:0!important;
}
#productModalGallery .modalMediaGalleryV94>.track{
  display:flex!important;
  align-items:flex-start!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-x pan-y!important;
  scrollbar-width:none!important;
}
#productModalGallery .modalMediaGalleryV94>.track::-webkit-scrollbar{display:none!important}
#productModalGallery .modalMediaGalleryV94>.track>.slide{
  flex:0 0 100%!important;
  width:100%!important;
  min-width:100%!important;
  scroll-snap-align:start!important;
  scroll-snap-stop:always!important;
}
#productModalGallery .productVideoSlideV94{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  overflow:visible!important;
  background:#000!important;
}
#productModalGallery .productVideoFrameV94{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:8px!important;
  padding:0 0 12px!important;
  background:#050506!important;
  isolation:isolate!important;
  overflow:visible!important;
}
#productModalGallery video.productVideoNativeV94{
  position:relative!important;
  z-index:5!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:220px!important;
  max-height:58svh!important;
  aspect-ratio:16/9!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#000!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  touch-action:auto!important;
  transform:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  -webkit-user-select:auto!important;
  user-select:auto!important;
}
#productModalGallery .productVideoStatusV94{
  position:relative!important;
  z-index:2!important;
  width:calc(100% - 24px)!important;
  min-height:32px!important;
  margin:0 12px!important;
  padding:6px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:999px!important;
  color:#c7c1c4!important;
  background:#111216!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1.25!important;
  text-align:center!important;
  pointer-events:none!important;
}
#productModalGallery .productVideoStatusDotV94{
  width:7px!important;
  height:7px!important;
  flex:0 0 7px!important;
  border-radius:50%!important;
  background:#ef5968!important;
  box-shadow:0 0 0 3px rgba(239,89,104,.10)!important;
}
#productModalGallery .productVideoStatusV94.is-ready,
#productModalGallery .productVideoStatusV94.is-playing{
  color:#dfffe9!important;
  border-color:rgba(130,215,167,.22)!important;
  background:rgba(130,215,167,.08)!important;
}
#productModalGallery .productVideoStatusV94.is-ready .productVideoStatusDotV94,
#productModalGallery .productVideoStatusV94.is-playing .productVideoStatusDotV94{
  background:#82d7a7!important;
  box-shadow:0 0 0 3px rgba(130,215,167,.11)!important;
}
#productModalGallery .productVideoStatusV94.is-waiting{
  color:#ffe5ad!important;
  border-color:rgba(244,196,107,.20)!important;
  background:rgba(244,196,107,.07)!important;
}
#productModalGallery .productVideoStatusV94.is-paused,
#productModalGallery .productVideoStatusV94.is-ended{
  color:#e9e3e5!important;
  background:#111216!important;
}
#productModalGallery .productVideoStatusV94.is-error{
  color:#ffd9dd!important;
  border-color:rgba(255,89,105,.26)!important;
  background:rgba(255,89,105,.09)!important;
}
#productModalGallery .productVideoErrorV94{
  position:relative!important;
  z-index:3!important;
  width:calc(100% - 24px)!important;
  margin:0 12px!important;
  padding:11px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:9px!important;
  align-items:start!important;
  border:1px solid rgba(255,89,105,.25)!important;
  border-radius:14px!important;
  color:#fff!important;
  background:#151014!important;
}
#productModalGallery .productVideoErrorV94.hidden{display:none!important}
#productModalGallery .productVideoErrorV94>i{
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  color:#ff7a87!important;
  background:rgba(255,89,105,.10)!important;
}
#productModalGallery .productVideoErrorCopyV94{display:grid!important;gap:4px!important;min-width:0!important}
#productModalGallery .productVideoErrorCopyV94 strong{font-size:12px!important;color:#fff!important}
#productModalGallery .productVideoErrorCopyV94 span{font-size:10px!important;line-height:1.42!important;color:#c8c2c5!important}
#productModalGallery .productVideoErrorCopyV94 small{font-size:8.5px!important;color:#8f898c!important;word-break:break-word!important}
#productModalGallery .productVideoErrorV94>[data-video-retry-v94]{
  grid-column:1/-1!important;
  min-height:40px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:12px!important;
  color:#fff!important;
  background:#1b1c20!important;
  font-size:10px!important;
  font-weight:900!important;
  touch-action:manipulation!important;
}
@media(max-width:390px){
  #productModalGallery video.productVideoNativeV94{min-height:196px!important;max-height:52svh!important}
  #productModalGallery .productVideoStatusV94{font-size:9px!important}
}

/* =========================================================
   V96 — VIDEO DIRECT PLAY / TELEGRAM iOS
   Les vidéos sont sorties du carrousel horizontal afin que le tap Play ne
   puisse plus être interprété comme un geste de swipe par la WebView.
   ========================================================= */
#productModalGallery .modalMediaGalleryV96{
  display:grid!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
  background:#050506!important;
}
#productModalGallery .modalImageGalleryV96{
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:#08090b!important;
}
#productModalGallery .modalImageGalleryV96>.track{
  display:flex!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
}
#productModalGallery .modalImageGalleryV96>.track::-webkit-scrollbar{display:none!important}
#productModalGallery .modalImageGalleryV96>.track>.slide{
  flex:0 0 100%!important;
  width:100%!important;
  min-width:100%!important;
  aspect-ratio:1/1.02!important;
  scroll-snap-align:start!important;
}
#productModalGallery .modalImageGalleryV96 img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
#productModalGallery .productVideoDeckV96{
  display:grid!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
}
#productModalGallery .productVideoBlockV96{
  display:grid!important;
  gap:9px!important;
  width:100%!important;
  min-width:0!important;
  padding:10px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:18px!important;
  background:#08090b!important;
  box-shadow:none!important;
  overflow:hidden!important;
  contain:none!important;
  content-visibility:visible!important;
}
#productModalGallery .productVideoHeaderV96{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-width:0!important;
  padding:1px 2px!important;
  color:#fff!important;
}
#productModalGallery .productVideoHeaderV96>span{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
#productModalGallery .productVideoHeaderV96>span i{color:#ef3b4d!important}
#productModalGallery .productVideoHeaderV96>small{
  color:#aaa4a7!important;
  font-size:10px!important;
  font-weight:800!important;
}
#productModalGallery .productVideoViewportV96{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  border-radius:14px!important;
  background:#000!important;
  isolation:isolate!important;
}
#productModalGallery video.productVideoNativeV96{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:190px!important;
  max-height:58svh!important;
  aspect-ratio:16/9!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  object-fit:contain!important;
  background:#000!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  touch-action:auto!important;
  transform:none!important;
  filter:none!important;
  -webkit-user-select:auto!important;
  user-select:auto!important;
}
#productModalGallery .productVideoLaunchV96{
  position:relative!important;
  z-index:4!important;
  width:100%!important;
  min-height:58px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:11px!important;
  align-items:center!important;
  padding:8px 12px!important;
  border:1px solid rgba(239,59,77,.30)!important;
  border-radius:15px!important;
  color:#fff!important;
  background:linear-gradient(180deg,rgba(239,59,77,.22),rgba(100,10,19,.18))!important;
  text-align:left!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
  cursor:pointer!important;
}
#productModalGallery .productVideoLaunchV96:active{transform:scale(.985)!important}
#productModalGallery .productVideoLaunchV96.is-playing{display:none!important}
#productModalGallery .productVideoLaunchIconV96{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  color:#fff!important;
  background:#ef3b4d!important;
  box-shadow:0 8px 22px rgba(239,59,77,.26)!important;
}
#productModalGallery .productVideoLaunchCopyV96{display:grid!important;gap:3px!important;min-width:0!important}
#productModalGallery .productVideoLaunchCopyV96 strong{font-size:13px!important;font-weight:900!important;color:#fff!important}
#productModalGallery .productVideoLaunchCopyV96 small{font-size:10px!important;font-weight:700!important;color:#c5bec1!important}
#productModalGallery .productVideoMessageV96{
  min-height:30px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:6px 10px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:999px!important;
  color:#c8c1c4!important;
  background:#111216!important;
  font-size:9.5px!important;
  font-weight:850!important;
  text-align:center!important;
  pointer-events:none!important;
}
#productModalGallery .productVideoMessageDotV96{
  width:7px!important;
  height:7px!important;
  flex:0 0 7px!important;
  border-radius:50%!important;
  background:#ef5968!important;
}
#productModalGallery .productVideoMessageV96.is-ready,
#productModalGallery .productVideoMessageV96.is-playing{
  color:#dfffe9!important;
  border-color:rgba(130,215,167,.22)!important;
  background:rgba(130,215,167,.08)!important;
}
#productModalGallery .productVideoMessageV96.is-ready .productVideoMessageDotV96,
#productModalGallery .productVideoMessageV96.is-playing .productVideoMessageDotV96{background:#82d7a7!important}
#productModalGallery .productVideoMessageV96.is-loading{color:#ffe5ad!important;border-color:rgba(244,196,107,.20)!important;background:rgba(244,196,107,.07)!important}
#productModalGallery .productVideoMessageV96.is-paused,
#productModalGallery .productVideoMessageV96.is-ended{color:#e9e3e5!important}
#productModalGallery .productVideoMessageV96.is-error{color:#ffd9dd!important;border-color:rgba(255,89,105,.26)!important;background:rgba(255,89,105,.09)!important}
#productModalGallery .productVideoErrorV96{
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr)!important;
  gap:9px!important;
  align-items:start!important;
  padding:10px!important;
  border:1px solid rgba(255,89,105,.24)!important;
  border-radius:14px!important;
  color:#fff!important;
  background:#151014!important;
}
#productModalGallery .productVideoErrorV96.hidden{display:none!important}
#productModalGallery .productVideoErrorV96>i{
  width:32px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  color:#ff7a87!important;
  background:rgba(255,89,105,.10)!important;
}
#productModalGallery .productVideoErrorV96>div{display:grid!important;gap:4px!important;min-width:0!important}
#productModalGallery .productVideoErrorV96 strong{font-size:11px!important;color:#fff!important}
#productModalGallery .productVideoErrorV96 span{font-size:10px!important;line-height:1.4!important;color:#c8c2c5!important}
#productModalGallery .productVideoErrorV96 small{font-size:8.5px!important;color:#8f898c!important;word-break:break-word!important}
#productModalGallery .productVideoErrorV96>[data-video-retry-v96]{
  grid-column:1/-1!important;
  min-height:42px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:12px!important;
  color:#fff!important;
  background:#1b1c20!important;
  font-size:10px!important;
  font-weight:900!important;
  touch-action:manipulation!important;
}
@media(max-width:390px){
  #productModalGallery video.productVideoNativeV96{min-height:178px!important;max-height:52svh!important}
  #productModalGallery .productVideoLaunchV96{min-height:54px!important;grid-template-columns:38px minmax(0,1fr)!important;padding:7px 10px!important}
  #productModalGallery .productVideoLaunchIconV96{width:38px!important;height:38px!important}
}

/* =========================================================
   V99 — Telegram iPhone : lecteur vidéo natif plein écran
   ========================================================= */
#productModalGallery .productVideoBlockV96.is-ios-native-fullscreen-v99{
  border-color:rgba(239,59,77,.16)!important;
  background:linear-gradient(180deg,#090a0c,#060708)!important;
}
#productModalGallery .productVideoBlockV96.is-ios-native-fullscreen-v99 .productVideoViewportV96{
  min-height:190px!important;
  display:grid!important;
  place-items:center!important;
  background:
    radial-gradient(circle at 50% 45%,rgba(178,19,35,.18),transparent 42%),
    #000!important;
}
#productModalGallery .productVideoBlockV96.is-ios-native-fullscreen-v99 .productVideoViewportV96::after{
  content:"LECTEUR IPHONE";
  position:absolute;
  right:9px;
  bottom:9px;
  z-index:3;
  min-height:24px;
  display:inline-flex;
  align-items:center;
  padding:0 8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.58);
  color:rgba(255,255,255,.72);
  font-size:8px;
  font-weight:900;
  letter-spacing:.10em;
  pointer-events:none;
}
#productModalGallery .productVideoBlockV96.is-ios-native-fullscreen-v99 video.productVideoNativeV96{
  pointer-events:none!important;
}
#productModalGallery .productVideoBlockV96.is-ios-native-fullscreen-v99 .productVideoLaunchV96{
  border-color:rgba(239,59,77,.40)!important;
  background:linear-gradient(180deg,rgba(239,59,77,.28),rgba(86,7,16,.22))!important;
}
#productModalGallery .productVideoBlockV96.is-ios-native-fullscreen-v99 .productVideoLaunchIconV96{
  box-shadow:0 0 0 5px rgba(239,59,77,.08),0 10px 24px rgba(239,59,77,.24)!important;
}

/* =========================================================
   V100 — HLS natif iPhone Telegram
   ========================================================= */
#productModalGallery .productVideoBlockV96.is-ios-hls-v100{
  border-color:rgba(239,59,77,.18)!important;
  background:linear-gradient(180deg,#090a0c,#060708)!important;
}
#productModalGallery .productVideoBlockV96.is-ios-hls-v100 .productVideoViewportV96{
  min-height:190px!important;
  display:grid!important;
  place-items:center!important;
  background:radial-gradient(circle at 50% 45%,rgba(178,19,35,.18),transparent 42%),#000!important;
}
#productModalGallery .productVideoBlockV96.is-ios-hls-v100 .productVideoViewportV96::after{
  content:"HLS IPHONE";
  position:absolute;
  right:9px;
  bottom:9px;
  z-index:3;
  min-height:24px;
  display:inline-flex;
  align-items:center;
  padding:0 8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.58);
  color:rgba(255,255,255,.72);
  font-size:8px;
  font-weight:900;
  letter-spacing:.10em;
  pointer-events:none;
}
#productModalGallery .productVideoBlockV96.is-ios-hls-v100 video.productVideoNativeV96{pointer-events:none!important}
#productModalGallery .productVideoLaunchV96.is-preparing,
#productModalGallery .productVideoLaunchV96:disabled{
  opacity:.74!important;
  cursor:wait!important;
  pointer-events:none!important;
}
#productModalGallery .productVideoLaunchV96.is-preparing .productVideoLaunchIconV96{
  background:#8f1723!important;
  box-shadow:none!important;
}