/* Ay-Habo — design de lancement mobile-first */
:root{
  --nx-navy:#0A2342;
  --nx-blue:#174A7E;
  --nx-orange:#F47721;
  --nx-orange-dark:#D95D08;
  --nx-cream:#FFF8F2;
  --nx-green:#087A55;
  --nx-ink:#112033;
  --nx-muted:#667085;
  --nx-line:#E5EAF1;
  --nx-bg:#F7F9FC;
  --nx-card:#FFFFFF;
  --nx-shadow:0 16px 38px rgba(10,35,66,.09);
}

body{background:var(--nx-bg);color:var(--nx-ink);padding-bottom:0}
.launch-topbar{background:var(--nx-navy);color:#fff;font-size:.74rem;font-weight:750}
.launch-topbar-row{min-height:34px;display:flex;align-items:center;justify-content:center;gap:18px;white-space:nowrap;overflow:hidden}
.launch-topbar-row span:last-child{color:#DCE8F6}

.header{top:0;background:rgba(247,249,252,.96);border-bottom-color:rgba(229,234,241,.95)}
.header-row{height:72px}
.brand img{filter:drop-shadow(0 3px 7px rgba(10,35,66,.08))}
.header-search input{border-color:#D9E0EA;box-shadow:0 3px 10px rgba(10,35,66,.03)}
.nav-desktop a{color:#29425F}
.nav-desktop a:hover{background:#EEF3F8;color:var(--nx-navy)}

.hero{padding-top:24px}
.hero-card{background:
  radial-gradient(circle at 88% 12%,rgba(244,119,33,.52),transparent 29%),
  linear-gradient(138deg,#081D37 0%,#123E6B 60%,#1B578F 100%);
  box-shadow:0 24px 60px rgba(10,35,66,.19);border-radius:30px;padding:34px}
.hero-card:after{opacity:.55}
.hero-copy{max-width:760px}
.hero h1{max-width:760px;letter-spacing:-.05em}
.hero p{font-size:1.04rem;line-height:1.65;color:#DFE9F5}
.hero-actions .btn{min-height:50px;padding-inline:20px}
.launch-hero-proof{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:18px;color:#DCE8F6;font-size:.79rem;font-weight:750}
.launch-hero-proof span{display:inline-flex;align-items:center;gap:5px}

.trust-grid{margin-top:16px;gap:10px}
.trust-item{border-color:#E3E8EF;box-shadow:0 5px 14px rgba(10,35,66,.04);min-height:60px}
.trust-icon{background:#FFF2E7;color:var(--nx-orange-dark)}

.section{padding:30px 0}
.section-head{margin-bottom:18px}
.eyebrow{color:var(--nx-orange-dark)}
.category-card{border-color:var(--nx-line);box-shadow:0 6px 18px rgba(10,35,66,.045);background:linear-gradient(180deg,#fff,#FCFDFE)}
.category-card:hover{box-shadow:0 15px 35px rgba(10,35,66,.09)}

.product-grid{gap:14px}
.product-card{border-color:var(--nx-line);box-shadow:0 7px 20px rgba(10,35,66,.045);border-radius:20px}
.product-card:hover{box-shadow:0 18px 38px rgba(10,35,66,.11)}
.product-image-wrap{background:linear-gradient(145deg,#F6F8FB,#EDF1F6)}
.product-badge{background:rgba(255,255,255,.94);backdrop-filter:blur(8px);padding:6px 9px}
.product-content{padding:14px}
.product-name{font-size:1rem;color:var(--nx-navy)}
.product-benefit{line-height:1.45}
.product-price{font-size:1.14rem;color:var(--nx-navy)}
.availability{color:var(--nx-green);letter-spacing:.01em}
.card-actions{margin-top:4px}
.btn-primary{background:linear-gradient(180deg,#F7893A,var(--nx-orange));box-shadow:0 9px 20px rgba(244,119,33,.24)}
.btn-primary:hover{background:linear-gradient(180deg,var(--nx-orange),var(--nx-orange-dark))}
.btn-dark{background:var(--nx-navy)}
.btn-ghost{border-color:#DDE4EC;color:var(--nx-navy)}

.page-header{padding-top:28px}
.page-header h1{color:var(--nx-navy)}
.detail-panel,.summary-card{border-color:var(--nx-line);box-shadow:0 10px 30px rgba(10,35,66,.055)}
.detail-panel{border-radius:24px}
.summary-card{border-radius:22px}
.detail-price{font-size:1.9rem}
.gallery-main{border-radius:24px;box-shadow:0 10px 30px rgba(10,35,66,.06)}
.meta-row{padding:10px 0;border-bottom-color:#E7EBF0}
.variant{min-height:42px}
.variant.active{background:#EAF1F8;border-color:#5B789B;color:var(--nx-navy)}
.launch-purchase-trust{display:grid;gap:7px;margin-top:14px;padding:13px 14px;border:1px solid #DDE9E4;background:#F2FAF6;border-radius:14px;color:#176046;font-size:.78rem;font-weight:750}

.cart-item{border-color:var(--nx-line);box-shadow:0 5px 16px rgba(10,35,66,.035)}
.launch-cart-assurance{display:grid;gap:5px;margin-top:16px;padding:13px;border-radius:14px;background:var(--nx-cream);color:#714018;font-size:.82rem}
.launch-cart-assurance strong{color:#522B0C}

#checkout-form{position:relative}
.launch-checkout-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:-3px 0 16px;padding-bottom:14px;border-bottom:1px solid var(--nx-line)}
.launch-checkout-steps span{font-size:.7rem;font-weight:800;color:#8993A3;padding:8px 5px;border-radius:10px;text-align:center;background:#F3F5F8}
.launch-checkout-steps span.done{color:#3F5B78;background:#EDF2F7}
.launch-checkout-steps span.active{color:#fff;background:var(--nx-navy)}
.field input,.field select,.field textarea{border-color:#D9E0E9;background:#fff}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#53769C;box-shadow:0 0 0 4px rgba(23,74,126,.09)}
.notice{line-height:1.5}
.notice.ok{background:#EBF8F2;border:1px solid #CAE9DC}
.notice.warn{background:#FFF5EB;border:1px solid #F4D5B7}

.status-step.current .status-dot{background:var(--nx-orange)}
.status-step.done .status-dot{background:var(--nx-green)}

.footer{background:linear-gradient(145deg,#071A31,#0C294B);padding-top:42px}
.footer h3{color:#fff}
.footer-links{gap:11px}
.footer-links a:hover{color:#fff}
.whatsapp-float{bottom:20px;background:#118C5B;box-shadow:0 15px 35px rgba(17,140,91,.26)}

.launch-mobile-nav{display:none}

@media(max-width:979px){
  body{padding-bottom:78px}
  .launch-topbar-row{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding-block:7px}
  .launch-topbar-row::-webkit-scrollbar{display:none}
  .header-row{height:64px}
  .brand img{width:118px}
  .header .icon-btn[href="#/suivi"]{display:none}
  .hero{padding-top:15px}
  .hero-card{padding:26px 22px;border-radius:24px}
  .hero h1{font-size:clamp(2.25rem,11vw,3.5rem);line-height:1.01}
  .hero p{font-size:.96rem}
  .trust-grid{grid-template-columns:repeat(2,1fr)}
  .trust-item{align-items:flex-start;min-height:72px}
  .section{padding:24px 0}
  .section-head{align-items:flex-end}
  .product-card{border-radius:17px}
  .product-content{padding:12px}
  .product-benefit{display:none}
  .product-price{font-size:1.05rem}
  .card-actions{grid-template-columns:1fr 38px}
  .card-actions .btn{font-size:.76rem}
  .detail-panel{padding:17px}
  .summary-card{position:static}
  .launch-mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));z-index:80;background:rgba(255,255,255,.96);border:1px solid #DDE4EC;border-radius:19px;box-shadow:0 14px 38px rgba(10,35,66,.18);backdrop-filter:blur(14px);padding:6px}
  .launch-mobile-nav a{min-height:54px;display:grid;place-items:center;align-content:center;gap:1px;border-radius:13px;color:#66778B;position:relative}
  .launch-mobile-nav a>span{font-size:1.16rem;line-height:1}
  .launch-mobile-nav small{font-size:.62rem;font-weight:800}
  .launch-mobile-nav a.active{background:#EEF3F8;color:var(--nx-navy)}
  .launch-cart-count{position:absolute;top:3px;right:17%;min-width:18px;height:18px;border-radius:9px;background:var(--nx-orange);color:#fff;font-size:.62rem;display:grid;place-items:center;padding:0 4px;border:2px solid #fff}
  .whatsapp-float{bottom:86px;padding:11px;width:48px;height:48px;justify-content:center}
  .whatsapp-float span{display:none}
  .footer{margin-bottom:0;padding-bottom:28px}
}

@media(max-width:520px){
  .container{width:min(calc(100% - 20px),var(--max))}
  h2{font-size:1.65rem}
  .hero-card{padding:24px 19px}
  .hero-actions{display:grid}
  .hero-actions .btn{width:100%}
  .launch-hero-proof{display:grid;gap:6px}
  .trust-grid{gap:8px}
  .trust-item{padding:10px;gap:8px;font-size:.76rem}
  .trust-icon{width:30px;height:30px}
  .category-grid{gap:9px}
  .category-card{padding:13px;min-height:112px}
  .product-grid{gap:9px}
  .product-card{border-radius:15px}
  .product-content{padding:10px;gap:6px}
  .product-name{font-size:.88rem}
  .product-price{font-size:.98rem}
  .product-badge{font-size:.59rem;left:7px;top:7px}
  .availability{font-size:.65rem}
  .card-actions .icon-btn{display:none}
  .card-actions{grid-template-columns:1fr}
  .launch-checkout-steps{gap:4px}
  .launch-checkout-steps span{font-size:.61rem;padding:7px 3px}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}