:root{--brand:#1e63b0;--brand-dark:#154a86;--brand-light:#4e92d8;--white:#fff;--black:#111;--gray:#7a7a7a;--font-primary:'Quicksand',system-ui,sans-serif;--font-secondary:'Roboto',system-ui,sans-serif}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}body{overflow-x:hidden;font-family:var(--font-primary);color:var(--black);background:#fff}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}
/* ── PRICING HEADING ── */
.pricing-heading-outer{background:#444443;width:100%;padding:0 10px}
.pricing-heading-inner{display:flex;flex-direction:column;max-width:1140px;margin:0 auto;padding:10px 0}
.pricing-heading-widget{text-align:center;font-family:var(--font-primary);font-size:30px;font-weight:400;color:#7A7A7A;padding:10px}

/* ── PRICING CARDS ── */
.pricing-outer{background:#fff;width:100%;padding:0 10px}
.pricing-inner{display:flex;flex-direction:column;max-width:1140px;margin:0 auto;padding:10px 0}

/* row — 3 colunas lado a lado */
.pricing-row{display:flex;justify-content:center;align-items:center;gap:30px;max-width:1200px;margin:0 auto;flex-wrap:nowrap;padding:40px 20px}

/* card base */
.pricing-card{flex:1;min-width:0;max-width:350px;border-radius:25px;border:3px solid var(--brand);background:#fff;display:flex;flex-direction:column;align-items:center;padding:10px;text-decoration:none;color:inherit}
.pricing-card--best{background:var(--brand);border-color:var(--brand)}

/* tag "BEST VALUE!" */
.card-best-tag{display:block;background:#fff;color:var(--brand);padding:12px 0;margin:0 0 15px 0;text-align:center;font-weight:700;font-family:var(--font-primary);font-size:32px;border-radius:5px 5px 0 0;line-height:1;box-sizing:border-box;width:100%}

/* header label (Basic / Most Popular) */
.card-header{display:block;padding:12px 0;margin:0 0 15px 0;text-align:center;font-family:var(--font-primary);font-size:32px;font-weight:700;border-radius:5px 5px 0 0;line-height:1;box-sizing:border-box;width:100%}
.card-header--dark{background:var(--brand);color:#fff}

/* corpo do card */
.card-body{padding:14px 6px;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}
.card-body--best{padding:14px 6px}

/* títulos internos */
.card-bottles{font-family:var(--font-primary);font-size:44px;font-weight:700;text-align:center;margin:0;color:#000;line-height:1.1}
.card-bottles--white{color:#fff}
.card-supply{font-family:var(--font-primary);font-size:28px;font-weight:500;text-align:center;margin:0;color:#000}
.card-supply--white{color:#fff}

/* links que envolvem imagens */
.card-body>.card-img-link{display:block;width:100%;text-align:center}

/* imagens — 6x destaque, 3x médio, 2x menor */
.card-product-img{display:block;margin:0 auto;height:auto;object-fit:contain}
.pricing-card--basic .card-product-img{width:100%}
.pricing-card--popular .card-product-img{width:100%}
.card-product-img--best{width:100%}
.card-price-img{display:block;margin:0 auto;width:70%;height:auto;object-fit:contain}
.card-cards-img{display:block;margin:0 auto;width:60%;height:auto}

/* price-box (substitui imagens price-*.webp) */
.price-box{font-family:'Montserrat',sans-serif;display:flex;align-items:center;justify-content:center;padding:10px 16px;user-select:none;width:100%;box-sizing:border-box;gap:8px}
.price-box.dark{color:#fff}
.price-box.light{background-color:#fff;color:#1a1a1a}
.price-box .price-left{display:flex;align-items:flex-end;line-height:1}
.price-box .currency{font-size:1.9rem;font-weight:900;padding-bottom:8px}
.price-box .amount{font-size:5rem;font-weight:900;line-height:1;letter-spacing:-2px}
.price-box .price-right{display:flex;flex-direction:column;justify-content:center;align-self:center}
.price-box .per,.price-box .bottle{font-size:1.15rem;font-weight:900;line-height:1.1;letter-spacing:1.5px}

/* badges */
.card-badge{display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:none;font-family:var(--font-primary);font-size:17px;font-weight:700;text-decoration:none;width:100%;text-align:center;cursor:pointer;margin:0;white-space:nowrap}
.card-badge--red{color:#7F1411;fill:#7F1411}
.card-badge--dark{color:#000;fill:#000;font-weight:500}
.card-badge--white{color:#fff;fill:#fff}
.card-badge-icon{width:1em;height:1em;flex-shrink:0}

/* botão BUY NOW */
.card-btn-buy{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;font-family:var(--font-primary);font-size:28px;font-weight:700;color:#fff;fill:#fff;border-radius:5px;text-decoration:none;text-align:center;margin:12px 0 0}
.card-btn-buy--blue{background:var(--brand);border-bottom:3px solid var(--brand-dark)}
.card-btn-buy--green{background:#39BD40;border-bottom:3px solid #37B33D}
.card-btn-icon{width:28px;height:28px;max-width:28px;flex-shrink:0;fill:#fff}

/* total */
.card-total{font-family:var(--font-secondary);font-size:18px;font-weight:700;text-align:center;width:100%;margin:0;line-height:1.3}
.card-total--dark{color:#000}
.card-total--white{color:#fff}

/* ── INGREDIENTS SECTION ── */
.ingredients-outer{background:var(--brand);width:100%;padding:0 10px}
.ingredients-inner{display:flex;flex-direction:column;max-width:1140px;margin:0 auto;padding:10px 0}

/* ── FEATURES SECTION ── */
.features-outer{background:#fff;width:100%;padding:0 10px}
.features-inner{display:flex;flex-direction:column;max-width:1140px;margin:0 auto;padding:10px 0}

/* ── FAQ SECTION ── */
.faq-outer{background:var(--brand);width:100%;padding:40px 18px}

/* ── NAVBAR ── */
.navbar{background:#fff;width:100%;padding:0 10px}
.navbar-inner{display:flex;flex-direction:row;align-items:stretch;max-width:1140px;margin:0 auto;padding:10px 0;gap:0}
.navbar-col{display:flex;flex-direction:column;padding:10px;width:50%}
.navbar-col--logo{background:#fff;justify-content:center}
.navbar-logo-widget{text-align:start}
.brand-logo{font-family:var(--font-primary);font-size:clamp(28px,4.2vw,40px);line-height:1;letter-spacing:-1px;white-space:nowrap;display:inline-block}.brand-logo .bl-1{font-weight:800;color:#16243a}.brand-logo .bl-2{font-weight:400;color:#1e63b0}
.navbar-col--cta{justify-content:center}
.navbar-btn-widget{display:flex;justify-content:flex-end;margin:0;padding:0}
.btn-order{display:inline-block;background:var(--brand);color:#fff;font-family:var(--font-primary);font-size:28px;font-weight:700;padding:12px 24px;border-radius:10px;border:none;cursor:pointer;text-align:center;transition:background .2s}
.btn-order:hover{background:var(--brand-dark)}

/* ── HERO SECTION ── */
.hero{background:var(--brand);width:100%;padding:0 10px}
.hero-inner{display:flex;flex-direction:row;align-items:stretch;max-width:1140px;margin:0 auto;padding:10px 0;gap:0}
.hero-col{display:flex;flex-direction:column;justify-content:center;padding:10px;width:50%}
.hero-heading{font-family:var(--font-primary);font-size:30px;font-weight:600;color:#fff;line-height:1.125;margin:0 0 20px 0}
.hero-subtext{font-family:var(--font-primary);font-size:24px;font-weight:500;color:#fff;text-shadow:0 0 0 rgba(0,0,0,.3);margin:0 0 20px 0}
.hero-certs{width:87%;height:auto;display:block;margin:0}
.hero-col--product{gap:20px}
.hero-product{width:100%;max-width:150px;height:auto;align-self:center;margin:0 auto;display:block}

/* Pricing — layout empilhado / card em 2 colunas.
   Entra já em <=991px (antes da linha de 3 cards desktop estourar e cortar o 3º card). */
@media(max-width:991px){
  .pricing-row{flex-direction:column;align-items:center;padding:40px 16px 20px}
  .pricing-card{width:100%;max-width:480px;padding:10px}
  .card-header,.card-best-tag{font-size:26px;padding:12px 0}

  /* flex → grid 2 colunas; minmax(0,1fr) impede a faixa de crescer além de 50% */
  .card-body{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:10px;row-gap:4px;align-items:start;padding:10px 4px 0}
  .card-body>*{min-width:0}

  /* COLUNA ESQUERDA */
  .card-body .card-bottles{grid-column:1;grid-row:1;font-size:26px;text-align:center}
  .card-body .card-supply{grid-column:1;grid-row:2;font-size:18px;text-align:center}
  .card-body .card-img-link:has(.card-product-img){grid-column:1;grid-row:3/span 4}

  /* COLUNA DIREITA — price image ou price-box ocupa rows 1-2 */
  .card-body .card-img-link:has(.card-price-img){grid-column:2;grid-row:1/span 2;align-self:center}
  .card-price-img{width:100%}
  .card-body .price-box{grid-column:2;grid-row:1/span 2;align-self:center;padding:6px 8px;gap:5px;max-width:100%}
  .card-body .price-box .currency{font-size:1.3rem;padding-bottom:6px}
  .card-body .price-box .amount{font-size:3.4rem;letter-spacing:-2px}
  .card-body .price-box .per,.card-body .price-box .bottle{font-size:.9rem;letter-spacing:.5px}

  /* COLUNA DIREITA — badges e total (wrap em vez de nowrap para não estourar) */
  .card-body .card-badge{grid-column:2;font-size:14px;justify-content:center;white-space:normal}
  .card-body .card-total{grid-column:2;font-size:14px;text-align:center}
  .card-body .card-img-link:has(.card-cards-img){display:none}

  /* BUY NOW largura total na última linha */
  .card-body .card-btn-buy{grid-column:1/-1;grid-row:7;font-size:22px;padding:16px;margin:10px 0 0;width:100%;border-radius:8px}

  /* imagens dos potes — 1 pote no mesmo tamanho visual do 3 potes */
  .card-product-img{max-width:100%}
  .pricing-card--basic .card-product-img{width:100%}
  .pricing-card--popular .card-product-img{width:100%}
  .card-product-img--best{width:100%}
  .card-cards-img{width:100%;max-width:none}

  /* ordem mobile: 6x → 3x → 2x */
  .pricing-card--best{order:1}
  .pricing-card--popular{order:2}
  .pricing-card--basic{order:3}
}

@media(max-width:767px){
  /* navbar */
  .navbar-inner{flex-wrap:wrap}
  .navbar-col{width:100%}
  .navbar-col--logo{text-align:center;justify-content:center;align-items:center}
  .navbar-logo-widget{text-align:center;width:100%}
  
  .navbar-col--cta{align-items:center}
  .btn-order{font-size:25px}

  /* hero */
  .hero-inner{flex-wrap:wrap}
  .hero-col{width:100%}
  .hero-heading{font-size:32px}
  .hero-subtext{font-size:21px}
  .hero-col--product{align-items:center}
  .hero-product{width:46%;max-width:130px;margin:0 auto}
}