/* ===========================================================
   SynoGut — ssynogut.com
   CSS prefix: sgt-
   Fonts: Lexend (display/headings) + Inter (body) — sans-serif only
   =========================================================== */

:root{
  --sgt-navy: #0B2550;
  --sgt-navy-deep: #081A3B;
  --sgt-blue: #1768C9;
  --sgt-sky: #EAF3FC;
  --sgt-sky-2: #DCEEFB;
  --sgt-leaf: #2E8B57;
  --sgt-leaf-light: #E7F5EC;
  --sgt-gold: #E8A33D;
  --sgt-gold-deep: #C9820F;
  --sgt-paper: #FFFFFF;
  --sgt-cream: #FBFAF6;
  --sgt-ink: #16213A;
  --sgt-ink-soft: #3C4A66;
  --sgt-line: #E2E8F1;
  --sgt-red: #C0392B;
  --sgt-radius-sm: 10px;
  --sgt-radius-md: 18px;
  --sgt-radius-lg: 28px;
  --sgt-shadow: 0 16px 40px -18px rgba(11,37,80,.28);
  --sgt-shadow-sm: 0 8px 20px -12px rgba(11,37,80,.25);
  color-scheme: light;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth; -webkit-text-size-adjust:100%;}
html,body{overflow-x:hidden; max-width:100%;}
body{
  margin:0;
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--sgt-ink);
  background:var(--sgt-paper);
  font-size:17px;
  line-height:1.65;
}
h1,h2,h3,h4{
  font-family:'Lexend',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--sgt-navy);
  line-height:1.22;
  margin:0 0 .6em;
  font-weight:700;
}
h1{font-size:clamp(26px,4.2vw,32px);}
h2{font-size:clamp(23px,3.4vw,30px);}
h3{font-size:clamp(19px,2.6vw,22px);}
p{margin:0 0 1.1em; color:var(--sgt-ink-soft); font-size:1.03rem;}
a{color:var(--sgt-blue); text-decoration:none;}
a:hover{text-decoration:underline;}
img{max-width:100%; height:auto; display:block;}
ul,ol{margin:0 0 1.1em; padding-left:1.3em; color:var(--sgt-ink-soft);}
li{margin-bottom:.45em;}
table{border-collapse:collapse; width:100%;}
.sgt-wrap{max-width:1180px; margin:0 auto; padding:0 24px; width:100%;}
.sgt-section{padding:64px 0;}
.sgt-section--tight{padding:44px 0;}
.sgt-section--sky{background:var(--sgt-sky);}
.sgt-section--cream{background:var(--sgt-cream);}
.sgt-section--navy{background:var(--sgt-navy); color:#fff;}
.sgt-section--navy h2,.sgt-section--navy h3{color:#fff;}
.sgt-section--navy p{color:#C9D7EC;}
.sgt-kicker{
  display:inline-block; font-family:'Lexend',sans-serif; font-weight:600;
  font-size:.78rem; letter-spacing:.14em; text-transform:uppercase;
  color:var(--sgt-leaf); background:var(--sgt-leaf-light);
  padding:6px 14px; border-radius:999px; margin-bottom:14px;
}
.sgt-center{text-align:center;}
.sgt-lede{max-width:720px; margin:0 auto 36px; text-align:center; font-size:1.08rem;}

/* ---------- Buttons ---------- */
.sgt-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  font-family:'Lexend',sans-serif; font-weight:600; font-size:1rem;
  padding:16px 30px; border-radius:999px; border:none; cursor:pointer;
  text-decoration:none !important; transition:transform .15s ease, box-shadow .15s ease;
  white-space:nowrap;
}
.sgt-btn--cta{
  background:linear-gradient(180deg,#F3B65B,var(--sgt-gold-deep));
  color:#2A1800; box-shadow:0 10px 24px -8px rgba(201,130,15,.55);
}
.sgt-btn--cta:hover{transform:translateY(-2px); box-shadow:0 16px 30px -10px rgba(201,130,15,.65);}
.sgt-btn--ghost{
  background:#fff; color:var(--sgt-navy); border:2px solid var(--sgt-navy);
}
.sgt-btn--block{width:100%;}
.sgt-btn--sm{padding:11px 20px; font-size:.92rem;}
.sgt-secure{
  display:flex; align-items:center; justify-content:center; gap:6px;
  font-size:.82rem; color:var(--sgt-ink-soft); margin-top:10px; font-weight:500;
}
.sgt-secure svg{width:15px; height:15px; fill:var(--sgt-leaf);}

/* ---------- Header ---------- */
.sgt-header{
  position:sticky; top:0; z-index:60; background:rgba(255,255,255,.96);
  backdrop-filter:saturate(180%) blur(8px);
  border-bottom:1px solid var(--sgt-line);
}
.sgt-header__bar{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 0; gap:18px;
}
.sgt-logo{display:flex; align-items:center; gap:10px; font-family:'Lexend',sans-serif; font-weight:800; font-size:1.3rem; color:var(--sgt-navy);}
.sgt-logo span{color:var(--sgt-leaf);}
.sgt-nav{display:flex; align-items:center; gap:28px;}
.sgt-nav a{
  font-family:'Lexend',sans-serif; font-weight:500; font-size:.95rem;
  color:var(--sgt-navy); position:relative;
}
.sgt-nav a:hover{text-decoration:none; color:var(--sgt-leaf);}
.sgt-nav a.is-active{color:var(--sgt-leaf);}
.sgt-header__cta{display:flex; align-items:center; gap:14px;}
.sgt-burger{display:none; background:none; border:none; cursor:pointer; padding:6px;}
.sgt-burger span{display:block; width:24px; height:2.5px; background:var(--sgt-navy); margin:5px 0; border-radius:2px;}

/* ---------- Hero ---------- */
.sgt-hero{padding:48px 0 32px; background:#fff;}
.sgt-hero__grid{
  display:grid; grid-template-columns:1.08fr .92fr; gap:52px; align-items:center;
}
.sgt-hero__eyebrow{
  display:inline-flex; align-items:center; gap:8px; font-family:'Lexend',sans-serif;
  font-weight:600; font-size:.8rem; letter-spacing:.08em; text-transform:uppercase;
  color:var(--sgt-leaf); margin-bottom:14px;
}
.sgt-hero h1{margin-bottom:.45em;}
.sgt-hero__lead{font-size:1.1rem; color:var(--sgt-ink-soft); margin-bottom:20px;}
.sgt-hero__bullets{list-style:none; padding:0; margin:0 0 22px; display:grid; gap:11px;}
.sgt-hero__bullets li{
  display:flex; align-items:flex-start; gap:10px; margin:0; color:var(--sgt-ink);
  font-weight:500; font-size:.98rem;
}
.sgt-hero__bullets svg{flex:none; width:20px; height:20px; margin-top:2px; fill:var(--sgt-leaf);}
.sgt-hero__stats{
  display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:24px 0;
}
.sgt-stat{
  background:var(--sgt-sky); border-radius:var(--sgt-radius-md); padding:16px 12px;
  text-align:center; border:1px solid var(--sgt-sky-2);
}
.sgt-stat__num{display:block; font-family:'Lexend',sans-serif; font-weight:800; color:var(--sgt-navy); font-size:1.5rem;}
.sgt-stat__label{display:block; font-size:.76rem; color:var(--sgt-ink-soft); font-weight:600; margin-top:3px; line-height:1.3;}
.sgt-hero__extra{
  background:var(--sgt-cream); border:1px solid var(--sgt-line); border-radius:var(--sgt-radius-md);
  padding:18px 20px; margin:6px 0 26px;
}
.sgt-hero__extra h3{font-size:1rem; margin-bottom:10px;}
.sgt-hero__extra table{font-size:.92rem;}
.sgt-hero__extra td{padding:6px 4px; border-bottom:1px dashed var(--sgt-line); color:var(--sgt-ink-soft);}
.sgt-hero__extra td:first-child{font-weight:600; color:var(--sgt-navy); width:48%;}
.sgt-hero__cta-row{display:flex; flex-direction:column; align-items:flex-start;}
.sgt-hero__media{position:relative;}
.sgt-hero__bottle{
  position:relative; background:radial-gradient(circle at 50% 38%,var(--sgt-sky-2) 0%,rgba(234,243,252,0) 70%);
  border-radius:var(--sgt-radius-lg); padding:18px;
}
.sgt-hero__badgepin{
  position:absolute; top:10px; right:4px; background:#fff; border-radius:999px;
  box-shadow:var(--sgt-shadow-sm); padding:8px 14px; display:flex; align-items:center; gap:7px;
  font-family:'Lexend',sans-serif; font-weight:700; font-size:.78rem; color:var(--sgt-navy);
}
.sgt-hero__badgepin img{width:22px; height:22px;}
.sgt-hero__viz{margin-top:18px;}
.sgt-hero__viz-card{
  background:var(--sgt-navy); border-radius:var(--sgt-radius-md); padding:18px 18px 10px;
  color:#fff;
}
.sgt-hero__viz-card h4{font-family:'Lexend',sans-serif; font-size:.85rem; letter-spacing:.04em;
  text-transform:uppercase; color:#AFC6E8; margin:0 0 10px; font-weight:600;}

/* ---------- Trust strip ---------- */
.sgt-trust{background:var(--sgt-sky); padding:22px 0; border-top:1px solid var(--sgt-sky-2); border-bottom:1px solid var(--sgt-sky-2);}
.sgt-trust__row{display:flex; justify-content:center; align-items:center; gap:44px; flex-wrap:wrap;}
.sgt-trust__item{display:flex; align-items:center; gap:10px; font-family:'Lexend',sans-serif; font-weight:600; color:var(--sgt-navy); font-size:.92rem;}
.sgt-trust__item img{width:34px; height:34px;}

/* ---------- Cards / grids ---------- */
.sgt-grid{display:grid; gap:24px;}
.sgt-grid--2{grid-template-columns:repeat(2,1fr);}
.sgt-grid--3{grid-template-columns:repeat(3,1fr);}
.sgt-grid--4{grid-template-columns:repeat(4,1fr);}
.sgt-card{
  background:#fff; border:1px solid var(--sgt-line); border-radius:var(--sgt-radius-md);
  padding:26px 24px; box-shadow:var(--sgt-shadow-sm);
}
.sgt-card--why{text-align:left;}
.sgt-card--why .sgt-num{
  display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px;
  border-radius:12px; background:var(--sgt-leaf-light); color:var(--sgt-leaf);
  font-family:'Lexend',sans-serif; font-weight:800; margin-bottom:14px;
}
.sgt-card h3{margin-bottom:.4em;}
.sgt-card p{margin-bottom:0; font-size:.96rem;}
.sgt-icon-circle{
  width:48px; height:48px; border-radius:50%; background:var(--sgt-sky); display:flex;
  align-items:center; justify-content:center; margin-bottom:14px;
}
.sgt-icon-circle svg{width:24px; height:24px; fill:var(--sgt-blue);}

/* ---------- Wave CTA banner ---------- */
.sgt-wave{
  position:relative; background:var(--sgt-navy); color:#fff; padding:52px 0; overflow:hidden;
}
.sgt-wave::before,.sgt-wave::after{
  content:""; position:absolute; left:0; right:0; height:46px; background:var(--sgt-paper);
}
.sgt-wave::before{top:-1px; clip-path:polygon(0 100%,100% 0,100% 100%);}
.sgt-wave::after{bottom:-1px; clip-path:polygon(0 0,100% 100%,0 100%);}
.sgt-wave__inner{position:relative; z-index:2; text-align:center;}
.sgt-wave h2{color:#fff;}
.sgt-wave p{color:#C9D7EC; max-width:600px; margin:0 auto 24px;}

/* ---------- Pricing ---------- */
.sgt-offerbar{
  display:inline-flex; align-items:center; gap:10px; background:var(--sgt-red); color:#fff;
  font-family:'Lexend',sans-serif; font-weight:700; padding:10px 22px; border-radius:999px;
  font-size:.86rem; letter-spacing:.02em;
}
.sgt-pricing{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; align-items:stretch;}
.sgt-pack{
  position:relative; background:#fff; border:2px solid var(--sgt-line); border-radius:var(--sgt-radius-lg);
  padding:28px 22px 26px; text-align:center; display:flex; flex-direction:column;
  transition:transform .15s ease, box-shadow .15s ease;
}
.sgt-pack:hover{transform:translateY(-4px);}
.sgt-pack--popular{border-color:var(--sgt-gold-deep); box-shadow:0 20px 44px -16px rgba(201,130,15,.4); transform:scale(1.035);}
.sgt-pack__badge{
  position:absolute; top:-14px; left:50%; transform:translateX(-50%); background:var(--sgt-gold-deep);
  color:#fff; font-family:'Lexend',sans-serif; font-weight:700; font-size:.76rem; letter-spacing:.05em;
  padding:6px 16px; border-radius:999px; text-transform:uppercase;
}
.sgt-pack__name{font-family:'Lexend',sans-serif; font-weight:700; color:var(--sgt-navy); font-size:1.05rem; margin:8px 0 2px;}
.sgt-pack__supply{font-size:.86rem; color:var(--sgt-ink-soft); margin-bottom:14px;}
.sgt-pack img{max-width:150px; margin:0 auto 16px;}
.sgt-pack__price{font-family:'Lexend',sans-serif; font-weight:800; color:var(--sgt-navy); font-size:2.2rem; line-height:1;}
.sgt-pack__price small{font-size:.9rem; font-weight:500; color:var(--sgt-ink-soft);}
.sgt-pack__was{color:#9AA7BC; text-decoration:line-through; font-size:.92rem; margin:6px 0 2px;}
.sgt-pack__total{font-weight:700; color:var(--sgt-navy); margin-bottom:16px;}
.sgt-pack__ship{font-size:.82rem; color:var(--sgt-leaf); font-weight:600; margin-bottom:16px;}
.sgt-pack__pay{display:flex; justify-content:center; gap:8px; margin-top:14px; opacity:.65; font-size:.72rem; color:var(--sgt-ink-soft);}
.sgt-stock-note{
  display:flex; align-items:center; justify-content:center; gap:8px; margin:0 0 26px;
  font-size:.88rem; color:var(--sgt-ink-soft);
}
.sgt-stock-note svg{width:16px; height:16px; fill:var(--sgt-gold-deep);}

/* ---------- Ingredients ---------- */
.sgt-ing-card{display:flex; gap:18px; background:#fff; border:1px solid var(--sgt-line); border-radius:var(--sgt-radius-md); padding:22px; box-shadow:var(--sgt-shadow-sm);}
.sgt-ing-card__num{flex:none; width:46px; height:46px; border-radius:50%; background:var(--sgt-navy); color:#fff; font-family:'Lexend',sans-serif; font-weight:800; display:flex; align-items:center; justify-content:center;}
.sgt-ing-card h3{margin-bottom:.3em;}
.sgt-ing-card__role{display:inline-block; font-size:.78rem; font-weight:700; color:var(--sgt-leaf); background:var(--sgt-leaf-light); padding:3px 10px; border-radius:999px; margin-bottom:8px;}
.sgt-ing-table{width:100%; border-collapse:collapse; margin:20px 0; font-size:.94rem;}
.sgt-ing-table th,.sgt-ing-table td{text-align:left; padding:12px 14px; border-bottom:1px solid var(--sgt-line);}
.sgt-ing-table th{font-family:'Lexend',sans-serif; color:var(--sgt-navy); background:var(--sgt-sky);}

/* ---------- Reviews ---------- */
.sgt-review{
  background:#fff; border:1px solid var(--sgt-line); border-radius:var(--sgt-radius-md);
  padding:24px; box-shadow:var(--sgt-shadow-sm);
}
.sgt-review__stars{color:var(--sgt-gold-deep); font-size:1.05rem; letter-spacing:2px; margin-bottom:10px;}
.sgt-review__who{font-family:'Lexend',sans-serif; font-weight:700; color:var(--sgt-navy); font-size:.92rem; margin-top:12px;}
.sgt-review__meta{font-size:.78rem; color:var(--sgt-ink-soft); font-weight:500;}
.sgt-note{background:var(--sgt-sky); border-left:4px solid var(--sgt-blue); border-radius:0 12px 12px 0; padding:16px 20px; font-size:.92rem; color:var(--sgt-ink-soft); margin:22px 0;}

/* ---------- Guarantee ---------- */
.sgt-guarantee{display:grid; grid-template-columns:.4fr 1fr; gap:40px; align-items:center;}
.sgt-guarantee img{max-width:230px; margin:0 auto;}

/* ---------- FAQ ---------- */
.sgt-faq{max-width:820px; margin:0 auto;}
.sgt-faq-item{border-bottom:1px solid var(--sgt-line);}
.sgt-faq-item summary{
  cursor:pointer; list-style:none; padding:18px 2px; display:flex; justify-content:space-between;
  align-items:center; font-family:'Lexend',sans-serif; font-weight:600; color:var(--sgt-navy); gap:14px;
}
.sgt-faq-item summary::-webkit-details-marker{display:none;}
.sgt-faq-item summary::after{content:"+"; font-size:1.4rem; color:var(--sgt-leaf); flex:none;}
.sgt-faq-item[open] summary::after{content:"\2212";}
.sgt-faq-item p{padding-bottom:16px; margin:0;}

/* ---------- Visualizations ---------- */
.sgt-viz{background:var(--sgt-sky); border-radius:var(--sgt-radius-lg); padding:30px; margin:28px 0; border:1px solid var(--sgt-sky-2);}
.sgt-viz h4{font-family:'Lexend',sans-serif; font-size:.95rem; color:var(--sgt-navy); margin-bottom:14px; text-align:center;}
.sgt-viz-scroll{overflow-x:auto; -webkit-overflow-scrolling:touch;}
.sgt-viz-scroll svg{display:block; margin:0 auto; min-width:560px; max-width:100%;}

/* ---------- Blog cards ---------- */
.sgt-blog-card{background:#fff; border:1px solid var(--sgt-line); border-radius:var(--sgt-radius-md); overflow:hidden; box-shadow:var(--sgt-shadow-sm); display:flex; flex-direction:column;}
.sgt-blog-card img{width:100%; aspect-ratio:4/3; object-fit:cover;}
.sgt-blog-card__body{padding:20px 20px 24px; display:flex; flex-direction:column; flex:1;}
.sgt-blog-card__tag{font-size:.74rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--sgt-leaf); margin-bottom:8px;}
.sgt-blog-card h3{font-size:1.08rem; margin-bottom:10px;}
.sgt-blog-card p{font-size:.92rem; flex:1;}
.sgt-blog-card a.sgt-readmore{font-family:'Lexend',sans-serif; font-weight:600; font-size:.92rem;}

/* ---------- Footer ---------- */
.sgt-footer{background:var(--sgt-navy-deep); color:#AFC0DC; padding:56px 0 24px;}
.sgt-footer__grid{display:grid; grid-template-columns:1.3fr 1fr 1fr 1fr; gap:36px;}
.sgt-footer h4{color:#fff; font-family:'Lexend',sans-serif; font-size:.92rem; letter-spacing:.04em; text-transform:uppercase; margin-bottom:16px;}
.sgt-footer ul{list-style:none; padding:0; margin:0;}
.sgt-footer li{margin-bottom:10px;}
.sgt-footer a{color:#AFC0DC; font-size:.92rem;}
.sgt-footer a:hover{color:#fff;}
.sgt-footer__logo{font-family:'Lexend',sans-serif; font-weight:800; font-size:1.25rem; color:#fff; margin-bottom:12px; display:block;}
.sgt-footer__desc{font-size:.88rem; line-height:1.6; max-width:320px;}
.sgt-footer__bottom{border-top:1px solid rgba(255,255,255,.12); margin-top:40px; padding-top:22px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:.82rem;}
.sgt-footer__disclaimer{font-size:.78rem; color:#7E8FAE; line-height:1.6; max-width:980px; margin:0 0 24px;}

/* ---------- Sticky mobile order bar ---------- */
.sgt-stickybar{
  position:fixed; left:0; right:0; bottom:0; z-index:70; background:#fff;
  border-top:1px solid var(--sgt-line); padding:10px 16px; display:none;
  align-items:center; justify-content:space-between; gap:12px;
  box-shadow:0 -8px 24px -12px rgba(11,37,80,.3);
}
.sgt-stickybar__price{font-family:'Lexend',sans-serif; font-weight:700; color:var(--sgt-navy); font-size:.92rem;}
.sgt-stickybar__price span{display:block; font-size:.72rem; color:var(--sgt-ink-soft); font-weight:500;}

/* ---------- Breadcrumb ---------- */
.sgt-breadcrumb{padding:16px 0 0; font-size:.85rem; color:var(--sgt-ink-soft);}
.sgt-breadcrumb a{color:var(--sgt-ink-soft);}
.sgt-breadcrumb span{margin:0 6px;}

/* ---------- Page header (inner pages) ---------- */
.sgt-pagehero{background:var(--sgt-sky); padding:40px 0 36px; text-align:center;}
.sgt-pagehero h1{margin-bottom:10px;}
.sgt-pagehero p{max-width:680px; margin:0 auto;}

/* ---------- Pros/cons ---------- */
.sgt-proscons{display:grid; grid-template-columns:1fr 1fr; gap:22px;}
.sgt-proscons .sgt-card h3{display:flex; align-items:center; gap:8px;}

/* ---------- Legal pages ---------- */
.sgt-legal h2{margin-top:1.6em;}
.sgt-legal ul{color:var(--sgt-ink-soft);}

/* ---------- Utilities ---------- */
.sgt-mt0{margin-top:0;}
.sgt-text-center{text-align:center;}

/* =================== Responsive =================== */
@media (max-width: 980px){
  .sgt-hero__grid{grid-template-columns:1fr; gap:34px;}
  .sgt-hero__media{order:-1;}
  .sgt-footer__grid{grid-template-columns:1fr 1fr;}
  .sgt-pricing{grid-template-columns:1fr; max-width:420px; margin:0 auto;}
  .sgt-pack--popular{transform:none;}
  .sgt-guarantee{grid-template-columns:1fr; text-align:center;}
  .sgt-proscons{grid-template-columns:1fr;}
}
@media (max-width: 760px){
  .sgt-nav{
    position:fixed; top:68px; left:0; right:0; bottom:0; background:#fff; flex-direction:column;
    align-items:flex-start; gap:0; padding:10px 24px 100px; overflow-y:auto;
    transform:translateX(100%); transition:transform .25s ease; z-index:59;
  }
  .sgt-nav.is-open{transform:translateX(0);}
  .sgt-nav a{padding:14px 0; width:100%; border-bottom:1px solid var(--sgt-line);}
  .sgt-burger{display:block;}
  .sgt-header__cta .sgt-btn{display:none;}
  .sgt-hero__stats{grid-template-columns:repeat(2,1fr);}
  .sgt-grid--2,.sgt-grid--3,.sgt-grid--4{grid-template-columns:1fr;}
  .sgt-trust__row{gap:22px;}
  .sgt-stickybar{display:flex;}
  body{padding-bottom:64px;}
  .sgt-section{padding:46px 0;}
  .sgt-footer__grid{grid-template-columns:1fr 1fr;}
}
@media (max-width: 480px){
  .sgt-footer__grid{grid-template-columns:1fr;}
  .sgt-hero__stats{grid-template-columns:repeat(2,1fr);}
  .sgt-wrap{padding:0 18px;}
}