/* ATLAS RP — Full custom storefront V3. Built for Tebex Twig templates. */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css');
:root {
  --atlas-bg:#080810; --atlas-surface:#10101b; --atlas-card:#171423;
  --atlas-pink:#f50d90; --atlas-pink-light:#ff63bd; --atlas-violet:#8d53ff;
  --atlas-text:#f7f5fb; --atlas-muted:#a59dac;
  --atlas-line:rgba(255,255,255,.105); --atlas-radius:18px;
}
*, *::before, *::after { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body.atlas-site { margin:0; min-width:320px; overflow-x:hidden; background:var(--atlas-bg); color:var(--atlas-text); font:15px/1.65 'DM Sans',Arial,sans-serif; }
.atlas-site h1,.atlas-site h2,.atlas-site h3,.atlas-site h4,.atlas-site p { margin-top:0; }
.atlas-site a { color:inherit; text-decoration:none; transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease; }
.atlas-site a:hover { color:inherit; text-decoration:none; }
.atlas-site button { font:inherit; }
.atlas-site img { max-width:100%; }
.atlas-site ::selection { background:var(--atlas-pink); color:#fff; }
.atlas-site :focus-visible { outline:2px solid #ff7cc5; outline-offset:4px; }
.atlas-wrap { width:min(100% - 64px,1340px); margin-inline:auto; }
.atlas-eyebrow { display:block; font-size:11px; color:var(--atlas-pink-light); letter-spacing:2.2px; font-weight:800; text-transform:uppercase; margin-bottom:17px; }
.atlas-period { color:var(--atlas-pink); }
.atlas-spark { width:7px; height:7px; flex:0 0 7px; display:inline-block; border-radius:50%; background:#ff4aae; box-shadow:0 0 15px rgba(245,13,144,.8); }
.atlas-btn { display:inline-flex; align-items:center; justify-content:center; gap:20px; min-height:53px; padding:0 24px; border-radius:8px; font-size:13px; line-height:1.1; font-weight:800; text-transform:uppercase; letter-spacing:.5px; }
.atlas-btn-primary { background:linear-gradient(110deg,#f50d90,#bb148f); color:#fff !important; box-shadow:0 12px 32px rgba(245,13,144,.22); }
.atlas-btn-primary:hover { background:linear-gradient(110deg,#ff3ca7,#d51d9e); transform:translateY(-3px); box-shadow:0 16px 40px rgba(245,13,144,.32); }
.atlas-btn-ghost { border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.05); color:#fff !important; }
.atlas-btn-ghost:hover { background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.45); transform:translateY(-3px); }

/* Bandeau et navigation */
.atlas-announcement { background:#f50d90; min-height:33px; color:#150713; }
.announcement-inner { min-height:33px; display:flex; align-items:center; gap:11px; font-size:10px; font-weight:900; letter-spacing:1.3px; }
.announcement-inner .atlas-spark { background:#150713; box-shadow:none; }
.announcement-secondary { margin-left:auto; opacity:.7; }
.announcement-inner > a { margin-left:20px; color:#150713; font-size:10px; }
.announcement-inner > a:hover { color:#fff; }
.atlas-header { position:sticky; top:0; z-index:500; border-bottom:1px solid var(--atlas-line); background:rgba(9,9,17,.96); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }
.atlas-navbar { height:88px; display:flex; align-items:center; gap:34px; }
.atlas-brand { flex:0 0 auto; display:inline-flex; align-items:center; gap:12px; }
.atlas-brand img { height:44px; width:44px; object-fit:contain; filter:drop-shadow(0 0 12px rgba(245,13,144,.2)); }
.brand-words { font:800 28px/.85 'Barlow Condensed',Arial,sans-serif; white-space:nowrap; letter-spacing:.3px; }
.brand-words strong { color:var(--atlas-pink); }
.brand-words small { display:block; font:800 8px/1 'DM Sans',Arial,sans-serif; letter-spacing:2.5px; color:#a49aaa; margin-top:9px; }
.atlas-navigation { display:flex; align-items:center; gap:22px; flex:1; min-width:0; }
.atlas-main-links { display:flex; align-items:center; gap:clamp(12px,1.9vw,33px); flex:1; flex-wrap:wrap; }
.atlas-main-links a { position:relative; font-size:12px; font-weight:800; color:#c0b9c7; white-space:nowrap; }
.atlas-main-links a:hover,.atlas-main-links a.is-active { color:#fff; }
.atlas-main-links a.is-active::after { content:""; position:absolute; width:100%; height:2px; bottom:-33px; left:0; background:var(--atlas-pink); }
.atlas-nav-actions { display:flex; gap:11px; align-items:center; }
.atlas-cart { min-height:44px; display:inline-flex; align-items:center; gap:8px; padding:0 15px; border:1px solid var(--atlas-line); border-radius:7px; background:rgba(255,255,255,.045); font-size:12px; font-weight:700; }
.atlas-cart svg { width:19px; height:19px; }
.atlas-count { display:inline-grid; place-items:center; min-width:18px; height:18px; background:var(--atlas-pink); color:#fff; border-radius:50%; font-size:10px; }
.atlas-cart:hover { background:rgba(255,255,255,.1); }
.atlas-login { min-height:44px; display:inline-flex; align-items:center; gap:10px; padding:0 15px; background:#f50d90; border-radius:7px; color:#180514 !important; font-size:12px; font-weight:900; white-space:nowrap; }
.atlas-login:hover { background:#ff56b3; }
.atlas-login-dot { width:5px; height:5px; border-radius:50%; background:#180514; }
.atlas-menu-toggle { display:none; cursor:pointer; width:44px; height:44px; padding:11px; flex-direction:column; justify-content:center; gap:5px; background:transparent; border:1px solid var(--atlas-line); border-radius:7px; margin-left:auto; }
.atlas-menu-toggle span { display:block; width:100%; height:2px; background:white; }
.atlas-alert { margin-top:22px; padding:14px 20px; border:1px solid rgba(245,13,144,.35); border-radius:8px; background:rgba(245,13,144,.12); }

/* Hero editorial */
.atlas-hero { position:relative; isolation:isolate; overflow:hidden; border-bottom:1px solid var(--atlas-line); background:radial-gradient(ellipse at 68% 30%,rgba(102,25,94,.3) 0%,transparent 45%),linear-gradient(120deg,#0b0a13 40%,#171022 100%); }
.atlas-hero::before { content:""; position:absolute; inset:0; opacity:.16; z-index:-1; background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px); background-size:80px 80px; mask-image:linear-gradient(90deg,transparent,#000); }
.atlas-hero-orbit { position:absolute; width:600px; height:600px; right:-300px; top:-310px; border:1px solid rgba(245,13,144,.2); border-radius:50%; box-shadow:0 0 0 90px rgba(245,13,144,.025),0 0 0 180px rgba(245,13,144,.025); pointer-events:none; }
.atlas-hero-grid { min-height:645px; display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:40px; align-items:center; padding-block:70px 77px; }
.atlas-hero-copy { position:relative; z-index:2; }
.atlas-hero-label { display:flex; gap:12px; align-items:center; color:#f7e4f1; letter-spacing:1.8px; font-size:10px; font-weight:900; margin-bottom:30px; }
.label-separator { color:var(--atlas-pink); }
.atlas-hero-copy h1 { font:900 clamp(64px,7.4vw,115px)/.83 'Barlow Condensed',Impact,sans-serif; letter-spacing:-1px; text-transform:uppercase; margin:0 0 30px; text-shadow:0 5px 45px rgba(0,0,0,.4); }
.atlas-hero-copy h1 span { display:block; color:#fff; }
.atlas-hero-copy h1 > span { color:#f45ba9; }
.atlas-hero-copy > p { font-size:15px; line-height:1.8; color:#b5aab9; max-width:420px; margin-bottom:30px; }
.atlas-hero-actions { display:flex; flex-wrap:wrap; gap:11px; }
.atlas-hero-bottom { margin-top:54px; display:flex; align-items:center; gap:13px; color:#817685; font-size:10px; font-weight:900; letter-spacing:2.3px; }
.atlas-hero-line { width:38px; height:1px; background:var(--atlas-pink); }
.atlas-hero-art { position:relative; height:min(38.8vw,515px); min-height:410px; }
.atlas-hero-image { width:100%; height:100%; overflow:hidden; border:1px solid rgba(255,255,255,.16); border-radius:12px; transform:rotate(1deg); box-shadow:0 35px 75px rgba(0,0,0,.6),0 0 85px rgba(245,13,144,.08); }
.atlas-hero-image::after { content:""; position:absolute; inset:0; pointer-events:none; border-radius:12px; box-shadow:inset 0 0 50px rgba(0,0,0,.35); }
.atlas-hero-image img { width:100%; height:100%; object-fit:cover; object-position:center; display:block; filter:saturate(1.04) contrast(1.04); }
.atlas-art-tag { position:absolute; z-index:2; display:inline-flex; gap:6px; color:#fff; font-size:10px; letter-spacing:1.5px; font-weight:800; background:#13101d; border:1px solid rgba(255,255,255,.18); border-radius:5px; padding:11px 14px; box-shadow:0 8px 30px rgba(0,0,0,.3); }
.atlas-art-tag-top { top:-19px; right:-13px; }
.atlas-art-tag-bottom { bottom:-20px; left:-18px; background:var(--atlas-pink); border-color:var(--atlas-pink); color:#160614; }
.atlas-hero-bottom-gradient { position:absolute; bottom:0; left:0; right:0; height:30px; pointer-events:none; background:linear-gradient(0deg,rgba(8,8,16,.4),transparent); }
.atlas-trust-strip { border-bottom:1px solid var(--atlas-line); background:#0b0b14; }
.atlas-trust-grid { display:grid; grid-template-columns:repeat(3,1fr); }
.atlas-trust-grid > div { display:flex; align-items:center; gap:20px; padding:26px 33px; border-right:1px solid var(--atlas-line); }
.atlas-trust-grid > div:first-child { padding-left:0; }
.atlas-trust-grid > div:last-child { border-right:0; }
.atlas-trust-grid > div > span { color:var(--atlas-pink); font-size:23px; }
.atlas-trust-grid p { display:flex; flex-direction:column; gap:2px; margin:0; }
.atlas-trust-grid strong { font-size:12px; text-transform:uppercase; letter-spacing:.2px; }
.atlas-trust-grid small { color:#887f91; font-size:11px; }

/* Sections et categories */
.atlas-section { padding-block:105px; }
.atlas-heading { display:flex; justify-content:space-between; align-items:end; gap:50px; margin-bottom:39px; }
.atlas-heading .atlas-eyebrow { margin-bottom:9px; }
.atlas-heading h2 { margin:0; font:800 clamp(40px,4vw,65px)/.95 'Barlow Condensed',Impact,sans-serif; letter-spacing:.2px; text-transform:uppercase; }
.atlas-heading h2 em { font-style:normal; color:var(--atlas-pink); }
.atlas-heading > p { max-width:330px; color:#9b92a2; margin:0 0 3px; font-size:13px; line-height:1.7; }
.atlas-categories-section { background:#0a0a12; }
.atlas-category-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.atlas-category-card { position:relative; isolation:isolate; display:flex; min-height:290px; flex-direction:column; justify-content:space-between; padding:29px; background:radial-gradient(circle at 100% 0%,rgba(245,13,144,.21),transparent 65%),#14121d; border:1px solid rgba(255,255,255,.11); border-radius:12px; overflow:hidden; }
.atlas-category-card:nth-child(3n + 2) { background:radial-gradient(circle at 100% 0%,rgba(139,76,243,.25),transparent 65%),#14121d; }
.atlas-category-card:nth-child(3n + 3) { background:radial-gradient(circle at 100% 0%,rgba(205,47,146,.18),transparent 65%),#14121d; }
.atlas-category-card::before { content:""; position:absolute; inset:auto -35px -90px auto; width:240px; height:240px; border-radius:50%; border:1px solid rgba(255,255,255,.08); box-shadow:0 0 0 35px rgba(255,255,255,.018),0 0 0 70px rgba(255,255,255,.011); pointer-events:none; z-index:-1; }
.atlas-category-card:hover { transform:translateY(-7px); border-color:rgba(245,13,144,.6); box-shadow:0 24px 70px rgba(0,0,0,.35); }
.atlas-category-top { display:flex; justify-content:space-between; align-items:center; }
.atlas-category-number { color:#82778a; font-size:11px; font-weight:900; letter-spacing:2px; }
.atlas-category-arrow { display:grid; place-items:center; width:34px; height:34px; border:1px solid rgba(255,255,255,.17); border-radius:50%; color:#fff; font-size:18px; }
.atlas-category-glyph { position:absolute; right:48px; top:69px; color:rgba(245,13,144,.27); font-size:95px; line-height:1; transform:rotate(-20deg); }
.atlas-category-kicker { display:block; margin-bottom:7px; color:#be95ad; font-size:10px; font-weight:900; letter-spacing:2px; }
.atlas-category-card h3 { font:800 clamp(32px,3vw,47px)/1 'Barlow Condensed',Impact,sans-serif; text-transform:uppercase; margin-bottom:15px; }
.atlas-category-link { display:inline-block; color:#c9bfcf; font-size:12px; font-weight:700; }
.atlas-category-card:hover .atlas-category-link { color:#ff77c1; }
.atlas-featured-section { background:#0e0c17; border-block:1px solid var(--atlas-line); }
.atlas-featured-products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.atlas-featured-products > * { width:100%; min-width:0; }
.atlas-story-section { padding-block:95px; background:radial-gradient(circle at 20% 40%,rgba(176,22,105,.11),transparent 38%),#090911; }
.atlas-story-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:95px; align-items:center; }
.atlas-story-logo { position:relative; height:435px; border:1px solid var(--atlas-line); border-radius:12px; background:#100e19; overflow:hidden; }
.atlas-story-logo img { height:100%; width:100%; object-fit:cover; filter:saturate(1.08); }
.atlas-story-logo::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(8,8,16,.52),transparent 45%); }
.atlas-story-stamp { position:absolute; bottom:19px; left:25px; z-index:1; color:#fff; font-size:10px; font-weight:900; letter-spacing:2px; }
.atlas-story-content h2 { font:800 clamp(52px,5.7vw,87px)/.91 'Barlow Condensed',Impact,sans-serif; margin:0 0 28px; text-transform:uppercase; }
.atlas-story-content h2 em { font-style:normal; color:var(--atlas-pink); }
.atlas-story-content p { max-width:545px; color:#a49aaa; line-height:1.9; margin-bottom:31px; }
.atlas-inline-link { display:inline-block; color:#fff !important; padding-bottom:8px; border-bottom:2px solid var(--atlas-pink); font-size:12px; font-weight:900; letter-spacing:.7px; text-transform:uppercase; }
.atlas-inline-link:hover { color:var(--atlas-pink-light) !important; }
.atlas-modules-section { background:#0d0c14; }
.atlas-modules { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:20px; }
.atlas-modules > * { max-width:100%; min-width:0; }
.atlas-modules .module { background:#171320; border:1px solid var(--atlas-line); border-radius:12px; padding:20px; }
.atlas-empty { grid-column:1/-1; padding:38px; background:#14111d; border:1px dashed rgba(255,255,255,.2); border-radius:12px; color:#aaa0b1; }

/* Liste produits et detail */
.atlas-page-hero { padding-block:69px 77px; background:radial-gradient(ellipse at 80% 20%,rgba(245,13,144,.13),transparent 43%),#100d19; border-bottom:1px solid var(--atlas-line); }
.atlas-back { display:inline-block; color:#a99da9 !important; font-size:12px; font-weight:800; margin-bottom:46px; }
.atlas-back:hover { color:var(--atlas-pink-light) !important; }
.atlas-page-hero h1 { font:900 clamp(65px,7vw,112px)/.85 'Barlow Condensed',Impact,sans-serif; text-transform:uppercase; margin:0 0 20px; }
.atlas-page-intro { color:#b5acba; max-width:720px; font-size:15px; }
.atlas-page-intro p { margin-bottom:0; }
.atlas-category-products { min-height:350px; }
.atlas-listing-title { display:flex; justify-content:space-between; align-items:center; margin-bottom:22px; padding-bottom:21px; border-bottom:1px solid var(--atlas-line); }
.atlas-listing-title h2 { margin:0; font:800 32px/1 'Barlow Condensed',Impact,sans-serif; }
.atlas-listing-title span { font-size:12px; color:#8e8395; font-weight:700; }
.atlas-product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.atlas-product-card { min-width:0; overflow:hidden; border-radius:12px; border:1px solid rgba(255,255,255,.12); background:linear-gradient(145deg,#1b1626,#121019); transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.atlas-product-card:hover { transform:translateY(-6px); border-color:rgba(245,13,144,.52); box-shadow:0 25px 60px rgba(0,0,0,.3); }
.atlas-product-image { position:relative; display:flex; height:225px; overflow:hidden; align-items:center; justify-content:center; background:#130f1c; }
.atlas-product-image img { width:100%; height:100%; object-fit:cover; transition:transform .3s ease; }
.atlas-product-card:hover .atlas-product-image img { transform:scale(1.04); }
.atlas-product-placeholder { font:900 70px/.9 'Barlow Condensed',Impact,sans-serif; color:#fff; opacity:.22; }
.atlas-product-placeholder b { color:var(--atlas-pink); }
.atlas-product-sale { position:absolute; right:12px; top:12px; padding:6px 12px; background:var(--atlas-pink); color:#fff; border-radius:4px; font-size:11px; font-weight:900; }
.atlas-product-content { padding:22px; }
.atlas-product-kicker { display:block; font-size:10px; font-weight:900; letter-spacing:1.7px; color:var(--atlas-pink-light); margin-bottom:8px; text-transform:uppercase; }
.atlas-product-content h3 { margin:0 0 24px; font:800 30px/1.05 'Barlow Condensed',Impact,sans-serif; text-transform:uppercase; }
.atlas-product-bottom { display:flex; justify-content:space-between; align-items:end; gap:12px; }
.atlas-product-price { display:flex; flex-direction:column; gap:3px; }
.atlas-product-price strong { font-size:17px; font-weight:900; }
.atlas-product-price del { font-size:12px; color:#958999; }
.atlas-product-action { width:38px; height:38px; display:grid; place-items:center; border-radius:6px; background:var(--atlas-pink); color:#fff !important; font-size:20px; }
.atlas-product-action:hover { background:#ff4eaf; transform:translateY(-2px); }
.atlas-detail-section { min-height:600px; background:#0b0a13; }
.atlas-detail-section .atlas-back { margin-bottom:38px; }
.atlas-detail-grid { display:grid; grid-template-columns:1.04fr .96fr; gap:68px; align-items:center; }
.atlas-detail-media { display:flex; min-height:430px; align-items:center; justify-content:center; overflow:hidden; border-radius:14px; border:1px solid var(--atlas-line); background:linear-gradient(140deg,#20152b,#0e0c15); }
.atlas-detail-media img { display:block; width:100%; height:auto; max-height:490px; object-fit:contain; }
.atlas-detail-copy h1 { font:900 clamp(56px,5vw,85px)/.95 'Barlow Condensed',Impact,sans-serif; margin:0 0 25px; text-transform:uppercase; }
.atlas-detail-price { display:flex; align-items:baseline; gap:14px; flex-wrap:wrap; }
.atlas-detail-price strong { font:800 37px/1 'Barlow Condensed',Impact,sans-serif; }
.atlas-detail-price strong small { font-size:20px; }
.atlas-detail-price del { color:#948797; }
.atlas-detail-price > span { font-size:12px; font-weight:800; color:#fff; background:var(--atlas-pink); padding:4px 8px; border-radius:4px; }
.atlas-detail-rule { height:1px; background:var(--atlas-line); margin:26px 0; }
.atlas-detail-help { color:#b0a4b5; max-width:420px; font-size:13px; }
.atlas-buy-btn { width:100%; max-width:440px; margin:14px 0 20px; }
.atlas-support-link { display:block; color:#d6b8cd !important; font-size:12px; }
.atlas-support-link:hover { color:#fff !important; }
.atlas-detail-trust { display:flex; flex-wrap:wrap; gap:25px; color:#817786; font-size:10px; letter-spacing:1.3px; font-weight:900; margin-top:32px; }
.atlas-unavailable { margin-top:20px; border:1px solid rgba(245,13,144,.4); border-radius:8px; padding:16px; color:#ff8ecb; }
.atlas-detail-description { margin-top:80px; padding-top:50px; border-top:1px solid var(--atlas-line); max-width:900px; }
.atlas-detail-description h2 { font:800 38px/1 'Barlow Condensed',Impact,sans-serif; }
.atlas-product-description { color:#baafbd; line-height:1.85; }
.atlas-product-description img { max-width:100%; height:auto; border-radius:8px; }
.atlas-product-description a { color:var(--atlas-pink-light) !important; }

/* Call to action, footer */
.atlas-footer-banner { padding:30px 0 80px; background:#080810; }
.atlas-footer-banner-media { min-height:300px; display:flex; align-items:center; padding:50px 65px; background-color:#1c0c20; background-size:cover; background-position:center; border:1px solid rgba(245,13,144,.25); border-radius:13px; overflow:hidden; }
.atlas-footer-banner-media > div { max-width:550px; }
.atlas-footer-banner-media h2 { font:800 clamp(43px,4vw,65px)/.94 'Barlow Condensed',Impact,sans-serif; margin:0 0 17px; }
.atlas-footer-banner-media h2 em { color:var(--atlas-pink); font-style:normal; }
.atlas-footer-banner-media p { max-width:430px; font-size:13px; color:#bfb6c2; margin-bottom:22px; }
.atlas-footer { background:#07070d; border-top:1px solid var(--atlas-line); }
.atlas-footer-top { display:flex; justify-content:space-between; align-items:center; gap:40px; padding-block:43px; }
.atlas-footer-brand { display:flex; align-items:center; gap:13px; }
.atlas-footer-brand img { width:50px; height:50px; }
.atlas-footer-brand > div { display:flex; flex-direction:column; }
.atlas-footer-brand strong { font:800 27px/.95 'Barlow Condensed',Impact,sans-serif; }
.atlas-footer-brand span { font-size:11px; color:#817786; }
.atlas-footer-links { display:flex; flex-wrap:wrap; gap:24px; }
.atlas-footer-links a { color:#b3aab7; font-size:12px; font-weight:700; }
.atlas-footer-links a:hover { color:var(--atlas-pink-light); }
.atlas-footer-bottom { display:flex; gap:20px; align-items:center; justify-content:space-between; border-top:1px solid var(--atlas-line); padding-block:19px 27px; font-size:10px; color:#746a7a; }
.atlas-footer-bottom a { color:#ad9caa; }
.atlas-footer-bottom a:hover { color:#fff; }
.atlas-footer-bottom > div { display:flex; gap:15px; }

@media (max-width:1150px) {
  .atlas-navbar { gap:18px; }
  .atlas-main-links { gap:15px; }
  .atlas-nav-actions { gap:7px; }
  .atlas-nav-actions a { padding-inline:11px; }
  .atlas-hero-grid { grid-template-columns:.95fr 1.05fr; gap:25px; }
  .atlas-hero-copy h1 { font-size:clamp(65px,7.1vw,95px); }
  .atlas-story-grid { gap:55px; }
}
@media (max-width:960px) {
  .atlas-wrap { width:min(100% - 40px,1340px); }
  .atlas-navbar { height:72px; }
  .atlas-menu-toggle { display:flex; }
  .atlas-navigation { display:none; position:absolute; top:72px; left:0; right:0; width:100%; max-height:calc(100vh - 72px); overflow:auto; padding:20px; background:#0d0b15; border-bottom:1px solid var(--atlas-line); box-shadow:0 24px 55px rgba(0,0,0,.5); flex-direction:column; align-items:stretch; }
  .atlas-navigation.is-open { display:flex; }
  .atlas-main-links { flex-direction:column; align-items:stretch; gap:0; }
  .atlas-main-links a { display:block; padding:15px 5px; border-bottom:1px solid var(--atlas-line); }
  .atlas-main-links a.is-active::after { bottom:0; width:38px; }
  .atlas-nav-actions { flex-direction:column; align-items:stretch; margin-top:8px; }
  .atlas-nav-actions a { justify-content:center; }
  .atlas-hero-grid { grid-template-columns:1fr; min-height:0; gap:47px; padding-block:64px 68px; }
  .atlas-hero-copy { text-align:center; }
  .atlas-hero-label,.atlas-hero-actions,.atlas-hero-bottom { justify-content:center; }
  .atlas-hero-copy > p { margin-inline:auto; }
  .atlas-hero-art { height:450px; width:min(100%,690px); margin-inline:auto; }
  .atlas-trust-grid > div { padding:20px 14px; }
  .atlas-category-grid,.atlas-product-grid,.atlas-featured-products { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .atlas-story-grid { grid-template-columns:1fr; gap:40px; }
  .atlas-story-logo { height:380px; }
  .atlas-story-content { max-width:650px; }
  .atlas-detail-grid { grid-template-columns:1fr; gap:35px; }
  .atlas-footer-top { align-items:start; }
}
@media (max-width:620px) {
  .atlas-wrap { width:min(100% - 32px,1340px); }
  .announcement-inner { font-size:9px; letter-spacing:.5px; }
  .announcement-secondary { display:none; }
  .announcement-inner > a { margin-left:auto; }
  .atlas-brand img { width:38px; height:38px; }
  .brand-words { font-size:25px; }
  .atlas-hero-grid { padding-block:48px 55px; gap:36px; }
  .atlas-hero-label { font-size:9px; margin-bottom:22px; }
  .atlas-hero-copy h1 { font-size:clamp(59px,13.1vw,81px); margin-bottom:22px; }
  .atlas-hero-copy > p { font-size:13px; max-width:340px; }
  .atlas-hero-actions { flex-direction:column; }
  .atlas-hero-actions .atlas-btn { width:100%; }
  .atlas-hero-bottom { margin-top:31px; }
  .atlas-hero-art { height:285px; min-height:0; }
  .atlas-art-tag { font-size:8px; padding:8px 9px; }
  .atlas-art-tag-top { top:-12px; right:-5px; }
  .atlas-art-tag-bottom { left:-6px; bottom:-11px; }
  .atlas-trust-grid { grid-template-columns:1fr; }
  .atlas-trust-grid > div,.atlas-trust-grid > div:first-child { padding:15px 4px; border-right:0; border-bottom:1px solid var(--atlas-line); }
  .atlas-trust-grid > div:last-child { border-bottom:0; }
  .atlas-section { padding-block:66px; }
  .atlas-heading { display:block; margin-bottom:29px; }
  .atlas-heading h2 { font-size:45px; }
  .atlas-heading > p { margin-top:16px; font-size:12px; }
  .atlas-category-grid,.atlas-product-grid,.atlas-featured-products { grid-template-columns:1fr; gap:13px; }
  .atlas-category-card { min-height:235px; padding:23px; }
  .atlas-category-card h3 { font-size:40px; }
  .atlas-story-section { padding-block:60px; }
  .atlas-story-logo { height:310px; }
  .atlas-story-content h2 { font-size:58px; }
  .atlas-story-content p { font-size:13px; }
  .atlas-page-hero { padding-block:48px 58px; }
  .atlas-page-hero h1 { font-size:72px; }
  .atlas-page-hero .atlas-back { margin-bottom:33px; }
  .atlas-product-image { height:230px; }
  .atlas-detail-section { padding-block:45px; }
  .atlas-detail-media { min-height:280px; }
  .atlas-detail-copy h1 { font-size:66px; }
  .atlas-detail-description { margin-top:52px; }
  .atlas-footer-banner { padding:0 0 38px; }
  .atlas-footer-banner-media { padding:38px 25px; min-height:290px; background-position:60% center; }
  .atlas-footer-banner-media h2 { font-size:47px; }
  .atlas-footer-top { flex-direction:column; gap:28px; }
  .atlas-footer-bottom { flex-direction:column; align-items:start; gap:10px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .atlas-site a,.atlas-product-card { transition:none; }
}
/* =====================================
   ATLAS RP - IMAGE EN BACKGROUND
   ===================================== */

.atlas-hero {
    position: relative;
    overflow: hidden;
    background: #090812;
}

/* Texte au premier plan */
.atlas-hero-grid {
    display: flex;
    align-items: center;
    min-height: 680px;
    padding-top: 90px;
    padding-bottom: 90px;
}

.atlas-hero-copy {
    position: relative;
    z-index: 3;
    width: min(100%, 700px);
}

/* Image sur toute la largeur */
.atlas-hero-art {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    z-index: 0;
    pointer-events: none;
}

.atlas-hero-image {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 0;
    transform: none;
    box-shadow: none;
}

.atlas-hero-image::after {
    display: none;
}

.atlas-hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: none;
}

/* Dégradé sombre pour le texte */
.atlas-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(
            90deg,
            rgba(8, 7, 16, 0.96) 0%,
            rgba(8, 7, 16, 0.78) 35%,
            rgba(8, 7, 16, 0.10) 100%
        ),
        linear-gradient(
            0deg,
            rgba(8, 7, 16, 0.55),
            transparent 55%
        );
}

.atlas-hero-orbit,
.atlas-hero-bottom-gradient {
    z-index: 2;
}

.atlas-hero-copy > p {
    color: #eee6f0;
}

/* Suppression des étiquettes sur l'image */
.atlas-art-tag {
    display: none;
}

/* Adaptation téléphone */
@media (max-width: 960px) {

    .atlas-hero-grid {
        min-height: 620px;
        padding: 70px 0;
    }

    .atlas-hero-copy {
        width: 100%;
    }

    .atlas-hero::after {
        background: rgba(8, 7, 16, 0.76);
    }

}

@media (max-width: 620px) {

    .atlas-hero-grid {
        min-height: 600px;
        padding: 60px 0;
    }

    .atlas-hero-image img {
        object-position: 60% center;
    }

}/* CORRECTION POSITION IMAGE ATLAS RP */

.atlas-hero-image {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background: #090812;
}

.atlas-hero-image img {
    width: auto !important;
    max-width: none !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: right center !important;
}

/* Sur téléphone */
@media (max-width: 960px) {
    .atlas-hero-image {
        justify-content: center;
    }
}/* =========================================
   ATLAS RP — PANIER PREMIUM
   ========================================= */

.cbasket {
    width: min(100% - 48px, 1340px);
    margin: 75px auto 100px;
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(320px, 1fr);
    align-items: start;
    gap: 28px;
}

/* COLONNE GAUCHE */

.cbasket .cbleft {
    min-width: 0;
}

.cbasket .cbleft > .cbhead,
.cbasket .cbright > .cbhead {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 27px 30px;
    background: #15111f;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 12px 12px 0 0;
}

.cbasket .cbicon,
.cbasket .cbicon2 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 53px;
    height: 53px;
    flex-shrink: 0;
    background: rgba(245,13,144,.12);
    border: 1px solid rgba(245,13,144,.3);
    border-radius: 10px;
    color: #f50d90;
    font-size: 22px;
}

.cbasket .cbnr {
    color: #f50d90;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.cbasket .cbname {
    margin-top: 5px;
    color: #fff;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 35px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.cbasket .cbname b {
    color: #f50d90;
}

/* LISTE DES PRODUITS */

.cbasket .cpackages {
    padding: 20px;
    background: #100e19;
    border: 1px solid rgba(255,255,255,.1);
    border-top: 0;
    border-radius: 0 0 12px 12px;
}

.cbasket .cpack {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 22px;
    margin-bottom: 12px;
    background: #191522;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 10px;
}

.cbasket .cpack:last-child {
    margin-bottom: 0;
}

.cbasket .cpackl {
    flex: 1;
    min-width: 0;
}

.cbasket .cpname {
    color: #fff;
    font-size: 17px;
    font-weight: 800;
    text-transform: uppercase;
}

.cbasket .cpprice {
    margin-top: 9px;
    color: #ff63bd;
    font-size: 15px;
    font-weight: 800;
}

.cbasket .cprem a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background: rgba(255,70,90,.1);
    border: 1px solid rgba(255,70,90,.3);
    border-radius: 8px;
    color: #ff5669;
    text-decoration: none;
}

.cbasket .cprem a:hover {
    background: #ff4055;
    color: white;
}

/* CODES PROMO */

.cbasket .coupons {
    margin-top: 25px;
    padding: 30px;
    background: #15111f;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 12px;
}

.cbasket .rpart {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 25px;
}

.cbasket .ricon {
    color: #f50d90;
    font-size: 25px;
}

.cbasket .rtext span {
    color: #ff63bd;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 2px;
}

.cbasket .rtext h1 {
    margin: 5px 0 0;
    color: #fff;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 29px;
    line-height: 1;
    text-transform: uppercase;
}

.cbasket .rtext h1 b {
    color: #f50d90;
}

.cbasket .redeem .input-group {
    display: flex;
    gap: 10px;
}

.cbasket .redeem input {
    flex: 1;
    min-width: 0;
    height: 50px;
    padding: 0 15px;
    background: #090812;
    border: 1px solid #383143;
    border-radius: 8px;
    color: #fff;
}

.cbasket .redeem input:focus {
    outline: none;
    border-color: #f50d90;
}

.cbasket .redeem button {
    height: 50px;
    padding: 0 20px;
    background: #f50d90;
    border: 0;
    border-radius: 8px;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
}

.cbasket .redeem button:hover {
    background: #ff45a9;
}

.cbasket .redeemed {
    margin-top: 15px;
}

.cbasket .redeemed table {
    width: 100%;
    color: #fff;
    border-collapse: collapse;
}

.cbasket .redeemed td {
    padding: 12px 8px;
    border-bottom: 1px solid #393044;
}

.cbasket .redeemed a {
    color: #ff5669;
}

/* COLONNE DROITE — TOTAL */

.cbasket .cbright {
    min-width: 0;
    position: sticky;
    top: 125px;
    background: #100e19;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 12px;
    overflow: hidden;
}

.cbasket .cbright > .cbhead {
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,.1);
    border-radius: 0;
}

.cbasket .cbbuy {
    padding: 30px;
}

.cbasket .cbtext2 {
    margin-bottom: 25px;
    color: #bcb4c5;
    font-size: 14px;
    line-height: 1.9;
}

.cbasket .cbtext2 b {
    color: #fff;
}

.cbasket tebex-checkout {
    display: block;
    width: 100%;
}

.cbasket tebex-checkout > a,
.cbasket .cbbuy > a.btn-primary {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 55px;
    width: 100%;
    padding: 15px;
    background: linear-gradient(110deg, #f50d90, #ba158f);
    border: 0;
    border-radius: 8px;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    transition: .2s;
}

.cbasket tebex-checkout > a:hover,
.cbasket .cbbuy > a.btn-primary:hover {
    background: #ff45a9;
    box-shadow: 0 10px 30px rgba(245,13,144,.25);
    transform: translateY(-2px);
}

/* RESPONSIVE */

@media (max-width: 900px) {
    .cbasket {
        grid-template-columns: 1fr;
        margin-top: 40px;
    }

    .cbasket .cbright {
        position: static;
    }
}

@media (max-width: 620px) {
    .cbasket {
        width: calc(100% - 30px);
        gap: 20px;
    }

    .cbasket .cbleft > .cbhead,
    .cbasket .cbright > .cbhead,
    .cbasket .coupons,
    .cbasket .cbbuy {
        padding: 22px;
    }

    .cbasket .cbname {
        font-size: 29px;
    }

    .cbasket .redeem .input-group {
        flex-direction: column;
    }

    .cbasket .redeem button {
        width: 100%;
    }
}/* =====================================
   CORRECTIONS PANIER ATLAS RP
   ===================================== */

/* Croix rouge pour retirer un produit */

.cbasket .cprem a i {
    display: none;
}

.cbasket .cprem a::before {
    content: "×";
    font-family: Arial, sans-serif;
    font-size: 29px;
    font-weight: 700;
    line-height: 1;
}

/* Icônes des deux en-têtes */

.cbasket .cbicon i,
.cbasket .cbicon2 i {
    display: inline-block;
    color: #f50d90;
    font-size: 23px;
}

/* Afficher une coche pour finaliser la commande */

.cbasket .cbicon2 i {
    font-size: 0;
}

.cbasket .cbicon2 i::before {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-size: 23px;
    font-weight: 900;
}

/* Correction du bouton Appliquer */

.cbasket .redeem .input-group {
    display: flex;
    width: 100%;
    gap: 10px;
}

.cbasket .redeem .input-group > input {
    flex: 1 1 0;
    width: 0;
    min-width: 0;
}

.cbasket .redeem .input-group-btn {
    display: flex;
    flex: 0 0 auto;
}

.cbasket .redeem .input-group-btn button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-width: 125px;
    white-space: nowrap;
}/* CORRECTION BOUTON CODE PROMO */

.cbasket .redeem .input-group {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 125px;
    gap: 10px;
    width: 100%;
}

.cbasket .redeem .input-group > input {
    width: 100% !important;
    min-width: 0 !important;
}

.cbasket .redeem .input-group-btn {
    width: 125px !important;
}

.cbasket .redeem .input-group-btn button {
    width: 100% !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-indent: 0 !important;
    opacity: 1 !important;
    white-space: nowrap;
}

.cbasket .redeem .input-group-btn button i {
    display: none;
}

@media (max-width: 620px) {
    .cbasket .redeem .input-group {
        grid-template-columns: 1fr;
    }

    .cbasket .redeem .input-group-btn {
        width: 100% !important;
    }
}