/* Main stylesheet - modern tech fitness */
:root{
  --bg:#060606;
  --card:#1d1d20;
  --muted:#e3e4e8;
  --accent:#b80000;
  --accent-2:#ff3b3b;
  --glass: rgba(255,255,255,0.03);
  --container:1200px;
  --radius:12px;
  --shadow: 0 10px 30px rgba(0,0,0,0.6);
}

*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,Arial;}

body{background:url('../images/FUNDO-SITE.png') center/cover no-repeat fixed;color:white;line-height:1.5;}

.container{width:92%;max-width:var(--container);margin:0 auto;}

/* Header */
.site-header{position:fixed;top:0;left:0;width:100%;z-index:999;background:linear-gradient(180deg,rgba(0,0,0,0.45),rgba(0,0,0,0.15));backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,0.03);}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;}
.brand img{height:56px;}
.main-nav{display:flex;gap:22px;align-items:center;}
.main-nav a{color:var(--muted);text-decoration:none;font-weight:600;}
.actions{display:flex;gap:12px;align-items:center;}
.cart-btn{background:transparent;border:1px solid rgba(255,255,255,0.06);padding:8px 12px;border-radius:8px;color:var(--muted);}
.hamb{display:none;background:none;border:none;color:white;font-size:24px;}

/* Hero */
.hero{padding-top:110px;padding-bottom:70px;}
.hero-grid{display:grid;grid-template-columns:1fr 460px;gap:40px;align-items:center;}
.hero-content h1{font-size:44px;line-height:1.02;margin-bottom:12px;}
.lead{color:var(--muted);margin-bottom:18px;max-width:620px;}
.hero-ctas{display:flex;gap:12px;margin-bottom:18px;}
.btn{padding:12px 18px;border-radius:10px;font-weight:700;text-decoration:none;display:inline-block;}
.btn-primary{padding:12px 18px;border-radius:10px;font-weight:700;text-decoration:none;display:inline-block;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:white;border:none;box-shadow:0 6px 20px rgba(184,0,0,0.18);}
.btn-outline{background:transparent;border:1px solid rgba(255,255,255,0.06);color:white;}

/* device mockup */
.device-mockup{background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0.01));padding:20px;border-radius:18px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;}
.device-mockup img{width:100%;max-width:360px;border-radius:12px;}

/* showcase */
.showcase .show-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px;}
.showcase figure{background:var(--card);padding:12px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,0.03);}
.showcase img{width:100%;height:220px;object-fit:cover;border-radius:8px;}

/* products */
.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.product-card{background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0.01));padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,0.03);text-align:center;}
.product-card img{height:180px;object-fit:contain;width:100%;border-radius:8px;margin-bottom:10px;}
.prod-desc{color:var(--muted);font-size:14px;margin-bottom:10px;}
.price-row{display:flex;justify-content:space-between;align-items:center;gap:10px;}
.price{color:var(--accent);font-weight:800;}

/* testimonials */
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;}
.test-grid blockquote{background:var(--card);padding:16px;border-radius:10px;color:var(--muted);border:1px solid rgba(255,255,255,0.02);}

/* newsletter and contact */
.cta-news{background:linear-gradient(90deg,rgba(184,0,0,0.06),rgba(255,59,59,0.03));padding:24px;border-radius:12px;margin-top:20px;}
.newsletter-form{display:flex;gap:10px;margin-top:12px;}
.newsletter-form input{flex:1;padding:12px;border-radius:8px;border:1px solid rgba(255,255,255,0.06);background:transparent;color:white;}

/* modal cart */
.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.6);}
.modal.hidden{display:none;}
.modal-panel{background:var(--card);padding:18px;border-radius:12px;width:90%;max-width:520px;border:1px solid rgba(255,255,255,0.03);}

/* footer */
.site-footer{padding:30px 0;margin-top:30px;border-top:1px solid rgba(255,255,255,0.03);}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:12px;}
.footer-inner img{height:48px;}

/* responsive */
@media(max-width:1100px){
  .products-grid{grid-template-columns:repeat(3,1fr);}
  .showcase .show-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:800px){
  .hero-grid{grid-template-columns:1fr; text-align:center;}
  .hero-media{display:none;}
  .products-grid{grid-template-columns:repeat(2,1fr);}
  .showcase .show-grid{grid-template-columns:1fr 1fr;}
  .main-nav{display:none;position:absolute;right:16px;top:64px;flex-direction:column;background:linear-gradient(180deg,rgba(0,0,0,0.95),rgba(0,0,0,0.9));padding:12px;border-radius:8px;min-width:200px;}
  .hamb{display:block;}
}
@media(max-width:480px){
  .products-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
  .test-grid{grid-template-columns:1fr;}
  .showcase .show-grid{grid-template-columns:1fr;}
}