/* Главная 2026: органичные контуры + строгая коммерческая сетка. */
:root{--home-soft:#fffaf0;--home-line:#d9d2c3;--home-lime:#d8ff38;--home-orange:#ff5a2b}
html,body{max-width:100%;overflow-x:clip}
body{background-color:#fbf7ed;background-image:radial-gradient(rgba(21,19,15,.045) .75px,transparent .75px);background-size:5px 5px}
.wrap{max-width:1440px;padding-left:clamp(20px,4.8vw,56px);padding-right:clamp(20px,4.8vw,56px)}
header{background:rgba(251,247,237,.94)}
header nav{min-height:62px;padding-top:10px;padding-bottom:10px}
.nav-links{gap:clamp(12px,1.8vw,25px);font-size:10px;letter-spacing:.055em}
.cart-btn{background:transparent}
.btn{min-height:50px;border-radius:9px;text-transform:uppercase;letter-spacing:.045em;font-size:11px;padding:14px 24px}

/* Первый экран */
.hero.hero-v2{min-height:650px;padding:72px 0 58px;grid-template-columns:minmax(360px,.84fr) minmax(0,1.16fr);gap:0;align-items:center}
.hero-v2 h1{font-size:clamp(56px,6.75vw,86px);margin:35px 0 28px;max-width:690px;line-height:.98}
.hero-v2 h1 .hl{padding:0 9px 5px;line-height:.88;transform:rotate(-.45deg)}
.hero-v2 .hero-copy{font-size:18px;line-height:1.6;max-width:460px;margin-bottom:46px;color:#25221d}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.hero-proof{display:flex;align-items:stretch;gap:0;margin-top:56px;max-width:520px}
.hero-proof span{display:flex;align-items:center;gap:10px;padding:0 18px;border-left:1px dotted #9c9586;font-size:10px;font-weight:800;line-height:1.3;text-transform:uppercase;letter-spacing:.035em}
.hero-proof span:first-child{border-left:0;padding-left:0}
.hero-proof i{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:0;font-style:normal;flex:0 0 auto}
.hero-proof svg{width:29px;height:29px;fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.hero-showcase{position:relative;height:500px;margin-left:-3%;isolation:isolate}
.hero-showcase::before{content:"";position:absolute;z-index:-3;left:1%;right:-4%;top:34%;bottom:0;background:var(--home-lime);border-radius:45% 55% 51% 49%/56% 44% 58% 42%;transform:rotate(-3.2deg)}
.hero-showcase::after{content:"";position:absolute;z-index:1;left:5%;right:-1%;top:31%;bottom:3%;border:2px solid var(--ink);border-radius:53% 47% 55% 45%/46% 56% 44% 54%;transform:rotate(1.5deg);pointer-events:none}
.hero-food{position:absolute;z-index:0;left:2%;right:-3%;bottom:2%;height:285px;border-radius:48% 52% 50% 50%/44% 47% 53% 56%;overflow:hidden;background:#fbf7ed}
.hero-food img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:saturate(.94) brightness(1.01)}
.hero-pack{position:absolute;z-index:2;filter:drop-shadow(0 20px 15px rgba(36,28,10,.15));object-fit:contain}
.hero-pack.hleb{width:28%;height:63%;left:24%;top:4%}
.hero-pack.sirop{width:21%;height:61%;left:48%;top:14%;z-index:3}
.hero-pack.maffin{width:28%;height:62%;right:4%;top:8%}
.hero-showcase-approved{display:flex;align-items:center;justify-content:center;height:500px;margin-left:-3%;overflow:visible}
.hero-showcase-approved::before,.hero-showcase-approved::after{display:none}
.hero-approved-art{display:block;width:112%;max-width:none;height:100%;object-fit:contain;filter:none}
.hero-mobile-art{display:none}
.hero-wave{height:94px;position:relative;overflow:hidden;margin-top:-28px}
.hero-wave::before,.hero-wave::after{content:"";position:absolute;left:-3%;width:106%;height:100px;border-top:2px solid var(--ink);border-radius:50%;transform:rotate(-1deg)}
.hero-wave::before{top:52px;background:var(--home-lime)}
.hero-wave::after{top:61px;background:#fbf7ed}
.ticker{display:none}

/* Каталог */
section{padding-top:92px;padding-bottom:92px}
.sec-head{margin-bottom:42px}
.sec-head h2{font-size:clamp(40px,4.4vw,62px)}
#hits{padding-top:38px}
#hits .sec-head{justify-content:center;text-align:center}
#hits .sec-head .eyebrow{justify-content:center}
#hits .sec-head p{display:none}
#hits .sec-head h2{font-size:clamp(42px,5vw,67px)}
#hits .sec-head h2::after{content:"";display:block;width:32px;height:2px;background:var(--home-orange);margin:26px auto 0}
.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
/* На главной товары всегда стоят ровной сеткой. Старый скрипт-карусель
   оставляем подключённым ради переворота «Состав», но нейтрализуем его
   обрезание, размытую кромку и стрелки. */
body .mk-car>.grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;overflow:visible!important;gap:18px!important;padding:0!important;margin:0!important;scroll-snap-type:none!important}
body .mk-car>.grid>.card{flex:initial!important;min-width:0!important;width:auto!important}
body .mk-car>.mk-fog,body .mk-car>.mk-arr{display:none!important}
.card{border:1px solid var(--home-line);border-radius:12px;background:rgba(255,252,245,.78);overflow:hidden;box-shadow:none}
.card:hover{transform:translateY(-5px);box-shadow:0 22px 45px -28px rgba(21,19,15,.42)}
.card-img{margin:12px 12px 0;aspect-ratio:1/1.04;border:0;border-radius:42% 58% 46% 54%/16% 19% 17% 21%;background:#f1eee7;overflow:visible;isolation:isolate}
.card-img::before{content:"";position:absolute;z-index:-1;inset:9% -1% -3% 3%;background:var(--home-lime);border-radius:48% 52% 55% 45%/18% 15% 22% 17%;transform:rotate(-2.2deg)}
.card-img::after{content:"";position:absolute;z-index:1;inset:0;border:1.7px solid var(--ink);border-radius:43% 57% 47% 53%/15% 20% 16% 19%;transform:rotate(.7deg);pointer-events:none}
.card-img .cl,.card-img picture{border-radius:inherit;overflow:hidden}
.card-img img{object-fit:contain;border-radius:inherit;transform:scale(1.01)}
.card:hover .card-img img{transform:scale(1.045)}
.badge{top:8px;left:8px;background:var(--home-lime);color:var(--ink);border:1px solid var(--ink)}
.card-body{padding:22px 20px 20px}
.card-body h3{font-size:20px;min-height:42px}
.card-body .desc{font-size:12px;min-height:54px}
.card-body .price{font-family:Fraunces,serif;font-size:25px;margin-top:10px}
.buy,.more{min-height:43px;text-transform:uppercase;letter-spacing:.035em}
.more{background:var(--home-lime)}
#hits .card{min-height:555px}
#hits .card-img{height:330px;aspect-ratio:auto;margin:14px 10px 0;background:transparent;border-radius:48% 43% 55% 46%/35% 30% 46% 41%;overflow:visible}
#hits .card-img::before{inset:66% -1% 1% 4%;border-radius:43% 57% 62% 38%/39% 31% 61% 46%;transform:rotate(-3.4deg)}
#hits .card-img::after{inset:3% 2% 1%;border-width:1.5px;border-radius:48% 43% 55% 46%/35% 30% 46% 41%;transform:rotate(.45deg)}
#hits .card-img .cl{display:block;width:100%;height:100%;overflow:hidden;border-radius:inherit;background:#f1eee7}
#hits .card-img picture{display:block;width:100%;height:100%;overflow:hidden;border-radius:inherit;background:#f1eee7}
#hits .card-img img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit;filter:saturate(1.03) contrast(1.01);transform:scale(1.02)}
#hits .card:hover .card-img img{transform:scale(1.045)}
#hits .card-body{padding:18px 16px 20px}
#hits .card-body h3{font-size:19px;min-height:46px}
#hits .hit-line{display:flex;align-items:flex-start;gap:8px;min-height:48px;margin:7px 0 10px;font-size:11px;line-height:1.5;color:#3e3a32}
#hits .hit-line i{display:grid;place-items:center;width:14px;height:14px;margin-top:2px;border-radius:50%;background:var(--home-lime);font-style:normal;font-size:9px;font-weight:900;flex:0 0 auto}
#hits .card-body .price{font-family:Manrope,sans-serif;font-size:22px;margin:3px 0 14px}
#hits .acts{margin-top:auto;gap:10px}
#hits .buy,#hits .hit-more{min-height:40px;padding:10px 12px;border-radius:6px;font-size:10px;text-align:center}
#hits .hit-more{display:flex;align-items:center;justify-content:center;text-decoration:none}
#hits .mk-more{display:none!important}
/* Все остальные товарные секции продолжают тот же визуальный язык хитов:
   живая контурная рамка, лаймовая подложка и единый масштаб упаковки. */
.catalog-card .card-img{height:285px;aspect-ratio:auto;margin:14px 10px 0;background:transparent;overflow:visible}
.catalog-card .card-img::before{inset:66% -1% 1% 4%;border-radius:43% 57% 62% 38%/39% 31% 61% 46%;transform:rotate(-3.4deg)}
.catalog-card .card-img::after{inset:3% 2% 1%;border-width:1.5px;border-radius:48% 43% 55% 46%/35% 30% 46% 41%;transform:rotate(.45deg)}
.catalog-card .card-img .cl{display:flex;width:100%;height:100%;align-items:flex-end;justify-content:center;overflow:visible;border-radius:inherit}
.catalog-card .card-img picture{display:block;width:100%;height:100%;overflow:hidden;border-radius:inherit;background:#f1eee7}
.catalog-card .card-img picture img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit;mix-blend-mode:multiply;filter:saturate(1.04) contrast(1.015);transform:none}
.catalog-card:not(.has-cutout) .card-img::before{inset:78% -1% -5% 4%;border-radius:49% 51% 55% 45%/38% 35% 62% 41%}
.catalog-card:not(.has-cutout) .card-img picture img{mix-blend-mode:normal;filter:saturate(1.03) contrast(1.01);transform:scale(1.02)}
.catalog-card.has-cutout .card-img .cl{overflow:visible}
.catalog-card.has-cutout .card-img img{position:relative;z-index:2;width:78%;height:80%;object-fit:contain;object-position:center bottom;border-radius:0;mix-blend-mode:normal;filter:drop-shadow(0 16px 13px rgba(21,19,15,.12));transform:translateY(-22px)}
.catalog-card:not(.has-cutout):hover .card-img picture img{transform:scale(1.045)}
.catalog-card.has-cutout:hover .card-img img{transform:translateY(-26px)}
/* Фото миндальной муки снято заметно крупнее остальных упаковок. Выравниваем
   её видимую высоту с псиллиумом, сохраняя студийный фон исходного кадра. */
.catalog-card[data-slug="mindalnaya-muka"] .card-img picture{background:linear-gradient(180deg,#dedede 0%,#ededed 100%)}
.catalog-card[data-slug="mindalnaya-muka"] .card-img picture img{transform:scale(.75)}
.catalog-card[data-slug="mindalnaya-muka"]:hover .card-img picture img{transform:scale(.78)}
.grid>.card:nth-child(4n+2) .card-img::after{inset:2% 3% 2% 1%;border-radius:42% 58% 49% 51%/31% 39% 43% 36%;transform:rotate(-.75deg)}
.grid>.card:nth-child(4n+3) .card-img::after{inset:4% 1% 1% 3%;border-radius:57% 43% 52% 48%/38% 28% 48% 35%;transform:rotate(.95deg)}
.grid>.card:nth-child(4n) .card-img::after{inset:2% 2% 2% 1%;border-radius:46% 54% 40% 60%/28% 42% 37% 49%;transform:rotate(-.45deg)}
.grid>.card:nth-child(4n+2) .card-img::before{border-radius:58% 42% 37% 63%/48% 32% 57% 43%;transform:rotate(2.1deg)}
.grid>.card:nth-child(4n+3) .card-img::before{border-radius:39% 61% 55% 45%/34% 46% 52% 38%;transform:rotate(-1.4deg)}
.grid>.card:nth-child(4n) .card-img::before{border-radius:63% 37% 46% 54%/44% 36% 59% 41%;transform:rotate(2.8deg)}
/* Контур лежит поверх полноценной предметной фотографии, но проходит по её
   свободным полям и не режет саму упаковку. */
.grid>.card .card-img::after{z-index:4}
.grid>.card .badge{z-index:6}
/* Не математические овалы, а четыре чуть разные нарисованные от руки петли. */
.grid>.card:nth-child(4n+1) .card-img::after{border:0;border-radius:0;transform:rotate(.25deg);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M16 7C35 1 72 2 87 16C97 29 98 62 88 80C77 98 25 100 9 83C-1 68 1 24 16 7Z' fill='none' stroke='%2315130f' stroke-width='.55' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.grid>.card:nth-child(4n+2) .card-img::after{border:0;border-radius:0;transform:rotate(-.55deg);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M11 13C29 1 71 -1 91 18C99 37 96 73 80 89C60 99 27 96 8 79C0 57 0 29 11 13Z' fill='none' stroke='%2315130f' stroke-width='.55' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.grid>.card:nth-child(4n+3) .card-img::after{border:0;border-radius:0;transform:rotate(.7deg);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M19 6C37 0 77 5 90 19C97 35 94 71 85 87C65 100 28 96 11 82C2 66 3 22 19 6Z' fill='none' stroke='%2315130f' stroke-width='.55' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.grid>.card:nth-child(4n) .card-img::after{border:0;border-radius:0;transform:rotate(-.35deg);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M12 10C27 2 72 0 88 14C99 32 97 68 82 86C65 99 22 101 7 78C0 59 2 26 12 10Z' fill='none' stroke='%2315130f' stroke-width='.55' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.benefit-band{margin-top:32px;border:1px solid var(--home-line);border-radius:10px;background:rgba(255,252,245,.68);padding:34px 38px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.benefit-band div{display:flex;align-items:center;gap:16px;font-size:11px;font-weight:700;line-height:1.45}
.benefit-band i{width:54px;height:54px;border:1.5px solid #b5d92a;border-radius:50%;display:grid;place-items:center;font-style:normal;flex:0 0 auto;color:var(--home-orange)}
.benefit-band svg{width:36px;height:36px;fill:none;stroke:var(--home-orange);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

/* Производство */
.prod-home{background:transparent;border:0;position:relative}
.prod-story{display:grid;grid-template-columns:.72fr 1.28fr;gap:54px;align-items:center}
.prod-copy h2{font-size:clamp(52px,5.2vw,76px);margin:20px 0 28px;max-width:520px}
.prod-copy h2 mark{background:var(--home-lime);color:inherit;padding:0 8px;font-weight:inherit}
.prod-copy>p{font-size:19px;max-width:500px;color:#37332b}
.prod-points{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:38px}
.prod-points div{font-size:11px;font-weight:800;text-transform:uppercase;line-height:1.45}
.prod-points i{display:grid;place-items:center;width:50px;height:50px;border:1.5px solid #b5d92a;border-radius:50%;font-style:normal;font-size:20px;color:var(--home-orange);margin-bottom:10px}
.prod-collage{position:relative;min-height:560px}
.prod-collage::before{content:"";position:absolute;inset:8% 5% 5% 4%;background:var(--home-lime);border-radius:44% 56% 50% 50%/27% 24% 31% 22%;transform:rotate(2.2deg)}
.prod-photo{position:absolute;margin:0;border:0;background:transparent;overflow:visible;isolation:isolate}
.prod-photo::before{content:"";position:absolute;z-index:-1;inset:8px -10px -10px 8px;background:var(--home-lime);border-radius:inherit;transform:rotate(-1.1deg)}
.prod-photo::after{content:"";position:absolute;z-index:2;inset:0;border:1.8px solid var(--ink);border-radius:inherit;pointer-events:none}
.prod-photo picture{width:100%;height:100%;display:block;overflow:hidden;border-radius:inherit;background:#ddd}
.prod-photo img{width:100%;height:100%;display:block;object-fit:cover}
.prod-photo.main{left:0;top:0;width:75%;height:74%;border-radius:18% 8% 16% 10%/13% 16% 11% 17%;transform:rotate(-1.1deg)}
.prod-photo.pack{right:0;top:3%;width:40%;height:42%;border-radius:12% 24% 10% 19%/18% 13% 21% 15%;transform:rotate(1.25deg)}
.prod-photo.pack::before{inset:7px -8px -8px 7px;transform:rotate(1.4deg)}
.prod-photo.stock{right:1%;bottom:1%;width:43%;height:46%;border-radius:21% 9% 18% 12%/14% 20% 12% 18%;transform:rotate(-.8deg)}
.prod-photo.stock::before{inset:8px -9px -9px 7px;transform:rotate(-1.4deg)}
.prod-photo figcaption{position:absolute;z-index:4;left:12px;bottom:12px;background:rgba(21,19,15,.88);color:#fff;border-radius:999px;padding:7px 12px;font-size:10px;font-weight:800;text-transform:uppercase}
/* Рецепты */
.home-recipes{background:rgba(255,252,245,.6);border-top:1px solid var(--home-line);border-bottom:1px solid var(--home-line)}
.home-recipes .sec-head h2 mark{background:var(--home-lime);color:inherit;padding:0 8px;font-weight:inherit}
.recipe-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:-12px 0 34px}
.recipe-tabs a{border:1.5px solid var(--ink);border-radius:12px;padding:10px 20px;font-size:11px;font-weight:800;text-transform:uppercase}
.recipe-tabs a:first-child{background:var(--home-lime)}
.recipe-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px}
.recipe-card{border:1px solid var(--home-line);border-radius:12px;padding:12px 12px 22px;background:rgba(255,252,245,.86)}
.recipe-media{position:relative;aspect-ratio:1.28/1;border:1.7px solid var(--ink);border-radius:17% 11% 16% 10%/13% 17% 11% 16%;overflow:visible;isolation:isolate}
.recipe-media::after{content:"";position:absolute;z-index:-1;inset:5% -2% -6% 1%;background:var(--home-lime);border-radius:inherit;transform:rotate(3deg)}
.recipe-media img:not(.recipe-avatar){display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.recipe-avatar{position:absolute;z-index:3;left:14px;top:14px;width:76px;height:76px;border-radius:50%;object-fit:cover;border:4px solid #fff;outline:2px solid var(--home-orange)}
.recipe-card h3{font-size:30px;margin:20px 10px 2px}
.recipe-by{margin:0 10px 18px;color:var(--home-orange);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.recipe-card .btn{position:relative;margin-left:10px;margin-right:54px;min-height:42px;padding:10px 18px;background:var(--home-lime);overflow:visible}
.recipe-card .btn::after{content:"→";position:absolute;right:-50px;top:50%;transform:translateY(-50%);width:39px;height:39px;border:1.5px solid var(--ink);border-radius:50%;background:var(--home-soft);display:grid;place-items:center;font-size:19px;font-weight:500}
.methods-band{margin-top:28px;border:1px solid var(--home-line);border-radius:13px;padding:24px;display:grid;grid-template-columns:1.2fr repeat(3,1fr) auto;align-items:center;gap:18px}
.methods-band h3{font-size:26px}
.method-link{display:flex;align-items:center;gap:12px;padding-left:18px;border-left:1px dotted #aaa394}
.method-link i{width:48px;height:48px;border:1.5px solid #b5d92a;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:21px;flex:0 0 auto}
.method-link b{display:block;font-size:11px;text-transform:uppercase}
.method-link span{font-size:11px;color:var(--muted)}

/* FAQ */
.faq{background:transparent;border-top:0}
.faq .sec-head h2{max-width:720px}
.faq-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(300px,.8fr);gap:62px;align-items:start}
.faq-list{max-width:none}
.faq-q{font-family:Manrope,sans-serif;font-size:18px;padding:17px 0;border-bottom:1px solid var(--ink)}
.faq-item{border:0}
.faq-q i{border:1.5px solid var(--ink);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:var(--ink);font-size:17px}
.help-card{position:sticky;top:110px;background:var(--home-lime);border:2px solid var(--ink);border-radius:42% 58% 49% 51%/14% 17% 16% 15%;padding:52px 42px 46px;transform:rotate(1.2deg)}
.help-card::after{content:"";position:absolute;inset:10px -10px -12px 10px;border:2px solid var(--ink);border-radius:inherit;z-index:-1;transform:rotate(-2deg)}
.help-card h3{font-size:34px;margin-bottom:8px}
.help-card p{font-size:14px;margin-bottom:24px}
.help-card .btn{width:100%;margin-top:10px;background:var(--ink);color:#fff}
.help-card .btn.call{background:transparent;color:var(--ink)}

/* Компактные второстепенные блоки */
.legacy-about,.legacy-prod{display:none!important}
.stats{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.optband{background:transparent;color:var(--ink);border-top:2px solid var(--ink);position:relative;overflow:hidden}
.optband .eyebrow,.optgrid p,.optlist span{color:var(--muted)}
.optgrid h2{color:var(--ink);font-size:clamp(38px,4.4vw,58px)}
.optband .btn-ghost{border-color:var(--ink);color:var(--ink)}
.optlist li{border-color:var(--ink);background:rgba(255,252,245,.55)}
.seotext{background:rgba(255,252,245,.72)}
footer{margin-top:0}

@media(max-width:1120px){
  .nav-links{gap:13px;font-size:9.5px}
  .hero.hero-v2{grid-template-columns:minmax(350px,.84fr) minmax(0,1.16fr);gap:0}
  .hero-v2 h1{font-size:clamp(56px,6.45vw,70px)}
  .hero-proof span{padding:0 12px}
  .hero-showcase{height:470px}
  .hero-showcase-approved{height:470px}
  #hits .card{min-height:525px}
  #hits .card-img{height:295px}
  .prod-story{grid-template-columns:1fr}
  .prod-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;align-items:end}
  .prod-copy .eyebrow,.prod-copy h2{grid-column:1}
  .prod-copy>p,.prod-points{grid-column:2}
  .prod-collage{min-height:520px}
  .methods-band{grid-template-columns:1fr repeat(3,1fr)}
  .methods-band>.btn{grid-column:1/-1}
}
@media(max-width:820px){
  .wrap{padding-left:22px;padding-right:22px}
  .hero.hero-v2{grid-template-columns:1fr;padding:56px 0 24px;min-height:0}
  .hero-v2 h1{font-size:clamp(48px,12vw,74px)}
  .hero-showcase{height:460px;margin:28px 0 0}
  .hero-showcase-approved{height:460px;margin:28px 0 0}
  .hero-proof{margin-top:32px}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body .mk-car>.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #hits .card{min-height:535px}
  #hits .card-img{height:310px}
  .benefit-band{grid-template-columns:1fr 1fr}
  .prod-copy{display:block}
  .prod-copy>p{margin-top:0}
  .recipe-grid{grid-template-columns:1fr 1fr}
  .recipe-card:first-child{grid-column:1/-1}
  .faq-layout{grid-template-columns:1fr}
  .help-card{position:relative;top:auto;max-width:520px}
}
@media(max-width:620px){
  .wrap{padding-left:16px;padding-right:16px}
  section{padding-top:68px;padding-bottom:68px}
  .hero.hero-v2{padding-top:42px}
  .hero-v2 h1{font-size:46px;line-height:.98}
  .hero-v2 .hero-copy{font-size:16px}
  .hero-actions .btn{width:100%}
  .hero-proof{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .hero-proof span{padding:0;border-left:0}
  .hero-showcase{height:360px;margin-left:-8px;margin-right:-8px}
  .hero-showcase-approved{display:none}
  .hero-mobile-art{display:flex;align-items:center;justify-content:center;height:285px;margin:6px -16px 12px;overflow:hidden}
  .hero-mobile-art img{display:block;width:128%;max-width:none;height:100%;object-fit:contain}
  .hero-showcase::before{left:-1%;right:-2%;top:35%;bottom:1%}
  .hero-showcase::after{left:2%;right:0;top:32%;bottom:4%}
  .hero-food{height:205px;bottom:3px;left:0;right:-2%}
  .hero-pack.hleb{width:34%;height:66%;left:15%;top:4%}
  .hero-pack.sirop{width:26%;height:64%;left:40%;top:14%}
  .hero-pack.maffin{width:34%;height:65%;right:2%;top:8%}
  .hero-wave{height:55px}
  .sec-head h2{font-size:38px}
  .grid{grid-template-columns:1fr}
  body .mk-car>.grid{grid-template-columns:1fr!important}
  .card-img{aspect-ratio:1.25/1;margin:10px 10px 0}
  .card-body h3{min-height:0}
  #hits .card{min-height:0}
  #hits .card-img{height:330px;aspect-ratio:auto}
  .benefit-band{grid-template-columns:1fr;padding:22px}
  .prod-copy h2{font-size:49px}
  .prod-points{grid-template-columns:1fr 1fr}
  .prod-collage{min-height:410px}
  .prod-photo.main{width:82%;height:62%}
  .prod-photo.pack{width:46%;height:38%}
  .prod-photo.stock{width:54%;height:42%}
  .recipe-grid{grid-template-columns:1fr}
  .recipe-card:first-child{grid-column:auto}
  .recipe-card h3{font-size:26px}
  .recipe-avatar{width:62px;height:62px}
  .methods-band{grid-template-columns:1fr}
  .method-link{border-left:0;border-top:1px dotted #aaa394;padding:14px 0 0}
  .methods-band>.btn{grid-column:auto;width:100%}
  .pr5{left:10px;right:10px;bottom:72px;width:auto;padding:16px;border-radius:14px}
  .pr5 b.t{font-size:18px;margin-bottom:4px}
  .pr5 p{font-size:12px;line-height:1.4;margin-bottom:10px}
  .pr5 form{gap:6px}
  .pr5 input[type=email]{padding:9px 10px;font-size:12px}
  .pr5 button.go{padding:8px 12px;font-size:12px}
  .faq-q{font-size:15px}
  .help-card{padding:42px 28px 38px}
}
@media(hover:none){.card:hover .card-img img{transform:scale(1.01)}#hits .card:hover .card-img img,.catalog-card:not(.has-cutout):hover .card-img picture img{transform:scale(1.02)}.catalog-card[data-slug="mindalnaya-muka"]:hover .card-img picture img{transform:scale(.75)}.catalog-card.has-cutout:hover .card-img img{transform:translateY(-22px)}}
@media(prefers-reduced-motion:reduce){.card,.card-img img{transition:none}.tick-track{animation:none}}