.hero{position:relative;isolation:isolate;overflow:hidden;min-height:280px;padding:32px 24px;border-radius:0 0 28px 28px;background:#fae4e8}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff4e9 0%,#fff4e9ed 35%,#fff4e91a 100%),url('/assets/biscoff.webp') right center/cover no-repeat}.hero h1{font-size:42px;line-height:1.02;max-width:250px}.hero p{max-width:245px;color:#64443e;font-size:14px}.hero-badge{display:inline-block;margin-top:6px;background:#fffaf5e8;border:1px solid #ebddd5;border-radius:20px;padding:8px 11px;font-size:10px;letter-spacing:.3px;font-weight:750}.item{margin:12px 0;padding:14px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 3px 14px #4c302b06;gap:12px}.pic{width:76px;height:84px;border-radius:14px}.photo-item{display:grid;grid-template-columns:104px minmax(0,1fr) 36px;align-items:start}.photo-item .pic{width:104px;height:128px}.food-photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:14px}.details strong{font-size:15px;line-height:1.35}.details p{font-size:12px;margin:6px 0}.meta{gap:5px;flex-wrap:wrap;font-size:11px}.stock{line-height:1.45;max-width:100%}.tools{max-width:36px;gap:10px;justify-content:center}.add{width:36px;height:36px;padding:0;border-radius:50%;background:#4c302b;color:#fff;box-shadow:0 3px 9px #4c302b1a}.fave{margin:0;width:36px;height:32px}.recipe-photo{width:100%;height:250px;border-radius:16px;overflow:hidden}.recipe-photo img{width:100%;height:100%;object-fit:cover;display:block}.bottom button{min-width:50px;min-height:45px}.toggle{padding:8px 0;font-size:12px}.toggle input{width:18px;height:18px}.primary{background:#4c302b}.category{margin-top:18px}@media(max-width:370px){.photo-item{grid-template-columns:84px minmax(0,1fr) 32px;padding:10px;gap:9px}.photo-item .pic{width:84px;height:118px}.tools{max-width:32px}.add,.fave{width:32px}.hero h1{font-size:37px}.hero p{max-width:210px}}@media(min-width:600px){.hero:before{background:linear-gradient(90deg,#fff4e9 0%,#fff4e9f0 34%,#fff4e900 80%),url('/assets/biscoff.webp') right 45%/cover no-repeat}.hero h1{font-size:48px}.photo-item{grid-template-columns:130px minmax(0,1fr) 40px}.photo-item .pic{width:130px;height:126px}}