/* Not Just Sundays storefront. Body face is Afacad Flux (as on the live site). Values measured on notjustsundays.com at 1440×900 and 390×844
   (2026-10-02) with getComputedStyle; desktop geometry sits in the min-width:800px layer.
   Headings: Gelasio (stand-in for the merchant's Century Old Style); body: Afacad; accents: Playfair Display italic. */
:root{
  --green:#1b3521; --green-2:#224b45; --green-3:#2e4a3c; --ink:rgba(27,53,33,.9); --gold:#ebcb74; --gold-2:#e9c96e; --gold-ink:#c9a961;
  --soft:#f8f8f8; --cream:#f5f1eb; --line:#e3e3e3; --white:#fff;
  --serif:"Gelasio",Georgia,"Times New Roman",serif; --sans:"Afacad Flux","Afacad",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; --accent:"Playfair Display",Georgia,serif;
  --wrap:1200px; --gut:20px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font:400 17.6px/1.5 var(--sans);-webkit-font-smoothing:antialiased}
img,video{max-width:100%;display:block}
a{color:inherit}
p{margin:0}
h1,h2,h3,h4{margin:0;font-weight:400}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0}.skip:focus{left:8px;top:8px;z-index:1000;background:#fff;padding:8px 12px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.ta-c{text-align:center}.ta-r{text-align:right}

/* ---------------------------------------------------------------- header */
.hd{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #ececec;transition:transform .3s ease}
/* Like the live header: hides when scrolling down past it, slides back on scroll up. */
.hd.is-hidden{transform:translateY(-100%)}
.hd-in{max-width:1130px;margin:0 auto;height:107px;padding:0 20px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.hd-nav{display:flex;gap:26px}
.hd-link{font:400 15.4px/1 var(--serif);color:var(--ink);text-decoration:none;letter-spacing:.2px}
.hd-link:hover,.hd-link.is-active{color:var(--gold)}
.hd-logo img{width:110px;height:auto}
.hd-cart{justify-self:end;position:relative;color:var(--green);display:flex;padding:6px}
.hd-count{position:absolute;top:0;right:-2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--green);color:#fff;font:600 10px/16px var(--sans);text-align:center}
.hd-burger{display:none;background:none;border:0;color:var(--green);padding:6px;cursor:pointer}
.mnav{display:flex;flex-direction:column;padding:8px 20px 18px;gap:14px;border-top:1px solid #eee}
.mnav .hd-link{font-size:18px}

/* ---------------------------------------------------------------- type */
.sec-h{font:400 40px/1.3 var(--serif);color:var(--green);text-align:center;letter-spacing:-.2px}
.sec-h--left{text-align:left}
.sec-sub{font:400 23px/1.3 var(--serif);color:var(--green-2);text-align:center;max-width:600px;margin:6px auto 0}
.sec-sub--left{text-align:left;margin-left:0;max-width:none}
.accent{font-family:var(--accent);font-style:italic;color:var(--gold-ink)}
.on-dark .accent{color:var(--gold-ink)}
.eyebrow{font:500 14px/1.4 var(--sans);letter-spacing:4.5px;text-transform:uppercase;color:var(--gold);text-align:center;margin-bottom:8px}
.eyebrow--dark{color:var(--green);text-align:left}
.on-dark{color:#fff}.on-dark .sec-h{color:#fff}.on-dark .sec-sub{color:#fff}
.tx-d1{font:400 44px/1.25 var(--sans)}.tx-d2{font:400 38px/1.28 var(--sans)}.tx-d3{font:400 30px/1.3 var(--sans)}.tx-d4{font:400 23px/1.35 var(--sans)}
.tx-lg{font:400 19px/1.5 var(--sans)}.tx-md{font:400 16px/1.55 var(--sans)}.tx-sm{font:400 13px/1.5 var(--sans)}
.tx-serif{font-family:var(--serif)}
.tx-d1.tx-serif,.tx-d2.tx-serif,.tx-d3.tx-serif{color:var(--green)}
.on-dark .tx-d1.tx-serif,.on-dark .tx-d2.tx-serif,.on-dark .tx-d3.tx-serif{color:#fff}
.tx-accent{font-family:var(--accent);font-style:italic}
.tx-gold{color:var(--gold)}
.tx-eyebrow{letter-spacing:4px;text-transform:uppercase;font-size:14px}

/* ---------------------------------------------------------------- buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:12px 32px;border-radius:8px;border:0;font:400 22px/1.2 var(--serif);text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s}
.btn--gold{background:var(--gold);color:var(--green);box-shadow:0 6px 16px rgba(0,0,0,.18)}
.btn--green{background:var(--green);color:#fff;box-shadow:0 6px 16px rgba(0,0,0,.16)}
.btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(0,0,0,.2)}
.btn--cta{min-height:70px;min-width:360px}
.btn--wide{min-width:408px}
.bl-btnrow{margin:28px 0 0}
.trust{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin:14px 0 0;padding:0;font:400 13px/1.3 var(--serif)}
.trust li{display:flex;align-items:center;gap:8px}
.hm-hero .trust,.pd-right .trust{justify-content:flex-start}

/* ---------------------------------------------------------------- marquee + rails */
.mq{overflow:hidden;background:linear-gradient(90deg,#2b4c3b,#1e3b2d 30%,#20402f 70%,#2b4c3b);color:#fff;height:52px;display:flex;align-items:center}
.mq-track{display:flex;align-items:center;gap:34px;white-space:nowrap;animation:mq 38s linear infinite;padding-left:34px}
.mq-item{font:500 16px/1 var(--sans);display:flex;align-items:center;gap:10px}
.mq-fish{color:var(--gold);flex:none}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.mq-track{animation:none}}
.rail{position:relative;margin:48px 0 0}
.rail-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--gut) 6px;scrollbar-width:none}
.rail-track::-webkit-scrollbar{display:none}
.rail-item{flex:0 0 var(--w);height:var(--h);scroll-snap-align:start;border-radius:8px;overflow:hidden;background:#000}
.rail-item img,.rail-item video{width:100%;height:100%;object-fit:cover}
.rail-item:not(.rail-item--video){background:transparent}
.rail-dots{display:flex;justify-content:center;gap:8px;margin-top:18px}
.rail-dots button{width:10px;height:10px;border-radius:50%;border:0;padding:0;background:#d6d6d6;cursor:pointer}
.rail-dots button.is-on{background:#111}

/* ---------------------------------------------------------------- generic content pages */
.bl-sec{padding:64px 0;background-size:cover;background-position:center}
.bl-sec + .bl-sec{padding-top:56px}
.bl-wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut);display:flex;flex-direction:column;gap:16px}
.bl-wrap > .ta-c,.bl-wrap > h1.ta-c,.bl-wrap > h2.ta-c{align-self:stretch}
.bl-sec h1,.bl-sec h2,.bl-sec h3{color:var(--green)}
.bl-sec.on-dark h1,.bl-sec.on-dark h2,.bl-sec.on-dark h3,.bl-box.on-dark h1,.bl-box.on-dark h2,.bl-box.on-dark h3{color:#fff}
.bl-row{display:flex;gap:28px;align-items:flex-start}
.bl-col{flex:1 1 calc(var(--w) * 1%);min-width:0;display:flex;flex-direction:column;gap:14px}
.bl-col--card{padding:24px;border-radius:12px}
.bl-box{padding:24px;border-radius:12px;display:flex;flex-direction:column;gap:12px}
.bl-img{margin:0;width:100%}
.bl-img img{width:100%;height:auto;border-radius:8px}
.bl-icon{display:inline-block;width:auto;height:auto;max-height:40px}
.bl-video{border-radius:10px;overflow:hidden;background:#000;max-width:520px}
.bl-video video{width:100%;height:100%;object-fit:cover}
.bl-embed iframe{width:100%;border:0;display:block}
.bl-list{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:6px}
.bl-table{overflow-x:auto}.bl-table table{border-collapse:collapse;width:100%;font-size:16px}.bl-table th,.bl-table td{border:1px solid var(--line);padding:10px 12px;text-align:left}
.cp--policy .bl-wrap{max-width:860px}
.cp--blog .bl-wrap{max-width:800px;padding:0 15px} /* blog posts built with GemPages: the live 800px article row */
.cp--policy .bl-sec p,.cp--policy .bl-sec li{font-size:16px}
blockquote{margin:0;padding-left:18px;border-left:3px solid var(--gold)}
.fm{display:flex;flex-direction:column;gap:14px;max-width:560px;width:100%}
.fm-field{display:flex;flex-direction:column;gap:6px;font-size:15px}
.fm-field input,.fm-field textarea,.fm-field select{font:inherit;font-size:16px;padding:12px 14px;border:1px solid #cfcfcf;border-radius:8px;background:#fff;color:#111}
.fm-check{display:flex;gap:8px;align-items:center;font-size:15px}
.fm .btn{align-self:flex-start;min-height:52px;font-size:19px}
.fm-msg{font-size:15px}
.cart-page{padding:56px 0 80px}

/* ---------------------------------------------------------------- home */
.hm-hero__in{max-width:1200px;margin:0 auto;padding:6px 20px 7px;display:grid;grid-template-columns:56fr 44fr;gap:40px;align-items:center}
.hm-hero__media img{width:100%;max-width:640px;height:auto;margin:0 auto}
.hm-h1{font:400 40px/1.3 var(--serif);color:var(--green)}
.hm-sub{font:400 23px/1.3 var(--serif);color:var(--green-2);margin-top:12px}
.hm-body{font:400 16px/1.5 var(--serif);color:var(--green-2);margin-top:12px;max-width:490px}
.hm-hero .btn--cta{margin-top:50px}
.hm-reels{background:var(--soft);padding:60px 0 54px}
.hm-aud{background:var(--green);padding:84px 0 194px}
.hm-aud__grid{display:grid;grid-template-columns:292px 1fr 292px;gap:40px;align-items:start;margin-top:96px}
.hm-card{border:1px solid var(--gold);border-radius:10px;padding:22px 18px 36px;min-height:512px;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.hm-card__h{font:400 23px/1.3 var(--serif);color:#fff;margin-bottom:14px}
.fish-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.fish-list li{display:flex;align-items:center;gap:14px;font:400 15px/1.35 var(--sans);letter-spacing:.3px}
.fish{color:var(--gold);flex:none}
.hm-aud__mid{display:flex;flex-direction:column;align-items:center;padding-top:40px}
.hm-aud__mid img{max-width:430px;width:100%;height:auto;margin-bottom:94px}
.hm-aud__mid .trust{color:#fff}
.hm-steps{padding:80px 0 110px}
.hm-steps__list{list-style:none;margin:56px auto 0;padding:0;max-width:1170px}
.hm-step{display:flex;align-items:center;gap:36px;padding:32px 0 32px 221px;border-bottom:1px solid var(--line)}
.hm-step:first-child{padding-top:0}
.hm-step:last-child{border-bottom:0}
.hm-step img{width:211px;height:auto;border-radius:6px;box-shadow:0 8px 18px rgba(0,0,0,.25)}
.hm-step__h{font:400 40px/1.25 var(--serif);color:var(--green)}
.hm-step__p{font:400 23px/1.35 var(--serif);color:var(--green-2)}
.hm-steps .btn--cta{margin-top:40px}

/* testimonial strip + closing CTA (generic sections with home spacing) */
.hm-talk{padding:84px 0 0}
.hm-talk .rail{margin-top:36px}
.hm-talk .mq{margin-top:12px}
.hm-cta{padding:134px 0 163px}
.hm-cta .bl-wrap{align-items:center;text-align:center;gap:14px}
.hm-cta .bl-img{max-width:650px;margin:28px auto 8px}
.hm-cta .bl-btnrow{margin-top:24px}

/* comparison (home + product page) */
.cmp{background:var(--green);padding:72px 0 58px}
.cmp .sec-h{line-height:1.3}
.cmp-t{max-width:860px;margin:66px auto 0;position:relative}
.cmp-r{display:grid;grid-template-columns:1fr 286px 286px;align-items:stretch;border-left:1px solid var(--gold);border-right:1px solid var(--gold);border-top:1px solid var(--gold)}
.cmp-r > span{display:flex;align-items:center;justify-content:center;min-height:89px}
.cmp-f{justify-content:flex-start!important;padding:0 24px;font:500 15px/1.35 var(--sans);letter-spacing:.3px;color:#fff}
.cmp-us{background:var(--gold-2)}
.cmp-r--head{border:0;align-items:end}
.cmp-r--head .cmp-us{flex-direction:column;gap:6px;border-radius:12px 12px 0 0;padding:16px 0 10px;min-height:133px;font:400 16px/1.25 var(--serif);color:var(--green);text-align:center}
.cmp-r--head .cmp-us img{width:72px;height:auto}
.cmp-r--head .cmp-them{font:400 17px/1.35 var(--serif);color:#fff;text-align:center;align-self:center;min-height:auto}
.cmp-r--head + .cmp-r{border-radius:12px 0 0 0}
.cmp-r:nth-last-child(2){border-bottom:1px solid var(--gold);border-radius:0 0 12px 12px;overflow:hidden}
.cmp-r--foot{border:0}.cmp-r--foot > span{min-height:0}
.cmp .btn--cta{margin-top:42px}
.cmp-note{margin-top:14px;font:400 14px/1.4 var(--sans);color:#fff}
.cmp-note a{text-decoration:none}

/* FAQ (home) */
.hm-faq{background:var(--soft);padding:70px 0 90px}
.hm-faq__in{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.hm-collage{position:relative;width:100%;max-width:585px;aspect-ratio:585/310;margin:133px 0 140px}
/* One image of the live card stack; offsets put it where the cards sit around the live 585×310 box. */
.hm-collage img{position:absolute;left:-7.86%;top:-23.55%;width:96.92%;height:auto;max-width:none}
.hm-faq__right{padding-top:120px}
.acc{display:flex;flex-direction:column}
.acc-i{border-bottom:1px solid var(--line)}
.acc-i summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 16px;cursor:pointer}
.acc-i summary::-webkit-details-marker{display:none}
.acc-q{display:flex;align-items:center;gap:16px;font:400 18px/1.3 var(--serif);color:var(--green);letter-spacing:.4px;text-transform:capitalize}
.acc-q .fish{color:var(--gold)}
.acc-pm{position:relative;width:12px;height:12px;flex:none}
.acc-pm::before,.acc-pm::after{content:"";position:absolute;left:0;top:5.5px;width:12px;height:1.4px;background:var(--green)}
.acc-pm::after{transform:rotate(90deg);transition:transform .2s}
.acc-i[open] .acc-pm::after{transform:rotate(0)}
.acc-a{padding:0 16px 20px}
.acc-a p{font:400 16px/1.5 var(--serif);color:var(--green-2)}
.hm-faq__more{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:40px;font:400 16px/1.4 var(--serif);color:var(--green)}

/* ---------------------------------------------------------------- product page */
.pd-main{padding:80px 0 60px}
.pd-main__in{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:560px 527px;justify-content:space-between;gap:40px}
.pd-gal__stage{position:relative;aspect-ratio:1;border-radius:14px;overflow:hidden;background:#eee}
.pd-gal__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s}
.pd-gal__img.is-on{opacity:1}
.pd-gal__thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin-top:12px}
.pd-gal__th{padding:0;border:1px solid #ddd;border-radius:4px;overflow:hidden;background:none;cursor:pointer;aspect-ratio:1}
.pd-gal__th.is-on{border:2px solid var(--green)}
.pd-gal__th img{width:100%;height:100%;object-fit:cover}
.pd-gal__th:nth-child(n+6){display:none}
.pd-accs{margin-top:36px}
.pd-acc{border-bottom:1px solid var(--line)}
.pd-acc summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:16px 0;cursor:pointer;font:700 21px/1.3 var(--sans);letter-spacing:.7px;color:var(--green);text-transform:capitalize}
.pd-acc summary::-webkit-details-marker{display:none}
.pd-acc__pm{position:relative;width:13px;height:13px}
.pd-acc__pm::before,.pd-acc__pm::after{content:"";position:absolute;left:0;top:6px;width:13px;height:1.5px;background:var(--green)}
.pd-acc__pm::after{transform:rotate(90deg);transition:transform .2s}
.pd-acc[open] .pd-acc__pm::after{transform:rotate(0)}
.pd-acc__body{padding:0 0 22px;display:flex;flex-direction:column;gap:14px;font:400 19px/1.45 var(--sans);color:var(--green)}
.pd-lv{display:flex;align-items:center;gap:10px;font-size:16px!important;margin-top:-6px}
.pd-promo{display:flex;align-items:center;gap:14px;padding:16px;border-radius:6px;background:linear-gradient(90deg,#1f3a2c,#2a4a3a);color:#fff;font:400 15px/1.4 var(--sans);box-shadow:0 8px 18px rgba(0,0,0,.16)}
.pd-promo img{width:65px;height:auto;border-radius:6px;flex:none}
.pd-promo strong{color:var(--gold)}
.pd-eyebrow{margin-top:30px;font:400 33px/1.1 var(--serif);color:var(--green)}
.pd-title{font:400 47px/1.28 var(--serif);color:var(--green);margin-top:2px}
.pd-feats{list-style:none;display:flex;flex-wrap:wrap;gap:6px 16px;margin:10px 0 0;padding:0;font:400 16px/1.3 var(--sans);color:var(--green)}
.pd-feats li{display:flex;align-items:center;gap:8px}
.pd-price{font:700 38px/1.2 var(--sans);color:var(--green);margin-top:18px;letter-spacing:.5px}
.pd-bullets{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;font:400 21px/1.35 var(--sans);color:var(--green)}
.pd-bullets li{display:flex;gap:10px;align-items:center}
.pd-desc{margin-top:28px;font:400 21px/1.45 var(--sans);color:var(--green)}
.pd-desc--h{font-weight:700}
.pd-desc--h + .pd-desc{margin-top:4px}
/* Kaching "BUNDLE & SAVE" widget as the live product pages run it since 2026-10-20 (measured at 1440 with getComputedStyle):
   bundle on top, its "Free gifts included" tray, a "Buy separately" rule, the 1-pack bar; the 2- and 4-pack bars open
   when a pack bar is picked. Picked bar and its tray: green; others: #f8f8f8 / #f5f1eb with a #d1d1d1 border. */
.bx{margin-top:30px}
.bx-offer,.bx-sep{display:flex;align-items:center;gap:12px;font:400 16px/1 var(--sans);letter-spacing:4.5px;text-transform:uppercase;color:var(--green);margin-bottom:18px}
.bx-offer::before,.bx-offer::after,.bx-sep::before,.bx-sep::after{content:"";flex:1;height:1px;background:#d1d1d1}
.bx-sep{margin:0;padding-top:4px}
.bx-tiers{display:flex;flex-direction:column;gap:24px}
.bx-tier{position:relative;display:block;padding:16px;border:1px solid #d1d1d1;border-radius:10px;background:var(--soft);cursor:pointer;box-shadow:8.5px 8.5px 12px rgba(18,18,18,.2);color:var(--green)}
.bx-tier input{position:absolute;opacity:0;pointer-events:none}
.bx-tier__main{display:grid;grid-template-columns:18px 1fr auto;gap:12px;align-items:center}
.bx-radio{width:18px;height:18px;border-radius:50%;border:1px solid #d1d1d1;background:transparent;position:relative}
.bx-tier__name{display:flex;flex-direction:column;gap:2px}
.bx-tier__title{font:700 20px/1.1 var(--sans);letter-spacing:.66px;color:#151515;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bx-tier__per{font:400 16px/1.25 var(--sans);color:#454545}
.bx-tier__price{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font:700 16px/1.25 var(--sans);letter-spacing:.66px;color:#454545;text-transform:uppercase}
.bx-tier__price s{font:400 14px/1.25 var(--sans);color:rgba(69,69,69,.6)}
.bx-save{display:inline-block;padding:4px 8px;border-radius:10px;background:var(--gold);color:#121212;font:400 12px/1.2 var(--sans);letter-spacing:1px;text-transform:uppercase}
.bx-badge{position:absolute;top:-16px;right:10px;padding:9px;border-radius:999px;background:var(--green);color:#f7f1d0;font:400 12px/1.4 var(--sans);letter-spacing:.66px;text-transform:uppercase}
.bx-bps{display:flex;flex-direction:column;margin-top:14px;padding-top:14px;border-top:1px solid rgba(27,53,33,.15)}
.bx-bp{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:4px 0}
.bx-bp img{width:44px;height:44px;border-radius:6px;object-fit:cover}
.bx-bp__t{font:400 16px/1.25 var(--sans);letter-spacing:.66px;color:var(--green)}
.bx-bp__p{display:flex;flex-direction:column;align-items:flex-end;font:700 14px/1.25 var(--sans);letter-spacing:.66px;color:#454545}
.bx-bp__p s{font:400 12px/1.4 var(--sans);color:rgba(69,69,69,.6)}
.bx-bps__div{display:flex;align-items:center;gap:6px;color:#d1d1d1}
.bx-bps__div::before,.bx-bps__div::after{content:"";flex:1;height:1px;background:rgba(27,53,33,.15)}
.bx-more{display:block;margin-top:14px;padding-top:10px;border-top:1px solid rgba(27,53,33,.15);font:700 12px/1.4 var(--sans);letter-spacing:1px;text-transform:uppercase;text-align:center;color:var(--green)}
.bx.is-open .bx-more{display:none}
.bx-gifts{margin-top:-14px;border:1px solid #d1d1d1;border-radius:10px;background:var(--cream);box-shadow:8.5px 8.5px 12px rgba(18,18,18,.2);color:var(--green)}
.bx-gifts__h{padding:12px 16px 0;font:400 11px/1.3 var(--sans);letter-spacing:2.5px;text-transform:uppercase;color:rgba(27,53,33,.7)}
.bx-gift{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:12px 16px}
.bx-gift + .bx-gift{border-top:1px solid rgba(27,53,33,.12)}
.bx-gift img{width:36px;height:36px;border-radius:6px;object-fit:contain}
.bx-gift__t{font:400 16px/1.15 var(--sans);letter-spacing:.66px}
.bx-gift__lock{display:none;align-items:center;gap:22px;font:400 16px/1.15 var(--sans);letter-spacing:.66px}
.bx-gift__lock svg{width:16px;height:16px;margin-left:10px}
.bx-gift.is-locked img,.bx-gift.is-locked .bx-gift__t{display:none}
.bx-gift.is-locked .bx-gift__lock{display:flex;grid-column:1 / 3}
.bx-gift__p{display:flex;align-items:center;gap:6px;font:700 12px/1.4 var(--sans);letter-spacing:.66px;text-transform:uppercase}
.bx-gift__p s{font:400 14px/1.15 var(--sans);text-transform:none;color:rgba(27,53,33,.6)}
.bx-tier.is-on{background:var(--green);border-color:var(--green)}
.bx-tier.is-on .bx-tier__title,.bx-tier.is-on .bx-tier__per,.bx-tier.is-on .bx-tier__price,.bx-tier.is-on .bx-bp__t,.bx-tier.is-on .bx-bp__p{color:#fff}
.bx-tier.is-on .bx-tier__price s,.bx-tier.is-on .bx-bp__p s{color:rgba(255,255,255,.6)}
.bx-tier.is-on .bx-radio{border-color:#fff}
.bx-tier.is-on .bx-radio::after{content:"";position:absolute;inset:3px;border-radius:50%;background:#fff}
.bx-tier.is-on .bx-badge{background:var(--gold);color:var(--green)}
.bx-tier.is-on .bx-bps,.bx-tier.is-on .bx-more{border-top-color:rgba(255,255,255,.2)}
.bx-tier.is-on .bx-bps__div{color:var(--gold)}
.bx-tier.is-on .bx-bps__div::before,.bx-tier.is-on .bx-bps__div::after{background:rgba(255,255,255,.2)}
.bx-tier.is-on .bx-more{color:#fff}
.bx-gifts.is-on{background:var(--green);border-color:var(--green);color:#fff}
.bx-gifts.is-on .bx-gifts__h{color:rgba(255,255,255,.7)}
.bx-gifts.is-on .bx-gift + .bx-gift{border-top-color:rgba(255,255,255,.2)}
.bx-gifts.is-on .bx-gift__p{color:var(--gold)}
.bx-gifts.is-on .bx-gift__p s{color:rgba(255,255,255,.6)}
.bx-atc{margin-top:36px;width:100%;height:70px;display:flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:8px;background:var(--green);color:#fff;font:700 23px/1 var(--accent);font-style:italic;letter-spacing:1px;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.2)}
.bx-atc:hover{background:#21402a}
.bx-atc[disabled]{opacity:.7;cursor:progress}
.pd-ship{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:24px;padding:10px 12px;border-radius:6px;background:#f4f4f4;font:400 15px/1.3 var(--sans);color:#222}
.pd-ship__dot{width:8px;height:8px;border-radius:50%;background:#7b7b7b;flex:none}
.pd-note{display:flex;align-items:center;gap:10px;margin-top:22px;font:400 15px/1.35 var(--sans);color:var(--green)}
.pd-note a{text-decoration:none}
.pd-right .trust{font:400 15px/1.3 var(--sans);color:var(--green);margin-top:12px;gap:10px 48px}
.pd-faq{background:var(--cream);padding:84px 0 90px}
.pd-faq__in{display:grid;grid-template-columns:568px 1fr;gap:46px}
.acc--cards{gap:10px;margin-top:40px}
.acc--cards .acc-i{border:1px solid #adadad;border-radius:8px;background:#fff;box-shadow:0 6px 14px rgba(0,0,0,.08)}
.acc--cards .acc-i summary{padding:14px 12px}
.acc--cards .acc-q{font:600 18px/1.4 var(--sans);color:var(--green);text-transform:capitalize}
.acc--cards .acc-q .fish{display:none}
.acc--cards .acc-a p{font:400 18px/1.5 var(--sans);color:var(--green)}
.pd-faq__aside img{width:100%;height:auto;max-width:569px}
.pd-faq__h{font:600 23px/1.3 var(--sans);color:var(--green);margin-top:56px}
.pd-faq__aside p{font:400 19px/1.45 var(--sans);color:var(--green);margin-top:18px}

/* ---------------------------------------------------------------- footer */
.ft{background:var(--soft);padding:120px 0 71px;color:var(--green)}
.ft-in{max-width:1200px;margin:0 auto;padding:0 20px}
.ft-cols{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.ft-logo img{width:150px;height:auto}
.ft-contact{margin-top:38px;display:flex;flex-direction:column;gap:6px;font:400 15px/1.45 var(--sans)}
.ft-line{display:flex;gap:12px}
.ft-ic{width:18px;flex:none;display:flex;align-items:flex-start;padding-top:3px}
.ft-line a{text-decoration:none}
.ft-consent{margin-top:62px;max-width:520px;font:400 16px/1.55 var(--sans)}
.ft-news{position:relative;display:flex;max-width:405px;margin-top:24px;border-radius:6px;overflow:hidden;box-shadow:0 8px 18px rgba(0,0,0,.12)}
.ft-news input{flex:1;height:46px;border:1px solid #ddd;border-right:0;border-radius:6px 0 0 6px;padding:0 22px;font:italic 400 16px/1 var(--accent);background:#fff;color:#111}
.ft-news button{width:46px;height:46px;border:0;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.ft-news .fm-msg{position:absolute;top:52px;left:0;font-size:14px}
.ft-h{font:italic 600 23px/1.3 var(--accent);color:var(--green-2)}
.ft-socials{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}
.ft-soc{display:flex;gap:10px;align-items:center;text-decoration:none}
.ft-soc-ic{display:flex}
.ft-soc-n{display:block;font:italic 600 16px/1.1 var(--accent)}
.ft-soc-h{display:block;font:400 15px/1.2 var(--sans)}
.ft-links{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:46px}
.ft-links ul{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;font:400 19px/1.4 var(--sans)}
.ft-links a{text-decoration:none}
.ft-links a:hover{text-decoration:underline}
.ft-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:56px;padding-top:30px;border-top:1px solid #ddd;font:400 15px/1.4 var(--sans)}
.ft-pay{display:flex;gap:6px}
.ft-pay img{width:38px;height:24px}

/* ---------------------------------------------------------------- cart drawer */
.cd-scrim{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:90}
.cd{position:fixed;top:0;right:0;bottom:0;width:440px;max-width:100%;background:#fff;z-index:100;transform:translateX(100%);transition:transform .3s ease;display:flex;flex-direction:column;color:var(--green)}
.cd.is-open{transform:none}
.cd-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid #eee}
.cd-title{font:400 24px/1.2 var(--serif)}
.cd-title span{font:400 15px/1 var(--sans);opacity:.75}
.cd-x{background:none;border:0;color:var(--green);cursor:pointer;padding:4px}
.cd-timer{margin:0;padding:10px 22px;background:#f3efe7;font:400 14px/1.3 var(--sans);text-align:center}
.cd-body{flex:1;overflow:auto;padding:6px 22px}
.cd-empty{padding:60px 0;text-align:center;display:flex;flex-direction:column;gap:20px;align-items:center;font:400 18px/1.4 var(--sans)}
.cd-line{display:grid;grid-template-columns:72px 1fr auto;gap:14px;padding:16px 0;border-bottom:1px solid #f0f0f0;align-items:start}
.cd-line img{width:72px;height:72px;object-fit:cover;border-radius:6px;background:#f4f4f4}
.cd-line__t{font:600 15px/1.3 var(--sans)}
.cd-line__tag{font:400 12px/1.3 var(--sans);opacity:.7;margin-top:3px;text-transform:uppercase;letter-spacing:.5px}
.cd-qty{display:inline-flex;align-items:center;border:1px solid #d6d6d6;border-radius:4px;margin-top:10px}
.cd-qty button{width:30px;height:30px;border:0;background:none;color:var(--green);font-size:18px;cursor:pointer}
.cd-qty span{min-width:28px;text-align:center;font:600 14px/1 var(--sans)}
.cd-line__p{text-align:right;font:600 15px/1.3 var(--sans)}
.cd-line__p s{display:block;font-weight:400;font-size:13px;opacity:.6}
.cd-line__save{display:block;font:400 12px/1.3 var(--sans);color:#3d7a52}
.cd-foot{border-top:1px solid #eee;padding:16px 22px 22px;display:flex;flex-direction:column;gap:10px}
.cd-prot{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid #e6e6e6;border-radius:8px;background:#fafafa}
.cd-prot img{width:40px;height:40px;border-radius:6px;object-fit:cover}
.cd-prot__t{font:600 14px/1.3 var(--sans)}.cd-prot__d{font:400 12px/1.35 var(--sans);opacity:.8}
.cd-switch{position:relative;width:42px;height:24px;border-radius:12px;background:#cfcfcf;border:0;cursor:pointer;transition:background .2s}
.cd-switch::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}
.cd-switch[aria-checked="true"]{background:var(--green)}
.cd-switch[aria-checked="true"]::after{transform:translateX(18px)}
.cd-row{display:flex;justify-content:space-between;font:400 15px/1.3 var(--sans)}
.cd-row--total{font:600 18px/1.3 var(--sans)}
.cd-row--save{color:#3d7a52}
.cd-checkout{display:flex;align-items:center;justify-content:center;height:56px;border-radius:8px;background:var(--green);color:#fff;text-decoration:none;font:600 18px/1 var(--sans);letter-spacing:.4px;margin-top:4px}
.cart-page .cd-foot{border:0;padding:16px 0 0;max-width:460px}
.cart-page .cd-line{max-width:720px}


/* ---------------------------------------------------------------- decorations (live: 15% line art, 500px / 175px) */
.has-deco,.bl-sec{position:relative;overflow:hidden}
.has-deco > .wrap,.has-deco > div,.bl-sec > .bl-wrap{position:relative;z-index:1}
.deco{position:absolute;width:500px;height:500px;opacity:.15;pointer-events:none;z-index:0;object-fit:contain}
.deco--tl{top:0;left:0}.deco--tr{top:0;right:0}.deco--bl{bottom:0;left:0}.deco--br{bottom:0;right:0}

/* ---------------------------------------------------------------- product page: screenshots, reviews, closing CTA */
.pd-h2{font:400 47px/1 var(--serif);color:var(--green);text-align:center}
.accent--soft{color:#cbb67b;font-family:var(--accent);font-style:italic;font-weight:400}
.accent--dk{color:#8a7434}
.eyebrow--ink{color:var(--green)}
.pd-shots{padding:80px 0 60px}
.pd-shots .rail{margin-top:48px}
.pd-shots .rail-track{gap:7px;padding:0}
.pd-shots .rail-item{border-radius:9px;background:none}
.pd-rev{background:var(--cream);padding:62px 0 50px}
.pd-rev__h{font:400 40px/1.05 var(--serif);letter-spacing:.75px;color:var(--green);text-align:center;margin-top:12px}
.pd-rev__h .accent{font-size:37px;line-height:1.24}
.pd-rev__stars{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:14px;font:300 17px/1.5 var(--sans);letter-spacing:.7px;color:#5a6b5f}
.pd-rev__s{display:inline-flex;gap:1px}
.pd-rev__grid{display:grid;grid-template-columns:repeat(3,383px);justify-content:center;gap:23px;margin-top:38px}
.rv{position:relative;max-height:547px;overflow:hidden;background:#fff;border:1px solid #adadad;border-radius:10px;box-shadow:5.66px 5.66px 8px rgba(18,18,18,.2);padding:30px 24px 24px;color:var(--green)}
.rv::after{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;background:linear-gradient(rgba(255,255,255,0),#fff 90%)}
.rv:nth-child(n+4){display:none}
.rv-badge{position:absolute;top:-15px;left:20px;display:inline-flex;gap:1px;align-items:center;justify-content:center;width:109px;height:29px;border-radius:99px;background:var(--gold);box-shadow:8.5px 8.5px 12px rgba(18,18,18,.2)}
.rv{overflow:visible}
.rv-t{font:italic 700 21px/1.25 var(--accent);letter-spacing:-.1px;color:var(--green)}
.rv-b{margin-top:12px;font:normal 400 17px/1.55 var(--accent);letter-spacing:.7px;max-height:390px;overflow:hidden}
.rv-b p + p{margin-top:12px}
.rv-by{position:relative;z-index:1;margin-top:12px;font:400 13px/1.3 var(--sans);color:rgba(27,53,33,.55)}
.pd-rev__more{text-align:center;margin-top:-8px;position:relative;z-index:2}
.pd-rev__all{display:inline-flex;align-items:center;justify-content:center;width:291px;height:72px;border-radius:6px;background:var(--green);color:#fff;font:italic 700 23px/1.3 var(--accent);letter-spacing:1px;text-decoration:none;box-shadow:8px 8px 16px rgba(18,18,18,.25)}
.pd-cta{background:var(--green);padding:130px 0 110px;text-align:center;color:#f7f1d0}
.pd-cta .eyebrow{color:#cbb67b;margin-bottom:0}
.pd-cta__h{font:400 47px/1 var(--serif);color:#f7f1d0;margin-top:6px}
.pd-cta__h .accent{color:#cbb67b;margin-left:10px}
.pd-cta__p{max-width:562px;margin:14px auto 0;font:400 21px/1.3 var(--sans);color:#f7f1d0}
.pd-cta__img{display:block;width:702px;max-width:100%;height:auto;margin:60px auto 0}
.pd-cta__btn{margin-top:50px;min-width:360px;min-height:74px;font:italic 700 26px/1 var(--accent)}
.pd-cta__note{display:block;margin-top:16px;font:400 15px/1.4 var(--sans);color:#f7f1d0}
.pd-cta__note a{text-decoration:none}
.pd-cta .trust{color:#f7f1d0;font:400 15px/1.3 var(--sans)}

/* ---------------------------------------------------------------- cart drawer (live measurements) */
.cd{width:440px}
.cd-head{padding:18px 17px;border-bottom:0;height:65px}
.cd-title{font:500 23.4px/1.26 var(--serif);letter-spacing:.75px;color:var(--green)}
.cd-title span{font:inherit;opacity:1}
.cd-x{width:48px;height:48px;margin-right:-12px;display:flex;align-items:center;justify-content:center}
.cd-timer{height:42px;padding:11px;background:var(--green);color:#fff;font:300 15.4px/20px var(--sans);letter-spacing:.66px}
.cd-timer strong{font-weight:400}
.cd-body{padding:0 17px 64px;min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.cd-line{display:grid;grid-template-columns:115px 1fr;gap:13px;padding:40px 0 30px;border-bottom:1px solid rgba(27,53,33,.12);position:relative}
.cd-line img{width:115px;height:150px;object-fit:cover;border-radius:0;background:none}
.cd-line__main{display:flex;flex-direction:column;min-height:150px;padding-right:30px}
.cd-line__tag{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;height:21px;padding:0 5.5px;border-radius:6.6px;background:rgba(27,53,33,.08);font:700 11px/19px var(--sans);letter-spacing:1.1px;color:rgba(27,53,33,.9);text-transform:none;opacity:1;margin:0 0 6px}
.cd-line__t{font:500 16.5px/1.26 var(--serif);letter-spacing:.75px;color:var(--green)}
.cd-line__foot{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}
.cd-line__p{font:700 17.6px/1.1 var(--sans);letter-spacing:1.1px;color:var(--gold);text-align:left}
.cd-line__p s{display:inline;margin-right:2px;font:300 15.4px/1 var(--sans);color:rgba(27,53,33,.7);opacity:1}
.cd-line__save{display:block;margin-top:2px;font:400 15.4px/1.1 var(--sans);letter-spacing:.66px;color:var(--green)}
.cd-qty{display:inline-flex;align-items:center;height:30px;margin:0;border:1px solid #e3e3e8;border-radius:6.6px;background:#f8f8f8}
.cd-qty button{width:28px;height:28px;font-size:18px;color:var(--green)}
.cd-qty span{width:47px;min-width:0;font:700 15.4px/1 var(--sans);text-align:center}
.cd-qty--fixed button{cursor:default}
.cd-rm{position:absolute;top:40px;right:0;width:22px;height:22px;border:0;background:none;padding:0;color:var(--green);cursor:pointer}
.cd-foot{background:#f8f8f8;border-top:1px solid rgba(27,53,33,.2);padding:18px 16.5px 17px;gap:12px}
.cd-prot{display:grid;grid-template-columns:1fr auto;grid-template-areas:"t s" "d s";gap:4px 18px;padding:0;border:0;background:none;border-radius:0}
.cd-prot__t{grid-area:t;display:flex;justify-content:space-between;font:500 15.4px/1.2 var(--serif);letter-spacing:.75px;color:var(--green)}
.cd-prot__t b{font-weight:700;letter-spacing:1.1px}
.cd-prot__d{grid-area:d;font:300 11.55px/1.3 var(--serif);letter-spacing:.66px;color:rgba(27,53,33,.9);opacity:1}
.cd-switch{grid-area:s;align-self:center;width:44px;height:22px;border-radius:11px}
.cd-switch::after{top:2px;left:2px;width:18px;height:18px}
.cd-switch[aria-checked="true"]::after{transform:translateX(22px)}
.cd-row{font:400 17.7px/1.1 var(--serif);letter-spacing:.7px;color:#767676}
.cd-row--save{color:#767676}
.cd-row--total{font:400 25.3px/1.1 var(--serif);color:rgba(27,53,33,.9)}
.cd-checkout{height:71px;border-radius:9px;gap:8px;font:500 25px/1 var(--serif);letter-spacing:1.1px;margin-top:8px}
@media (max-width:799px){
  .deco{width:175px;height:175px}
  .pd-h2{font-size:29px}
  .pd-shots{padding:50px 0 44px}
  .pd-shots .rail{margin-top:30px}
  .pd-shots .rail-item{flex-basis:158px;height:343px}
  .pd-rev{padding:44px 0 40px}
  .pd-rev .eyebrow{font-size:13px;letter-spacing:3px}
  .pd-rev__h{font-size:27px}
  .pd-rev__h .accent{font-size:24px}
  .pd-rev__stars{font-size:16px;letter-spacing:.66px}
  .pd-rev__grid{grid-template-columns:1fr;margin-top:30px}
  .rv{max-height:569px;padding:28px 20px 22px}
  .rv:nth-child(n+2){display:none}
  .pd-rev__all{width:100%;height:62px;font-size:20px}
  .pd-cta{padding:70px 0 64px}
  .pd-cta .eyebrow{font-size:13px}
  .pd-cta__h{font-size:29px}
  .pd-cta__h > span{display:block}
  .pd-cta__h .accent{margin-left:0}
  .pd-cta__p{font-size:16px;line-height:1.5;max-width:274px}
  .pd-cta__img{margin-top:34px}
  .pd-cta__btn{min-width:0;width:100%;min-height:62px;font-size:20px}
  .cd-head{height:65px}
  .cd-line img{height:120px}
  .cd-line__main{min-height:120px}
  .cd-line__p{font-size:16.5px}
  .cd-row{font-size:15.4px}
  .cd-row--total{font-size:22px}
  .cd-checkout{height:56px;font-size:20px}
}

/* ---------------------------------------------------------------- mobile */
@media (max-width:799px){
  :root{--gut:16px}
  body{font-size:16px}
  .hd-in{height:69px;grid-template-columns:44px 1fr 44px;padding:0 10px}
  .hd-nav{display:none}
  .hd-burger{display:flex}
  .hd-logo{justify-self:center}
  .hd-logo img{width:86px}
  .sec-h{font-size:30px}
  .sec-sub{font-size:19px}
  .btn--cta,.btn--wide{min-width:0;width:100%;min-height:60px;font-size:20px}
  .bl-sec{padding:44px 0}
  .bl-row{flex-direction:column;gap:18px}
  .bl-col{flex-basis:auto;width:100%}
  .tx-d1{font-size:32px}.tx-d2{font-size:29px}.tx-d3{font-size:25px}.tx-d4{font-size:20px}
  .mq{height:44px}.mq-item{font-size:14px}
  .rail{margin-top:30px}
  .rail-item{flex-basis:min(var(--w),62vw);height:calc(min(var(--w),62vw) * 1.775)}
  .rail-item:not(.rail-item--video){flex-basis:min(var(--w),58vw);height:calc(min(var(--w),58vw) * 2.17)}
  .hm-hero__in{grid-template-columns:1fr;gap:18px;padding:20px 16px 36px}
  .hm-h1{font-size:32px}.hm-sub{font-size:20px}
  .hm-hero .btn--cta{margin-top:26px}
  .hm-reels{padding:44px 0}
  .hm-aud{padding:56px 0 64px}
  .hm-aud__grid{grid-template-columns:1fr;margin-top:36px;gap:28px}
  .hm-card{min-height:0}
  .hm-aud__mid{order:-1;padding-top:0}
  .hm-aud__mid img{margin-bottom:28px}
  .hm-steps{padding:56px 0}
  .hm-steps__list{margin-top:32px}
  .hm-step{padding:20px 0;gap:16px}
  .hm-step img{width:120px}
  .hm-step__h{font-size:24px}.hm-step__p{font-size:17px}
  .cmp{padding:56px 0}
  .cmp-t{margin-top:40px}
  .cmp-r{grid-template-columns:1fr 92px 92px}
  .cmp-r > span{min-height:76px}
  .cmp-f{padding:0 12px;font-size:13px}
  .cmp-r--head .cmp-us{min-height:110px;font-size:13px;padding:10px 4px}
  .cmp-r--head .cmp-us img{width:48px}
  .cmp-r--head .cmp-them{font-size:13px}
  .hm-faq{padding:52px 0}
  .hm-faq__in{grid-template-columns:1fr}
  .hm-collage{max-width:350px;aspect-ratio:auto;margin:20px auto 24px}
  .hm-collage img{position:static;width:100%}
  .hm-faq__right{padding-top:0}
  .acc-q{font-size:16px}
  .pd-main{padding:20px 0 40px}
  /* Live mobile order: banner, gallery, title…bundles…trust, then the accordions. */
  .pd-main__in{display:flex;flex-direction:column;gap:0}
  .pd-left,.pd-right{display:contents}
  .pd-right > .pd-promo{order:1;margin-bottom:16px}
  .pd-gal{order:2}
  .pd-right > *{order:3}
  .pd-accs{order:4;margin-top:28px}
  .bl-row.bl-row--masonry{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 calc(-1 * var(--gut));padding:4px var(--gut) 10px;scrollbar-width:none}
  .bl-row--masonry::-webkit-scrollbar{display:none}
  .bl-row--masonry > .bl-col{display:contents}
  .bl-row--masonry .bl-box{flex:0 0 84%;scroll-snap-align:center}
  .pd-gal__thumbs{gap:8px}
  .pd-title{font-size:34px}.pd-eyebrow{font-size:25px;margin-top:22px}
  .pd-price{font-size:32px}
  .pd-bullets,.pd-desc{font-size:16px}
  .bx-tier__title{font-size:16px}
  .bx-tier__per,.bx-tier__price{font-size:13px}
  .pd-acc summary{font-size:18px}
  .bx-gift{padding:10px 12px}.bx-gift__t,.bx-bp__t{font-size:14px}
  .bx-badge ~ .bx-tier__main .bx-tier__price{margin-top:14px}
  .bx-tier{padding:14px 12px}
  .bx-atc{height:62px;font-size:20px}
  .pd-faq{padding:52px 0}
  .pd-faq__in{grid-template-columns:1fr}
  .ft{padding:56px 0 40px}
  .ft-cols{grid-template-columns:1fr}
  .ft-consent{margin-top:30px}
  .ft-links ul{font-size:17px}
  .ft-bottom{flex-direction:column;gap:16px;align-items:flex-start}
  .cd{width:100%}
}

.pd-cta__note svg{display:inline-block;vertical-align:-3px;margin-right:6px}

/* ---------------------------------------------------------------- blog (src/render/blog.js)
   Shopify's blog templates, measured on notjustsundays.com/blogs/news at 1440, 1024 and 375 (2026-10-19). The live blog sets
   everything in Century Old Style (Gelasio here): text 17.6/22.4 (16.5/21 on phones), headings and dates in green. Live widths
   switch at 750px. Post bodies keep the merchant's inline styles, so only defaults are set here. */
.bg-main,.bg-post{font:400 16.5px/21px var(--serif);letter-spacing:.704px;color:var(--ink)}
.bg-wrap{max-width:1200px;margin:0 auto;padding:0 16.5px 48px}
.bg-h1{font:400 28.125px/35.55px var(--serif);letter-spacing:.75px;color:var(--green);text-align:center;margin:22px 0}
.bg-grid{display:grid;grid-template-columns:1fr;gap:20px}
.bg-card{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:13.2px;overflow:hidden;text-align:center;box-shadow:0 10px 30px rgba(27,53,33,.07)}
.bg-card__media{height:242px}
.bg-card__media img{width:100%;height:100%;object-fit:cover}
.bg-card__body{padding:22px 33px}
.bg-card__h{font:400 25px/31.6px var(--serif);letter-spacing:.75px;color:var(--green);margin:0 0 6.6px}
.bg-card__h a{color:inherit;text-decoration:none}
.bg-card__h a::after{content:"";position:absolute;inset:0;z-index:1}
.bg-card:hover .bg-card__h a{text-decoration:underline;text-underline-offset:3px}
.bg-date{font:400 11px/13px var(--serif);letter-spacing:1.43px;text-transform:uppercase;color:var(--green);padding-top:4.4px}
.bg-card__ex{margin:13.2px 0 22px}
.bg-pag{margin-top:56px}
.bg-pag ul{display:flex;flex-wrap:wrap;justify-content:center;gap:0 11px;list-style:none;margin:0;padding:0}
.bg-pag__i{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;font-size:17.6px;color:var(--green);text-decoration:none}
.bg-pag__i.is-current::after,a.bg-pag__i:not(.bg-pag__arr):hover::after{content:"";position:absolute;left:50%;bottom:8px;width:22px;height:1.1px;background:currentColor;transform:translateX(-50%)}
.bg-pag__i.is-current{opacity:.75}
.bg-hero{height:363px;max-width:1430px;margin:0 auto}
.bg-hero img{width:100%;height:100%;object-fit:cover}
.bg-post__head,.bg-share,.bg-post__body{max-width:1200px;margin-left:auto;margin-right:auto;padding:0 16.5px}
.bg-post__head{margin-top:48.4px;margin-bottom:22px}
.bg-post__h1{font:400 28.125px/35.55px var(--serif);letter-spacing:.75px;color:var(--green);margin:0 0 11px}
.bg-post__head .bg-date{color:var(--ink);padding-top:0}
.bg-share{margin-top:33px}
.bg-share__btn{display:inline-flex;align-items:center;gap:10px;min-height:28px;padding:0;border:0;background:none;font:400 15.4px/19.6px var(--serif);letter-spacing:.704px;color:var(--green);cursor:pointer}
.bg-share__msg{font-size:14px;margin-top:6px}
.bg-post__body{margin-top:16.5px;margin-bottom:33px;overflow-wrap:break-word}
.bg-rte p{margin:0 0 1em}
.bg-rte h1,.bg-rte h2,.bg-rte h3,.bg-rte h4,.bg-rte h5,.bg-rte h6{font-family:var(--serif);font-weight:400;letter-spacing:.75px;color:var(--green)}
.bg-rte h2{font-size:25px;line-height:31.6px;margin:.83em 0}
.bg-rte h3{font-size:21.25px;line-height:26.86px;margin:1em 0}
.bg-rte h4{font-size:1.1em;margin:1.33em 0}
.bg-rte ul,.bg-rte ol{margin:1em 0;padding-left:22px}
.bg-rte strong,.bg-rte b{font-weight:inherit}
.bg-rte a{color:rgba(27,53,33,.85);text-decoration:none}
.bg-rte blockquote{margin:1em 40px;padding:0 0 0 16.5px;border:0;border-left:2px solid rgba(27,53,33,.2);font-style:italic}
.bg-rte blockquote > *{margin:-5.5px 0}
.bg-rte table{table-layout:fixed;font-size:15.4px;line-height:19.6px;border-collapse:collapse;box-shadow:0 0 0 1.1px rgba(27,53,33,.2)}
.bg-rte th,.bg-rte td{border:1px solid rgba(27,53,33,.2);padding:10px;text-align:left}
.bg-rte th{font-weight:600}
/* Equal columns as live (fixed layout). On phones a word wider than its column hyphenates instead of spilling out of the
   cell and widening the page, as it does live. */
@media (max-width:749px){.bg-rte th,.bg-rte td{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}}
.bg-post__back{text-align:center;margin:55px 0 35.2px}
.bg-post__back a{display:inline-flex;align-items:center;gap:10px;font-size:19.8px;line-height:25.2px;color:var(--green);text-decoration:none}
.bg-post__back a:hover span{text-decoration:underline;text-underline-offset:3px}
.bg-news__in{padding:51px 30px 39px;text-align:center;font:400 16.5px/21px var(--serif);letter-spacing:.704px}
.bg-news--index{background:var(--green);color:rgba(255,255,255,.9)}
.bg-news--post{background:linear-gradient(228deg,#15d1fc 14%,#bb30fe 83%);color:var(--ink)}
.bg-news__h{font:400 28.125px/35.55px var(--serif);letter-spacing:.75px;color:var(--green);margin:0}
.bg-news--index .bg-news__h{color:#fff}
.bg-news__sub{max-width:770px;margin:22px auto 0}
.bg-news__form{display:flex;flex-direction:column;max-width:396px;margin:22px auto 0}
.bg-news__form input{height:49.5px;margin:1px;padding:0 16.5px;border:0;border-radius:6px;font:400 17.6px var(--serif);letter-spacing:.44px;background:#f8f8f8;color:var(--green);box-shadow:0 0 0 1px rgba(27,53,33,.6)}
.bg-news__form input::placeholder{color:rgba(27,53,33,.9);opacity:1}
.bg-news__form button{height:49.5px;margin-top:11px;border:0;border-radius:6px;font:600 17.6px var(--serif);letter-spacing:1.1px;background:var(--green);color:#f8f8f8;cursor:pointer}
.bg-news--index .bg-news__form input{background:var(--green);color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.6)}
.bg-news--index .bg-news__form input::placeholder{color:rgba(255,255,255,.9)}
.bg-news--index .bg-news__form button{background:#fff;color:var(--green)}
.bg-news .fm-msg{margin-top:12px;font-size:15px}
@media (min-width:750px){
  .bg-main,.bg-post{font-size:17.6px;line-height:22.4px}
  .bg-wrap{padding:0 55px 64px}
  .bg-h1,.bg-post__h1{font-size:37.5px;line-height:47.4px}
  .bg-grid{grid-template-columns:1fr 1fr;gap:40px}
  .bg-card__media{height:338px}
  .bg-card__h{font-size:30px;line-height:37.92px}
  .bg-hero{height:726px}
  .bg-post__head,.bg-share,.bg-post__body{padding:0 55px}
  .bg-post__head{margin-top:55px}
  .bg-rte h2{font-size:30px;line-height:37.92px}
  .bg-rte h3{font-size:22.5px;line-height:28.44px}
  .bg-news__in{padding:68px 99px 52px;font-size:17.6px;line-height:22.4px}
  .bg-news__h{font-size:37.5px;line-height:47.4px}
}
@media (min-width:990px){.bg-hero{height:908px}}

/* ---------------------------------------------------------------- expansion pack page (live 2026-10-20, measured at 1440) */
.pj-hero{position:relative;background:var(--green);color:#f7f1d0;padding:60px 0 0;margin-top:174px}
.pj-hero__in{display:grid;grid-template-columns:600px 1fr;gap:40px;align-items:center;min-height:380px}
.pj-hero__copy .eyebrow{color:#cbb67b;text-align:left;font-weight:400;font-size:16px}
.pj-hero__h{display:flex;flex-direction:column;font:400 47px/1 var(--serif);color:#f7f1d0}
.pj-hero__h .accent{font-size:45px;line-height:1.3;color:#cbb67b;letter-spacing:.75px;white-space:nowrap}
.pj-hero__p{max-width:520px;margin-top:12px;font:400 21px/1.3 var(--sans);color:#f7f1d0}
.pj-hero__btn{margin-top:30px;min-width:360px;min-height:74px;font:700 26px/1 var(--accent);font-style:italic;border-radius:9px}
.pj-hero__art{position:relative;height:380px}
.pj-hero__box{position:absolute;left:0;top:-234px;width:500px;height:500px;object-fit:contain}
.pj-cards{position:absolute;left:286px;top:50px;width:317px;height:220px}
.pj-card{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:30px;border-radius:10px;background:#fff;box-shadow:8.5px 8.5px 12px rgba(18,18,18,.2);font:700 17px/1.35 var(--accent);font-style:italic;color:#0b0b0b;text-align:center;transform:rotate(3deg);opacity:0;transition:opacity .5s}
.pj-card.is-on{opacity:1;z-index:2}
.pj-cards::before{content:"";position:absolute;inset:6px -6px -6px 6px;border-radius:10px;background:#fff;box-shadow:8.5px 8.5px 12px rgba(18,18,18,.2);transform:rotate(5deg)}
.pj-hero .mq{margin-top:20px}
.pd-faq2{background:var(--cream);padding:64px 0 40px}
.pd-faq2 .eyebrow{font-weight:400;font-size:13px}
.pd-faq2 .sec-h{font-size:47px;line-height:1.25}
.pd-faq2 .sec-h .accent{font-size:45px;color:#cbb67b}
.pd-faq2 .sec-sub{font:400 21px/1.3 var(--sans);color:var(--green)}
.pd-faq2__cols{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start;max-width:1160px;margin:0 auto}
.pd-faq2 .acc--cards{margin-top:40px}
.pd-faq2 .acc--cards .acc-q{font-size:18px}
/* collection pages: title band + 4-up product grid (theme collection template) */
.cl-hero{background:var(--green);padding:28px var(--gut)}
.cl-hero__t{font:500 37.5px/1.26 var(--serif);color:#fff;text-align:center}
.cl-grid-wrap{max-width:1130px;margin:0 auto;padding:36px 20px 80px}
.cl-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
.cl-card a{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;text-align:center;color:var(--green)}
.cl-card__img{display:block;width:100%;aspect-ratio:1;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1)}
.cl-card__img img{width:100%;height:100%;object-fit:cover}
.cl-card__t{font:500 16.25px/1.3 var(--serif);padding:0 12px}
.cl-card__t:hover{text-decoration:underline}
.cl-card__p{font:700 17.6px/1.3 var(--serif)}
@media (max-width:799px){
  .pj-hero{margin-top:120px;padding-top:40px}
  .pj-hero__in{grid-template-columns:1fr;min-height:0}
  .pj-hero__h .accent{white-space:normal}
  .pj-hero__art{height:300px;order:-1}
  .pj-hero__box{width:300px;height:300px;top:-140px;left:50%;transform:translateX(-50%)}
  .pj-cards{left:auto;right:6px;top:150px;width:230px;height:160px}
  .pj-card{font-size:14px;padding:18px}
  .pj-hero__h{font-size:34px}.pj-hero__h .accent{font-size:32px}
  .pj-hero__p{font-size:17px}
  .pj-hero__btn{min-width:0;width:100%;font-size:22px;min-height:62px}
  .pd-faq2__cols{grid-template-columns:1fr;gap:0}
  .pd-faq2 .sec-h{font-size:32px}.pd-faq2 .sec-h .accent{font-size:30px}
  .pd-faq2 .acc--cards + .acc--cards{margin-top:10px}
  .cl-grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .cl-hero__t{font-size:30px}
}