/* шапка */

/* Прежние общие правила:
html,
body {background-color:#fff;color-scheme:light}
header {padding-bottom:0}
*/
/* ##up start: оформление только полного custom */
html:has(body.template-custom),
body.template-custom {background-color:#fff;color-scheme:light}
body.template-custom header {padding-bottom:0}
/* ##up end */

/* шапка первая линия */

.custom-first-line 		{border-bottom:1px solid var(--main-border);padding:10px 0}
.custom-first-line>div 	{display:flex;flex-flow:row;justify-content:space-between;align-items:center}

.custom-first-city a 			{display:flex;flex-flow:row;align-items:center;justify-content:flex-start}
.custom-first-city .svg-icon	{width:18px;height:18px;margin-right:10px}
.custom-first-city-text 		{font-weight:700}

.custom-first-menu				{flex-grow:1}
.custom-first-menu>nav>ul 		{display:flex;flex-flow:row}
.custom-first-menu>nav>ul>li 	{margin-left:25px;position:relative}

/* выпадающий блок */

.custom-first-menu-parent>span 			{display:block;cursor:pointer;user-select:none}
.custom-first-menu-parent>ul 			{min-width:130px;display:none;flex-flow:column;position:absolute;left:calc(50% + 30px);top:25px;z-index:100;transform:translateX(-50%);padding:0 15px 15px 15px;background-color:#fff;border-radius:var(--radius-big);box-shadow:var(--block-shadow);border:var(--block-border)}
.custom-first-menu-parent>ul::before 	{width:10px;height:10px;content:'';position:absolute;left:30px;top:-5px;transform:translateX(-50%) rotate(45deg);background-color:#fff;box-shadow:-3px -3px 7px rgba(0,0,0,0.04)}
.custom-first-menu-parent>ul>li 		{white-space:nowrap;position:relative;z-index:1;margin-top:15px}
.custom-first-menu-parent.custom-first-menu-open>ul {display:flex}

.custom-first-phone {display:flex;flex-flow:row;align-items:center;justify-content:space-between}
.custom-first-phone-text {margin-right:15px}
.custom-phone-text {font-weight:700;font-size:16px}

.custom-first-messengers 			{display:flex;flex-flow:row;align-items:center}
.custom-first-messengers:not(:empty){margin-left:5px}
.custom-first-messengers a 			{width:26px;height:26px;margin-left:10px}
.custom-first-messengers .svg-icon 	{background-size:26px}

/* шапка вторая линия */

.custom-main-line 		{border-bottom:1px solid var(--main-border)}
.custom-main-line>div 	{display:flex;flex-flow:row;justify-content:space-between;align-items:center}
.custom-main-logo 		{width:180px;margin-right:35px}
.custom-main-catalog 	{width:fit-content;padding:25px 0;margin-right:35px}

.custom-catalog-button 				{width:100%;padding:14px 25px 14px 15px;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;background-color:var(--main-color);border-radius:var(--radius-big)}
.custom-catalog-button .svg-icon 	{width:26px;height:26px;margin-right:15px}
.custom-catalog-text 				{font-size:16px;font-weight:700;color:#fff}
.custom-catalog-button:hover .custom-catalog-text {color:#fff}
.custom-main-search 		{flex-grow:1}
.custom-main-search form 	{border:var(--block-border);border-radius:var(--radius-big);padding:0px 20px 0 45px;display:flex;flex-flow:row;background-image:url(/files/icon/magnifying-glass.svg);background-size:16px 16px;background-position:left 16px center;background-repeat:no-repeat}
.custom-main-search input 	{flex-grow:1}
.custom-main-search button 	{color:#fff;background-color:var(--main-color);border-radius:var(--radius-big);padding:12px 15px;margin:5px 0;font-weight:600}

.custom-main-buttons 			{display:flex;flex-flow:row;margin-left:5px;position:relative}
.custom-main-buttons a 			{display:flex;flex-flow:column;justify-content:center;align-items:center;margin-left:20px;width:75px}
.custom-main-buttons .svg-icon 	{width:50px;height:50px;background-color:var(--main-light);border-radius:var(--radius-big);position:relative}
.custom-main-buttons-count:has(span:not(:empty)) 	{position:absolute;right:-5px;top:-5px;color:#fff;font-size:10px;font-weight:700;border-radius:50%;border:2px solid #fff;background:var(--main-color);padding:3px 5px}
.custom-buttons-text 								{margin-top:10px}
.custom-buttons-text span 							{font-weight:700}

/* уведомление рядом с корзиной */
.custom-cart-notice 		{display:none;position:absolute;z-index:105;right:-15px;top:calc(100% + 15px);width:max-content;max-width:320px;padding:12px 15px;color:var(--main-grey-light);font-size:14px;background-color:#fff;border-radius:var(--radius-big);box-shadow:0 4px 13.7px 0 rgba(0, 0, 0, 0.25)}
.custom-cart-notice:before 	{content:'';position:absolute;right:45px;top:-10px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff}

/* шапка третья линия */

.custom-catalog-line 				{border-bottom:1px solid var(--main-border);position:relative}
.custom-catalog-line>div::before 	{content:'';position:absolute;top:0;right:0;z-index:10;width:100px;height:100%;background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 99%);pointer-events:none}
.custom-catalog-line ul				{display:flex;flex-flow:row;justify-content:flex-start;overflow-x:scroll;overflow-y:hidden;padding-right:100px}
.custom-catalog-line ul::-webkit-scrollbar 				{height:7px}
.custom-catalog-line ul::-webkit-scrollbar-track 		{background-color:#fff;border-radius:var(--radius-big);overflow:hidden}
.custom-catalog-line ul::-webkit-scrollbar-thumb 		{background-color:#fff;cursor:grab;border-radius:var(--radius-big);overflow:hidden}
.custom-catalog-line ul:hover::-webkit-scrollbar-thumb 	{background-color:var(--main-color)}
.custom-catalog-line ul::-webkit-scrollbar-thumb:active {cursor:grabbing}

.custom-catalog-line li 		{white-space:nowrap;margin-right:25px;padding:14px 0 10px 15px;position:relative;user-select:none}
.custom-catalog-line li::before	{display:block;position:absolute;top:17px;left:0;width:6px;height:6px;content:' ';border-radius:50%;background:var(--main-color)}

/* футер */

.custom-footer-first-line {background-color:var(--main-light);padding:50px 0}
.custom-footer-first-line>div {display:flex;flex-flow:row;justify-content:space-between}

.custom-footer-logo-col {width:25%;display:flex;flex-flow:column}
.custom-footer-logo 	{width:180px}
.custom-footer-text 	{line-height:1.4em;font-size:14px;margin-top:20px;width: 100%;}

.custom-footer-messengers				{display:flex;flex-flow:row;align-items:center;margin-top:20px}
.custom-footer-messengers:not(:empty)	{margin-right:10px}
.custom-footer-messengers a 			{width:36px;height:36px;margin-right:15px}
.custom-footer-messengers .svg-icon 	{background-size:36px}

.custom-footer-menu-col 					{width:30%}
.custom-footer-menu-col>nav>ul 				{display:flex;flex-flow:row nowrap;justify-content: space-between;}
.custom-footer-menu-col>nav>ul>li 			{font-weight:700;margin-right:40px;display:flex;flex-flow:column}
.custom-footer-menu-col>nav>ul>li>ul 		{margin-top:10px;display:flex;flex-flow:column}
.custom-footer-menu-col>nav>ul>li>ul>li 	{margin-top:15px;font-weight:400;}
.custom-footer-menu-col>nav>ul>li>ul>li a	{color: var(--main-href)}

.custom-footer-phone-col 	{width:35%;display:flex;flex-flow:column;justify-self:flex-end}
.custom-footer-main 		{display:flex;flex-flow:column}
.custom-footer-head 		{font-size:24px;font-weight:700;line-height:1.4em}
.custom-footer-head-text	{font-size:16px;margin-top:15px;line-height:1.4em;color: var(--main-grey);}

.custom-footer-phone-box 	{display:flex;flex-flow:row;margin-top:30px}
.custom-footer-phone-text	{font-size:18px;font-weight:700;margin-right:30px;max-width:none}
.custom-footer-button a 	{background-color:var(--main-color);color:#fff;padding:8px 25px;font-size:16px;border-radius:var(--radius-big)}

.custom-footer-second-line 		{background-color:var(--main-dark);padding:25px 0}
.custom-footer-second-line>div	{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}
.custom-footer-rights-col 		{color:var(--main-grey-light)}
.custom-footer-rules-col ul 	{display:flex;flex-flow:row}
.custom-footer-rules-col li 	{margin-left:15px}
.custom-footer-rules-col a 		{color:var(--main-grey-light)}

/* мобильна шапка и меню */

.custom-mobile {display:none}

/* фиксированное мобильное меню */

.custom-mobile-fixed			{display:none;position:fixed;bottom:0;left:0;width:100%;z-index:100}
.custom-mobile-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}
.custom-mobile-box>div			{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start;max-width:640px;width:100%}
.custom-mobile-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}
.custom-mobile-box .svg-icon 	{height:26px;width:26px;position:relative}
.custom-mobile-count:has(span:not(:empty)) 	{position:absolute;right:-10px;top:-2px;color:#fff;font-size:8px;font-weight:700;border-radius:50%;border:2px solid #fff;background:var(--main-color);padding:2px 3px 1px}
.custom-mobile-text				{font-size:12px;font-weight:700;color:var(--main-text);margin-top:3px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}
.pwa .custom-mobile-box			{height:82px}

@media screen and (max-width:1140px) {
	.custom-header-desktop 	{display:none}
	.custom-footer-desktop 	{display:none}
	.custom-mobile-fixed 	{display:block}
	.custom-mobile			{display:flex}
	body.template-custom header,
	body.template-mixed-default-custom header {box-shadow:none}
}

/* мобильна шапка и меню */

.custom-mobile 		{background-color:#fff;flex-flow:column}
.custom-mobile-menu {display:none}

/* блок с логотипом и поиском */

.custom-mobile-first 					{display:flex;flex-flow:row;justify-content:space-between; align-items:center;padding:15px 15px 0 15px}
.custom-mobile-logo 					{width:120px}
.custom-mobile-second 					{display:flex;flex-flow:row;align-items:center;padding:15px 15px 0 15px}
.custom-mobile-button-menu a 			{width:36px;height:36px;display:flex;background-color:var(--main-color);border-radius:var(--radius-medium)}
.custom-mobile-button-menu .svg-icon 	{width:36px;height:36px}
.custom-mobile-search 					{display:flex;flex-grow:1;margin-left:15px}
.custom-mobile-search form 				{display:flex;flex-grow:1}
.custom-mobile-search input 			{flex-grow:1;height:36px;padding:0 0 0 15px;background-color:var(--main-light);border-radius:var(--radius-medium)}

/* блок с меню */

.custom-mobile-menu 		{width:320px;height:100dvh;position:fixed;left:0;top:0;z-index:1100;display:flex;flex-flow:column;overflow:hidden;background-color:#fff;transform:translateX(-100%);visibility:hidden;pointer-events:none;transition:transform 0.3s ease, visibility 0s linear 0.3s;will-change:transform}
.custom-mobile-menu-header 	{width:100%;height:65px;flex-shrink:0;position:absolute;left:0;top:0;display:flex;flex-flow:row;justify-content:flex-start;align-items:center;padding:0 15px;background-color:#fff;border-bottom:var(--block-border)}

.custom-mobile-menu-logo 	{width:55px;margin-right: 15px;}
.custom-mobile-name 		{display:flex;flex-flow:column;flex-grow: 1;}
.custom-mobile-shop 		{font-weight:700}
.custom-mobile-activity 	{font-size:12px;color:var(--main-grey);margin-top:5px;}
.custom-mobile-menu-hide 			{width:36px;height:36px;background-color:var(--main-light);border-radius:var(--radius-medium)}
.custom-mobile-menu-hide .svg-icon 	{width:36px;height:36px}

.custom-mobile-scroll 				{height:calc(100dvh - 130px);margin-top:65px;padding-bottom:60px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}

.custom-mobile-section 						{display:flex;flex-flow:column;padding:0px 15px 0 15px}
.custom-mobile-section-name,
.custom-mobile-section span 				{text-transform:uppercase;font-weight:700;margin-top:25px;font-size:12px;color: #000;}
.custom-mobile-section li 					{display:flex;flex-flow:column;margin-top:25px;line-height:1.2em}
.custom-mobile-section-categories li 		{font-weight:400;position:relative}
.custom-mobile-section-categories li:after 	{content:'';position:absolute;right:0;top:2px;width:26px;height:12px;background-image:url(/files/icon/chevron-right.svg);background-repeat:no-repeat;background-size:12px 12px;background-position:center;opacity:0.5}
.custom-mobile-section-rules		{margin-top:25px}
.custom-mobile-section-rules-text 	{font-size:12px;color: #000;}

/* блок с контактами */

.custom-mobile-contacts 			{width:100%;height:65px;flex-shrink:0;position:absolute;left:0;bottom:0;display:flex;flex-flow:row;justify-content:space-between;align-items:flex-start;background-color:#fff;border-top:var(--block-border);padding:15px 15px 0 15px;}

.custom-mobile-phone-number 		{font-weight:700;font-size:16px}
.custom-mobile-phone-text 			{margin-top:7px;font-size:12px;color:#000}
.custom-mobile-messengers 			{display:flex;flex-flow:row}
.custom-mobile-messengers a 		{width:36px;height:36px;margin-left:10px}
.custom-mobile-messengers .svg-icon {background-size:36px}

/* блоки с заливкой */

.custom-mobile-overlay	{visibility:hidden;}
.custom-mobile-overlay-top,
.custom-mobile-overlay-bottom {display: none;}

/* pwa */

.pwa .custom-mobile-scroll 		{height:calc(100dvh - 140px);}
.pwa .custom-mobile-contacts 	{height:75px}

/* открытое мобильное меню */

@media screen and (max-width:1140px) {

	.custom-mobile-overlay			{height:100dvh;width:100dvw;z-index:100;position:fixed;left:0;top:0;opacity:0;background-color:rgba(53,57,65,0.7);pointer-events:none;transition:opacity 0.3s ease, visibility 0s linear 0.3s;}
	.custom-mobile-overlay-top,
	.custom-mobile-overlay-bottom 	{width: 100dvw;z-index: 11000;position:fixed;left:0;background-color: #fff}

	body.custom-mobile-menu-open								{overflow:hidden;overscroll-behavior:none}

	body.custom-mobile-menu-open .custom-mobile-menu			{visibility:visible;pointer-events:auto;transform:translateX(0);transition:transform 0.3s ease, visibility 0s}
	body.custom-mobile-menu-open .custom-mobile-fixed			{display:none}
	body.custom-mobile-menu-open .custom-mobile-second-scroll 	{display:none}

	body.custom-mobile-menu-open .custom-mobile-overlay			{visibility:visible;opacity:1;pointer-events:auto;transition:opacity 0.3s ease, visibility 0s}
}

@media screen and (max-width:480px) {

	.custom-mobile-menu {width:100dvw}

	body.custom-mobile-menu-open .custom-mobile-overlay-top		{display:flex;flex-shrink: 0;height: 50px;top:-45px}

	html:not(.pwa) body.custom-mobile-menu-open .custom-mobile-overlay-bottom {display:flex;flex-shrink: 0;height:100px;bottom:-95px;}
}

/* догоняющая шапка */

.custom-header-scroll {display:none}
.custom-main-line-placeholder,
.custom-mobile-second-placeholder {display:block;height:0}

.custom-main-line.custom-main-line-scroll {position:fixed;left:0;top:0;z-index:101;width:100%;background-color:#fff}
.custom-main-line.custom-main-line-scroll .custom-main-catalog {padding: 15px 0;}

@media screen and (max-width:1140px) {
	.custom-mobile-second.custom-mobile-second-scroll {position:fixed;left:0;top:0;z-index:101;width:100%;padding-bottom:15px;background-color:#fff}
}

/* ##up start: общие размеры мобильных элементов */
.custom-mobile-search, .custom-mobile-search form, .custom-mobile-search input {min-width:0}
.custom-mobile-logo img, .custom-mobile-menu-logo img, .custom-footer-logo img {max-width:100%;height:auto}
@media screen and (max-width:1140px) {
 .pwa body.template-custom footer,
 .pwa body.template-mixed-default-custom footer {padding-bottom:90px}
}
/* ##up end */