/** Shopify CDN: Minification failed

Line 25:10 Expected identifier but found whitespace
Line 25:11 Unexpected "'Fraunces'"

**/
/* Joey's Houseplants — Designed & built by KAHANI (builtbykahani.com) | Dev: Prashanth Rathod */
:root{
  --green-950:#122703;
  --green-900:#173404;
  --green-800:#27500A;
  --green-600:#3B6D11;
  --green-400:#639922;
  --green-200:#C0DD97;
  --green-100:#EAF3DE;
  --clay:#C2573B;
  --clay-light:#F0997B;
  --clay-pale:#F8E3D9;
  --cream:#F7F2E9;
  --cream-dark:#EFE8D9;
  --ink:#1d2415;
  --gray:#6b6a60;
}

  --serif: 'Fraunces', Georgia, serif;
  --sans: 'Inter', Helvetica, Arial, sans-serif;
}*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:#fff;line-height:1.6}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--green-400);outline-offset:2px;border-radius:4px}
em{font-family:var(--serif);font-style:italic;color:var(--clay)}
.container{max-width:1180px;margin:0 auto;padding:0 24px}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--green-800);color:#fff;padding:10px 18px;z-index:999}
.skip-link:focus{left:0}
.btn{display:inline-flex;align-items:center;gap:9px;font-size:15px;font-weight:500;padding:15px 30px;border-radius:40px;transition:all .25s;cursor:pointer;border:none;font-family:var(--sans)}
.btn .arr{transition:transform .25s}
.btn:hover .arr{transform:translateX(4px)}
.btn-primary{background:var(--green-800);color:#fff}
.btn-primary:hover{background:var(--green-950)}
.btn-clay{background:var(--clay);color:#fff}
.btn-clay:hover{background:#a8462c}
.btn-ghost{border:1.5px solid var(--green-400);color:var(--green-600);background:transparent}
.btn-ghost:hover{background:var(--green-100)}
.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--clay);display:inline-flex;align-items:center;gap:8px}
.eyebrow:before{content:"";width:22px;height:1.5px;background:var(--clay)}
h2.section-title{font-family:var(--serif);font-size:clamp(30px,4vw,44px);font-weight:500;color:var(--green-900);line-height:1.12;margin-top:10px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
section.block{padding:88px 0}
/* announcement */
.annbar{background:var(--green-950);color:var(--green-100);text-align:center;font-size:13.5px;padding:10px 16px}
.annbar b{color:#fff;font-weight:600}
.annbar #countdown{color:var(--clay-light);font-weight:600;font-variant-numeric:tabular-nums}
/* header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,242,233,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--cream-dark)}
.nav{display:flex;align-items:center;justify-content:space-between;height:76px;gap:18px}
.logo img{height:46px;width:auto}
.logo .logo-text{font-family:var(--serif);font-weight:600;font-size:24px;color:var(--green-800)}
.nav-links{display:flex;gap:26px;font-size:14.5px;font-weight:500;color:#3c4233}
.nav-links a{position:relative;padding:4px 0}
.nav-links a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1.5px;background:var(--clay);transition:width .25s}
.nav-links a:hover:after{width:100%}
.nav-right{display:flex;gap:14px;align-items:center}
.search-box{display:flex;align-items:center;gap:8px;border:1.5px solid var(--cream-dark);border-radius:30px;padding:8px 16px;font-size:13.5px;color:var(--gray);background:#fff}
.search-box input{border:none;outline:none;font-family:var(--sans);font-size:13.5px;width:120px;background:transparent}
.cart-pill{background:var(--green-800);color:#fff;padding:9px 18px;border-radius:30px;font-weight:600;font-size:13.5px;white-space:nowrap;border:none;cursor:pointer;font-family:var(--sans)}
.hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px}
.hamburger span{display:block;width:22px;height:2px;background:var(--green-900);margin:5px 0;border-radius:2px}
.mobile-menu{display:none;background:var(--cream);border-bottom:1px solid var(--cream-dark);padding:8px 24px 20px}
.mobile-menu a{display:block;padding:12px 0;font-size:16px;font-weight:500;border-bottom:1px solid var(--cream-dark)}
.mobile-menu.open{display:block}
/* hero */
.hero{background:var(--cream);overflow:hidden;position:relative}
.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:52px;padding:56px 0 72px;position:relative;z-index:1}
.hero h1{font-family:var(--serif);font-size:clamp(38px,5vw,58px);font-weight:500;line-height:1.08;color:var(--green-900);margin:16px 0 18px;letter-spacing:-.01em}
.hero p.lede{font-size:16.5px;color:var(--gray);max-width:44ch;margin:0 0 28px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.hero-meta{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:30px}
.hero-status{display:flex;gap:12px;align-items:center;text-align:left}
.hero-status .ic{width:42px;height:42px;border-radius:50%;background:var(--green-800);display:flex;align-items:center;justify-content:center;flex:none;color:var(--green-100)}
.hero-status b{font-size:14.5px;color:var(--green-900);display:block;line-height:1.3}
.hero-status .sub{font-size:12.5px;color:var(--gray)}
.hero-guarantee{display:flex;gap:9px;align-items:center;font-size:13.5px;color:var(--green-800);font-weight:600}
.hero-gal{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start;position:relative;z-index:1}
.hero-gal .col{display:flex;flex-direction:column;gap:14px;position:relative;z-index:1}
.hero-gal .col:last-child{margin-top:36px}
.gi{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 14px 36px rgba(23,52,4,.13);display:block}
.gi img{object-fit:cover;width:100%;display:block;transition:transform .4s}
.gi:hover img{transform:scale(1.045)}
.gi img.tall{aspect-ratio:3/3.9}
.gi img.short{aspect-ratio:3/2.1}
.gi .nm{position:absolute;left:10px;bottom:10px;z-index:2;background:rgba(255,255,255,.93);backdrop-filter:blur(4px);color:var(--green-900);font-size:12px;font-weight:600;padding:7px 13px;border-radius:20px;display:inline-flex;align-items:center;gap:6px;transition:all .25s;opacity:0;transform:translateY(8px)}
.gi .nm i{font-style:normal;color:var(--clay);transition:transform .2s}
.gi:hover .nm,.gi:focus-visible .nm{opacity:1;transform:none}
.gi:hover .nm i{transform:translateX(3px)}
.gi .tag{position:absolute;top:11px;left:11px;background:var(--clay);color:#fff;font-size:11px;font-weight:600;letter-spacing:.04em;padding:5px 13px;border-radius:20px;z-index:2}
.gi .tag.g{background:var(--green-800)}
@keyframes gi-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.hero-gal .gi{animation:gi-rise .7s cubic-bezier(.2,.7,.3,1) backwards}
.hero-gal .col:first-child .gi:first-child{animation-delay:.05s}
.hero-gal .col:last-child .gi:first-child{animation-delay:.15s}
.hero-gal .col:first-child .gi:last-child{animation-delay:.25s}
.hero-gal .col:last-child .gi:last-child{animation-delay:.35s}
.hero-branch,.gal-branch,.how-branch,.page-branch{pointer-events:none}
.gal-branch{position:absolute;right:-44px;top:-78px;width:260px;opacity:.75;z-index:0;transform:translateX(30%) rotate(14deg)}
.hero-branch.b2{position:absolute;left:-100px;bottom:-100px;width:400px;opacity:.3;transform:rotate(160deg)}
/* trust strip */
.trust-strip{background:#fff;border-bottom:1px solid var(--cream-dark)}
.trust-row{display:flex;justify-content:space-between;gap:14px;padding:18px 24px;flex-wrap:wrap;max-width:1180px;margin:0 auto}
.trust-row span{font-size:13px;font-weight:600;color:var(--green-800);letter-spacing:.02em;display:inline-flex;align-items:center;gap:8px}
.trust-row span:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--clay)}
/* category tiles */
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.cat{border-radius:20px;padding:26px 24px;display:flex;flex-direction:column;min-height:240px;transition:transform .25s}
.cat:hover{transform:translateY(-5px)}
.cat img{width:68px;height:68px;border-radius:50%;object-fit:cover;margin-bottom:16px;border:3px solid rgba(255,255,255,.75)}
.cat b{font-family:var(--serif);font-size:21px;font-weight:500;line-height:1.2}
.cat span{font-size:13.5px;line-height:1.5;margin-top:6px}
.cat .go{margin-top:auto;font-size:13px;font-weight:600;padding-top:16px}
.cat.v1{background:var(--green-100)} .cat.v1 b{color:var(--green-900)} .cat.v1 span{color:var(--green-600)} .cat.v1 .go{color:var(--clay)}
.cat.v2{background:var(--clay-pale)} .cat.v2 b{color:#7a2f1a} .cat.v2 span{color:#a8654e} .cat.v2 .go{color:#7a2f1a}
.cat.v3{background:var(--cream);border:1px solid var(--cream-dark)} .cat.v3 b{color:var(--green-900)} .cat.v3 span{color:var(--gray)} .cat.v3 .go{color:var(--clay)}
.cat.v4{background:var(--green-900)} .cat.v4 b{color:#fff} .cat.v4 span{color:var(--green-200)} .cat.v4 .go{color:var(--clay-light)}
/* product cards */
.best{background:var(--cream)}
.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px;gap:20px;flex-wrap:wrap}
.section-head a{font-size:14.5px;font-weight:600;color:var(--clay);white-space:nowrap}
.prods{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}
.prod{background:#fff;border-radius:20px;overflow:hidden;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;border:1px solid var(--cream-dark)}
.prod:hover{transform:translateY(-6px);box-shadow:0 18px 50px rgba(23,52,4,.13)}
.prod .imgwrap{position:relative;overflow:hidden}
.prod .imgwrap img{aspect-ratio:1/1.05;object-fit:cover;width:100%;transition:transform .5s}
.prod:hover .imgwrap img{transform:scale(1.05)}
.flag{position:absolute;top:12px;left:12px;background:var(--clay);color:#fff;font-size:11px;font-weight:600;letter-spacing:.05em;padding:5px 12px;border-radius:20px;z-index:2}
.flag.g{background:var(--green-800)}
.prod-body{padding:16px 18px 20px;display:flex;flex-direction:column;flex:1}
.prod-body .name{font-family:var(--serif);font-size:17px;font-weight:500;color:var(--ink)}
.care-row{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0 2px}
.care{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;background:var(--cream);color:#6a6450}
.care.pet{background:var(--green-100);color:var(--green-800)}
.care.warn{background:var(--clay-pale);color:var(--clay)}
.prod-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px}
.price{font-size:17px;font-weight:600;color:var(--green-800)}
.price small{font-size:12px;font-weight:500;color:var(--gray)}
.prod .add{margin-top:13px;width:100%;text-align:center;font-size:13.5px;font-weight:600;color:var(--green-800);border:1.5px solid var(--green-800);border-radius:30px;padding:11px;background:transparent;cursor:pointer;transition:all .2s;font-family:var(--sans)}
.prod .add:hover{background:var(--green-800);color:#fff}
.prod .add[disabled]{opacity:.5;cursor:not-allowed}
/* dark band */
.how{background:var(--green-900);color:#fff;position:relative;overflow:hidden}
.how .inner{padding:96px 0;position:relative}
.how .eyebrow{color:var(--clay-light)} .how .eyebrow:before{background:var(--clay-light)}
.how h2{font-family:var(--serif);font-size:clamp(28px,4vw,42px);font-weight:500;margin:14px 0 48px;color:#fff;max-width:20ch;line-height:1.15}
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.step .n{font-family:var(--serif);font-style:italic;font-size:54px;color:var(--clay-light);line-height:1}
.step b{display:block;font-size:18px;margin:14px 0 6px;font-family:var(--serif);font-weight:500}
.step p{font-size:14.5px;color:var(--green-200);line-height:1.6}
.how .zone{margin-top:52px;padding-top:32px;border-top:1px solid rgba(234,243,222,.22);display:grid;grid-template-columns:repeat(3,1fr);gap:24px;font-size:13.5px}
.zone b{display:block;color:#fff;font-size:14px}
.zone span{color:var(--green-200)}
/* ship cards */
.ship-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.ship-card{background:#fff;border-radius:20px;overflow:hidden;border:1px solid var(--cream-dark)}
.ship-card .ph{aspect-ratio:4/3;background:var(--green-100);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--green-600);font-size:12.5px;padding:18px}
.ship-card .ph img{width:100%;height:100%;object-fit:cover}
.ship-card .tx{padding:18px 20px}
.ship-card .tx b{font-family:var(--serif);font-size:17px;font-weight:500;color:var(--green-900)}
.ship-card .tx p{font-size:13.5px;color:var(--gray);margin-top:4px}
/* joey */
.joey{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:center}
.joey-photo{background:var(--green-100);border-radius:999px 999px 20px 20px;aspect-ratio:3.4/4;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--green-600);font-size:13.5px;padding:24px;border:2px dashed var(--green-200);overflow:hidden}
.joey-photo img{width:100%;height:100%;object-fit:cover;border-radius:999px 999px 20px 20px}
.joey-body p{font-size:16px;color:var(--gray);margin-bottom:15px;max-width:54ch}
.joey-sign{font-family:var(--serif);font-style:italic;font-size:26px;color:var(--clay);margin-top:10px}
/* reviews + ugc */
.reviews{background:var(--cream)}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.review{background:#fff;border-radius:20px;padding:30px}
.review .qm{font-family:var(--serif);font-size:64px;line-height:.6;color:var(--green-200);display:block;margin-bottom:14px}
.review p{font-size:15px;color:#3c3a30;line-height:1.65;font-family:var(--serif)}
.review .who{margin-top:18px;font-size:13px;font-weight:600;color:var(--green-800)}
.ugc-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:36px}
.ugc-grid a{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:1}
.ugc-grid img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.ugc-grid a:hover img{transform:scale(1.07)}
/* gift */
.gift{background:var(--clay-pale)}
.gift-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:88px 0}
.gift-grid img{border-radius:999px 999px 20px 20px;aspect-ratio:3.4/4;object-fit:cover;width:100%}
.gift-body .eyebrow{color:var(--clay)}
.gift-body h2{font-family:var(--serif);font-size:clamp(28px,4vw,42px);font-weight:500;color:#7a2f1a;margin:12px 0 16px;line-height:1.12}
.gift-body p{font-size:15.5px;color:#8a5a48;margin-bottom:28px;max-width:44ch}
/* faq */
.faq{max-width:760px;margin:40px auto 0}
.faq details{border-bottom:1px solid var(--cream-dark)}
.faq summary{font-family:var(--serif);font-size:18px;font-weight:500;color:var(--green-900);padding:22px 34px 22px 4px;cursor:pointer;list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:8px;top:18px;font-size:24px;color:var(--clay)}
.faq details[open] summary:after{content:"\2013"}
.faq .a{padding:0 4px 22px;font-size:14.5px;color:var(--gray);max-width:64ch}
/* newsletter */
.email-band{background:var(--green-900);padding:88px 0;position:relative;overflow:hidden}
.email-inner{max-width:580px;margin:0 auto;text-align:center;position:relative}
.email-inner h2{font-family:var(--serif);font-size:clamp(28px,4vw,40px);font-weight:500;color:#fff;margin-bottom:10px;line-height:1.15}
.email-inner p{font-size:15px;color:var(--green-200);margin-bottom:26px}
.email-form{display:flex;gap:10px}
.email-form input{flex:1;font-family:var(--sans);font-size:15px;padding:15px 20px;border:none;border-radius:40px;background:#fff;outline:none}
/* footer */
.site-footer{background:var(--green-950);color:var(--green-200);padding:64px 0 0;font-size:14px;overflow:hidden}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px}
.foot-grid h4{color:#fff;font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}
.foot-grid a{display:block;padding:4px 0;color:var(--green-200)}
.foot-grid a:hover{color:var(--clay-light)}
.foot-logo img{height:54px;width:auto;margin-bottom:12px;filter:brightness(0) invert(1)}
.pay-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.pay-row svg{height:24px;width:auto}
.foot-bottom{border-top:1px solid rgba(234,243,222,.18);padding:22px 0;display:flex;justify-content:space-between;font-size:12.5px;flex-wrap:wrap;gap:10px}
.foot-bottom a{color:inherit;font-weight:600;letter-spacing:.08em;border-bottom:1px solid currentColor}
.foot-mark{font-family:var(--serif);font-weight:500;font-size:clamp(72px,13vw,170px);line-height:.9;color:rgba(234,243,222,.08);text-align:center;letter-spacing:-.02em;padding-top:10px;white-space:nowrap}
/* fab */
.text-fab{position:fixed;right:20px;bottom:20px;z-index:60;background:var(--clay);color:#fff;border-radius:40px;padding:14px 22px;font-size:14.5px;font-weight:600;display:flex;align-items:center;gap:9px;box-shadow:0 10px 30px rgba(122,47,26,.4);transition:transform .2s}
.text-fab:hover{transform:translateY(-2px)}
/* collection */
.plp-head{background:var(--cream);padding:44px 0 36px;position:relative;overflow:hidden}
.plp-head h1{font-family:var(--serif);font-size:clamp(30px,4.5vw,46px);font-weight:500;color:var(--green-900);line-height:1.1}
.plp-head p{font-size:15px;color:var(--gray);margin-top:8px;max-width:60ch}
.crumbs{font-size:13px;color:var(--gray);margin-bottom:14px}
.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:20px 0;border-bottom:1px solid var(--cream-dark)}
.chip{border:1.5px solid var(--cream-dark);background:#fff;border-radius:30px;padding:8px 18px;font-size:13.5px;font-weight:600;color:var(--gray);cursor:pointer;font-family:var(--sans);display:inline-flex;gap:7px;align-items:center}
.chip input{accent-color:var(--green-800)}
.chip.on,.chip:has(input:checked){background:var(--green-800);border-color:var(--green-800);color:#fff}
.toolbar select{margin-left:auto;font-family:var(--sans);font-size:13.5px;font-weight:500;padding:9px 14px;border:1.5px solid var(--cream-dark);border-radius:30px;background:#fff;color:var(--ink);cursor:pointer}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:28px 0 72px}
.pagination{display:flex;gap:8px;justify-content:center;padding:0 0 64px;font-size:14px}
.pagination a,.pagination span{padding:9px 15px;border:1.5px solid var(--cream-dark);border-radius:10px}
.pagination span.current{background:var(--green-800);color:#fff;border-color:var(--green-800)}
/* PDP */
.pdp{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;padding:28px 0 72px;align-items:start}
.gallery .main{border-radius:20px;overflow:hidden;position:relative}
.gallery .main img{aspect-ratio:1/1.05;object-fit:cover;width:100%}
.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}
.thumbs button{border:2px solid transparent;border-radius:12px;overflow:hidden;padding:0;cursor:pointer;background:none}
.thumbs button.sel{border-color:var(--green-800)}
.thumbs img{aspect-ratio:1;object-fit:cover;width:100%}
.info h1{font-family:var(--serif);font-size:clamp(28px,3.6vw,40px);font-weight:500;color:var(--green-900);line-height:1.1}
.latin{font-family:var(--serif);font-style:italic;font-size:15px;color:var(--gray);margin-top:4px}
.price-line{display:flex;align-items:baseline;gap:12px;margin:16px 0 4px}
.price-line .p{font-size:26px;font-weight:600;color:var(--green-800)}
.price-line .ship-note{font-size:13px;color:var(--gray)}
.opt-label{font-size:13px;font-weight:600;color:var(--green-900);margin:18px 0 9px}
.sizes{display:flex;gap:10px;flex-wrap:wrap}
.size-opt{border:1.5px solid var(--cream-dark);border-radius:14px;padding:12px 18px;text-align:center;cursor:pointer;background:#fff;font-family:var(--sans);transition:all .15s}
.size-opt b{display:block;font-size:14.5px;color:var(--ink)}
.size-opt span{font-size:12.5px;color:var(--gray)}
.size-opt.sel{border-color:var(--green-800);background:var(--green-100)}
.size-opt.soldout{opacity:.55}
.arrives{display:flex;gap:12px;align-items:flex-start;background:var(--green-100);border-radius:14px;padding:15px 17px;margin:20px 0 6px}
.arrives b{font-size:14px;color:var(--green-900);display:block}
.arrives span{font-size:13px;color:var(--green-600)}
.gift-toggle{display:flex;align-items:center;gap:9px;margin:16px 0 6px;font-size:14px}
.gift-toggle input{accent-color:var(--clay);width:17px;height:17px}
.gift-note-field{display:none;margin-top:10px}
.gift-note-field textarea{width:100%;font-family:var(--sans);font-size:14px;padding:12px 14px;border:1.5px solid var(--cream-dark);border-radius:14px;outline:none;resize:vertical;min-height:74px}
.qty-row{display:flex;gap:12px;align-items:stretch;margin-top:18px}
.qty-box{display:flex;align-items:center;border:1.5px solid var(--cream-dark);border-radius:40px}
.qty-box button{border:none;background:none;font-size:18px;padding:0 16px;cursor:pointer;color:var(--green-800);height:100%}
.qty-box span{font-size:15px;font-weight:600;min-width:22px;text-align:center}
.atc{flex:1;font-size:16px;padding:17px;justify-content:center}
.pay-btns{margin-top:10px}
.pay-btns .shopify-payment-button__button--unbranded{background:#5A31F4;border-radius:40px;font-weight:700}
.acc{margin-top:26px;border-top:1px solid var(--cream-dark)}
.acc details{border-bottom:1px solid var(--cream-dark)}
.acc summary{font-family:var(--serif);font-size:16.5px;font-weight:500;color:var(--green-900);padding:17px 30px 17px 2px;cursor:pointer;list-style:none;position:relative}
.acc summary::-webkit-details-marker{display:none}
.acc summary:after{content:"+";position:absolute;right:6px;top:13px;font-size:22px;color:var(--clay)}
.acc details[open] summary:after{content:"\2013"}
.acc .a{padding:0 2px 18px;font-size:14px;color:var(--gray)}
.related{padding:64px 0 80px;background:var(--cream);position:relative;overflow:hidden}
.related h2{font-family:var(--serif);font-size:clamp(24px,3vw,32px);font-weight:500;color:var(--green-900);margin-bottom:30px}
/* cart drawer */
#jc-overlay{position:fixed;inset:0;background:rgba(18,39,3,.5);z-index:190;opacity:0;pointer-events:none;transition:opacity .25s}
#jc-overlay.open{opacity:1;pointer-events:auto}
#jc-drawer{position:fixed;top:0;right:-420px;bottom:0;width:400px;max-width:94vw;background:#fff;z-index:200;transition:right .3s;display:flex;flex-direction:column}
#jc-drawer.open{right:0}
#jc-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--cream-dark)}
#jc-head b{font-family:var(--serif);font-size:20px;font-weight:500;color:var(--green-900)}
#jc-close{border:none;background:none;font-size:22px;cursor:pointer;color:var(--gray);padding:4px 8px}
#jc-ship{padding:14px 20px;background:var(--cream);font-size:12.5px;color:var(--green-800);font-weight:600}
#jc-bar{height:6px;background:var(--cream-dark);border-radius:6px;margin-top:8px;overflow:hidden}
#jc-bar i{display:block;height:100%;background:var(--green-600);border-radius:6px;transition:width .4s}
#jc-items{flex:1;overflow-y:auto;padding:8px 20px}
.jc-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--cream)}
.jc-item img{width:64px;height:64px;object-fit:cover;border-radius:10px}
.jc-item .n{font-size:13.5px;font-weight:600}
.jc-item .v{font-size:12px;color:var(--gray)}
.jc-item .p{font-size:13.5px;font-weight:600;color:var(--green-800);margin-left:auto;white-space:nowrap}
.jc-qty{display:inline-flex;align-items:center;border:1px solid var(--cream-dark);border-radius:20px;margin-top:6px}
.jc-qty button{border:none;background:none;font-size:14px;padding:2px 10px;cursor:pointer;color:var(--green-800)}
.jc-qty span{font-size:12.5px;font-weight:600;min-width:16px;text-align:center}
.jc-rm{border:none;background:none;font-size:11.5px;color:#999;cursor:pointer;margin-left:10px;text-decoration:underline}
#jc-empty{text-align:center;padding:48px 20px;color:var(--gray);font-size:14px}
#jc-gift{padding:0 20px 6px;font-size:12.5px}
#jc-gift textarea{display:none;width:100%;margin-top:8px;font-family:var(--sans);font-size:13px;padding:10px 12px;border:1px solid var(--cream-dark);border-radius:10px;min-height:54px}
#jc-foot{padding:14px 20px 18px;border-top:1px solid var(--cream-dark)}
#jc-checkout{width:100%;border:none;background:var(--green-800);color:#fff;font-size:15px;font-weight:600;padding:15px;border-radius:40px;cursor:pointer;font-family:var(--sans)}
#jc-checkout:hover{background:var(--green-950)}
/* misc pages */
.page-simple{max-width:760px;margin:0 auto;padding:56px 24px 80px}
.page-simple h1{font-family:var(--serif);font-size:clamp(30px,4vw,42px);font-weight:500;color:var(--green-900);margin-bottom:18px}
.page-simple .rte{font-size:15px;color:#3c4233;line-height:1.7}
.page-simple .rte h2{font-family:var(--serif);font-weight:500;color:var(--green-900);margin:28px 0 10px}
.nf{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:80px 24px;background:var(--cream)}
.nf .num{font-family:var(--serif);font-style:italic;font-size:clamp(90px,18vw,160px);line-height:1;color:var(--green-200)}
@media (max-width:900px){
  .nav-links,.search-box{display:none}
  .hamburger{display:block}
  .hero-grid{grid-template-columns:1fr;padding:36px 0 48px;gap:36px}
  .hero-gal{gap:10px}
  .hero-gal .col:last-child{margin-top:20px}
  .gal-branch{right:-16px;top:-50px;width:170px}
  .trust-row{justify-content:center;gap:12px 22px}
  .cats{grid-template-columns:repeat(2,1fr)}
  .cat{min-height:200px;padding:20px 18px}
  .prods{grid-template-columns:repeat(2,1fr);gap:12px}
  .how-grid,.how .zone{grid-template-columns:1fr;gap:26px}
  .ship-grid{grid-template-columns:1fr}
  .joey{grid-template-columns:1fr;gap:32px}
  .reviews-grid{grid-template-columns:1fr}
  .ugc-grid{grid-template-columns:repeat(3,1fr)}
  .gift-grid{grid-template-columns:1fr;gap:32px;padding:56px 0}
  .email-form{flex-direction:column}
  .foot-grid{grid-template-columns:1fr 1fr}
  section.block{padding:64px 0}
  .grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .pdp{grid-template-columns:1fr;gap:30px}
  .toolbar select{margin-left:0;width:100%}
}