/* ИВАТА — тема сайта. Собрано из прототипа итерации 003 скриптом build-theme.py.
   Править здесь нельзя: правки затрутся при следующей сборке. Источник — прототип. */

/* Перекрываем оформление комплекта внутри нашей обёртки .iv.
   В style.css комплекта заголовки заданы как h1{text-transform:uppercase;
   font-family:geologica-regular}, и без этого блока Главная выводит H1
   капслоком чужим шрифтом. */
.iv h1,.iv h2,.iv h3,.iv h4{
	text-transform:none;font-family:inherit;color:inherit;font-weight:700;
	font-style:normal;word-break:normal;overflow-wrap:normal
}
.iv a{text-decoration:none;color:inherit;border:0}
.iv p{margin:0}
.iv ul{list-style:none;margin:0;padding:0}
.iv table{border-collapse:collapse}
.iv input,.iv textarea,.iv select,.iv button{font-family:inherit}

/* ИВАТА — прототип Главной. Итерация 001.
   Цвета взяты с действующего ivata.ru: зелёный #66941D / #8FCB0A, оранжевый #F08000. */

:root{
	--green:#66941D;
	--green-d:#4F7414;
	--green-l:#8FCB0A;
	--green-bg:#F3F8E9;
	--green-bg2:#FAFCF5;
	--orange:#F08000;
	--orange-d:#D06C00;
	--ink:#1D2418;
	--ink-2:#3C4535;
	--muted:#717A6B;
	--line:#E2E7DA;
	--line-2:#EFF2EA;
	--white:#fff;
	--warn:#B77400;
	--warn-bg:#FFF6E0;
	--radius:14px;
	--radius-s:10px;
	--shadow:0 1px 2px rgba(29,36,24,.05),0 8px 24px rgba(29,36,24,.06);
	--shadow-h:0 2px 6px rgba(29,36,24,.08),0 16px 40px rgba(29,36,24,.12);
	--cont:1280px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
	margin:0;
	font-family:'Roboto',-apple-system,'Segoe UI',Arial,sans-serif;
	font-size:16px;
	line-height:1.55;
	color:var(--ink);
	background:var(--white);
}
.iv img{max-width:100%;display:block}
.iv a{color:inherit;text-decoration:none}
.iv button{font:inherit;color:inherit}
.iv h1,.iv h2,.iv h3,.iv h4{margin:0;line-height:1.18;font-weight:700;letter-spacing:-.01em}
.iv p{margin:0}
.iv ul{margin:0;padding:0;list-style:none}

.container{width:100%;max-width:var(--cont);margin:0 auto;padding:0 20px}
.section{padding:56px 0}
.section--tint{background:var(--green-bg2)}
.section--line{border-top:1px solid var(--line-2)}

.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px;flex-wrap:wrap}
.sec-head h2{font-size:clamp(24px,3vw,34px)}
.sec-head p{color:var(--muted);margin-top:8px;max-width:760px}
.sec-head .link-more{color:var(--green);font-weight:500;white-space:nowrap}
.sec-head .link-more:hover{color:var(--orange)}

/* ---------- кнопки ---------- */
.btn{
	display:inline-flex;align-items:center;justify-content:center;gap:9px;
	padding:14px 26px;border:1px solid transparent;border-radius:var(--radius-s);
	font-weight:500;font-size:16px;cursor:pointer;transition:.15s ease;
}
.btn--primary{background:var(--orange);color:#fff;border-color:var(--orange)}
.btn--primary:hover{background:var(--orange-d);border-color:var(--orange-d)}
.btn--green{background:var(--green);color:#fff;border-color:var(--green)}
.btn--green:hover{background:var(--green-d);border-color:var(--green-d)}
.btn--ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn--ghost:hover{border-color:var(--green);color:var(--green)}
.btn--white{background:#fff;color:var(--ink);border-color:#fff}
.btn--white:hover{background:var(--green-bg)}
.btn--sm{padding:10px 18px;font-size:15px}
.btn--wide{width:100%}

/* ---------- пометка «уточнить» ---------- */
.q{
	background:var(--warn-bg);color:var(--warn);
	border-bottom:1px dashed currentColor;
	padding:0 3px;border-radius:3px;font-style:normal;
}

#proto-note{
	background:#2B3324;color:#E8EFE0;font-size:13.5px;line-height:1.4;
	padding:9px 0;
}
#proto-note .container{display:flex;gap:14px;align-items:center;justify-content:center;text-align:center;flex-wrap:wrap}
#proto-note b{color:#fff}
#proto-note i{background:var(--warn-bg);color:var(--warn);padding:1px 6px;border-radius:3px;font-style:normal}

/* ---------- шапка ---------- */
.hdr{position:relative;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
.hdr__top{background:var(--green-bg);border-bottom:1px solid var(--line-2);font-size:14px}
.hdr__top-in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:40px}
.hdr__legal{color:var(--muted)}
.hdr__toplinks{display:flex;gap:22px;flex-wrap:wrap}
.hdr__toplinks a{color:var(--ink-2)}
.hdr__toplinks a:hover{color:var(--green)}

.hdr__main{padding:16px 0}
.hdr__main-in{display:flex;align-items:center;gap:28px}
.logo{display:flex;align-items:center;gap:14px;flex-shrink:0}
.logo img{width:62px;height:auto}
.logo__d{font-size:13px;line-height:1.3;color:var(--muted);max-width:190px}
.logo__d b{display:block;color:var(--ink);font-size:13px;font-weight:500;margin-top:3px}

.search{flex:1;display:flex;min-width:0}
.search input{
	flex:1;min-width:0;height:46px;padding:0 16px;font:inherit;
	border:1px solid var(--line);border-right:0;border-radius:var(--radius-s) 0 0 var(--radius-s);
	background:#fff;outline:none;
}
.search input:focus{border-color:var(--green)}
.search button{
	height:46px;padding:0 20px;border:0;background:var(--green);color:#fff;
	border-radius:0 var(--radius-s) var(--radius-s) 0;cursor:pointer;display:flex;align-items:center
}
.search button:hover{background:var(--green-d)}

.hdr__phones{flex-shrink:0;text-align:right;font-size:13px;color:var(--muted);line-height:1.35}
.hdr__phones .tel{display:block;font-size:18px;font-weight:700;color:var(--ink);letter-spacing:-.01em}
.hdr__phones .tel2{display:block;font-size:15px;font-weight:500;color:var(--ink-2);margin-top:2px}
.hdr__msg{display:flex;gap:7px;margin-top:8px;justify-content:flex-end}
.hdr__msg a{
	width:30px;height:30px;border-radius:8px;border:1px solid var(--line);
	display:flex;align-items:center;justify-content:center;color:var(--green)
}
.hdr__msg a:hover{background:var(--green);color:#fff;border-color:var(--green)}
.hdr__callback{display:inline-block;margin-top:8px;color:var(--green);border-bottom:1px dashed currentColor;font-size:14px;cursor:pointer}

.hdr__acts{display:flex;gap:6px;flex-shrink:0}
.hdr__act{
	display:flex;flex-direction:column;align-items:center;gap:4px;width:66px;padding:8px 2px;
	border-radius:var(--radius-s);font-size:12px;color:var(--ink-2);position:relative
}
.hdr__act:hover{background:var(--green-bg);color:var(--green)}
.hdr__act .cnt{
	position:absolute;top:2px;right:10px;background:var(--orange);color:#fff;
	font-size:11px;line-height:1;min-width:17px;height:17px;border-radius:9px;
	display:flex;align-items:center;justify-content:center;padding:0 4px;font-weight:700
}

/* ---------- нижняя строка меню + мегаменю ---------- */
.hdr__nav{border-top:1px solid var(--line-2)}
.hdr__nav-in{display:flex;align-items:stretch;gap:8px}
.catbtn{
	display:flex;align-items:center;gap:10px;background:var(--green);color:#fff;
	padding:14px 22px;border-radius:var(--radius-s) var(--radius-s) 0 0;font-weight:500;cursor:pointer
}
.catbtn:hover{background:var(--green-d)}
.mainnav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.mainnav a{padding:14px 14px;font-size:15px;color:var(--ink-2);border-bottom:2px solid transparent}
.mainnav a:hover{color:var(--green);border-bottom-color:var(--green)}
.hdr__nav-price{margin-left:auto;display:flex;align-items:center;gap:8px;color:var(--green);font-weight:500;font-size:15px}
.hdr__nav-price:hover{color:var(--orange)}

.mega{
	position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);
	box-shadow:var(--shadow-h);padding:26px 0 30px;display:none
}
.mega.is-open{display:block}
.mega__grid{display:grid;grid-template-columns:1.1fr 1.4fr .8fr;gap:34px}
.mega__col h4{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-weight:700}
.mega__main li+li{margin-top:10px}
.mega__main a{display:flex;align-items:center;gap:12px;font-weight:500;font-size:16px;padding:6px;border-radius:10px}
.mega__main a:hover{background:var(--green-bg);color:var(--green)}
.mega__main img{width:42px;height:42px;border-radius:8px;object-fit:cover;flex-shrink:0}
.mega__list{columns:2;column-gap:26px}
.mega__list li{break-inside:avoid;margin-bottom:9px}
.mega__list a{color:var(--ink-2);font-size:15px}
.mega__list a:hover{color:var(--green)}
.mega__promo{background:var(--green-bg);border-radius:var(--radius);padding:20px}
.mega__promo b{display:block;margin-bottom:6px}
.mega__promo p{font-size:14px;color:var(--muted);margin-bottom:14px}

/* ---------- первый экран ---------- */
.hero{background:linear-gradient(180deg,var(--green-bg) 0%,#fff 100%);padding:48px 0 0;overflow:hidden}
.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}
.hero__eyebrow{
	display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);
	color:var(--green);font-size:14px;font-weight:500;padding:7px 14px;border-radius:999px;margin-bottom:18px
}
.hero h1{font-size:clamp(28px,4.2vw,48px);letter-spacing:-.02em}
.hero h1 span{color:var(--green)}
.hero__lead{margin-top:18px;font-size:clamp(16px,1.35vw,19px);color:var(--ink-2);max-width:620px}
.hero__cta{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.hero__facts{display:flex;gap:26px;margin-top:28px;flex-wrap:wrap;padding-bottom:40px}
.hero__facts div{font-size:14px;color:var(--muted);max-width:180px}
.hero__facts b{display:block;color:var(--ink);font-size:15px;font-weight:500;margin-bottom:2px}
.hero__media{position:relative;align-self:end}
.ph{
	position:relative;border-radius:var(--radius);overflow:hidden;background:
		repeating-linear-gradient(135deg,#EAF0E0 0 14px,#E2EAD6 14px 28px);
	border:1px dashed #B9C6A6;display:flex;align-items:center;justify-content:center;text-align:center;
	color:#6D7A5B;font-size:14px;padding:18px
}
.ph span{max-width:88%}
.hero__media .ph{aspect-ratio:4/3}

/* ---------- 4 направления, крупные баннеры ---------- */
.dirs{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.dir{
	position:relative;display:grid;grid-template-columns:1fr 200px;gap:18px;align-items:center;
	background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;
	transition:.15s ease
}
.dir:hover{border-color:var(--green);box-shadow:var(--shadow)}
.dir h3{font-size:22px;margin-bottom:8px}
.dir p{color:var(--muted);font-size:15px}
.dir__go{display:inline-flex;align-items:center;gap:8px;margin-top:16px;color:var(--green);font-weight:500}
.dir:hover .dir__go{color:var(--orange)}
.dir img{width:200px;height:170px;object-fit:cover;border-radius:var(--radius-s)}
.dir__tag{
	display:inline-block;margin-bottom:10px;background:var(--green-bg);color:var(--green);
	font-size:12px;font-weight:500;padding:4px 10px;border-radius:999px
}

/* ---------- полоса «весь каталог» ---------- */
.allcat{
	margin-top:20px;background:var(--green-bg);border-radius:var(--radius);
	padding:24px 28px;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap
}
.allcat p{color:var(--ink-2);max-width:820px}
.allcat b{color:var(--ink)}

/* ---------- оптовая полоса ---------- */
.wholesale{
	background:var(--green);color:#fff;border-radius:var(--radius);padding:32px;
	display:flex;gap:28px;align-items:center;justify-content:space-between;flex-wrap:wrap
}
.wholesale h2{font-size:clamp(22px,2.4vw,28px)}
.wholesale p{color:#E4EFCE;margin-top:8px;max-width:640px}

/* ---------- товарный блок с переключателями ---------- */
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.tab{
	padding:10px 20px;border:1px solid var(--line);background:#fff;border-radius:999px;
	cursor:pointer;font-size:15px;color:var(--ink-2);transition:.15s
}
.tab:hover{border-color:var(--green);color:var(--green)}
.tab.is-active{background:var(--green);border-color:var(--green);color:#fff}
.tabpane{display:none}
.tabpane.is-active{display:block}

.goods{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.good{
	position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);
	padding:14px;display:flex;flex-direction:column;transition:.15s
}
.good:hover{border-color:var(--green);box-shadow:var(--shadow)}
.good__pic{border-radius:var(--radius-s);overflow:hidden;aspect-ratio:1/1;background:var(--green-bg2)}
.good__pic img{width:100%;height:100%;object-fit:cover}
.good__labels{position:absolute;top:22px;left:22px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.lbl{font-size:11.5px;font-weight:700;color:#fff;padding:4px 9px;border-radius:6px;letter-spacing:.02em}
.lbl--hit{background:var(--orange)}
.lbl--new{background:var(--green-l);color:#2B3F04}
.lbl--sale{background:#D3342A}
.lbl--rec{background:#3B7EA1}
.good__name{margin-top:14px;font-size:15px;font-weight:500;line-height:1.35;flex:1}
.good__name:hover{color:var(--green)}
.good__price{margin-top:12px;font-size:21px;font-weight:700;letter-spacing:-.01em}
.good__price small{font-size:14px;font-weight:500;color:var(--muted)}
.good__pack{font-size:13px;color:var(--muted);margin-top:3px}
.good__buy{margin-top:12px}

/* ---------- цифры ---------- */
.nums{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.num{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px 20px;text-align:center}
.num b{display:block;font-size:clamp(26px,3vw,36px);color:var(--green);letter-spacing:-.02em;line-height:1.1}
.num span{display:block;margin-top:8px;font-size:14px;color:var(--muted)}

/* ---------- производство, цепочка ---------- */
.chain{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.chain__step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.chain__step .ph{border:0;border-radius:0;aspect-ratio:4/3;font-size:12.5px;padding:10px}
.chain__step div.t{padding:14px}
.chain__step b{display:block;font-size:15px;margin-bottom:4px}
.chain__step p{font-size:13px;color:var(--muted);line-height:1.4}
.chain__num{
	display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;
	background:var(--green-bg);color:var(--green);font-size:12px;font-weight:700;margin-bottom:8px
}
.video-row{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;margin-top:22px;align-items:center}
.video-row .ph{aspect-ratio:16/9}
.video-row h3{font-size:22px;margin-bottom:10px}
.video-row p{color:var(--muted)}

/* ---------- преимущества ---------- */
.advs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.adv{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.adv__ic{width:44px;height:44px;border-radius:12px;background:var(--green-bg);color:var(--green);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.adv--wide{grid-column:span 2}
.adv h3{font-size:17px;margin-bottom:8px}
.adv p{font-size:14.5px;color:var(--muted)}

/* ---------- отрасли ---------- */
.inds{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ind{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.ind__ic{width:40px;height:40px;border-radius:10px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.ind b{display:block;font-size:15.5px;margin-bottom:6px}
.ind p{font-size:14px;color:var(--muted)}

/* ---------- нам доверяют ---------- */
.logos{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.logos .ph{aspect-ratio:16/8;font-size:12px}

/* ---------- закупка сырья ---------- */
.buyraw{
	background:#2B3324;color:#E8EFE0;border-radius:var(--radius);padding:36px;
	display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:start
}
.buyraw h2{color:#fff;font-size:clamp(23px,2.6vw,30px)}
.buyraw p{color:#C4CFB8;margin-top:12px}
.buyraw ul.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.buyraw ul.chips li{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);padding:6px 12px;border-radius:999px;font-size:13.5px}
.buyraw__note{margin-top:18px;font-size:14px;color:#9FAE90}
.frm{background:#fff;border-radius:var(--radius);padding:24px;color:var(--ink)}
.frm h3{font-size:19px;margin-bottom:6px}
.frm>p{font-size:14px;color:var(--muted);margin-bottom:16px}
.fld{margin-bottom:12px}
.fld input,.fld textarea{
	width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-s);
	font:inherit;background:#fff;outline:none
}
.fld input:focus,.fld textarea:focus{border-color:var(--green)}
.fld textarea{min-height:84px;resize:vertical}
.frm__agree{font-size:12.5px;color:var(--muted);margin-top:10px;display:flex;gap:8px;align-items:flex-start}
.frm__agree a{color:var(--green);text-decoration:underline}

/* ---------- резак ---------- */
.rezak{
	background:var(--green-bg);border:1px solid var(--line);border-radius:var(--radius);
	padding:30px;display:grid;grid-template-columns:230px 1fr auto;gap:28px;align-items:center;margin-top:20px
}
.rezak .ph{aspect-ratio:4/3;border-radius:var(--radius-s)}
.rezak h3{font-size:22px;margin-bottom:8px}
.rezak p{color:var(--ink-2)}
.rezak ul{display:flex;gap:20px;flex-wrap:wrap;margin-top:14px}
.rezak ul li{font-size:14px;color:var(--muted)}
.rezak ul b{display:block;color:var(--ink);font-size:16px}

/* ---------- вопрос-ответ ---------- */
.faq{max-width:900px;margin:0 auto}
.faq__i{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:10px;overflow:hidden}
.faq__q{
	width:100%;text-align:left;background:none;border:0;padding:18px 54px 18px 20px;
	font-size:16.5px;font-weight:500;cursor:pointer;position:relative
}
.faq__q::after{
	content:'';position:absolute;right:22px;top:50%;width:11px;height:11px;margin-top:-7px;
	border-right:2px solid var(--green);border-bottom:2px solid var(--green);
	transform:rotate(45deg);transition:.2s
}
.faq__i.is-open .faq__q::after{transform:rotate(-135deg);margin-top:-2px}
.faq__a{display:none;padding:0 20px 20px;color:var(--muted);font-size:15px}
.faq__i.is-open .faq__a{display:block}

/* ---------- финальный CTA ---------- */
.cta{
	background:var(--green);color:#fff;border-radius:var(--radius);padding:40px;
	display:grid;grid-template-columns:1fr .85fr;gap:36px;align-items:center
}
.cta h2{font-size:clamp(24px,2.8vw,32px)}
.cta p{color:#E4EFCE;margin-top:10px}
.cta__tel{display:block;margin-top:18px;font-size:26px;font-weight:700}

/* ---------- подвал ---------- */
.ftr{background:#22291C;color:#B9C4AD;margin-top:56px;padding:46px 0 0;font-size:14.5px}
.ftr a{color:#B9C4AD}
.ftr a:hover{color:#fff}
.ftr__grid{display:grid;grid-template-columns:1.1fr 1fr 1fr .9fr 1.1fr;gap:30px}
.ftr h4{color:#fff;font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}
.ftr li+li{margin-top:9px}
.ftr__about img{width:56px;margin-bottom:14px}
.ftr__about p{font-size:13.5px;line-height:1.5}
.ftr__msg{display:flex;gap:8px;margin-top:14px}
.ftr__msg a{width:34px;height:34px;border-radius:9px;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff}
.ftr__msg a:hover{background:var(--green);border-color:var(--green)}
.ftr__tel{display:block;color:#fff;font-size:19px;font-weight:700;margin-bottom:4px}
.ftr__bottom{
	margin-top:38px;border-top:1px solid rgba(255,255,255,.12);padding:18px 0;
	display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap;font-size:13.5px;color:#8B9780
}
.ftr__bottom a{color:#8B9780}
.studio a{color:#C9D5BC;border-bottom:1px solid rgba(201,213,188,.4)}
.studio a:hover{color:#fff;border-bottom-color:#fff}

/* ---------- мобильная нижняя панель ---------- */
.mbar{display:none}

/* ---------- адаптив ---------- */
@media (max-width:1180px){
	.hdr__main-in{flex-wrap:wrap;gap:16px}
	.search{order:3;flex-basis:100%}
	.goods{grid-template-columns:repeat(3,1fr)}
	.nums{grid-template-columns:repeat(3,1fr)}
	.chain{grid-template-columns:repeat(3,1fr)}
	.logos{grid-template-columns:repeat(4,1fr)}
	.mega__grid{grid-template-columns:1fr 1fr;gap:26px}
	.mega__promo{grid-column:1/-1}
}
@media (max-width:900px){
	.section{padding:40px 0}
	.hero{padding-top:32px}
	.hero__grid{grid-template-columns:1fr;gap:26px}
	.hero__facts{padding-bottom:26px}
	.hero__media{order:-1}
	.dirs{grid-template-columns:1fr}
	.advs{grid-template-columns:repeat(2,1fr)}
	.inds{grid-template-columns:repeat(2,1fr)}
	.buyraw{grid-template-columns:1fr;padding:26px}
	.rezak{grid-template-columns:1fr;gap:18px}
	.rezak .ph{max-width:260px}
	.video-row{grid-template-columns:1fr}
	.cta{grid-template-columns:1fr;padding:28px}
	.ftr__grid{grid-template-columns:repeat(2,1fr);gap:26px}
	.hdr__top{display:none}
	.hdr__nav{display:none}
	.hdr__acts .hdr__act--fav,.hdr__acts .hdr__act--user{display:none}
}
@media (max-width:680px){
	.hdr__main{padding:12px 0}
	.logo img{width:48px}
	.logo__d{display:none}
	.hdr__phones .tel2,.hdr__msg{display:none}
	.hdr__phones .tel{font-size:16px}
	.hdr__callback{margin-top:2px;font-size:13px}
	.goods{grid-template-columns:repeat(2,1fr)}
	.nums{grid-template-columns:repeat(2,1fr)}
	.chain{grid-template-columns:repeat(2,1fr)}
	.logos{grid-template-columns:repeat(3,1fr)}
	.advs{grid-template-columns:1fr}
	.adv--wide{grid-column:auto}
	.inds{grid-template-columns:1fr}
	.dir{grid-template-columns:1fr}
	.dir img{width:100%;height:190px}
	.ftr{padding-bottom:70px}
	.ftr__grid{grid-template-columns:1fr}
	body{padding-bottom:0}

	.mbar{
		display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:80;
		background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 18px rgba(29,36,24,.08)
	}
	.mbar a{
		display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
		padding:8px 2px 7px;font-size:11px;color:var(--ink-2);position:relative
	}
	.mbar a .cnt{
		position:absolute;top:4px;right:calc(50% - 20px);background:var(--orange);color:#fff;font-size:10px;
		min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700
	}
	.mbar a.is-active{color:var(--green)}
}

@media (max-width:900px){
	.iv .hdr__nav{display:block}
	.iv .hdr__nav-in{padding-top:8px;padding-bottom:8px}
	.iv .hdr__nav .mainnav,.iv .hdr__nav .hdr__nav-price{display:none}
	.iv .hdr__nav .catbtn{width:100%;justify-content:center}
	/* Само выпадающее меню свёрстано в несколько колонок — на телефоне
	   правая уезжала за край. Ставим в одну колонку. */
	.iv .mega__grid{grid-template-columns:1fr;gap:18px}
	.iv .mega{max-height:75vh;overflow-y:auto}
}