
:root{--orange:#ff5a00;--orange2:#ff8a00;--black:#050505;--card:#121212;--muted:#b9b9b9;--green:#20d66b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050505;color:#fff;font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}.container{max-width:1180px;margin:auto;padding:0 22px}
.topbar{background:#070707;border-bottom:1px solid #222;font-size:13px;color:#ddd}.topbar .container{display:flex;justify-content:space-between;padding:9px 22px;gap:12px;flex-wrap:wrap}
.header{position:sticky;top:0;z-index:20;background:rgba(3,3,3,.94);backdrop-filter:blur(12px);border-bottom:1px solid #222}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px}.logo{width:62px;height:62px;border-radius:50%;border:2px solid var(--orange);display:grid;place-items:center;background:#111;box-shadow:0 0 28px rgba(255,90,0,.35);overflow:hidden}.logo img{width:100%;height:100%;object-fit:contain}.brand h1{margin:0;font-size:31px;font-style:italic;letter-spacing:-1px}.brand h1 span{color:var(--orange)}.brand small{display:block;color:#fff;font-weight:900;letter-spacing:2.2px;font-size:11px}.menu{display:flex;gap:22px;font-weight:950;font-size:13px}.menu a:hover{color:var(--orange)}.search{border:1px solid #333;border-radius:999px;padding:13px 17px;background:#111;color:#fff;min-width:230px}
.hero{min-height:82vh;display:grid;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid #1d1d1d}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 42%,rgba(255,90,0,.20),transparent 31%),linear-gradient(90deg,#050505 0%,rgba(0,0,0,.88) 43%,rgba(0,0,0,.42));z-index:-1}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.5}.badge{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--orange);background:rgba(255,90,0,.12);color:var(--orange);padding:11px 16px;border-radius:999px;font-weight:950}.hero h2{font-size:clamp(46px,7vw,92px);line-height:.94;margin:22px 0 18px;font-style:italic;letter-spacing:-4px}.hero h2 span{color:var(--orange)}.hero p{max-width:650px;color:#eee;font-size:21px;line-height:1.45}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:15px 23px;font-weight:950;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;box-shadow:0 10px 30px rgba(255,90,0,.2)}.btn.outline{background:#0b0b0b;border:1px solid var(--orange)}.btn.green{background:var(--green);color:#071407}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:42px}.trust div{background:rgba(255,255,255,.05);border:1px solid #222;border-radius:14px;padding:14px;font-weight:800}.trust span{color:var(--orange)}
section{padding:76px 0}.section-title{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:30px}.section-title h2{font-size:44px;margin:0;font-style:italic}.section-title h2 span{color:var(--orange)}.section-title p{color:#bbb;margin:8px 0 0}
.cats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.cat{background:linear-gradient(180deg,#151515,#080808);border:1px solid #242424;border-radius:18px;padding:20px 12px 18px;text-align:center;font-weight:950;transition:.25s}.cat:hover{border-color:var(--orange);transform:translateY(-3px)}.cat img{width:36px;height:36px;object-fit:contain;display:block;margin:0 auto 9px}.cat span{display:block}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{background:linear-gradient(180deg,#171717,#0a0a0a);border:1px solid #252525;border-radius:22px;overflow:hidden;box-shadow:0 14px 40px rgba(0,0,0,.28);transition:.25s}.card:hover{transform:translateY(-7px);border-color:rgba(255,90,0,.75)}.pic{height:255px;background:#101010;position:relative;overflow:hidden;display:block}.pic img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s}.card:hover .pic img{transform:scale(1.05)}.tag{position:absolute;top:14px;left:14px;background:var(--orange);color:#fff;font-size:11px;font-weight:950;border-radius:999px;padding:8px 11px;z-index:1}.info{padding:20px}.info h3{margin:0 0 10px;font-size:19px;min-height:48px}.stars{color:#ffd21d;font-size:13px;margin-bottom:12px}.desc{color:#ccc;line-height:1.4;min-height:58px}.old{color:#888;text-decoration:line-through}.price{font-size:31px;font-weight:950;margin:6px 0 16px}.card-actions{display:grid;gap:10px}.card .btn{width:100%;padding:14px;font-size:13px}
.checkout{background:linear-gradient(135deg,#101010,#060606);border-top:1px solid #1d1d1d;border-bottom:1px solid #1d1d1d}.checkout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{background:#111;border:1px solid #252525;border-radius:18px;padding:22px}.feature h3{color:var(--orange);margin-top:0}.banner{background:linear-gradient(135deg,#ff5a00,#ff8a00);border-radius:24px;padding:32px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#fff}.banner h2{margin:0;font-size:34px}.banner .btn{background:#0a0a0a}.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quote{background:#111;border:1px solid #252525;border-radius:18px;padding:22px}.quote strong{color:var(--orange)}
.footer{background:#030303;border-top:1px solid #1d1d1d;padding:48px 0;color:#ccc}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}.footer h3,.footer h4{color:#fff}.footer a{display:block;color:#bbb;margin:8px 0}.whats{position:fixed;right:24px;bottom:24px;z-index:50;background:#20d66b;color:#061406;padding:15px 22px;border-radius:999px;font-weight:950;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.product-page{padding:70px 0}.product-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:start}.gallery{background:#111;border:1px solid #262626;border-radius:24px;overflow:hidden}.gallery-main{height:520px;display:grid;place-items:center;background:#0c0c0c}.gallery-main img{width:100%;height:100%;object-fit:contain}.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px;background:#090909}.thumbs img{height:85px;width:100%;object-fit:cover;border-radius:10px;border:1px solid #333;cursor:pointer}.product-box{background:#111;border:1px solid #252525;border-radius:24px;padding:30px;position:sticky;top:112px}.product-box h1{font-size:42px;line-height:1.05;margin:10px 0}.crumb{color:#aaa;margin-bottom:15px}.detail-list{margin:24px 0;padding:0;list-style:none}.detail-list li{padding:10px 0;border-bottom:1px solid #222;color:#ddd}.notice{background:rgba(255,90,0,.1);border:1px solid rgba(255,90,0,.35);border-radius:16px;padding:14px;color:#ffd9c4;margin:18px 0}.paybox{background:rgba(32,214,107,.08);border:1px solid rgba(32,214,107,.35);border-radius:16px;padding:14px;margin:16px 0;color:#c9ffd9}
@media(max-width:900px){.menu,.search{display:none}.grid{grid-template-columns:repeat(2,1fr)}.cats{grid-template-columns:repeat(2,1fr)}.trust,.checkout-grid{grid-template-columns:repeat(2,1fr)}.product-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.hero h2{letter-spacing:-2px}}
@media(max-width:560px){.container{padding:0 16px}.topbar{display:none}.nav{height:76px}.brand h1{font-size:24px}.brand small{font-size:9px;letter-spacing:1.5px}.logo{width:52px;height:52px}.hero{min-height:72vh}.hero h2{font-size:42px}.hero p{font-size:17px}.actions .btn{width:100%}.grid,.testimonials,.checkout-grid{grid-template-columns:1fr}.cats{grid-template-columns:repeat(2,1fr);gap:10px}.cat{padding:14px 8px;border-radius:14px}.cat img{width:30px;height:30px}.cat span{font-size:13px}.trust{grid-template-columns:1fr 1fr}.pic{height:230px}.footer-grid{grid-template-columns:1fr}.gallery-main{height:340px}.product-box{position:static;padding:22px}.product-box h1{font-size:30px}.whats{right:14px;bottom:16px;padding:12px 16px;font-size:14px}.section-title h2{font-size:36px}}


/* PedalHub 6.1 - vídeo de fundo corrigido */
.hero-video{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  z-index:-2 !important;
  opacity:.58 !important;
  filter:brightness(.78) contrast(1.08) saturate(1.08) !important;
}
.hero:before{
  background:
    radial-gradient(circle at 65% 45%, rgba(255,90,0,.24), transparent 32%),
    linear-gradient(90deg, #050505 0%, rgba(0,0,0,.86) 43%, rgba(0,0,0,.38)) !important;
}
@media(max-width:560px){
  .hero-video{ object-position:center center !important; opacity:.48 !important; }
}

/* PedalHub 6.2 - foco Mercado Livre */
.paybox{
  background:rgba(255,90,0,.10) !important;
  border:1px solid rgba(255,90,0,.38) !important;
  color:#ffd7c0 !important;
}
.card-actions .btn{
  background:linear-gradient(135deg,var(--orange),var(--orange2)) !important;
}
.card-actions .btn.outline{
  background:#0b0b0b !important;
}
