:root{--yellow:#ffd900;--bg:#030303;--panel:#090909;--border:#2b2b2b;--muted:#c7c7c7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#fff;font-family:Inter,Arial,sans-serif;overflow-x:hidden}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.site-header{position:relative;z-index:20;height:96px;margin:17px 3.5%;padding:0 25px;display:flex;align-items:center;border:1px solid #2b2b2b;border-radius:15px;background:rgba(3,3,3,.94)}.brand{width:240px;display:flex;align-items:center;gap:8px}.brand img{width:72px;height:72px;border-radius:50%;object-fit:cover}.brand strong{font-size:32px;font-style:italic;font-weight:900;color:var(--yellow)}.nav{display:flex;gap:42px;align-self:stretch;align-items:center}.nav a{height:100%;display:grid;place-items:center;position:relative;font-weight:600}.nav a.active{color:var(--yellow)}.nav a.active:after{content:"";position:absolute;bottom:26px;width:42px;height:2px;background:var(--yellow)}.header-actions{margin-left:auto;display:flex;gap:18px}.icon-button,.cart-button{height:54px;border:1px solid #303030;border-radius:12px;background:#060606;display:flex;align-items:center;justify-content:center;cursor:pointer}.icon-button{width:54px}.header-actions svg{width:25px;height:25px;fill:none;stroke:#fff;stroke-width:1.8}.cart-button{padding:0 17px;gap:11px;font-weight:700}.cart-button b{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--yellow);color:#080808}.menu-toggle{display:none}.hero{min-height:555px;position:relative;display:grid;grid-template-columns:48% 52%;padding:28px 4% 0;border-bottom:1px solid #252525;overflow:hidden;background:radial-gradient(circle at 69% 34%,rgba(255,217,0,.12),transparent 23%)}.dot-grid{position:absolute;top:2px;left:-13px;width:270px;height:235px;opacity:.2;background-image:radial-gradient(var(--yellow) 2px,transparent 2px);background-size:15px 15px;mask-image:linear-gradient(90deg,#000,transparent)}.hero-copy{z-index:2;padding:28px 0 0 61px}.eyebrow{margin:0 0 15px;color:var(--yellow);font-weight:800;font-size:13px;letter-spacing:2px}.hero h1{font-size:76px;line-height:.98;letter-spacing:-3px;margin:0;font-weight:800}.hero h1 em{color:var(--yellow);font-style:normal}.lead{font-size:19px;line-height:1.45;color:#d0d0d0}.hero-buttons{display:flex;gap:16px;margin-top:24px}.button{height:53px;padding:0 36px;border-radius:10px;display:flex;align-items:center;gap:42px;font-weight:700;border:1px solid var(--yellow)}.button span,.section-heading a span{font-size:27px}.button.primary{background:var(--yellow);color:#080808}.button.secondary{color:var(--yellow)}.benefits{margin-top:22px;width:675px;height:54px;border:1px solid #272727;border-radius:10px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;background:#080808}.benefits div{padding:0 24px;display:flex;align-items:center;gap:13px;font-size:13px}.benefits div+div{border-left:1px solid #242424}.benefits span{font-size:24px;color:var(--yellow)}.hero-visual{position:relative;min-width:0}.showcase-frame{position:absolute;top:0;left:3%;width:78%;height:475px;border:1px solid var(--yellow);border-radius:25px;padding:22px;background:linear-gradient(145deg,#232323,#050505 60%);box-shadow:0 40px 40px #000}.showcase-inner{height:100%;display:grid;place-items:center;border:5px solid var(--yellow);border-radius:23px;background:radial-gradient(circle,rgba(255,213,0,.18),#050505 52%);box-shadow:0 0 14px var(--yellow),inset 0 0 30px rgba(255,217,0,.28)}.showcase-inner img{width:56%;max-height:75%;object-fit:cover;border-radius:50%;filter:drop-shadow(0 0 15px rgba(255,217,0,.5))}.empty-product{position:absolute;z-index:4;bottom:12px;display:grid;place-items:center;color:#5c5c5c;text-align:center;font-size:12px;letter-spacing:1px;text-transform:uppercase;border:1px dashed #555;background:linear-gradient(145deg,#171717,#080808);box-shadow:0 16px 16px #000}.empty-left{left:-10%;width:145px;height:255px;border-radius:9px}.empty-right{right:0;width:170px;height:245px;border-radius:60px 60px 15px 15px}.featured{padding:27px 4% 12px}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading .eyebrow{margin-bottom:8px}.section-heading h2{font-size:26px;margin:0}.section-heading>a{height:39px;padding:0 20px;border:1px solid #292929;border-radius:8px;color:var(--yellow);display:flex;align-items:center;gap:28px;font-size:13px;font-weight:700}.product-grid{margin-top:19px;display:grid;grid-template-columns:repeat(4,1fr);gap:21px}.product-card{min-width:0;height:161px;border:1px solid #514600;border-radius:16px;display:grid;grid-template-columns:46% 1fr;align-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#111,#080808)}.badge{position:absolute;z-index:2;top:17px;left:14px;padding:5px 10px;border-radius:5px;background:var(--yellow);color:#050505;font-size:10px;font-weight:800}.product-image{height:100%;display:grid;place-items:center;text-align:center;color:#3f3f3f;font-size:10px;letter-spacing:1px;border-right:1px dashed #242424}.product-info{padding:20px 12px}.product-info p,.product-info h3{font-size:12px;line-height:1.7;margin:0;color:#c5c5c5;font-weight:400}.product-info strong{display:block;color:var(--yellow);margin-top:14px;font-size:16px}.add-cart{position:absolute;right:13px;bottom:17px;width:41px;height:41px;border:1px solid #3e370e;border-radius:8px;background:#0a0a0a;cursor:pointer}.placeholder-section{padding:100px 8%;min-height:300px;border-top:1px solid #191919;background:radial-gradient(circle at 15% 50%,rgba(255,217,0,.06),transparent 35%)}.placeholder-section h2{font-size:42px;margin:0}.search-panel{position:fixed;z-index:30;inset:0;background:rgba(0,0,0,.82);display:none;place-items:start center;padding-top:130px}.search-panel.open{display:grid}.search-panel form{width:min(700px,90vw);display:flex}.search-panel input{flex:1;padding:20px;border:1px solid #444;border-radius:12px 0 0 12px;background:#111;color:#fff;font-size:18px;outline:none}.search-panel button{padding:0 28px;border:0;border-radius:0 12px 12px 0;background:var(--yellow);color:#000;font-weight:800}.toast{position:fixed;z-index:40;right:25px;bottom:25px;padding:14px 20px;border-radius:10px;background:var(--yellow);color:#000;font-weight:700;transform:translateY(100px);opacity:0;transition:.3s}.toast.show{transform:none;opacity:1}@media(max-width:1100px){.site-header{margin:10px 2%}.brand{width:auto}.brand strong{font-size:25px}.nav{margin-left:25px;gap:22px}.hero{grid-template-columns:1fr;padding-bottom:35px}.hero-copy{padding-left:20px}.hero-visual{display:none}.product-grid{grid-template-columns:repeat(2,1fr)}.benefits{width:min(675px,100%)}}@media(max-width:700px){.site-header{height:74px;padding:0 14px}.brand img{width:52px;height:52px}.brand strong{font-size:22px}.header-actions .icon-button{display:none}.cart-button span{display:none}.menu-toggle{order:3;margin-left:10px;width:38px;height:38px;display:flex;flex-direction:column;justify-content:center;gap:5px;border:0;background:transparent}.menu-toggle span{width:24px;height:2px;background:white}.nav{display:none;position:absolute;top:76px;left:0;right:0;margin:0;padding:16px;flex-direction:column;gap:0;background:#090909;border:1px solid #252525;border-radius:12px}.nav.open{display:flex}.nav a{padding:14px}.nav a.active:after{bottom:5px}.hero{padding:35px 6%}.hero-copy{padding:0}.hero h1{font-size:48px;letter-spacing:-2px}.lead br{display:none}.hero-buttons{flex-direction:column}.button{justify-content:space-between}.benefits{height:auto;grid-template-columns:1fr}.benefits div{padding:14px 20px}.benefits div+div{border-left:0;border-top:1px solid #242424}.product-grid{grid-template-columns:1fr}.featured{padding:28px 5%}.section-heading>a{padding:0 12px;gap:8px}.placeholder-section{padding:70px 6%}}
/* Footer */
.site-footer {
  position: relative;
  overflow: hidden;
  padding: 58px 5% 0;
  border-top: 1px solid rgba(255, 217, 0, .24);
  background: linear-gradient(180deg, #080808 0%, #030303 100%);
}

.footer-glow {
  position: absolute;
  top: -150px;
  left: -80px;
  width: 430px;
  height: 300px;
  border-radius: 50%;
  background: rgba(255, 217, 0, .07);
  filter: blur(85px);
  pointer-events: none;
}

.footer-content {
  position: relative;
  width: min(1500px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(280px, 1.65fr) repeat(2, minmax(130px, .65fr)) minmax(290px, 1fr);
  gap: 54px;
  padding-bottom: 48px;
}

.footer-brand {
  display: flex;
  align-items: flex-start;
  gap: 18px;
}

.footer-brand img {
  width: 76px;
  height: 76px;
  border: 1px solid rgba(255, 217, 0, .55);
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 0 25px rgba(255, 217, 0, .12);
}

.footer-brand strong {
  display: block;
  margin-top: 8px;
  color: #fff;
  font-size: 20px;
  font-weight: 800;
}

.footer-brand p,
.footer-contact p {
  max-width: 340px;
  margin: 9px 0 0;
  color: #8d8d8d;
  font-size: 13px;
  line-height: 1.65;
}

.footer-column,
.footer-contact {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 12px;
}

.footer-column > span,
.footer-contact > span {
  margin-bottom: 5px;
  color: var(--yellow);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.footer-column a {
  color: #aaa;
  font-size: 13px;
  transition: color .2s ease, transform .2s ease;
}

.footer-column a:hover,
.footer-column a:focus-visible {
  color: var(--yellow);
  outline: none;
  transform: translateX(4px);
}

.footer-contact p {
  margin-top: 0;
}

.footer-whatsapp {
  min-height: 44px;
  margin-top: 6px;
  padding: 0 17px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(37, 211, 102, .45);
  border-radius: 9px;
  background: rgba(37, 211, 102, .07);
  color: #e9fff1;
  font-size: 12px;
  font-weight: 800;
  transition: background .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.footer-whatsapp svg {
  width: 19px;
  height: 19px;
  fill: #25d366;
}

.footer-whatsapp:hover,
.footer-whatsapp:focus-visible {
  border-color: #25d366;
  outline: none;
  background: #25d366;
  color: #041108;
  box-shadow: 0 10px 25px rgba(37, 211, 102, .18);
  transform: translateY(-2px);
}

.footer-whatsapp:hover svg,
.footer-whatsapp:focus-visible svg {
  fill: currentColor;
}

.footer-bottom {
  width: min(1500px, 100%);
  min-height: 65px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  border-top: 1px solid #1c1c1c;
  color: #626262;
  font-size: 11px;
}

.footer-bottom p {
  margin: 0;
}

@media (max-width: 950px) {
  .footer-content {
    grid-template-columns: 1.5fr 1fr 1fr;
  }

  .footer-contact {
    grid-column: 1 / -1;
    padding-top: 24px;
    border-top: 1px solid #1b1b1b;
  }
}

@media (max-width: 620px) {
  .site-footer {
    padding: 44px 6% 0;
  }

  .footer-content {
    grid-template-columns: 1fr 1fr;
    gap: 36px 24px;
  }

  .footer-brand,
  .footer-contact {
    grid-column: 1 / -1;
  }

  .footer-brand img {
    width: 64px;
    height: 64px;
  }

  .footer-bottom {
    padding: 18px 0;
    align-items: flex-start;
    flex-direction: column;
    gap: 7px;
  }
}
/* Navegação fixa */
.site-header {
  position: sticky !important;
  top: 12px;
  z-index: 100;
  background: rgba(3, 3, 3, .9);
  -webkit-backdrop-filter: blur(16px) saturate(130%);
  backdrop-filter: blur(16px) saturate(130%);
  box-shadow: 0 12px 32px rgba(0, 0, 0, .38);
}

@media (max-width: 700px) {
  .site-header {
    top: 7px;
  }
}