/* Maxorin — maxorein.com — fresh design system (build #2 for this domain)
   Palette: warm ink + burnt rust + muted steel-sage, ivory background
   Fonts: Syne (display) + Karla (body) — class prefix: mor- */

:root{
  --mor-ink:#211C19;
  --mor-ink-soft:#4A423C;
  --mor-rust:#B5502D;
  --mor-rust-dark:#8F3D21;
  --mor-steel:#5C6B67;
  --mor-steel-light:#DCE4E1;
  --mor-bg:#FBF6F0;
  --mor-card:#FFFFFF;
  --mor-line:#E9E0D6;
  --mor-cream:#F3EBE0;
  --mor-gold:#C6631B;
  --mor-radius:14px;
  --mor-shadow:0 10px 30px rgba(33,28,25,0.08);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:'Karla',sans-serif;
  color:var(--mor-ink);
  background:var(--mor-bg);
  font-size:18px;
  line-height:1.65;
}
h1,h2,h3,h4{
  font-family:'Syne',sans-serif;
  color:var(--mor-ink);
  margin:0 0 .5em;
  line-height:1.18;
  font-weight:700;
}
h1{font-size:clamp(2.1rem,4vw,3.1rem);}
h2{font-size:clamp(1.6rem,3vw,2.35rem);}
h3{font-size:1.3rem;}
p{margin:0 0 1em;}
a{color:var(--mor-rust);text-decoration:none;}
a:hover{text-decoration:underline;}
img{max-width:100%;display:block;}
ul{padding-left:1.2em;}
.mor-wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
.mor-section{padding:64px 0;}
.mor-section-alt{background:var(--mor-cream);}
.mor-eyebrow{
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:.82rem;
  font-weight:700;
  color:var(--mor-rust-dark);
  margin-bottom:.6em;
  display:block;
}
.mor-center{text-align:center;}
.mor-lead{font-size:1.15rem;color:var(--mor-ink-soft);max-width:720px;}
.mor-lead.mor-center{margin-left:auto;margin-right:auto;}

/* Header */
.mor-topbar{
  background:var(--mor-ink);
  color:#EFE7DC;
  font-size:.85rem;
  padding:8px 0;
  text-align:center;
}
.mor-topbar span{margin:0 14px;}
.mor-header{
  background:var(--mor-card);
  border-bottom:1px solid var(--mor-line);
  position:sticky;top:0;z-index:50;
}
.mor-header-inner{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 24px;max-width:1180px;margin:0 auto;
}
.mor-logo{font-family:'Syne',sans-serif;font-weight:800;font-size:1.5rem;color:var(--mor-ink);}
.mor-logo span{color:var(--mor-rust);}
.mor-nav{display:flex;gap:26px;align-items:center;}
.mor-nav a{color:var(--mor-ink);font-weight:600;font-size:.98rem;}
.mor-nav a:hover{color:var(--mor-rust);text-decoration:none;}
.mor-btn{
  display:inline-block;background:var(--mor-rust);color:#fff !important;
  padding:12px 26px;border-radius:999px;font-weight:700;font-size:.98rem;
  transition:background .2s ease, transform .2s ease;
  border:none;cursor:pointer;text-align:center;
}
.mor-btn:hover{background:var(--mor-rust-dark);text-decoration:none;transform:translateY(-1px);}
.mor-btn-outline{
  display:inline-block;background:transparent;color:var(--mor-ink) !important;
  padding:11px 25px;border-radius:999px;font-weight:700;border:2px solid var(--mor-ink);
}
.mor-btn-outline:hover{background:var(--mor-ink);color:#fff !important;text-decoration:none;}
.mor-mobile-toggle{display:none;background:none;border:none;font-size:1.6rem;cursor:pointer;color:var(--mor-ink);}

/* Hero */
.mor-hero{padding:56px 0 40px;}
.mor-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.mor-hero-badge{
  display:inline-flex;align-items:center;gap:8px;background:var(--mor-steel-light);
  color:var(--mor-steel);padding:8px 16px;border-radius:999px;font-size:.85rem;font-weight:700;
  margin-bottom:18px;
}
.mor-hero h1{margin-bottom:.4em;}
.mor-accent{color:var(--mor-rust);}
.mor-hero-desc{font-size:1.1rem;color:var(--mor-ink-soft);margin-bottom:1.4em;}
.mor-quickbox{
  background:var(--mor-card);border:1px solid var(--mor-line);border-radius:var(--mor-radius);
  padding:20px 22px;margin-bottom:1.6em;box-shadow:var(--mor-shadow);
}
.mor-quickbox-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--mor-rust-dark);margin-bottom:8px;display:block;}
.mor-quick-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px dashed var(--mor-line);font-size:.96rem;}
.mor-quick-row:last-child{border-bottom:none;}
.mor-quick-row b{color:var(--mor-ink);}
.mor-checklist{list-style:none;padding:0;margin:0 0 1.6em;}
.mor-checklist li{position:relative;padding-left:30px;margin-bottom:10px;font-size:1rem;}
.mor-checklist li::before{
  content:"✓";position:absolute;left:0;top:0;
  width:20px;height:20px;background:var(--mor-rust);color:#fff;
  border-radius:50%;font-size:.72rem;display:flex;align-items:center;justify-content:center;
}
.mor-cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:1.2em;}
.mor-stats-row{display:flex;gap:28px;flex-wrap:wrap;margin-top:1.2em;}
.mor-stat b{display:block;font-family:'Syne',sans-serif;font-size:1.5rem;color:var(--mor-ink);}
.mor-stat span{font-size:.85rem;color:var(--mor-ink-soft);}

.mor-hero-media{position:relative;}
.mor-hero-imgwrap{position:relative;}
.mor-hero-media img{border-radius:18px;}
.mor-float{
  position:absolute;background:#fff;border-radius:12px;box-shadow:var(--mor-shadow);
  padding:10px 16px;font-size:.85rem;font-weight:700;color:var(--mor-ink);
  display:flex;align-items:center;gap:8px;
}
.mor-float-rating{top:14px;left:-18px;}
.mor-float-usa{bottom:100px;right:-14px;}
.mor-float-guarantee{bottom:14px;left:20px;}

/* Bundle Price Line visualization */
.mor-viz{
  margin-top:26px;background:var(--mor-card);border:1px solid var(--mor-line);
  border-radius:var(--mor-radius);padding:22px 24px;box-shadow:var(--mor-shadow);
}
.mor-viz-title{font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--mor-steel);margin-bottom:14px;}
.mor-viz-chart{display:flex;align-items:flex-end;gap:22px;height:130px;position:relative;padding-top:26px;}
.mor-viz-line{
  position:absolute;top:26px;left:0;right:0;height:2px;background:repeating-linear-gradient(90deg,var(--mor-gold) 0 8px, transparent 8px 14px);
}
.mor-viz-line::after{
  content:"$49 / bottle — every size";position:absolute;right:0;top:-22px;
  font-size:.72rem;font-weight:700;color:var(--mor-gold);white-space:nowrap;
}
.mor-bar-col{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;}
.mor-bar{
  width:100%;max-width:54px;background:var(--mor-steel);border-radius:6px 6px 0 0;
  animation:morBarGrow 1.4s ease forwards;transform-origin:bottom;transform:scaleY(0);
}
.mor-bar-col:nth-child(1) .mor-bar{height:60px;animation-delay:.1s;background:var(--mor-steel);}
.mor-bar-col:nth-child(2) .mor-bar{height:88px;animation-delay:.35s;background:var(--mor-rust);}
.mor-bar-col:nth-child(3) .mor-bar{height:112px;animation-delay:.6s;background:var(--mor-ink);}
@keyframes morBarGrow{to{transform:scaleY(1);}}
.mor-bar-label{font-size:.78rem;color:var(--mor-ink-soft);font-weight:700;}

/* Grids / cards */
.mor-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.mor-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.mor-card{
  background:var(--mor-card);border:1px solid var(--mor-line);border-radius:var(--mor-radius);
  padding:26px;box-shadow:var(--mor-shadow);
}
.mor-card h3{margin-bottom:.4em;}
.mor-card p{color:var(--mor-ink-soft);margin-bottom:0;}
.mor-num{
  display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;
  background:var(--mor-rust);color:#fff;border-radius:50%;font-weight:800;font-family:'Syne',sans-serif;
  margin-bottom:12px;
}

/* Ingredients */
.mor-ing-card{display:flex;gap:16px;align-items:flex-start;}
.mor-ing-icon{
  width:46px;height:46px;flex:none;border-radius:12px;background:var(--mor-steel-light);
  display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--mor-steel);
  font-family:'Syne',sans-serif;
}
.mor-gap-callout{
  background:#FBEEE6;border:1px solid #E9C3AC;border-radius:var(--mor-radius);
  padding:22px 24px;margin-top:20px;
}
.mor-gap-callout b{color:var(--mor-rust-dark);}

/* Pricing */
.mor-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.mor-price-card{
  background:var(--mor-card);border:2px solid var(--mor-line);border-radius:var(--mor-radius);
  padding:28px 24px;text-align:center;position:relative;
}
.mor-price-card.mor-featured{border-color:var(--mor-rust);}
.mor-price-tag{
  position:absolute;top:-14px;left:50%;transform:translateX(-50%);
  background:var(--mor-rust);color:#fff;padding:5px 16px;border-radius:999px;
  font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;
}
.mor-price-num{font-family:'Syne',sans-serif;font-size:2.2rem;font-weight:800;margin:.2em 0;}
.mor-price-num span{font-size:1rem;font-weight:600;color:var(--mor-ink-soft);}
.mor-price-total{color:var(--mor-ink-soft);font-size:.92rem;margin-bottom:14px;}
.mor-price-list{list-style:none;padding:0;text-align:left;margin-bottom:20px;}
.mor-price-list li{padding:5px 0;font-size:.92rem;color:var(--mor-ink-soft);}
.mor-price-list li::before{content:"✓ ";color:var(--mor-rust);font-weight:700;}

/* Reviews */
.mor-review-card{background:var(--mor-card);border:1px solid var(--mor-line);border-radius:var(--mor-radius);padding:24px;box-shadow:var(--mor-shadow);}
.mor-review-top{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
.mor-review-top img{width:46px;height:46px;border-radius:50%;object-fit:cover;}
.mor-review-name{font-weight:700;}
.mor-review-sub{font-size:.8rem;color:var(--mor-ink-soft);}
.mor-stars{color:var(--mor-gold);letter-spacing:2px;margin-bottom:6px;}
.mor-agg-box{
  display:flex;align-items:center;gap:24px;background:var(--mor-card);border:1px solid var(--mor-line);
  border-radius:var(--mor-radius);padding:24px 28px;margin-bottom:30px;box-shadow:var(--mor-shadow);flex-wrap:wrap;
}
.mor-agg-score{font-family:'Syne',sans-serif;font-size:3rem;font-weight:800;color:var(--mor-rust);}
.mor-agg-stars{color:var(--mor-gold);font-size:1.2rem;letter-spacing:2px;}
.mor-agg-sub{color:var(--mor-ink-soft);font-size:.9rem;}

/* FAQ */
.mor-faq-item{border-bottom:1px solid var(--mor-line);padding:18px 0;}
.mor-faq-q{font-weight:700;font-size:1.05rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;}
.mor-faq-a{color:var(--mor-ink-soft);margin-top:10px;display:none;}
.mor-faq-item.mor-open .mor-faq-a{display:block;}
.mor-faq-item.mor-open .mor-faq-q::after{content:"–";}
.mor-faq-q::after{content:"+";color:var(--mor-rust);font-size:1.4rem;font-weight:400;}

/* CTA banner */
.mor-cta-banner{
  background:var(--mor-ink);color:#F3EBE0;border-radius:22px;padding:52px 40px;text-align:center;
}
.mor-cta-banner h2{color:#fff;}
.mor-cta-banner p{color:#CFC5B8;}
.mor-cta-banner img{max-width:280px;margin:0 auto 20px;border-radius:12px;}

/* Footer */
.mor-footer{background:var(--mor-ink);color:#CFC5B8;padding:50px 0 26px;margin-top:60px;font-size:.92rem;}
.mor-footer a{color:#EFE7DC;}
.mor-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;margin-bottom:30px;}
.mor-footer h4{color:#fff;font-size:1rem;margin-bottom:12px;}
.mor-footer ul{list-style:none;padding:0;margin:0;}
.mor-footer li{margin-bottom:8px;}
.mor-footer-legal{border-top:1px solid #3A332E;padding-top:20px;font-size:.8rem;color:#9C9187;}
.mor-footer-legal p{margin-bottom:.8em;}

/* Blog */
.mor-blog-card{background:var(--mor-card);border:1px solid var(--mor-line);border-radius:var(--mor-radius);padding:24px;box-shadow:var(--mor-shadow);}
.mor-blog-meta{font-size:.8rem;color:var(--mor-ink-soft);margin-bottom:8px;}
.mor-post-body h2{margin-top:1.4em;}
.mor-post-body p{color:var(--mor-ink-soft);}
.mor-post-body{max-width:760px;margin:0 auto;}

/* breadcrumb */
.mor-crumb{font-size:.85rem;color:var(--mor-ink-soft);margin-bottom:20px;}
.mor-crumb a{color:var(--mor-ink-soft);}

@media (max-width: 900px){
  .mor-hero-grid{grid-template-columns:1fr;}
  .mor-hero-media{order:-1;}
  .mor-grid-2,.mor-grid-3,.mor-price-grid{grid-template-columns:1fr;}
  .mor-nav{display:none;}
  .mor-mobile-toggle{display:block;}
  .mor-footer-grid{grid-template-columns:1fr 1fr;}
  .mor-agg-box{justify-content:center;text-align:center;}
  .mor-float{display:none;}
}
@media (max-width:480px){
  .mor-footer-grid{grid-template-columns:1fr;}
  body{font-size:17px;}
}
