/* дефолтные переменные */
:root {
	--main-font:'Nunito Sans', Arial, Helvetica, sans-serif;
	--pmw:1140px;
	--main-light:#f6f7f9; /*eef0f2*/
	--main-color:#aabb8f;
	--main-dark:#353941;
	--main-grey:#353941;
	--main-grey-light:#e2e4e7;
	--main-border:#f3f4f5;
	--main-h:#000;
	--main-text:#000;
	--main-href:#0071bc;
	--main-href-hover:#99c;
	--main-hover-opacity:0.7;
	--main-notice:red;
	--radius-max:15px;
	--radius-big:10px;
	--radius-medium:7px;
	--radius-small:5px;
	--radius-min:3px;
	--block-shadow:0 0px 7px var(--main-light);
	--block-border:1px solid var(--main-border);
	--desktop-box-margin:30px;	/*для блоков содержащих h2*/
	--desktop-box-padding:30px; 
	--desktop-margin:25px;
	--desktop-padding:25px;
}
@media screen and (max-width:1140px) {
	:root {
		--main-href-hover:var(--main-href);
		--main-hover-opacity:1;
	}
}
@media screen and (max-width:480px) {
	:root {
		--desktop-box-margin:25px;
		--desktop-box-padding:25px; 
		--desktop-margin:20px;
		--desktop-padding:20px;
	}
}

html		{width:100%;margin:0 auto;position:relative}
header 		{position:relative;z-index:100}
body		{font-family:var(--main-font);font-weight:400;color:var(--main-text);text-align:left;font-size:14px;letter-spacing:.30px;margin:0 auto;overflow-y:scroll;display:flex;flex-flow:column;justify-content:space-between;width:100%;min-width:310px;min-height:100vh;position:relative}
main		{z-index:0;margin:0 auto;padding-bottom:30px;flex-grow:1;width:100%;background-color:#fff;min-height:250px;height:100%;justify-content:center;position:relative}
footer		{margin:0 auto 0;position:relative;z-index:5;width:100%;padding:0 0}
.pmw		{width:var(--pmw)!important;margin-left:auto!important;margin-right:auto!important;position:relative;display:flex;flex-flow:column}
h1 			{font-size:26px;font-weight:700;color:var(--main-h);line-height:1.2em;max-width:1000px}
h2			{font-size:22px;font-weight:700;color:var(--main-h);margin-top:25px;line-height:1.2em} 
h3			{color:var(--main-h)}
p			{color:var(--main-text);font-weight:400;letter-spacing:.25px;line-height:1.4em;margin-top:20px}
a			{text-decoration:none;color:var(--main-href);transition:color .2s ease-in-out}
a:hover 	{color:var(--main-href-hover)}
.hide		{display:none}
.show		{display:block}

a[href^="tel:"] {
	color:var(--main-text);
}

@media screen and (max-width:1140px) {
	.pmw	{width:100%!important;padding:0 15px}
}
@media screen and (max-width:768px) {
	h1 {font-size:24px}
	h2 {font-size:21px}
}

/* уведомление */
.header-warning-line	{display:flex;flex-flow:column;position:relative;align-items:stretch}
.warning-pos 			{position:relative;padding:14px 45px;background-color:var(--main-light);width:100%;border-radius:var(--radius-medium);margin:20px 0 0}
.warning-text	 		{color:var(--main-text);margin:0;text-align:center;font-weight:600;line-height:1.4em}
.warning-close 			{position:absolute;right:20px;top:calc(50% - 9px)}
.warning-close a 		{display:block;width:18px;height:18px}
@media screen and (max-width:1140px) {
.warning-pos 		{margin-top:15px}
}

/* кнопка прокрутки наверх */
.top-scroll				{z-index:150;width:60px;height:100%;background:var(--main-dark);text-align:center;position:fixed;bottom:0;right:0;cursor:pointer;display:none;opacity:.75}
.top-scroll:after 		{margin-top:80px;display:block;content:'';height:20px;background-image:url(/files/icon/white/chevron-up.svg);background-repeat:no-repeat;background-position:center top;background-size:12px}
.top-scroll:hover		{opacity:1}
.compensate-for-scrollbar .top-scroll {right:17px}

@media screen and (max-width:1440px) {
	.top-scroll			{width:100px;height:30px;top:15px;left:auto;right:calc(50% - 50px);border-radius:var(--radius-medium);padding-top:2px;z-index:5000}
	.top-scroll:after	{margin-top:5px}

}

/* шапка */
header 						{box-shadow:var(--block-shadow);padding-bottom:20px}
.header-box 				{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:stretch;padding-top:20px;position:relative}
.common-logo 				{width:220px;padding:12px 25px;margin-right:40px;background-color:var(--main-light);border-radius:var(--radius-big);align-items:center;display:flex;justify-content:center}
.common-logo img 			{width:100%;height:75px}
.header-info 				{display:flex;flex-flow:column;flex-grow:1}
footer .common-logo			{background-color:#fff}

/* полоса контакты */
.header-contacts			{padding-top:20px}
.common-contacts ul			{display:flex;flex-flow:row nowrap;flex-grow:1;justify-content:space-between;align-items:center}
.common-contacts ul	li		{flex:1}
.common-contacts .svg-icon	{display:block;width:20px;height:20px;margin-right:15px;background-size:20px 20px}
.common-contacts .icon-whatsapp-brands,
.common-contacts .icon-telegram-brands,
.common-contacts .icon-max-brands {width:26px;height:26px;background-size:26px 26px}

.common-address>div			{display:flex;flex-flow:row nowrap;align-items:center}
.common-address-text		{font-size:14px;color:#000;white-space:nowrap}
.common-email>*				{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}
.common-email-text			{font-size:14px}
.common-online>*				{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}
.common-online-text			{font-size:14px}
.common-phone				{display:flex;flex-flow:row nowrap;align-items:center}
.common-phone>a				{display:flex;flex-flow:row nowrap;align-items:center}
.common-phone>a:first-child	{margin-right:25px}
.common-phone>a:last-child	{margin-right:0}
.common-phone-text			{font-weight:700;font-size:16px;color:#000;/*margin-right:25px*/;white-space:nowrap;}

.common-address				{justify-content:flex-start}
.common-email				{justify-content:center}
.common-phone				{justify-content:flex-end}

footer .common-address		{display:none}
footer .common-online		{display:none}
footer .common-email		{display:none}

/* первая полоса меню */
.header-info-first 			{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}

/* меню страниц */
.common-menu				{width:100%;margin-right:25px}
.common-menu ul				{display:flex;flex-flow:row nowrap;justify-content:space-between;border-bottom:var(--block-border);padding:0}
.common-menu ul	li			{padding:15px 0;white-space:nowrap}
.common-menu ul	li:first-child{margin-left:0}
footer .common-menu ul		{border-bottom:none}

/* войти + избранное */
.common-buttons ul						{display:flex;flex-flow:row nowrap}
.common-buttons ul li					{margin-left:25px;text-align:center;width:150px;display:flex}
.common-buttons ul li:first-child		{margin-left:0}
.common-buttons ul li a					{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;padding:9px 15px;width:100%;border-radius:var(--radius-big);background-color:var(--main-light);color:#000;font-weight:700}
.common-buttons ul li a .svg-icon		{width:20px;height:20px;background-size:18px 18px;background-position:center center}
.common-buttons-text 					{margin:0;align-self:center;flex-grow:1}
footer .common-buttons ul li a 			{background-color:#FFF}

/*//////////////*/
/* вторая полоса */
.header-info-second				{margin:25px 0 0;display:flex;flex-flow:row nowrap;width:100%;justify-content:space-between;align-items:center}

/* каталог + поиск */
.common-main-catalog				{/*width:100%*/}
.common-main-catalog ul				{display:flex;flex-flow:row nowrap;justify-content:flex-start}
.common-main-catalog li 			{margin-left:25px;width:160px;display:flex}
.common-main-catalog li:first-child	{margin-left:0}
.common-main-catalog a				{padding:9px 15px;border-radius:var(--radius-big);font-weight:700;display:flex;flex-flow:row nowrap;align-items:center;width:100%;text-align:center}
.common-main-catalog a .svg-icon 	{width:20px;height:20px;background-size:18px 18px;background-position:center center}
.common-main-catalog-text	{margin:0;align-self:center;flex-grow:1}

.catalog-button 			{background-color:var(--main-color);color:#fff;transition:none}
.catalog-button:hover		{color:#fff}
.catalog-button-active		{background-color:var(--main-light);color:#000!important}
.catalog-button-active .svg-icon {background-image:url(/files/icon/times.svg)}
.search-button				{color:#000;border:var(--block-border)}
.search-button:hover		{color:#000}

/* прямая ссылка на каталог */
.header-info-second .common-main-catalog li:has(.catalog-button-direct)	{display:none}

/* выпадающее меню */
.catalog-menu			{position:absolute;top:100%;padding:10px 10px;margin-top:45px;left:0;border-radius:var(--radius-big);;background-color:#fff;width:var(--pmw)}
.catalog-menu>div		{width:100%;height:100%;max-height:650px;flex:0 0 auto;padding:0 15px 0 12px}
/* затенение main + footer при открытом меню */
.background-fill	 	{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, .75);z-index:10}

/* адрес + корзина */
.common-info-customer		{flex-grow:1;padding-left:30px;max-width:505px}
.common-info-customer ul	{display:flex;flex-flow:row nowrap}
.common-info-customer ul li	{margin-left:50px;flex-grow:1;min-width:200px}
.common-info-customer ul li:first-child{margin-left:0}

.common-info-customer ul a	{display:flex;flex-flow:column; position:relative}
.common-info-customer .svg-icon {position:absolute;left:-32px;top:-7px;width:26px;height:26px}
.common-info-text 	{font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.common-info-small 	{font-size:12px;color:#000;margin-top:5px;line-height:1.2em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:opacity .5s ease-in-out}

@media screen and (max-width:1140px) {
	.common-info-customer	 {padding-left:0;max-width:100%}
	.common-info-customer ul {flex-flow:column}
	.common-info-customer ul li {margin-left:0}
}

/* упрощенная шапка при прокрутке страницы */
.header-scroll 						{display:none;position:fixed;right:0;top:0;width:100%;background-color:#fff;padding:10px 0;border-bottom:var(--block-border)}
.header-scroll-content 				{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between}
.header-scroll .common-logo			{width:130px;margin:0px;padding:0;background:transparent;border:none!important}
.header-scroll .common-logo img 	{width:100%;height:auto!important}
.header-scroll .search-button 										{width:auto}
.header-scroll .search-button .common-main-catalog-text	 			{display:none}
.header-scroll .common-main-catalog li:has(.search-button)			{width:auto}
.header-scroll .common-buttons ul li 								{width:auto}
.header-scroll .common-buttons-text 								{display:none}
.header-scroll .common-main-catalog li:has(.catalog-button-popup)	{display:none}

/* компенсация при открытом fancybox */
.compensate-for-scrollbar .header-scroll {padding-right:17px}
@media screen and (max-width:1140px) {
	.header-scroll {display:none !important}
}

/* футер */
footer 				{background-color:var(--main-light)}
.footer-first		{background-color:#fff;padding:30px 0;border-top:var(--block-border)}
.footer-first>div 	{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}
.footer-second		{padding:30px 0}
.footer-second>div	{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:stretch}
.footer-info 		{display:flex;flex-flow:column;padding:0px 0;flex-grow:1}
.footer-menu 		{display:flex;flex-flow:row nowrap;justify-content:space-between}
.footer-text 		{margin-top:15px;border-top:1px solid var(--main-grey-light);padding-top:25px}
.footer-text p		{margin-top:10px}
@media screen and (max-width:640px) {
.footer-text-oferta			{display:flex;flex-flow:column}
.footer-text-oferta a		{margin-top:15px}
.footer-text-oferta span	{display:none}
}

/* мобильная шапка */
.header-mobile				{display:none;flex-flow:column;padding:15px 0}

/* компактная шапка */
.mobile-box-compact 		{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}
.mobile-logo-compact img 	{height:36px}
.mobile-menu-btn-compact a	{display:flex;width:36px;height:36px;border:var(--block-border);border-radius:var(--radius-small);background-repeat:no-repeat;background-image:url(/files/icon/bars.svg);background-size:18px 18px;background-position:center center}

/* дефолтная шапка */
.mobile-logo-default	 	{display:flex;align-items:center;justify-content:center;background:var(--main-light);border-radius:var(--radius-small)}
.mobile-logo-default a		{display:flex;overflow:hidden;padding:0;height:70px}
.mobile-logo-default img	{height:30px;align-self:center}
.mobile-box-default				{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:stretch;margin-top:15px}
.mobile-menu-btn-default		{display:flex;flex-grow:1;height:36px}
.mobile-menu-btn-default a		{display:flex;justify-content:center;align-items:center;padding:0;width:100%;font-weight:700;color:var(--main-text);background-color:var(--main-light);border-radius:var(--radius-small);background-repeat:no-repeat;background-position:center left 20px;background-image:url(/files/icon/bars.svg)}
.mobile-mess-btn				{width:36px;background-color:var(--main-light);margin-left:15px;border-radius:var(--radius-small)}
.mobile-mess-btn .svg-icon		{display:block;width:100%;height:100%;background-size:26px 26px}
.mobile-menu-btn-active a		{background-image:url(/files/icon/times.svg)}

/* выпадающее меню */
.mobile-menu						{display:none;margin-top:5px;background-color:#fff}
.mobile-menu ul						{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch}
.mobile-menu li						{width:calc(50% - 5px);margin-top:10px}
.mobile-menu a						{display:block;border-radius:var(--radius-small);color: var(--main-text);background-color: var(--main-light);padding:11px 0;font-weight:600;text-align:center}
.mobile-menu-active					{background-color:var(--main-light);border-color:var(--main-light)!important}
@media screen and (max-width:1140px) {
	header 					{padding-bottom:0}
	.header-desktop			{display:none}
	.header-mobile			{display:flex}
}

/* мобильный футер */
@media screen and (max-width:1140px) {
	footer {padding-bottom:60px}
	.footer-first							{padding:10px 0}
	.footer-first>div 						{flex-flow:column}
	.footer-first .common-main-service li,
	.footer-first .common-info-customer li 	{padding:12px 0;text-align:center;line-height:1.4em}
	.footer-first .common-contacts 			{border:none;padding:15px 0}
	.footer-second 							{padding:15px 0 25px}
	.footer-second>div 						{flex-flow:column}
	.footer-second .common-logo				{display:none}
	.footer-menu 							{justify-content:center}
	.footer-menu .common-menu 				{display:none}
	.footer-menu .common-buttons ul 		{flex-flow:column}
	.footer-menu .common-buttons ul li 		{margin:15px 0 0 0;width:200px}
	.footer-menu .common-buttons ul li a 	{width:260px;justify-content:center;border-radius:var(--radius-small)}
	.footer-text 							{text-align:center}
	.footer-first .icon-truck				{display:none}
	.footer-first .icon-cart-shopping-fast	{display:none}
	.footer-first .icon-comment-dots		{display:none}
}

/* бегающее меню */
.mobile-customer-fixed			{display:none;position:fixed;bottom:0;left:0;width:100%;z-index:100}
.mobile-customer-box 			{height:52px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start;background-color:#fff;border-top:var(--block-border);padding:5px 0px 5px}
.mobile-customer-box>div		{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start;max-width:640px;width:100%}
.mobile-customer-box a 			{display:flex;flex-flow:column;justify-content:center;align-items:center;flex:1 1 0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mobile-customer-box .svg-icon 	{height:26px;width:26px}
.mobile-text 					{font-size:10px;font-weight:700;color:#666;margin-top:3px;padding:1px 0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;transition:opacity .5s ease-in-out}

.pwa .mobile-customer-box	 	{height: 82px;}
.pwa .mobile-product-fixed		{bottom: 81px;}

@media screen and (max-width:1140px) {
	.mobile-customer-fixed {display:block}
}

/* уведомления добавлено/удалено избранное/корзина */
.action-notice 					{display:none;background-color:rgba(0, 0, 0, .75);color:#fff;border-radius:var(--radius-big)  var(--radius-big) 0 0 ;text-align:center;width:300px;position:fixed;right:calc(50vw - 150px);bottom:0px;z-index:10000}
.action-notice-box				{display:flex;flex-flow:column; align-items:center;justify-content:center;height:42px;line-height:1.2em}
.action-notice-box .svg-icon 	{width:18px;height:18px;margin:0 10px}

/* компенсация при открытом fancybox */
.compensate-for-scrollbar .action-notice {margin-right:17px}

@media screen and (max-width:1140px) {
.action-notice 						{bottom:80px;right:calc(50vw - 90px);border-radius:var(--radius-big);font-size:12px;width:180px}
.action-notice-box 					{height:36px}
.page-product .action-notice 		{bottom:120px}
.pwa .page-product .action-notice	{bottom:150px}
}

/* уведомление про использование куки*/
#cookie-banner 			{position:fixed;bottom:15px;left:15px;right:15px;max-width:400px;background:#fff;padding:15px 20px;border:var(--block-border);border-radius:var(--radius-big);box-shadow:var(--block-shadow);z-index:9999;display:none}
#cookie-banner p		{margin:0 0 10px;font-size:14px;line-height:1.4em}
#cookie-banner button 	{margin-right:10px;padding:6px 12px;font-size:14px;border:none;border-radius:var(--radius-medium);cursor:pointer}
#cookie-accept			{background-color:var(--main-dark);color:#fff}
#cookie-close 			{background-color:var(--main-grey-light)}