: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:"\201C";
  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}}



/* =========================================================
   v54 — Plein écran noir/violet + pronostic foot ticket
   ========================================================= */
:root{
  --game-bg:#07030c;
  --game-panel:#12071d;
  --game-stroke:rgba(232,190,255,.18);
  --game-stroke-strong:rgba(232,190,255,.32);
  --game-text:#fff;
  --game-muted:#cbb8d8;
  --game-soft:#f2cdff;
  --game-purple:#8e3cff;
  --game-purple-2:#c84dff;
  --game-green:#8df2b1;
  --game-warn:#ffe8bf;
  --game-header-h:84px;
  --game-promo-h:0px;
  --game-bottom-h:76px;
  --game-radius-xl:36px;
  --game-radius-lg:28px;
  --game-shadow:0 32px 96px rgba(0,0,0,.48);
}
html,body{
  width:100%;
  max-width:100%;
  overflow-x:hidden!important;
  background:var(--game-bg)!important;
  color:var(--game-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(--game-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(--game-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(--game-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(--game-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(--game-stroke-strong);color:var(--game-soft)}
.shell{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  min-height:100dvh!important;
  padding:calc(var(--game-header-h) + 20px + env(safe-area-inset-top)) clamp(14px,3vw,56px) calc(var(--game-bottom-h) + 26px + env(safe-area-inset-bottom))!important;
}
.panel[data-panel="home"] .topbar{display:none!important}
.panel[data-panel="game"] .panelCard.gamePanelCard{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
.panelCard,.heroCard,.subCard,.infoCard,.productCard,.modalCard{border-color:var(--game-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(--game-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(--game-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(--game-purple),var(--game-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(--game-radius-lg);background:rgba(3,1,7,.54);backdrop-filter:blur(16px)}
.heroFilters .field>span{color:var(--game-soft)!important}
.heroFilters .input{background:#0b0610!important;border-color:var(--game-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(--game-stroke)!important;background:rgba(255,255,255,.045)!important;color:var(--game-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(--game-stroke)!important;background:rgba(255,255,255,.045)!important}
.heroStat strong{color:#fff!important}.heroStat span{color:var(--game-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(--game-stroke-strong);border-radius:var(--game-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(--game-radius-xl);background:#f2eff5!important;color:#0e0714!important}
.sectionBlock .sectionEyebrow{color:var(--game-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(--game-purple)!important;color:#fff!important}
.gameCartBox{border-color:rgba(200,77,255,.24)!important;background:rgba(142,60,255,.08)!important}.gameCartHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.gameCartHead strong{color:#fff}.gameCartBadge{width:42px;height:42px;display:grid;place-items:center;border-radius:15px;border:1px solid rgba(200,77,255,.24);color:var(--game-soft);background:rgba(200,77,255,.08)}.gameCartWarn{margin-top:6px;color:var(--muted);font-size:12px;line-height:1.45}
.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 */
.gameV54{width:100%;max-width:1580px;margin:0 auto;display:grid;gap:18px}
.gameV54Hero,.gameV54Matches,.gameV54Rewards,.gameV54Notice,.gameV54Empty{border:1px solid rgba(232,190,255,.14);background:linear-gradient(180deg,rgba(18,7,30,.96),rgba(6,2,10,.98));box-shadow:0 28px 86px rgba(0,0,0,.38)}
.gameV54Hero{position:relative;overflow:hidden;min-height:clamp(430px,56vh,720px);display:grid;grid-template-columns:minmax(0,.92fr) minmax(430px,.72fr);gap:clamp(18px,4vw,64px);align-items:center;padding:clamp(22px,5vw,74px);border-radius:36px;background:radial-gradient(860px 460px at 82% 32%,rgba(142,60,255,.34),transparent 70%),radial-gradient(680px 320px at 4% 0%,rgba(200,77,255,.18),transparent 70%),linear-gradient(105deg,rgba(5,1,9,.99),rgba(20,6,34,.90) 54%,rgba(5,1,9,.99))}
.gameV54Hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.055),transparent 26%,rgba(255,255,255,.035)),repeating-linear-gradient(112deg,rgba(255,255,255,.030) 0 1px,transparent 1px 18px);opacity:.74}.gameV54HeroLeft,.gameV54Featured{position:relative;z-index:1;min-width:0}.gameV54Label,.gameV54SectionHead span,.gameV54RewardsHead span{width:max-content;max-width:100%;min-height:34px;display:inline-flex;align-items:center;gap:9px;padding:0 14px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.075);color:#f5d7ff;font-family:Sora,Outfit,Inter,sans-serif;font-size:11px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.gameV54Title{margin:18px 0 0;color:#fff;font-family:Sora,Outfit,Inter,sans-serif;font-size:clamp(58px,8vw,132px);line-height:.83;font-weight:950;letter-spacing:-.108em;text-transform:uppercase;text-shadow:0 26px 78px rgba(0,0,0,.58)}.gameV54Tabs{margin-top:24px;display:grid;grid-template-columns:repeat(4,minmax(88px,140px));gap:10px}.gameV54Tabs span{min-height:68px;display:grid;align-content:center;gap:4px;padding:10px 12px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.050)}.gameV54Tabs strong{color:#fff;font-family:Sora,Outfit,Inter,sans-serif;font-size:28px;line-height:1;font-weight:950}.gameV54Tabs em{color:#cbb8d8;font-size:10px;font-style:normal;font-weight:950;letter-spacing:.10em;text-transform:uppercase}.gameV54MainBtn,.gameV54Submit,.gameV54RewardBtn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:24px;padding:0 20px;border:0;border-radius:16px;background:linear-gradient(180deg,#f3d3ff,#9a43ff);color:#090210;font-family:Sora,Outfit,Inter,sans-serif;font-size:12px;font-weight:950;letter-spacing:.055em;text-transform:uppercase;box-shadow:0 20px 54px rgba(142,60,255,.32)}
.gameV54Featured{align-self:stretch;display:grid;align-content:center;gap:14px;padding:18px;border:1px solid rgba(255,255,255,.13);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.026)),rgba(0,0,0,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 22px 70px rgba(0,0,0,.28)}.gameV54FeaturedTop,.gameV54CardTop,.gameV54PredictionHead,.gameV54SectionHead,.gameV54RewardsHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.gameV54FeaturedTop span,.gameV54FeaturedTop strong,.gameV54Meta span,.gameV54Status{min-height:30px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(0,0,0,.22);color:#cbb8d8;font-family:Sora,Outfit,Inter,sans-serif;font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.gameV54FeaturedTop strong,.gameV54Status{color:#fff;background:rgba(142,60,255,.18);border-color:rgba(200,77,255,.28)}.gameV54Status.is-open{color:#dfffe9;background:rgba(141,242,177,.11);border-color:rgba(141,242,177,.30)}.gameV54Status.is-live{color:#8df2b1;background:rgba(141,242,177,.10);border-color:rgba(141,242,177,.34)}.gameV54Status.is-locked{color:#ffe8bf;background:rgba(255,232,191,.08);border-color:rgba(255,232,191,.26)}.gameV54FeaturedMatch,.gameV54MatchLine,.gameV54PickGrid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}.gameV54FeaturedTeam,.gameV54Club{min-width:0;display:grid;justify-items:center;text-align:center;gap:10px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:rgba(0,0,0,.22)}.gameV54FeaturedTeam{min-height:170px}.gameV54Club{min-height:142px}.gameV54FeaturedTeam strong,.gameV54Club strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-family:Sora,Outfit,Inter,sans-serif;font-size:clamp(15px,1.2vw,19px);line-height:1.05;font-weight:950;letter-spacing:-.04em;text-transform:uppercase}.gameV54FeaturedScore,.gameV54ScoreBox{display:grid;justify-items:center;gap:7px;min-width:104px}.gameV54FeaturedScore span,.gameV54ScoreBox strong{min-width:92px;min-height:58px;display:grid;place-items:center;border:1px solid rgba(200,77,255,.30);border-radius:20px;background:linear-gradient(180deg,rgba(200,77,255,.18),rgba(142,60,255,.08));color:#fff;font-family:Sora,Outfit,Inter,sans-serif;font-size:26px;font-weight:950}.gameV54FeaturedScore.is-live span,.gameV54ScoreBox.is-live strong{color:#8df2b1;border-color:rgba(141,242,177,.36);background:rgba(141,242,177,.10)}.gameV54FeaturedScore em,.gameV54ScoreBox span{max-width:118px;color:#cbb8d8;font-size:10px;font-style:normal;font-weight:950;line-height:1.2;text-align:center;text-transform:uppercase;letter-spacing:.08em}.gameV54FeaturedName{padding:12px 14px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(0,0,0,.22);color:#f5d7ff;font-family:Sora,Outfit,Inter,sans-serif;font-size:12px;font-weight:950;text-align:center;text-transform:uppercase;letter-spacing:.09em}
.gameV54 .gameTeamBadge.gameFlagBadge{width:76px!important;height:76px!important;position:relative;overflow:hidden;display:grid!important;place-items:center!important;flex:0 0 auto;border:1px solid rgba(255,255,255,.18)!important;border-radius:999px!important;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.25),rgba(255,255,255,.055))!important;box-shadow:0 18px 38px rgba(0,0,0,.26)!important;font-size:36px!important}.gameV54 .gameFlagBadge .gameFlagImg{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.gameV54 .gameFlagBadge.has-flag-img .gameFlagImg{opacity:1!important}.gameV54 .gameFlagBadge.has-flag-img .gameFlagEmoji{opacity:0!important}.gameV54Notice,.gameV54Empty{padding:15px 16px;border-radius:22px;color:#dac8e8;font-size:13px;font-weight:850}.gameV54Matches,.gameV54Rewards{padding:clamp(16px,3vw,30px);border-radius:30px}.gameV54SectionHead{align-items:flex-end;margin-bottom:16px}.gameV54SectionHead h3{margin:7px 0 0;color:#fff;font-family:Sora,Outfit,Inter,sans-serif;font-size:clamp(34px,4.8vw,62px);line-height:.88;font-weight:950;letter-spacing:-.08em;text-transform:uppercase}.gameV54SectionHead em{color:#cbb8d8;font-size:11px;font-style:normal;font-weight:950;letter-spacing:.10em;text-align:right;text-transform:uppercase}.gameV54Grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.gameV54Card{position:relative;overflow:hidden;display:grid;gap:13px;padding:18px;border:1px solid rgba(232,190,255,.16);border-radius:30px;background:radial-gradient(420px 260px at 100% 0%,rgba(142,60,255,.20),transparent 72%),linear-gradient(180deg,rgba(18,7,30,.96),rgba(6,2,10,.98));box-shadow:0 24px 72px rgba(0,0,0,.34)}.gameV54Card::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent)}.gameV54Card>*{position:relative;z-index:1}.gameV54Card.is-live{border-color:rgba(141,242,177,.24)}.gameV54Meta{display:flex;flex-wrap:wrap;gap:7px}
.gameV54 .gameV53LiveScore{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:11px 13px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(0,0,0,.22)}.gameV54 .gameV53LiveScore span{min-height:24px;display:inline-flex;align-items:center;padding:0 8px;border-radius:999px;background:rgba(142,60,255,.13);color:#f5d7ff;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.10em}.gameV54 .gameV53LiveScore strong{color:#fff;font-family:Sora,Outfit,Inter,sans-serif;font-size:18px;font-weight:950}.gameV54 .gameV53LiveScore em{color:#cbb8d8;font-size:11px;font-style:normal;font-weight:850;text-align:right}.gameV54 .gameV53LiveScore.is-live{border-color:rgba(141,242,177,.26);background:rgba(141,242,177,.07)}.gameV54 .gameV53LiveScore.is-live strong{color:#8df2b1}
.gameV54Prediction{display:grid;gap:12px;padding:14px;border:1px solid rgba(200,77,255,.24);border-radius:24px;background:rgba(142,60,255,.08)}.gameV54PredictionHead span{color:#fff;font-family:Sora,Outfit,Inter,sans-serif;font-size:15px;font-weight:950;letter-spacing:.02em;text-transform:uppercase}.gameV54PredictionHead em{min-height:26px;display:inline-flex;align-items:center;padding:0 9px;border-radius:999px;background:rgba(255,255,255,.065);color:#f5d7ff;font-size:10px;font-style:normal;font-weight:950;letter-spacing:.10em;text-transform:uppercase}.gameV54Pick{min-width:0;display:grid;gap:8px}.gameV54Pick>span{min-width:0;min-height:30px;display:flex;align-items:center;gap:8px;color:#f5d7ff;font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.gameV54Pick>span em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal}.gameV54Pick .gameTeamBadge.gameFlagBadge{width:30px!important;height:30px!important;font-size:17px!important;box-shadow:none!important}.gameV54ScoreInput{width:100%;height:64px;border:1px solid rgba(232,190,255,.28);border-radius:20px;background:#07030c;color:#fff;outline:none;text-align:center;font-family:Sora,Outfit,Inter,sans-serif;font-size:34px;font-weight:950}.gameV54ScoreInput:focus{border-color:rgba(200,77,255,.78);box-shadow:0 0 0 5px rgba(142,60,255,.18)}.gameV54ScoreInput::-webkit-outer-spin-button,.gameV54ScoreInput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.gameV54ScoreInput[type=number]{-moz-appearance:textfield}.gameV54Versus{padding-bottom:18px;color:#cbb8d8;font-family:Sora,Outfit,Inter,sans-serif;font-size:13px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.gameV54Submit{width:100%;margin-top:0;box-shadow:none}.gameV54Ticket,.gameV54Result,.gameV54Locked{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:13px 14px;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:rgba(0,0,0,.24);color:#cbb8d8;font-size:12px;font-weight:850}.gameV54Ticket span,.gameV54Result span{display:block;color:#f5d7ff;font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.gameV54Ticket strong,.gameV54Result strong{color:#fff;font-family:Sora,Outfit,Inter,sans-serif;font-size:18px;font-weight:950}.gameV54Ticket em{color:#cbb8d8;font-size:10px;font-style:normal;font-weight:950;letter-spacing:.10em;text-transform:uppercase}.gameV54Ticket.is-win em{color:#8df2b1}.gameV54Locked{justify-content:flex-start;border-color:rgba(255,232,191,.24);background:rgba(255,232,191,.08);color:#ffe8bf}.gameV54Rewards{border-color:rgba(141,242,177,.22);background:linear-gradient(180deg,rgba(141,242,177,.10),rgba(141,242,177,.035))}.gameV54RewardsHead strong{display:block;margin-top:7px;color:#fff;font-family:Sora,Outfit,Inter,sans-serif;font-size:24px;font-weight:950;letter-spacing:-.05em;text-transform:uppercase}.gameV54RewardsHead i{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(141,242,177,.22);border-radius:16px;background:rgba(141,242,177,.12);color:#8df2b1}.gameV54RewardList{display:grid;gap:9px;margin-top:14px}.gameV54RewardLine{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(0,0,0,.18)}.gameV54RewardLine strong{display:block;color:#fff}.gameV54RewardLine span{display:block;margin-top:3px;color:#cbb8d8;font-size:12px}.gameV54RewardBtn{min-height:42px;margin-top:0;box-shadow:none}

@media(max-width:1180px){.storeMenu{gap:18px}.storeMenu button{font-size:12px}.productsGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.gameV54Hero{grid-template-columns:1fr;min-height:auto}.gameV54Grid{grid-template-columns:1fr}}
@media(max-width:900px){:root{--game-header-h:70px;--game-bottom-h:70px;--game-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(--game-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}.gameV54Hero{border-radius:28px;padding:20px}.gameV54Title{font-size:clamp(48px,15vw,84px)}.gameV54Tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.gameV54FeaturedMatch,.gameV54MatchLine,.gameV54PickGrid{grid-template-columns:1fr}.gameV54FeaturedScore,.gameV54ScoreBox{width:100%}.gameV54FeaturedScore span,.gameV54ScoreBox strong{width:100%;min-height:48px}.gameV54Versus{display:none}.gameV54SectionHead{align-items:flex-start;flex-direction:column}.gameV54SectionHead em{text-align:left}.gameV54 .gameV53LiveScore{align-items:flex-start;flex-direction:column}.gameV54 .gameV53LiveScore strong{text-align:left}}
@media(max-width:430px){.productsGrid{grid-template-columns:1fr!important}.promoTile strong{font-size:30px}.bottomnav .tab .txt{font-size:6.5px!important}.gameV54MainBtn,.gameV54RewardBtn{width:100%}.gameV54FeaturedTeam,.gameV54Club{min-height:126px}.gameV54 .gameTeamBadge.gameFlagBadge{width:66px!important;height:66px!important;font-size:30px!important}.gameV54RewardLine{align-items:flex-start;flex-direction:column}}

/* 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é */
.gameV54 .gameTeamBadge.gameFlagBadge{
  width:78px!important;
  height:54px!important;
  padding:5px!important;
  border-radius:15px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.035))!important;
  box-shadow:0 18px 38px rgba(0,0,0,.24)!important;
  font-size:28px!important;
}
.gameV54 .gameFlagBadge .gameFlagImg{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
}
.gameV54 .gameFlagBadge .gameFlagEmoji{
  font-size:26px!important;
}
.gameV54Pick .gameTeamBadge.gameFlagBadge{
  width:38px!important;
  height:28px!important;
  padding:2px!important;
  border-radius:8px!important;
  font-size:17px!important;
  box-shadow:none!important;
}


/* v59 — drapeaux propres + aucun visuel rond/fédération dans le jeu */
.gameV54 .gameTeamBadge.gameFlagBadge{
  width:76px!important;
  height:54px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.035))!important;
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.24)!important;
  font-size:27px!important;
}
.gameV54 .gameFlagBadge .gameFlagImg{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.gameV54Pick .gameTeamBadge.gameFlagBadge{
  width:34px!important;
  height:24px!important;
  border-radius:7px!important;
  font-size:15px!important;
  box-shadow:none!important;
}
.gameV54FeaturedTeam .gameTeamBadge.gameFlagBadge,.gameV54Club .gameTeamBadge.gameFlagBadge{margin-bottom:6px;}
@media(max-width:430px){.gameV54 .gameTeamBadge.gameFlagBadge{width:68px!important;height:48px!important;border-radius:14px!important;font-size:24px!important}.gameV54Pick .gameTeamBadge.gameFlagBadge{width:32px!important;height:22px!important;border-radius:7px!important}}


/* v59 — drapeaux pays propres : l’image pays prime, sans logo provider. */
.gameV54 .gameFlagBadge .gameFlagImg{width:100%!important;height:100%!important;object-fit:cover!important;background:#12031d!important;}
.gameV54 .gameFlagBadge.has-flag-img .gameFlagEmoji{opacity:0!important;}
.gameV54 .gameFlagBadge:not(.has-flag-img) .gameFlagEmoji{opacity:1!important;}


/* v59 final — client propre : aucune notification technique provider, drapeaux rectangulaires pays */
.gameV54Notice:empty{display:none!important;}
.gameV54 .gameTeamBadge.gameFlagBadge{
  width:82px!important;
  height:56px!important;
  min-width:82px!important;
  min-height:56px!important;
  padding:0!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:#12031d!important;
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.24)!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
}
.gameV54 .gameFlagBadge .gameFlagImg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  background:#12031d!important;
}
.gameV54 .gameFlagBadge.has-flag-img .gameFlagEmoji{opacity:0!important;}
.gameV54 .gameFlagBadge:not(.has-flag-img) .gameFlagEmoji{opacity:1!important;font-size:30px!important;}
.gameV54Pick .gameTeamBadge.gameFlagBadge{
  width:36px!important;
  height:24px!important;
  min-width:36px!important;
  min-height:24px!important;
  border-radius:7px!important;
  box-shadow:none!important;
}
@media(max-width:430px){
  .gameV54 .gameTeamBadge.gameFlagBadge{width:72px!important;height:50px!important;min-width:72px!important;min-height:50px!important;border-radius:14px!important;}
}


/* v59 — drapeaux rectangulaires propres, aucun crop circulaire */
.gameV54 .gameTeamBadge.gameFlagBadge{
  width:82px!important;height:56px!important;min-width:82px!important;min-height:56px!important;
  padding:4px!important;border-radius:14px!important;overflow:hidden!important;background:#12031d!important;
}
.gameV54 .gameFlagBadge .gameFlagImg{
  position:relative!important;inset:auto!important;width:100%!important;height:100%!important;object-fit:contain!important;display:block!important;background:#12031d!important;
}
.gameV54Pick .gameTeamBadge.gameFlagBadge{width:38px!important;height:26px!important;min-width:38px!important;min-height:26px!important;padding:2px!important;border-radius:7px!important;}
.gameV54 .gameFlagBadge.has-flag-img .gameFlagEmoji{opacity:0!important;}
.gameV54 .gameFlagBadge:not(.has-flag-img) .gameFlagEmoji{opacity:1!important;font-size:28px!important;}


/* v59 final — drapeaux pays lisibles, sans crop */
.gameV54 .gameTeamBadge.gameFlagBadge{display:grid!important;place-items:center!important;overflow:hidden!important;background:#12031d!important;}
.gameV54 .gameFlagBadge .gameFlagImg{position:relative!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;inset:auto!important;transform:none!important;width:100%!important;height:100%!important;object-fit:contain!important;background:#12031d!important;border-radius:0!important;}
.gameV54 .gameFlagBadge.has-flag-img .gameFlagEmoji{display:none!important;opacity:0!important;}
.gameV54 .gameFlagBadge:not(.has-flag-img) .gameFlagEmoji{display:grid!important;place-items:center!important;opacity:1!important;}

/* 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}}