/* Bundle généré : styles.css + theme.css + icons-admin.css + header-account.css + admin-overrides.css + navigation.css (préfixe commun aux pages boutique publiques, regroupé pour réduire le nombre de requêtes HTTP). */
/* === styles.css === */
:root{--ink:#161420;--cream:#fff7ea;--pink:#ff4e86;--orange:#ff9b59;--purple:#714bcc;--muted:#746f7c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{
  margin:0;
  min-height:100vh;
  background:
    radial-gradient(circle at 14% 28%,rgba(255,54,148,.10) 0%,rgba(255,54,148,.035) 28%,transparent 48%),
    radial-gradient(circle at 86% 62%,rgba(125,70,255,.13) 0%,rgba(125,70,255,.04) 30%,transparent 55%),
    linear-gradient(135deg,#100e18 0%,#151226 48%,#19142a 100%);
  background-attachment:fixed;
  color:var(--ink);
  font-family:Manrope,sans-serif;
}.noise{position:fixed;inset:0;opacity:.05;pointer-events:none;z-index:9;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}a{text-decoration:none;color:inherit}button,input{font:inherit}.site-header{height:76px;padding:0 4.8vw;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:5;width:100%;color:#fff}.brand,.footer-brand{font-family:Anton,sans-serif;font-size:27px;line-height:.68;letter-spacing:.5px;display:flex;flex-direction:column}.brand i,.footer-brand i{font-size:15px;color:var(--pink);font-style:normal;letter-spacing:4.6px;margin-left:2px}.site-header nav{display:flex;gap:27px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.site-header nav a{opacity:.68}.site-header nav a.active,.site-header nav a:hover{opacity:1;color:var(--pink)}.head-actions{display:flex;align-items:center;gap:14px}.icon-btn,.bag,.menu{background:transparent;border:0;color:inherit;cursor:pointer}.icon-btn{font-size:27px}.account-btn{background:#ffffff1f;color:#fff;border:1px solid #ffffff38;padding:9px 12px;border-radius:30px;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.8px;cursor:pointer}.dot{height:7px;width:7px;background:#6ce5b7;display:inline-block;border-radius:50%;margin-right:7px}.bag{font-family:DM Mono;font-size:11px;border-left:1px solid #ffffff55;padding-left:13px}.bag b{background:var(--pink);border-radius:50%;display:inline-grid;place-items:center;height:18px;width:18px;margin-left:5px}.menu{display:none;font-size:24px}.hero{min-height:700px;height:100vh;max-height:850px;background:#221e4c;color:#fff;position:relative;overflow:hidden;padding:147px 8.5vw 80px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#171636e8 0%,#211e4b8a 46%,#f7557c05 100%);z-index:1}.hero-copy{max-width:610px;position:relative;z-index:2}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2px;font-weight:800;margin:0 0 15px;color:var(--pink)}h1,h2,h3{font-family:Anton,sans-serif;font-weight:400;letter-spacing:.5px;line-height:.91;margin:0}h1{font-size:clamp(58px,7.6vw,122px)}h1 em,h2 em{font-style:normal;color:var(--pink)}.hero-text{max-width:400px;font-size:14px;line-height:1.8;margin:27px 0;color:#e1deef}.hero-ctas{display:flex;gap:13px}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:14px 18px;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:800;cursor:pointer}.btn.hot{background:var(--pink);color:#fff;box-shadow:5px 5px 0 #b8295a}.btn.hot:hover{background:#f83a75;transform:translate(1px,1px);box-shadow:3px 3px 0 #b8295a}.btn.line{border:1px solid #ffffff85;color:#fff}.hero-art{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 75% 24%,#ffcc87 0 5%,#ff8183 18%,#8a4abb 41%,#292052 70%)}.sun{position:absolute;width:min(42vw,570px);aspect-ratio:1;border-radius:50%;right:4vw;top:8%;background:repeating-linear-gradient(0deg,#ffbf88 0 17px,#ff7892 18px 32px);box-shadow:0 0 70px #ff8c89}.city{position:absolute;bottom:24%;right:0;width:70%;height:33%;opacity:.75;background:linear-gradient(90deg,transparent 0 6%,#242052 6% 13%,transparent 13% 16%,#1e1b47 16% 29%,transparent 29% 34%,#292050 34% 42%,transparent 42% 47%,#241f51 47% 59%,transparent 59% 65%,#211d49 65% 77%,transparent 77% 80%,#292051 80% 91%,transparent 91%)}.city:after{content:"";position:absolute;inset:12% 0 0;background:repeating-linear-gradient(90deg,transparent 0 15px,#ffb175 16px 19px,transparent 20px 31px);opacity:.75}.road{position:absolute;bottom:-11%;right:-5%;width:100%;height:42%;background:linear-gradient(120deg,transparent 12%,#201d46 12% 60%,#151332 60%);transform:skewY(-8deg)}.car{position:absolute;right:12%;bottom:16%;width:min(52vw,650px);height:18%;background:linear-gradient(180deg,#fc796c 3%,#d33369 16%,#371e51 18% 58%,#161326 60%);clip-path:polygon(7% 54%,20% 42%,28% 10%,68% 5%,83% 43%,97% 53%,100% 80%,93% 88%,7% 88%,0 80%);filter:drop-shadow(0 20px 16px #100d28)}.car:before{content:"";position:absolute;left:29%;top:14%;width:38%;height:27%;background:#3a3670;clip-path:polygon(15% 0,100% 6%,93% 100%,0 100%);border:2px solid #fd9d8b}.car b{position:absolute;width:13%;aspect-ratio:1;bottom:0;background:#111123;border:7px solid #543458;border-radius:50%}.car b:first-of-type{left:16%}.car b:last-child{right:12%}.hero-art>p{position:absolute;right:5%;top:15%;font-family:Anton;font-size:clamp(38px,5vw,78px);line-height:.78;text-align:right;color:#fff2d5;opacity:.9}.palm{position:absolute;font-size:190px;transform:rotate(-25deg);bottom:23%;color:#1c1b43;z-index:1}.palm-one{right:0}.palm-two{right:40%;font-size:120px}.hero-bottom{position:absolute;z-index:2;bottom:28px;left:8.5vw;right:8.5vw;display:flex;justify-content:space-between;font:10px DM Mono;letter-spacing:1px;color:#c6c1d8}/* =========================================
   TICKER PREMIUM — PRISME MODS
   ========================================= */
.ticker{
  position:relative;
  width:100%;
  overflow:hidden;
  padding:18px 0;
  white-space:nowrap;

  background:
    radial-gradient(circle at 50% 50%,
      rgba(255, 79, 163, .18) 0%,
      rgba(180, 70, 255, .08) 35%,
      transparent 70%),
    linear-gradient(90deg,
      rgba(255, 79, 163, .08) 0%,
      rgba(22, 18, 38, .96) 18%,
      rgba(35, 27, 55, .98) 50%,
      rgba(22, 18, 38, .96) 82%,
      rgba(125, 70, 255, .08) 100%);

  border-top:1px solid rgba(255, 79, 163, .38);
  border-bottom:1px solid rgba(190, 90, 255, .38);

  box-shadow:
    inset 0 10px 30px rgba(255, 79, 163, .06),
    inset 0 -10px 30px rgba(125, 70, 255, .06),
    0 0 20px rgba(255, 79, 163, .08);
}

.ticker::after{
  content:"";
  position:absolute;
  left:20%;
  right:20%;
  bottom:-1px;
  height:1px;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,79,163,.9),
    rgba(190,90,255,.9),
    transparent
  );
  box-shadow:
    0 0 8px rgba(255,79,163,.7),
    0 0 18px rgba(190,90,255,.35);
}

.ticker div{
  position:relative;
  z-index:1;
  display:inline-block;
  width:max-content;

  color:#fff;
  font-family:Anton;
  font-size:clamp(24px, 2vw, 35px);
  letter-spacing:2px;

  text-shadow:
    0 0 4px rgba(255,255,255,.45),
    0 0 12px rgba(255,79,163,.3),
    0 0 24px rgba(255,79,163,.12);

  animation:slide 22s linear infinite;
}

.ticker:hover div{
  animation-play-state:paused;
}.section{padding:120px 8.5vw}.section-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:44px}.section h2,.about h2{font-size:clamp(48px,5.5vw,80px)}.underlink{font-size:12px;text-transform:uppercase;font-weight:800;border-bottom:1px solid;padding-bottom:5px}.underlink span{color:var(--pink);padding-left:10px}.catalog-tools{display:flex;justify-content:space-between;gap:24px;margin-bottom:30px;align-items:center}.search{background:#eee6dc;padding:12px 15px;display:flex;gap:10px;min-width:270px}.search input{background:transparent;border:0;outline:0;width:100%;font-size:12px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{border:1px solid #d4cabe;background:transparent;padding:9px 12px;font-size:10px;font-weight:800;text-transform:uppercase;cursor:pointer}.filter.active,.filter:hover{border-color:var(--ink);background:var(--ink);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.product{cursor:pointer}.product-art{height:255px;position:relative;overflow:hidden;background:var(--bg);display:flex;align-items:flex-end;padding:18px}.product-art:after{content:"";position:absolute;width:140%;height:45%;bottom:5%;left:-15%;background:var(--shape);clip-path:polygon(5% 60%,26% 42%,37% 2%,73% 5%,86% 39%,98% 62%,100% 86%,4% 86%);filter:drop-shadow(0 13px 9px #0004)}.product-art:before{content:"";width:65%;aspect-ratio:1;position:absolute;right:5%;top:7%;border-radius:50%;background:var(--orb);opacity:.7}.badge{position:relative;z-index:2;background:#161420;color:#fff;font:9px DM Mono;padding:5px 7px}.product-info{padding:13px 1px}.product-info div{display:flex;justify-content:space-between;gap:8px}.product-info h3{font-family:Manrope;font-size:13px;font-weight:800;letter-spacing:0;line-height:1.3}.product-info b{font-family:DM Mono;font-size:12px}.product-info p{font-size:10px;color:var(--muted);margin:5px 0 0}.gallery{
  position:relative;
  overflow:hidden;
  color:var(--cream);
  /* Le fond est maintenant géré par body pour continuer sans rupture */
  background:transparent;
}
.gallery-intro{max-width:260px;font-size:13px;line-height:1.7;color:#c2bdcf}.gallery-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:200px 200px;gap:12px}.g-card{padding:16px;display:flex;align-items:flex-end;font:22px Anton;letter-spacing:1px;position:relative;overflow:hidden;background:#8846ac}.g-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#141128ad,transparent 70%)}.g-card span{position:relative;z-index:1}.g1{grid-row:span 2;background:radial-gradient(circle at 66% 25%,#ffca86 0 8%,#ff627f 29%,#56379a 65%)}.g2{background:linear-gradient(135deg,#dc416e,#ff935c)}.g3{background:linear-gradient(130deg,#151d48,#5a58b5 60%,#ff7e85)}.g4{grid-column:span 2;background:linear-gradient(120deg,#29253c 25%,#e45b6d 25% 38%,#ffb474 38%)}.about{padding:120px 8.5vw;display:grid;grid-template-columns:.45fr 1.4fr 1fr .8fr;gap:35px;align-items:center}.about-symbol{font-size:75px;color:var(--pink)}.about>p{font-size:13px;line-height:1.9;color:#514c59}.round-link{border-radius:50%;height:140px;width:140px;background:var(--purple);color:#fff;padding:41px 20px;font-size:11px;text-transform:uppercase;font-weight:800;line-height:1.6;transform:rotate(-8deg)}.round-link b{font-size:19px;color:#ff9b59}.benefits{padding:0 8.5vw 120px;display:grid;grid-template-columns:repeat(3,1fr);gap:0}.benefits article{border-top:2px solid var(--ink);padding:15px 15px 0 0}.benefits article+article{padding-left:20px;border-left:1px solid #cfc6bb}.benefits span{font:10px DM Mono;color:var(--pink)}.benefits h3{font-size:30px;margin:21px 0 14px}.benefits p{font-size:12px;line-height:1.6;color:var(--muted);max-width:190px}footer{padding:50px 8.5vw;background:#151321;color:#fff;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end}.footer-links{display:flex;gap:24px;font-size:11px;text-transform:uppercase;font-weight:700}.legal{text-align:right;display:flex;justify-content:flex-end;gap:13px;font:9px DM Mono;color:#aaa5b5}.panel{z-index:20;position:fixed;right:0;top:0;width:min(420px,100%);height:100%;background:#fffaf1;transform:translateX(105%);transition:.35s;padding:29px;display:flex;flex-direction:column}.panel.open,.modal.open{transform:translateX(0);opacity:1;pointer-events:auto}.panel-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd2c4;padding-bottom:19px}.panel h3{font-size:28px}.close{border:0;background:transparent;font-size:30px;cursor:pointer;line-height:1}.cart-items{flex:1;padding:15px 0;overflow:auto}.empty{font-size:13px;color:var(--muted);text-align:center;margin-top:60px}.cart-item{display:grid;grid-template-columns:70px 1fr auto;gap:12px;padding:10px 0;border-bottom:1px solid #e6ddd0;align-items:center}.cart-thumb{height:60px;background:var(--bg)}.cart-item b{font-size:12px}.cart-item small{font:11px DM Mono;display:block;margin-top:5px}.cart-item button{border:0;background:0;font-size:17px;color:var(--pink);cursor:pointer}.cart-bottom{border-top:1px solid #ddd2c4;padding-top:16px}.cfx-field{display:block;margin-bottom:10px}.cfx-field span{display:block;font:9px DM Mono;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:6px}.cfx-field input{width:100%;border:1px solid #d5cbbc;background:transparent;padding:10px;outline:0;font-size:12px;box-sizing:border-box}.cfx-field input:focus{border-color:var(--pink)}.promo{display:flex;border:1px solid #d5cbbc}.promo input{width:100%;border:0;background:transparent;padding:10px;outline:0;font-size:11px}.promo button{border:0;background:#e7dfd5;text-transform:uppercase;font-size:9px;font-weight:800;padding:0 10px;cursor:pointer}.total{display:flex;justify-content:space-between;margin:18px 0;font-size:13px}.total strong{font:20px DM Mono}.full{width:100%}.cart-bottom small{display:block;text-align:center;color:var(--muted);font-size:9px;margin-top:14px}.overlay{z-index:15;position:fixed;inset:0;background:#151225a8;opacity:0;pointer-events:none;transition:.2s}.overlay.open{opacity:1;pointer-events:auto}.modal{z-index:21;position:fixed;inset:50% auto auto 50%;width:min(850px,calc(100vw - 30px));background:#fffaf1;transform:translate(-50%,-45%);opacity:0;pointer-events:none;transition:.25s;box-shadow:0 24px 80px #0007}.modal.open{transform:translate(-50%,-50%)}.modal>.close{position:absolute;right:16px;top:11px;z-index:2}.modal-art{height:330px;background:#7746a8;position:relative;overflow:hidden}.modal-art:after{content:"";position:absolute;background:var(--shape);width:80%;height:43%;left:10%;bottom:12%;clip-path:polygon(5% 60%,26% 42%,37% 2%,73% 5%,86% 39%,98% 62%,100% 86%,4% 86%)}.modal-detail{padding:30px}.modal-detail h2{font-size:43px;margin-bottom:13px}.modal-detail>p{font-size:13px;line-height:1.7;max-width:570px;color:#504b59}.credits{border-top:1px solid #ded5c9;margin-top:22px;padding-top:12px;font-size:10px}.credits span{color:var(--muted);margin-right:14px}.modal-buy{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.modal-buy>strong{font:22px DM Mono}.account-modal{max-width:740px}.login{padding:55px 75px;text-align:center}.discord-mark{font-size:52px;color:#5c68db}.login h2{font-size:61px;margin:12px}.login>p:not(.eyebrow){max-width:400px;margin:20px auto;color:#5d5765;font-size:13px;line-height:1.8}.discord-btn{background:#5865f2;color:#fff;border:0;padding:15px 25px;font-weight:800;cursor:pointer}.login small{display:block;margin-top:15px;color:var(--muted);font-size:10px}.dashboard{padding:37px}.hidden{display:none!important}.dash-head{display:flex;align-items:center;gap:12px;border-bottom:1px solid #ded5c9;padding-bottom:20px}.avatar{background:linear-gradient(135deg,#ff9365,#f84683);height:44px;width:44px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:800}.dash-head p{font:9px DM Mono;color:var(--pink);margin:0 0 5px}.dash-head h3{font:22px Manrope;font-weight:800;letter-spacing:0}.dash-head h3 span{color:var(--muted);font-size:12px}.admin-chip{margin-left:auto;border:1px solid var(--ink);background:transparent;padding:8px;font-size:9px;text-transform:uppercase;font-weight:800;cursor:pointer}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.dash-stats article{background:#f1e9de;padding:15px}.dash-stats span,.admin-stats span{font:9px DM Mono;color:var(--muted);display:block}.dash-stats strong{font:20px Anton;display:block;margin-top:6px}.dash-tabs{border-bottom:1px solid #ded5c9;display:flex;gap:20px}.dash-tab{border:0;background:transparent;text-transform:uppercase;font-size:10px;font-weight:800;padding:10px 0;cursor:pointer}.dash-tab.active{color:var(--pink);border-bottom:2px solid var(--pink)}.dash-content{padding-top:13px}.order,.ticket{display:flex;align-items:center;gap:12px;border-bottom:1px solid #eee6dd;padding:11px 0}.mini-art{height:39px;width:47px;background:#653d9e}.a2{background:#e46372}.order b,.ticket b{font-size:11px}.order small,.ticket small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.order button{margin-left:auto;border:0;background:transparent;text-transform:uppercase;font-size:9px;font-weight:800;cursor:pointer}.ticket{margin-top:17px;justify-content:space-between}.ticket span{font:9px DM Mono;color:#eb3975}.admin-modal{max-width:900px;padding:40px}.admin-head{display:flex;justify-content:space-between;align-items:center}.admin-head h2{font-size:45px}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.admin-stats article{background:#211e37;color:#fff;padding:19px}.admin-stats strong{font:28px Anton;display:block;margin:9px 0}.admin-stats small{font-size:9px;color:#a8e9bd}.admin-table{font-size:11px}.table-head,.table-row{display:grid;grid-template-columns:2fr 1fr .6fr .5fr;gap:10px;padding:12px;border-bottom:1px solid #e3dad0}.table-head{font:9px DM Mono;color:var(--muted)}.table-row i{font-style:normal;color:#4d9d6c}.webhook-note{font:10px DM Mono;color:#4d9d6c;margin:19px 0 0}.toast{position:fixed;z-index:30;bottom:25px;left:50%;transform:translate(-50%,100px);background:#1d1933;color:#fff;padding:13px 18px;font-size:11px;box-shadow:4px 4px 0 var(--pink);transition:.3s}.toast.show{transform:translate(-50%,0)}@keyframes slide{to{transform:translateX(-50%)}}@media(max-width:800px){.site-header{padding:0 20px}.site-header nav,.account-btn,.search-toggle{display:none}.menu{display:block}.hero{min-height:670px;padding:155px 24px 80px}.hero:before{background:#17152bd4}.hero-art{opacity:.65}.hero-copy{max-width:390px}.hero-text{font-size:13px}.section{padding:72px 24px}.section-title{align-items:flex-start;gap:20px}.catalog-tools{display:block}.search{margin-bottom:14px;width:100%}.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.product-art{height:175px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:180px 150px 150px}.g1{grid-row:span 2}.g4{grid-column:span 2}.about{padding:72px 24px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.about-symbol{display:none}.about>p{grid-column:span 2}.round-link{grid-column:span 2}.benefits{padding:0 24px 70px}.benefits h3{font-size:21px}.benefits article+article{padding-left:10px}.benefits p{font-size:10px}footer{padding:38px 24px;grid-template-columns:1fr 1fr;gap:32px}.legal{grid-column:span 2;justify-content:flex-start}.footer-links{flex-direction:column;gap:7px}.modal-art{height:220px}.login{padding:48px 25px}.login h2{font-size:50px}.admin-modal{padding:28px 20px}.admin-stats{grid-template-columns:1fr}.table-head,.table-row{grid-template-columns:1.4fr 1fr .5fr}.table-head span:last-child,.table-row i{display:none}.hero-art>p{right:8%;top:20%}}
.hero-slides{position:absolute;inset:0}
.hero-slide{position:absolute;inset:0;opacity:0;background-size:cover;background-position:center;transform:scale(1.06);transition:opacity 1.4s ease}
.hero-slide.active{opacity:1;animation:hero-ken-burns 7s ease-out forwards}
.hero-slide-default{background:radial-gradient(circle at 75% 24%,#ffcc87 0 5%,#ff8183 18%,#8a4abb 41%,#292052 70%)}
@keyframes hero-ken-burns{from{transform:scale(1.06)}to{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:opacity .4s ease;animation:none!important;transform:none}}
.text {
  color: #ffffff;

  text-shadow:
    0 0 5px rgba(255, 255, 255, 1),
    0 0 12px rgba(255, 255, 255, 0.9),
    0 0 25px rgba(255, 255, 255, 0.65),
    0 0 40px rgba(255, 255, 255, 0.4),
    0 0 70px rgba(255, 255, 255, 0.2);
}

.text em {
  font-style: normal;

  background: linear-gradient(
    to bottom,
    #ffffff 0%,
    #ffffff 35%,
    #ffe8f4 60%,
    #ffb3d8 78%,
    #f84cab 100%
  );

  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;

  text-shadow:
    0 0 5px rgba(255, 255, 255, 1),
    0 0 12px rgba(255, 180, 220, 0.9),
    0 0 25px rgba(255, 90, 180, 0.75),
    0 0 45px rgba(255, 60, 165, 0.55),
    0 0 70px rgba(255, 60, 165, 0.35);
}

.nav-icon,
.nav-icon path {
  fill: #ffffff !important;
}

.nav-icon {
  filter:
    drop-shadow(0 0 3px rgba(255, 255, 255, 0.8))
    drop-shadow(0 0 7px rgba(255, 79, 163, 0.8))
    drop-shadow(0 0 14px rgba(255, 79, 163, 0.6));
}
@import url("apple-font.css");
@import url("commerce-ui.css");
@import url("design-exact.css");


/* =========================================
   SÉPARATEUR GALERIE → SHOP
   ========================================= */

.gallery {
  position: relative;
}

.gallery::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;

  width: 100%;
  height: 2px;

  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 79, 163, 0.12) 10%,
    rgba(255, 79, 163, 0.28) 25%,
    rgba(255, 79, 163, 0.55) 40%,
    #ff4fa3 50%,
    rgba(190, 90, 255, 0.75) 60%,
    rgba(125, 90, 255, 0.35) 75%,
    rgba(125, 90, 255, 0.12) 90%,
    transparent 100%
  );

  box-shadow:
    0 0 3px rgba(255, 255, 255, 0.25),
    0 0 8px rgba(255, 79, 163, 0.5),
    0 0 18px rgba(255, 79, 163, 0.35),
    0 0 30px rgba(190, 90, 255, 0.2);

  z-index: 20;
  pointer-events: none;
}


/* =========================================
   TICKER LIQUID GLASS — STATIQUE ET CENTRÉ
   ========================================= */

.ticker{
  position:relative;
  width:100%;
  overflow:hidden;
  padding:14px 24px;

  display:flex;
  align-items:center;
  justify-content:center;

  background:
    linear-gradient(110deg,
      rgba(255,255,255,.10),
      rgba(255,255,255,.035) 30%,
      rgba(255,255,255,.02) 70%,
      rgba(255,255,255,.08)
    ),
    linear-gradient(90deg,
      rgba(255,79,163,.09),
      rgba(130,90,255,.06) 50%,
      rgba(255,79,163,.09)
    );

  border-top:1px solid rgba(255,255,255,.18);
  border-bottom:1px solid rgba(255,255,255,.14);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(255,255,255,.04),
    0 8px 24px rgba(0,0,0,.10);

  backdrop-filter:blur(18px) saturate(125%);
  -webkit-backdrop-filter:blur(18px) saturate(125%);

  transition:
    border-color .35s ease,
    box-shadow .35s ease,
    background .35s ease;
}

.ticker::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(
    180deg,
    rgba(255,255,255,.08),
    transparent 45%
  );
}

.ticker::after{
  content:"";
  position:absolute;
  left:20%;
  right:20%;
  bottom:0;
  height:1px;
  pointer-events:none;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,79,163,.65),
    rgba(190,90,255,.65),
    transparent
  );
  box-shadow:0 0 12px rgba(255,79,163,.35);
}

.ticker div{
  position:relative;
  z-index:1;

  display:block;
  width:auto;
  padding:0;
  margin:0;

  text-align:center;
  white-space:normal;

  color:#fff;
  font-family:Anton, sans-serif;
  font-size:clamp(22px,2vw,34px);
  font-weight:400;
  letter-spacing:2px;

  text-shadow:
    0 0 5px rgba(255,255,255,.40),
    0 0 12px rgba(255,79,163,.22);

  animation:none !important;
  transform:none;

  transition:
    transform .35s ease,
    letter-spacing .35s ease,
    text-shadow .35s ease;
}

/* Supprime complètement la répétition */
.ticker div::after{
  content:none !important;
  display:none !important;
}

/* Effet au survol */
.ticker:hover{
  border-top-color:rgba(255,255,255,.32);
  border-bottom-color:rgba(255,79,163,.32);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -1px 0 rgba(255,79,163,.08),
    0 0 18px rgba(255,79,163,.12),
    0 12px 32px rgba(0,0,0,.16);
}

.ticker:hover div{
  transform:scale(1.018);
  letter-spacing:3px;
  text-shadow:
    0 0 6px rgba(255,255,255,.65),
    0 0 14px rgba(255,79,163,.50),
    0 0 28px rgba(255,79,163,.25);
}

/* =========================================
   FOOTER — LIQUID GLASS PRISME MODS
   ========================================= */
footer{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    linear-gradient(135deg,
      rgba(255,255,255,.075) 0%,
      rgba(255,255,255,.025) 32%,
      rgba(255,79,163,.035) 68%,
      rgba(125,90,255,.055) 100%),
    rgba(9,8,20,.58) !important;
  border-top:0;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 18px 45px rgba(255,79,163,.025),
    0 0 35px rgba(0,0,0,.06);
  backdrop-filter:blur(24px) saturate(145%);
  -webkit-backdrop-filter:blur(24px) saturate(145%);
}
footer::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 12% 0%,rgba(255,79,163,.18),transparent 34%),radial-gradient(circle at 88% 100%,rgba(125,90,255,.16),transparent 38%),linear-gradient(90deg,transparent,rgba(255,255,255,.025) 48%,transparent)}
footer::after{content:none;display:none}
.footer-brand{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.16),0 0 20px rgba(255,79,163,.12)}
.footer-links a,.legal{position:relative;z-index:1}.footer-links a{color:rgba(255,255,255,.72);transition:color .25s ease,text-shadow .25s ease,transform .25s ease}.footer-links a:hover{color:#fff;text-shadow:0 0 10px rgba(255,79,163,.55);transform:translateY(-1px)}.legal{color:rgba(255,255,255,.48)}


/* Paiement PayPal */
.paypal-buttons{margin-top:10px;min-height:48px}.paypal-buttons.hidden{display:none}


/* === PRISME ESPACE CLIENT — CORRECTIF DESIGN INTÉGRÉ === */

/* =========================================================
   PRISME MODS — ESPACE CLIENT / CONNEXION DISCORD
   ========================================================= */
#account.account-modal{
  width:min(1000px,calc(100vw - 32px));
  max-width:1000px;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
#account.account-modal.open{transform:translate(-50%,-50%)}
#account.account-modal>.close{
  width:42px;height:42px;border:1px solid rgba(255,255,255,.12);
  border-radius:50%;background:rgba(11,13,26,.78);color:#fff;
  font-size:22px;line-height:1;display:grid;place-items:center;
  top:18px;right:18px;cursor:pointer;transition:.2s;z-index:20;
}
#account.account-modal>.close:hover{border-color:#ff4f93;color:#ff6ca8;transform:rotate(90deg)}

.prismlogin{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:690px;
  padding:46px 72px 44px;
  text-align:center;
  color:#f5f2f0;
  border:1px solid rgba(115,126,180,.38);
  border-radius:34px;
  background:
    radial-gradient(circle at 12% 12%,rgba(234,47,139,.12),transparent 24%),
    radial-gradient(circle at 88% 84%,rgba(48,103,255,.13),transparent 27%),
    linear-gradient(135deg,rgba(23,22,39,.98),rgba(9,14,28,.98));
  box-shadow:0 34px 110px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.05);
}
.prismlogin:before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,65,150,.62),transparent 19%,transparent 78%,rgba(63,125,255,.62)) top/100% 1px no-repeat,
    linear-gradient(135deg,rgba(255,50,145,.18),transparent 34%,transparent 67%,rgba(50,114,255,.16));
  opacity:.95;
}
.prismlogin:after{
  content:"";position:absolute;left:50%;bottom:-180px;transform:translateX(-50%);
  width:600px;height:260px;border-radius:50%;
  background:radial-gradient(ellipse,rgba(238,35,132,.13),rgba(60,92,255,.06) 43%,transparent 70%);
  filter:blur(12px);z-index:-1;
}
.prism-login-bg span{position:absolute;display:block;z-index:-1;pointer-events:none}
.prism-login-bg span:nth-child(1){width:420px;height:2px;left:-180px;bottom:130px;transform:rotate(59deg);background:linear-gradient(90deg,transparent,#ff2f8a,transparent);box-shadow:0 0 22px rgba(255,40,137,.8)}
.prism-login-bg span:nth-child(2){width:380px;height:2px;right:-160px;bottom:120px;transform:rotate(-58deg);background:linear-gradient(90deg,transparent,#2e7bff,transparent);box-shadow:0 0 22px rgba(46,123,255,.75)}
.prism-login-bg span:nth-child(3){width:3px;height:3px;right:11%;top:15%;border-radius:50%;background:#ff4b9a;box-shadow:-120px 180px 0 #314fc8,80px 280px 0 #e8338a,0 0 30px 8px rgba(255,67,155,.25)}

.prism-login-logo{
  width:88px;height:88px;margin:0 auto 23px;
  display:grid;place-items:center;border-radius:26px;
  font-size:49px;line-height:1;color:#fff;
  background:linear-gradient(135deg,rgba(255,69,150,.96),rgba(99,80,230,.92) 55%,rgba(57,120,255,.95));
  box-shadow:0 12px 36px rgba(117,57,238,.28),inset 0 1px 1px rgba(255,255,255,.3);
  transform:rotate(-7deg);
}
.prism-login-kicker{display:flex;align-items:center;justify-content:center;gap:26px;margin-bottom:14px}
.prism-login-kicker span{width:48px;height:1px;background:linear-gradient(90deg,transparent,#ff4e9a)}
.prism-login-kicker span:last-child{background:linear-gradient(90deg,#5b8cff,transparent)}
.prismlogin .eyebrow{
  margin:0;color:#ff70ae;font:800 12px/1 'DM Mono',monospace;
  letter-spacing:.42em;text-transform:uppercase;
}
.prismlogin h2{
  margin:0;color:#f7f4f0;font-family:'Anton',Impact,sans-serif;
  font-size:clamp(66px,9vw,116px);font-weight:400;line-height:.9;letter-spacing:.015em;
  text-shadow:0 10px 30px rgba(0,0,0,.25);
}
.prismlogin h2 em{
  color:#f02f83;font-style:normal;
  background:linear-gradient(180deg,#ff61aa,#f01f78);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  text-shadow:0 16px 38px rgba(240,31,120,.28);
}
.prism-login-separator{display:flex;align-items:center;gap:18px;max-width:650px;margin:30px auto 25px}
.prism-login-separator span{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22))}
.prism-login-separator span:last-child{background:linear-gradient(90deg,rgba(255,255,255,.22),transparent)}
.prism-login-separator b{font-size:19px;color:#a98cff;font-weight:400}
.prism-login-copy{display:flex;align-items:center;justify-content:center;gap:18px;margin:0 auto 32px}
.prism-login-copy-icon{
  width:72px;height:72px;flex:0 0 72px;border-radius:18px;display:grid;place-items:center;
  border:1px solid rgba(142,113,207,.22);
  background:linear-gradient(135deg,rgba(67,45,94,.55),rgba(25,25,50,.68));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.prism-login-copy-icon svg{width:31px;height:31px;fill:none;stroke:#ff5aa2;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.prismlogin .prism-login-copy p{
  max-width:590px;margin:0;text-align:left;color:#aeadb8;
  font-size:17px;line-height:1.65;letter-spacing:.01em;
}
.prismlogin .prism-login-copy strong{font-weight:800;color:#ff70ae}
.prismlogin .prism-login-copy strong:nth-child(2){color:#b793ff}
.prismlogin .prism-login-copy strong:nth-child(3){color:#63a4ff}

.prismlogin .discord-btn{
  width:min(700px,100%);min-height:98px;margin:0 auto;
  display:flex;align-items:center;gap:22px;padding:12px 20px 12px 18px;
  border:1px solid transparent;border-radius:20px;
  color:#f7f4f5;background:
    linear-gradient(#11162a,#11162a) padding-box,
    linear-gradient(90deg,#ef3189,#7a54e9 52%,#2f82ff) border-box;
  box-shadow:0 14px 40px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.025) inset;
  font:800 14px 'Manrope',sans-serif;letter-spacing:.24em;text-align:left;cursor:pointer;
  transition:transform .22s,box-shadow .22s,filter .22s;
}
.prismlogin .discord-btn:hover{transform:translateY(-3px);filter:brightness(1.1);box-shadow:0 18px 48px rgba(43,56,150,.26),0 0 28px rgba(239,49,137,.13)}
.discord-btn-icon{
  width:60px;height:60px;flex:0 0 60px;display:grid;place-items:center;border-radius:16px;
  background:linear-gradient(135deg,rgba(88,58,158,.45),rgba(46,57,129,.62));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.discord-btn-icon svg{width:31px;height:31px;fill:#e9e7ff}
.prismlogin .discord-btn i{margin-left:auto;color:#b981ff;font-style:normal;font-size:42px;font-weight:300;line-height:1}
.prism-login-notice{
  width:max-content;max-width:calc(100% - 40px);margin:27px auto 0!important;padding:15px 24px!important;
  display:flex!important;align-items:center;justify-content:center;gap:13px;
  color:#aaa8b5!important;font:500 12px/1.4 'Manrope',sans-serif!important;
  letter-spacing:.02em;background:rgba(29,27,48,.72);border-radius:14px;
  border:1px solid rgba(255,255,255,.035);
}
.prism-login-notice span{color:#ff5ca4;font-size:18px}

@media (max-width:700px){
  #account.account-modal{width:calc(100vw - 20px)}
  .prismlogin{min-height:auto;padding:42px 22px 28px;border-radius:25px}
  .prism-login-logo{width:70px;height:70px;border-radius:21px;font-size:39px;margin-bottom:20px}
  .prismlogin .eyebrow{font-size:10px;letter-spacing:.28em}
  .prismlogin h2{font-size:68px}
  .prism-login-copy{align-items:flex-start;gap:13px}
  .prism-login-copy-icon{width:56px;height:56px;flex-basis:56px;border-radius:15px}
  .prismlogin .prism-login-copy p{font-size:13px;text-align:left}
  .prismlogin .discord-btn{min-height:78px;font-size:10px;letter-spacing:.16em;gap:13px;border-radius:16px}
  .discord-btn-icon{width:48px;height:48px;flex-basis:48px;border-radius:13px}
  .discord-btn-icon svg{width:25px;height:25px}
  .prismlogin .discord-btn i{font-size:31px}
  .prism-login-notice{padding:12px 14px!important;font-size:10px!important}
}

/* Sécurité : empêcher tout SVG du nouvel écran de reprendre sa taille par défaut. */
#login-view.prismlogin svg{
  display:block;
  box-sizing:border-box;
}
#login-view.prismlogin .prism-login-copy-icon svg{
  width:31px !important;
  height:31px !important;
  min-width:31px !important;
  max-width:31px !important;
  min-height:31px !important;
  max-height:31px !important;
  fill:none !important;
  stroke:#ff5aa2 !important;
}
#login-view.prismlogin .discord-btn-icon svg{
  width:31px !important;
  height:31px !important;
  min-width:31px !important;
  max-width:31px !important;
  min-height:31px !important;
  max-height:31px !important;
  fill:#e9e7ff !important;
  stroke:none !important;
}


/* === PRISME ESPACE CLIENT — FORMAT COMPACT === */
#account.account-modal{
  width:min(720px,calc(100vw - 32px)) !important;
  max-width:720px !important;
}
#account .prismlogin{
  min-height:auto !important;
  padding:30px 42px 28px !important;
  border-radius:24px !important;
}
#account .prism-login-logo{
  width:58px !important;
  height:58px !important;
  margin:0 auto 14px !important;
  border-radius:18px !important;
  font-size:31px !important;
}
#account .prism-login-kicker{
  gap:18px !important;
  margin-bottom:8px !important;
}
#account .prism-login-kicker span{width:34px !important}
#account .prismlogin .eyebrow{
  font-size:10px !important;
  letter-spacing:.32em !important;
}
#account .prismlogin h2{
  font-size:72px !important;
  line-height:.88 !important;
}
#account .prism-login-separator{
  margin:20px auto 18px !important;
  max-width:500px !important;
}
#account .prism-login-copy{
  gap:14px !important;
  margin-bottom:22px !important;
}
#account .prism-login-copy-icon{
  width:54px !important;
  height:54px !important;
  flex-basis:54px !important;
  border-radius:15px !important;
}
#account .prism-login-copy-icon svg{
  width:25px !important;
  height:25px !important;
  min-width:25px !important;
  min-height:25px !important;
}
#account .prismlogin .prism-login-copy p{
  max-width:480px !important;
  font-size:14px !important;
  line-height:1.55 !important;
}
#account .prismlogin .discord-btn{
  width:min(560px,100%) !important;
  min-height:72px !important;
  padding:9px 14px !important;
  gap:16px !important;
  border-radius:16px !important;
  font-size:11px !important;
  letter-spacing:.18em !important;
}
#account .discord-btn-icon{
  width:46px !important;
  height:46px !important;
  flex-basis:46px !important;
  border-radius:13px !important;
}
#account .discord-btn-icon svg{
  width:25px !important;
  height:25px !important;
  min-width:25px !important;
  min-height:25px !important;
}
#account .prismlogin .discord-btn i{
  font-size:30px !important;
}
#account .prism-login-notice{
  margin-top:18px !important;
  padding:11px 17px !important;
  font-size:10px !important;
}
#account .prismlogin:after{
  width:420px !important;
  height:150px !important;
  bottom:-120px !important;
}

@media (max-width:700px){
  #account.account-modal{width:calc(100vw - 20px) !important}
  #account .prismlogin{padding:28px 20px 22px !important}
  #account .prismlogin h2{font-size:54px !important}
  #account .prismlogin .prism-login-copy p{font-size:12px !important}
  #account .prismlogin .discord-btn{font-size:9px !important;letter-spacing:.12em !important}
}


/* Correctif : suppression complète des éléments décoratifs de l'ancienne section About */
.about, .about-symbol, .about-separator, .section-separator[data-about]{
  display:none !important;
}
#galerie + .section-title:empty,
#galerie + .about-symbol,
#galerie + .about-separator{
  display:none !important;
}


/* === CORRECTIF DÉFINITIF : AUCUN SÉPARATEUR APRÈS LA GALERIE === */
#galerie{
  border-bottom:none !important;
  box-shadow:none !important;
}
#galerie::before,
#galerie::after{
  content:none !important;
  display:none !important;
}
#galerie + .benefits{
  border-top:none !important;
  margin-top:0 !important;
  padding-top:70px !important;
  box-shadow:none !important;
  background-image:none !important;
}
#galerie + .benefits::before,
#galerie + .benefits::after{
  content:none !important;
  display:none !important;
  border:none !important;
  box-shadow:none !important;
}


/* === CONSENTEMENT CONTENU NUMÉRIQUE / DROIT DE RÉTRACTATION === */
.digital-withdrawal-consent{
  width:100%;
  margin:16px 0 14px;
  padding:14px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
}
.digital-consent-label{
  display:flex;
  align-items:flex-start;
  gap:12px;
  cursor:pointer;
  user-select:none;
}
.digital-consent-label input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.digital-consent-custom{
  width:22px;
  height:22px;
  min-width:22px;
  margin-top:2px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.28);
  border-radius:7px;
  background:rgba(10,13,25,.8);
  transition:.2s ease;
}
.digital-consent-custom svg{
  width:14px;
  height:14px;
  fill:none;
  stroke:#fff;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:0;
  transform:scale(.6);
  transition:.2s ease;
}
.digital-consent-label input:checked + .digital-consent-custom{
  border-color:#ff4f9a;
  background:linear-gradient(135deg,#ff3f8f,#8057f5);
  box-shadow:0 0 18px rgba(255,63,143,.22);
}
.digital-consent-label input:checked + .digital-consent-custom svg{
  opacity:1;
  transform:scale(1);
}
.digital-consent-label input:focus-visible + .digital-consent-custom{
  outline:2px solid #fff;
  outline-offset:3px;
}
.digital-consent-text{
  display:flex;
  flex-direction:column;
  gap:4px;
  line-height:1.35;
}
.digital-consent-text strong{
  color:#f4f1f6;
  font-size:12px;
  font-weight:800;
}
.digital-consent-text small{
  color:#9b9aaa;
  font-size:11px;
  line-height:1.5;
}
.digital-consent-error{
  margin-top:8px;
  color:#ff6b8f;
  font-size:11px;
}


/* =========================================================
   PAGE CGU / CGV — PRISME MODS
   ========================================================= */
.legal-page{
  min-height:100vh;
  color:#eeeaf1;
  background:#08090d;
}
.legal-page:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 15% 10%,rgba(125,73,255,.13),transparent 28%),
    radial-gradient(circle at 88% 25%,rgba(255,46,138,.10),transparent 25%);
}
.legal-header{
  position:relative;
  z-index:2;
  width:min(1240px,calc(100% - 48px));
  margin:auto;
  padding:26px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.legal-brand{
  color:#f6f3f8;
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:900;
  letter-spacing:.14em;
  font-size:13px;
}
.legal-brand em{font-style:normal;color:#b890ff}
.legal-brand-mark{
  width:30px;height:30px;border-radius:10px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#ff408f,#7d5cff);
  box-shadow:0 0 22px rgba(159,100,255,.25);
}
.legal-back,.legal-footer a{
  color:#a9a3b2;text-decoration:none;font-size:12px;
  transition:.2s ease;
}
.legal-back:hover,.legal-footer a:hover{color:#fff}
.legal-main{position:relative;z-index:1;width:min(1240px,calc(100% - 48px));margin:auto}
.legal-hero{padding:100px 0 72px;max-width:850px}
.legal-hero .eyebrow{margin-bottom:18px}
.legal-hero h1{
  margin:0;
  font-size:clamp(64px,10vw,132px);
  line-height:.83;
  letter-spacing:-.065em;
  font-weight:900;
}
.legal-hero h1 em,.legal-section h2 em{font-style:italic;font-weight:500}
.legal-lead{
  max-width:660px;
  margin:30px 0 0;
  color:#aaa5b0;
  font-size:17px;
  line-height:1.7;
}
.legal-meta{margin-top:28px;display:flex;align-items:center;gap:12px;color:#6f6975;font-size:11px}
.legal-dot{color:#c693ff}
.legal-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:90px;padding-bottom:100px}
.legal-toc{
  position:sticky;top:25px;align-self:start;
  padding:18px 0 18px 18px;border-left:1px solid rgba(255,255,255,.1);
}
.legal-toc p{margin:0 0 12px;color:#f3eff6;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.15em}
.legal-toc a{display:block;padding:5px 0;color:#77717d;text-decoration:none;font-size:11px;transition:.2s}
.legal-toc a:hover{color:#e8ddff;transform:translateX(3px)}
.legal-content{max-width:800px}
.legal-section{
  position:relative;
  padding:42px 0;
  border-top:1px solid rgba(255,255,255,.075);
}
.legal-section h2{margin:0 0 20px;font-size:clamp(26px,3vw,42px);line-height:.95;letter-spacing:-.035em}
.legal-section p{margin:0 0 14px;color:#aaa5b0;font-size:14px;line-height:1.8}
.legal-section p:last-child{margin-bottom:0}
.legal-section strong{color:#f2edf5}
.legal-number{
  display:block;
  margin-bottom:12px;
  color:#9d73df;
  font-size:10px;font-weight:900;letter-spacing:.2em;
}
.legal-section-intro{
  margin:40px 0 22px;
  padding:60px 0;
  border-top:1px solid rgba(203,154,255,.35);
  border-bottom:1px solid rgba(255,255,255,.075);
}
.legal-section-label{
  display:inline-block;
  margin-bottom:18px;
  color:#d3b3ff;
  font-size:10px;font-weight:900;letter-spacing:.24em;
}
.legal-cgv-start{margin-top:75px}
.legal-highlight{
  padding:42px;
  margin:15px 0;
  border:1px solid rgba(181,113,255,.22);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(111,57,172,.12),rgba(255,65,143,.04));
}
.legal-callout{
  margin:24px 0;
  padding:20px 22px;
  border-left:3px solid #a56aff;
  background:rgba(255,255,255,.035);
  border-radius:0 14px 14px 0;
}
.legal-callout strong{font-size:13px}
.legal-callout p{margin-top:8px;font-size:12px}
.legal-warning{border-left-color:#ff5c91}
.legal-end{
  margin-top:70px;
  padding:65px 0 20px;
  border-top:1px solid rgba(203,154,255,.35);
}
.legal-contact{
  display:inline-flex;align-items:center;gap:20px;
  margin-top:18px;padding:13px 18px 13px 22px;
  color:#fff;text-decoration:none;font-size:11px;font-weight:800;
  border:1px solid rgba(255,255,255,.14);border-radius:999px;
  background:rgba(255,255,255,.04);
}
.legal-contact span{font-size:16px;color:#d6b5ff}
.legal-footer{
  position:relative;z-index:1;
  width:min(1240px,calc(100% - 48px));
  margin:auto;padding:25px 0 40px;
  border-top:1px solid rgba(255,255,255,.07);
  display:flex;justify-content:space-between;gap:20px;
  color:#68626d;font-size:10px;
}
@media(max-width:900px){
  .legal-layout{grid-template-columns:1fr;gap:30px}
  .legal-toc{position:relative;top:auto;display:flex;gap:14px;overflow:auto;padding:12px 0;border-left:0;border-top:1px solid rgba(255,255,255,.1)}
  .legal-toc p{display:none}.legal-toc a{white-space:nowrap}
}
@media(max-width:600px){
  .legal-header,.legal-main,.legal-footer{width:min(100% - 28px,1240px)}
  .legal-header{padding:18px 0}.legal-back{font-size:10px}
  .legal-brand{font-size:11px}
  .legal-hero{padding:65px 0 48px}
  .legal-lead{font-size:14px}
  .legal-meta{flex-wrap:wrap;font-size:9px}
  .legal-section{padding:30px 0}
  .legal-highlight{padding:26px 20px;border-radius:18px}
  .legal-section p{font-size:13px}
  .legal-footer{flex-direction:column}
}

.footer-legal-link{color:#8f8996;text-decoration:none;font-size:11px;margin:8px 12px;display:inline-block}.footer-legal-link:hover{color:#fff}


/* === CORRECTION FOOTER PAGE CGU / CGV === */
.legal-page .legal-footer{
  position:relative !important;
  z-index:2;
  width:100% !important;
  max-width:none !important;
  min-height:82px;
  margin:70px 0 0 !important;
  padding:0 !important;
  display:block !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  background:#0d0e14 !important;
  box-sizing:border-box !important;
}
.legal-page .legal-footer::before,
.legal-page .legal-footer::after{
  content:none !important;
  display:none !important;
}
.legal-page .legal-footer > span,
.legal-page .legal-footer > a{
  position:relative !important;
  z-index:1;
}
.legal-page .legal-footer{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:24px !important;
  padding-left:max(24px, calc((100vw - 1240px) / 2)) !important;
  padding-right:max(24px, calc((100vw - 1240px) / 2)) !important;
}
.legal-page .legal-footer span{
  margin:0 !important;
  color:#74717b !important;
  font-size:11px !important;
  line-height:1.4 !important;
}
.legal-page .legal-footer a{
  margin:0 !important;
  padding:0 !important;
  color:#a9a4b0 !important;
  background:transparent !important;
  border:0 !important;
  font-size:11px !important;
  text-decoration:none !important;
}
.legal-page .legal-footer a:hover{
  color:#ffffff !important;
}
@media(max-width:600px){
  .legal-page .legal-footer{
    min-height:auto;
    margin-top:45px !important;
    padding-top:22px !important;
    padding-bottom:22px !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:10px !important;
  }
}


/* === ICÔNES RÉSEAUX SOCIAUX + SCROLLBAR INVISIBLE === */
html,
body{
  -ms-overflow-style:none;
  scrollbar-width:none;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar,
*::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
  display:none !important;
  background:transparent !important;
}

.footer-links a{
  display:inline-flex;
  align-items:center;
  gap:7px;
}

.footer-links .social-icon{
  width:14px;
  height:14px;
  flex:0 0 14px;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.footer-links .tiktok-icon{
  fill:currentColor;
  stroke:none;
}

.footer-links .instagram-icon{
  fill:none;
}

.footer-links .instagram-dot{
  fill:currentColor;
  stroke:none;
}

/* === theme.css === */
:root{--ink:#f7f1e8;--cream:#100e18;--pink:#ff4e93;--purple:#9a6cff;--muted:#aaa3b7}body{
  min-height:100vh;
  background:
    radial-gradient(circle at 14% 28%,rgba(255,54,148,.10) 0%,rgba(255,54,148,.035) 28%,transparent 48%),
    radial-gradient(circle at 86% 62%,rgba(125,70,255,.13) 0%,rgba(125,70,255,.04) 30%,transparent 55%),
    linear-gradient(135deg,#100e18 0%,#151226 48%,#19142a 100%);
  background-attachment:fixed;
}h1 em,h2 em{text-shadow:0 0 20px #ff4e9388}.shop{
  position:relative;
  overflow:hidden;
  /* Transparent : le fond continu est celui de body */
  background:transparent;
}
.btn.hot{box-shadow:5px 5px 0 #b8295a,0 0 20px #ff4e9380}.btn.hot:hover{box-shadow:3px 3px 0 #b8295a,0 0 28px #ff4e93}.product-art{box-shadow:inset 0 0 0 1px #fff3}.new-badge{position:absolute;z-index:3;right:12px;top:12px;background:var(--pink);color:#fff;padding:6px 8px;font:9px DM Mono;font-weight:500;letter-spacing:.5px;box-shadow:0 0 17px #ff4e93}.product-info b{color:#ffb273}.about{
  position:relative;
  overflow:hidden;
  background:transparent;
}

/* Le fond reste continu grâce au background global du body */
.benefits{
  background:transparent;
}.about>p{color:#c1bacb}.about-symbol{color:var(--pink);text-shadow:0 0 30px #ff4e93}.round-link{background:var(--purple);box-shadow:0 0 25px #9a6cff88}.benefits article{border-color:#f7f1e8}.benefits article+article{border-left-color:#ffffff33}footer{background:#08070d}.panel,.modal{background:#181420;color:#f7f1e8}.panel-top,.cart-bottom,.cart-item,.credits,.dash-head,.dash-tabs,.order,.ticket{border-color:#ffffff20}.promo{border-color:#ffffff36}.promo button,.dash-stats article{background:#292238;color:#f7f1e8}.modal-detail>p{color:#c1bacb}.admin-chip{color:#f7f1e8;border-color:#f7f1e8}.table-row{border-color:#ffffff22}.close{color:#f7f1e8}.search{background:#262030}.filter{color:#f7f1e8;border-color:#ffffff4d}

/* =========================================
   SÉPARATEUR GALERIE → SHOP
   ========================================= */

.shop {
  position: relative;
}

.shop::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;

  width: 100%;
  height: 2px;

  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 79, 163, 0.12) 10%,
    rgba(255, 79, 163, 0.28) 25%,
    rgba(255, 79, 163, 0.55) 40%,
    #ff4fa3 50%,
    rgba(190, 90, 255, 0.75) 60%,
    rgba(125, 90, 255, 0.35) 75%,
    rgba(125, 90, 255, 0.12) 90%,
    transparent 100%
  );

  box-shadow:
    0 0 3px rgba(255, 255, 255, 0.25),
    0 0 8px rgba(255, 79, 163, 0.5),
    0 0 18px rgba(255, 79, 163, 0.35),
    0 0 30px rgba(190, 90, 255, 0.2);

  z-index: 20;
  pointer-events: none;
}
/* =========================================
   FOOTER — LIQUID GLASS PRISME MODS
   ========================================= */
footer{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    linear-gradient(135deg,
      rgba(255,255,255,.075) 0%,
      rgba(255,255,255,.025) 32%,
      rgba(255,79,163,.035) 68%,
      rgba(125,90,255,.055) 100%),
    rgba(9,8,20,.58) !important;
  border-top:0;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 18px 45px rgba(255,79,163,.025),
    0 0 35px rgba(0,0,0,.06);
  backdrop-filter:blur(24px) saturate(145%);
  -webkit-backdrop-filter:blur(24px) saturate(145%);
}

footer::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 0%, rgba(255,79,163,.18), transparent 34%),
    radial-gradient(circle at 88% 100%, rgba(125,90,255,.16), transparent 38%),
    linear-gradient(90deg, transparent, rgba(255,255,255,.025) 48%, transparent);
}

footer::after{content:none;display:none}

.footer-brand{
  color:#fff;
  text-shadow:
    0 0 8px rgba(255,255,255,.16),
    0 0 20px rgba(255,79,163,.12);
}

.footer-links a,
.legal{
  position:relative;
  z-index:1;
}

.footer-links a{
  color:rgba(255,255,255,.72);
  transition:color .25s ease, text-shadow .25s ease, transform .25s ease;
}

.footer-links a:hover{
  color:#fff;
  text-shadow:0 0 10px rgba(255,79,163,.55);
  transform:translateY(-1px);
}

.legal{
  color:rgba(255,255,255,.48);
}

/* =========================================
   FOOTER — LIQUID GLASS SANS DÉMARCATION
   ========================================= */
footer{
  /* Très transparent : le fond global reste continu derrière le verre */
  background:linear-gradient(135deg,
    rgba(255,255,255,.035) 0%,
    rgba(255,255,255,.012) 35%,
    rgba(255,79,163,.018) 68%,
    rgba(125,90,255,.028) 100%) !important;
  border-top:0 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    inset 0 14px 34px rgba(255,79,163,.018) !important;
  backdrop-filter:blur(22px) saturate(135%) !important;
  -webkit-backdrop-filter:blur(22px) saturate(135%) !important;
}

footer::before{
  content:"" !important;
  display:block !important;
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 10% 0%, rgba(255,79,163,.07), transparent 38%),
    radial-gradient(circle at 90% 100%, rgba(125,90,255,.06), transparent 42%),
    linear-gradient(90deg, transparent, rgba(255,255,255,.012) 50%, transparent) !important;
}

footer::after{
  content:none !important;
  display:none !important;
}

/* === icons-admin.css === */
.brand-logo{display:flex;justify-content:center}.brand-logo img{display:block;width:125px;max-height:48px;object-fit:contain;filter:drop-shadow(0 0 10px #ff4e9375)}.footer-brand.brand-logo img{width:145px;max-height:55px}.nav-icon{display:inline-flex;width:15px;justify-content:center;margin-right:5px;font-size:15px;color:#ff76a8;vertical-align:-1px}.discord-icon,.cart-icon{width:16px;height:16px;display:inline-block;fill:currentColor}.account-btn{display:inline-flex;align-items:center;gap:7px}.bag{display:inline-flex;align-items:center;gap:2px}.bag b{margin-left:1px}.footer-links a{display:inline-flex;align-items:center;gap:6px}.role-note{font:10px DM Mono;color:#b9b1c6;border-left:2px solid var(--pink);padding-left:9px;margin:18px 0 -5px}.role-note b{color:#ff81ad}.table-head,.table-row{grid-template-columns:2fr 1fr .6fr .5fr 1.2fr}.row-actions{display:flex;gap:6px}.row-actions button{border:1px solid #ffffff3d;background:transparent;color:#f7f1e8;text-transform:uppercase;font-size:8px;font-weight:800;padding:5px 7px;cursor:pointer}.row-actions button:first-child:hover{border-color:#9a6cff;color:#c6b1ff}.row-actions button:last-child{border-color:#ff4e9366;color:#ff94b9}.row-actions button:last-child:hover{background:#ff4e93;color:#fff}@media(max-width:800px){.brand-logo img{width:105px}.site-header nav .nav-icon{display:none}.table-head,.table-row{grid-template-columns:1.5fr .8fr .4fr 1fr}.table-head span:nth-child(4),.table-row i{display:none}.row-actions{flex-direction:column;align-items:flex-start}.role-note{margin-bottom:12px}}

/* === header-account.css === */
.header-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;border:1px solid #ff9abf}.account-btn.connected{padding-left:12px}.logout-btn{border:0;background:transparent;color:#ff82ae;text-transform:uppercase;font-size:9px;font-weight:800;cursor:pointer;margin-left:8px}.logout-btn:hover{text-decoration:underline}

/* Bulle de notifications sur la photo de profil */
.account-btn{position:relative!important;overflow:visible!important}
.account-notification-badge{position:absolute;z-index:5;top:-7px;left:27px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:#ff4e86;color:#fff;border:2px solid rgba(22,22,23,.95);box-shadow:0 3px 10px rgba(0,0,0,.35),0 0 12px rgba(255,78,134,.55);font:800 9px/1 var(--apple-font,Arial,sans-serif);letter-spacing:0;pointer-events:none}
.account-notification-badge.hidden{display:none!important}

/* === admin-overrides.css === */
.gallery-grid .g-card{margin:0}.gallery-grid .g-card img{width:100%;height:100%;object-fit:contain;display:block;background:#100e18}.gallery-grid .g-card span{position:absolute;left:16px;bottom:16px}.admin-modal{max-height:90vh;overflow:auto}.admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:26px 0;padding:20px;background:#211e37}.admin-form h3,.admin-form label:nth-of-type(3),.admin-form label:nth-of-type(4),.admin-form label:nth-of-type(5),.admin-form>div{grid-column:1/-1}.admin-form label{font:10px DM Mono;color:#c9c1d5;display:grid;gap:6px}.admin-form input,.admin-form select,.admin-form textarea{background:#100e18;border:1px solid #ffffff30;color:#fff;padding:10px;font:12px Manrope}.admin-form textarea{min-height:82px;resize:vertical}.gallery-admin{border-top:1px solid #ffffff25;margin-top:28px}.gallery-admin ul{padding-left:18px;font-size:12px}.gallery-admin li{margin:8px 0}.gallery-admin li button{margin-left:8px}.gallery-admin .admin-form{grid-template-columns:1fr 1fr auto;align-items:end}.gallery-admin .admin-form label:nth-of-type(n){grid-column:auto}

/* === navigation.css === */
/* =========================================================
   PRISME MODS — NAVIGATION / LIQUID GLASS DROPDOWN
   ========================================================= */

.nav-dropdown {
    position: relative;
}

/* MENU */
.subnav {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    transform: none;
    z-index: 99999;

    width: 520px;
    padding: 14px;
    box-sizing: border-box;

    background:
        radial-gradient(circle at 0% 0%, rgba(255, 59, 155, 0.22), transparent 35%),
        radial-gradient(circle at 100% 100%, rgba(168, 85, 247, 0.18), transparent 38%),
        linear-gradient(135deg, rgba(255,255,255,0.12), rgba(255,255,255,0.035)),
        rgba(10, 12, 30, 0.78);

    backdrop-filter: blur(28px) saturate(170%);
    -webkit-backdrop-filter: blur(28px) saturate(170%);

    border: 1px solid rgba(255, 180, 230, 0.48);
    border-radius: 26px;

    box-shadow:
        0 25px 80px rgba(0,0,0,0.50),
        0 0 25px rgba(255,56,170,0.20),
        0 0 55px rgba(139,92,246,0.16),
        inset 0 1px 0 rgba(255,255,255,0.20);

    overflow: visible;
}

/* REFLET */
.subnav::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;

    background:
        linear-gradient(
            115deg,
            rgba(255,255,255,0.13),
            transparent 25%,
            transparent 70%,
            rgba(255,74,167,0.08)
        );
}

/* POINTE EN HAUT */
.subnav::after {
    content: "";
    position: absolute;
    top: -10px;
    left: 42px;

    width: 18px;
    height: 18px;

    transform: rotate(45deg);

    background:
        linear-gradient(
            135deg,
            rgba(255,126,199,0.65),
            rgba(142,94,255,0.35)
        );

    border-left: 1px solid rgba(255,200,235,0.65);
    border-top: 1px solid rgba(255,200,235,0.65);

    z-index: -1;
}

/* AFFICHAGE */
.nav-dropdown:hover .subnav,
.nav-dropdown:focus-within .subnav {
    display: grid;
    gap: 0;
}

/* LIENS */
.subnav a {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;

    width: 100%;
    min-height: 74px;
    padding: 0 70px 0 24px;
    box-sizing: border-box;

    color: rgba(255,255,255,0.90);
    text-decoration: none;

    font-size: 17px !important;
    font-weight: 600;
    letter-spacing: 0.01em;
    white-space: nowrap;

    border: 1px solid transparent;
    border-bottom-color: rgba(255,255,255,0.08);

    background: transparent;

    transition:
        transform 0.25s ease,
        background 0.25s ease,
        color 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.subnav a:last-child {
    border-bottom-color: transparent;
}

/* POINT COLORÉ */
.subnav a::before {
    content: "";

    width: 10px;
    height: 10px;
    flex: 0 0 10px;

    margin-right: 20px;
    border-radius: 50%;

    background: #c26cff;

    box-shadow:
        0 0 10px rgba(194,108,255,0.90),
        0 0 20px rgba(194,108,255,0.45);

    transition:
        transform 0.25s ease,
        background 0.25s ease,
        box-shadow 0.25s ease;
}

/* CHEVRON */
.subnav a::after {
    content: "›";

    position: absolute;
    right: 24px;
    top: 50%;

    transform: translateY(-52%);

    font-size: 42px;
    font-weight: 300;
    line-height: 1;

    color: rgba(255,255,255,0.82);

    text-shadow:
        0 0 10px rgba(255,255,255,0.35);

    transition:
        transform 0.25s ease,
        color 0.25s ease,
        text-shadow 0.25s ease;
}

/* SURVOL */
.subnav a:hover,
.subnav a:focus-visible {
    color: #ffffff;

    background:
        linear-gradient(
            90deg,
            rgba(255,58,163,0.20),
            rgba(157,91,255,0.08),
            transparent
        );

    border-color: rgba(255,115,188,0.18);

    box-shadow:
        inset 3px 0 0 #ff55aa,
        0 0 25px rgba(255,46,155,0.10);

    transform: translateX(4px);
}

.subnav a:hover::before,
.subnav a:focus-visible::before {
    transform: scale(1.3);
    background: #ff62b0;

    box-shadow:
        0 0 12px rgba(255,83,174,1),
        0 0 25px rgba(255,45,157,0.60);
}

.subnav a:hover::after,
.subnav a:focus-visible::after {
    transform: translate(7px, -52%);
    color: #ff80bd;

    text-shadow:
        0 0 10px rgba(255,79,171,1),
        0 0 25px rgba(255,53,158,0.70);
}

/* PREMIER ÉLÉMENT MIS EN AVANT */
.subnav a:first-child {
    margin-bottom: 6px;

    border-color: rgba(255,115,188,0.40);
    border-radius: 16px;

    background:
        linear-gradient(
            90deg,
            rgba(255,59,163,0.32),
            rgba(129,77,255,0.15)
        );

    box-shadow:
        inset 3px 0 0 rgba(255,93,179,0.95),
        0 0 22px rgba(255,47,155,0.13);
}

.subnav a:first-child::before {
    background: #ff5dac;

    box-shadow:
        0 0 12px rgba(255,93,172,1),
        0 0 28px rgba(255,46,157,0.50);
}

/* COULEURS DES CATÉGORIES */
.subnav a:nth-child(2)::before { background: #9b63ff; }
.subnav a:nth-child(3)::before { background: #a76cff; }
.subnav a:nth-child(4)::before { background: #ff5da8; }
.subnav a:nth-child(5)::before { background: #ff8a79; }
.subnav a:nth-child(6)::before { background: #9c6cff; }
.subnav a:nth-child(7)::before { background: #62a8ff; }
.subnav a:nth-child(8)::before { background: #a76cff; }

/* MOBILE */
@media (max-width: 700px) {
    .subnav {
        width: min(92vw, 520px);
    }

    .subnav a {
        min-height: 62px;
        padding: 0 58px 0 18px;
        font-size: 15px !important;
    }

    .subnav a::before {
        margin-right: 14px;
    }

    .subnav a::after {
        right: 18px;
        font-size: 34px;
    }
}