:root{
  --bg:#070a0d;
  --surface:#0b1015;
  --surface2:#0c141b;
  --card:#0c1319;
  --text:#f4f7ff;
  --muted:rgba(244,247,255,.72);
  --muted2:rgba(244,247,255,.56);
  --border:rgba(244,247,255,.12);
  --shadow:0 18px 50px rgba(0,0,0,.45);
  --green:#2bd576;
  --green2:#1dbb61;
  --yellow:#f3c942;
  --danger:#ff4d4d;
  --radius:18px;
  --radius2:26px;
  --container:1180px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:
    radial-gradient(1000px 600px at 14% -10%,rgba(243,201,66,.24),transparent 55%),
    radial-gradient(900px 540px at 88% 8%,rgba(255,255,255,.10),transparent 58%),
    radial-gradient(900px 540px at 70% 6%,rgba(43,213,118,.08),transparent 60%),
    linear-gradient(180deg,var(--bg),#04070a 70%);
  color:var(--text);
  line-height:1.45;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

.container{width:min(var(--container),calc(100% - 40px));margin:0 auto}

.topbar{
  position:sticky;
  top:0;
  z-index:50;
  backdrop-filter:saturate(140%) blur(12px);
  background:rgba(7,10,12,.72);
  border-bottom:1px solid var(--border);
}
.topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}

.brand{display:flex;align-items:center;gap:10px}
.brand__logo{
  height:46px;
  width:auto;
  max-width:220px;
  object-fit:contain;
  filter:drop-shadow(0 16px 40px rgba(0,0,0,.28));
}
.brand__logo--sm{height:38px;max-width:200px}
.brand__mark{
  width:34px;height:34px;border-radius:12px;
  background:radial-gradient(12px 12px at 30% 35%,rgba(255,255,255,.85),transparent 55%),
             linear-gradient(135deg,var(--green),var(--yellow));
  box-shadow:0 10px 30px rgba(43,213,118,.25);
}
.brand__name{font-weight:900;letter-spacing:.2px;display:none}

.nav{display:flex;align-items:center;gap:18px}
.nav__link{
  font-weight:800;
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--muted);
  position:relative;
}
.nav__link:after{
  content:"";
  position:absolute;
  left:0;right:0;
  bottom:-8px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(243,201,66,.0),rgba(243,201,66,.70),rgba(255,255,255,.42),rgba(243,201,66,.0));
  opacity:0;
  transform:translate3d(0,4px,0);
  transition:opacity .14s ease,transform .14s ease;
}
.nav__link:hover{color:var(--text)}
.nav__link:hover:after{opacity:1;transform:translate3d(0,0,0)}
.nav__link.is-active{color:var(--text)}
.nav__link.is-active:after{opacity:1;transform:translate3d(0,0,0)}

.topbar__actions{display:flex;align-items:center;gap:10px}
.cartlink{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;height:44px;
  border:1px solid var(--border);
  border-radius:16px;
  background:rgba(255,255,255,.02);
}
.cartlink__icon{
  width:18px;height:18px;
  background:linear-gradient(135deg,rgba(255,255,255,.85),rgba(255,255,255,.35));
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2s-.9-2-2-2m10 0c-1.1 0-1.99.9-1.99 2S15.9 22 17 22s2-.9 2-2s-.9-2-2-2M7.17 14h9.92c.75 0 1.4-.41 1.74-1.03L21 6H6.21L5.27 4H2v2h2l3.6 7.59L6.25 16c-.41.75.13 1.67.98 1.67H19v-2H7.42z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2s-.9-2-2-2m10 0c-1.1 0-1.99.9-1.99 2S15.9 22 17 22s2-.9 2-2s-.9-2-2-2M7.17 14h9.92c.75 0 1.4-.41 1.74-1.03L21 6H6.21L5.27 4H2v2h2l3.6 7.59L6.25 16c-.41.75.13 1.67.98 1.67H19v-2H7.42z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.cartlink__count{
  position:absolute;
  top:-6px;right:-6px;
  min-width:20px;height:20px;
  padding:0 6px;
  border-radius:999px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--yellow),#ff9d2e);
  color:#0a180f;
  font-weight:900;
  font-size:12px;
  border:2px solid rgba(6,16,9,.8);
}

.navtoggle{
  width:44px;height:44px;border-radius:16px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.02);
  display:none;
}
.navtoggle span,.navtoggle span:before,.navtoggle span:after{
  display:block;
  width:18px;height:2px;background:rgba(233,246,238,.85);
  margin:0 auto;
  border-radius:2px;
  position:relative;
  transition:transform .2s ease,opacity .2s ease,top .2s ease;
}
.navtoggle span:before,.navtoggle span:after{content:"";position:absolute;left:0}
.navtoggle span:before{top:-6px}
.navtoggle span:after{top:6px}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:16px;
  padding:12px 16px;
  border:1px solid var(--border);
  font-weight:800;
  letter-spacing:.02em;
  color:var(--text);
  background:rgba(255,255,255,.02);
  transition:transform .12s ease,background .12s ease,border-color .12s ease;
}
.btn:hover{transform:translateY(-1px);border-color:rgba(233,246,238,.22)}
.btn--primary{
  border:0;
  background:linear-gradient(135deg,var(--yellow),#ff9d2e);
  color:#0b0f12;
  box-shadow:0 18px 44px rgba(243,201,66,.22);
}
.btn--ghost{background:rgba(255,255,255,.02)}
.btn--danger{background:linear-gradient(135deg,var(--danger),#ff854d);border:0;color:#200}
.btn--sm{padding:10px 12px;border-radius:14px;font-size:13px}
.btn--lg{padding:14px 18px;border-radius:18px}
.userchip{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:16px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.02);
  font-weight:900;
  font-size:13px;
  max-width:240px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.userchip:hover{border-color:rgba(233,246,238,.22)}
.userchip__dot{
  width:10px;height:10px;border-radius:999px;
  background:linear-gradient(135deg,var(--yellow),rgba(255,255,255,.68));
  box-shadow:0 10px 20px rgba(243,201,66,.16);
  flex:0 0 auto;
}
.iconbtn{
  width:38px;height:38px;border-radius:14px;border:1px solid var(--border);
  background:rgba(255,255,255,.02);color:var(--text);font-weight:900;cursor:pointer;
}
.iconbtn:hover{border-color:rgba(233,246,238,.24)}

.hero{
  position:relative;
  padding:78px 0 40px;
  min-height:560px;
  overflow:hidden;
}
.hero--spacious{padding:86px 0 56px}
.hero:before{
  content:"";
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(8,10,14,.92),rgba(8,10,14,.44) 55%,rgba(8,10,14,.62)),
    var(--hero-bg) center/cover no-repeat;
  filter:saturate(1.12) contrast(1.05);
}
.hero:after{
  content:"";
  position:absolute;inset:-140px -120px auto auto;
  width:520px;height:520px;
  background:radial-gradient(circle at 30% 30%,rgba(243,201,66,.26),transparent 55%),
             radial-gradient(circle at 70% 70%,rgba(255,255,255,.12),transparent 55%);
  transform:rotate(18deg);
}
.hero__inner{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}
.hero__copy{max-width:720px}
.hero__kicker{
  color:rgba(255,255,255,.72);
  font-weight:900;
  letter-spacing:.4em;
  text-transform:uppercase;
  font-size:12px;
  margin-bottom:12px;
}
.hero__title{
  font-size:clamp(34px,4.2vw,62px);
  line-height:1.02;
  margin:0 0 14px;
  font-weight:900;
  text-shadow:0 18px 60px rgba(0,0,0,.5);
}
.hero__body{
  max-width:620px;
  margin:0 0 20px;
  color:rgba(255,255,255,.76);
  font-size:16px;
}
.herosearch{
  display:flex;
  gap:10px;
  align-items:center;
  margin:0 0 14px;
  flex-wrap:wrap;
}
.herosearch__input{
  flex:1 1 320px;
  padding:13px 14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.22);
  color:var(--text);
  font-weight:750;
  outline:none;
}
.herosearch__input:focus{border-color:rgba(243,201,66,.32)}
.hero__cta{display:flex;gap:12px;flex-wrap:wrap}
.hero__note{margin-top:18px;color:rgba(255,255,255,.66);font-weight:600}
.hero--carousel .hero__copy{max-width:760px}
.heroslides{position:relative;min-height:248px}
.heroslide{
  position:absolute;
  inset:0;
  opacity:0;
  transform:translate3d(0,10px,0);
  transition:opacity .5s cubic-bezier(.2,.8,.2,1),transform .5s cubic-bezier(.2,.8,.2,1);
  pointer-events:none;
}
.heroslide.is-active{opacity:1;transform:translate3d(0,0,0);pointer-events:auto}
.herocarousel__nav{
  margin-top:18px;
  display:flex;
  align-items:center;
  gap:12px;
}
.herodots{display:flex;gap:10px;align-items:center;justify-content:center;flex:1}
.herodot{
  width:12px;height:12px;border-radius:999px;
  border:1px solid rgba(255,255,255,.20);
  background:rgba(255,255,255,.08);
  cursor:pointer;
}
.herodot[aria-current="true"]{
  background:linear-gradient(135deg,var(--yellow),rgba(255,255,255,.42));
  border-color:rgba(243,201,66,.35);
  transform:scale(1.1);
}
.herobtn{
  width:44px;height:44px;border-radius:16px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.18);
  cursor:pointer;
  position:relative;
}
.herobtn:before{
  content:"";
  position:absolute;
  inset:0;
  margin:auto;
  width:12px;height:12px;
  border-left:3px solid rgba(255,255,255,.82);
  border-bottom:3px solid rgba(255,255,255,.82);
  transform:rotate(45deg);
}
.herobtn--next:before{transform:rotate(-135deg)}
.herobtn:hover{border-color:rgba(243,201,66,.24)}
.heroprogress{
  margin-top:10px;
  height:6px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(0,0,0,.20);
  overflow:hidden;
}
.heroprogress__bar{
  height:100%;
  width:0%;
  background:linear-gradient(90deg,var(--green),var(--yellow));
}
.hero--carousel.is-playing .heroprogress__bar{animation:heroProgress 6.5s linear infinite}
@keyframes heroProgress{from{width:0%}to{width:100%}}
.hero__panel{
  margin-top:18px;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(0,0,0,.18);
  padding:16px;
  backdrop-filter:saturate(140%) blur(10px);
  box-shadow:0 20px 60px rgba(0,0,0,.25);
}
.hero__paneltitle{
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:12px;
  color:rgba(255,255,255,.72);
  margin-bottom:10px;
}
.hero__meta{
  margin-top:16px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.herostat{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.18);
  border-radius:18px;
  padding:12px;
}
.herostat__k{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.62);font-weight:900}
.herostat__v{margin-top:6px;font-weight:900;color:rgba(255,255,255,.92);font-size:13px}
.herochips{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}
.herochip{
  padding:9px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.86);
  font-weight:900;
  font-size:13px;
}
.herochip:hover{border-color:rgba(243,201,66,.28)}
.hero__art{position:relative;height:420px}
.float{
  position:absolute;
  border-radius:999px;
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.35));
  opacity:.9;
  mix-blend-mode:screen;
}
.float--1{width:160px;height:160px;right:10%;top:18%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.7),transparent 50%),radial-gradient(circle at 55% 60%,rgba(243,201,66,.85),rgba(243,201,66,.15));animation:float 7s ease-in-out infinite}
.float--2{width:120px;height:120px;right:42%;top:55%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.6),transparent 55%),radial-gradient(circle at 55% 60%,rgba(243,201,66,.85),rgba(243,201,66,.14));animation:float 8.5s ease-in-out infinite reverse}
.float--3{width:90px;height:90px;right:18%;top:70%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.55),transparent 55%),radial-gradient(circle at 55% 60%,rgba(255,110,110,.85),rgba(255,110,110,.15));animation:float 9.2s ease-in-out infinite}
@keyframes float{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(0,-16px,0) rotate(4deg)}}

.strip{
  position:relative;
  padding:0 0 18px;
  margin-top:-18px;
}
.strip:before{
  content:"";
  position:absolute;
  inset:-40px 0 auto 0;
  height:120px;
  background:
    radial-gradient(600px 160px at 20% 20%,rgba(243,201,66,.16),transparent 62%),
    radial-gradient(600px 160px at 80% 10%,rgba(255,255,255,.08),transparent 60%);
  pointer-events:none;
}
.strip__inner{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.strip__item{
  position:relative;
  border:1px solid transparent;
  border-radius:22px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)) padding-box,
    linear-gradient(135deg,rgba(243,201,66,.36),rgba(255,255,255,.12),rgba(255,157,46,.22)) border-box;
  padding:14px 14px;
  box-shadow:0 18px 60px rgba(0,0,0,.20);
  backdrop-filter:saturate(140%) blur(10px);
  display:flex;
  align-items:flex-start;
  gap:12px;
  overflow:hidden;
  min-height:84px;
  transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;
}
.strip__item:hover{transform:translateY(-1px);box-shadow:0 22px 70px rgba(0,0,0,.26)}
.strip__item .sicon{
  width:34px;height:34px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(135deg,rgba(243,201,66,.22),rgba(255,255,255,.06));
  box-shadow:0 16px 40px rgba(243,201,66,.12);
}
.strip__item:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(260px 140px at 10% 0%,rgba(243,201,66,.18),transparent 60%),
    radial-gradient(260px 140px at 90% 10%,rgba(255,255,255,.08),transparent 60%);
  opacity:.8;
  pointer-events:none;
}
.strip__item > *{position:relative;z-index:1}
.strip__item:nth-child(2) .sicon{background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(243,201,66,.16));box-shadow:0 16px 40px rgba(255,255,255,.10)}
.strip__item:nth-child(3) .sicon{background:linear-gradient(135deg,rgba(255,157,46,.20),rgba(243,201,66,.14));box-shadow:0 16px 40px rgba(255,157,46,.10)}
.strip__item:nth-child(4) .sicon{background:linear-gradient(135deg,rgba(243,201,66,.20),rgba(255,255,255,.10));box-shadow:0 16px 40px rgba(243,201,66,.12)}
.strip__k{color:var(--muted2);font-weight:900;letter-spacing:.22em;text-transform:uppercase;font-size:11px}
.strip__v{
  margin-top:6px;
  font-weight:950;
  font-size:18px;
  color:rgba(255,255,255,.92);
  line-height:1.15;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.trust{
  padding:18px 0;
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
  background:
    radial-gradient(800px 240px at 20% 40%,rgba(243,201,66,.10),transparent 62%),
    radial-gradient(800px 240px at 80% 30%,rgba(255,255,255,.06),transparent 62%),
    rgba(0,0,0,.12);
}
.trust__inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.trust__item{
  position:relative;
  --trust-accent:rgba(243,201,66,.22);
  border:1px solid transparent;
  background:
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02)) padding-box,
    linear-gradient(135deg,var(--trust-accent),rgba(255,255,255,.10),rgba(255,255,255,0)) border-box;
  border-radius:18px;
  padding:14px 14px;
  display:flex;
  align-items:center;
  gap:12px;
  overflow:hidden;
  min-height:74px;
  transition:transform .14s ease,box-shadow .14s ease;
}
.trust__item:nth-child(2){--trust-accent:rgba(255,255,255,.18)}
.trust__item:nth-child(3){--trust-accent:rgba(255,157,46,.22)}
.trust__item:nth-child(4){--trust-accent:rgba(243,201,66,.16)}
.trust__item .sicon{
  width:34px;height:34px;border-radius:16px;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(135deg,var(--trust-accent),rgba(255,255,255,.05));
  box-shadow:0 18px 50px rgba(0,0,0,.24);
}
.trust__item:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(420px 160px at 20% 0%,var(--trust-accent),transparent 60%);
  opacity:.65;
}
.trust__item > *{position:relative;z-index:1}
.trust__item:hover{transform:translateY(-1px);box-shadow:0 22px 70px rgba(0,0,0,.26)}
.trust__dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,var(--yellow),rgba(255,255,255,.55));flex:0 0 auto}
.trust__text{display:flex;flex-direction:column;gap:2px;min-width:0}
.trust__item strong{font-weight:950;font-size:14px;line-height:1.1}
.trust__item span{color:var(--muted);font-weight:650;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.stepcard{
  position:relative;
  overflow:hidden;
  --step-accent:rgba(243,201,66,.22);
  border:1px solid rgba(244,247,255,.12);
  background:
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02)),
    linear-gradient(110deg,rgba(255,255,255,0) 35%,var(--step-accent) 50%,rgba(255,255,255,0) 65%);
  background-size:auto,220% 100%;
  background-position:0 0,-120% 0;
  border-radius:26px;
  padding:16px;
  box-shadow:0 18px 60px rgba(0,0,0,.18);
  backdrop-filter:saturate(140%) blur(10px);
  transition:transform .14s ease,border-color .14s ease,background-position .55s cubic-bezier(.2,.8,.2,1);
}
.stepcard:nth-child(2){--step-accent:rgba(255,255,255,.16)}
.stepcard:nth-child(3){--step-accent:rgba(255,157,46,.20)}
.stepcard:hover{transform:translateY(-2px);border-color:var(--step-accent);background-position:0 0,120% 0}
.stepcard:before{
  content:"";
  position:absolute;
  inset:0;
  background:var(--step-bg) center/cover no-repeat;
  opacity:.22;
  filter:saturate(1.15) contrast(1.08);
  transform:scale(1.04);
}
.stepcard:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.30));
}
.stepcard > *{position:relative;z-index:1}
.stepcard__top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.stepcard__top .sicon{width:22px;height:22px;border-radius:14px}
.stepcard__num{
  width:34px;height:34px;border-radius:14px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(244,247,255,.14);
  background:linear-gradient(135deg,rgba(243,201,66,.18),rgba(255,255,255,.06));
  font-weight:900;
}
.stepcard__title{font-weight:900;font-size:18px;margin-bottom:6px}
.stepcard__body{color:var(--muted);font-weight:650;font-size:13px}

.sicon{
  width:18px;height:18px;
  border-radius:10px;
  border:1px solid rgba(243,201,66,.18);
  background:linear-gradient(135deg,rgba(243,201,66,.16),rgba(255,255,255,.05));
  display:inline-block;
  position:relative;
  flex:0 0 auto;
  vertical-align:middle;
}
.sicon:after{
  content:"";
  position:absolute;
  inset:4px;
  background:rgba(255,255,255,.9);
  -webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;
          mask-size:contain;mask-repeat:no-repeat;mask-position:center;
}
.sicon[data-sicon="leaf"]:after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 21c10 0 14-7 14-14C12 7 5 11 5 21m0 0c3-6 8-9 14-10'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 21c10 0 14-7 14-14C12 7 5 11 5 21m0 0c3-6 8-9 14-10'/%3E%3C/svg%3E");
}
.sicon[data-sicon="truck"]:after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 4h13v11H3zm14 6h3l2 3v2h-5zM6 18a2 2 0 1 0 0 4a2 2 0 0 0 0-4m12 0a2 2 0 1 0 0 4a2 2 0 0 0 0-4'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 4h13v11H3zm14 6h3l2 3v2h-5zM6 18a2 2 0 1 0 0 4a2 2 0 0 0 0-4m12 0a2 2 0 1 0 0 4a2 2 0 0 0 0-4'/%3E%3C/svg%3E");
}
.sicon[data-sicon="wallet"]:after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M17 7H3V5h14a2 2 0 0 1 2 2v1zM3 9h18v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm14 4a2 2 0 1 0 0 4h4v-4z'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M17 7H3V5h14a2 2 0 0 1 2 2v1zM3 9h18v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm14 4a2 2 0 1 0 0 4h4v-4z'/%3E%3C/svg%3E");
}
.sicon[data-sicon="chat"]:after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20 2H4a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20 2H4a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2'/%3E%3C/svg%3E");
}
.sicon[data-sicon="spark"]:after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M13 3L4 14h7l-1 7l9-11h-7z'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M13 3L4 14h7l-1 7l9-11h-7z'/%3E%3C/svg%3E");
}
.sicon[data-sicon="grid"]:after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 3h8v8H3zm10 0h8v8h-8zM3 13h8v8H3zm10 10v-8h8v8z'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 3h8v8H3zm10 0h8v8h-8zM3 13h8v8H3zm10 10v-8h8v8z'/%3E%3C/svg%3E");
}
.sicon[data-sicon="help"]:after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2m1 17h-2v-2h2zm1.9-7.5l-.9.9c-.7.7-1 1.2-1 2.6h-2v-.5c0-1.1.3-2.1 1.1-2.9l1.2-1.2a1.9 1.9 0 1 0-3.4-1.3H8a4 4 0 1 1 6.9 2.7'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2m1 17h-2v-2h2zm1.9-7.5l-.9.9c-.7.7-1 1.2-1 2.6h-2v-.5c0-1.1.3-2.1 1.1-2.9l1.2-1.2a1.9 1.9 0 1 0-3.4-1.3H8a4 4 0 1 1 6.9 2.7'/%3E%3C/svg%3E");
}

.section--image{position:relative;overflow:hidden}
.section--image:before{
  content:"";
  position:absolute;
  inset:0;
  background:var(--section-bg) center/cover no-repeat;
  opacity:.18;
  filter:saturate(1.15) contrast(1.08);
  transform:scale(1.02);
}
.section--image:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(900px 520px at 16% 18%,rgba(243,201,66,.10),transparent 60%),
    radial-gradient(900px 520px at 82% 30%,rgba(255,255,255,.06),transparent 60%),
    linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,.22));
}
.section--image > .container{position:relative;z-index:1}

.section__kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.16);
  color:rgba(233,246,238,.78);
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-size:12px;
  width:max-content;
}
.section__kicker .sicon{width:20px;height:20px;border-radius:12px}

.slider{
  display:flex;
  gap:14px;
  overflow:auto;
  padding:4px 2px 10px;
  scroll-snap-type:x mandatory;
}
.slider::-webkit-scrollbar{height:10px}
.slider::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:999px}
.sliderwrap{position:relative}
.slidercontrols{display:flex;gap:10px;justify-content:flex-end;margin:0 0 12px}
.iconbtn{position:relative}
.iconbtn[data-slider-prev],.iconbtn[data-slider-next]{width:44px;height:44px;border-radius:16px}
.iconbtn[data-slider-prev]:before,.iconbtn[data-slider-next]:before{
  content:"";
  position:absolute;
  inset:0;
  margin:auto;
  width:12px;height:12px;
  border-left:3px solid rgba(244,247,255,.82);
  border-bottom:3px solid rgba(244,247,255,.82);
  transform:rotate(45deg);
}
.iconbtn[data-slider-next]:before{transform:rotate(-135deg)}
.slide{flex:0 0 320px;scroll-snap-align:start}
.producttile{
  position:relative;
  border:1px solid transparent;
  background:
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02)) padding-box,
    linear-gradient(135deg,rgba(243,201,66,.30),rgba(255,255,255,.10),rgba(255,157,46,.18)) border-box;
  border-radius:26px;
  overflow:hidden;
  box-shadow:0 18px 60px rgba(0,0,0,.2);
  transition:transform .14s ease,box-shadow .14s ease;
}
.producttile:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,rgba(255,255,255,0) 35%,rgba(243,201,66,.16) 50%,rgba(255,255,255,0) 65%);
  opacity:0;
  transform:translate3d(-60%,0,0);
  transition:opacity .18s ease,transform .55s cubic-bezier(.2,.8,.2,1);
  pointer-events:none;
}
.producttile:hover{transform:translateY(-2px);box-shadow:0 24px 80px rgba(0,0,0,.28)}
.producttile:hover:after{opacity:1;transform:translate3d(60%,0,0)}
.producttile__img{display:block;height:200px;background-size:cover;background-position:center;position:relative}
.producttile__img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.32))}
.producttile__body{padding:14px}
.producttile__meta{font-size:12px;color:var(--muted2);font-weight:900;letter-spacing:.22em;text-transform:uppercase}
.producttile__title{display:block;font-weight:900;margin:8px 0 10px;line-height:1.1;font-size:16px}
.producttile__foot{display:flex;align-items:center;justify-content:space-between;gap:10px}
.producttile__price{font-weight:900;color:rgba(243,201,66,.95)}
.producttile__btn{margin:0}

.paygrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.paycard{
  position:relative;
  --pay-accent:rgba(243,201,66,.22);
  border:1px solid transparent;
  background:
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02)) padding-box,
    linear-gradient(135deg,var(--pay-accent),rgba(255,255,255,.10),rgba(255,255,255,0)) border-box;
  border-radius:26px;
  padding:16px;
  overflow:hidden;
  box-shadow:0 18px 60px rgba(0,0,0,.20);
  transition:transform .14s ease,box-shadow .14s ease;
}
.paycard:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,rgba(255,255,255,0) 35%,var(--pay-accent) 50%,rgba(255,255,255,0) 65%);
  opacity:0;
  transform:translate3d(-60%,0,0);
  transition:opacity .18s ease,transform .55s cubic-bezier(.2,.8,.2,1);
  pointer-events:none;
}
.paycard:hover{transform:translateY(-2px);box-shadow:0 24px 80px rgba(0,0,0,.28)}
.paycard:hover:after{opacity:1;transform:translate3d(60%,0,0)}
.paycard--daviplata{--pay-accent:rgba(243,201,66,.22)}
.paycard--nequi{--pay-accent:rgba(165,120,255,.18)}
.paycard--bancolombia{--pay-accent:rgba(255,157,46,.20)}
.paycard--generic{--pay-accent:rgba(255,255,255,.14)}
.paycard__top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.paycard__title{font-weight:900;font-size:16px;display:flex;align-items:center;gap:10px}
.payicon{
  width:34px;height:34px;border-radius:16px;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(135deg,var(--pay-accent),rgba(255,255,255,.05));
  position:relative;
  flex:0 0 auto;
}
.payicon:after{
  content:"";
  position:absolute;inset:6px;
  background:rgba(255,255,255,.88);
  -webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;
          mask-size:contain;mask-repeat:no-repeat;mask-position:center;
}
.payicon--daviplata{background:linear-gradient(135deg,rgba(243,201,66,.22),rgba(255,255,255,.06))}
.payicon--nequi{background:linear-gradient(135deg,rgba(165,120,255,.20),rgba(120,170,255,.12))}
.payicon--bancolombia{background:linear-gradient(135deg,rgba(255,157,46,.22),rgba(243,201,66,.10))}
.payicon--generic{background:linear-gradient(135deg,rgba(233,246,238,.16),rgba(243,201,66,.10))}
.payicon--daviplata:after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h10v2H7zm-1 4h12l-1 16H7z'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h10v2H7zm-1 4h12l-1 16H7z'/%3E%3C/svg%3E");
}
.payicon--nequi:after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2l9 6v8l-9 6l-9-6V8z'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2l9 6v8l-9 6l-9-6V8z'/%3E%3C/svg%3E");
}
.payicon--bancolombia:after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3l10 6v2H2V9zm-8 10h16v8H4z'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3l10 6v2H2V9zm-8 10h16v8H4z'/%3E%3C/svg%3E");
}
.payicon--generic:after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v3H3zm0 5h20v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm14 2v2h4v-2z'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v3H3zm0 5h20v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm14 2v2h4v-2z'/%3E%3C/svg%3E");
}
.paycard__pill{
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  color:rgba(244,247,255,.78);
  font-weight:900;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  background:rgba(0,0,0,.14);
}
.paycard__value{font-weight:900;color:rgba(243,201,66,.95);word-break:break-word}
.centercta{margin-top:18px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

.section{padding:64px 0}
.section--tight{padding:44px 0}
.section--surface{
  position:relative;
  background:
    radial-gradient(circle at 10% 20%,rgba(243,201,66,.14),transparent 55%),
    radial-gradient(circle at 80% 30%,rgba(255,255,255,.08),transparent 55%),
    rgba(0,0,0,.10);
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.section--surface2{
  position:relative;
  background:
    radial-gradient(circle at 20% 10%,rgba(243,201,66,.12),transparent 55%),
    radial-gradient(circle at 80% 60%,rgba(255,255,255,.07),transparent 55%),
    rgba(255,255,255,.015);
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.sectiondivider{
  height:26px;
  background:
    linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent),
    radial-gradient(circle at 20% 50%,rgba(243,201,66,.10),transparent 55%),
    radial-gradient(circle at 80% 50%,rgba(255,255,255,.07),transparent 55%);
}
.section__head{display:flex;flex-direction:column;gap:8px;margin-bottom:22px;max-width:760px}
.section__head--center{margin:0 auto 26px;text-align:center}
.section__head--row{max-width:none;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:18px}
.section__head--row .section__sub{max-width:560px}
.section__title{font-size:clamp(22px,2.5vw,34px);margin:0;font-weight:900}
.section__title--light{color:#f7fffb}
.section__sub{margin:0;color:var(--muted);font-weight:600}

.grid{display:grid;gap:18px}
.grid--cats{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid--products{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid--features{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.grid--admin{grid-template-columns:1fr 1fr}
.grid--admin2{grid-template-columns:1.05fr .95fr}
.grid--admin3{grid-template-columns:1fr 1fr}

.catcard{
  position:relative;
  --cat-accent:rgba(243,201,66,.22);
  border:1px solid transparent;
  background:
    linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01)) padding-box,
    linear-gradient(135deg,var(--cat-accent),rgba(255,255,255,.10),rgba(255,255,255,0)) border-box;
  border-radius:var(--radius2);
  overflow:hidden;
  min-height:150px;
  box-shadow:0 16px 50px rgba(0,0,0,.25);
  transform:translateZ(0);
  transition:transform .14s ease,box-shadow .14s ease;
}
.catcard:nth-child(2){--cat-accent:rgba(255,255,255,.16)}
.catcard:nth-child(3){--cat-accent:rgba(255,157,46,.20)}
.catcard:nth-child(4){--cat-accent:rgba(243,201,66,.16)}
.catcard:before{
  content:"";
  position:absolute;
  inset:-60px -60px auto auto;
  width:220px;height:220px;
  background:radial-gradient(circle at 30% 30%,var(--cat-accent),transparent 62%);
  opacity:.85;
  transform:rotate(14deg);
  pointer-events:none;
  z-index:1;
}
.catcard:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,rgba(255,255,255,0) 35%,var(--cat-accent) 50%,rgba(255,255,255,0) 65%);
  opacity:0;
  transform:translate3d(-60%,0,0);
  transition:opacity .18s ease,transform .55s cubic-bezier(.2,.8,.2,1);
  pointer-events:none;
  z-index:1;
}
.catcard__bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(1.1) contrast(1.05)}
.catcard__bg:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(8,10,14,.14),rgba(8,10,14,.76))}
.catcard__body{position:relative;padding:18px;z-index:2}
.catcard__title{font-size:18px;font-weight:900;margin-bottom:6px}
.catcard__desc{color:var(--muted);font-weight:600;font-size:13px;max-width:240px}
.catcard:hover{transform:translateY(-2px);box-shadow:0 24px 80px rgba(0,0,0,.30)}
.catcard:hover:after{opacity:1;transform:translate3d(60%,0,0)}

.section--green{
  background:
    radial-gradient(800px 420px at 18% 20%,rgba(243,201,66,.18),transparent 58%),
    radial-gradient(900px 520px at 82% 10%,rgba(255,255,255,.10),transparent 62%),
    linear-gradient(180deg,#171107,#060a0d);
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.section--divider{position:relative}
.section--divider:before,.section--divider:after{
  content:"";
  position:absolute;
  left:0;right:0;
  height:26px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent);
  opacity:.6;
}
.section--divider:before{top:-13px}
.section--divider:after{bottom:-13px}
.feature{
  border:1px solid rgba(255,255,255,.10);
  border-radius:var(--radius);
  padding:18px;
  background:rgba(0,0,0,.20);
}
.feature__icon{
  width:42px;height:42px;border-radius:16px;
  background:linear-gradient(135deg,rgba(243,201,66,.22),rgba(255,255,255,.06));
  border:1px solid rgba(243,201,66,.18);
  margin-bottom:10px;
  position:relative;
}
.feature__icon:after{
  content:"";
  position:absolute;inset:10px;
  background:rgba(255,255,255,.86);
  -webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;
          mask-size:contain;mask-repeat:no-repeat;mask-position:center;
}
.feature__icon[data-icon="spark"]:after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M13 3L4 14h7l-1 7l9-11h-7z'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M13 3L4 14h7l-1 7l9-11h-7z'/%3E%3C/svg%3E");
}
.feature__icon[data-icon="truck"]:after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 4h13v11H3zm14 6h3l2 3v2h-5zM6 18a2 2 0 1 0 0 4a2 2 0 0 0 0-4m12 0a2 2 0 1 0 0 4a2 2 0 0 0 0-4'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 4h13v11H3zm14 6h3l2 3v2h-5zM6 18a2 2 0 1 0 0 4a2 2 0 0 0 0-4m12 0a2 2 0 1 0 0 4a2 2 0 0 0 0-4'/%3E%3C/svg%3E");
}
.feature__icon[data-icon="chat"]:after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20 2H4a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20 2H4a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2'/%3E%3C/svg%3E");
}
.feature__icon[data-icon="shield"]:after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 1l9 4v6c0 5.55-3.84 10.74-9 12c-5.16-1.26-9-6.45-9-12V5z'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 1l9 4v6c0 5.55-3.84 10.74-9 12c-5.16-1.26-9-6.45-9-12V5z'/%3E%3C/svg%3E");
}
.feature__icon[data-icon="leaf"]:after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 21c10 0 14-7 14-14C12 7 5 11 5 21m0 0c3-6 8-9 14-10'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 21c10 0 14-7 14-14C12 7 5 11 5 21m0 0c3-6 8-9 14-10'/%3E%3C/svg%3E");
}
.feature__title{font-weight:900;margin-bottom:6px}
.feature__body{color:rgba(255,255,255,.72);font-weight:600;font-size:13px}

.banner{
  margin-top:22px;
  border-radius:var(--radius2);
  background:linear-gradient(135deg,rgba(243,201,66,.26),rgba(255,255,255,.10));
  border:1px solid rgba(255,255,255,.12);
  padding:20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}
.banner__title{font-weight:900;font-size:22px}
.banner__sub{color:rgba(255,255,255,.75);font-weight:600}

.faqgrid{display:grid;gap:14px;max-width:920px;margin:0 auto}
.faq{
  border:1px solid transparent;
  background:
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02)) padding-box,
    linear-gradient(135deg,rgba(243,201,66,.22),rgba(255,255,255,.10),rgba(255,255,255,0)) border-box;
  border-radius:var(--radius2);
  padding:6px 14px;
  box-shadow:0 18px 60px rgba(0,0,0,.16);
}
.faq__q{
  cursor:pointer;
  list-style:none;
  padding:14px 6px;
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.faq__q::-webkit-details-marker{display:none}
.faq__q:after{
  content:"+";
  width:28px;height:28px;border-radius:12px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(255,255,255,.14);
  color:rgba(244,247,255,.92);
  background:linear-gradient(135deg,rgba(243,201,66,.16),rgba(255,255,255,.05));
  flex:0 0 auto;
}
details[open] .faq__q:after{content:"–"}
.faq__a{padding:0 6px 14px;color:var(--muted);font-weight:600}

.pagehead{padding:46px 0 18px}
.pagehead__title{margin:0 0 8px;font-weight:900;font-size:36px}
.pagehead__sub{margin:0;color:var(--muted);font-weight:600}

.filters{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{
  padding:9px 12px;border-radius:999px;border:1px solid var(--border);
  background:rgba(255,255,255,.02);
  font-weight:800;font-size:13px;color:var(--muted);
}
.chip:hover{border-color:rgba(244,247,255,.22);color:var(--text)}

.chip.is-active{
  background:linear-gradient(135deg,rgba(243,201,66,.22),rgba(255,255,255,.06));
  color:rgba(255,255,255,.92);
  border-color:rgba(243,201,66,.28);
}

.search{display:flex;gap:8px;align-items:center}
.search__input{
  width:min(340px,70vw);
  padding:11px 12px;border-radius:14px;border:1px solid var(--border);
  background:rgba(255,255,255,.02);
  color:var(--text);font-weight:700;
  outline:none;
}
.search__input:focus{border-color:rgba(243,201,66,.28)}

.productcard{
  position:relative;
  border:1px solid transparent;
  border-radius:var(--radius2);
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02)) padding-box,
    linear-gradient(135deg,rgba(243,201,66,.26),rgba(255,255,255,.10),rgba(255,255,255,0)) border-box;
  box-shadow:0 16px 50px rgba(0,0,0,.20);
  transition:transform .14s ease,box-shadow .14s ease;
}
.productcard:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,rgba(255,255,255,0) 35%,rgba(243,201,66,.14) 50%,rgba(255,255,255,0) 65%);
  opacity:0;
  transform:translate3d(-60%,0,0);
  transition:opacity .18s ease,transform .55s cubic-bezier(.2,.8,.2,1);
  pointer-events:none;
}
.productcard:hover{transform:translateY(-2px);box-shadow:0 24px 80px rgba(0,0,0,.28)}
.productcard:hover:after{opacity:1;transform:translate3d(60%,0,0)}
.productcard__img{display:block;height:160px;background-size:cover;background-position:center;position:relative}
.productcard__img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.25))}
.productcard__body{padding:14px}
.productcard__meta{font-size:12px;color:var(--muted2);font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.productcard__title{display:block;font-weight:900;margin:8px 0 8px;line-height:1.1}
.productcard__price{font-weight:900;color:rgba(243,201,66,.95);margin-bottom:10px}
.productcard__actions{display:flex;gap:8px;align-items:center}

.bloggrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.blogcard{
  border:1px solid rgba(233,246,238,.12);
  border-radius:26px;
  overflow:hidden;
  background:rgba(255,255,255,.02);
  box-shadow:0 18px 60px rgba(0,0,0,.18);
  display:grid;
}
.blogcard__img{height:170px;background-size:cover;background-position:center;position:relative}
.blogcard__img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.35))}
.blogcard__body{padding:14px;display:grid;gap:10px}
.blogcard__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.blogcard__title{font-weight:900;font-size:18px;line-height:1.1}
.blogcard__excerpt{color:rgba(233,246,238,.74);font-weight:650;font-size:13px}
.blogcard:hover{border-color:rgba(243,201,66,.25);transform:translateY(-2px)}

.blogmeta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.blogpost{
  border:1px solid rgba(233,246,238,.12);
  border-radius:26px;
  background:rgba(255,255,255,.02);
  overflow:hidden;
  box-shadow:0 18px 60px rgba(0,0,0,.18);
}
.blogpost__img{height:320px;background-size:cover;background-position:center;position:relative}
.blogpost__img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.38))}
.blogpost__body{padding:18px;color:rgba(233,246,238,.78);font-weight:650;line-height:1.65}

.product{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:18px;
  align-items:start;
}
.product__img{
  border-radius:var(--radius2);
  border:1px solid var(--border);
  background-size:cover;background-position:center;
  height:min(480px,62vh);
  box-shadow:var(--shadow);
}
.product__info{border:1px solid var(--border);border-radius:var(--radius2);background:rgba(255,255,255,.02);padding:18px}
.crumbs{display:flex;gap:8px;align-items:center;color:var(--muted);font-weight:700;font-size:13px}
.crumbs span{opacity:.5}
.crumbs a:hover{color:var(--text)}
.product__title{margin:12px 0 10px;font-size:34px;font-weight:900;line-height:1.04}
.product__price{font-weight:900;color:rgba(243,201,66,.95);font-size:20px;margin-bottom:10px}
.product__short{color:var(--muted);font-weight:650;margin-bottom:10px}
.product__desc{color:rgba(233,246,238,.76);font-weight:600;margin-bottom:14px}
.addline{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin-top:12px}
.qty{display:flex;flex-direction:column;gap:6px;font-weight:800;color:var(--muted);font-size:12px;letter-spacing:.2em;text-transform:uppercase}
.qty input{
  width:120px;
  padding:12px 12px;border-radius:14px;border:1px solid var(--border);
  background:rgba(255,255,255,.02);color:var(--text);font-weight:800;
}

.empty{
  border:1px dashed rgba(233,246,238,.2);
  border-radius:var(--radius2);
  padding:18px;
  color:var(--muted);
  font-weight:650;
}
.empty a{color:rgba(243,201,66,.95);font-weight:900}

.cart{display:grid;gap:12px}
.cartrow{
  border:1px solid var(--border);
  border-radius:var(--radius2);
  background:rgba(255,255,255,.02);
  padding:12px;
  display:grid;
  grid-template-columns:78px 1fr 120px 140px 44px;
  gap:12px;
  align-items:center;
}
.cartrow__img{height:64px;border-radius:16px;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.08)}
.cartrow__title{font-weight:900}
.cartrow__meta{color:var(--muted);font-weight:650;font-size:13px}
.cartrow__total{font-weight:900;color:rgba(243,201,66,.95);text-align:right}
.qtyinput{
  width:100%;
  padding:12px 12px;border-radius:14px;border:1px solid var(--border);
  background:rgba(255,255,255,.02);color:var(--text);font-weight:800;
}
.cartfoot{
  margin-top:14px;
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
}
.cartfoot__total{display:flex;gap:10px;align-items:baseline;color:var(--muted);font-weight:750}
.cartfoot__total strong{font-size:20px;color:var(--text)}
.cartfoot__actions{display:flex;gap:10px;flex-wrap:wrap}

.card{
  border:1px solid var(--border);
  border-radius:var(--radius2);
  background:rgba(255,255,255,.02);
  padding:18px;
}
.card--sticky{position:sticky;top:86px}
.card__title{font-weight:900;margin-bottom:12px}
.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.formstack{display:grid;gap:12px}
.field{display:flex;flex-direction:column;gap:6px}
.field span{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:900}
.field input,.field textarea,.field select{
  padding:12px 12px;border-radius:14px;border:1px solid var(--border);
  background:rgba(255,255,255,.02);color:var(--text);font-weight:650;outline:none;
}
.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(243,201,66,.28)}
.textarea{
  width:100%;
  padding:12px 12px;
  border-radius:14px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.02);
  color:var(--text);
  font-weight:650;
  outline:none;
  resize:vertical;
}
.textarea:focus{border-color:rgba(243,201,66,.28)}
.field--full{grid-column:1/-1}
.check{display:flex;align-items:center;gap:10px;color:var(--muted);font-weight:800}
.check input{width:18px;height:18px}
.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

.paymethods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.paymethod{
  border:1px solid rgba(233,246,238,.14);
  border-radius:16px;
  padding:12px;
  display:flex;gap:10px;align-items:center;
  background:rgba(255,255,255,.02);
  cursor:pointer;
}
.paymethod input{width:18px;height:18px}
.paymethod span{font-weight:900}
.hint{margin-top:10px;color:var(--muted);font-weight:650;font-size:13px}
.authbar{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  padding:10px 12px;
  border-radius:16px;
  border:1px solid rgba(233,246,238,.10);
  background:rgba(0,0,0,.18);
  margin-bottom:14px;
  font-weight:800;
}
.authgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.list{display:grid;gap:12px}
.list__item{display:grid;gap:2px;padding:12px;border-radius:16px;border:1px solid rgba(233,246,238,.10);background:rgba(255,255,255,.02)}
.list__item strong{font-weight:900}
.list__item span{color:var(--muted);font-weight:650;font-size:13px}

.checkout{display:grid;grid-template-columns:1.05fr .95fr;gap:14px;align-items:start}
.paybox{
  border:1px solid rgba(233,246,238,.12);
  background:rgba(0,0,0,.18);
  border-radius:18px;
  padding:12px;
  margin:10px 0 14px;
}
.paybox--compact{margin:8px 0 12px}
.paybox__row{display:flex;justify-content:space-between;gap:12px;align-items:center;color:rgba(233,246,238,.78);font-weight:800}
.paybox__row strong{color:var(--text);font-weight:900;word-break:break-word}
.summary{display:grid;gap:10px}
.summary__row{display:flex;justify-content:space-between;gap:12px;color:rgba(233,246,238,.78);font-weight:650}
.summary__row strong{color:var(--text)}
.summary__total{
  margin-top:8px;padding-top:12px;border-top:1px solid rgba(233,246,238,.12);
  display:flex;justify-content:space-between;gap:12px;font-weight:900;
}

.thanks{display:grid;grid-template-columns:1.05fr .95fr;gap:14px}
.badge{
  display:inline-flex;align-items:center;gap:8px;
  border-radius:999px;
  padding:8px 12px;
  background:rgba(43,213,118,.18);
  border:1px solid rgba(43,213,118,.22);
  color:rgba(245,255,250,.9);
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:11px;
}
.thanks__title{margin:12px 0 8px;font-weight:900;font-size:36px;line-height:1.06}
.thanks__sub{margin:0 0 14px;color:var(--muted);font-weight:650}
.payinfo{display:grid;gap:10px;margin-bottom:12px}
.payinfo__row{display:flex;justify-content:space-between;gap:12px;color:rgba(233,246,238,.78);font-weight:650}
.payinfo__row strong{color:var(--text)}
.kv{display:flex;justify-content:space-between;gap:12px;color:rgba(233,246,238,.78);font-weight:650;margin:8px 0}
.kv strong{color:var(--text)}
.divider{height:1px;background:rgba(233,246,238,.12);margin:12px 0}

.account{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.accountdash{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.orderlist{display:grid;gap:12px}
.ordercard{
  border:1px solid rgba(233,246,238,.12);
  background:rgba(255,255,255,.02);
  border-radius:22px;
  padding:14px;
  display:grid;
  gap:10px;
  transition:transform .12s ease,border-color .12s ease;
}
.ordercard:hover{transform:translateY(-1px);border-color:rgba(243,201,66,.22)}
.ordercard__top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ordercard__id{font-weight:900}
.ordercard__meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-weight:700;font-size:13px}
.ordercard__total{font-weight:900;color:rgba(243,201,66,.95);font-size:18px}
.orderdetail{display:grid;grid-template-columns:1.05fr .95fr;gap:14px;align-items:start}

.alert{
  border-radius:18px;
  padding:12px 14px;
  font-weight:800;
  border:1px solid rgba(255,255,255,.12);
  margin:10px 0 14px;
}
.alert--ok{background:rgba(43,213,118,.12);border-color:rgba(43,213,118,.18)}
.alert--error{background:rgba(255,77,77,.12);border-color:rgba(255,77,77,.22)}

.footer{
  padding:56px 0 34px;
  border-top:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 20% 10%,rgba(43,213,118,.12),transparent 60%),
    radial-gradient(circle at 90% 30%,rgba(243,201,66,.10),transparent 60%),
    rgba(2,7,4,.62);
}
.footer__top{
  display:grid;
  grid-template-columns:1.3fr 1fr 1fr 1fr 1.2fr;
  gap:18px;
  align-items:start;
}
.footer__logo{font-weight:900;font-size:18px;margin-bottom:8px}
.footer__meta{color:var(--muted);font-weight:650;font-size:13px;margin-top:6px}
.footer__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.footersocial{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.footersocial__link{
  padding:9px 12px;
  border-radius:999px;
  border:1px solid rgba(233,246,238,.12);
  background:rgba(0,0,0,.16);
  color:rgba(233,246,238,.82);
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:11px;
}
.footersocial__link:hover{border-color:rgba(243,201,66,.22);color:var(--text)}
.footer__col{display:grid;gap:10px}
.footer__title{font-weight:900;letter-spacing:.16em;text-transform:uppercase;font-size:12px;color:rgba(233,246,238,.78)}
.footer__col a{color:rgba(233,246,238,.78);font-weight:750}
.footer__col a:hover{color:var(--text)}
.payicons{display:grid;gap:10px}
.payiconitem{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border-radius:18px;
  border:1px solid rgba(233,246,238,.10);
  background:rgba(255,255,255,.02);
}
.payiconitem .payicon{width:30px;height:30px}
.payiconitem__label{font-weight:900;color:rgba(233,246,238,.86)}
.payline{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:16px;border:1px solid rgba(233,246,238,.10);background:rgba(255,255,255,.02)}
.payline__label{font-weight:900}
.payline__value{color:rgba(243,201,66,.95);font-weight:900;word-break:break-word;text-align:right}
.footer__bottom{
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.footer__fine{color:rgba(233,246,238,.66);font-weight:650;font-size:13px}
.footer__fine a{color:rgba(233,246,238,.78);font-weight:900}
.footer__fine a:hover{color:var(--text)}

.whatsapp{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:60;
  border-radius:999px;
  padding:12px 14px;
  background:linear-gradient(135deg,#25D366,#18b957);
  color:#041008;
  font-weight:900;
  box-shadow:0 20px 50px rgba(37,211,102,.22);
  border:0;
}

.admin .topbar,.admin .footer,.admin .whatsapp{display:none}
.admintop{
  position:sticky;top:0;z-index:50;
  backdrop-filter:saturate(140%) blur(12px);
  background:rgba(6,16,9,.72);
  border-bottom:1px solid var(--border);
}
.admintop__inner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0}
.adminnav{display:flex;gap:12px;flex-wrap:wrap}
.adminnav__link{color:var(--muted);font-weight:900;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.adminnav__link:hover{color:var(--text)}
.badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:18px;
  height:18px;
  padding:0 6px;
  margin-left:6px;
  border-radius:999px;
  border:1px solid rgba(255,110,110,.32);
  background:rgba(255,110,110,.16);
  color:rgba(255,235,235,.96);
  font-weight:900;
  font-size:11px;
  line-height:1;
}
.adminmain{padding:34px 0}
.adminhead{margin:6px 0 18px}
.adminhead__title{margin:0;font-weight:900;font-size:34px}
.adminhead__sub{margin-top:8px;color:var(--muted);font-weight:650}

.sortwrap{margin-top:12px}
.sortlist{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
}
.sortitem{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 12px;
  border-radius:18px;
  border:1px solid rgba(233,246,238,.12);
  background:rgba(255,255,255,.02);
}
.sortitem.is-dragging{opacity:.55}
.sorthandle{
  width:18px;height:18px;
  border-radius:8px;
  border:1px solid rgba(233,246,238,.14);
  background:
    radial-gradient(circle at 30% 30%,rgba(255,255,255,.16),transparent 60%),
    linear-gradient(135deg,rgba(243,201,66,.16),rgba(43,213,118,.16));
  box-shadow:0 10px 24px rgba(0,0,0,.16);
}
.sortcheck{flex:1}

.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 18px}
.stat{border:1px solid var(--border);border-radius:var(--radius2);background:rgba(255,255,255,.02);padding:16px}
.stat__num{font-weight:900;font-size:32px}
.stat__label{color:var(--muted);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:12px}
.adminactions{display:flex;gap:10px;flex-wrap:wrap}

.tablewrap{overflow:auto;border-radius:16px;border:1px solid rgba(233,246,238,.10);background:rgba(0,0,0,.15)}
.table{width:100%;border-collapse:collapse;min-width:560px}
.table th,.table td{padding:12px 12px;text-align:left;border-bottom:1px solid rgba(233,246,238,.08);vertical-align:top}
.table th{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:rgba(233,246,238,.7);font-weight:900}
.table td{color:rgba(233,246,238,.84);font-weight:650}
.link{color:rgba(243,201,66,.95);font-weight:900}
.muted{color:var(--muted)}
.statusnote{
  min-width:240px;
  flex:1 1 240px;
  padding:12px 12px;
  border-radius:14px;
  border:1px solid rgba(233,246,238,.12);
  background:rgba(255,255,255,.02);
  color:var(--text);
  font-weight:650;
  outline:none;
}
.statusnote:focus{border-color:rgba(243,201,66,.28)}
.loglist{display:grid;gap:10px}
.logitem{
  border:1px solid rgba(233,246,238,.10);
  border-radius:18px;
  background:rgba(255,255,255,.02);
  padding:12px;
}
.logitem__top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.logitem__note{margin-top:8px;color:rgba(233,246,238,.76);font-weight:650}

.pill{
  display:inline-flex;align-items:center;justify-content:center;
  padding:6px 10px;border-radius:999px;
  border:1px solid rgba(233,246,238,.12);
  font-weight:900;font-size:12px;letter-spacing:.06em;text-transform:uppercase;
  color:rgba(233,246,238,.8);
}
.pill--ok{background:rgba(43,213,118,.12);border-color:rgba(43,213,118,.18);color:rgba(245,255,250,.9)}
.pill--muted{background:rgba(255,255,255,.03)}
.pill--pendiente{background:rgba(243,201,66,.12);border-color:rgba(243,201,66,.2)}
.pill--confirmado{background:rgba(43,213,118,.12);border-color:rgba(43,213,118,.18)}
.pill--en-preparacion{background:rgba(120,170,255,.10);border-color:rgba(120,170,255,.18)}
.pill--enviado{background:rgba(165,120,255,.10);border-color:rgba(165,120,255,.18)}
.pill--entregado{background:rgba(43,213,118,.12);border-color:rgba(43,213,118,.18)}
.pill--cancelado{background:rgba(255,77,77,.10);border-color:rgba(255,77,77,.18)}

.adminlogin{min-height:calc(100vh - 92px);display:flex;align-items:center;justify-content:center;padding:30px 0}
.adminlogin__card{max-width:520px;width:100%}

.hidden{display:none}

@media (prefers-reduced-motion: no-preference){
  html.js .productcard,html.js .catcard,html.js .feature,html.js .card,html.js .faq,html.js .producttile,html.js .trust__item,html.js .paycard,html.js .ordercard{
    opacity:0;
    transform:translate3d(0,14px,0);
    transition:opacity .6s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1);
    will-change:opacity,transform;
  }
  html.js .productcard.in,html.js .catcard.in,html.js .feature.in,html.js .card.in,html.js .faq.in,html.js .producttile.in,html.js .trust__item.in,html.js .paycard.in,html.js .ordercard.in{
    opacity:1;
    transform:translate3d(0,0,0);
  }
}

@media (max-width: 1100px){
  .grid--products{grid-template-columns:repeat(3,minmax(0,1fr))}
  .grid--cats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bloggrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .strip__inner{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero__inner{grid-template-columns:1fr}
  .hero__art{height:240px;order:-1}
  .float--1{right:12%;top:16%}
  .float--2{right:56%;top:56%}
  .hero__meta{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trust__inner{grid-template-columns:repeat(2,minmax(0,1fr))}
  .paygrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .slide{flex-basis:260px}
  .section__head--row{flex-direction:column;align-items:flex-start}
  .footer__top{grid-template-columns:1fr 1fr 1fr;gap:16px}
  .steps{grid-template-columns:1fr 1fr}
}
@media (max-width: 880px){
  .nav{display:none}
  .navtoggle{display:inline-flex;align-items:center;justify-content:center}
  body.nav-open .nav{
    display:flex;
    position:fixed;
    inset:68px 12px auto 12px;
    padding:14px;
    flex-direction:column;
    gap:10px;
    background:rgba(6,16,9,.9);
    border:1px solid var(--border);
    border-radius:22px;
    box-shadow:var(--shadow);
  }
  body.nav-open .nav__link{font-size:14px}
  .grid--products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product{grid-template-columns:1fr}
  .checkout{grid-template-columns:1fr}
  .thanks{grid-template-columns:1fr}
  .account{grid-template-columns:1fr}
  .accountdash{grid-template-columns:1fr}
  .orderdetail{grid-template-columns:1fr}
  .grid--admin,.grid--admin2,.grid--admin3{grid-template-columns:1fr}
  .strip__inner{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr}
  .cartrow{grid-template-columns:78px 1fr 110px;grid-template-areas:"img info info" "img qty total" "img remove remove"}
  .cartrow__img{grid-area:img}
  .cartrow__info{grid-area:info}
  .cartrow__qty{grid-area:qty}
  .cartrow__total{grid-area:total;text-align:left}
  .cartrow__remove{grid-area:remove}
  .hero__meta{grid-template-columns:1fr}
  .trust__inner{grid-template-columns:1fr}
  .paygrid{grid-template-columns:1fr}
  .slide{flex:0 0 78vw}
  .hero__panel{padding:14px}
  .footer__top{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr}
  .bloggrid{grid-template-columns:1fr}
  .brand__logo{height:40px;max-width:180px}
}
@media (max-width: 520px){
  .container{width:calc(100% - 28px)}
  .hero{padding:58px 0 34px;min-height:520px}
  .heroslides{min-height:330px}
  .hero__cta{flex-direction:column;align-items:stretch}
  .btn{width:100%}
  .btn--sm{width:auto}
  .grid--products{grid-template-columns:1fr}
  .grid--cats{grid-template-columns:1fr}
  .formgrid{grid-template-columns:1fr}
  .paymethods{grid-template-columns:1fr}
  .authgrid{grid-template-columns:1fr}
  .slide{flex-basis:86vw}
  .footer__top{grid-template-columns:1fr}
}