@font-face{font-family:'Josefin Sans';font-weight:600;font-display:swap;src:url(../fonts/josefin-sans-600.woff2) format('woff2')}
@font-face{font-family:'Josefin Sans';font-weight:700;font-display:swap;src:url(../fonts/josefin-sans-700.woff2) format('woff2')}
@font-face{font-family:'Questrial';font-weight:400;font-display:swap;src:url(../fonts/questrial-400.woff2) format('woff2')}
:root{--teal:#06A6A0;--teal2:#18AFAA;--mint:#E0F2F0;--paper:#FBF8F2;--white:#fff;--ink:#333;--body:#4C4C4C;--line:rgba(6,166,160,.2);--warn:#FFF4DC;--warnb:#E6C36A;--head:'Josefin Sans',system-ui,sans-serif;--text:'Questrial',system-ui,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--body);font:16px/1.6 var(--text);overflow-x:hidden}
h1,h2,h3{font-family:var(--head);color:var(--ink);line-height:1.15;margin:0 0 .5em}
h1{font-size:clamp(28px,5vw,42px)}h2{font-size:clamp(22px,3vw,28px)}h3{font-size:18px}
a{color:var(--teal)}img{max-width:100%;display:block}
.wrap{max-width:1040px;margin:0 auto;padding:0 16px}
.mock{background:var(--ink);color:var(--mint);font-size:13px;text-align:center;padding:6px 12px}
header.nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;padding:12px 16px;max-width:1040px;margin:0 auto;border-bottom:1px solid var(--line)}
header.nav .logo{font:700 20px var(--head);text-transform:uppercase;letter-spacing:.02em;color:var(--teal);text-decoration:none;white-space:nowrap}
.pcard{display:flex;flex-direction:column;gap:8px}.pcard .imgbox{aspect-ratio:4/3;background:var(--mint);border-radius:14px;display:grid;place-items:center;overflow:hidden}.pcard .imgbox img{width:100%;height:100%;object-fit:contain;padding:8px}.pcard h3{margin:0}.sizes{display:flex;gap:8px;flex-wrap:wrap}.qty{display:inline-flex;align-items:center;gap:6px}.qty button{min-width:44px;min-height:44px;border-radius:50%;border:1.5px solid var(--line);background:#fff;font:700 20px var(--head);cursor:pointer}.pdp{display:grid;gap:24px}@media(min-width:760px){.pdp{grid-template-columns:1fr 1fr}}.pdp .imgbox{aspect-ratio:1;background:var(--mint);border-radius:18px;display:grid;place-items:center;overflow:hidden}.pdp .imgbox img{width:100%;height:100%;object-fit:contain;padding:16px}
header.nav nav{display:flex;gap:4px 14px;flex-wrap:wrap;flex:1}
header.nav nav a{text-decoration:none;color:var(--ink);padding:10px 4px;min-height:44px;display:inline-flex;align-items:center;font-size:15px}
header.nav nav a[aria-current]{color:var(--teal);font-weight:700;border-bottom:2px solid var(--teal)}
.cartbtn{margin-left:auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 22px;background:var(--teal);color:#fff;border:0;border-radius:999px;font:600 16px var(--head);text-decoration:none;cursor:pointer}
.btn.outline{background:transparent;color:var(--teal);border:1.5px solid var(--teal)}
.btn.quiet{background:var(--mint);color:var(--ink)}
.btn.small{min-height:44px;padding:8px 16px;font-size:15px}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #0a7f7a;outline-offset:2px}
main{padding:24px 0 96px}
.kick{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700;color:var(--teal);margin:0 0 8px}
.card{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:18px;margin:0 0 16px}
.card.mint{background:var(--mint);border-color:transparent}
.grid{display:grid;gap:16px}
@media(min-width:720px){.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}}
.steps{display:flex;gap:8px;list-style:none;padding:0;margin:0 0 20px;font-size:14px}
.steps li{flex:1;padding:8px 10px;border-bottom:3px solid var(--line);color:#777}
.steps li.on{border-color:var(--teal);color:var(--ink);font-weight:700}.steps li.done{border-color:var(--teal2)}
label,.lab{display:block;font-weight:700;color:var(--ink);margin:0 0 6px;font-size:15px}
input[type=text],input[type=number],input[type=tel],input[type=email],select{width:100%;min-height:44px;padding:10px 12px;font:inherit;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}
.form{display:grid;gap:16px}@media(min-width:720px){.form{grid-template-columns:1fr 1fr}.form .full{grid-column:1/-1}}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative}.chip input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.chip span{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1.5px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-weight:600}
.chip input:checked+span{background:var(--teal);color:#fff;border-color:var(--teal)}
.chip input:focus-visible+span{outline:3px solid #0a7f7a;outline-offset:2px}
.rec{display:grid;grid-template-columns:84px 1fr;gap:14px;align-items:start}
.rec img{width:84px;height:84px;object-fit:cover;border-radius:12px;background:var(--mint)}
.tag{display:inline-block;background:var(--mint);color:#0a7f7a;font-size:12px;font-weight:700;padding:2px 10px;border-radius:999px}
.note{border-radius:14px;padding:12px 14px;background:var(--mint);margin:0 0 14px;font-size:15px}
.note.warn{background:var(--warn);border:1px solid var(--warnb)}
.sample{background:var(--warn);border:1px solid var(--warnb);border-radius:6px;padding:0 6px;font-size:12px;font-weight:700;color:#7a5a00;white-space:nowrap}
table{width:100%;border-collapse:collapse;font-size:15px}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}th{font-family:var(--head);color:var(--ink)}td.n,th.n{text-align:right;white-space:nowrap}
@media(max-width:640px){table.stack thead{display:none}table.stack tr{display:block;padding:10px 0;border-bottom:1px solid var(--line)}table.stack td{display:flex;justify-content:space-between;gap:12px;border:0;padding:3px 0}table.stack td::before{content:attr(data-l);font-weight:700;color:var(--ink)}}
.tiers{display:grid;gap:10px}@media(min-width:720px){.tiers{grid-template-columns:repeat(4,1fr)}}
.tier{position:relative;border:1.5px solid var(--line);border-radius:16px;padding:14px;background:#fff;cursor:pointer;display:block}
.tier input{position:absolute;opacity:0}.tier.sel{border-color:var(--teal);box-shadow:0 0 0 2px var(--teal) inset}
.tier b{font:700 20px var(--head);color:var(--ink);display:block}.tier small{display:block;color:#666}
.bar{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);padding:10px 16px;display:flex;gap:12px;align-items:center;justify-content:space-between;z-index:5}
.bar b{font:700 20px var(--head);color:var(--ink)}
.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:13px;font-weight:700;background:var(--mint);color:#0a7f7a}
.pill.amber{background:var(--warn);color:#7a5a00}.pill.grey{background:#eee;color:#555}.pill.red{background:#fde3e0;color:#9a2a1c}
.petc{display:grid;gap:12px}.avatar{width:56px;height:56px;border-radius:50%;background:var(--teal);color:#fff;display:grid;place-items:center;font:700 24px var(--head)}
.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row.sp{justify-content:space-between}
.fine{font-size:14px;color:#666}.hide{display:none!important}
details{border-top:1px solid var(--line);padding:10px 0}summary{cursor:pointer;font-weight:700;color:var(--ink);min-height:44px;display:flex;align-items:center}
.timeline{list-style:none;padding:0;margin:0;border-left:3px solid var(--line)}.timeline li{padding:0 0 16px 16px;position:relative}.timeline li::before{content:'';position:absolute;left:-9px;top:6px;width:15px;height:15px;border-radius:50%;background:var(--teal)}
code,pre{font-family:ui-monospace,Menlo,monospace;font-size:13px}pre{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;overflow:auto;max-height:340px}
#toast{position:fixed;left:50%;bottom:84px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 18px;border-radius:12px;z-index:9;max-width:92vw}
footer{border-top:1px solid var(--line);padding:24px 16px 120px;text-align:center;font-size:14px;color:#777}
@media(prefers-reduced-motion:no-preference){.btn{transition:opacity .2s}}

body.no-notes .internal{display:none!important}
@media(max-width:640px){header.nav{gap:4px 12px}header.nav nav{order:3;flex:1 1 100%;gap:0 14px}header.nav nav a{padding:6px 2px}.chip.notes span{padding:6px 12px}}

.ph{display:grid;place-items:center;width:84px;height:84px;border-radius:12px;background:var(--mint);color:var(--teal);font:700 32px var(--head)}

/* plain calendar: weeks as rows, Monday first */
.calwrap{overflow-x:auto;margin:14px 0}
.calgrid{border-collapse:collapse;width:100%;table-layout:fixed;min-width:700px;background:#fff}
.calgrid th{font-size:12px;text-align:left;padding:6px 8px;border:1px solid var(--line);background:#f3efe4;color:#555}
.calgrid td{vertical-align:top;border:1px solid var(--line);padding:6px 8px;height:96px;font-size:12px}
.calgrid .cm{line-height:1.25;margin:0 0 4px}
.calgrid .cm b{color:var(--teal2)}
.calgrid td.blank{background:#faf8f2}
.calgrid td.delivery{background:#e6f6f4;border-color:var(--teal)}
.calgrid .cd{font-weight:700;color:#555;margin-bottom:4px}
.calgrid .cr{line-height:1.25}
.calgrid .cb{font-size:11px;font-weight:700;color:var(--teal2)}

@media print{.nav,.mock,.bar,footer,#shareWa,#savePdf,#back3c,#next3c,.steps{display:none!important}}

/* ===== Theme v2 (17 Oct 2026): primary = the logo teal; secondary = each recipe's pack colour (--pack). Structure follows the Marleybones reference. ===== */
:root{--deep:#0a4a47;--ink:#1d2b2b;--pack:#06A6A0;--radius:18px}
.announce{background:var(--teal);color:#fff;text-align:center;font-size:13px;letter-spacing:.04em;padding:8px 12px}
header.nav{position:sticky;top:0;z-index:20;max-width:none;margin:0;background:var(--paper);border-bottom:1px solid var(--line);padding:10px max(16px,calc((100% - 1160px)/2));gap:8px 20px;flex-wrap:wrap}
header.nav .logo{display:inline-flex;align-items:center;gap:10px;font:700 19px var(--head);color:var(--teal);text-decoration:none;text-transform:uppercase}
header.nav .logo img{height:34px;width:auto}
header.nav nav{flex:1;justify-content:center}
header.nav nav a{font-size:15px;padding:10px 6px}
header.nav .navcta{margin-left:auto}header.nav .cartbtn{margin-left:0}
@media(max-width:820px){header.nav nav{order:5;flex-basis:100%;justify-content:flex-start;overflow-x:auto}header.nav .navcta{display:none}header.nav .cartbtn{margin-left:auto}}
.btn{box-shadow:none}.btn.big{min-height:54px;padding:12px 30px;font-size:18px}.btn.white{background:#fff;color:var(--deep)}
.display,.hero h1,.sec>h2,.wrap>.sech{font-family:var(--head);text-transform:uppercase;letter-spacing:.01em}
/* hero: a full-width photo with the headline on it */
.hero2{position:relative;color:#fff;background:var(--deep) center/cover no-repeat;min-height:min(74vh,600px);display:grid;align-items:center}
.hero2::before{content:'';position:absolute;inset:0;background:rgba(8,56,54,.55)}
.hero2 .wrap{position:relative;padding-block:56px}
.hero2 h1{color:#fff;font-size:clamp(38px,7vw,76px);line-height:1;margin:0 0 18px;text-transform:uppercase}
.hero2 p{color:#fff;font-size:19px;max-width:34em;margin:0 0 24px}
.rating{display:inline-flex;gap:8px;align-items:center;margin-left:18px;font-size:14px;color:#fff}
/* benefit tiles in pack colours */
.benefits{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin:-34px auto 0;position:relative;z-index:2}
.benefit{background:color-mix(in srgb,var(--pack) 30%,#fff);border-radius:var(--radius);padding:20px}
.benefit h3{margin:0 0 6px}.benefit p{margin:0;font-size:15px}
/* sections */
.sec{padding:56px 0}.sec.tint{background:var(--mint)}.sec.deep{background:var(--deep);color:#fff}.sec.deep h2,.sec.deep h3{color:#fff}
.sec>.wrap>h2,.sec h2.sech{font-size:clamp(28px,4.4vw,46px);text-transform:uppercase;text-align:center;margin:0 0 10px}
.sec .lead{text-align:center;margin:0 auto 28px;max-width:40em;font-size:18px}
/* plan starter row */
.startrow{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:0 0 8px}
.startrow .btn{min-width:150px}
/* recipe cards: the pack colour is the card's secondary colour */
.pcard{border-radius:var(--radius);border:0;background:#fff;box-shadow:0 0 0 1px var(--line)}
.pcard .imgbox{background:color-mix(in srgb,var(--pack) 28%,#fff)}
.pcard h3{border-left:5px solid var(--pack);padding-left:10px}
.dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--pack);vertical-align:-1px;margin-right:6px}
.rangetabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:0 0 22px}
.rangetabs a{padding:10px 18px;border-radius:999px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 0 0 1px var(--line);font-weight:600}
.rangetabs a.active{background:var(--teal);color:#fff;box-shadow:none}
.rgrid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.rcard{display:flex;flex-direction:column;text-decoration:none;color:inherit;border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--line)}
.rcard .pic{aspect-ratio:1;background:color-mix(in srgb,var(--pack) 30%,#fff);display:grid;place-items:center}
.rcard .pic img{width:100%;height:100%;object-fit:contain;padding:10px}
.rcard .info{padding:14px 16px 16px;border-top:5px solid var(--pack)}
.rcard b{display:block;font:700 18px var(--head);color:var(--ink);margin:0 0 2px}.rcard span{display:block;font-size:14px;color:#666}
/* how it works */
.how{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));counter-reset:s}
.how .stepc{background:#fff;border-radius:var(--radius);padding:24px;box-shadow:0 0 0 1px var(--line)}
.how .stepc .n{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--pack);color:var(--ink);font:700 22px var(--head);margin:0 0 12px}
/* sample calendar on the home page */
.minical{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;max-width:640px;margin:0 auto}
.minical div{overflow-wrap:anywhere;border-radius:10px;padding:8px 6px;font-size:12px;line-height:1.25;background:color-mix(in srgb,var(--pack) 30%,#fff);border-left:4px solid var(--pack);min-height:62px}
.minical div b{display:block;font-size:11px;color:#555;margin-bottom:2px}
.minical .h{background:none;border:0;min-height:0;padding:0;text-align:center;font-weight:700;color:#666}
/* two-column feature */
.feat{display:grid;gap:28px;align-items:center}
@media(min-width:820px){.feat{grid-template-columns:1fr 1fr}}
.feat img{border-radius:var(--radius);width:100%;height:auto;object-fit:cover}
/* reviews */
.reviews{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.review{background:#fff;border-radius:var(--radius);padding:22px;box-shadow:0 0 0 1px var(--line)}
.review blockquote{margin:0 0 12px;font-size:16px}.review cite{font-style:normal;font-weight:700;color:var(--ink);font-size:14px}
/* faq */
.faq details{background:#fff;border-radius:14px;box-shadow:0 0 0 1px var(--line);margin:0 0 10px;padding:0}
.faq summary{cursor:pointer;padding:16px 18px;font:700 17px var(--head);color:var(--ink);list-style:none}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';float:right;color:var(--teal);font-size:22px;line-height:1}
.faq details[open] summary::after{content:'\2212'}.faq details p{padding:0 18px 16px;margin:0}
/* footer */
footer.foot{background:var(--deep);color:#d6ecea;padding:40px 0 110px;text-align:left;border:0;font-size:15px}
footer.foot .footgrid{display:grid;gap:24px;grid-template-columns:2fr 1fr 1fr 1.2fr}
footer.foot b{display:block;color:#fff;margin:0 0 8px;font:700 16px var(--head)}footer.foot .footlogo{font-size:20px;text-transform:uppercase}
footer.foot a{display:block;color:#d6ecea;text-decoration:none;padding:4px 0}footer.foot p{color:#d6ecea;margin:0}
footer.foot .footnote{max-width:1160px;margin:28px auto 0;padding:16px 16px 0;border-top:1px solid rgba(255,255,255,.18);text-align:center;font-size:13px}
@media(max-width:720px){footer.foot .footgrid{grid-template-columns:1fr}}
/* calendar and plan screens pick up the pack colour */
.calgrid .cm{border-left:4px solid var(--pack);padding-left:5px;background:color-mix(in srgb,var(--pack) 22%,#fff);border-radius:6px;margin:0 0 4px}
.rec{border-left:6px solid var(--pack)}
.pill.pk{background:color-mix(in srgb,var(--pack) 38%,#fff);color:var(--ink)}
@media(min-width:820px){.feat.cal{grid-template-columns:.8fr 1.5fr}}
.minical div{font-size:11.5px}

/* quiz: one question on each screen */
#qhead{display:flex;align-items:center;gap:14px;margin:8px 0 18px}#qhead .qn{font:700 14px var(--head);color:var(--teal);min-width:46px}
.qbarw{flex:1;height:8px;border-radius:99px;background:var(--mint);overflow:hidden}.qbarw i{display:block;height:100%;width:0;background:var(--teal);border-radius:99px;transition:width .25s}
#form .q{display:none;max-width:620px;margin:20px auto 0;text-align:center}#form .q.on{display:block}
#form .qt{font:700 clamp(26px,5vw,40px) var(--head);text-transform:uppercase;margin:0 0 8px}
#form .qb{margin:18px auto 0}#form .qb .chips{justify-content:center}#form .qb input[type=text],#form .qb select{max-width:420px;width:100%;margin:0 auto;font-size:18px;min-height:54px;text-align:center;border-radius:16px}
#form .qb .row{justify-content:center;gap:10px}#form .qb input[type=number]{font-size:22px;text-align:center;min-height:54px;border-radius:16px}
#form .chip span{font-size:17px;padding:14px 22px;border-radius:999px}
.qbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;gap:12px;justify-content:center;padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));background:var(--paper);border-top:1px solid var(--line)}
.qbar .btn{min-width:130px;min-height:52px}.qbar #qnext{flex:1;max-width:340px}
[hidden]{display:none!important}
#form.form{display:block}
main{min-height:62vh}

/* a little more colour: a stripe of the pack colours under the header and over the footer, and coloured start buttons */
header.nav{border-bottom:5px solid transparent;border-image:linear-gradient(90deg,#8FB14A 0 14.28%,#F2A65A 0 28.57%,#48C0A8 0 42.85%,#F2A5A8 0 57.14%,#B79BD6 0 71.42%,#F5D547 0 85.71%,#9CCDE3 0) 1}
footer.foot{border-top:5px solid transparent;border-image:linear-gradient(90deg,#8FB14A 0 14.28%,#F2A65A 0 28.57%,#48C0A8 0 42.85%,#F2A5A8 0 57.14%,#B79BD6 0 71.42%,#F5D547 0 85.71%,#9CCDE3 0) 1}
.btn.dog{background:#F2A65A;color:#1d2b2b}.btn.cat{background:#F2A5A8;color:#1d2b2b}.btn.pup{background:#B79BD6;color:#1d2b2b}
.sec.tint{background:color-mix(in srgb,var(--pack,#06A6A0) 12%,#fff)}
.rangetabs a.active{background:var(--teal)}
.kick{color:#0a7f7a}
.pcard .imgbox,.rcard .pic{background:color-mix(in srgb,var(--pack) 38%,#fff)}
.benefit{background:color-mix(in srgb,var(--pack) 42%,#fff)}

/* hero: the whole photo is always shown, never cropped */
.hero2{background:var(--deep);min-height:0}.hero2::before{display:none}
.hero2g{display:grid;gap:28px;align-items:center;padding-block:44px 64px}
@media(min-width:820px){.hero2g{grid-template-columns:1.05fr 1fr}}
.hero2i img{width:100%;height:auto;object-fit:contain;border-radius:var(--radius);background:#fff}
.rec img,.feat img{object-fit:contain}

.heroctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:6px}
.brk{flex-basis:100%;height:0}
.awards{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.award{background:color-mix(in srgb,var(--pack) 40%,#fff);border-radius:var(--radius);padding:20px;border-left:6px solid var(--pack)}
.award b{display:block;font:700 18px var(--head);color:var(--ink);margin:0 0 4px}.award span{display:block;font-size:15px}

.petpick{display:grid;gap:14px;max-width:620px;margin:18px auto}
.petbtn{display:flex;gap:14px;align-items:center;text-align:left;width:100%;cursor:pointer;text-decoration:none;color:inherit;font:inherit;border:1px solid var(--line)}
.petbtn:hover{border-color:var(--teal)}.petbtn.addnew{border-style:dashed}
.petbtn .avatar{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--mint);color:var(--teal);font:700 22px var(--head)}
header.nav .acct{font-size:14px;color:var(--ink);text-decoration:none;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 4px}

/* the fixed palette: primary teal, then nine secondary colours that every recipe, tile and stripe is taken from */
:root{--c-teal:#06A6A0;--c-lime:#8FB14A;--c-orange:#F2A65A;--c-aqua:#48C0A8;--c-pink:#F2A5A8;--c-lilac:#B79BD6;--c-sunshine:#F5D547;--c-sky:#9CCDE3;--c-tomato:#E8432F;--c-peach:#F2926A}

footer.foot .footbrand .vanilla{width:100%;max-width:300px;height:auto;border-radius:var(--radius);margin:0 0 12px;object-fit:contain;background:#fff}
@media(max-width:900px){footer.foot .footgrid{grid-template-columns:1fr 1fr}}@media(max-width:560px){footer.foot .footgrid{grid-template-columns:1fr}}

/* home: a light hero, like the product pages (Srishti, 18 Oct) */
.hero3{background:linear-gradient(180deg,#E6F4F2 0,var(--paper) 100%)}
.hero3g{display:grid;gap:28px;align-items:center;padding-block:44px 70px}
@media(min-width:820px){.hero3g{grid-template-columns:1.05fr 1fr}}
.hero3t h1{font-size:clamp(38px,6.5vw,72px);line-height:1;margin:0 0 18px;text-transform:uppercase;color:var(--ink)}
.hero3t p{font-size:19px;max-width:34em}
.hero3t .kick{color:#0a7f7a}
.hero3i img{width:100%;height:auto;object-fit:contain;border-radius:var(--radius);background:#fff}
.facts{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.fact{background:color-mix(in srgb,var(--pack) 38%,#fff);border-radius:var(--radius);padding:22px;border-left:6px solid var(--pack)}
.fact b{display:block;font:700 34px var(--head);color:var(--ink);margin:0 0 4px}.fact span{display:block;font-size:15px}
.why{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.whyc{background:color-mix(in srgb,var(--pack) 34%,#fff);border-radius:var(--radius);padding:22px;border-top:6px solid var(--pack)}
.whyc h3{margin:0 0 6px}.whyc p{margin:0;font-size:15.5px}

/* product page and cards: every pack photo sits on white inside its pack-colour frame, so they all look alike (Srishti, 18 Oct) */
.pcard .imgbox{padding:14px;aspect-ratio:auto}.pcard .imgbox img{background:#fff;border-radius:12px;width:100%;height:auto;aspect-ratio:1;object-fit:contain;padding:8px}
.rcard .pic{padding:14px}.rcard .pic img{background:#fff;border-radius:12px;padding:8px}
.pdp{display:grid;gap:28px}@media(min-width:820px){.pdp{grid-template-columns:1fr 1fr;align-items:start}}
.pdp .pimg .imgbox{background:color-mix(in srgb,var(--pack) 34%,#fff);border-radius:var(--radius);padding:18px;display:block}
.pdp .pimg .imgbox img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:14px;padding:12px}
.rangebar{display:flex;align-items:center;gap:12px}.rlogo{height:40px;width:auto}
.rword{display:inline-block;padding:6px 16px;border-radius:999px;background:var(--rc);color:#1d2b2b;font:700 15px var(--head);text-transform:uppercase;letter-spacing:.04em}
.tagline{font-size:17px;margin:0 0 12px}
.badges{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.badges span{background:color-mix(in srgb,var(--pack) 34%,#fff);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600;color:var(--ink)}
.accs{margin:16px 0}.accs details{background:#fff;border-radius:14px;box-shadow:0 0 0 1px var(--line);margin:0 0 10px}
.accs summary{cursor:pointer;padding:14px 18px;font:700 16px var(--head);color:var(--ink);list-style:none}.accs summary::-webkit-details-marker{display:none}
.accs summary::after{content:'+';float:right;color:var(--teal);font-size:22px;line-height:1}.accs details[open] summary::after{content:'\2212'}
.accs details>*:not(summary){margin:0 18px 16px}

/* calendar, redone: one week grid with every cell the same shape, a one-row-a-day list on phones, and the detail tucked away (Srishti, 18 Oct) */
.calsum{font-size:15.5px;margin:6px 0 6px}
.calgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;min-width:0;background:none;border:0}
.calgrid .ch{font:700 12px var(--head);color:#666;text-transform:uppercase;letter-spacing:.06em;padding:2px 4px}
.calgrid .cc{background:#fff;border-radius:12px;box-shadow:0 0 0 1px var(--line);padding:8px;min-height:150px;display:flex;flex-direction:column;gap:6px}
.calgrid .cc.blank{background:transparent;box-shadow:none}.calgrid .cc.delivery{box-shadow:0 0 0 2px var(--teal)}
.calgrid .cd{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;font-weight:700;color:#555}.calgrid .cb{font-size:10.5px;font-weight:700;color:#0a7f7a;text-transform:uppercase;letter-spacing:.04em}
.cm{display:grid;grid-template-columns:auto 1fr;column-gap:6px;row-gap:1px;align-items:baseline;border-left:4px solid var(--pack);background:color-mix(in srgb,var(--pack) 22%,#fff);border-radius:6px;padding:5px 6px;margin:0}
.cm .mk{grid-row:1/3;font-size:10.5px;font-weight:700;color:#555}.cm .mn{font-size:12px;font-weight:700;color:var(--ink);line-height:1.2;overflow-wrap:anywhere}.cm .mp{grid-column:2;font-size:11px;color:#555;line-height:1.2}
.callist{display:none}
@media(max-width:760px){.calgrid{display:none}.callist{display:grid;gap:10px}
.dayrow{display:grid;grid-template-columns:76px 1fr;gap:10px;background:#fff;border-radius:12px;box-shadow:0 0 0 1px var(--line);padding:10px}.dayrow.delivery{box-shadow:0 0 0 2px var(--teal)}
.dayrow .dd{display:flex;flex-direction:column;font-size:13px;color:#555}.dayrow .dd b{font:700 16px var(--head);color:var(--ink)}.dayrow .dd em{font-style:normal;font-size:11px;font-weight:700;color:#0a7f7a;text-transform:uppercase;margin-top:4px}
.dayrow .dm{display:grid;gap:6px}.dayrow .cm .mn{font-size:14px}.dayrow .cm .mp{font-size:12.5px}}
.calmore{margin-top:14px}.calmore>summary{cursor:pointer;font:700 16px var(--head);color:var(--ink)}
.cm .ms{grid-column:2;font-size:10.5px;color:#777;line-height:1.1}
.dayrow .cm .ms{font-size:12px}
@media(max-width:820px){header.nav{position:static}header.nav nav{flex-wrap:nowrap;overflow-x:auto;gap:0 14px;-webkit-overflow-scrolling:touch}header.nav nav a{white-space:nowrap;padding:8px 2px}header.nav .cartbtn{min-height:40px;padding:6px 14px}}
.rlogo{height:56px;width:auto;object-fit:contain}

/* "Meal 1", "Meal 2" read as a bold subheading above the recipe */
.cm{display:block}.cm .mk{display:block;font:700 12.5px var(--head);color:var(--ink);text-transform:none;margin:0 0 2px}
.cm .mn{display:block;font-weight:400;font-size:12px}.cm .mp,.cm .ms{display:block}
.dayrow .cm .mk{font-size:14px}.dayrow .cm .mn{font-size:14px}
/* the sample week on the home page matches the plan calendar: Meal 1, Meal 2 as bold subheadings */
.minical div b{display:block;font:700 12px var(--head);color:var(--ink);margin:0 0 1px}
.minical div b+*{font-weight:400}
@media(min-width:820px){.feat.cal{grid-template-columns:1fr}}
.feat.cal .minical{max-width:none}
.minical div{overflow-wrap:normal;word-break:normal;hyphens:manual;font-size:12.5px}
@media(max-width:700px){.minical{grid-template-columns:repeat(2,minmax(0,1fr))}.minical .h{display:none}}

/* delivery details: bigger, clearer fields */
.dform{display:grid;gap:14px;grid-template-columns:1fr 1fr}.dform .full{grid-column:1/-1}
.dform label{display:block;font:700 14px var(--head);color:var(--ink);margin:0 0 6px}
.dform input{width:100%;min-height:52px;font-size:17px;padding:10px 14px;border-radius:12px;border:1.5px solid var(--line);background:#fff}
.dform input:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 25%,transparent)}
@media(max-width:560px){.dform{grid-template-columns:1fr}}
/* room between the last buttons and the footer stripe */
main{padding-bottom:140px}footer.foot{margin-top:24px}
#sc>.row:last-child,#s3>.row:last-child{margin-bottom:40px}

.totals{width:100%;border-collapse:collapse;margin:12px 0 0;font-size:16px}.totals td{padding:8px 0;border-bottom:1px solid var(--line)}.totals .n{text-align:right}
.totals tr.tot td{font:700 19px var(--head);color:var(--ink);border-bottom:0;padding-top:12px}
.codebox{margin:14px 0 0}.codebox label{display:block;font:700 14px var(--head);margin:0 0 6px}.codebox input{min-height:48px;font-size:16px;padding:8px 12px;border-radius:12px;border:1.5px solid var(--line);flex:1;max-width:260px;text-transform:uppercase}
/* 19 Oct 2026 (Virat and Srishti's review) ------------------------------------------------------------------- */
/* footer: the top in the same light blue as the top of the page, the line at the bottom in the logo teal */
footer.foot{background:#E6F4F2;color:var(--ink)}
footer.foot b{color:var(--ink)}footer.foot a,footer.foot p{color:#2c4a48}footer.foot a:hover{color:#0a7f7a}
footer.foot .footnote{background:var(--deep);color:#d6ecea;max-width:none;margin:32px 0 0;padding:16px;border-top:0}
footer.foot{padding-bottom:0}footer.foot .footnote a{color:#fff}
/* product photos: no white square; white backgrounds melt into the pack colour, every photo the same size and centred */
.pcard .imgbox img,.rcard .pic img,.pdp .pimg .imgbox img{background:transparent!important;mix-blend-mode:multiply;border-radius:0;width:100%;height:100%;aspect-ratio:1;object-fit:contain;object-position:center;padding:6%}
.pcard .imgbox,.rcard .pic{aspect-ratio:1;padding:0;display:grid;place-items:center}
.pcard .imgbox.small img,.rcard .pic.small img,.pdp .pimg .imgbox.small img{padding:20%}
.pdesc{margin:0;font-size:14px;color:#555;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.chip.off{opacity:.55}.chip.off span{text-decoration:none}
/* hero: the photo whole, never cropped; the loved-by line */
.hero3i.tall{display:flex;justify-content:center}.hero3i.tall img{max-height:620px;width:auto;max-width:100%;border-radius:24px;box-shadow:0 18px 40px rgba(6,60,58,.16)}
.loved{display:flex;align-items:center;gap:10px;margin:18px 0 0;font:700 16px var(--head);color:var(--ink)}.loved .stars{color:#F2A65A;letter-spacing:2px;font-size:18px}
@media(max-width:819px){.heroctas+.loved{justify-content:center}}
.how.four{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
/* home sample week: bigger boxes, calendar full width under the text, space before Meal 2 */
.feat.cal{grid-template-columns:1fr!important}.feat.cal>div:first-child{text-align:center;max-width:640px;margin:0 auto}.feat.cal>div:first-child h2{text-align:center!important}
.minical{max-width:1100px;gap:10px}.minical div{font-size:14px;line-height:1.35;padding:12px 10px;min-height:120px;border-radius:12px}
.minical div b{font-size:12.5px;color:var(--ink);margin-bottom:3px}.minical div b.m2{margin-top:12px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--pack) 60%,#fff)}
.minical .h{font-size:13px;min-height:0;padding:0}
@media(max-width:700px){.minical{grid-template-columns:1fr 1fr}.minical .h{display:none}}
/* plan calendar: bigger boxes and clear space between meals */
.calgrid{gap:10px}.calgrid .cc{min-height:190px;padding:10px;gap:10px}
.calgrid .cm{padding:8px 8px 8px 9px}.calgrid .cm .mk{font-size:13px}.calgrid .cm .mn{font-size:13px;line-height:1.3}.calgrid .cm .mp,.calgrid .cm .ms{font-size:12px;line-height:1.3}
.cm+.cm{margin-top:4px}
@media(min-width:1100px){.calgrid .cc{min-height:200px}}
@media print{
  @page{size:A4 landscape;margin:10mm}
  body{background:#fff}.announce,header.nav,footer,.mock,.notes,.internal,#shareMsg,.calsum+.fine{display:none!important}
  .calgrid{display:grid!important;gap:6px}.callist{display:none!important}
  .calgrid .cc{min-height:0;break-inside:avoid;box-shadow:0 0 0 1px #9bb;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .cm{-webkit-print-color-adjust:exact;print-color-adjust:exact}.calgrid .cm .mn{font-size:12px}.calgrid .cm .mp{font-size:11px}
  details.calmore{break-before:page}details.calmore>*{display:block}
}
/* product page, laid out like the Marleybones one */
.pdp2{gap:40px;align-items:start}@media(min-width:900px){.pdp2{grid-template-columns:1.05fr 1fr}.pdp2 .pimg{position:sticky;top:90px}}
.pdp2 .ptitle{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:10px}
.pdp2 .ptitle h1{margin:0;font-size:clamp(30px,4vw,46px);line-height:1.02;text-transform:uppercase}
.pdp2 .pprice{font:700 26px var(--head);color:var(--ink);white-space:nowrap}
.pdp2 .tagline{margin:8px 0 16px;color:#555}
.pdp2 .hl{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:10px}
.pdp2 .hl li{display:flex;gap:10px;align-items:center;font-weight:700;color:#0a7f7a}
.pdp2 .hl svg{width:22px;height:22px;flex:none;fill:none;stroke:var(--pack);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:saturate(1.3) brightness(.85)}
.pdp2 .plabel{font-weight:700;margin:18px 0 8px}
.buyopts{display:grid;gap:10px;margin:18px 0 4px}
.buyopt{display:flex;gap:12px;align-items:flex-start;border:1.5px solid var(--line);border-radius:14px;padding:14px;cursor:pointer;background:#fff}
.buyopt:has(input:checked){border-color:var(--teal);background:#F0FAF9}
.buyopt input{margin-top:4px;accent-color:var(--teal)}.buyopt b{display:block}.buyopt small{display:block;color:#555;margin:2px 0 0}
.buyopt select{margin-top:8px;max-width:220px}.buyopt:not(:has(input:checked)) select{display:none}
.pdp2 .addwide{display:block;width:100%;margin:18px 0 8px;text-align:center}
.pdp2 .accs{margin-top:20px}.pdp2 .accs details{border-top:1px solid var(--line);padding:14px 0}.pdp2 .accs summary{font:700 18px var(--head);cursor:pointer}
.pdp2 ul.why{padding-left:20px;margin:10px 0}.pdp2 ul.why li{margin:0 0 6px;line-height:1.5}
/* wider calendar so whole recipe names fit; names never break inside a word */
@media(min-width:900px){.calgrid{width:min(1240px,calc(100vw - 48px));position:relative;left:50%;transform:translateX(-50%)}}
.cm .mn,.minical div span{overflow-wrap:normal;word-break:normal;hyphens:manual}
@media print{.calgrid{width:100%!important;left:0!important;transform:none!important}}
/* hero: the beagle cut out on the page's own background, and the loved-by line centred under the two buttons */
.ctaloved{display:inline-flex;flex-direction:column;align-items:center;gap:14px;max-width:100%}
.ctaloved .heroctas{margin:0}.ctaloved .loved{margin:0;justify-content:center;text-align:center}
@media(max-width:819px){.hero3t{text-align:center}.ctaloved{display:flex}}
.hero3i.cut{display:flex;justify-content:center;align-items:flex-end;position:relative}
.hero3i.cut::before{content:"";position:absolute;left:50%;bottom:6px;width:62%;height:26px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(6,60,58,.22),rgba(6,60,58,0) 70%);z-index:0}
.hero3i.cut img{position:relative;z-index:1;width:auto;max-width:100%;max-height:600px;height:auto;background:none!important;border-radius:0;box-shadow:none;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(6,60,58,.12))}
.loved{flex-wrap:wrap;justify-content:center;row-gap:4px}.loved>span:last-child{white-space:nowrap}
/* site-wide alignment (19 Oct): one section rhythm, cards in a row share edges and their controls line up at the bottom */
main{padding-bottom:56px}.sec.flush{padding-bottom:0}
.pcard{height:100%}
.pcard .pdesc{min-height:calc(3 * 1.45em)}
.pcard>.row:last-child{margin-top:auto;display:grid;grid-template-columns:1fr;gap:10px}
.pcard>.row:last-child .btn{width:100%;justify-content:center;text-align:center}
.pcard select{width:100%}
.pcard h3{min-height:2.5em;display:flex;align-items:center}
.rcard{height:100%}.rcard .info{flex:1}
.awards,.facts,.how,.benefits,.reviews{align-items:stretch}
.award,.fact,.stepc,.benefit,.review{height:100%;box-sizing:border-box}
.award b{min-height:2.4em;display:flex;align-items:flex-start}
.ranges{display:grid;gap:28px;margin-top:24px}
.ranges figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px}
.ranges img{height:clamp(110px,22vw,240px);width:auto;max-width:100%;object-fit:contain;mix-blend-mode:multiply}
.ranges figcaption{font-size:15px;color:#2c4a48;text-align:center}
/* phone: every tap target at least 44 px, no text under 14 px (DS-02 review, 19 Oct) */
.announce,.mock{font-size:14px}
.tag,.pill,.chip span,.fine,.cb,.calgrid .cb{font-size:max(14px,1em)}
@media(max-width:760px){
  header.nav nav a,footer.foot a,.acct,.cartbtn,.navcta{min-height:44px;display:inline-flex;align-items:center}
  footer.foot a{display:flex}
  .pcard h3 a,.rcard,.rangetabs a,.chip{min-height:44px}
  .pcard h3 a{display:inline-flex;align-items:center}
}
.kick,footer.foot .footnote,.buyopt small,.crumb,.crumb a{font-size:14px}
@media(max-width:760px){header.nav .logo,header.nav .cartbtn,header.nav .acct{min-height:44px;display:inline-flex;align-items:center}}
.kick a{font-size:inherit;min-height:44px;display:inline-flex;align-items:center}
/* tap targets, round 2 (DS-02 at 375 and 390 px): header links, contact links, subscribe options */
header.nav nav a{min-width:44px;justify-content:center;padding-inline:8px}
.clinks{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 0}
.clink{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1.5px solid var(--line);border-radius:999px;background:#fff;color:#0a7f7a;font-weight:600;text-decoration:none;overflow-wrap:anywhere}
.clink:hover{border-color:var(--teal)}
.buyopt{position:relative;min-height:44px}
.buyopt input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.buyopt select{position:relative;z-index:1}
.buyopt b::before{content:"";display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid #9bb;margin-right:8px;vertical-align:-2px;box-sizing:border-box}
.buyopt:has(input:checked) b::before{border:5px solid var(--teal)}
.buyopt:has(input:focus-visible){outline:3px solid #0a7f7a;outline-offset:2px}
header.nav nav a{flex:none;white-space:nowrap}
@media(max-width:820px){header.nav nav{gap:0 6px}}
@media(max-width:440px){header.nav .logo span{display:none}header.nav{gap:4px 10px}}
/* Srishti's iPad review, 19 Oct evening ----------------------------------------------------------------------- */
/* footer bar: the logo teal, not the dark green */
footer.foot .footnote{background:#06A6A0;color:#fff;font-weight:600}
footer.foot .footnote a{color:#fff}
/* four tiles: 4 across, or 2 by 2, or 1; never 3 and an orphan. Six tiles: 3, 2 or 1. */
.benefits.four,.facts.four,.how.four,.why.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.why.three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1000px){.benefits.four,.facts.four,.how.four,.why.four,.why.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.benefits.four,.facts.four,.how.four,.why.four,.why.three{grid-template-columns:minmax(0,1fr)}}
/* header on a tablet: logo and buttons on the first row, the menu on its own centred row */
@media(max-width:1100px){header.nav{flex-wrap:wrap}header.nav nav{order:5;flex:1 0 100%;justify-content:center;flex-wrap:nowrap;overflow-x:auto}header.nav .navcta{margin-left:auto}header.nav .cartbtn{margin-left:0}}
@media(max-width:820px){header.nav .cartbtn{margin-left:auto}}
/* calendar: the day list on a tablet too, the week grid only where it has room */
@media(min-width:761px) and (max-width:1000px){.calgrid{display:none!important}.callist{display:grid;gap:10px}
.dayrow{display:grid;grid-template-columns:96px 1fr;gap:10px;background:#fff;border-radius:12px;box-shadow:0 0 0 1px var(--line);padding:10px}.dayrow.delivery{box-shadow:0 0 0 2px var(--teal)}
.dayrow .dd{display:flex;flex-direction:column;font-size:13px;color:#555}.dayrow .dd b{font:700 16px var(--head);color:var(--ink)}.dayrow .dd em{font-style:normal;font-size:12px;font-weight:700;color:#0a7f7a;text-transform:uppercase;margin-top:4px}
.dayrow .dm{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.dayrow .cm .mn{font-size:14px}.dayrow .cm .mp{font-size:13px}}
@media(min-width:1001px){.callist{display:none}}
/* FAQ and accordions: the plus or minus sits at the right edge, every row lines up the same whether open or closed */
.faq summary,.accs summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;min-height:44px}
.faq summary::after,.accs summary::after{float:none;flex:none}
.faq details,.accs details{padding:0}.faq details>:not(summary){padding:0 18px 16px;margin:0}
/* recipe cards in the plan: the same thumbnail box on every card, text starts at the same place */
.rec{align-items:start}
.rec>span:first-child{display:grid;place-items:center;width:84px;height:84px;border-radius:12px;background:color-mix(in srgb,var(--pack) 16%,#fff)}
.rec>span:first-child img{width:100%;height:100%;object-fit:contain;padding:6px;background:none;border-radius:0;mix-blend-mode:multiply}
.rec>span:last-child{min-width:0}
/* pack photos: a light plate, so a teal pack on a teal card (fish, peanut butter) or a yellow one (egg, cottage cheese) stands out */
.pcard .imgbox,.rcard .pic,.pdp .pimg .imgbox{background:radial-gradient(circle at 50% 52%,#fff 0 34%,rgba(255,255,255,0) 66%),color-mix(in srgb,var(--pack) 16%,#fff)}

/* hero with a landscape photo (Srishti and Vanilla): whole photo, never cropped */
.hero3i.wide img{width:100%;height:auto;max-width:100%;border-radius:24px;box-shadow:0 18px 40px rgba(6,60,58,.16);object-fit:contain}

/* accordion content (feeding guide, full details) stays inside its box: margins included in the width, tables scroll inside if ever too wide */
.accs details>*:not(summary),.faq details>*:not(summary){box-sizing:border-box;max-width:calc(100% - 36px)}
.accs details table,.faq details table{width:calc(100% - 36px);max-width:calc(100% - 36px);display:table}
.accs details,.faq details{overflow:hidden}
table.stack{max-width:100%}
.pdp2 .accs details>*:not(summary){max-width:100%}
.pdp2 .accs details table{width:100%;max-width:100%}
.pdp2 .accs details>*:not(summary){margin:8px 0 12px}

/* Build a plan: no site footer under the quiz; the sticky Continue bar is the only thing at the bottom */
body.planpage footer.foot,body.endline footer.foot{padding:0;margin:0;height:0;min-height:0;overflow:hidden}body.planpage footer.foot>*,body.endline footer.foot>*{display:none}
body.planpage main{padding-bottom:120px}

@media(min-width:701px) and (max-width:1100px){.minical{gap:6px}.minical div{padding:10px 5px;font-size:13.5px}}
@media(min-width:701px) and (max-width:1100px){.minical div{padding:10px 4px;font-size:13px}}

.pdp2 .ptitle{min-width:0}.pdp2 .ptitle h1{min-width:0;overflow-wrap:break-word;hyphens:auto}
@media(max-width:420px){.pdp2 .ptitle h1{font-size:clamp(24px,7.4vw,32px)}}

/* home range: two across on phones so the menu is short */
@media(max-width:640px){.rgrid{grid-template-columns:1fr 1fr;gap:10px}.rgrid .rcard .info{padding:8px 10px}.rgrid .rcard .info b{font-size:14px;line-height:1.2}.rgrid .rcard .info span{font-size:12px}}

/* feeding guide tables inside the product accordion: room to breathe */
.accs details table th,.accs details table td,.faq details table th,.faq details table td{padding:12px 18px}
.accs details table{margin:6px 0 14px}
@media(max-width:640px){.accs details table.stack tr{padding:12px 18px}.accs details table.stack td{padding:6px 0}}