.kh-food-page{--kh-food-ink:#233c32;--kh-food-cream:#fffaf0;--kh-food-pink:#f4c9c3;--kh-food-lime:#dceca3;background-color:var(--kh-food-cream)}
.kh-food-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:5vw;align-items:center;padding:clamp(2rem,6vw,6rem) 6vw 5rem;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 20%,#e8edcf 0,transparent 55%),#fffaf0}
.kh-food-hero h1{font-size:clamp(3rem,6.3vw,6.8rem);line-height:1.02;letter-spacing:-.045em;margin:.4em 0;color:var(--kh-food-ink)}.kh-food-hero h1 em{font-weight:400}.kh-food-hero-copy>p:not(.kh-eyebrow){max-width:38ch;font-size:1.12rem;line-height:1.7}.kh-food-hero .kh-button{display:inline-flex;margin-top:1rem}.kh-food-scribble{display:block;font-style:italic;transform:rotate(-5deg);margin:1.7rem 0 0 6rem;color:#516347}.kh-food-hero-visual{position:relative;aspect-ratio:1;display:grid;place-items:center;isolation:isolate}.kh-food-hero-visual:before{content:'';position:absolute;inset:5%;background:var(--kh-food-pink);border-radius:44% 56% 60% 40%/55% 44% 56% 45%;transform:rotate(-9deg);z-index:-1}.kh-food-hero-image{width:85%;height:85%;object-fit:contain;clip-path:ellipse(49% 48% at 50% 50%);transition:transform .6s}.kh-food-hero-visual:hover .kh-food-hero-image{transform:rotate(3deg) scale(1.025)}.kh-food-hero-cat{position:absolute;width:28%;top:-3%;right:1%;animation:khFoodBob 6s ease-in-out infinite}.kh-food-hero-cat svg{width:100%;height:auto}.kh-food-orbit{position:absolute;left:0;bottom:9%;font-size:6rem;color:#667b40;animation:khFoodSpin 45s linear infinite}.kh-food-stamp{position:absolute;right:-1%;bottom:5%;padding:1.8rem 1.4rem;border-radius:50%;background:var(--kh-food-lime);text-align:center;transform:rotate(9deg);font-weight:700;font-size:.9rem}.kh-food-ribbon{display:flex;justify-content:space-around;gap:1.5rem;flex-wrap:wrap;padding:1.5rem 4vw;background:var(--kh-food-ink);color:#fffaf0;transform:rotate(-1deg);margin:-.8rem -1vw 2rem;position:relative}.kh-food-ribbon span{display:flex;align-items:center;gap:1rem}.kh-food-ribbon b{font-size:.8rem;border:1px solid #ffffff80;border-radius:50%;padding:.55rem}.kh-food-category-description{max-width:70ch;margin:3rem auto;padding:0 1.5rem;line-height:1.8}.kh-food-page .kh-shop-section{background:radial-gradient(ellipse at 0 20%,#f5ded5 0,transparent 40%),radial-gradient(ellipse at 100% 80%,#e8edcf 0,transparent 45%)}
.kh-food-page .kh-product-top{background:radial-gradient(ellipse at 10% 15%,#e6edcc 0,transparent 58%);border-radius:2rem}.kh-food-page .kh-product-buy{min-width:0}.kh-unit-price{display:inline-block;margin:.65rem 0 1rem;padding:.65rem 1rem;border:1px dashed #6f7a55;border-radius:1rem;background:#eff3db;font-size:.95rem;line-height:1.5;min-height:2.8rem}.kh-unit-price .amount{font-weight:750}.kh-unit-price--changed{animation:khFoodPrice .35s ease-out}.kh-food-page .variations label{font-size:1.1rem}.kh-food-page .stock.available-on-backorder{background:#fff0cf;border-radius:1rem;padding:1rem;font-size:.9rem;line-height:1.6;color:#574323}.kh-food-details{padding:5rem 3vw;position:relative}.kh-food-details>header{display:flex;position:relative;flex-direction:column;padding:0 4vw 2rem}.kh-food-details>header h2{font-size:clamp(2rem,4vw,4.4rem);line-height:1.15;max-width:21ch;margin:.4rem 0}.kh-food-details>header>span{position:absolute;right:7%;top:1rem;font-size:6rem;color:#d89a87;animation:khFoodSpin 60s linear infinite}.kh-food-detail-nav{display:flex;gap:.7rem;overflow:auto;padding:1rem 1vw 1.5rem;scroll-snap-type:x proximity}.kh-food-detail-nav a{flex:0 0 auto;scroll-snap-align:start;border:1px solid #c6ceba;border-radius:3rem;padding:.8rem 1.1rem;color:var(--kh-food-ink);text-decoration:none;background:white;transition:background .2s,transform .2s}.kh-food-detail-nav a:hover{background:var(--kh-food-lime);transform:translateY(-3px)}.kh-food-blocks{display:grid;gap:2rem}.kh-food-block{display:grid;grid-template-columns:minmax(12rem,.65fr) minmax(0,1.5fr);gap:3vw;padding:clamp(1.5rem,4vw,4rem);background:#f0eddf;border-radius:3rem 5rem 2rem 4rem;scroll-margin-top:7rem}.kh-food-block:nth-child(even){margin-left:5vw;border-radius:5rem 2rem 4rem 2rem;background:#e6edce}.kh-food-block--analysis{margin-right:5vw;background:#f5ddd6}.kh-food-block--nutrition{background:#eee7f2!important}.kh-food-block-label>span{font-size:3.5rem;font-style:italic;opacity:.35}.kh-food-block-label h3{font-size:clamp(1.3rem,2.2vw,2.1rem);line-height:1.2;overflow-wrap:anywhere;margin-top:.5rem}.kh-food-block-content{font-size:1rem;line-height:1.85;min-width:0;overflow-wrap:anywhere}.kh-food-block-content> :first-child{margin-top:0}.kh-food-block-content h2,.kh-food-block-content h3{font-size:1.35rem;line-height:1.4;margin:1.8rem 0 .6rem}.kh-food-block-content img{max-width:100%;height:auto}.kh-food-block-content table{display:block;max-width:100%;overflow:auto}.kh-food-attributes{padding:1.5rem;margin-top:1rem}.kh-food-attributes summary{cursor:pointer;font-weight:700}.kh-food-page a:focus-visible,.kh-food-page summary:focus-visible{outline:3px solid #6b8746;outline-offset:4px}
@keyframes khFoodBob{50%{transform:translateY(-12px) rotate(5deg)}}@keyframes khFoodSpin{to{transform:rotate(360deg)}}@keyframes khFoodPrice{50%{transform:scale(1.03)}}
@media(max-width:700px){.kh-food-hero{grid-template-columns:1fr;padding:2rem 6vw 3rem;gap:2rem}.kh-food-hero h1{font-size:clamp(2.8rem,12vw,4.5rem)}.kh-food-hero-visual{width:min(85%,390px);margin:auto}.kh-food-stamp{font-size:.8rem;padding:1.3rem}.kh-food-ribbon{justify-content:flex-start;gap:.8rem;padding:1.5rem 8vw}.kh-food-ribbon span{font-size:.9rem}.kh-food-details{padding:3rem 1rem}.kh-food-details>header{padding:0 0 1.5rem}.kh-food-details>header>span{font-size:3rem;right:0;top:-1.5rem}.kh-food-detail-nav{margin:0 -1rem;padding-left:1rem;padding-right:1rem}.kh-food-block,.kh-food-block:nth-child(even),.kh-food-block--analysis{grid-template-columns:1fr;margin:0;border-radius:2rem 3rem 2rem 1.5rem;gap:1rem;padding:1.5rem}.kh-food-block-label{display:flex;align-items:baseline;gap:1rem}.kh-food-block-label>span{font-size:2rem}.kh-food-block-label h3{margin:0}.kh-food-page .kh-product-top{border-radius:0}.kh-unit-price{max-width:100%}}
@media(prefers-reduced-motion:reduce){.kh-food-page *,.kh-food-page *:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.kh-food-block--nutrition .kh-food-block-label h3{font-size:clamp(1.1rem,1.65vw,1.55rem);hyphens:auto;overflow-wrap:normal}.kh-food-hero h1,.kh-food-details>header h2{font-family:Georgia,'Times New Roman',serif}
