/* ============================================================
   ATLAS UNIVERSAL DESIGN SYSTEM — V5
   Visual-only layer for secondary HTML pages.
   No business logic, API or payment behavior.
   ============================================================ */
:root{
  --atlas-bg:#090a0d;
  --atlas-bg2:#0e1015;
  --atlas-panel:#14161c;
  --atlas-panel2:#191b22;
  --atlas-border:rgba(255,255,255,.09);
  --atlas-border2:rgba(255,255,255,.14);
  --atlas-red:#ef3740;
  --atlas-red2:#ff5b63;
  --atlas-green:#35db88;
  --atlas-text:#f3f3f5;
  --atlas-muted:#9699a3;
  --atlas-dim:#676a74;
}
html{background:var(--atlas-bg);color-scheme:dark;}
body{
  background:
    radial-gradient(50% 30% at 50% -5%,rgba(239,55,64,.10),transparent 72%),
    linear-gradient(180deg,#0b0c10 0%,#090a0d 100%);
  color:var(--atlas-text);
  font-family:"Barlow","Plus Jakarta Sans",system-ui,sans-serif;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.22;
  background-image:radial-gradient(rgba(255,255,255,.045) .6px,transparent .6px);
  background-size:4px 4px;
}
a{color:var(--atlas-red2);}
::selection{background:rgba(239,55,64,.28);color:#fff;}

/* Shared page shell */
.seo-wrap{
  width:min(1120px,calc(100% - 36px));
  margin:0 auto;
  padding:34px 0 88px;
}
.seo-top{
  margin-bottom:18px;
  padding:0 2px;
}
.seo-brand{
  color:#fff!important;
  font-family:"Archivo",system-ui,sans-serif!important;
  font-size:.98rem!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
  text-transform:uppercase;
}
.seo-back{
  color:#898c96!important;
  transition:color .25s ease;
}
.seo-back:hover{color:#fff!important;}
.seo-breadcrumb{
  color:#676a74!important;
  margin-bottom:16px;
}
.seo-breadcrumb a{color:#b7bac2!important;text-decoration:none;}
.seo-breadcrumb a:hover{color:var(--atlas-red2)!important;}

.seo-hero{
  position:relative;
  overflow:hidden;
  border:1px solid var(--atlas-border)!important;
  border-radius:6px!important;
  background:
    radial-gradient(60% 90% at 90% 0%,rgba(239,55,64,.10),transparent 72%),
    linear-gradient(145deg,rgba(24,26,33,.94),rgba(13,15,20,.98))!important;
  box-shadow:0 30px 90px rgba(0,0,0,.30)!important;
  padding:clamp(28px,5vw,52px)!important;
}
.seo-hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 32%);
}
.seo-kicker{
  color:var(--atlas-red2)!important;
  font-size:.66rem!important;
  letter-spacing:.25em!important;
}
.seo-title{
  position:relative;z-index:1;
  color:#fff!important;
  font-family:"Archivo",system-ui,sans-serif!important;
  font-weight:800!important;
  font-size:clamp(2rem,5vw,4rem)!important;
  line-height:.98!important;
  letter-spacing:-.04em!important;
  text-transform:uppercase;
}
.seo-sub{
  position:relative;z-index:1;
  color:#9699a3!important;
  font-size:1rem!important;
  line-height:1.75!important;
  max-width:760px;
}
.seo-actions{position:relative;z-index:1;}
.seo-btn-primary,.seo-btn-secondary{
  border-radius:4px!important;
  padding:13px 18px!important;
  font-size:.68rem!important;
  letter-spacing:.12em!important;
  text-transform:uppercase;
  font-weight:800!important;
  transition:all .25s ease;
}
.seo-btn-primary{
  background:var(--atlas-red)!important;
  color:#fff!important;
  box-shadow:0 14px 32px rgba(239,55,64,.17);
}
.seo-btn-primary:hover{background:#f2464e!important;transform:translateY(-2px);}
.seo-btn-secondary{
  border:1px solid var(--atlas-border2)!important;
  background:rgba(255,255,255,.035)!important;
  color:#d9dae0!important;
}
.seo-btn-secondary:hover{
  border-color:rgba(239,55,64,.5)!important;
  background:rgba(239,55,64,.06)!important;color:#fff!important;
  transform:translateY(-2px);
}

/* Content cards */
.seo-grid{gap:12px!important;}
.seo-card,.seo-content,.seo-related{
  border:1px solid var(--atlas-border)!important;
  border-radius:5px!important;
  background:rgba(19,21,27,.78)!important;
  box-shadow:0 20px 55px rgba(0,0,0,.16);
}
.seo-card{padding:22px!important;transition:transform .25s ease,border-color .25s ease,background .25s ease;}
.seo-card:hover{
  transform:translateY(-4px);
  border-color:var(--atlas-border2)!important;
  background:rgba(23,25,32,.92)!important;
}
.seo-card h2,.seo-content h2,.seo-related h2{
  color:#ececef!important;
  font-family:"Archivo",system-ui,sans-serif;
}
.seo-card p,.seo-content p,.seo-content li{
  color:#92959f!important;
  line-height:1.78!important;
}
.seo-content{padding:26px!important;}
.seo-content h2{font-size:1.15rem;margin-top:26px;}
.seo-content h2:first-child{margin-top:0;}
.seo-related{padding:22px!important;}
.seo-related-links a{
  border:1px solid var(--atlas-border)!important;
  border-radius:4px!important;
  background:rgba(255,255,255,.025)!important;
  color:#bfc1c7!important;
  transition:all .22s ease;
}
.seo-related-links a:hover{
  border-color:rgba(239,55,64,.45)!important;
  background:rgba(239,55,64,.055)!important;
  color:#fff!important;
}

/* FAQ */
.seo-faq{margin-top:24px;}
.seo-faq-item{
  border:1px solid var(--atlas-border)!important;
  border-radius:5px!important;
  background:rgba(19,21,27,.78)!important;
  margin-bottom:10px!important;
  transition:border-color .22s ease,background .22s ease;
}
.seo-faq-item:hover{border-color:var(--atlas-border2)!important;background:#171920!important;}
.seo-faq-item h3{color:#eee!important;font-family:"Archivo",system-ui,sans-serif;}
.seo-faq-item p{color:#8e919b!important;line-height:1.72!important;}

/* Order confirmation / tracking */
.merci-wrap{
  width:min(760px,calc(100% - 36px))!important;
  margin:0 auto!important;
  padding:56px 0 90px!important;
}
.merci-logo{
  color:#fff!important;
  font-family:"Archivo",system-ui,sans-serif!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
}
.merci-title{
  color:#fff!important;
  font-family:"Archivo",system-ui,sans-serif!important;
  font-weight:800!important;
  font-size:clamp(2.3rem,6vw,4.8rem)!important;
  line-height:.92!important;
  letter-spacing:-.045em!important;
  text-transform:uppercase;
}
.merci-sub{color:#92959f!important;line-height:1.7!important;}
.merci-icon{
  background:rgba(53,219,136,.10)!important;
  border:1px solid rgba(53,219,136,.22)!important;
  color:var(--atlas-green)!important;
}
.merci-card{
  border:1px solid var(--atlas-border)!important;
  border-radius:5px!important;
  background:rgba(19,21,27,.82)!important;
  box-shadow:0 28px 75px rgba(0,0,0,.25)!important;
}
.merci-card-label{color:#6f727c!important;}
.merci-card-value{color:#eee!important;}
.merci-step{border-top-color:var(--atlas-border)!important;}
.merci-step-num{
  background:rgba(239,55,64,.10)!important;
  border:1px solid rgba(239,55,64,.25)!important;
  color:var(--atlas-red2)!important;
}
.merci-step-body{color:#8f929b!important;}
.merci-step-body strong{color:#e8e8ea!important;}
.merci-track-note{color:#70737d!important;}
.merci-track-link{color:var(--atlas-red2)!important;}
.merci-btn-primary,.merci-btn-secondary{
  border-radius:4px!important;
  font-weight:800!important;
  letter-spacing:.11em!important;
  text-transform:uppercase;
}
.merci-btn-primary{background:var(--atlas-red)!important;color:#fff!important;}
.merci-btn-secondary{
  border:1px solid var(--atlas-border2)!important;
  background:rgba(255,255,255,.035)!important;color:#d7d8dc!important;
}

/* Tracking fields */
.suivi-field{margin-bottom:14px;}
.suivi-label{color:#8f929b!important;}
.suivi-input{
  border:1px solid var(--atlas-border2)!important;
  border-radius:4px!important;
  background:#111319!important;
  color:#f2f2f3!important;
}
.suivi-input:focus{
  border-color:rgba(239,55,64,.65)!important;
  box-shadow:0 0 0 3px rgba(239,55,64,.09)!important;
}
.suivi-error,.co-error{color:#ff7b82!important;}

/* Error pages */
.error-content{
  color:#fff!important;
}
.logo-error{
  color:#fff!important;
  font-family:"Archivo",system-ui,sans-serif!important;
}
.error-code{
  color:var(--atlas-red)!important;
  text-shadow:0 0 42px rgba(239,55,64,.22);
  font-family:"Archivo",system-ui,sans-serif!important;
}
.error-title{color:#f1f1f3!important;font-family:"Archivo",system-ui,sans-serif!important;text-transform:uppercase;}
.error-sub,.error-detail{color:#858892!important;}
.err-btn-primary,.err-btn-secondary{
  border-radius:4px!important;
  text-transform:uppercase;
  letter-spacing:.11em;
  font-weight:800;
}
.err-btn-primary{background:var(--atlas-red)!important;color:#fff!important;}
.err-btn-secondary{
  border:1px solid var(--atlas-border2)!important;
  background:rgba(255,255,255,.035)!important;color:#d7d8dc!important;
}

/* Mobile */
@media(max-width:720px){
  .seo-wrap{width:min(100% - 24px,1120px);padding-top:22px;padding-bottom:60px;}
  .seo-top{align-items:flex-start;}
  .seo-hero{padding:26px 20px!important;}
  .seo-title{font-size:clamp(1.85rem,10vw,3rem)!important;}
  .seo-grid{grid-template-columns:1fr!important;}
  .seo-content,.seo-related{padding:20px!important;}
  .merci-wrap{width:min(100% - 24px,760px)!important;padding-top:34px!important;}
}