.feeding-calculator-page{padding-top:24px}
.feeding-page{max-width:1180px;margin:0 auto;padding-bottom:88px;color:var(--ink)}

.feeding-page :is(h1,h2,h3,p){overflow-wrap:anywhere}
.feeding-breadcrumbs{display:flex;align-items:center;gap:9px;margin:4px 0 20px;color:var(--muted);font-size:.78rem}
.feeding-breadcrumbs a{color:inherit;text-decoration:none}

.feeding-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);min-height:360px;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:linear-gradient(120deg,#fff 0 58%,#edf5f2 58%);box-shadow:var(--shadow-soft)}
.feeding-hero__copy{display:flex;flex-direction:column;justify-content:center;padding:36px 42px}
.feeding-hero h1{max-width:650px;margin:.08em 0 .22em;font-size:clamp(2.8rem,4.2vw,3.8rem);font-weight:680;letter-spacing:-.05em;line-height:.99;color:var(--green-dark)}
.feeding-hero .lead{max-width:650px;margin:0;color:var(--muted);font-size:.98rem;line-height:1.55}
.feeding-hero__visual{display:flex;min-width:0;align-items:center;background:#edf5f2}
.feeding-hero__visual img{display:block;width:100%;height:100%;object-fit:cover}
.feeding-promises{display:flex;gap:12px;margin-top:22px}
.feeding-promises span{min-width:0;padding-left:14px;border-left:2px solid #a8d4c1}
.feeding-promises strong,.feeding-promises small{display:block}
.feeding-promises strong{font-size:.78rem}
.feeding-promises small{margin-top:3px;color:var(--muted);font-size:.68rem}

.feeding-safety{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:18px;margin-top:18px;padding:18px 21px;border:1px solid #d9e5dd;border-radius:18px;background:#f7faf8}
.feeding-safety>svg{width:28px;height:28px;justify-self:center;color:var(--green)}
.feeding-safety strong{display:block}
.feeding-safety p{margin:4px 0 0;color:var(--muted);font-size:.8rem}
.feeding-safety a{color:var(--green-dark);font-size:.78rem;font-weight:760}

.feeding-pets{margin-top:52px}
.feeding-pets>header{display:flex;align-items:end;justify-content:space-between;gap:40px}
.feeding-pets h2{margin:3px 0 0;font-size:2rem;color:var(--green-dark)}
.feeding-pets>header>p{max-width:410px;margin:0;color:var(--muted);font-size:.82rem}
.feeding-pets>div{display:flex;gap:10px;margin-top:18px;overflow-x:auto;padding:2px 2px 8px}
.feeding-pets a{display:grid;grid-template-columns:46px minmax(120px,1fr);min-width:220px;gap:2px 12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);text-decoration:none}
.feeding-pets a[aria-current=true]{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);background:var(--sage)}
.feeding-pets a>span{grid-row:1/3;display:grid;width:46px;height:46px;place-items:center;overflow:hidden;border-radius:13px;background:#edf5f0;color:var(--green)}
.feeding-pets img{width:100%;height:100%;object-fit:cover}
.feeding-pets svg{width:24px;height:24px}
.feeding-pets strong{font-size:.82rem}
.feeding-pets small{color:var(--muted);font-size:.67rem}
.feeding-pets__manual{border-style:dashed!important}

.feeding-workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start;margin-top:36px}
.feeding-workspace__main{min-width:0}
.feeding-form{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow-soft)}
.feeding-form>header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:28px 30px;border-bottom:1px solid var(--line)}
.feeding-form>header h2{margin:2px 0 0;font-size:2rem;color:var(--green-dark)}
.feeding-form>header>span{padding:7px 10px;border-radius:999px;background:var(--paper);color:var(--muted);font-size:.68rem;font-weight:700}
.feeding-form fieldset{margin:0;padding:30px;border:0;border-bottom:1px solid var(--line)}
.feeding-form legend{float:left;display:flex;width:100%;align-items:center;gap:11px;margin:0 0 10px;padding:0;font-size:1.22rem;font-weight:760;color:var(--green-dark)}
.feeding-form legend+*{clear:both}
.feeding-form legend>span{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:var(--sage);color:var(--green);font-size:.75rem}
.feeding-form fieldset>p{margin:0 0 20px;color:var(--muted);font-size:.82rem}
.feeding-field-label{margin:22px 0 8px;font-size:.78rem;font-weight:730}
.feeding-inline-help{margin:0 0 12px!important;font-size:.73rem!important}

.feeding-mode{background:#fbfcfa}
.feeding-mode>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.feeding-mode label,.feeding-choice label{position:relative;cursor:pointer}
.feeding-mode input,.feeding-choice input{position:absolute;opacity:0;pointer-events:none}
.feeding-mode label>span{position:relative;display:block;min-height:108px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}
.feeding-mode span strong,.feeding-mode span small{display:block}
.feeding-mode span small{max-width:280px;margin-top:6px;color:var(--muted);font-size:.73rem}
.feeding-mode span b{position:absolute;right:12px;top:12px;padding:5px 7px;border-radius:999px;background:var(--paper);color:var(--muted);font-size:.58rem}
.feeding-mode input:checked+span,.feeding-choice input:checked+span{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);background:var(--sage)}
.feeding-mode input:focus-visible+span,.feeding-choice input:focus-visible+span{outline:3px solid rgba(27,96,73,.22);outline-offset:2px}

.feeding-choice{display:grid;gap:10px}
.feeding-choice--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.feeding-choice--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.feeding-choice--four{grid-template-columns:repeat(4,minmax(0,1fr))}
.feeding-choice--stack{grid-template-columns:1fr}
.feeding-choice label>span{display:flex;min-height:72px;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:15px;background:#fafbf9}
.feeding-choice svg{width:31px;height:31px;color:var(--green)}
.feeding-choice span strong,.feeding-choice span small{display:block}
.feeding-choice span small{margin-top:4px;color:var(--muted);font-size:.68rem}
.feeding-choice--compact label>span{min-height:50px;padding:12px 13px}
.feeding-choice--stack label>span{display:block;min-height:0}

.feeding-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.feeding-fields--three{grid-template-columns:repeat(2,minmax(0,1fr))}
.feeding-fields>div{min-width:0}
.feeding-fields label,.feeding-product-grid label,.feeding-treats>label{display:block;margin-bottom:7px;font-size:.75rem;font-weight:720}
.feeding-fields :is(input,select),.feeding-product-grid :is(input,select),.feeding-treats input{width:100%;min-height:52px;padding:0 14px;border:1px solid #ccd8d1;border-radius:13px;background:#fff;color:var(--ink);font:inherit}
.feeding-breed-picker{position:relative}
.feeding-breed-picker.is-enhanced select{position:absolute;width:1px!important;height:1px!important;min-height:0!important;margin:-1px;padding:0!important;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.feeding-breed-picker>input[type=search]{padding-right:42px}
.feeding-breed-picker>input[type=search]::-webkit-search-cancel-button{cursor:pointer}
.feeding-breed-suggestions{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;max-height:300px;overflow-y:auto;padding:6px;border:1px solid #bdcec4;border-radius:14px;background:#fff;box-shadow:0 18px 38px rgba(23,62,47,.16)}
.feeding-breed-suggestions[hidden]{display:none}
.feeding-breed-suggestions button{display:block;width:100%;margin:0;padding:11px 12px;border:0;border-radius:9px;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.feeding-breed-suggestions button:hover,.feeding-breed-suggestions button[aria-selected=true]{background:var(--sage);color:var(--green-dark)}
.feeding-breed-suggestions button strong{font-size:.78rem}
.feeding-breed-suggestions__empty{margin:0;padding:14px 12px;color:var(--muted);font-size:.72rem}
.feeding-fields small,.feeding-treats small{display:block;margin-top:6px;color:var(--muted);font-size:.68rem}
.feeding-check{display:flex;align-items:flex-start;gap:12px;margin-top:20px;padding:15px;border:1px solid var(--line);border-radius:15px;background:#fafbf9;cursor:pointer}
.feeding-check input{width:20px;height:20px;margin-top:1px;accent-color:var(--green)}
.feeding-check span strong,.feeding-check span small{display:block}
.feeding-check span strong{font-size:.78rem}
.feeding-check span small{margin-top:4px;color:var(--muted);font-size:.69rem}
.feeding-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.feeding-product-grid section{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:17px;border:1px solid var(--line);border-radius:17px;background:#fafbf9}
.feeding-product-grid section>div{min-width:0}
.feeding-product-grid section p{margin:4px 0 15px;color:var(--muted);font-size:.7rem}
.feeding-product-grid section label:not(:first-of-type){margin-top:12px}
.feeding-product-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:var(--sage);color:var(--green)}
.feeding-product-icon svg{width:24px;height:24px}
.feeding-mix{margin-top:14px;padding:16px;border-radius:16px;background:#edf5f0}
.feeding-mix .feeding-field-label{margin-top:0}
.feeding-mix>p{margin:0 0 12px;color:var(--muted);font-size:.72rem}
.feeding-treats{max-width:350px;margin-top:20px}
.feeding-exact-only{display:none!important}
.feeding-page[data-display-mode=exact] .feeding-exact-only{display:block!important}
.feeding-error-summary{margin:22px 30px 0;padding:15px 17px;border:1px solid #e6bfb3;border-radius:14px;background:#fff2ed;color:#7d3728}
.feeding-error-summary p{margin:4px 0 0;font-size:.75rem}
.errorlist{margin:7px 0 0;padding:9px 11px;border-radius:10px;background:#fff0ec;color:#8f3828;font-size:.72rem;list-style:none}
.feeding-form>footer{display:flex;align-items:center;gap:20px;padding:25px 30px}
.feeding-precheck{display:grid;grid-template-columns:38px 1fr;gap:12px;margin:20px 30px 0;padding:15px 17px;border:1px solid #e5d5b1;border-radius:14px;background:#fff9eb;color:#5f4b22}
.feeding-precheck[hidden]{display:none}
.feeding-precheck>span{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#fff;color:#8a6213}
.feeding-precheck svg{width:21px;height:21px}
.feeding-precheck strong{font-size:.82rem}
.feeding-precheck p{margin:4px 0;color:#766844;font-size:.72rem}
.feeding-precheck ul{margin:7px 0 0;padding-left:18px;color:#766844;font-size:.7rem;line-height:1.5}
.feeding-form>footer .button{display:flex;min-width:260px;align-items:center;justify-content:space-between;gap:20px}
.feeding-form>footer .button svg{width:18px;height:18px}
.feeding-form>footer p{max-width:360px;margin:0;color:var(--muted);font-size:.69rem}

.feeding-side{position:sticky;top:88px;display:grid;gap:12px}
.feeding-side section{padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff}
.feeding-side__icon{display:grid;width:46px;height:46px;place-items:center;border-radius:13px;background:var(--sage);color:var(--green)}
.feeding-side__icon--sand{background:var(--sand)}
.feeding-side__icon svg{width:25px;height:25px}
.feeding-side h2{margin:14px 0 10px;font-size:1.05rem;color:var(--green-dark)}
.feeding-side ul{margin:0;padding-left:18px;color:var(--muted);font-size:.75rem;line-height:1.75}
.feeding-side p{margin:0;color:var(--muted);font-size:.75rem;line-height:1.55}
.feeding-side__trust{background:var(--green-dark)!important;color:#fff}
.feeding-side__trust small,.feeding-side__trust strong{display:block}
.feeding-side__trust small{color:#b8d5ca;font-size:.63rem;font-weight:750;text-transform:uppercase;letter-spacing:.09em}
.feeding-side__trust strong{margin-top:7px;font-size:.78rem;line-height:1.45}

.feeding-result{margin-top:22px;scroll-margin-top:90px;outline:none}
.feeding-result__header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:30px;border:1px solid #bad5c9;border-radius:22px;background:linear-gradient(125deg,#fff,#edf5f0)}
.feeding-result__header h2{margin:3px 0 7px;font-size:2rem;color:var(--green-dark)}
.feeding-result__header p:last-child{margin:0;color:var(--muted)}
.feeding-result__header>span{display:grid;min-width:145px;padding:18px;text-align:center;border-radius:18px;background:var(--green);color:#fff}
.feeding-result__header>span strong{font-size:2rem}
.feeding-result__header>span small{font-size:.7rem}
.feeding-result-switch{display:grid;grid-template-columns:1fr 1fr;margin-top:14px;padding:5px;border:1px solid var(--line);border-radius:18px;background:#fff}
.feeding-result-switch>input{position:absolute;opacity:0}
.feeding-result-switch>label{padding:13px;text-align:center;border-radius:13px;color:var(--muted);font-size:.78rem;font-weight:760;cursor:pointer}
.feeding-result-switch>input:checked+label{background:var(--green-dark);color:#fff}
.feeding-result-switch>input:focus-visible+label{outline:3px solid rgba(27,96,73,.22)}
.feeding-result-panel{display:none;grid-column:1/-1;padding:26px 20px 18px}
.feeding-result-switch #result-simple:checked~.feeding-result-panel--simple,.feeding-result-switch #result-exact:checked~.feeding-result-panel--exact{display:block}
.feeding-daily{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.feeding-daily>.eyebrow{grid-column:1/-1}
.feeding-daily>p:not(.eyebrow){display:flex;min-height:98px;flex-direction:column;justify-content:center;margin:0;padding:16px;border-radius:15px;background:var(--paper)}
.feeding-daily strong,.feeding-daily span{display:block}
.feeding-daily strong{font-size:1.45rem;color:var(--green-dark)}
.feeding-daily span{margin-top:5px;color:var(--muted);font-size:.7rem}
.feeding-condition-guidance{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:start;margin-top:18px;padding:18px;border:1px solid #d9e5dd;border-radius:17px;background:#f3f8f5}
.feeding-condition-guidance>span{display:grid;width:46px;height:46px;place-items:center;border-radius:13px;background:#fff;color:var(--green)}
.feeding-condition-guidance svg{width:25px;height:25px}
.feeding-condition-guidance .eyebrow{margin:0 0 4px}
.feeding-condition-guidance h3{margin:0;font-size:1rem;color:var(--green-dark)}
.feeding-condition-guidance div>p:last-child{margin:7px 0 0;color:var(--muted);font-size:.74rem;line-height:1.58}
.feeding-condition-guidance--under{border-color:#e5d5b1;background:#fff9eb}
.feeding-condition-guidance--under>span{color:#8a6213}
.feeding-condition-guidance--over{border-color:#d8dfcf;background:#f5f7ef}
.feeding-practical{margin-top:18px;padding:20px;border-radius:17px;background:#edf5f0}
.feeding-practical h3{margin:0;font-size:1rem}
.feeding-practical ol{margin:12px 0;padding-left:20px;color:var(--ink-soft);font-size:.76rem;line-height:1.65}
.feeding-practical p{margin:10px 0 0;color:var(--muted);font-size:.72rem}
.feeding-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0}
.feeding-metrics div{padding:14px;border:1px solid var(--line);border-radius:13px}
.feeding-metrics dt{color:var(--muted);font-size:.65rem}
.feeding-metrics dd{margin:5px 0 0;font-size:.82rem;font-weight:750}
.feeding-result-panel details{margin-top:15px;padding:15px;border-radius:14px;background:var(--paper)}
.feeding-result-panel summary{cursor:pointer;font-size:.78rem;font-weight:760}
.feeding-result-panel details p,.feeding-result-panel details li{font-size:.72rem;line-height:1.55;color:var(--muted)}
.feeding-memory{margin-top:14px;padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff}
.feeding-memory>header{display:flex;align-items:end;justify-content:space-between;gap:24px}
.feeding-memory>header h3{margin:3px 0 0;font-size:1.25rem;color:var(--green-dark)}
.feeding-memory>header>p{max-width:360px;margin:0;color:var(--muted);font-size:.72rem;line-height:1.5}
.feeding-memory>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
.feeding-memory__item{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fafbf9}
.feeding-memory__item>span{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:var(--sage);color:var(--green)}
.feeding-memory__item svg{width:23px;height:23px}
.feeding-memory__item h4{margin:1px 0 6px;font-size:.86rem;line-height:1.25;color:var(--green-dark)}
.feeding-memory__item p{margin:0;color:var(--muted);font-size:.71rem;line-height:1.58}
.feeding-memory__item a{display:inline-block;margin-top:8px;color:var(--green-dark);font-size:.65rem;font-weight:720}
.feeding-memory__item--red_flags{border-color:#ead0c7;background:#fff6f2}
.feeding-memory__item--red_flags>span{background:#fff;color:var(--terracotta)}
.feeding-memory__item--monitoring{background:#f3f8f5}
.feeding-stop{display:grid;grid-template-columns:58px 1fr;gap:19px;padding:27px;border:1px solid #e3c5bb;border-radius:22px;background:#fff2ed}
.feeding-stop>span{display:grid;width:58px;height:58px;place-items:center;border-radius:16px;background:#fff;color:var(--terracotta)}
.feeding-stop svg{width:29px;height:29px}
.feeding-stop h2{margin:4px 0 9px;font-size:1.75rem;color:#733d31}
.feeding-stop p{color:#745a50}
.feeding-stop ul{padding-left:20px;color:#745a50}
.feeding-stop>div>div{display:flex;gap:10px;margin-top:17px}
.feeding-stop--soft{border-color:#e8d9b8;background:#fff8e9}
.feeding-stop--soft>span{color:#8a6213}
.feeding-stop--review{grid-template-columns:46px 1fr;padding:21px 23px;border-color:#e5d5b1;background:#fff9eb}
.feeding-stop--review>span{width:46px;height:46px;color:#8a6213}
.feeding-stop--review h2{font-size:1.45rem;color:var(--green-dark)}
.feeding-stop--review p,.feeding-stop--review ul{color:#6e644e}
.feeding-sources{display:grid;grid-template-columns:.75fr 1.25fr;gap:28px;margin-top:14px;padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff}
.feeding-sources h3{margin:3px 0 7px;font-size:1.2rem;color:var(--green-dark)}
.feeding-sources>div>p:last-child{margin:0;color:var(--muted);font-size:.72rem}
.feeding-sources ol{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.feeding-sources a{display:block;padding:12px 14px;border:1px solid var(--line);border-radius:12px;color:var(--ink);text-decoration:none}
.feeding-sources strong,.feeding-sources span{display:block}
.feeding-sources strong{font-size:.72rem}
.feeding-sources span{margin-top:4px;color:var(--muted);font-size:.65rem}

@media(max-width:1024px){.feeding-hero{grid-template-columns:1fr minmax(300px,.7fr)}
.feeding-workspace{grid-template-columns:1fr}
.feeding-side{position:static;grid-template-columns:repeat(3,1fr)}
.feeding-side section{min-width:0}
.feeding-choice--four{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:700px){.feeding-calculator-page{width:min(100% - 28px,1180px);padding-top:14px}
.feeding-page{padding-bottom:62px}
.feeding-breadcrumbs{overflow:auto;white-space:nowrap}
.feeding-hero{display:block;min-height:0;border-radius:20px;background:#fff}
.feeding-hero__copy{padding:24px 20px}
.feeding-hero h1{font-size:clamp(2.45rem,12vw,3.45rem)}
.feeding-hero .lead{font-size:.92rem}
.feeding-hero__visual{height:160px}
.feeding-promises{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}
.feeding-promises span{min-width:0}
.feeding-promises span:last-child{grid-column:1/-1}
.feeding-safety{grid-template-columns:40px 1fr;padding:16px}
.feeding-safety a{grid-column:2}
.feeding-pets{margin-top:42px}
.feeding-pets>header{display:block}
.feeding-pets>header>p{margin-top:8px}
.feeding-workspace{margin-top:24px}
.feeding-form{border-radius:20px}
.feeding-form>header{padding:22px 18px}
.feeding-form>header h2{font-size:1.65rem}
.feeding-form>header>span{display:none}
.feeding-form fieldset{padding:24px 18px}
.feeding-mode>div,.feeding-choice--two,.feeding-choice--three,.feeding-choice--four,.feeding-fields,.feeding-fields--three,.feeding-product-grid{grid-template-columns:1fr}
.feeding-choice--three.feeding-choice--compact{grid-template-columns:repeat(3,minmax(0,1fr))}
.feeding-choice--three.feeding-choice--compact label>span{justify-content:center;padding:10px 4px;text-align:center}
.feeding-product-grid section{grid-template-columns:40px 1fr}
.feeding-form>footer{align-items:stretch;flex-direction:column;padding:22px 18px}
.feeding-precheck{grid-template-columns:1fr;margin:18px 18px 0}
.feeding-form>footer .button{width:100%;min-width:0}
.feeding-side{grid-template-columns:1fr}
.feeding-result__header{grid-template-columns:1fr;padding:22px 18px}
.feeding-result__header>span{min-width:0}
.feeding-result-switch{grid-template-columns:1fr 1fr}
.feeding-result-panel{padding:20px 12px 12px}
.feeding-daily,.feeding-metrics{grid-template-columns:1fr}
.feeding-memory{padding:20px 16px}
.feeding-memory>header{display:block}
.feeding-memory>header>p{margin-top:8px}
.feeding-memory>div{grid-template-columns:1fr}
.feeding-stop{grid-template-columns:1fr;padding:21px 18px}
.feeding-stop>div>div{align-items:stretch;flex-direction:column}
.feeding-sources{grid-template-columns:1fr;padding:20px 16px}
.feeding-pets a{min-width:205px}
}

@media(max-width:359px){.feeding-choice--three.feeding-choice--compact{grid-template-columns:1fr}
.feeding-result-switch>label{padding:11px 6px;font-size:.7rem}
}

@media(prefers-reduced-motion:reduce){.feeding-page *{scroll-behavior:auto!important;transition:none!important}
}
