.feed-page{--feed-line:var(--ds-line,#d7e1da);--feed-ink:var(--ds-ink,#142a22);--feed-muted:var(--ds-muted,#697a73);--feed-green:var(--ds-brand,#176045);color:var(--feed-ink)}
.feed-page *{box-sizing:border-box}
.feed-preview-notice{display:flex;flex-wrap:wrap;gap:4px 12px;margin:0 0 22px;padding:12px 16px;border:1px solid #d9c997;border-radius:12px;background:#fff9e9;color:#504027;font-size:.9rem;line-height:1.4}
.feed-preview-notice strong{white-space:nowrap}
.feed-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 28px;color:var(--feed-muted);font-size:.84rem}
.feed-breadcrumbs a,.feed-back-link a,.feed-source-link a{color:var(--feed-green)}
.feed-intro{max-width:760px;margin:0 0 38px}
.feed-intro h1{max-width:100%;margin:8px 0 16px;font-family:var(--ds-font-ui,Onest,sans-serif);font-size:clamp(2rem,5vw,3.5rem);font-weight:660;line-height:1.08;letter-spacing:-.05em;overflow-wrap:anywhere}
.feed-intro>p:not(.eyebrow):not(.feed-manufacturer):not(.feed-brand-count){margin:0;color:var(--ds-ink-soft,#40534c);font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.58}
.feed-page h2{margin:0 0 18px;font-family:var(--ds-font-ui,Onest,sans-serif);font-size:clamp(1.45rem,3vw,2.1rem);line-height:1.2;letter-spacing:-.035em}
.feed-page h3{font-family:var(--ds-font-ui,Onest,sans-serif)}
.feed-species-grid,.feed-brand-grid,.feed-formula-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.feed-species-card,.feed-brand-card,.feed-formula-card{display:flex;min-width:0;flex-direction:column;border:1px solid var(--feed-line);border-radius:var(--ds-radius-lg,18px);background:#fff;box-shadow:var(--card-shadow,0 4px 18px rgba(22,56,43,.035));color:var(--feed-ink);text-decoration:none;overflow-wrap:anywhere;transition:border-color .18s,box-shadow .18s,transform .18s}
.feed-species-card:hover,.feed-brand-card:hover,.feed-formula-card:hover{border-color:var(--ds-line-strong,#b8c9be);box-shadow:var(--ds-shadow-soft,0 14px 38px rgba(22,56,43,.07));transform:translateY(-2px)}
.feed-species-card{min-height:132px;flex-direction:row;align-items:end;justify-content:space-between;gap:16px;padding:24px;background:linear-gradient(145deg,#fff 65%,#eaf4ee)}
.feed-species-card span:first-child{font-size:clamp(1.4rem,3vw,2rem);font-weight:680;letter-spacing:-.04em}
.feed-species-card span:last-child{color:var(--feed-green);font-size:1.7rem}
.feed-brand-card{min-height:118px;justify-content:space-between;padding:20px}
.feed-brand-card strong{font-size:1.32rem;line-height:1.25}
.feed-brand-card>span{display:flex;justify-content:space-between;gap:12px;color:var(--feed-muted);font-size:.9rem}
.feed-formula-card{min-height:202px;padding:0;overflow:hidden}
.feed-formula-card__media,.feed-detail-hero__media{display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;background:#f8faf8}
.feed-formula-card__media{height:220px;border-bottom:1px solid var(--feed-line)}
.feed-formula-card__media img,.feed-detail-hero__media img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;padding:14px}
.feed-formula-card__body{display:flex;flex:1;flex-direction:column;min-width:0;padding:20px}
.feed-formula-card__no-image{max-width:14ch;color:var(--feed-muted);font-size:.88rem;line-height:1.4;text-align:center}
.feed-detail-hero__media [hidden],.feed-formula-card__media [hidden]{display:none!important}
.feed-formula-card__brand{margin-bottom:12px;color:var(--feed-green);font-size:.74rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.feed-formula-card strong{font-size:1.16rem;line-height:1.27}
.feed-formula-card__facts{margin-top:12px;color:var(--feed-muted);font-size:.9rem;line-height:1.45}
.feed-formula-card__action{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:20px;color:var(--feed-green);font-weight:670}
.feed-section,.feed-hub-search{margin-top:54px}
.feed-filter-form,.feed-hub-search form{max-width:760px}
.feed-filter-form label,.feed-hub-search label{display:block;margin-bottom:8px;font-weight:650}
.feed-search-row{display:flex;gap:10px}
.feed-search-row input{min-width:0;flex:1;width:100%;min-height:52px;padding:12px 14px;border:1px solid var(--ds-line-strong,#b8c9be);border-radius:10px;font:inherit}
.feed-search-row button,.feed-filter-actions button{min-height:52px;padding:0 22px;border:0;border-radius:10px;background:var(--feed-green);color:#fff;font:inherit;font-weight:680;cursor:pointer}
.feed-filter-details{max-width:760px;margin-top:14px;border:1px solid var(--feed-line);border-radius:14px;background:#fff}
.feed-filter-details summary{min-height:48px;padding:11px 16px;color:var(--feed-green);font-weight:660;cursor:pointer}
.feed-filter-details__body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:4px 16px 18px}
.feed-filter-details select{width:100%;min-height:50px;padding:10px;border:1px solid var(--ds-line-strong,#b8c9be);border-radius:10px;background:#fff;font:inherit}
.feed-filter-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px}
.feed-filter-actions a{color:var(--feed-green)}
.feed-empty{grid-column:1/-1;padding:24px;border:1px dashed var(--feed-line);border-radius:14px;color:var(--feed-muted)}
.feed-note{max-width:760px;margin-top:54px;padding:24px;border:1px solid var(--feed-line);border-radius:18px;background:var(--ds-surface-subtle,#f8faf8)}
.feed-note h2{font-size:1.4rem}.feed-note p{margin:0;color:var(--ds-ink-soft,#40534c)}.feed-note a{display:inline-block;margin-top:16px;color:var(--feed-green);font-weight:670}
.feed-search-result{margin-top:22px}.feed-hub-brand{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;max-width:760px;padding:14px 0;border-bottom:1px solid var(--feed-line)}.feed-hub-brand a{color:var(--feed-green)}
.feed-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:24px}.feed-pagination a{display:inline-flex;min-height:44px;align-items:center;color:var(--feed-green);font-weight:680}
.feed-detail{max-width:760px}.feed-detail>section{margin-top:40px;padding-top:34px;border-top:1px solid var(--feed-line)}.feed-detail>section p{max-width:70ch;overflow-wrap:anywhere}.feed-detail__summary{font-weight:620}.feed-preserve-lines{white-space:pre-line}.feed-metrics{margin:22px 0 0}.feed-metrics div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:14px 0;border-bottom:1px solid var(--feed-line)}.feed-metrics dt{color:var(--feed-muted)}.feed-metrics dd{margin:0;font-weight:680}.feed-packs{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}.feed-packs li{padding:8px 12px;border:1px solid var(--feed-line);border-radius:999px}.feed-source{color:var(--ds-ink-soft,#40534c)}.feed-source a{color:var(--feed-green)}.feed-source-link,.feed-back-link{margin-top:28px}
.feed-detail .feed-intro h1{font-size:clamp(1.9rem,4.5vw,3rem)}
.feed-detail-hero{display:grid;gap:20px}.feed-detail-hero .feed-intro{margin:0}.feed-detail-hero__media{height:300px;border:1px solid var(--feed-line);border-radius:18px}.feed-detail-hero__media img{max-height:300px}
.feed-packs--selectable{margin-top:18px}.feed-packs--selectable li{padding:0;overflow:hidden}.feed-packs--selectable a{display:inline-flex;min-height:48px;align-items:center;padding:8px 16px;color:var(--feed-green);font-weight:660;text-decoration:none}.feed-packs--selectable a[aria-current="true"]{background:var(--feed-green);color:#fff}.feed-pack-choice{margin-top:18px;color:var(--feed-muted)}.feed-pack-choice strong{color:var(--feed-ink)}.feed-pack-description{margin-top:12px}.feed-pack-partner-link{display:inline-flex;min-height:48px;align-items:center;margin-top:18px;padding:10px 18px;border-radius:10px;background:var(--feed-green);color:#fff;font-weight:670;text-decoration:none}
.feed-pack-image-note{margin-top:12px;color:var(--feed-muted);font-size:.9rem}
.feed-page :is(a,button,input,select,summary):focus-visible{outline:3px solid var(--ds-focus,#f0a34b);outline-offset:3px}
@media(min-width:700px){.feed-species-grid,.feed-brand-grid,.feed-formula-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feed-filter-details__body{grid-template-columns:repeat(2,minmax(0,1fr))}.feed-filter-actions{grid-column:1/-1}.feed-detail-hero{grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr);align-items:start}.feed-detail-hero__media{min-height:300px}}
@media(min-width:1024px){.feed-brand-grid,.feed-formula-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:430px){.feed-breadcrumbs{margin-bottom:22px}.feed-intro{margin-bottom:30px}.feed-species-card{min-height:112px;padding:18px}.feed-search-row{flex-direction:column}.feed-search-row button{width:100%}.feed-section,.feed-hub-search,.feed-note{margin-top:42px}.feed-brand-card{padding:18px}.feed-formula-card__body{padding:18px}}
@media(prefers-reduced-motion:reduce){.feed-species-card,.feed-brand-card,.feed-formula-card{transition:none}.feed-species-card:hover,.feed-brand-card:hover,.feed-formula-card:hover{transform:none}}

/* Product and SEO V2: content-first catalog hierarchy. */
.feed-page .feed-section--first{margin-top:0}
.feed-page .feed-intro--hub{max-width:820px}
.feed-page .feed-species-card{min-height:178px;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;background:var(--ds-surface-subtle,#f6faf7)}
.feed-page .feed-species-card strong{font-size:clamp(1.35rem,3vw,1.8rem);line-height:1.2;letter-spacing:-.035em}
.feed-page .feed-species-card>span{color:var(--feed-muted);font-size:.96rem;line-height:1.4}
.feed-page .feed-species-card .feed-species-card__count{font-size:.86rem}
.feed-page .feed-species-card .feed-species-card__action{display:flex;width:100%;justify-content:space-between;gap:12px;margin-top:auto;padding-top:8px;color:var(--feed-green);font-size:.95rem;font-weight:680}
.feed-page .feed-section-head{margin-bottom:18px}
.feed-page .feed-section-head h2{margin-bottom:8px}
.feed-page .feed-section-head p{max-width:65ch;margin:0;color:var(--feed-muted)}
.feed-page .feed-quick-nav{margin-bottom:48px}
.feed-page .feed-quick-nav h2{margin-bottom:14px}
.feed-page .feed-quick-nav__links{display:flex;flex-wrap:wrap;gap:9px}
.feed-page .feed-quick-nav__links a{display:inline-flex;min-height:44px;align-items:center;padding:9px 15px;border:1px solid var(--feed-line);border-radius:999px;background:#fff;color:var(--feed-green);font-weight:660;text-decoration:none}
.feed-page .feed-quick-nav__links a:hover{border-color:var(--ds-line-strong,#b8c9be);background:var(--ds-surface-subtle,#f8faf8)}
.feed-page .feed-quick-nav__links a[aria-current="page"]{border-color:var(--feed-green);background:var(--feed-green);color:#fff}
.feed-page .feed-note--early{margin:-14px 0 0}
.feed-page .feed-note--early+.feed-section{margin-top:42px}
.feed-page .feed-filter-reset{margin:12px 0 24px;font-size:.92rem}
.feed-page .feed-filter-reset a{color:var(--feed-green)}
.feed-page .feed-results .feed-filter-form{margin-bottom:24px}
.feed-page .feed-brand-search{margin-top:30px}
.feed-page .feed-brand-count{color:var(--feed-muted);font-size:.95rem}
.feed-page .feed-formula-card__facts{line-height:1.55}
.feed-page .feed-detail__lead{max-width:60ch;margin:0 0 20px;color:var(--ds-ink-soft,#40534c);font-size:1.05rem;line-height:1.55}
.feed-page .feed-detail-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(145px,100%),1fr));gap:8px 18px;margin:0 0 18px}
.feed-page .feed-detail-facts div{min-width:0;padding-top:10px;border-top:1px solid var(--feed-line)}
.feed-page .feed-detail-facts dt{color:var(--feed-muted);font-size:.86rem}
.feed-page .feed-detail-facts dd{margin:3px 0 0;font-weight:680;overflow-wrap:anywhere}
.feed-page .feed-detail-check{margin-top:34px;padding:21px;border-radius:16px;background:#fbf8ef}
.feed-page .feed-detail-check h2{margin-bottom:9px;font-size:1.25rem}
.feed-page .feed-detail-check p{max-width:65ch;margin:0;color:var(--ds-ink-soft,#40534c)}
.feed-page .feed-related-intro{margin-top:-6px;margin-bottom:20px;color:var(--feed-muted)}
@media(min-width:700px){.feed-page .feed-detail .feed-formula-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.feed-page .feed-species-card{min-height:150px}.feed-page .feed-quick-nav{margin-bottom:38px}.feed-page .feed-brand-search .feed-search-row{flex-direction:column}.feed-page .feed-brand-search .feed-search-row button{width:100%}}
