*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}
body{background:#fff;color:#333}

/* ================= TOP PREMIUM (marquee forte) ================= */
.top-banner{
  width:100%;
  background:linear-gradient(90deg,#000,#111,#000);
  overflow:hidden;
  position:relative;
}
.top-marquee{
  width:100%;
  padding:12px 0;
  white-space:nowrap;
  overflow:hidden;
  position:relative;
}
.marquee-content{
  display:inline-block;
  padding-left:100%;
  animation:marquee 22s linear infinite;
  font-size:14px;
  font-weight:800;
  letter-spacing:0.6px;
  color:#fff;
  text-shadow:0 1px 6px rgba(0,0,0,.6);
}
@keyframes marquee{
  0%{transform:translateX(0);}
  100%{transform:translateX(-100%);}
}
.top-banner:before,.top-banner:after{
  content:"";
  position:absolute;
  top:0;
  width:70px;
  height:100%;
  z-index:2;
}
.top-banner:before{left:0;background:linear-gradient(to right,#000,transparent);}
.top-banner:after{right:0;background:linear-gradient(to left,#000,transparent);}

/* ================= Banner principal ================= */
.banner-unico{padding:12px}
.banner-unico img{width:100%;height:260px;object-fit:cover;border-radius:16px}

/* ================= Conteúdo ================= */
.content{padding:12px}
.title{font-size:20px;color:#9b143f;margin-bottom:12px}

/* Grid mobile 2 col */
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}

/* Produto card */
.product{border:1px solid #eee;border-radius:12px;padding:10px;text-align:center;position:relative;background:#fff}
.product-thumb{width:100%;height:130px;object-fit:contain}
.product h2{font-size:13px;margin:6px 0}
.stars{color:#f5a623;font-size:13px}
.stars span{color:#555;font-size:12px}
.stock{font-size:12px;color:#c0392b;margin:6px 0}
.old-price{font-size:12px;color:#999;text-decoration:line-through}
.price{font-size:16px;font-weight:bold}
.btn-details{width:100%;padding:10px;background:#9b143f;color:#fff;border:none;border-radius:10px;margin-top:8px;cursor:pointer}
.discount{position:absolute;top:8px;left:8px;background:#2ecc71;color:#fff;font-size:11px;padding:6px 8px;border-radius:999px}
.discount.hot{background:#e74c3c}
.product-featured{border:2px solid #9b143f}

/* ================= Modal ================= */
.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.72);display:none;justify-content:center;align-items:center;z-index:9999;padding:14px}
.modal{background:#fff;width:100%;max-width:920px;border-radius:16px;padding:16px;max-height:92vh;overflow:auto}
.close-modal{font-size:30px;background:none;border:none;float:right;cursor:pointer}
.modal-content{display:grid;grid-template-columns:1fr;gap:16px}
.modal-media img,.modal-media video{width:100%;max-height:260px;object-fit:contain}
.modal-media video{background:#000;border-radius:12px}
.modal-info{display:flex;flex-direction:column;height:100%}
.modal-scroll{overflow:auto;padding-bottom:96px}
.modal-cta{position:sticky;bottom:0;background:#fff;padding-top:10px;box-shadow:0 -8px 18px rgba(0,0,0,.08)}
.modal-buy{width:100%;padding:16px;font-size:17px;font-weight:bold;background:#9b143f;color:#fff;border:none;border-radius:12px;cursor:pointer}
.modal-stars{color:#f5a623;font-size:14px;margin:6px 0}
.modal-prices{display:flex;gap:10px;align-items:baseline}
.modal-old{color:#999;text-decoration:line-through;font-size:13px}
.modal-new{color:#111;font-size:22px;font-weight:800}
.modal-stock{font-size:13px;color:#c0392b;margin:6px 0}
.modal-desc{font-size:14px;color:#444;margin:10px 0}
.modal-benefits{list-style:none;font-size:14px}
.modal-benefits li{margin:6px 0}

/* Galeria 3 imagens */
.modal-main-image{width:100%;max-height:260px;object-fit:contain}
.modal-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:2px}
.thumb-img{width:78px;height:78px;object-fit:cover;border-radius:10px;border:2px solid transparent;opacity:.9;cursor:pointer;background:#fff}
.thumb-img.active{border-color:#9b143f;opacity:1}
.modal-video{width:100%;max-height:260px;object-fit:contain;background:#000;border-radius:12px;margin-top:10px}

/* ================= Popup +18 ================= */
.age-overlay{
  position:fixed;top:0;left:0;width:100%;height:100%;
  background:rgba(0,0,0,.88);
  display:none;justify-content:center;align-items:center;
  z-index:10000;padding:18px;
}
.age-box{
  background:#0f0f0f;color:#fff;padding:26px;border-radius:18px;
  text-align:center;width:100%;max-width:360px;
  border:1px solid #222;
  box-shadow:0 20px 60px rgba(0,0,0,.55);
}
.age-box h2{margin-bottom:8px;font-size:20px}
.age-box p{color:#cfcfcf;font-size:14px}
.age-confirm{
  margin-top:14px;
  padding:14px;width:100%;
  background:#9b143f;border:none;color:#fff;
  font-weight:800;border-radius:14px;cursor:pointer;
}

/* ================= Rodapé ================= */
.footer-vendas{background:#000;color:#fff;padding:40px 20px;margin-top:40px}
.footer-container{max-width:1100px;margin:auto;text-align:center}
.footer-title{font-size:20px;margin-bottom:6px}
.footer-subtitle{color:#f1c40f;font-size:14px;margin-bottom:18px}

/* Vídeo destaque acima */
.video-feedback{margin:22px 0 28px;display:flex;justify-content:center}
.video-card{background:#111;border:1px solid #222;border-radius:18px;padding:18px;width:100%;max-width:420px;text-align:center}
.video-stars{color:#f5b301;font-size:22px;letter-spacing:2px;margin-bottom:12px}

/* VÍDEO DEPOIMENTO VERTICAL (9:16) */
.video-card video{
  width:100%;
  max-width:360px;
  aspect-ratio:9/16;
  display:block;
  margin:0 auto;
  border-radius:16px;
  background:#000;
  object-fit:cover;
  box-shadow:0 8px 25px rgba(0,0,0,0.6);
}
.video-text{margin-top:14px;font-size:14px;color:#ddd;line-height:1.4}
.video-author{display:block;margin-top:8px;color:#9b9b9b;font-size:12px;font-weight:600}

/* Feedback 2x2 */
.feedbacks{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:10px;margin-bottom:18px}
.feedback{background:#111;padding:14px;border-radius:12px;text-align:center;border:1px solid #222}
.feedback img.cliente{width:52px;height:52px;border-radius:50%;object-fit:cover;margin-bottom:6px}
.feedback p{font-size:13px;color:#ddd;margin-bottom:6px}
.feedback span{font-size:12px;color:#f1c40f}
.feedback img.entrega{width:100%;height:90px;object-fit:cover;border-radius:10px;margin-top:10px;border:1px solid #222;background:#000}

.footer-bottom{border-top:1px solid #222;padding-top:15px;font-size:12px;color:#777}

/* Desktop */
@media(min-width:768px){
  .modal-content{grid-template-columns:1fr 1fr}
}
@media(min-width:1024px){
  .grid{grid-template-columns:repeat(4,1fr)}
}
/* POPUP COMPRA */
.popup-compra{
position:fixed;
bottom:90px;
left:15px;
background:#111;
color:#fff;
padding:10px;
border-radius:12px;
display:flex;
gap:10px;
align-items:center;
box-shadow:0 10px 25px rgba(0,0,0,.4);
z-index:9999;
opacity:0;
transform:translateY(20px);
transition:.4s;
max-width:280px;
}
.popup-compra.show{
opacity:1;
transform:translateY(0);
}
.popup-compra img{
width:45px;
height:45px;
object-fit:cover;
border-radius:8px;
}

/* WHATSAPP */
.whatsapp-float{
position:fixed;
bottom:20px;
right:20px;
background:#25D366;
width:60px;
height:60px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
box-shadow:0 8px 20px rgba(0,0,0,.4);
z-index:9999;
transition:.3s;
}

.whatsapp-float img{
width:30px;
height:30px;
object-fit:contain;
}

.whatsapp-float:hover{
transform:scale(1.08);
}