
.main-page-title{margin:0}
.hy-pagehero{background:var(--f,#aae8bb);color:var(--fd,#0e4636)}
.hy-pagehero__in{display:grid;gap:2rem 4.8rem;align-items:stretch;padding-top:2rem;padding-bottom:3.6rem}
@media screen and (min-width:700px){.hy-pagehero__in--split{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}}
.hy-pagehero__text{display:grid;gap:1.4rem;min-width:0;align-content:center}
.hy-pagehero__text p{margin:0;font-size:1.9rem;font-weight:500}
.hy-pagehero h1{color:inherit}
.hy-pagehero__fig{margin:0;line-height:0;max-width:52rem;display:flex;align-items:center}
.hy-pagehero__fig img{display:block;width:100%;height:auto;border-radius:3.2rem}
.hy-cols{display:grid;gap:2rem 4.8rem;align-items:stretch}
@media screen and (min-width:900px){.hy-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hy-cols--73{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}
.hy-cols>*{min-width:0}
.hy-prose{display:grid;gap:1.4rem;align-content:center}
.hy-prose p{margin:0;font-size:1.8rem;line-height:1.6}
.hy-prose h2{margin-bottom:.4rem}
.hy-prose a{text-decoration:underline;text-underline-offset:.3rem}
.hy-names{display:flex;flex-wrap:wrap;gap:1.2rem;margin:0;padding:0;list-style:none}
.hy-names li{flex:1 1 30rem;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.4rem 1.8rem;align-items:center;padding:1.8rem 2.2rem;border-radius:2.4rem;background:#fff;color:#12332b}
.hy-names b{font-family:var(--hy-head);font-weight:400;font-size:2.6rem;line-height:1.1;color:#0e4636;white-space:nowrap}
.hy-names span{font-size:1.6rem}
.hy-themes{display:flex;flex-wrap:wrap;gap:1.6rem;margin:0;padding:0;list-style:none}
.hy-themes li{flex:1 1 24rem;min-width:0;display:grid;gap:.6rem;align-content:start;padding:2.2rem 2.4rem;border-radius:2.8rem;background:#fff;color:#12332b}
.hy-themes b{font-family:var(--hy-head);font-weight:400;font-size:2rem;line-height:1.2;color:#0e4636}
.hy-themes p{margin:0;font-size:1.6rem}
.hy-flavjump{display:flex;flex-wrap:wrap;gap:.8rem;margin:0 0 2.4rem;padding:0;list-style:none}
.hy-flavjump a{display:inline-flex;align-items:center;gap:.7rem;min-height:4.4rem;padding:0 1.6rem;border-radius:4rem;background:var(--fs);color:var(--fd);font-weight:800;font-size:1.5rem;text-decoration:none}
.hy-flavjump a i{width:1.4rem;height:1.4rem;border-radius:50%;background:var(--fp)}
.hy-revgroup{display:grid;gap:2rem;padding:3.2rem 0;border-top:.2rem solid rgba(18,51,43,.16)}
.hy-revgroup:first-of-type{border-top:0;padding-top:0}
.hy-revgroup__head{display:flex;flex-wrap:wrap;gap:1rem 2.4rem;align-items:center;justify-content:space-between}
.hy-revgroup__head h2{font-size:clamp(2.4rem,2.6vw,3.2rem)}
/* панель питания: строки этикетки */
.hy-panel{border-radius:2.4rem;background:#fff;color:#12332b;padding:2rem 2.4rem;display:grid;gap:0}
.hy-panel h3{font-family:var(--hy-head);font-weight:400;font-size:2.6rem;padding-bottom:.8rem;border-bottom:.8rem solid #12332b}
.hy-panel dl{margin:0;display:grid}
.hy-panel dl>div{display:flex;justify-content:space-between;gap:1.6rem;padding:.7rem 0;border-bottom:.1rem solid rgba(18,51,43,.16);font-size:1.6rem}
.hy-panel dl>div:last-child{border-bottom:0}
.hy-panel dt{font-weight:700}
.hy-panel dd{margin:0;font-variant-numeric:tabular-nums;text-align:right}
.hy-panel dl>div.is-big{font-size:2.2rem;font-weight:800;border-bottom:.4rem solid #12332b}
.hy-panel p{margin:1rem 0 0;font-size:1.4rem}
.hy-disclaim{margin:0;padding:1.8rem 2.2rem;border-radius:2.4rem;background:#0e4636;color:#fff9ec;font-size:1.6rem}
/* подбор вкуса */
.hy-finder{display:grid;gap:2.4rem}
.hy-finder fieldset{border:0;margin:0;padding:2.4rem 2.6rem;border-radius:2.8rem;background:#fff;color:#12332b;min-width:0}
.hy-finder legend{float:left;width:100%;padding:0;margin:0 0 1.4rem;font-family:var(--hy-head);font-size:2.2rem;line-height:1.2}
.hy-finder__opts{clear:both;display:flex;flex-wrap:wrap;gap:.8rem}
.hy-finder__opts input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.hy-finder__opts label{display:inline-flex;align-items:center;min-height:4.8rem;padding:0 1.8rem;border-radius:4rem;box-shadow:inset 0 0 0 .2rem #0e4636;color:#0e4636;font-weight:800;font-size:1.6rem;cursor:pointer}
.hy-finder__opts input:checked+label{background:#0e4636;color:#fff}
.hy-finder__opts input:focus-visible+label{outline:.3rem solid #c8254a;outline-offset:.2rem}
.hy-finder__out{display:grid;gap:1.6rem;padding:2.6rem;border-radius:3.2rem;background:#0e4636;color:#fff9ec}
.hy-finder__out h2{color:#fff9ec}
.hy-finder__out p{margin:0}
.hy-finder__out .hy-flavs>li{flex-basis:100%}
/* дороги к ответам, контакты, правовые */
.hy-roads{display:flex;flex-wrap:wrap;gap:1.2rem;margin:0;padding:0;list-style:none}
.hy-roads li{flex:1 1 30rem;min-width:0;display:flex}
.hy-roads a{flex:1;display:grid;gap:.4rem;padding:2rem 2.2rem;border-radius:2.4rem;background:#fff;color:#12332b;text-decoration:none}
.hy-roads b{font-size:1.8rem;line-height:1.25}
.hy-roads span{font-size:1.5rem}
.hy-roads a:hover b{text-decoration:underline;text-underline-offset:.3rem}
.hy-contact{display:flex;flex-wrap:wrap;gap:1.6rem;margin:0;padding:0;list-style:none}
.hy-contact li{flex:1 1 30rem;min-width:0;display:grid;gap:.8rem;align-content:start;padding:2.4rem 2.6rem;border-radius:2.8rem;background:#fff;color:#12332b}
.hy-contact b{font-family:var(--hy-head);font-weight:400;font-size:2.2rem;color:#0e4636}
.hy-contact p{margin:0}
.hy-contact a{font-weight:800;text-decoration:underline;text-underline-offset:.3rem;white-space:nowrap}
.hy-legal{display:grid;gap:2.8rem}
@media screen and (min-width:900px){.hy-legal{grid-template-columns:repeat(2,minmax(0,1fr));gap:3.2rem 5.6rem}}
.hy-legal section{min-width:0;display:grid;gap:1rem;align-content:start}
.hy-legal h2{font-size:2.4rem}
.hy-legal p{margin:0}
.hy-legal a{text-decoration:underline;text-underline-offset:.3rem}
.hy-404{display:grid;gap:2rem;justify-items:start}
.hy-404__n{font-family:var(--hy-head);font-size:clamp(9rem,18vw,18rem);line-height:.9;color:#0e4636;display:flex;align-items:center;gap:.04em}
.hy-404__n .icon{width:1.3em;height:.65em;color:#2fb24a}
.hy-search{display:grid;gap:1.6rem;margin-bottom:2.4rem}
.hy-search .field{display:flex;align-items:center;gap:1rem;padding:0 2rem;border-radius:4rem;background:#fff;box-shadow:inset 0 0 0 .2rem #0e4636;min-height:5.6rem}
.hy-search input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:1.8rem;color:#12332b;outline:none}
.hy-search p{margin:0;font-weight:700}
.hy-hits{display:grid;gap:1.2rem;margin:0;padding:0;list-style:none}
.hy-hits a{display:grid;gap:.3rem;padding:1.8rem 2.2rem;border-radius:2.4rem;background:#fff;color:#12332b;text-decoration:none}
.hy-hits b{font-size:1.8rem}
.hy-hits span{font-size:1.5rem}
.hy-hits small{font-size:1.3rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#17604a}
