/* =============================================================
   SlimHoney (slimmhoney.com) — site stylesheet
   Prefix: sh-
   ============================================================= */

:root{
  --sh-gold:#C9960C;
  --sh-gold-dark:#8A6308;
  --sh-gold-light:#F3C65C;
  --sh-cream:#FFFBF2;
  --sh-cream-2:#FCF2DC;
  --sh-white:#FFFFFF;
  --sh-ink:#3A2C14;
  --sh-ink-soft:#5B4A2B;
  --sh-green:#4C7A3D;
  --sh-border:#EFE1BC;
  --sh-shadow: 0 10px 30px rgba(138,99,8,0.12);
  --sh-radius: 16px;
  --sh-maxw: 1180px;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth; overflow-x:hidden;}
body{
  margin:0;
  font-family:'Segoe UI', system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;
  color:var(--sh-ink);
  background:var(--sh-cream);
  line-height:1.65;
  font-size:20px;
  overflow-x:hidden;
  width:100%;
}
img{max-width:100%;height:auto;display:block;}
a{color:var(--sh-gold-dark);text-decoration:none;}
a:hover{text-decoration:underline;}
ul{padding-left:1.2rem;}
.sh-container{max-width:var(--sh-maxw);margin:0 auto;padding:0 20px;width:100%;}
section{padding:64px 0;}
h1,h2,h3,h4{font-weight:800;line-height:1.25;color:var(--sh-ink);margin-top:0;}
h1{font-size:clamp(28px,4vw,32px);}
h2{font-size:clamp(26px,3.6vw,38px);}
h3{font-size:clamp(20px,2.6vw,26px);}
p{font-size:20px;color:var(--sh-ink-soft);}
.sh-eyebrow{
  display:inline-block;color:var(--sh-gold-dark);font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;font-size:13px;margin-bottom:10px;
}
.sh-center{text-align:center;}
.sh-sectionhead{max-width:760px;margin:0 auto 40px;}
.sh-sectionhead p{font-size:20px;}

/* Buttons */
.sh-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:linear-gradient(135deg,var(--sh-gold) 0%, var(--sh-gold-dark) 100%);
  color:#fff;font-weight:800;font-size:17px;padding:16px 34px;border-radius:50px;
  box-shadow:0 8px 20px rgba(138,99,8,0.35);border:none;cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease;
}
.sh-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(138,99,8,0.45);text-decoration:none;}
.sh-btn-outline{
  background:transparent;color:var(--sh-gold-dark);border:2px solid var(--sh-gold);
  box-shadow:none;
}
.sh-secured{
  display:flex;align-items:center;gap:8px;justify-content:center;margin-top:14px;
  font-size:14px;color:var(--sh-ink-soft);font-weight:600;
}
.sh-secured svg{flex-shrink:0;}

/* ===== Header ===== */
.sh-header{
  position:sticky;top:0;z-index:999;background:rgba(255,251,242,0.96);
  backdrop-filter:blur(6px);border-bottom:1px solid var(--sh-border);
}
.sh-header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;max-width:var(--sh-maxw);margin:0 auto;}
.sh-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;color:var(--sh-ink);}
.sh-logo img{width:38px;height:38px;border-radius:50%;object-fit:cover;}
.sh-logo span{color:var(--sh-gold-dark);}
.sh-nav{display:flex;align-items:center;gap:30px;}
.sh-nav a{color:var(--sh-ink);font-weight:600;font-size:15px;}
.sh-nav a:hover{color:var(--sh-gold-dark);text-decoration:none;}
.sh-header-cta{display:flex;align-items:center;gap:16px;}
.sh-header-cta .sh-btn{padding:11px 22px;font-size:15px;}
.sh-burger{display:none;background:none;border:none;cursor:pointer;padding:6px;}
.sh-burger span{display:block;width:26px;height:3px;background:var(--sh-ink);margin:5px 0;border-radius:2px;}
.sh-mobile-panel{display:none;}

@media (max-width: 860px){
  .sh-nav{
    position:fixed;top:68px;left:0;right:0;background:var(--sh-cream);
    flex-direction:column;align-items:flex-start;gap:0;padding:10px 20px 20px;
    border-bottom:1px solid var(--sh-border);box-shadow:var(--sh-shadow);
    transform:translateY(-130%);transition:transform .25s ease;max-height:80vh;overflow-y:auto;
  }
  .sh-nav.sh-open{transform:translateY(0);}
  .sh-nav a{padding:12px 0;width:100%;border-bottom:1px solid var(--sh-border);}
  .sh-header-cta .sh-btn{display:none;}
  .sh-burger{display:block;}
}

/* Sticky mobile order bar */
.sh-stickybar{
  display:none;position:fixed;bottom:0;left:0;right:0;z-index:998;
  background:var(--sh-white);border-top:1px solid var(--sh-border);
  padding:10px 16px;box-shadow:0 -6px 18px rgba(0,0,0,0.08);
}
.sh-stickybar .sh-btn{width:100%;padding:14px;font-size:16px;}
@media (max-width:760px){.sh-stickybar{display:block;} body{padding-bottom:70px;}}

/* ===== Hero ===== */
.sh-hero{padding:56px 0 40px;background:none;}
.sh-hero-grid{display:grid;grid-template-columns:1.05fr 0.95fr;gap:50px;align-items:center;}
.sh-hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px;}
.sh-hero-badges span{
  background:var(--sh-cream-2);border:1px solid var(--sh-border);color:var(--sh-ink-soft);
  font-size:12px;font-weight:700;padding:6px 12px;border-radius:20px;
}
.sh-hero h1{margin-bottom:16px;}
.sh-hero > .sh-hero-grid > div > p.sh-lead{font-size:20px;color:var(--sh-ink-soft);margin-bottom:22px;}
.sh-hero-bullets{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:12px;}
.sh-hero-bullets li{display:flex;gap:10px;align-items:flex-start;font-weight:600;color:var(--sh-ink);}
.sh-hero-bullets li svg{flex-shrink:0;margin-top:3px;}

.sh-hero-table{width:100%;border-collapse:collapse;margin:0 0 26px;background:var(--sh-white);border-radius:12px;overflow:hidden;box-shadow:var(--sh-shadow);}
.sh-hero-table td{padding:10px 14px;font-size:14.5px;border-bottom:1px solid var(--sh-border);}
.sh-hero-table td:first-child{font-weight:700;color:var(--sh-ink);width:46%;}
.sh-hero-table tr:last-child td{border-bottom:none;}

.sh-numbox-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px;}
.sh-numbox{background:var(--sh-white);border:1px solid var(--sh-border);border-radius:12px;padding:14px 10px;text-align:center;box-shadow:var(--sh-shadow);}
.sh-numbox .sh-num{font-size:20px;font-weight:800;color:var(--sh-gold);display:block;}
.sh-numbox .sh-numlabel{font-size:12.5px;font-weight:700;color:var(--sh-ink);margin-top:4px;display:block;}

.sh-hero-visual{position:relative;}
.sh-hero-bottle{max-width:360px;margin:0 auto 18px;}
.sh-viz{background:var(--sh-white);border:1px solid var(--sh-border);border-radius:var(--sh-radius);padding:20px;box-shadow:var(--sh-shadow);}
.sh-viz-title{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--sh-gold-dark);text-align:center;margin-bottom:14px;}
.sh-viz-steps{display:flex;justify-content:space-between;gap:6px;position:relative;}
.sh-viz-steps::before{
  content:"";position:absolute;top:24px;left:8%;right:8%;height:2px;
  background:repeating-linear-gradient(90deg,var(--sh-gold) 0 6px, transparent 6px 12px);
}
.sh-viz-step{flex:1;text-align:center;position:relative;z-index:1;}
.sh-viz-circle{
  width:48px;height:48px;border-radius:50%;background:var(--sh-cream-2);border:2px solid var(--sh-gold);
  display:flex;align-items:center;justify-content:center;margin:0 auto 8px;
  animation:sh-pulse 2.6s ease-in-out infinite;
}
.sh-viz-step:nth-child(2) .sh-viz-circle{animation-delay:.4s;}
.sh-viz-step:nth-child(3) .sh-viz-circle{animation-delay:.8s;}
.sh-viz-step:nth-child(4) .sh-viz-circle{animation-delay:1.2s;}
@keyframes sh-pulse{0%,100%{box-shadow:0 0 0 0 rgba(201,150,12,0.35);}50%{box-shadow:0 0 0 7px rgba(201,150,12,0);}}
.sh-viz-step span{font-size:11.5px;font-weight:700;color:var(--sh-ink);}

/* ===== Wave CTA banner ===== */
.sh-wave{
  background:linear-gradient(120deg,var(--sh-gold-light) 0%, var(--sh-gold) 100%);
  padding:40px 0;text-align:center;position:relative;
}
.sh-wave h3{color:#3A2600;margin-bottom:14px;font-size:clamp(20px,2.8vw,26px);}
.sh-wave .sh-btn{background:#3A2600;box-shadow:0 8px 20px rgba(0,0,0,0.25);}
.sh-wave .sh-btn:hover{background:#2b1c00;}

/* ===== Why choose / badges ===== */
.sh-whychoose{background:var(--sh-cream-2);}
.sh-badge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.sh-badge-card{background:var(--sh-white);border-radius:var(--sh-radius);padding:26px 16px;text-align:center;box-shadow:var(--sh-shadow);}
.sh-badge-card img{width:72px;height:auto;margin:0 auto 14px;}
.sh-badge-card h4{font-size:16px;margin-bottom:6px;}
.sh-badge-card p{font-size:14px;margin:0;}

/* ===== What is / How it works ===== */
.sh-split{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center;}
.sh-split img{border-radius:var(--sh-radius);box-shadow:var(--sh-shadow);}
.sh-howworks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px;}
.sh-how-card{background:var(--sh-white);border:1px solid var(--sh-border);border-radius:var(--sh-radius);padding:22px 16px;text-align:center;}
.sh-how-card .sh-num{display:inline-flex;width:34px;height:34px;border-radius:50%;background:var(--sh-gold);color:#fff;align-items:center;justify-content:center;font-weight:800;margin-bottom:10px;}
.sh-how-card h4{font-size:16px;margin-bottom:6px;}
.sh-how-card p{font-size:14px;margin:0;}

/* ===== Pricing ===== */
.sh-pricing{background:var(--sh-cream-2);}
.sh-stock{text-align:center;font-size:14px;color:var(--sh-green);font-weight:700;margin-bottom:28px;}
.sh-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch;}
.sh-price-card{background:var(--sh-white);border-radius:var(--sh-radius);padding:30px 22px;text-align:center;box-shadow:var(--sh-shadow);border:2px solid transparent;position:relative;display:flex;flex-direction:column;}
.sh-price-card.sh-popular{border-color:var(--sh-gold);transform:scale(1.03);}
.sh-badge-tag{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--sh-gold);color:#fff;font-size:12px;font-weight:800;padding:6px 16px;border-radius:20px;white-space:nowrap;}
.sh-price-card img{max-width:170px;margin:0 auto 16px;}
.sh-price-card h4{font-size:15px;color:var(--sh-ink-soft);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;}
.sh-price-sub{font-size:14px;color:var(--sh-ink-soft);font-weight:600;margin-bottom:10px;}
.sh-price-now{font-size:34px;font-weight:800;color:var(--sh-gold-dark);}
.sh-price-perunit{font-size:16px;font-weight:600;color:var(--sh-ink-soft);}
.sh-price-total{font-size:16px;font-weight:700;color:var(--sh-ink);margin-top:4px;}
.sh-price-shipping{font-size:14px;font-weight:700;color:var(--sh-gold-dark);margin-bottom:14px;}
.sh-price-shipping.sh-ship-muted{color:var(--sh-ink-soft);font-weight:600;}
.sh-price-unit{font-size:14px;color:var(--sh-ink-soft);margin-bottom:6px;}
.sh-price-was{font-size:14px;color:#9b8a63;text-decoration:line-through;}
.sh-price-save{font-size:13px;font-weight:700;color:var(--sh-green);margin-bottom:14px;}
.sh-price-card ul{list-style:none;padding:0;margin:0 0 20px;text-align:left;font-size:14px;flex-grow:1;}
.sh-price-card ul li{padding:6px 0;border-bottom:1px dashed var(--sh-border);}
.sh-paycards{margin-top:34px;text-align:center;}
.sh-paycards img{max-width:260px;margin:12px auto 0;}

/* ===== Guarantee ===== */
.sh-guarantee{display:grid;grid-template-columns:200px 1fr;gap:40px;align-items:center;}
.sh-guarantee img{max-width:200px;}

/* ===== Story / shipping banner ===== */
.sh-shipband{background:var(--sh-ink);color:#fff;text-align:center;padding:18px 0;}
.sh-shipband p{color:#F3E3B8;margin:0;font-weight:700;font-size:15px;}

/* ===== Ingredients ===== */
.sh-ing-list{display:grid;gap:18px;}
.sh-ing-card{background:var(--sh-white);border:1px solid var(--sh-border);border-radius:var(--sh-radius);padding:22px 26px;box-shadow:var(--sh-shadow);}
.sh-ing-card h4{margin-bottom:6px;font-size:18px;color:var(--sh-gold-dark);}
.sh-ing-card p{margin:0;font-size:15px;}

/* ===== Benefits ===== */
.sh-benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.sh-benefit-card{background:var(--sh-white);border-radius:var(--sh-radius);padding:26px;box-shadow:var(--sh-shadow);border-left:5px solid var(--sh-gold);}
.sh-benefit-card .sh-keying{font-size:13px;color:var(--sh-gold-dark);font-weight:700;margin-bottom:8px;display:block;}

/* ===== Reviews ===== */
.sh-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.sh-review-card{background:var(--sh-white);border-radius:var(--sh-radius);padding:24px;box-shadow:var(--sh-shadow);}
.sh-review-top{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.sh-review-top img{width:54px;height:54px;border-radius:50%;object-fit:cover;}
.sh-review-name{font-weight:700;font-size:15px;}
.sh-stars{color:var(--sh-gold);font-size:14px;}
.sh-review-card p{font-size:14.5px;margin:0;}

/* ===== FAQ ===== */
.sh-faq-item{border-bottom:1px solid var(--sh-border);padding:18px 0;}
.sh-faq-q{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:700;font-size:17px;gap:14px;}
.sh-faq-q::after{content:"+";font-size:22px;color:var(--sh-gold-dark);flex-shrink:0;}
.sh-faq-item.sh-active .sh-faq-q::after{content:"−";}
.sh-faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;}
.sh-faq-a p{margin:12px 0 0;}
.sh-faq-item.sh-active .sh-faq-a{max-height:600px;}

/* ===== Final CTA ===== */
.sh-finalcta{background:linear-gradient(120deg,#FCEFC7,var(--sh-cream-2));text-align:center;}
.sh-atc-img{max-width:220px;margin:18px auto 0;}

/* ===== Label / references ===== */
.sh-label-table{width:100%;border-collapse:collapse;}
.sh-label-table td,.sh-label-table th{border:1px solid var(--sh-border);padding:10px 14px;font-size:14.5px;text-align:left;}
.sh-label-table th{background:var(--sh-cream-2);}
.sh-ref-list{display:grid;gap:10px;font-size:15px;}

/* ===== Interlink strip ===== */
.sh-interlink{background:var(--sh-cream-2);border-top:1px solid var(--sh-border);border-bottom:1px solid var(--sh-border);padding:18px 0;}
.sh-interlink .sh-container{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;font-size:14.5px;}
.sh-interlink strong{color:var(--sh-ink);}
.sh-interlink a{font-weight:700;}

/* ===== Footer ===== */
.sh-footer{background:#2A2110;color:#E9D9AE;padding:50px 0 20px;}
.sh-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;margin-bottom:30px;}
.sh-footer h5{color:#fff;font-size:15px;margin-bottom:14px;}
.sh-footer ul{list-style:none;padding:0;margin:0;}
.sh-footer li{margin-bottom:8px;}
.sh-footer a{color:#D8C491;font-size:14px;}
.sh-footer a:hover{color:#fff;}
.sh-footer-bottom{border-top:1px solid #473a1e;padding-top:18px;font-size:12.5px;color:#B6A376;text-align:center;}
.sh-disclaimer{font-size:12px;color:#9c8c62;max-width:960px;margin:0 auto 20px;text-align:center;line-height:1.6;}

/* ===== Blog listing ===== */
.sh-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.sh-blog-card{background:var(--sh-white);border-radius:var(--sh-radius);overflow:hidden;box-shadow:var(--sh-shadow);display:flex;flex-direction:column;}
.sh-blog-card img{width:100%;height:190px;object-fit:cover;}
.sh-blog-body{padding:20px;display:flex;flex-direction:column;flex-grow:1;}
.sh-blog-cat{color:var(--sh-gold-dark);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;}
.sh-blog-body h3{font-size:18px;margin-bottom:10px;}
.sh-blog-body p{font-size:14px;flex-grow:1;}
.sh-blog-body a.sh-readmore{font-weight:700;margin-top:10px;display:inline-block;}

/* ===== Generic inner-page hero ===== */
.sh-pagehero{padding:46px 0 10px;}
.sh-pagehero h1{margin-bottom:10px;}
.sh-breadcrumb{font-size:13px;color:var(--sh-ink-soft);margin-bottom:14px;}
.sh-breadcrumb a{color:var(--sh-ink-soft);}

/* ===== Table of generic content pages (legal) ===== */
.sh-legal h2{margin-top:34px;}
.sh-legal p,.sh-legal li{font-size:20px;}

/* ===== Responsive ===== */
@media (max-width: 980px){
  .sh-hero-grid{grid-template-columns:1fr;}
  .sh-split{grid-template-columns:1fr;}
  .sh-badge-grid{grid-template-columns:repeat(2,1fr);}
  .sh-price-grid{grid-template-columns:1fr;}
  .sh-price-card.sh-popular{transform:none;}
  .sh-howworks-grid{grid-template-columns:repeat(2,1fr);}
  .sh-benefit-grid{grid-template-columns:1fr;}
  .sh-review-grid{grid-template-columns:1fr;}
  .sh-guarantee{grid-template-columns:1fr;text-align:center;}
  .sh-footer-grid{grid-template-columns:1fr 1fr;}
  .sh-blog-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width: 600px){
  .sh-numbox-grid{grid-template-columns:repeat(2,1fr);}
  .sh-footer-grid{grid-template-columns:1fr;}
  .sh-blog-grid{grid-template-columns:1fr;}
  section{padding:44px 0;}
  .sh-viz-steps{flex-wrap:wrap;}
  .sh-viz-steps::before{display:none;}
  .sh-viz-step{flex:0 0 46%;margin-bottom:14px;}
}
