/* Футер, десктоп >=1200px. Префикс hf-. Без !important. Ниже 1200 остаётся прежний футер. */
.hf-desktop{display:none}
@media (min-width:1200px){
	.footer>.links-social,.footer>.copyright-bar{display:none}
	.hf-desktop{display:block;position:relative;overflow:hidden;padding:0 0 56px;font-family:Manrope,Inter,Roboto,Arial,sans-serif;font-size:15px;color:#000}
	.hf-desktop *,.hf-desktop *::before,.hf-desktop *::after{box-sizing:border-box}
	.hf-desktop a,.hf-desktop a:hover,.hf-desktop a:focus{color:inherit;text-decoration:none}
	.hf-wrap{position:relative;z-index:1;width:min(1350px,calc(100% - 126px));margin:0 auto}
	.hf-mark{position:absolute;top:0;right:0;bottom:0;width:26%;background-repeat:no-repeat;background-position:right center;background-size:contain;opacity:.45;pointer-events:none}
	.hf-ico{width:20px;height:20px;flex:0 0 20px}

	.hf-nav{padding-top:14px;border-bottom:1px solid #dcdcdc}
	.hf-nav__list{display:flex;list-style:none;margin:0;padding:0}
	.hf-nav__item{position:relative;flex:1 1 auto;padding:0 12px;text-align:center;text-transform:uppercase;font-size:15px;line-height:1.2}
	.hf-nav__item+.hf-nav__item::before{content:"";position:absolute;left:0;top:50%;height:20px;margin-top:-10px;border-left:1px solid #dcdcdc}
	.hf-nav__item:first-child{padding-left:0;text-align:left}
	.hf-nav__item a{display:inline-flex;align-items:center;gap:6px;padding:14px 0;transition:opacity .2s}
	.hf-nav__item a:hover{opacity:.55}
	.hf-chev{width:14px;height:14px}

	.hf-main{display:grid;grid-template-columns:minmax(0,30fr) minmax(0,21fr) minmax(0,19fr) minmax(0,30fr);padding:28px 0}
	.hf-col{display:flex;align-items:center;padding:8px 0}
	.hf-col+.hf-col{border-left:1px solid #dcdcdc;padding-left:32px}
	.hf-brand{gap:34px}
	.hf-logo{flex:0 0 190px;width:190px}
	.hf-logo img{display:block;width:100%;height:auto}
	.hf-slogan{position:relative;padding-left:20px;font-size:15px;line-height:1.3;text-transform:uppercase}
	.hf-slogan::before{content:"";position:absolute;left:0;top:0;bottom:24px;width:2px;background:#D7FF00}
	.hf-slogan::after{content:"";display:block;width:34px;height:2px;margin-top:18px;background:#d4d4d4}

	.hf-socials{justify-content:center;gap:16px}
	.hf-social{width:48px;height:48px;border:1px solid #dcdcdc;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:#000;transition:border-color .2s}
	.hf-social svg{width:22px;height:22px}
	a.hf-social:hover{border-color:#000}
	.hf-social--off{cursor:default}

	.hf-contacts{flex-direction:column;align-items:center;justify-content:center;gap:14px}
	.hf-line{display:flex;align-items:flex-start;gap:16px;line-height:1.35}
	.hf-line .hf-ico{margin-top:1px}

	.hf-address{flex-direction:column;align-items:flex-start;justify-content:center}
	.hf-lime{width:32px;height:2px;margin:12px 0 12px 36px;background:#D7FF00}
	.hf-addr{margin-left:36px;line-height:1.4}

	.hf-about{padding:22px 0;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;font-size:14px;line-height:1.6;color:#222}
	.hf-about p{margin:0}

	.hf-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-top:20px;font-size:14px;color:#333}
	.hf-advs{display:flex}
	.hf-adv{display:flex;align-items:center;gap:12px;padding:2px 28px;line-height:1.25;color:#333}
	.hf-adv+.hf-adv{border-left:1px solid #dcdcdc}
	.hf-adv:last-child{border-right:1px solid #dcdcdc}
	.hf-credit{display:flex;align-items:center;justify-content:flex-end;gap:14px}
	.hf-credit::before{content:"";flex:0 0 34px;height:2px;background:#D7FF00}
	.hf-credit b{font-weight:700;color:#000}
}

/* ===== hf-mobile: футер на телефоне (<=767px). Тот же блок .hf-desktop, другая раскладка. Без !important. ===== */
.hf-nav__title{display:none}
@media (max-width:767px){
	.footer>.links-social,.footer>.copyright-bar{display:none}
	.hf-desktop{display:block;position:relative;overflow:hidden;padding:0 0 72px;font-family:Manrope,Inter,Roboto,Arial,sans-serif;font-size:14px;color:#000}
	.hf-desktop *,.hf-desktop *::before,.hf-desktop *::after{box-sizing:border-box}
	.hf-desktop a,.hf-desktop a:hover,.hf-desktop a:focus{color:inherit;text-decoration:none}
	.hf-wrap{position:relative;z-index:1;width:calc(100% - 32px);margin:0 auto}
	.hf-mark{position:absolute;top:150px;right:0;width:62%;height:420px;background-repeat:no-repeat;background-position:right center;background-size:contain;opacity:.4;pointer-events:none}
	.hf-ico{width:18px;height:18px;flex:0 0 18px}

	.hf-nav{padding:22px 0 10px;border-bottom:1px solid #dcdcdc}
	.hf-nav__title{display:block;position:relative;padding-left:12px;margin-bottom:10px;font-size:11px;line-height:1.2;letter-spacing:.18em;text-transform:uppercase;color:#8a8a8a}
	.hf-nav__title::before{content:"";position:absolute;left:0;top:-3px;bottom:-3px;width:2px;background:#D7FF00}
	.hf-nav__list{position:relative;display:grid;grid-auto-flow:column;grid-template-rows:repeat(4,auto);grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;padding:0 0 0 12px}
	.hf-nav__list::after{content:"";position:absolute;left:50%;top:6px;bottom:6px;border-left:1px solid #dcdcdc}
	.hf-nav__item{padding:0;font-size:13px;line-height:1.2;text-transform:uppercase}
	.hf-nav__item:nth-child(n+5){padding-left:20px}
	.hf-nav__item a{display:inline-flex;align-items:center;gap:6px;padding:10px 0}
	.hf-chev{width:14px;height:14px}

	.hf-main{display:flex;flex-direction:column;align-items:center;padding:26px 0 20px}
	.hf-col{display:flex}
	.hf-brand{flex-direction:column;align-items:center;gap:14px;text-align:center}
	.hf-logo{display:block;width:190px}
	.hf-logo img{display:block;width:100%;height:auto}
	.hf-slogan{font-size:10.5px;line-height:1.5;letter-spacing:.24em;text-transform:uppercase;color:#222}
	.hf-slogan br{display:none}
	.hf-socials{justify-content:center;gap:14px;margin-top:20px}
	.hf-social{width:46px;height:46px;border:1px solid #dcdcdc;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:#000}
	.hf-social svg{width:21px;height:21px}
	.hf-social--off{cursor:default}

	.hf-contacts{--hf-cf:clamp(9px,calc((100vw - 130px)/23),12px);width:100%;margin-top:22px;display:grid;grid-template-columns:auto auto auto;align-items:center}
	.hf-contacts .hf-line{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;padding:6px 8px;font-size:var(--hf-cf);line-height:1.3}
	.hf-contacts .hf-line:first-child{padding-left:0}
	.hf-contacts .hf-line:last-child{padding-right:0}
	.hf-contacts .hf-line+.hf-line::before{content:"";position:absolute;left:0;top:50%;height:28px;margin-top:-14px;border-left:1px solid #dcdcdc}
	.hf-contacts .hf-line a,.hf-contacts .hf-line span{display:block;min-width:0;font-size:var(--hf-cf);line-height:1.3;white-space:nowrap}
	.hf-contacts .hf-ico{width:16px;height:16px;flex:0 0 16px;margin:0}

	.hf-address{width:100%;margin-top:18px;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;row-gap:2px;align-items:center;justify-items:start}
	.hf-address .hf-line{display:contents}
	.hf-address .hf-ico{grid-column:1;grid-row:1/span 2;width:24px;height:24px;flex:0 0 24px;margin:0}
	.hf-address .hf-ico path{fill:currentColor}
	.hf-address .hf-ico circle{fill:#f4f4f4;stroke:none}
	.hf-address .hf-line span{grid-column:2;grid-row:1;font-size:14px;line-height:1.3;color:#000}
	.hf-address .hf-lime{display:none}
	.hf-address .hf-addr{grid-column:2;grid-row:2;margin:0;font-size:13px;line-height:1.4;color:#666}
	.hf-address .hf-addr br{display:none}

	.hf-about{padding:18px 0;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;font-size:13px;line-height:1.6;color:#555}
	.hf-about p{margin:0;font-size:13px;line-height:1.6}

	.hf-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"advs advs" "copy credit";align-items:center;column-gap:12px}
	.hf-advs{grid-area:advs;display:flex;padding:16px 0;border-bottom:1px solid #dcdcdc}
	.hf-adv{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:8px;padding:0 8px;font-size:12px;line-height:1.25;color:#222}
	.hf-adv:first-child{padding-left:0}
	.hf-adv:last-child{padding-right:0}
	.hf-adv+.hf-adv{border-left:1px solid #dcdcdc}
	.hf-adv .hf-ico{width:22px;height:22px;flex:0 0 22px}
	.hf-copy{grid-area:copy;padding-top:14px;font-size:11.5px;line-height:1.35;color:#555}
	.hf-credit{grid-area:credit;display:flex;align-items:center;gap:8px;padding-top:14px;font-size:11.5px;color:#333;white-space:nowrap}
	.hf-credit::before{content:"";flex:0 0 22px;height:2px;background:#D7FF00}
	.hf-credit b{font-weight:700;color:#000}
}

/* ===== hf-tablet: футер на планшете (768-1199px). Тот же блок .hf-desktop. Без !important. ===== */
@media (min-width:768px) and (max-width:1199px){
	.footer>.links-social,.footer>.copyright-bar{display:none}
	.hf-desktop{display:block;position:relative;overflow:hidden;padding:0 0 32px;font-family:Manrope,Inter,Roboto,Arial,sans-serif;font-size:13px;color:#000}
	.hf-desktop *,.hf-desktop *::before,.hf-desktop *::after{box-sizing:border-box}
	.hf-desktop a,.hf-desktop a:hover,.hf-desktop a:focus{color:inherit;text-decoration:none}
	.hf-wrap{position:relative;z-index:1;width:calc(100% - 48px);margin:0 auto}
	.hf-mark{display:none}
	.hf-ico{width:18px;height:18px;flex:0 0 18px}

	.hf-nav{padding-top:8px;border-bottom:1px solid #dcdcdc}
	.hf-nav__list{display:flex;list-style:none;margin:0;padding:0}
	.hf-nav__item{position:relative;flex:1 1 auto;padding:0 8px;text-align:center;text-transform:uppercase;font-size:clamp(10px,1.1vw,12.5px);line-height:1.2}
	.hf-nav__item+.hf-nav__item::before{content:"";position:absolute;left:0;top:50%;height:20px;margin-top:-10px;border-left:1px solid #dcdcdc}
	.hf-nav__item:first-child{padding-left:0;text-align:left}
	.hf-nav__item:last-child{padding-right:0}
	.hf-nav__item a{display:inline-flex;align-items:center;gap:4px;padding:12px 0;white-space:nowrap}
	.hf-chev{width:13px;height:13px}

	.hf-main{display:grid;grid-template-columns:minmax(0,28fr) minmax(0,20fr) minmax(0,22fr) minmax(0,30fr);padding:16px 0}
	.hf-col{position:relative;display:flex;align-items:center;padding:6px 0}
	.hf-col+.hf-col{padding-left:20px;padding-right:20px}
	.hf-col+.hf-col::before{content:"";position:absolute;left:0;top:15%;bottom:15%;border-left:1px solid #dcdcdc}
	.hf-brand{gap:20px}
	.hf-logo{flex:0 0 clamp(120px,14vw,150px);width:clamp(120px,14vw,150px)}
	.hf-logo img{display:block;width:100%;height:auto}
	.hf-slogan{position:relative;padding-left:14px;font-size:11px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:#222}
	.hf-slogan::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#D7FF00}

	.hf-socials{justify-content:center;gap:8px}
	.hf-social{width:42px;height:42px;border:1px solid #dcdcdc;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:#000}
	.hf-social svg{width:19px;height:19px}
	.hf-social--off{cursor:default}

	.hf-contacts{flex-direction:column;align-items:center;justify-content:center;gap:10px}
	.hf-contacts .hf-line{width:max-content;max-width:100%}
	.hf-line{display:flex;align-items:flex-start;gap:12px;font-size:12.5px;line-height:1.35}
	.hf-line a,.hf-line span{font-size:12.5px}
	.hf-address{flex-direction:column;align-items:flex-start;justify-content:center}
	.hf-lime{width:28px;height:2px;margin:8px 0 8px 30px;background:#D7FF00}
	.hf-addr{margin-left:30px;font-size:12.5px;line-height:1.4;color:#555}
	.hf-address .hf-ico path{fill:currentColor}
	.hf-address .hf-ico circle{fill:#f4f4f4;stroke:none}

	.hf-about{padding:14px 0;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;font-size:12.5px;line-height:1.55;color:#555}
	.hf-about p{margin:0;font-size:12.5px;line-height:1.55}

	.hf-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"advs advs" "copy credit";align-items:center;column-gap:16px}
	.hf-advs{grid-area:advs;display:flex;padding:12px 0;border-bottom:1px solid #dcdcdc}
	.hf-adv{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:2px 8px;font-size:12.5px;line-height:1.25;color:#222}
	.hf-adv+.hf-adv{border-left:1px solid #dcdcdc}
	.hf-adv .hf-ico{width:22px;height:22px;flex:0 0 22px}
	.hf-copy{grid-area:copy;padding-top:12px;font-size:12px;color:#555}
	.hf-credit{grid-area:credit;display:flex;align-items:center;gap:10px;padding-top:12px;font-size:12px;color:#333;white-space:nowrap}
	.hf-credit::before{content:"";flex:0 0 28px;height:2px;background:#D7FF00}
	.hf-credit b{font-weight:700;color:#000}
}
/* портретный планшет (iPad mini): логотип | иконки над складом | контакты */
@media (min-width:768px) and (max-width:999px){
	.hf-main{grid-template-columns:minmax(0,32fr) minmax(0,38fr) minmax(0,30fr);grid-template-areas:"brand socials contacts" "brand address contacts";column-gap:0;padding:14px 0}
	.hf-brand{grid-area:brand}
	.hf-socials{grid-area:socials;align-self:end;justify-content:center;padding-bottom:6px}
	.hf-address{grid-area:address;align-self:start;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:2px;align-items:center;justify-items:start;padding:6px 20px 6px 20px}
	.hf-address::before{display:none}
	.hf-address .hf-line{display:contents}
	.hf-address .hf-ico{grid-column:1;grid-row:1/span 2;width:22px;height:22px;flex:0 0 22px;margin:0}
	.hf-address .hf-line span{grid-column:2;grid-row:1;font-size:12.5px;line-height:1.3;color:#000}
	.hf-address .hf-lime{display:none}
	.hf-address .hf-addr{grid-column:2;grid-row:2;margin:0;font-size:12px;line-height:1.4;color:#555}
	.hf-address .hf-addr br{display:none}
	.hf-contacts{grid-area:contacts;padding-left:20px;padding-right:20px}
	.hf-socials{grid-row:1;align-self:end;padding-top:6px}
	.hf-socials,.hf-address{grid-column:2}
	.hf-address{grid-row:2;align-self:start;padding-bottom:6px}
	.hf-socials::before{display:none}
	.hf-brand::after{content:"";position:absolute;right:0;top:15%;bottom:15%;border-left:1px solid #dcdcdc}
	.hf-contacts::before{top:15%;bottom:15%}
}

/* hf-desktop-center: иконки и контакты по центру своих колонок (одинаковые отступы от разделителей) */
@media (min-width:1200px){
	.hf-col.hf-socials,.hf-col.hf-contacts{padding-right:32px}
	.hf-contacts .hf-line{width:max-content;max-width:100%}
}
@media (min-width:1200px) and (max-width:1359px){
	.hf-col.hf-socials,.hf-col.hf-contacts{padding-left:20px;padding-right:20px}
	.hf-contacts .hf-line{gap:10px}
}