/* ===== RESET ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Ubuntu,system-ui,sans-serif;background:#fff;color:#222}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}

/* ===== TICKER ===== */
.ticker-wrap{background:#990000;overflow:hidden;padding:8px 0}
.ticker-track{display:flex;white-space:nowrap;animation:ticker 25s linear infinite}
.ticker-track span{font-family:Poppins,sans-serif;font-size:13px;font-weight:600;color:#fff;letter-spacing:.08em;padding:0 40px}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ===== HERO ===== */
.hero{background:rgba(211,0,0,1);padding:24px 16px 20px;text-align:center}
.hero-headline{font-size:clamp(26px,5vw,46px);font-weight:700;color:#fff;line-height:1.2;max-width:800px;margin:0 auto}
.hero-headline .hl{color:#FCDD15}

/* ===== LOGO BAR ===== */
.logo-bar{background:#fff;text-align:center;padding:16px}
.logo-bar img{max-width:340px;margin:0 auto}

/* ===== SOCIAL PROOF ===== */
.social-proof{text-align:center;padding:10px 16px 4px;font-size:15px;color:#555}
.social-proof strong{color:#D30000}

/* ===== VIDEO ===== */
.video-section{background:#fff;padding:16px}
.video-wrap{max-width:560px;margin:0 auto;position:relative}
.video-wrap vturb-smartplayer{display:block;width:100%;aspect-ratio:16/9}

/* ===== PRICING ===== */
.esconder{display:none}
.pricing-wrap{padding:10px 8px 30px;background:#fff}

/* Row de 3 cards */
.cards-row{display:flex;flex-direction:row;justify-content:center;align-items:center;max-width:960px;margin:0 auto}

/* ---- Card base (Basic e Most Popular) ---- */
.pkg-card{border:2px solid rgba(75,116,178,1);border-radius:1em;background:#fff;display:flex;flex-direction:column;margin:29px 17px 0 0;width:100%;overflow:hidden}
.pkg-card:last-child{margin-right:0}

/* Header laranja dos cards brancos */
.pkg-header{padding:5px 12px;text-align:center;background:rgba(205,122,59,1);border-radius:1em 1em 0 0}
.pkg-header h3{font-family:Ubuntu,sans-serif;font-size:20px;font-weight:700;color:#fff;margin:0}

/* Corpo dos cards brancos — two-column ao chegar em 1024px */
.pkg-card-body{display:flex;flex-direction:column;width:100%}
@media(max-width:1024px){
  .pkg-card-body{flex-direction:row;align-items:flex-start}
  .pkg-card-img-col{width:50%;flex-shrink:0}
  .pkg-card-info-col{width:50%;flex-shrink:0;display:flex;flex-direction:column}
}
@media(max-width:480px){
  .pkg-card-body{flex-direction:row;align-items:flex-start}
  .pkg-card-img-col{width:50%;flex-shrink:0}
  .pkg-card-info-col{width:50%;flex-shrink:0}
}

/* Título grande "2 BOTTLES" / "3 BOTTLE" */
.pkg-bottles{font-family:Ubuntu,sans-serif;font-size:35px;font-weight:700;color:#000;text-align:center;text-transform:uppercase;text-shadow:0 .1em .1em rgb(0 0 0);padding:8px 8px 0}
.pkg-supply{font-family:Ubuntu,sans-serif;font-size:20px;font-weight:600;color:#000;text-align:center;padding:2px 0 4px}

/* Imagem da garrafa */
.pkg-img{text-align:center;padding:6px 0}
.pkg-img img{max-width:60%;margin:0 auto}
@media(max-width:1024px){.pkg-img img{max-width:80%}}
@media(max-width:480px){.pkg-img img{max-width:90%}}

/* Preço: $ número PER BOTTLE */
.pkg-price-row{display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:4px 0 2px}
.pkg-price-symbol{font-family:Ubuntu,sans-serif;font-size:45px;font-weight:900;color:#000;line-height:1}
.pkg-price-num{font-family:Ubuntu,sans-serif;font-size:80px;font-weight:900;color:rgba(252,221,21,1);text-shadow:.08em .08em .08em rgb(0 0 0);line-height:1}
.pkg-price-label{font-family:Ubuntu,sans-serif;font-size:20px;font-weight:600;color:#000;line-height:1.2;padding-bottom:8px}

/* Divisória tracejada preta */
.pkg-divider{border:none;border-top:1px dashed rgba(0,0,0,.4);margin:4px 8px}

/* Check row (YOU SAVE, MONEY-BACK) */
.pkg-check-row{display:flex;align-items:center;gap:6px;padding:4px 12px;justify-content:center}
.pkg-check-row svg{width:16px;height:16px;flex-shrink:0;color:rgba(42,91,165,1)}
.pkg-check-row span{font-family:Ubuntu,sans-serif;font-size:14px;color:rgba(42,91,165,1)}

/* Texto do total (acima do botão) */
.pkg-total{font-family:Ubuntu,sans-serif;font-size:20px;text-align:center;padding:10px 8px 0;color:#000}
.pkg-total s{color:#888}
.pkg-total strong{color:#000}
.pkg-total .ship-red{color:rgba(216,54,68,1)}

/* Imagem de cartões de crédito (WatCdd) */
.pkg-cards-img{text-align:center;padding:8px 12px 4px}
.pkg-cards-img img{max-width:60%;margin:0 auto}

/* Total abaixo dos cartões */
.pkg-total-bottom{font-family:Ubuntu,sans-serif;font-size:20px;text-align:center;padding:5px 8px 20px;color:#000}
.pkg-total-bottom s{color:#888}

/* Botão BUY NOW — cinza (básico e popular) */
.pkg-btn-wrap{padding:15px;width:100%;display:flex;justify-content:center}
.pkg-btn{display:block;width:100%;max-width:290px;text-align:center;font-family:"Red Hat Display",Ubuntu,sans-serif;font-size:25px;font-weight:700;color:rgba(35,31,32,1);background:linear-gradient(360deg,rgba(218,218,218,1) 50%,rgba(224,224,224,1) 51%);border-radius:1rem;text-decoration:none;transition:all .3s ease}
.pkg-btn p{margin:0;padding:15px 0}
.pkg-btn:hover{background:linear-gradient(360deg,rgba(200,200,200,1) 50%,rgba(208,208,208,1) 51%)}

/* ---- Card FEATURED (Joint Health Kit — fundo marrom) ---- */
.pkg-card.featured{border:2px solid rgba(30,88,174,1);border-radius:1em;margin-right:1em;background:#fff;overflow:hidden}

/* Sub-container interno com fundo marrom */
.pkg-featured-inner{background:rgba(133,50,4,1);border-radius:.5em;margin:3px;display:flex;flex-direction:column}

/* Header do featured: mais escuro */
.pkg-featured-header{background:rgba(104,39,3,1);border-radius:.3em .3em 0 0;padding:6px 12px;text-align:center}
.pkg-featured-header h3{font-family:Ubuntu,sans-serif;font-size:23px;font-weight:700;color:rgba(227,185,103,1);text-shadow:0 .1em .1em rgb(0 0 0);margin:0}

/* Layout interno do featured: desktop=coluna; mobile=linha (imagem | info) */
.pkg-featured-body{display:flex;flex-direction:column;width:100%}

/* Desktop/tablet: cada bloco ocupa largura total, sem dividir altura */
.pkg-featured-img{width:100%;padding:6px 10px}
.pkg-featured-img img{width:85%;max-width:100%;display:block;margin:0 auto}
.pkg-featured-info{width:100%;display:flex;flex-direction:column;padding:4px 8px 0}

/* Tablet e mobile: lado a lado */
@media(max-width:1024px){
  .pkg-featured-body{flex-direction:row;align-items:flex-start}
  .pkg-featured-img{width:50%;padding:4px;flex-shrink:0}
  .pkg-featured-img img{width:97%}
  .pkg-featured-info{width:50%;flex-shrink:0;padding:4px 4px 0}
}
@media(max-width:480px){
  .pkg-featured-body{flex-direction:row;align-items:flex-start}
  .pkg-featured-img{width:50%;padding:4px;flex-shrink:0}
  .pkg-featured-img img{width:97%;height:143px;object-fit:contain}
  .pkg-featured-info{width:50%;flex-shrink:0;padding:4px 4px 0}
}

/* Título "6 BOTTLE" no featured */
.pkg-featured-bottles{font-family:Ubuntu,sans-serif;font-size:35px;font-weight:700;color:#fff;text-align:center;text-transform:uppercase;text-shadow:0 .1em .1em rgb(0 0 0);padding:6px 0 0}
.pkg-featured-supply{font-family:Ubuntu,sans-serif;font-size:20px;font-weight:600;color:#fff;text-align:center;padding:2px 0 4px}

/* Preço no featured: símbolo e label em BRANCO, número em VERDE */
.pkg-featured-price-row{display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:4px 0 2px}
.pkg-featured-price-row .pkg-price-symbol{color:#fff}
.pkg-featured-price-row .pkg-price-num{color:rgba(12,173,96,1)}
.pkg-featured-price-row .pkg-price-label{color:#fff}

/* Divisória tracejada branca */
.pkg-divider-white{border:none;border-top:1px dashed rgba(255,255,255,.51);margin:4px 8px}

/* Check row featured — YOU SAVE: amarelo; demais: branco */
.pkg-check-row.featured-check svg{color:rgba(252,205,21,1)}
.pkg-check-row.featured-check span{color:rgba(252,221,21,1);font-weight:700;text-shadow:0 .1em .1em rgb(0 0 0)}
.pkg-check-row.featured-check-white svg{color:#fff}
.pkg-check-row.featured-check-white span{color:#fff;font-weight:700;text-shadow:0 .1em .1em rgb(0 0 0)}

/* Total featured */
.pkg-total.featured-total{color:#fff}
.pkg-total.featured-total s{color:rgba(255,255,255,.6)}
.pkg-total.featured-total strong{color:#fff}
.pkg-total.featured-total .ship-yellow{color:rgba(254,214,0,1)}

/* Botão BUY NOW — amarelo (featured) */
.pkg-btn.yellow{background:linear-gradient(360deg,rgba(252,205,21,1) 50%,rgba(255,216,20,1) 51%);border:2px solid rgba(167,138,25,1);border-radius:.3em;color:rgba(0,0,0,1)}
.pkg-btn.yellow:hover{background:linear-gradient(180deg,rgba(252,205,21,1) 50%,rgba(255,216,20,1) 51%)}

/* Total abaixo cartões no featured */
.pkg-total-bottom.featured-total-bottom{color:#fff}
.pkg-total-bottom.featured-total-bottom s{color:rgba(255,255,255,.6)}
.pkg-total-bottom.featured-total-bottom .ship-yellow{color:rgba(252,221,21,1)}

/* ---- Responsivo ---- */
@media(max-width:1024px){
  .cards-row{flex-wrap:wrap;justify-content:center}
  .pkg-card{order:4;margin-bottom:20px;margin-right:17px}
  .pkg-card.featured{order:3;margin-right:1em}
  .pkg-card.popular{order:5}
  .pkg-price-num{font-size:55px}
  .pkg-price-symbol{font-size:30px}
  .pkg-price-label{font-size:14px}
  .pkg-bottles{font-size:28px;line-height:36px}
  .pkg-featured-bottles{font-size:28px;line-height:36px}
  .pkg-cards-img img{max-width:80%}
}
@media(max-width:480px){
  /* Empilha os cards verticalmente sem margens que causam overflow */
  .cards-row{flex-direction:column;align-items:stretch;padding:0 10px}
  .pkg-card{order:2;margin:0 0 16px 0}
  .pkg-card.featured{order:0;margin:0 0 16px 0}
  .pkg-card.popular{order:1;margin:0 0 16px 0}

  /* Preços menores para caber na coluna */
  .pkg-price-num{font-size:42px}
  .pkg-price-symbol{font-size:27px}
  .pkg-price-label{font-size:12px}

  /* Featured: ajustes de fonte no mobile */
  .pkg-featured-bottles{font-size:22px;line-height:1}
  .pkg-featured-supply{font-size:14px;line-height:12px}
  .pkg-featured-price-row{gap:0;padding:2px 0}

  /* Textos gerais menores no mobile */
  .pkg-bottles{font-size:20px;line-height:12px}
  .pkg-supply{font-size:16px}
  .pkg-check-row span{font-size:12px}
  .pkg-total{font-size:15px;padding:6px 8px 0}
  .pkg-total-bottom{font-size:15px;padding:4px 8px 14px}
  .pkg-cards-img img{max-width:80%}
  .pkg-btn{width:100%;max-width:100%}
  .pkg-btn-wrap{padding:10px}
}

/* ===== SCIENTIFIC REFERENCES ===== */
.references{padding:32px 16px;text-align:center;background:#fff}
.references h2{font-size:clamp(18px,3vw,26px);font-weight:700;color:#D30000;margin-bottom:16px}
.references img{max-width:100%;width:560px;margin:0 auto;display:block}

/* ===== FOOTER ===== */
.footer{background:#fff;padding:20px 16px;text-align:center;border-top:1px solid #eee}
.footer p{font-size:13px;color:#888;line-height:1.6}