/* Nine product stories, native editable content, one consistent product frame. */
.hf-product .hf-product-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:4rem;align-items:center;background:#063b5c;color:#fffdf8;padding:4rem var(--hf-catalog-gutter)!important;padding-top:8rem!important}
.hf-product .hf-product-stage{position:relative;isolation:isolate;display:grid;place-items:center;width:100%;height:36rem;min-width:0}
.hf-product .hf-product-stage::before{content:'';position:absolute;inset:9% 1% 3%;background:var(--hf-accent);clip-path:polygon(5% 0,100% 6%,94% 100%,0 95%);z-index:-1}
.hf-product .hf-product-image{margin:0!important;max-width:100%;transform:rotate(-4deg);filter:drop-shadow(6px 12px 8px #00142330)}
.hf-product .hf-product-image img{display:block;width:auto;height:34rem;max-width:100%;object-fit:contain}
.hf-product .hf-product-wet .hf-product-stage{height:30rem}
.hf-product .hf-product-wet .hf-product-image img{height:28rem}
.hf-product .hf-product-hero-copy{min-width:0;margin:0!important}
.hf-product .hf-product-title{font:600 clamp(3.5rem,5.5vw,6rem)/1.03 'Barlow Condensed',sans-serif;letter-spacing:-.015em;text-transform:uppercase;color:#fffdf8;margin:1rem 0!important;padding-bottom:.7rem;border-bottom:5px solid var(--hf-accent);width:fit-content;max-width:100%}
.hf-product .hf-product-subtitle{font:italic 400 clamp(1.2rem,1.8vw,1.6rem)/1.5 'Noto Serif',serif;margin:0 0 1.5rem!important}
.hf-product .hf-product-intro{font-size:1rem;line-height:1.7;margin:0 0 1.5rem!important}
.hf-product .hf-product-fact{font-size:1.1rem;font-weight:600;line-height:1.6;margin:0 0 1rem!important}
.hf-product .hf-product-size{font:600 1.35rem/1.3 'Barlow Condensed',sans-serif;letter-spacing:.03em;margin:0 0 .6rem!important}
.hf-product .hf-product-price-inline{display:inline;margin-left:0;white-space:nowrap;font:400 .9rem/1.4 'Open Sans',sans-serif;letter-spacing:0}
.hf-product .hf-product-price-inline strong{font-weight:700}
.hf-product .hf-product-price{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .85rem;margin:0 0 .85rem!important;font-size:.95rem;line-height:1.4}
.hf-product .hf-product-price-label{display:inline-block;background:var(--hf-accent);color:#063b5c;font:600 .85rem/1 'Barlow Condensed',sans-serif;letter-spacing:.06em;padding:.45rem .55rem;text-transform:uppercase}
.hf-product .hf-product-price-item{white-space:nowrap}
.hf-product .hf-product-price-item strong{font-weight:700}
.hf-product .hf-product-price small{flex-basis:100%;font-size:.72rem;opacity:.78}
.hf-product :is(.hf-product-kind,.hf-product-clarification,.hf-product-shop-note){font-size:.875rem;line-height:1.6;margin:0 0 .6rem!important}
.hf-product .hf-product-hero .hf-shop-link{margin:1.8rem 0 .7rem!important}
.hf-product .hf-product-shop-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1.8rem 0 .7rem}
.hf-product .hf-product-hero .hf-product-shop-links .hf-shop-link{min-width:0;margin:0!important;font-size:clamp(1.2rem,1.7vw,1.55rem)!important}
.hf-product .hf-product-shop-links .hf-shop-link a{height:100%;padding-inline:1.1rem}
.hf-product .hf-product-quick-links{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:.5rem!important}
.hf-product .hf-product-quick-links p{margin:0!important;font-size:.95rem}
.hf-product :is(.hf-product-ingredients,.hf-product-data,.hf-product-feeding,.hf-product-related){padding:4.5rem var(--hf-catalog-gutter)!important;scroll-margin-top:7rem}
.hf-product .hf-product-ingredient-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem;margin-top:3rem!important}
.hf-product .hf-product-ingredient{border-top:1px solid #063b5c35;padding-top:1.5rem;min-width:0;margin:0!important}
.hf-product .hf-product-ingredient-label{display:table;width:fit-content;background:#063b5c;color:#fffdf8;font:600 .9rem/1.4 'Barlow Condensed',sans-serif;letter-spacing:.025em;text-transform:uppercase;padding:.4rem .7rem;margin:0 0 1rem!important}
.hf-product .hf-product-ingredient-title{font:600 clamp(1.8rem,2.5vw,2.5rem)/1.1 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#063b5c;margin:0 0 1.5rem!important}
.hf-product .hf-product-ingredient-copy{margin:0!important}
.hf-product .hf-product-ingredient-copy>p{font-size:1rem;line-height:1.7}
.hf-product .hf-product-ingredient-why{font-weight:600;margin:0 0 1rem!important}
.hf-product .hf-product-section-note{font-size:.9rem;line-height:1.65;margin:2rem 0 0!important;max-width:55rem}
.hf-product :is(.hf-product-data,.hf-product-feeding){display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:4rem}
.hf-product .hf-product-data{background:#edf2f4}
.hf-product :is(.hf-product-data-intro,.hf-product-feeding-intro)>p:last-child{font-size:1rem;line-height:1.65;max-width:30rem}
.hf-product .hf-product-feeding-copy{min-width:0;margin:0!important}
.hf-product .hf-product-feeding-copy>p{font-size:1rem;line-height:1.7;margin-top:1.5rem!important}
.hf-product .hf-product-feeding-copy>p:first-child{margin-top:0!important}
.hf-product .wp-block-table{overflow-x:auto;margin:0 0 1.5rem!important;max-width:100%;overscroll-behavior-inline:contain}
.hf-product .wp-block-table table{width:100%;border-collapse:collapse;font-size:.95rem;line-height:1.55;table-layout:auto}
.hf-product .wp-block-table :is(th,td){border:0;border-bottom:1px solid #063b5c25;padding:.7rem .75rem;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.hf-product .wp-block-table th{background:#063b5c;color:#fffdf8;font-weight:600}
.hf-product .wp-block-table tbody tr:nth-child(even){background:#063b5c08}
.hf-product .hf-product-detail .wp-block-heading{font:600 1.5rem/1.3 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:1.25rem 0!important;color:#063b5c}
.hf-product .hf-product-feeding .wp-block-table table{min-width:30rem}
.hf-product .hf-product-feeding .wp-block-table:not(:has(th:nth-child(4))) table{min-width:0}
.hf-product .hf-product-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem;margin:2rem 0!important}
.hf-product .hf-product-related-card{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1fr);align-items:center;gap:1.5rem;border-top:4px solid var(--hf-accent);padding-top:2rem;min-width:0;margin:0!important}
.hf-product .hf-product-related-image{margin:0!important;min-width:0}
.hf-product .hf-product-related-image a{display:block}
.hf-product .hf-product-related-image img{display:block;width:auto;height:13rem;max-width:100%;object-fit:contain;margin-inline:auto}
.hf-product .hf-product-related-title{font:600 2rem/1.1 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#063b5c;margin:0 0 1rem!important}
.hf-product .hf-product-related-copy{min-width:0;margin:0!important}
.hf-product .hf-product-related-copy>p{font-size:1rem;line-height:1.6}
.hf-product .hf-product-related-copy .hf-arrow-link a{display:inline-flex;gap:.75rem;align-items:center}
.hf-product .hf-product-related-copy .hf-arrow-link span{margin:0;flex:none}
.hf-product .hf-arrow-link a span{transform:none!important}
@media(max-width:1100px){
 .hf-product .hf-product-hero{gap:2.5rem}
 .hf-product .hf-product-stage{height:30rem}
 .hf-product .hf-product-image img{height:28rem}
 .hf-product .hf-product-wet .hf-product-stage{height:24rem}
 .hf-product .hf-product-wet .hf-product-image img{height:22rem}
 .hf-product .hf-product-ingredient-grid{gap:2rem}
 .hf-product :is(.hf-product-data,.hf-product-feeding){gap:2.5rem;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
 .hf-product .hf-product-related-grid{gap:2rem}
}
@media(max-width:900px){
 .hf-product :is(.hf-product-data,.hf-product-feeding){grid-template-columns:minmax(0,1fr);gap:1.5rem}
 .hf-product .hf-product-ingredient-grid{grid-template-columns:minmax(0,1fr)}
 .hf-product .hf-product-ingredient{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:2rem}
 .hf-product .hf-product-related-card{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:781px){
 .hf-product .hf-product-hero{grid-template-columns:minmax(0,1fr);gap:2rem;padding-block:2.5rem!important}
 .hf-product .hf-product-stage{max-width:24rem;justify-self:center;height:25rem}
 .hf-product .hf-product-image img{height:24rem}
 .hf-product .hf-product-wet .hf-product-stage{height:21rem}
 .hf-product .hf-product-wet .hf-product-image img{height:20rem}
 .hf-product .hf-product-title{font-size:clamp(2.8rem,8.5vw,4.5rem)}
 .hf-product :is(.hf-product-ingredients,.hf-product-data,.hf-product-feeding,.hf-product-related){padding-block:3rem!important}
}
@media(max-width:600px){
 .hf-product .hf-product-shop-links{grid-template-columns:minmax(0,1fr)}
 .hf-product .hf-product-ingredient{grid-template-columns:minmax(0,1fr);gap:0}
 .hf-product .hf-product-ingredient-grid{margin-top:2rem!important}
 .hf-product .hf-product-related-grid{grid-template-columns:minmax(0,1fr)}
 .hf-product .hf-product-related-card{grid-template-columns:minmax(0,.5fr) minmax(0,1fr);gap:1rem}
 .hf-product .hf-product-related-image img{height:10rem}
 .hf-product .hf-product-related-title{font-size:1.75rem}
 .hf-product .hf-product-hero .hf-shop-link a{padding:1rem}
 .hf-product .wp-block-table :is(th,td){padding:.6rem}
}
.hf-product .hf-product-ingredients{position:relative;isolation:isolate;overflow:hidden}
.hf-product .hf-product-ingredients::after{content:'';position:absolute;right:var(--hf-catalog-gutter);top:4.5rem;width:27%;max-width:25rem;aspect-ratio:560/240;background:#063b5c;opacity:.45;mask:url(anchor-pattern-dry-heading.svg) center/contain no-repeat;z-index:-1;pointer-events:none}
@media(max-width:781px){.hf-product .hf-product-ingredients::after{left:31rem;right:auto;top:3.5rem;width:20rem}}
.hf-product .wp-block-table:focus-visible{outline:2px solid #063b5c;outline-offset:4px}