/* Maintained site CSS. Legacy selectors without matching elements removed. */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:white;color:#231815;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
.part,.copy{position:absolute;margin:0;border:0}
.part{pointer-events:none;user-select:none}
.copy{left:0;top:0;transform-origin:0 0;font-size:16px;line-height:1;white-space:pre}
.copy span{position:absolute;display:block;line-height:1;white-space:pre}
.copy::selection,.copy span::selection{background:#edc34f88}
.hit{position:absolute;z-index:1000;display:block;background:transparent;border:0;padding:0;cursor:pointer;border-radius:8px}
.hit:focus-visible{outline:3px solid #166983;outline-offset:4px}
.hit:hover{background:#ffffff12}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.skip{position:fixed;top:-80px;left:8px;z-index:2000;background:white;padding:10px}
.skip:focus{top:8px}
.recipe-modal{padding:0;border:0;border-radius:14px;max-width:none;width:min(620px,calc(100vw - 24px));max-height:94dvh;overflow:auto;background:white}
.recipe-modal::backdrop{background:#0007}
.recipe-wrap{position:relative;overflow:hidden;height:calc(838px*var(--recipe-scale));margin:12px}
.recipe-scene{position:relative;width:583px;height:838px;transform:scale(var(--recipe-scale));transform-origin:0 0}
.close{position:sticky;float:right;top:5px;right:5px;margin:5px 5px -43px 0;z-index:2000;width:34px;height:34px;background:white;border:1px solid #bbb;border-radius:50%;font-size:24px;line-height:28px;cursor:pointer}
body.modal-open{overflow:hidden}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
}
.sp-section{display:none}
@media(max-width:767px){
.sp-section{display:block;padding:64px 24px;font-size:16px;line-height:1.95;letter-spacing:.035em;overflow-wrap:anywhere}
.sp-section>*{max-width:100%}
.sp-section p{margin:0 0 24px}
.sp-section h2,.sp-section h3,.sp-section h4{font-weight:700;line-height:1.65;margin:0 0 24px;text-wrap:pretty}
.sp-section h2{text-align:center;font-size:clamp(25px,6.7vw,36px);letter-spacing:.06em;margin-bottom:32px}
.sp-section h3{font-size:21px;margin-top:24px}
.sp-section h4{font-size:17px}
.sp-image{display:block;width:100%;height:auto;object-fit:contain;margin:24px auto}
.sp-note{font-size:12px;line-height:1.85;letter-spacing:0}
.sp-card{position:relative;background:white;border-radius:24px;padding:25px 22px;margin:28px 0}
.sp-card h3:first-child{margin-top:0}
.sp-card p:last-child{margin-bottom:0}
.sp-recipe-photo{width:min(280px,100%);margin:16px auto 26px}
.sp-ingredients{font-size:15px;letter-spacing:0;margin:20px 0}
.sp-ingredients>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:10px 0;border-bottom:1px solid #23181522}
.sp-ingredients dt{min-width:0}
.sp-ingredients dd{margin:0;text-align:right;max-width:110px}
.sp-dialog ol{padding-left:1.5em}
.sp-purchase .sp-card>p:not(.sp-price){font-size:13px;text-align:center}
.recipe-modal{width:calc(100vw - 24px);max-height:92dvh;border-radius:20px}
.recipe-wrap{display:none}
.sp-dialog{padding:44px 22px 30px;font-size:15px}
.sp-dialog h2{font-size:23px}
.sp-dialog h3{font-size:19px}
.sp-dialog .sp-card{background:#faf6df;padding:20px 16px}
.sp-dialog li{padding-left:4px;margin:14px 0}
.close{width:40px;height:40px;line-height:34px}
}
@media(min-width:600px) and (max-width:767px){
.sp-section{padding-left:64px;padding-right:64px}
}
@media(max-width:767px){
.sp-section{font-weight:400;letter-spacing:.045em}
.sp-section h2,.sp-section h3{font-weight:500}
.sp-section h2{font-size:clamp(24px,6.5vw,34px)}
.sp-section>h2{margin-top:38px}
}
@media(max-width:767px){
.sp-ratio-part:not(:last-child):after{content:"+";position:absolute;left:100%;top:40%;width:10px;text-align:center;font-size:14px}
}
@media(max-width:767px){
.sp-section{line-height:1.9;letter-spacing:.035em}
.sp-section p{margin-bottom:22px}
.sp-section>h2{margin-top:28px;margin-bottom:26px}
.sp-section h3{letter-spacing:.025em}
.sp-purchase .sp-card>p:not(.sp-price){margin-bottom:14px}
}
@media(min-width:768px){
#morning{overflow:visible}
#hero::before{content:"";position:absolute;inset:0;background-image:url("assets/0915/hero-wide.webp");background-repeat:no-repeat;background-size:max(100%,calc(2560px * var(--scale))) auto;background-position:center center}
#morning::before{content:"";position:absolute;top:0;left:0;right:0;height:calc(2150px * var(--scale));background:#f1d252 url("assets/0915/yellow-texture.webp") center/cover no-repeat}
}
.brand-header{position:sticky;top:0;z-index:2000;background:#fff;padding:24px 0 16px;box-shadow:0 4px 16px #00000012;font-family:"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;color:#707070}
.brand-header-inner{max-width:1440px;margin:auto;padding:0 80px;display:flex;justify-content:space-between;align-items:flex-start;gap:40px}
.brand-header-content{display:flex;flex-direction:column;gap:16px}
.brand-header-meta{display:flex;align-items:center;gap:40px}
.brand-header-meta p{margin:0;font-size:16px;line-height:1.6}
.brand-header-meta img{display:block;width:175px;height:18px}
.brand-header nav{display:flex;gap:32px}
.brand-header nav a{color:#707070;font-size:14px;line-height:1.6;text-decoration:none}
.brand-header-buy{display:block;flex-shrink:0;padding:8px 40px;background:#d9797b;border-radius:100px;color:white;text-decoration:none;font-size:16px;line-height:1.6}
.brand-header a:focus-visible{outline:2px solid #d9797b;outline-offset:5px}
.brand-header a:hover{opacity:.75}
@media(max-width:767px){
.brand-header{padding:16px 0 12px}
.brand-header-inner{padding:0 16px;gap:12px}
.brand-header-meta{flex-direction:column;align-items:flex-start;gap:10px}
.brand-header-meta img{width:auto;height:14px}
.brand-header-meta p{font-size:12px}
.brand-header nav{display:none}
.brand-header-buy{font-size:14px;padding:4px 20px}
}
@media(prefers-reduced-motion:no-preference){
@keyframes soup-photo-arrive{from{transform:scale(1.025)}to{transform:scale(1)}}
#hero::before{animation:soup-photo-arrive 1.8s cubic-bezier(.2,.65,.3,1) both}
.brand-header-buy{transition:translate .22s ease,box-shadow .22s ease,background-color .22s ease}
@media(hover:hover){
.brand-header-buy:hover{translate:0 -2px;background:#c76a6c;box-shadow:0 6px 16px #b55f622b;opacity:1}
}
.brand-header-buy:active{translate:0 0}
}
@media(prefers-reduced-motion:reduce){
#hero::before{animation:none}
.brand-header-buy{transition:none}
}
.figma-page{width:100%;overflow:clip}
.figma-page #vegetables{background:#fdf8e3}
.figma-page #supervisor{background:#f3d041}
.figma-page #morning{background:#edd65e url("assets/0915/yellow-texture.webp") center/cover}
@media(min-width:1441px){
.figma-page #hero{background:url("assets/figma-0918-web/312357b30867fa351f57.webp") center/cover}
}
.fg-panel{position:relative;width:100%;height:calc(var(--pc-height)*var(--pc-scale)*11/9);scroll-margin-top:110px}
.fg-pc{position:absolute;left:50%;margin-left:-720px;width:1440px;height:var(--pc-height);transform:scale(calc(var(--pc-scale)*11/9));transform-origin:50% 0}
.fg-sp,.fg-sp-transition{display:none}
.fg-layout{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.5;letter-spacing:normal;color:#231815;isolation:isolate}
.fg-layout *{box-sizing:border-box;border-width:0;border-style:solid}
.fg-layout p,.fg-layout h1,.fg-layout h2,.fg-layout h3{margin:0;padding:0;font-weight:inherit;font-size:inherit}
.fg-pc p,#purchase p{white-space:nowrap}
.fg-pc [style*="font-feature-settings"] > p{writing-mode:vertical-rl;text-orientation:mixed;line-height:1;white-space:nowrap}
#purchase .fg-sp [data-name="Paragraph"]{display:flex;align-items:center;justify-content:center;gap:5px}
#purchase .fg-sp [data-name="Paragraph"]>div{position:static!important;translate:none!important;width:auto!important}
@media(min-width:1761px){
.fg-pc>.fg-layout>img{width:calc(100vw * 9/11)!important;max-width:none;left:calc(720px - 50vw * 9/11)!important}
}
[data-node-id="16423:33329"]{display:block!important;left:275px!important;top:860.96px!important;width:125.498px;height:136px;translate:none!important}
[data-node-id="16423:33335"]{display:block!important;width:85px;height:60px}
#intro .fg-sp .fg-layout{z-index:1}
.fg-layout img{display:block;max-width:100%}
.fg-layout a,.fg-layout button{color:inherit;text-decoration:none;font:inherit;cursor:pointer}
.fg-layout button{padding:0;background:transparent}
.fg-layout a:focus-visible,.fg-layout button:focus-visible{outline:2px solid #a45155;outline-offset:3px}
.figma-page #hero::before,.figma-page #morning::before{display:none}
@media(max-width:767px){
.fg-panel{height:calc(var(--sp-height)*var(--sp-scale));scroll-margin-top:84px}
.fg-pc{display:none}
.fg-sp{display:block;position:absolute;left:50%;margin-left:-195px;width:390px;height:var(--sp-height);transform:scale(var(--sp-scale));transform-origin:50% 0}
.fg-sp-transition{display:block;position:relative;height:calc(82px*var(--sp-scale));z-index:1}
.fg-sp-brown{position:absolute;left:240px;top:500px;width:280px;height:auto;pointer-events:none}
}
.feature-capsule{display:flex;align-items:center;justify-content:center;border:1px solid #231815!important;border-radius:99px;font:500 16px/1 Arial,sans-serif;letter-spacing:1.4px;padding:0 0 1px!important;white-space:nowrap}
.web-supervisor{background:#f4d53f;position:relative;padding:32px 24px;scroll-margin-top:100px}
.web-profile{display:flex;align-items:center;gap:40px;max-width:880px;margin:auto;color:#231815}
.web-profile>img{width:136px;height:136px;object-fit:cover;object-position:50% 17%;flex:none;background:#fff}
.web-profile h2{font-size:21px;letter-spacing:.08em;margin:0 0 18px;line-height:1.7}
.web-profile small{font-size:15px}
.web-profile p{font-size:14px;line-height:1.9;margin:0;font-weight:500}
.figma-page #products{--pc-scale:var(--product-scale)}
.web-purchase{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:64px;max-width:1040px;margin:auto;padding:72px 24px 96px;scroll-margin-top:110px;text-align:center}
.purchase-card h2{font:700 28px/1.5 Arial,sans-serif;margin:0}
.purchase-card h2 span{display:block;font:700 16px/1.8 "Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;margin-top:6px}
.product-image{height:340px;display:flex;align-items:flex-end;justify-content:center;margin:32px 0}
.product-image img{display:block;height:300px;width:auto;max-width:100%}
.product-image img.small{height:265.7795px}
.product-name{font-size:16px;font-weight:600;line-height:1.8;margin:20px 0 14px}
.product-price{font:600 28px/1.5 Arial,sans-serif;margin:0}
.product-price small{font-size:14px}
.purchase-cta{display:block;max-width:300px;padding:14px 20px;margin:34px auto 0;border-radius:999px;background:#5b3e2e;color:white;text-decoration:none;font-weight:700;letter-spacing:.12em;transition:translate .35s ease,box-shadow .35s ease}
.purchase-cta:hover{box-shadow:0 8px 20px #23181520}
@media(max-width:767px){
.web-purchase{grid-template-columns:1fr;gap:44px;padding:48px 24px 64px}
.purchase-card h2{font-size:24px}
.product-image{height:240px;margin:24px 0}
.product-image img{height:230px}
.product-image img.small{height:203.7643px}
.purchase-card+article{border-top:1px solid #ddd;padding-top:40px}
.product-name{font-size:14px}
.product-price{font-size:26px}
.purchase-cta{max-width:270px}
}
.web-footer{position:relative;background:#706762;color:white;padding:30px 24px 24px;font-size:12px;line-height:1.8}
.web-footer nav{max-width:1280px;margin:auto;display:flex;justify-content:center;flex-wrap:wrap;gap:14px 26px}
.web-footer a{color:inherit;text-decoration:none}
.web-footer a:hover{text-decoration:underline;text-underline-offset:5px}
.web-footer p{text-align:center;margin:36px 0 0;font-size:11px;letter-spacing:.04em}
.web-footer a{transition:filter .25s ease,box-shadow .25s ease}
@media(max-width:767px){
.web-profile{gap:18px;align-items:flex-start}
.web-profile>img{width:82px;height:100px}
.web-profile h2{font-size:17px;letter-spacing:.02em;margin-bottom:12px}
.web-profile small{font-size:12px}
.web-profile p{font-size:12px;line-height:1.9}
.web-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.web-footer a{padding:12px 0;border-bottom:1px solid #ffffff4d}
.web-supervisor{padding:28px 20px}
}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto!important}
*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}
.brand-header-buy,.purchase-cta{background-color:#5b3e2e!important;color:#fff!important}
.brand-header-buy:hover,.purchase-cta:hover{background-color:#6d4d39!important}
.onion-art{display:flex!important;flex-direction:column;align-items:center;text-align:center;font-size:16px;color:#231815}
.onion-art>img{display:block;width:100%;height:auto}
.onion-art>strong{font-size:1em;line-height:1.25;margin-top:.8em}
.onion-quantity{display:flex;justify-content:center;align-items:center;gap:.15em;background:#f4d43f;border-radius:99px;width:100%;height:1.45em;margin-top:.3em;font-size:.86em;line-height:1;white-space:nowrap;font-weight:700}
.onion-quantity small{font-size:.68em;letter-spacing:-.03em}
.onion-art-sp{font-size:10.7px}
.editorial-art img{display:block}
.editorial-rule{transform-origin:left center}
.recipe-card-art{transition:filter .3s ease,translate .3s ease}
#vegetables:has(button[data-recipe="carrot"]:hover) .recipe-carrot,#vegetables:has(button[data-recipe="spinach"]:hover) .recipe-spinach{filter:brightness(1.06) drop-shadow(0 7px 5px #37231825);translate:0 -3px}
button[data-recipe]{cursor:pointer;transition:filter .3s ease,translate .3s ease;outline-offset:5px}
button[data-recipe]:focus-visible{outline:3px solid #5b3e2e;filter:brightness(1.05)}
button[data-recipe]:hover{translate:none}
.brand-header-meta p{color:#5b3e2e;font-size:14px;letter-spacing:.04em}
.brand-header nav{gap:28px;flex-wrap:wrap}
.brand-header nav a{color:#5b3e2e;white-space:nowrap;text-underline-offset:5px}
.brand-header nav a:hover{text-decoration:underline;opacity:1}
.brand-header a:focus-visible{outline-color:#5b3e2e}
#hero,#contents,#vegetables,#products,#books,#purchase{scroll-margin-top:125px}
@media(max-width:767px){
.brand-header{padding:14px 0 10px}
.brand-header-inner{position:relative;display:block;padding:0 16px}
.brand-header-content{gap:13px}
.brand-header-meta{gap:8px;padding-right:118px}
.brand-header-meta p{font-size:10px;letter-spacing:0;white-space:nowrap}
.brand-header-buy{position:absolute;right:16px;top:0;font-size:12px;padding:7px 14px}
.brand-header nav{display:flex;justify-content:space-between;gap:8px;flex-wrap:nowrap}
.brand-header nav a{font-size:11px;line-height:1.8}
#hero,#contents,#vegetables,#products,#books,#purchase{scroll-margin-top:115px}
}
.recipe-count-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;white-space:nowrap;text-align:center;font-size:11px;font-weight:700;line-height:1.35;color:#231815}
.recipe-count-number{display:flex;align-items:baseline;gap:3px;line-height:1}
.recipe-count-number strong{font-family:Arial,sans-serif;font-size:26px;line-height:1.1}
.recipe-count-number span{font-size:11px}
.fg-sp .recipe-count-copy{font-size:7.5px;gap:2px}
.fg-sp .recipe-count-number{gap:2px}
.fg-sp .recipe-count-number strong{font-size:18px}
.fg-sp .recipe-count-number span{font-size:7.5px}
@media(min-width:768px){
.figma-page #products{height:calc(100vw * 537.333 / 1280)}
#products>.fg-pc{position:relative;left:0;margin:0;width:100%;height:auto;transform:none}
}
#products [data-node-id="16384:13501"]{left:40px!important;font-weight:700!important}
.web-profile{max-width:700px;gap:40px}
.web-profile>img{width:136px;height:136px;object-fit:contain}
.web-profile h2{font-size:19px}
.web-profile p{font-size:14px;line-height:1.9}
@media(max-width:767px){
.web-profile{gap:18px}
.web-profile>img{width:90px;height:90px}
.web-profile h2{font-size:16px}
.web-profile p{font-size:12px}
}
#vegetables div:has(>.recipe-card-art){border-radius:12px!important;overflow:hidden;height:auto!important;aspect-ratio:582/500;box-shadow:0 4px 4px #00000040;transition:translate .3s ease,box-shadow .3s ease}
#vegetables .recipe-card-art{border-radius:12px!important;clip-path:inset(0 round 12px);object-fit:contain!important;translate:none!important}
#vegetables:has(button[data-recipe="carrot"]:hover) div:has(>.recipe-carrot),#vegetables:has(button[data-recipe="spinach"]:hover) div:has(>.recipe-spinach){translate:0 -3px;box-shadow:0 7px 8px #37231830}
#vegetables:has(button[data-recipe="carrot"]:hover) .recipe-carrot,#vegetables:has(button[data-recipe="spinach"]:hover) .recipe-spinach{filter:brightness(1.06)}
@media(prefers-reduced-motion:reduce){
#vegetables div:has(>.recipe-card-art){transition:none;translate:none!important}
}
#contents .hit:hover{background:transparent}
#contents [data-card-reveal],#contents .fg-sp a[data-name="Link"]{transition:translate .32s cubic-bezier(.2,.7,.2,1)}
#contents [data-node-id="16384:11792"]{transition:translate .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s ease}
#contents [data-node-id="16384:11792"]>img{transition:scale .45s cubic-bezier(.2,.7,.2,1);transform-origin:center}
@media(hover:hover) and (pointer:fine){
#contents:has(.fg-pc a.hit[href="#morning"]:is(:hover,:focus-visible)) [data-node-id="16384:11792"],#contents:has(.fg-pc a.hit[href="#morning"]:is(:hover,:focus-visible)) [data-node-id="16384:11783"]{translate:0 -5px}
#contents:has(.fg-pc a.hit[href="#morning"]:is(:hover,:focus-visible)) [data-node-id="16384:11792"]{box-shadow:0 8px 18px #392a181a}
#contents:has(.fg-pc a.hit[href="#morning"]:is(:hover,:focus-visible)) [data-node-id="16384:11792"]>img{scale:1.025}
}
#contents [data-node-id="16384:11849"]{transition:translate .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s ease}
#contents [data-node-id="16384:11849"]>img{transition:scale .45s cubic-bezier(.2,.7,.2,1);transform-origin:center}
@media(hover:hover) and (pointer:fine){
#contents:has(.fg-pc a.hit[href="#meal"]:is(:hover,:focus-visible)) [data-node-id="16384:11849"],#contents:has(.fg-pc a.hit[href="#meal"]:is(:hover,:focus-visible)) [data-node-id="16384:11833"]{translate:0 -5px}
#contents:has(.fg-pc a.hit[href="#meal"]:is(:hover,:focus-visible)) [data-node-id="16384:11849"]{box-shadow:0 8px 18px #392a181a}
#contents:has(.fg-pc a.hit[href="#meal"]:is(:hover,:focus-visible)) [data-node-id="16384:11849"]>img{scale:1.025}
}
#contents [data-node-id="16384:11899"]{transition:translate .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s ease}
#contents [data-node-id="16384:11899"]>img{transition:scale .45s cubic-bezier(.2,.7,.2,1);transform-origin:center}
@media(hover:hover) and (pointer:fine){
#contents:has(.fg-pc a.hit[href="#vegetables"]:is(:hover,:focus-visible)) [data-node-id="16384:11899"],#contents:has(.fg-pc a.hit[href="#vegetables"]:is(:hover,:focus-visible)) [data-node-id="16384:11870"]{translate:0 -5px}
#contents:has(.fg-pc a.hit[href="#vegetables"]:is(:hover,:focus-visible)) [data-node-id="16384:11899"]{box-shadow:0 8px 18px #392a181a}
#contents:has(.fg-pc a.hit[href="#vegetables"]:is(:hover,:focus-visible)) [data-node-id="16384:11899"]>img{scale:1.025}
}
#contents [data-node-id="16384:11744"]{transition:translate .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s ease}
#contents [data-node-id="16384:11744"]>img{transition:scale .45s cubic-bezier(.2,.7,.2,1);transform-origin:center}
@media(hover:hover) and (pointer:fine){
#contents:has(.fg-pc a.hit[href="#stock"]:is(:hover,:focus-visible)) [data-node-id="16384:11744"],#contents:has(.fg-pc a.hit[href="#stock"]:is(:hover,:focus-visible)) [data-node-id="16384:11882"]{translate:0 -5px}
#contents:has(.fg-pc a.hit[href="#stock"]:is(:hover,:focus-visible)) [data-node-id="16384:11744"]{box-shadow:0 8px 18px #392a181a}
#contents:has(.fg-pc a.hit[href="#stock"]:is(:hover,:focus-visible)) [data-node-id="16384:11744"]>img{scale:1.025}
}
@media(hover:hover) and (pointer:fine){
#contents .fg-sp a[data-name="Link"]:is(:hover,:focus-visible){translate:0 -4px}
}
@media(prefers-reduced-motion:reduce){
#contents [data-card-reveal],#contents [data-card-reveal]>img,#contents .fg-sp a[data-name="Link"]{transition:none!important;translate:none!important;scale:1!important}
}
#intro p{font-family:"Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif!important;font-weight:500}
[data-body-copy],[data-body-copy] *{font-family:"Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif!important;font-weight:400!important}
.brand-header-buy,.purchase-cta,.purchase-card a{transition:translate .35s ease,box-shadow .35s ease,background-color .35s ease}
@media(hover:hover) and (pointer:fine){
.brand-header-buy:is(:hover,:focus-visible),.purchase-cta:is(:hover,:focus-visible),.purchase-card a:is(:hover,:focus-visible){translate:0 -2px;box-shadow:0 7px 18px #38261922}
#vegetables div:has(>.recipe-card-art){transition:translate .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease}
#vegetables:has(button[data-recipe="carrot"]:is(:hover,:focus-visible)) div:has(>.recipe-carrot),#vegetables:has(button[data-recipe="spinach"]:is(:hover,:focus-visible)) div:has(>.recipe-spinach){translate:0 -4px;box-shadow:0 9px 20px #37231825}
}
@media(prefers-reduced-motion:reduce){
.brand-header-buy,.purchase-cta,.purchase-card a{transition:none!important;translate:none!important}
}

/* Recipe invitation: an intact card, responsive hover and a clear press response. */
#vegetables [data-recipe-visual]{overflow:hidden;border-radius:12px;transform-origin:50% 55%;transition:translate .32s ease,scale .32s ease,box-shadow .32s ease}
@media(hover:hover) and (pointer:fine){
#vegetables:has(button[data-recipe="carrot"]:is(:hover,:focus-visible)) [data-recipe-visual="carrot"][data-recipe-visual],#vegetables:has(button[data-recipe="spinach"]:is(:hover,:focus-visible)) [data-recipe-visual="spinach"][data-recipe-visual]{translate:0 -6px;scale:1.012;box-shadow:0 12px 24px #37231830}
}
#vegetables:has(button[data-recipe="carrot"]:active) [data-recipe-visual="carrot"][data-recipe-visual],#vegetables:has(button[data-recipe="spinach"]:active) [data-recipe-visual="spinach"][data-recipe-visual]{translate:0 1px;scale:.985;box-shadow:0 2px 5px #37231825;transition-duration:.1s}
@media(prefers-reduced-motion:reduce){#vegetables [data-recipe-visual]{transition:none!important;translate:none!important;scale:1!important}}

/* Client PDF, 2026-09-28: aligned ingredients and larger PC recipe details. */
.ingredient-leaders tr{display:flex;align-items:baseline;gap:5px}
.ingredient-leaders td:first-child{flex:1;display:flex;align-items:baseline;gap:4px}
.ingredient-leaders td:first-child::after{content:"";flex:1;min-width:8px;border-bottom:1px dotted currentColor}
.ingredient-leaders td:last-child{flex:none;text-align:right;white-space:nowrap}
.ingredient-leaders small{font-size:.75em}
.recipe-ingredients-pc,.recipe-method-pc{position:absolute;top:475px;font-family:"Yu Gothic",YuGothic,sans-serif;font-size:11.6px;line-height:1.6;color:#fffaba}
.recipe-ingredients-pc{left:58px;width:222px}.recipe-method-pc{left:301px;width:225px}
.recipe-ingredients-pc dl{margin:6px 0}.ingredient-row{display:flex;align-items:baseline;gap:4px;margin-top:3px}
.ingredient-row dt,.ingredient-row dd{margin:0;white-space:nowrap}.ingredient-row i{flex:1;border-bottom:1px dotted currentColor}
.recipe-ingredients-pc small,.recipe-method-pc small{font-size:8.6px;line-height:1.5;display:block}
.recipe-ingredients-pc p{margin:8px 0 0}.recipe-method-pc ol{margin:6px 0 8px;padding-left:17px}.recipe-method-pc li{padding-left:2px;margin-bottom:4px}

/* Mobile recipes share the approved desktop artwork; copy remains readable. */
@media(max-width:767px){
.recipe-modal .recipe-wrap{display:block;height:calc(470px * var(--recipe-scale));margin:12px 12px 0}
.recipe-modal .recipe-scene .recipe-lower{display:none}
.recipe-modal .sp-dialog{margin:0 12px 12px;padding:0 20px 24px;color:#fffaba;background:#ed7905;font-family:"Yu Gothic",YuGothic,sans-serif}
#recipe-spinach .sp-dialog{background:#00973c}
.recipe-modal .sp-dialog .recipe-ingredients-pc,.recipe-modal .sp-dialog .recipe-method-pc{position:static;width:auto;font-size:14px;line-height:1.8;color:inherit}
.recipe-modal .sp-dialog .recipe-method-pc{margin-top:22px}
.recipe-modal .sp-dialog small{font-size:11px;line-height:1.6}
.recipe-modal .sp-dialog .ingredient-row{margin-top:6px;gap:5px}
.recipe-modal .sp-dialog li{margin:8px 0}
.recipe-modal .sp-dialog .sp-card{border-radius:8px;color:#231815;margin-top:24px;padding:15px;font-size:12px;line-height:1.8}
.recipe-modal .sp-dialog .sp-card h3{font-size:15px;margin:0 0 10px;color:#c55e00}
#recipe-spinach .sp-dialog .sp-card h3{color:#00602b}
.recipe-modal .sp-dialog .sp-card .sp-note{display:none}
 .recipe-ratios{display:flex;gap:12px;justify-content:space-between;margin-top:16px;text-align:center}
.recipe-ratios>div{flex:1;position:relative}
.recipe-ratios>div+div::before{content:"›";position:absolute;left:-10px;top:14px}
.recipe-ratios i{display:block;margin:0 auto 5px;width:42px;height:42px;border-radius:50%;background:conic-gradient(var(--veg) var(--ratio),#f3d041 0)}
.recipe-ratios span,.recipe-ratios small{display:block;line-height:1.5}
.stock-sp-ingredients dl{width:100%;margin:0;font-size:14px;line-height:1.9;font-weight:400}
.stock-sp-ingredients .ingredient-row{margin:8px 0 0;gap:5px}
.stock-sp-ingredients small{font-size:11px}
.stock-sp-ingredients p{font-size:11px;line-height:1.6;margin:6px 0 10px;white-space:normal}
.stock-sp-ingredients dt small{font-size:9px}
}

@media(max-width:767px){.recipe-modal .sp-dialog .sp-card h3{font-family:"Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN",sans-serif;font-size:14px;font-weight:700}}

@media(max-width:767px){
.recipe-modal .sp-dialog .sp-card{background:#fff;padding:16px 14px 0;overflow:hidden}
.recipe-modal .sp-dialog .sp-card h3{text-align:center;color:#df541c}
.recipe-modal .sp-dialog .sp-card>p{margin:10px 0;font-size:12px;line-height:1.7}
.recipe-start strong{color:#e95723;font-size:14px}.recipe-start strong+br+strong{color:#d5ab00}
#recipe-spinach .recipe-start strong:first-child{color:#00602b}
.recipe-ratio-original{display:block;width:100%;height:auto;margin:12px 0 16px}
.recipe-modal .sp-dialog .sp-card .recipe-tip-footer{margin:0 -14px;padding:10px 14px;background:#d94b08;color:#fffaba;font-size:12px;font-weight:700;text-align:center}
#recipe-spinach .sp-dialog .sp-card .recipe-tip-footer{background:#00602b}
}

/* September 30 review: shared baselines and readable mobile notes. */
#onion-amount>strong{margin-top:1.1em}
.onion-art-sp>strong{margin-top:1em}
.seasoning-sp-review{display:grid;grid-template-columns:103px 107px;align-items:start;color:#231815;line-height:1.45}
.seasoning-choice{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:16px}
.seasoning-choice>img{width:57px;height:30px;margin-bottom:5px}
.seasoning-choice>strong{font-size:10px;line-height:1.4;text-align:center;max-width:94px}
.seasoning-choice small{display:block;font-size:8px}
.seasoning-choice>b{font-size:10px;line-height:17px;background:#f4d43f;border-radius:20px;padding:0 9px;margin-top:4px}
.seasoning-plus{position:absolute;left:-12px;top:18px;font-size:25px;font-weight:700}
.seasoning-note>p{box-sizing:border-box;width:86px;height:86px;border:1.5px dotted #231815;border-radius:50%;font-size:8px;font-weight:700;line-height:1.6;text-align:center;padding-top:15px;margin:0 auto 6px}
.seasoning-note>span{display:block;font-size:8px;text-align:center;line-height:1.4}
.seasoning-note strong{font-size:10px}
.stock-cautions-review h3{display:table;margin:0 0 16px -19px;padding:4px 15px;background:#f4d43f;font-size:13px;font-weight:700;line-height:1.4}
.stock-cautions-review section+section{margin-top:16px}
.stock-cautions-review h4{position:relative;font-size:11px;line-height:1.6;margin:0 0 5px;padding-left:18px;font-weight:700;text-decoration:underline;text-decoration-color:#f4d43f;text-underline-offset:3px}
.stock-cautions-review h4:before{content:'!';position:absolute;left:0;top:1px;width:14px;height:14px;border:1px solid;border-radius:50%;line-height:14px;text-align:center;font-weight:400}
.stock-cautions-review p{font-size:9.5px;line-height:1.7;margin:0 0 0 18px;font-weight:400;letter-spacing:0}