.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-66 .elementor-element.elementor-element-ddec256 .elementor-menu-toggle{margin:0 auto;}.elementor-66 .elementor-element.elementor-element-ddec256{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-66 .elementor-element.elementor-element-ddec256 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-66 .elementor-element.elementor-element-9b43849 .elementor-button{background-color:#61CE70;}.elementor-66 .elementor-element.elementor-element-9b43849 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-66 .elementor-element.elementor-element-704e140 img{width:67%;}.elementor-66 .elementor-element.elementor-element-87a383e img{width:100%;}.elementor-66 .elementor-element.elementor-element-a7c35a5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 19px) 0px;}.elementor-66 .elementor-element.elementor-element-a7c35a5 img{width:68%;border-radius:10px 10px 10px 10px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-66 .elementor-element.elementor-element-f192aa6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 21px) 0px;}.elementor-66 .elementor-element.elementor-element-f192aa6 .elementor-heading-title{color:#16A34A;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-66 .elementor-element.elementor-element-49840fc .elementor-icon-list-icon i{color:#16A34A;transition:color 0.3s;}.elementor-66 .elementor-element.elementor-element-49840fc .elementor-icon-list-icon svg{fill:#16A34A;transition:fill 0.3s;}.elementor-66 .elementor-element.elementor-element-49840fc{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-66 .elementor-element.elementor-element-49840fc .elementor-icon-list-item > .elementor-icon-list-text, .elementor-66 .elementor-element.elementor-element-49840fc .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:13px;font-weight:400;}.elementor-66 .elementor-element.elementor-element-49840fc .elementor-icon-list-text{transition:color 0.3s;}.elementor-66 .elementor-element.elementor-element-f8d040b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 21px) 0px;}.elementor-66 .elementor-element.elementor-element-f8d040b .elementor-heading-title{color:#C60022;}.elementor-66 .elementor-element.elementor-element-19ae109 .elementor-icon-list-icon i{color:#E30000;transition:color 0.3s;}.elementor-66 .elementor-element.elementor-element-19ae109 .elementor-icon-list-icon svg{fill:#E30000;transition:fill 0.3s;}.elementor-66 .elementor-element.elementor-element-19ae109{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-66 .elementor-element.elementor-element-19ae109 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-66 .elementor-element.elementor-element-19ae109 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:13px;font-weight:400;}.elementor-66 .elementor-element.elementor-element-19ae109 .elementor-icon-list-text{transition:color 0.3s;}.elementor-66 .elementor-element.elementor-element-5219a0f{--display:flex;}.elementor-66 .elementor-element.elementor-element-9e542c0{--display:flex;}.elementor-66 .elementor-element.elementor-element-62e8c57{--display:flex;}.elementor-66 .elementor-element.elementor-element-11f37dc{--display:flex;}.elementor-66 .elementor-element.elementor-element-5ef41db{--display:flex;}.elementor-66 .elementor-element.elementor-element-8204b98{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-66 .elementor-element.elementor-element-518d746 img{width:100%;}@media(max-width:767px){.elementor-66 .elementor-element.elementor-element-a7c35a5 img{width:100%;}}/* Start custom CSS for button, class: .elementor-element-9b43849 */#headerbtn{
        display: inline-block;
    background: rgba(245, 197, 24);
    color: var(--text-dark);
    font-weight: 800;
    font-size: 1.1rem;
    padding: 16px 40px;
    border-radius: 50px;
    text-decoration: none;
    box-shadow: 0 6px 22px rgba(245, 197, 24, 0.45);
    transition: background 0.2s, transform 0.18s, box-shadow 0.2s;
    letter-spacing: 0.2px;
    animation: fadeUp 1s ease 0.4s both;
}


#headerbtn svg{
    fill: black;
}/* End custom CSS */
/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&family=Lato:wght@300;400;700&display=swap');

  :root {
    --primary: #279ab3;
    --primary-dark: #1a7a8e;
    --primary-light: #279ab3d9;
    --accent: #f5c518;
    --accent-dark: #d4a800;
    --white: #ffffff;
    --off-white: #f8fbfc;
    --light-gray: #eef6f8;
    --text-dark: #1a2a2e;
    --text-mid: #3a5560;
    --text-light: #607a80;
    --strip: #ffffff;
    --border: #d0e8ee;
    --shadow: 0 4px 20px rgba(39,154,179,0.12);
    --shadow-lg: 0 8px 40px rgba(39,154,179,0.18);
  }
  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  html { scroll-behavior: smooth; }
  body { font-family: 'Lato', sans-serif; color: var(--text-dark); background: var(--white); line-height: 1.7; font-size: 16px; }
  h1,h2,h3,h4 { font-family: 'Merriweather', serif; line-height: 1.3; }
  img { max-width: 100%; height: auto; display: block; }
  a { color: var(--primary); text-decoration: none; }
  a:hover { color: var(--primary-dark); }

  /* ===== ANIMATIONS ===== */
  @keyframes fadeInUp { from { opacity:0; transform:translateY(30px); } to { opacity:1; transform:translateY(0); } }
  @keyframes fadeInLeft { from { opacity:0; transform:translateX(-30px); } to { opacity:1; transform:translateX(0); } }
  @keyframes fadeInRight { from { opacity:0; transform:translateX(30px); } to { opacity:1; transform:translateX(0); } }
  @keyframes pulse { 0%,100% { transform:scale(1); } 50% { transform:scale(1.03); } }
  @keyframes shimmer { 0% { background-position:-200% center; } 100% { background-position:200% center; } }
  @keyframes floatStar { 0%,100% { transform:translateY(0) rotate(0deg); } 50% { transform:translateY(-8px) rotate(5deg); } }
  @keyframes gradientShift { 0% { background-position:0% 50%; } 50% { background-position:100% 50%; } 100% { background-position:0% 50%; } }

  .animate-up { animation: fadeInUp 0.7s ease forwards; }
  .animate-left { animation: fadeInLeft 0.7s ease forwards; }
  .animate-right { animation: fadeInRight 0.7s ease forwards; }

  /* ===== TOP BAR ===== */
  .topbar { background: var(--primary); color: var(--white); text-align: center; padding: 8px 20px; font-size: 13px; font-weight: 700; letter-spacing: 0.5px; }
  .topbar span { background: var(--accent); color: var(--text-dark); padding: 2px 10px; border-radius: 20px; margin-left: 8px; font-size: 12px; }

  /* ===== NAVBAR ===== */
  .nav { background: var(--white); border-bottom: 2px solid var(--border); position: sticky; top: 0; z-index: 1000; box-shadow: 0 2px 12px rgba(39,154,179,0.1); }
  .nav-inner { max-width: 1140px; margin: 0 auto; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; height: 64px; }
  .nav-logo { font-family: 'Merriweather', serif; font-size: 22px; font-weight: 900; color: var(--primary); letter-spacing: -0.5px; }
  .nav-logo span { color: var(--accent-dark); }
  .nav-links { display: flex; gap: 6px; list-style: none; }
  .nav-links a { padding: 8px 14px; border-radius: 6px; font-weight: 700; font-size: 14px; color: var(--text-mid); transition: all 0.2s; text-transform: uppercase; letter-spacing: 0.4px; }
  .nav-links a:hover { background: var(--light-gray); color: var(--primary); }
  .hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 8px; }
  .hamburger span { width: 24px; height: 2px; background: var(--primary); border-radius: 2px; transition: all 0.3s; }
  @media(max-width:768px) {
    .hamburger { display: flex; }
    .nav-links { display: none; flex-direction: column; position: absolute; top: 64px; left: 0; right: 0; background: var(--white); padding: 16px; border-top: 1px solid var(--border); gap: 4px; box-shadow: 0 8px 24px rgba(0,0,0,0.1); }
    .nav-links.open { display: flex; }
  }

  /* ===== HERO ===== */
  .hero { background: linear-gradient(135deg, #e8f6fa 0%, #f0fbff 40%, #e0f4f8 100%); padding: 70px 20px 60px; position: relative; overflow: hidden; }
  .hero::before { content:''; position:absolute; top:-80px; right:-80px; width:400px; height:400px; background:radial-gradient(circle, rgba(39,154,179,0.12) 0%, transparent 70%); border-radius:50%; }
  .hero::after { content:''; position:absolute; bottom:-60px; left:-60px; width:300px; height:300px; background:radial-gradient(circle, rgba(245,197,24,0.1) 0%, transparent 70%); border-radius:50%; }
  .hero-inner { max-width: 1140px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; position: relative; z-index: 1; }
  .hero-badge { display: inline-flex; align-items: center; gap: 8px; background: var(--primary); color: var(--white); padding: 6px 16px; border-radius: 20px; font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 18px; }
  .hero-badge::before { content:'★'; font-size: 14px; color: var(--accent); }
  .hero h1 { font-size: clamp(28px, 4vw, 42px); color: var(--text-dark); margin-bottom: 10px; line-height: 1.2; }
  .hero h1 em { color: var(--primary); font-style: normal; }
  .hero-tagline { font-size: 18px; color: var(--primary-dark); font-weight: 700; margin-bottom: 16px; font-family: 'Merriweather', serif; }
  .hero p { font-size: 16px; color: var(--text-mid); margin-bottom: 24px; line-height: 1.8; }
  .hero-stars { display: flex; align-items: center; gap: 10px; margin-bottom: 22px; }
  .stars { color: var(--accent); font-size: 22px; letter-spacing: 2px; }
  .rating-text { font-weight: 700; color: var(--text-dark); font-size: 15px; }
  .hero-trust { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 28px; }
  .trust-pill { background: var(--white); border: 1px solid var(--border); padding: 7px 14px; border-radius: 20px; font-size: 13px; font-weight: 700; color: var(--text-mid); display: flex; align-items: center; gap: 6px; box-shadow: var(--shadow); }
  .trust-pill::before { content: '✔'; color: var(--primary); font-size: 12px; }
  .hero-img-wrap { position: relative; text-align: center; }
  .hero-img-wrap img { max-width: 420px; margin: 0 auto; filter: drop-shadow(0 20px 40px rgba(39,154,179,0.2)); animation: pulse 4s ease-in-out infinite; }
  .hero-ribbon { position: absolute; top: 20px; right: 20px; background: var(--accent); color: var(--text-dark); font-weight: 900; font-size: 12px; padding: 8px 14px; border-radius: 8px; text-align: center; line-height: 1.3; transform: rotate(3deg); box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
  @media(max-width:768px) { .hero-inner { grid-template-columns: 1fr; } .hero-img-wrap img { max-width: 280px; } }

  /* ===== STRIP SECTION ===== */
  .strip { background: var(--primary); padding: 18px 20px; }
  .strip-inner { max-width: 1140px; margin: 0 auto; display: flex; justify-content: center; flex-wrap: wrap; gap: 30px; }
  .strip-item { color: var(--white); text-align: center; font-size: 13px; font-weight: 700; letter-spacing: 0.5px; display: flex; align-items: center; gap: 8px; }
  .strip-item .icon { font-size: 22px; }

  /* ===== SECTIONS ===== */
  section { padding: 70px 20px; }
  .section-inner { max-width: 1140px; margin: 0 auto; }
  .section-label { font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--primary); margin-bottom: 12px; }
  .section-title { font-size: clamp(24px, 3vw, 36px); color: var(--text-dark); margin-bottom: 16px; }
  .section-subtitle { font-size: 17px; color: var(--text-mid); max-width: 680px; margin-bottom: 40px; line-height: 1.8; }
  .bg-alt { background: var(--off-white); }
  .bg-dark { background: var(--text-dark); color: var(--white); }
  .bg-light-primary { background: linear-gradient(135deg, #e8f6fa 0%, #f4fbfd 100%); }

  /* ===== QUICK OVERVIEW ===== */
  .overview-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; }
  .overview-card { background: var(--white); border: 1px solid var(--border); border-radius: 12px; padding: 26px 20px; text-align: center; box-shadow: var(--shadow); transition: transform 0.3s, box-shadow 0.3s; }
  .overview-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); }
  .overview-card .oc-icon { font-size: 36px; margin-bottom: 12px; }
  .overview-card h4 { font-size: 15px; color: var(--text-dark); margin-bottom: 6px; }
  .overview-card p { font-size: 13px; color: var(--text-light); }

  /* ===== WHAT IS / BENEFITS ===== */
  .what-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }
  .what-grid img { border-radius: 16px; box-shadow: var(--shadow-lg); }
  .benefits-list { list-style: none; margin-top: 24px; }
  .benefits-list li { display: flex; gap: 14px; margin-bottom: 20px; padding: 16px; background: var(--white); border-radius: 10px; border-left: 4px solid var(--primary); box-shadow: var(--shadow); transition: transform 0.2s; }
  .benefits-list li:hover { transform: translateX(4px); }
  .benefits-list li .bi-icon { font-size: 26px; flex-shrink: 0; }
  .benefits-list li .bi-text h4 { font-size: 15px; color: var(--text-dark); margin-bottom: 4px; }
  .benefits-list li .bi-text p { font-size: 13px; color: var(--text-light); line-height: 1.6; }
  @media(max-width:768px) { .what-grid { grid-template-columns: 1fr; } }

  /* ===== HOW IT WORKS / WHY STANDS OUT ===== */
  .works-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 24px; }
  .works-card { background: var(--white); border-radius: 14px; padding: 30px 24px; border: 1px solid var(--border); box-shadow: var(--shadow); transition: all 0.3s; position: relative; overflow: hidden; }
  .works-card::before { content:''; position:absolute; top:0; left:0; right:0; height:4px; background: var(--primary); transform:scaleX(0); transform-origin:left; transition:transform 0.3s; }
  .works-card:hover::before { transform:scaleX(1); }
  .works-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
  .works-card .step-num { background: var(--primary); color: var(--white); width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 16px; margin-bottom: 14px; }
  .works-card h3 { font-size: 17px; color: var(--text-dark); margin-bottom: 10px; }
  .works-card p { font-size: 14px; color: var(--text-light); line-height: 1.7; }

  /* ===== INGREDIENTS TABLE ===== */
  .table-wrap { overflow-x: auto; border-radius: 12px; box-shadow: var(--shadow); }
  table { width: 100%; border-collapse: collapse; background: var(--white); }
  thead tr { background: var(--primary); color: var(--white); }
  thead th { padding: 16px 18px; text-align: left; font-size: 14px; font-weight: 700; letter-spacing: 0.5px; }
  tbody tr { border-bottom: 1px solid var(--border); transition: background 0.2s; }
  tbody tr:hover { background: var(--light-gray); }
  tbody tr:nth-child(even) { background: #f7fbfc; }
  tbody tr:nth-child(even):hover { background: var(--light-gray); }
  tbody td { padding: 14px 18px; font-size: 14px; color: var(--text-mid); vertical-align: top; }
  tbody td:first-child { font-weight: 700; color: var(--text-dark); }
  .ing-tag { background: var(--primary); color: var(--white); font-size: 11px; padding: 2px 8px; border-radius: 10px; display: inline-block; margin-top: 4px; }

  /* ===== REVIEWS ===== */
  .reviews-summary { background: var(--white); border-radius: 16px; padding: 40px; box-shadow: var(--shadow-lg); border: 1px solid var(--border); }
  .review-header { display: flex; align-items: center; gap: 30px; margin-bottom: 32px; flex-wrap: wrap; }
  .review-big-rating { text-align: center; }
  .review-big-rating .big-num { font-size: 64px; font-weight: 900; color: var(--primary); font-family: 'Merriweather', serif; line-height: 1; }
  .review-big-rating .big-stars { font-size: 28px; color: var(--accent); letter-spacing: 3px; }
  .review-big-rating p { font-size: 13px; color: var(--text-light); margin-top: 4px; }
  .review-bars { flex: 1; }
  .rbar-row { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
  .rbar-label { font-size: 13px; color: var(--text-mid); width: 80px; font-weight: 700; }
  .rbar-track { flex: 1; height: 10px; background: var(--light-gray); border-radius: 10px; overflow: hidden; }
  .rbar-fill { height: 100%; background: linear-gradient(90deg, var(--primary), var(--accent)); border-radius: 10px; transition: width 1s ease; }
  .rbar-pct { font-size: 13px; color: var(--text-mid); width: 36px; text-align: right; }
  .review-highlights { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin-bottom: 28px; }
  .rh-card { background: var(--off-white); border-radius: 10px; padding: 18px; border-left: 3px solid var(--primary); }
  .rh-card h4 { font-size: 14px; color: var(--text-dark); margin-bottom: 6px; }
  .rh-card p { font-size: 13px; color: var(--text-light); line-height: 1.6; }
  .review-disclaimer { font-size: 12px; color: var(--text-light); margin-top: 16px; padding: 12px; background: var(--light-gray); border-radius: 8px; line-height: 1.6; }
  .btn-official { display: inline-flex; align-items: center; gap: 8px; background: var(--accent); color: var(--text-dark); font-weight: 900; font-size: 15px; padding: 14px 32px; border-radius: 8px; border: none; cursor: pointer; transition: all 0.3s; text-decoration: none; margin-top: 20px; }
  .btn-official:hover { background: var(--accent-dark); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(245,197,24,0.4); color: var(--text-dark); }

  /* ===== PRICING ===== */
  #pricing { background: linear-gradient(135deg, #1a2a2e 0%, #0f1e22 100%); color: var(--white); }
  .pricing-heading { color: var(--white); }
  .pricing-heading .section-label { color: var(--accent); }
  .pricing-heading .section-subtitle { color: rgba(255,255,255,0.7); }
  .pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px; margin-bottom: 40px; }
  .price-card { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.12); border-radius: 16px; padding: 32px 24px; text-align: center; transition: all 0.3s; position: relative; overflow: hidden; }
  .price-card.featured { border-color: var(--accent); background: rgba(245,197,24,0.08); transform: scale(1.03); }
  .price-card:hover { transform: translateY(-6px); border-color: var(--accent); }
  .price-card.featured:hover { transform: scale(1.03) translateY(-6px); }
  .price-badge { position: absolute; top: 14px; right: 14px; background: var(--accent); color: var(--text-dark); font-size: 11px; font-weight: 900; padding: 4px 10px; border-radius: 20px; letter-spacing: 0.5px; }
  .price-pkg { font-size: 14px; font-weight: 700; color: rgba(255,255,255,0.7); margin-bottom: 6px; letter-spacing: 1px; text-transform: uppercase; }
  .price-bottles { font-size: 36px; font-weight: 900; color: var(--white); font-family: 'Merriweather', serif; line-height: 1; margin-bottom: 4px; }
  .price-supply { font-size: 13px; color: rgba(255,255,255,0.5); margin-bottom: 20px; }
  .price-main { font-size: 52px; font-weight: 900; color: var(--accent); font-family: 'Merriweather', serif; line-height: 1; }
  .price-main sup { font-size: 24px; vertical-align: super; }
  .price-per { font-size: 13px; color: rgba(255,255,255,0.5); margin-bottom: 4px; }
  .price-old { font-size: 15px; color: rgba(255,255,255,0.4); text-decoration: line-through; margin-bottom: 16px; }
  .price-ship { font-size: 13px; color: var(--primary-light); font-weight: 700; margin-bottom: 20px; }
  .price-guarantee { font-size: 12px; color: rgba(255,255,255,0.5); margin-top: 10px; }
  .pricing-img-wrap { text-align: center; margin-bottom: 40px; }
  .pricing-img-wrap a img { border-radius: 12px; box-shadow: 0 8px 40px rgba(0,0,0,0.4); max-width: 700px; margin: 0 auto; transition: transform 0.3s; width:100%;}
  .pricing-img-wrap a:hover img { transform: scale(1.02); }

  /* ===== PRICING TABLE ===== */
  .pricing-table-section { margin-top: 48px; }
  .pricing-table-section h3 { color: var(--white); font-size: 22px; margin-bottom: 20px; text-align: center; }
  #pricing table { background: rgba(255,255,255,0.04); }
  #pricing thead tr { background: var(--primary); }
  #pricing tbody tr { border-color: rgba(255,255,255,0.08); }
  #pricing tbody tr:nth-child(even) { background: rgba(255,255,255,0.04); }
  #pricing tbody tr:hover { background: rgba(255,255,255,0.08); }
  #pricing tbody td { color: rgba(255,255,255,0.8); }
  #pricing tbody td:first-child { color: var(--white); }

  /* ===== PROS CONS ===== */
  .pros-cons-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
  .pros-box, .cons-box { border-radius: 14px; padding: 28px; }
  .pros-box { background: linear-gradient(135deg, #e8f8f2, #f0fdf6); border: 1px solid #b8e8d0; }
  .cons-box { background: linear-gradient(135deg, #fef4f4, #fff8f8); border: 1px solid #f5c6c6; }
  .pc-header { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; }
  .pc-icon { font-size: 28px; }
  .pc-header h3 { font-size: 20px; font-family: 'Merriweather', serif; }
  .pros-box .pc-header h3 { color: #16a34a; }
  .cons-box .pc-header h3 { color: #dc2626; }
  .pc-list { list-style: none; }
  .pc-list li { padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,0.06); font-size: 14px; color: var(--text-mid); display: flex; gap: 10px; line-height: 1.6; }
  .pc-list li:last-child { border-bottom: none; }
  .pros-box .pc-list li::before { content:'✅'; flex-shrink:0; }
  .cons-box .pc-list li::before { content:'⚠️'; flex-shrink:0; }
  @media(max-width:600px) { .pros-cons-grid { grid-template-columns: 1fr; } }

  /* ===== BEFORE BUYING ===== */
  .buying-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; }
  .buying-card { background: var(--white); border: 1px solid var(--border); border-radius: 12px; padding: 24px; box-shadow: var(--shadow); transition: transform 0.3s; }
  .buying-card:hover { transform: translateY(-4px); }
  .buying-card .bc-icon { font-size: 32px; margin-bottom: 12px; }
  .buying-card h4 { font-size: 15px; color: var(--text-dark); margin-bottom: 8px; }
  .buying-card p { font-size: 13px; color: var(--text-light); line-height: 1.7; }

  /* ===== FAQ ===== */
  .faq-list { max-width: 800px; margin: 0 auto; }
  .faq-item { background: var(--white); border: 1px solid var(--border); border-radius: 10px; margin-bottom: 12px; overflow: hidden; box-shadow: var(--shadow); }
  .faq-q { padding: 18px 22px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-weight: 700; font-size: 15px; color: var(--text-dark); user-select: none; transition: background 0.2s; }
  .faq-q:hover { background: var(--light-gray); }
  .faq-q .arrow { font-size: 18px; color: var(--primary); transition: transform 0.3s; flex-shrink:0; }
  .faq-q.open .arrow { transform: rotate(180deg); }
  .faq-a { max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.3s; font-size: 14px; color: var(--text-mid); line-height: 1.8; }
  .faq-a.open { max-height: 300px; padding: 0 22px 18px; }

  /* ===== GUARANTEE ===== */
  .guarantee-box { background: linear-gradient(135deg, #e8f6fa, #f0fbff); border: 2px solid var(--primary); border-radius: 20px; padding: 48px 40px; display: grid; grid-template-columns: auto 1fr; gap: 36px; align-items: center; max-width: 860px; margin: 0 auto; }
  .guarantee-badge { font-size: 80px; }
  .guarantee-box h2 { font-size: 28px; color: var(--text-dark); margin-bottom: 12px; }
  .guarantee-box p { font-size: 15px; color: var(--text-mid); line-height: 1.8; }
  @media(max-width:600px) { .guarantee-box { grid-template-columns: 1fr; text-align: center; } }

  /* ===== EDUCATIONAL LINKS ===== */
  .edu-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; }
  .edu-card { background: var(--white); border: 1px solid var(--border); border-radius: 14px; padding: 28px; box-shadow: var(--shadow); transition: all 0.3s; position: relative; overflow: hidden; }
  .edu-card::after { content:'→'; position:absolute; bottom:20px; right:20px; font-size:22px; color:var(--primary); transition:transform 0.3s; }
  .edu-card:hover::after { transform:translateX(4px); }
  .edu-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); border-color: var(--primary); }
  .edu-tag { font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--primary); background: var(--light-gray); padding: 4px 10px; border-radius: 20px; display: inline-block; margin-bottom: 12px; }
  .edu-card h3 { font-size: 17px; color: var(--text-dark); margin-bottom: 10px; line-height: 1.4; }
  .edu-card p { font-size: 13px; color: var(--text-light); line-height: 1.7; margin-bottom: 32px; }
  .edu-card a { color: var(--primary); font-weight: 700; font-size: 14px; text-decoration: none; }

  /* ===== FOOTER ===== */
  footer { background: #0f1e22; color: rgba(255,255,255,0.7); padding: 40px 20px 24px; }
  .footer-inner { max-width: 1140px; margin: 0 auto; }
  .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 40px; margin-bottom: 32px; }
  .footer-brand .fn-logo { font-family: 'Merriweather', serif; font-size: 22px; font-weight: 900; color: var(--white); margin-bottom: 12px; }
  .footer-brand p { font-size: 13px; line-height: 1.7; }
  .footer-col h4 { color: var(--white); font-size: 14px; font-weight: 700; margin-bottom: 14px; letter-spacing: 0.5px; text-transform: uppercase; }
  .footer-col ul { list-style: none; }
  .footer-col ul li { margin-bottom: 8px; }
  .footer-col ul li a { color: rgba(255,255,255,0.6); font-size: 13px; transition: color 0.2s; }
  .footer-col ul li a:hover { color: var(--primary); }
  .footer-divider { border: none; border-top: 1px solid rgba(255,255,255,0.08); margin: 24px 0; }
  .fda-compliance { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 10px; padding: 18px 22px; font-size: 12px; color: rgba(255,255,255,0.5); line-height: 1.8; margin-bottom: 24px; }
  .footer-bottom { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; font-size: 12px; color: rgba(255,255,255,0.4); }
  .footer-bottom-links { display: flex; gap: 16px; }
  .footer-bottom-links a { color: rgba(255,255,255,0.4); font-size: 12px; }
  .footer-bottom-links a:hover { color: var(--primary); }
  @media(max-width:768px) { .footer-grid { grid-template-columns: 1fr; gap: 24px; } .footer-bottom { flex-direction: column; } }
  .btn-primary {
    display: inline-block;
    background: rgba(245, 197, 24);
    color: var(--text-dark);
    font-weight: 800;
    font-size: 1.1rem;
    padding: 16px 40px;
    border-radius: 50px;
    text-decoration: none;
    box-shadow: 0 6px 22px rgba(245, 197, 24, 0.45);
    transition: background 0.2s, transform 0.18s, box-shadow 0.2s;
    letter-spacing: 0.2px;
    animation: fadeUp 1s ease 0.4s both;
}/* End custom CSS */