/* SynoGut USA — syg- prefixed styles */
:root{
  --syg-teal:#0E8C7F;
  --syg-teal-dark:#0A6E64;
  --syg-coral:#FF7A45;
  --syg-coral-dark:#E8622F;
  --syg-blue:#4FA8D8;
  --syg-navy:#1B2A41;
  --syg-bg:#FAFAF7;
  --syg-bg-alt:#F0F6F4;
  --syg-white:#FFFFFF;
  --syg-border:#E3E8E6;
  --syg-gold:#F2B705;
  --syg-radius:16px;
  --syg-shadow:0 10px 30px rgba(27,42,65,.08);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:'Inter',Arial,Helvetica,sans-serif;
  color:var(--syg-navy);
  background:var(--syg-bg);
  line-height:1.65;
  font-size:16px;
}
h1,h2,h3,h4{
  font-family:'Poppins','Inter',Arial,sans-serif;
  color:var(--syg-navy);
  line-height:1.25;
  margin:0 0 .5em;
}
h1{font-size:30px;}
h2{font-size:26px;}
h3{font-size:20px;}
p{margin:0 0 1em;}
a{color:var(--syg-teal-dark);}
img{max-width:100%;height:auto;display:block;}
.syg-container{max-width:1180px;margin:0 auto;padding:0 20px;}
.syg-section{padding:60px 0;}
.syg-section-alt{background:var(--syg-bg-alt);}
.syg-center{text-align:center;}
.syg-eyebrow{
  display:inline-block;color:var(--syg-teal-dark);font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;font-size:13px;margin-bottom:10px;
}
.syg-lead{font-size:18px;color:#45586E;max-width:720px;margin:0 auto 30px;}

/* Header */
.syg-header{
  position:sticky;top:0;z-index:50;background:var(--syg-white);
  border-bottom:1px solid var(--syg-border);
}
.syg-header-inner{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 20px;max-width:1180px;margin:0 auto;
}
.syg-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;color:var(--syg-navy);text-decoration:none;font-family:'Poppins',sans-serif;}
.syg-logo img{width:38px;height:38px;border-radius:50%;}
.syg-nav{display:flex;align-items:center;gap:26px;}
.syg-nav a{color:var(--syg-navy);text-decoration:none;font-weight:600;font-size:15px;}
.syg-nav a:hover{color:var(--syg-teal-dark);}
.syg-cta-btn{
  background:linear-gradient(180deg,var(--syg-coral),var(--syg-coral-dark));
  color:#fff !important;padding:12px 26px;border-radius:50px;font-weight:700;
  box-shadow:0 6px 16px rgba(255,122,69,.35);border:none;cursor:pointer;
  display:inline-block;text-decoration:none;font-size:15px;
}
.syg-cta-btn:hover{filter:brightness(1.05);}
.syg-cta-sm{padding:9px 18px;font-size:14px;}
.syg-menu-toggle{display:none;background:none;border:none;font-size:26px;cursor:pointer;color:var(--syg-navy);}

/* Hero */
.syg-hero{padding:50px 0 40px;background:var(--syg-white);}
.syg-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:46px;align-items:center;}
.syg-hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--syg-bg-alt);color:var(--syg-teal-dark);padding:6px 14px;border-radius:30px;font-size:13px;font-weight:700;margin-bottom:16px;}
.syg-hero h1{font-size:32px;}
.syg-hero-sub{font-size:18px;color:#45586E;margin-bottom:18px;}
.syg-hero-bullets{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:10px;}
.syg-hero-bullets li{display:flex;gap:10px;align-items:flex-start;font-weight:600;font-size:15px;}
.syg-hero-bullets li:before{content:"✓";color:#fff;background:var(--syg-teal);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex:none;margin-top:2px;}
.syg-hero-table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:14px;background:var(--syg-bg-alt);border-radius:10px;overflow:hidden;}
.syg-hero-table td{padding:8px 12px;border-bottom:1px solid var(--syg-border);}
.syg-hero-table tr:last-child td{border-bottom:none;}
.syg-numbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:22px;}
.syg-numbox{background:var(--syg-bg-alt);border-radius:12px;padding:14px;display:flex;gap:10px;align-items:flex-start;}
.syg-numbox span{background:var(--syg-teal);color:#fff;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex:none;}
.syg-numbox p{margin:0;font-size:13.5px;font-weight:600;}
.syg-secure{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13px;color:#5B6B7A;font-weight:600;}
.syg-hero-img-wrap{text-align:center;}
.syg-hero-img-wrap img{max-width:360px;margin:0 auto;}
.syg-hero-viz{margin-top:18px;background:var(--syg-bg-alt);border-radius:var(--syg-radius);padding:18px;}
.syg-hero-viz svg{width:100%;height:auto;}

/* Why choose strip */
.syg-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px;}
.syg-why-card{background:var(--syg-white);border:1px solid var(--syg-border);border-radius:var(--syg-radius);padding:24px;text-align:center;box-shadow:var(--syg-shadow);}
.syg-why-card img{width:52px;height:52px;margin:0 auto 12px;}

/* wave cta banner */
.syg-wave{
  background:linear-gradient(135deg,var(--syg-teal),var(--syg-teal-dark));
  color:#fff;padding:40px 0;text-align:center;
}
.syg-wave h3{color:#fff;font-size:22px;margin-bottom:6px;}
.syg-wave p{color:#E4F3F0;margin-bottom:16px;}
.syg-wave .syg-cta-btn{background:var(--syg-gold);color:var(--syg-navy) !important;box-shadow:none;}

/* two-column content block, image LEFT */
.syg-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;}
.syg-split-img img{border-radius:var(--syg-radius);box-shadow:var(--syg-shadow);}
.syg-split-list{list-style:none;padding:0;margin:16px 0 0;}
.syg-split-list li{padding-left:26px;position:relative;margin-bottom:10px;}
.syg-split-list li:before{content:"→";position:absolute;left:0;color:var(--syg-teal);font-weight:800;}

/* Pricing */
.syg-stock-note{text-align:center;background:#FFF3EC;color:#B4512A;font-weight:700;padding:10px;border-radius:10px;max-width:520px;margin:0 auto 30px;font-size:14px;}
.syg-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.syg-price-card{background:var(--syg-white);border:2px solid var(--syg-border);border-radius:var(--syg-radius);overflow:hidden;text-align:center;box-shadow:var(--syg-shadow);display:flex;flex-direction:column;}
.syg-price-card.syg-popular{border-color:var(--syg-coral);transform:translateY(-10px);}
.syg-price-badge{background:var(--syg-navy);color:#fff;padding:14px;font-weight:800;font-size:15px;}
.syg-popular .syg-price-badge{background:linear-gradient(90deg,var(--syg-coral),var(--syg-coral-dark));}
.syg-price-body{padding:22px;display:flex;flex-direction:column;flex:1;}
.syg-price-body img{max-width:160px;margin:0 auto 14px;}
.syg-supply{color:#5B6B7A;font-weight:700;margin-bottom:10px;font-size:14px;}
.syg-price-big{font-size:38px;font-weight:800;color:var(--syg-navy);}
.syg-price-big span{font-size:14px;font-weight:600;color:#5B6B7A;}
.syg-price-total{margin:10px 0 16px;font-size:14px;color:#5B6B7A;}
.syg-price-total del{color:#A9B4BD;margin-right:6px;}
.syg-price-total strong{color:var(--syg-navy);font-size:16px;}
.syg-ship{font-size:13px;color:var(--syg-teal-dark);font-weight:700;margin-top:10px;}
.syg-paybadges{margin-top:14px;font-size:12px;color:#8793A0;}

/* guarantee */
.syg-guarantee{display:grid;grid-template-columns:.5fr 1.5fr;gap:34px;align-items:center;background:var(--syg-bg-alt);border-radius:var(--syg-radius);padding:36px;}
.syg-guarantee img{max-width:160px;margin:0 auto;}

/* shipping banner */
.syg-ship-banner{background:var(--syg-navy);color:#fff;padding:18px 0;text-align:center;font-weight:700;font-size:15px;}
.syg-ship-banner span{color:var(--syg-gold);}

/* reviews */
.syg-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.syg-review-card{background:var(--syg-white);border:1px solid var(--syg-border);border-radius:var(--syg-radius);padding:22px;box-shadow:var(--syg-shadow);}
.syg-review-top{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.syg-review-top img{width:52px;height:52px;border-radius:50%;object-fit:cover;}
.syg-stars{color:var(--syg-gold);font-size:14px;}
.syg-review-name{font-weight:700;font-size:14px;}
.syg-review-loc{font-size:12px;color:#8793A0;}

/* ingredients */
.syg-ing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.syg-ing-card{background:var(--syg-white);border:1px solid var(--syg-border);border-radius:var(--syg-radius);padding:22px;display:flex;gap:16px;align-items:flex-start;}
.syg-ing-num{background:var(--syg-teal);color:#fff;min-width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;flex:none;}
.syg-ing-card h3{margin-bottom:6px;}

/* benefits */
.syg-benefit-grid{display:grid;gap:22px;}
.syg-benefit-card{display:grid;grid-template-columns:.4fr 1.6fr;gap:24px;align-items:center;background:var(--syg-white);border:1px solid var(--syg-border);border-radius:var(--syg-radius);padding:24px;box-shadow:var(--syg-shadow);}
.syg-benefit-card img{border-radius:12px;}
.syg-benefit-tag{display:inline-block;background:var(--syg-bg-alt);color:var(--syg-teal-dark);padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700;margin-bottom:8px;}

/* FAQ */
.syg-faq{max-width:820px;margin:0 auto;}
.syg-faq-item{border-bottom:1px solid var(--syg-border);padding:18px 0;}
.syg-faq-item summary{font-weight:700;cursor:pointer;font-size:16px;list-style:none;display:flex;justify-content:space-between;align-items:center;}
.syg-faq-item summary::-webkit-details-marker{display:none;}
.syg-faq-item summary:after{content:"+";font-size:22px;color:var(--syg-teal);}
.syg-faq-item[open] summary:after{content:"–";}
.syg-faq-item p{margin-top:10px;color:#45586E;}

/* final cta */
.syg-final-cta{background:linear-gradient(135deg,var(--syg-navy),#223A56);color:#fff;text-align:center;padding:60px 0;}
.syg-final-cta h2{color:#fff;}
.syg-final-cta p{color:#CBD6E2;max-width:600px;margin:0 auto 22px;}

/* label + references */
.syg-label-box{background:var(--syg-white);border:1px solid var(--syg-border);border-radius:var(--syg-radius);padding:20px;text-align:center;}
.syg-label-box img{max-width:280px;margin:0 auto;}
.syg-refs{font-size:13px;color:#5B6B7A;}
.syg-refs li{margin-bottom:8px;}

/* interlink strip */
.syg-interlinks{background:var(--syg-bg-alt);padding:28px 0;}
.syg-interlinks-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}
.syg-interlinks-row a{background:#fff;border:1px solid var(--syg-border);padding:8px 16px;border-radius:30px;font-size:13px;font-weight:600;text-decoration:none;color:var(--syg-navy);}
.syg-interlinks-row a:hover{border-color:var(--syg-teal);color:var(--syg-teal-dark);}

/* blog cards */
.syg-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.syg-blog-card{background:var(--syg-white);border:1px solid var(--syg-border);border-radius:var(--syg-radius);overflow:hidden;box-shadow:var(--syg-shadow);display:flex;flex-direction:column;text-decoration:none;color:inherit;}
.syg-blog-card img{height:200px;object-fit:cover;}
.syg-blog-card-body{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1;}
.syg-blog-tag{color:var(--syg-teal-dark);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.05em;}
.syg-blog-card h3{font-size:18px;margin:0;}
.syg-blog-card p{color:#5B6B7A;font-size:14px;margin:0;}
.syg-blog-readmore{color:var(--syg-coral-dark);font-weight:700;font-size:14px;margin-top:auto;}

/* post page */
.syg-post-body h2{margin-top:36px;}
.syg-post-body h3{margin-top:22px;}
.syg-post-meta{color:#8793A0;font-size:13px;margin-bottom:20px;}
.syg-post-cta{background:var(--syg-bg-alt);border-radius:var(--syg-radius);padding:26px;text-align:center;margin:34px 0;}
.syg-post-links{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0;}
.syg-post-links a{background:var(--syg-white);border:1px solid var(--syg-border);padding:8px 14px;border-radius:8px;font-size:13px;text-decoration:none;color:var(--syg-navy);font-weight:600;}

/* footer */
.syg-footer{background:var(--syg-navy);color:#C9D4DF;padding:50px 0 24px;}
.syg-footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px;margin-bottom:30px;}
.syg-footer h4{color:#fff;font-size:15px;margin-bottom:14px;}
.syg-footer ul{list-style:none;padding:0;margin:0;}
.syg-footer li{margin-bottom:9px;}
.syg-footer a{color:#AFC0CF;text-decoration:none;font-size:14px;}
.syg-footer a:hover{color:#fff;}
.syg-footer-bottom{border-top:1px solid #32445C;padding-top:20px;font-size:12.5px;color:#8FA0B2;line-height:1.7;}
.syg-footer-logo{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:18px;margin-bottom:10px;font-family:'Poppins',sans-serif;}
.syg-footer-logo img{width:34px;height:34px;border-radius:50%;}

/* sticky order bar */
.syg-sticky-order{
  position:fixed;left:0;right:0;bottom:0;z-index:60;
  background:var(--syg-white);border-top:1px solid var(--syg-border);
  padding:10px 16px;display:none;align-items:center;justify-content:space-between;
  box-shadow:0 -6px 20px rgba(0,0,0,.08);
}
.syg-sticky-order strong{font-size:14px;}
.syg-sticky-order .syg-cta-btn{padding:10px 20px;font-size:14px;}

/* responsive */
@media (max-width:980px){
  .syg-hero-grid{grid-template-columns:1fr;}
  .syg-hero-img-wrap{order:-1;}
  .syg-why-grid{grid-template-columns:repeat(2,1fr);}
  .syg-split{grid-template-columns:1fr;}
  .syg-pricing-grid{grid-template-columns:1fr;}
  .syg-price-card.syg-popular{transform:none;}
  .syg-guarantee{grid-template-columns:1fr;text-align:center;}
  .syg-review-grid{grid-template-columns:1fr;}
  .syg-ing-grid{grid-template-columns:1fr;}
  .syg-benefit-card{grid-template-columns:1fr;}
  .syg-footer-grid{grid-template-columns:1fr 1fr;}
  .syg-blog-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:640px){
  html,body{overflow-x:hidden;max-width:100%;}
  .syg-container{padding:0 16px;}
  .syg-nav{display:none;}
  .syg-menu-toggle{display:block;}
  .syg-header-inner{flex-wrap:wrap;}
  .syg-nav.syg-open{
    display:flex;flex-direction:column;width:100%;gap:14px;
    padding:16px 0 6px;border-top:1px solid var(--syg-border);margin-top:10px;
  }
  h1{font-size:26px;}
  .syg-hero h1{font-size:26px;}
  h2{font-size:22px;}
  .syg-why-grid{grid-template-columns:1fr;}
  .syg-numbox-grid{grid-template-columns:1fr;}
  .syg-footer-grid{grid-template-columns:1fr;}
  .syg-blog-grid{grid-template-columns:1fr;}
  .syg-sticky-order{display:flex;}
  body{padding-bottom:64px;}
}
