/*** Основные цвета ***/ :root{ --color-primary: var(--color-green); /* освновной */ /* освновной */ --color-secondary: var(--color-green-l); /* дополнительный 1 */ --color-tertiary: var(--color-grey-d); /* дополнительный 2 */ --color-black: #212121; --color-black-l: #545454; --color-white: #ffffff; --color-blue: #4169E2; --color-blue-d: #204C87; --color-green: #00A692; --color-green-l: #E1F2F1; --color-yellow: #F4C530; --color-yellow-l: #FFD166; --color-red: #E73245; --color-red-20: #E7324533; --color-red-d: #A30A1C; --color-grey-d: #A0B3C0; --color-grey: #D2DFE8; --color-grey-l: #E0EDEB; /*Тень*/ --shadow: 0px 4px 24px 0px rgba(0, 58, 51, 0.05); --color-star: #D2DFE8; /* звезда рейтинга неактивная */ --color-starActive: #FFD166; /* звезда рейтинга активная */ --bg: #F8F8F8; /* фон */ --line: #D2DFE8; /* линии разделения */ --bgImg: #ffffff; /* фон под фото */ --bg-fancybox-color: #212121; /* затемнение в всплывашках */ --bg-fancybox-opacity: 0.8; /* прозрачность затемнения */ /*Неактивные*/ --color-btnDisabled: #A0B3C0; /* неактивная кнопка button */ --color-inputDisabled: #E8F0F6; /* неактивной кнопка checkbox */ --color-labelDisabled: #A0B3C0; /* текст label у неактивной кнопки checkbox*/ /*Ошибки*/ --error-color: #EF6057; /* фон */ --error-color-text: #FFFFFF; /* текст */ /*Всплывающие окна*/ --noty-color-bg: #ffffff; /* фон */ --noty-color-title: #212121; /* заголовок */ --noty-color-ok: #329A66; /* при успешном */ --noty-color-error: #E73245; /* при ошибке */ --noty-color-title-error: #212121; /* заголовок при ошибке */ --noty-color-text: #212121; /* основной текст */ /*Календарь в ОЗ*/ --date: #212121; /* текст */ --date-active: #00A692; /* активная дата */ --data-active2: #FFFFFF; --date-dispabled: #C1CCC8; /* неактиная дата */ --date-next: #C1CCC8; /* дата прошлая/следующая неделя */ --date-bg: #ffffff; /* фон */ --date-bg-borderColor: #F0F6F4; /* граница */ --date-line: #F0F6F4; /* линия между месяцем и календарем */ --date-borderRadius: 8px; /* радиус границы */ --date-borderHeight: 2px; /* высота границы */ --date-arrow: #C1CCC8; /* стрелочка */ --date-arrowActive: #329A66; /* стрелочка при наведении */ --date-weight: 600; /* толщина жирного текста */ --date-shadow: none; /* толщина жирного текста */ --date-family: font-family: 'Mulish', sans-serif; /* шрифт */ } html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;} body{position: relative;font-family: 'Mulish', sans-serif;font-size: 16px;font-weight: 400;background: var(--bg);color: var(--color-black);overflow-x: hidden;margin:0;padding:0;word-break: break-word;} body.fixed_{overflow: hidden !important;} *, *:before, *:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .wrapper{overflow: hidden;} .container{margin-right:auto;margin-left:auto;padding-left: 16px;padding-right: 16px;width:100%;} .row{display: flex;flex-wrap: wrap;flex-direction: row;align-items: flex-start;justify-content: flex-start;} .clear{clear:both;} .clearfix:after{display: block;content: ".";clear: both;font-size: 0;line-height: 0;height: 0;overflow: hidden;} a{color: inherit;text-decoration:none;cursor:pointer;} a:hover, a:active{outline:0;text-decoration:none;} img{max-width: 100%;height: auto;vertical-align: middle;border: 0;} p{margin: 0;} input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance: none} input[type=number]{-moz-appearance: textfield} button{padding: 0;border: 0;background: 0 0} button,input,textarea{font: inherit} button:not([disabled]){cursor: pointer} a,button,input,textarea{color: inherit;outline: 0} /*** Input Select Textarea ***/ input, select{height:44px;} input[type="password"]{padding-right: 50px;} input, select, textarea{font-family: 'Mulish' , sans-serif;transition: 0.3s;border-radius: 8px;background: var(--color-white);border: 1px solid var(--color-grey);padding: 0 20px;font-size: 14px;color: var(--color-black);width: 100%;max-width: 350px;} input::placeholder , textarea::placeholder, select::placeholder{color: var(--color-tertiary);} input:focus, textarea:focus{border-color: var(--color-primary);} input, select, textarea, input[type="text"], input[type="password"], input[type="date"], input[type="number"], input[type="email"], input[type="search"]{outline: 0;} input[type="text"], input[type="number"]{-webkit-appearance: none;-moz-appearance: none;appearance: none;-moz-appearance: textfield;} textarea{width: 100%;resize:none;padding: 16px;} select:focus, textarea:focus{outline: 0;} input.error{border-color: var(--color-red);} /* удаление иконки очистки поля в IE */ input[type="text"]::-ms-clear{ display: none; } /* удаление иконки отображения пароля в IE */ input[type="password"]::-ms-reveal{ display: none; } .adaptive_indent{margin-top: 60px;} @media (min-width: 1166px){ .container{max-width: 1166px;} } @media (max-width: 767px){ form label{font-size:14px} .adaptive_indent{margin-top:40px;} } .selectBlock{position: relative;width: 100%;overflow: hidden;} .selectBlock select, .selectBox .select{padding-right: 50px;max-width: 100%;cursor: pointer;width: 100%;-webkit-appearance: none !important;-moz-appearance: none !important;appearance: none !important;} .selectBlock:after{cursor: pointer;content: " ";width: 12px;height: 12px;position: absolute;background-color:var(--color-tertiary);top: 50%;right: 20px;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;pointer-events: none;box-sizing: border-box;-webkit-mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: contain;} .selectBlock:after{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.35092 2.756C0.575682 2.53163 0.880484 2.40559 1.1983 2.40559C1.51611 2.40559 1.82091 2.53163 2.04567 2.756L5.99251 6.69709L9.93934 2.756C10.0499 2.64169 10.1822 2.55051 10.3284 2.48779C10.4746 2.42507 10.6319 2.39205 10.791 2.39067C10.9502 2.38929 11.108 2.41957 11.2553 2.47975C11.4026 2.53992 11.5364 2.62879 11.649 2.74116C11.7615 2.85353 11.8505 2.98716 11.9107 3.13424C11.971 3.28133 12.0013 3.43892 12 3.59783C11.9986 3.75675 11.9655 3.91379 11.9027 4.05981C11.8399 4.20582 11.7486 4.33788 11.6341 4.44829L6.83988 9.23553C6.61512 9.45989 6.31032 9.58594 5.99251 9.58594C5.67469 9.58594 5.36989 9.45989 5.14513 9.23553L0.35092 4.44829C0.126226 4.22385 0 3.91949 0 3.60214C0 3.28479 0.126226 2.98043 0.35092 2.756Z' fill='%23C1CCC8'/%3E%3C/svg%3E");} .selectBlock:hover::after, .selectBlock:focus-within::after, .selectBlock:active::after{background-color: var(--color-primary) !important;} .selectBlock:hover select{border-color: var(--color-primary);} /**/ select.input{-webkit-appearance: menulist;cursor: pointer;} select:focus{border-color: var(--color-primary);} select option[selected="selected"]{background: transparent;color: var(--color-black);} select option:checked{color: var(--color-white);font-weight: 500;background: var(--color-primary);} select option[disabled="disabled"]{background: var(--color-btnDisabled);color: var(--color-white);} .pp{text-align: center;font-size: 12px;color: var(--color-tertiary);position: relative;display: flex;} .pp a{color: var(--color-tertiary);transition: 0.3s;} .pp a:hover{color: var(--color-primary);} .button_pp{display:flex;align-items: center;width: 100%;} .button_pp .pp{text-align:left;margin-left: 30px;} .col-100{width:100%;} .col-left{width: 280px;;margin-right: 16px;} .col-right{width: calc(100% - 280px - 16px)} input[type="checkbox"]{overflow: hidden;min-width: 20px;width: 20px;height: 20px;border-radius: 4px;background: transparent;margin: 0;padding: 0;display: block;position: relative;text-align: center;cursor: pointer;-webkit-tap-highlight-color: transparent;-webkit-appearance: none;transition: all 0.3s ease;border-color: transparent !important;} input[type="checkbox"]:after{content: '';opacity: 0;visibility: hidden;transition: 0.3s;background-color: var(--color-white);display: block;width: 12px;height: 12px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: contain;} input[type="checkbox"]:after{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cg clip-path='url(%23clip0_2259_17394)'%3E%3Cpath d='M4.51556 11.25C4.26472 11.25 4.02688 11.137 3.86811 10.942L0.186521 6.41183C-0.103683 6.05448 -0.0493114 5.52979 0.308273 5.23945C0.665857 4.94944 1.19089 5.00377 1.48143 5.36112L4.49154 9.06525L10.5004 1.10497C10.778 0.737622 11.3007 0.664286 11.6682 0.941629C12.0358 1.21897 12.1092 1.74132 11.8317 2.10867L5.18136 10.9187C5.10514 11.0196 5.00694 11.1019 4.89419 11.1593C4.78144 11.2167 4.65709 11.2477 4.53057 11.25H4.51556Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2259_17394'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} input[type="checkbox"]:checked:after{opacity: 1;visibility: visible;} input[type="checkbox"]:checked{background-color: transparent;border-color: transparent;} input[type="checkbox"]:before{content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: 0.3s;background: var(--color-white);border-radius: 4px;border: 1px solid #DEEBE7;} input[type="checkbox"]:checked:before{background: var(--color-primary);} input[type="radio"]{overflow: hidden;min-width: 20px;width: 20px;height: 20px;border: 1px solid var(--color-grey);background: transparent;border-radius: 50%;margin: 0;padding: 0;display: block;position: relative;text-align: center;cursor: pointer;-webkit-tap-highlight-color: transparent;-webkit-appearance: none;transition: all 0.3s ease;} input[type="radio"]:after{content: '';visibility: hidden;opacity: 0;border-radius: 50%;transition: 0.3s;background-color: var(--color-primary);display: block;width: 10px;height: 10px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} input[type="radio"]:checked:after{opacity: 1;visibility: visible;} input[type="radio"]:checked{background-color: transparent;} /* мышь, тачпад */ @media (hover: hover) and (pointer: fine){ input[type="checkbox"]:hover{background-color: transparent;border-color: transparent;} } input[type="checkbox"]:focus{border: 0;} /* Поле автозаполнения */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus input:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus{ transition: background-color 5000s ease-in-out 0s; -webkit-text-fill-color: var(--color-black); -webkit-box-shadow: inherit; transition: background-color 5000s ease-in-out 0s; font-size: 14px; -webkit-box-shadow: 0 0 0 30px white inset !important; } /* Кастомный скролл на webkit*/ ::-webkit-scrollbar-track{border-radius: 2px;background-color: #ffffff20} ::-webkit-scrollbar{width: 4px;height: 4px;background-color: #ffffff;border-radius: 2px;overflow: hidden;} ::-webkit-scrollbar-thumb{border-radius: 2px;background-color: var(--color-grey)} /*firefox*/ @supports not selector(::-webkit-scrollbar){ *{scrollbar-color: #D2DFE8 #ffffff;scrollbar-width: thin;} /* цвет ползунка и фона, толщина */ } /* Цвет плейсхолдера */ ::-webkit-input-placeholder{color: var(--color-tertiary)} ::-moz-placeholder{color: var(--color-tertiary)} :-moz-placeholder{color: var(--color-tertiary)} :-ms-input-placeholder{color: var(--color-tertiary)} /**/ .input.input--error,.input.invalidInput{border-color: var(--error-color);} .input.invalidInput + label{display: block;color: var(--error-color);font-size: 12px;text-align: left;margin-top: 5px} :focus::-webkit-input-placeholder{color: transparent} :focus::-moz-placeholder{color: transparent} :focus:-moz-placeholder{color: transparent} :focus:-ms-input-placeholder{color: transparent} /* Radio input*/ .radio{position: relative} .radio .radio-hidden{display: none} .radio .radio-name{position: relative;display: block;padding-left: 28px;line-height: 20px;cursor: pointer} .radio .radio-name:after,.radio .radio-name:before{position: absolute;background-color: #fff;content: ''} .radio .radio-name:before{top: 0;left: 0;width: 20px;height: 20px;border: 1px solid #ccd8df;border-radius: 4px;-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out} .radio .radio-name:after{top: 6px;left: 6px;width: 8px;height: 8px;border-radius: 4px;opacity: 0;visibility: hidden;-webkit-transform: translateY(-10px);transform: translateY(-10px);-webkit-transition: all .15s ease-in-out;transition: all .15s ease-in-out} .radio .radio-hidden:checked + .radio-name:after{opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0)} .radio .radio-hidden:checked + .radio-name:before{background-color: var(--color-primary);border-color: var(--color-primary)} .radio .radio-name:hover:before{border-color: #b1bfc8} /* Заголовки */ h1, h2, h3, h4, h5, h6{text-rendering: optimizelegibility;margin:0;padding:0;font-family: 'Mulish' , sans-serif;font-weight: 400;} h1{font-size: 36px;} h2{font-size: 30px;} h3{font-size: 24px;} h4{font-size: 21px;} h5{font-size: 18px;} h6{font-size: 16px;} /* Вспомогательные классы */ ol.unstyled, ul.unstyled{margin: 0;padding: 0;list-style: none;list-style-position: inside;} dt, dd{line-height: 1.4;} .required em{color: #ff1048;} .left{float: left;} .right{float: right;} .text-center{text-align: center !important;} .text-left{text-align: left !important;} .text-content{} .bold{font-weight:bold;} .noscript{position: relative;text-align: center;background-color: var(--color-primary);color: #fff;top: 0;z-index: 999;width: 100%;padding: 10px 0;} .noscript h4, .noscript h5{color: #fff;} .underline{text-decoration: underline;color:var(--color-primary);} .underline:hover{text-decoration:none;} .unselectable{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .selectable{-webkit-user-select: auto;-moz-user-select: text;-ms-user-select: text;user-select: text;} .f-fix{float: left;width: 100%;} .red{color: var(--error-color);} .fadeout{opacity: 0;filter: alpha(opacity=0);} .fadein{opacity: 1;filter: alpha(opacity=100);} .separator{display: inline-block;width: 1px;height: 18px;background: var(--color-black);margin: 0 5px;text-indent: 9999px;} .tc{color: var(--color-primary)!important} .blockquote{padding: 0 0 0 15px;margin: 0 0 20px;border-left: 3px solid var(--color-primary);text-align: left;line-height: 25px;font-size: 14px;color: var(--color-black);} .DescriptionBlock a{text-decoration:underline} .DescriptionBlock a:hover{color: var(--color-primary);} .no-padding .DescriptionBlock{font-size: 14px;} .no-padding .DescriptionBlock p{line-height: 1.8;} .index#main .DescriptionBlock{border: 1px solid #dce4e9;margin-bottom: 0;padding: 15px} .pseudo-link{position: relative;color: var(--color-primary);} .pseudo-link:hover:after{border-bottom-color: transparent} /* Уведомления */ .success, .warning{display: none;} .quickformfast .success,.quickformfast .warning, .no-js .success,.no-js .warning{display:block;} .attention, .information, .success, .warning{border-radius: 12px;position: relative;color: var(--color-white);min-height: 40px;margin-bottom: 16px;overflow: hidden;padding: 12px;font-size: 16px;background: var(--color-primary)} .noty_theme__sunset.noty_type__error{margin: 0;background: none;} .noty_theme__sunset.noty_type__warning{background: transparent;} .noty_theme__sunset.noty_bar{padding-bottom: 10px;} .warning{} .attention{} .success{} .success .close, .warning .close, .attention .close, .information .close{float: right;padding-top: 4px;padding-right: 4px;cursor: pointer;} .success a, .warning a, .attention a, .information a{text-decoration: revert;} .success a:hover, .warning a:hover, .attention a:hover, .information a:hover{} label.invalidInput{color: var(--error-color);font-size: 90%;} .name-error, .phone-error{display: block;position: relative;color: var(--color-white);background: var(--color-primary);width: 100%;text-align: left;margin: 0 auto;padding: 3px 15px;} /* Noty */ .noty_bar{border-radius: 0!important;} .noty_body{zoom: 97%;} .noty_content{text-align: left;} /**************************************/ /*** Таблицы ***/ /**************************************/ .table-box{font-size: 16px;width: 100%;border-collapse: collapse;line-height: 1.125rem;text-align: center;border-radius: 0;} table{word-break: break-word;} .table-box > tbody > tr > th, .table-box > tfoot > tr > th, .table-box > tbody > tr > td{line-height: 1;padding: 12px 10px;text-align: left;} .table-box > tbody > tr > th .cart-price, .table-box > tfoot > tr > th .cart-price, .table-box > tbody > tr > td .cart-price{white-space: nowrap;} .table-box > tbody > tr > th:not(:last-child), .table-box > tfoot > tr > th:not(:last-child), .table-box > tbody > tr > td:not(:last-child){border-right: 1px solid var(--line);} tbody tr.border_bottom:not(:last-child){border-bottom: 1px solid var(--line);} h3.client__title{text-align: center;} h3.client__title, .order-info .title{margin-bottom: 20px;font-size: 24px;font-weight: 800;text-align: center;} .account.order-info .buttons{display: flex;align-items: center;} .account.order-info .buttons form{max-width: 300px;width: 100%;margin-left: auto;} .table-box thead td, .table-box tfoot td{padding: 12px 10px;text-align: left;} .table-border{border-radius: 16px;overflow: hidden;margin-bottom: 30px;background: var(--color-white);} .table-striped tr:not(:last-child){border-bottom: 1px solid var(--line);} tr.border{border-bottom: 1px solid var(--line);} tfoot td:first-child{border-bottom-left-radius: 4px;border-top-left-radius: 4px;} tfoot td:last-child{border-bottom-right-radius: 4px;border-top-right-radius: 4px;} thead td:first-child{border-bottom-left-radius: 4px;} thead td:last-child{border-top-right-radius: 4px;} .order-info__container thead{border-bottom: 1px solid var(--line);} .order-info__container thead td:not(:last-child){border-right: 1px solid var(--line);} .table-box thead tr td{color: var(--color-black);font-weight: 700;font-style: initial;} .table-box tfoot td{color: var(--color-black);font-weight: 800;font-size: 16px;} .table-box tfoot td:last-child{color: var(--color-black);font-weight: 800;font-size: 22px;white-space: nowrap;} tr.border > td:first-child{color: var(--color-black);} .table-box tbody tr td.cell1{text-align: right;width: 50%;font-weight: 400;color: var(--color-tertiary);} .table-box tbody tr td.cell2{text-align: left;width: 50%;border-right: none;} .table-box tbody tr td.cell2 .order_old_price{color: var(--color-tertiary);font-size: 14px;margin-top: 4px;display: block;} .table-box > tbody > tr > td.a-left:last-child{border-right: none;} .table-box .hide{display: none;} .account.order-info .buttons .button{width: max-content;} .order-info__container.history_order{overflow-x: auto;white-space: nowrap;} @media (max-width: 767px){ .account.order-info .buttons{flex-direction: column;} .account.order-info .buttons .button{margin-bottom: 15px;} .account.order-info .buttons form, .account.order-info .buttons .button{max-width: 100%;width: 100%;} .table-box thead td, .table-box tfoot td{min-width: 100px;} .scroll{width: 100%;overflow-x: auto;margin-bottom: 30px;} .scroll::-webkit-scrollbar{width: 0;height: 4px;} } @media (max-width: 767px){ h3.client__title, .order-info .title{margin-bottom: 20px;font-size: 24px;font-weight: 600;text-transform: uppercase;text-align: center;} } /* Настройки максимальных размеров генерируемых изображений */ .goods-image-icon{max-width:160px; max-height:160px;} .goods-image-icon-square{width:320px;height:320px;} /*.goods-image-small{max-width:290px; max-height:290px;}*/ .goods-image-small-square{width:580px; height:580px;} .goods-image-medium{max-width:650px; max-height:650px;} .goods-image-medium-square{width:1300px; height:1300px;} .goods-image-other{max-width:150px; max-height:150px;} .goods-image-other-square{width:300px; height:300px;} .goods-image-large{max-width:1800px; max-height:1800px;} .goods-image-large-square{width:1800px; height:1800px;} .goods-cat-image-icon{max-width:30px; max-height:30px;} .goods-cat-image-icon-square{width:60px; height:60px;} .goods-cat-image-medium{max-width:220px; max-height:220px;} .goods-cat-image-medium-square{width:440px; height:440px;} .goods-cat-image-other{max-width:100px; max-height:100px;} .goods-cat-image-other-square{width:200px; height:200px;} /* END Настройки максимальных размеров генерируемых изображений */ @media (max-width:480px){ .attention, .information, .success, .warning{font-size: 14px;} .quickformfast .success, .quickformfast .warning, .success a, .warning a, .attention a, .information a{font-size: 14px;} } /****************************************************************************** Fancybox *******************************************************************************/ .fancybox-header{width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;position: relative;padding-right: 16px;margin-bottom: 20px;} .fancybox-header .title{font-size: 32px;font-weight: 800;} .fancybox-header .fancybox-header-icon{width: 24px;height: 24px;background: var(--color-primary);border-radius: 2px;display: flex;align-items: center;justify-content: center;position:relative;} .fancybox-header .fancybox-header-icon:before{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cg clip-path='url(%23clip0_2394_14837)'%3E%3Cpath d='M4.51556 11.25C4.26472 11.25 4.02688 11.137 3.86811 10.942L0.186521 6.41183C-0.103683 6.05448 -0.0493114 5.52979 0.308273 5.23945C0.665857 4.94944 1.19089 5.00377 1.48143 5.36112L4.49154 9.06525L10.5004 1.10497C10.778 0.737622 11.3007 0.664286 11.6682 0.941629C12.0358 1.21897 12.1092 1.74132 11.8317 2.10867L5.18136 10.9187C5.10514 11.0196 5.00694 11.1019 4.89419 11.1593C4.78144 11.2167 4.65709 11.2477 4.53057 11.25H4.51556Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2394_14837'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .fancybox-header .fancybox-header-icon:before{content: '';width: 12px;height:12px;transition: 0.3s;background-color: var(--color-white);display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: contain;} .fancybox-content .text{margin-top:8px;} .fancybox-content{padding: 40px;box-shadow: none;border-radius: 12px;} .fancybox-close-small i{background-color: var(--color-grey);width: 16px;height: 16px;transition: 0.3s;} .fancybox-close-small:hover i{background-color: var(--color-primary);} .fancybox-close-small{top: 16px;right: 16px;} .fancybox-body .callbackForm{display: flex;flex-direction: column;flex-wrap: wrap;} .fancybox-bg{background: var(--bg-fancybox-color) !important;} .fancybox-is-open .fancybox-bg{opacity: var(--bg-fancybox-opacity) !important;} .fancybox-content .header_text{margin-bottom:16px;font-size: 14px;line-height: 16px;} .fancybox-inner .fancybox-wrapper{max-height: calc(100dvh - 160px);overflow-y: auto;overflow-x: hidden;} /*** Обратный звонок Обратная связь ***/ .callbackForm .callback-input{position: relative;} .callbackForm .callback-input textarea, .callbackForm .callback-input input{max-width:100%;} .callbackForm .callback-input{margin-bottom: 8px;} .callbackForm .name-error,.callbackForm .phone-error{display:none;} .callbackForm_action .pp{margin-top:12px;text-align: left;} .fancybox-body .callbackForm .callbackForm_action{margin-top: 4px;} #fancybox-callback, #fancybox-callback-notify{max-width: 400px;} #fancybox-callback .phone_wrapper{margin-bottom: 30px;padding: 24px;background: var(--color-grey);border-radius: 16px;display: flex;flex-direction: column;justify-content: center;align-items: center;} #fancybox-callback .phone_wrapper .phone{font-size: 20px;font-weight: 800;margin-bottom:6px;transition:0.3s;} #fancybox-callback .phone_wrapper .phone:hover{color:var(--color-primary);} #fancybox-callback .phone_wrapper .work{font-size: 16px;} #fancybox-callback .title2{font-size: 16px;font-weight: 800;margin-bottom:12px;} #fancybox-login{max-width: 480px;width: 100%;} #fancybox-login .callback-btn{max-width: 100%;} /*Политика*/ #fancybox-pp .fancybox-wrapper{max-height: calc(100dvh - 160px);} #fancybox-pp h4{font-size: 18px;font-weight: 600;margin-bottom: 10px;} @media (min-width: 480px) and (max-width: 1023px){ #fancybox-login .callbackForm_action .pp, #fancybox-callback .callbackForm_action .pp{text-align: center;} } @media (max-width: 1023px){ .fancybox-content{padding: 30px 16px;} .fancybox-close-small{top: 30px;right: 16px;} .fancybox-header .title{font-size:26px;} } @media (max-width: 639px){ .fancybox-header .title{font-size:20px;} .fancybox-container.fastOrder .fancybox-content{border-radius: 0;width:100%} } @media (max-width: 479px){ #fancybox-callback .phone_wrapper .phone{font-size:18px;} #fancybox-callback .phone_wrapper .work{font-size:14px;} #fancybox-login .callback-btn{max-width:100%;} .fancybox-inner .btn_box{justify-content: center !important;} } /*** Цена ****/ .price{display: flex;vertical-align: middle;position:relative;font-size: 18px;font-weight: 800;color: var(--color-black);} .price > span:after, .rangeScore span:after, .product-price__current:after{display: inline-block;font-family: "FontAwesome";font-weight: 600;font-size: 14px;line-height: 1.1;margin-left: 0px;} .price > span{position: relative;z-index: 1;white-space: nowrap;} .price.minP{color: var(--color-black);} .rangeScore span:after{font-weight: 400;margin-left: 3px;} .rangeScore span:after{font-size: 12px;} .old-price, .old-price .price, .price.old-price{display: flex;font-size: 14px;font-weight: 400;background: none;color: var(--color-tertiary);text-decoration: line-through;} .old-price, .old-price .price, .price.old-price{position: relative;} .product__price .price.price__now.RUB:after{display: none !important;} /*Недоступность товаров*/ .products-grid .item.not_available .product-name, .products-list .item.not_available .product-name{color: var(--color-tertiary) !important;} .products-grid .item.not_available .price, .products-list .item.not_available .price{color: var(--color-tertiary) !important;} /*** Капс ***/ .caps_lock{display: none;text-align: left;font-size: 12px;margin-top: 10px;color: var(--error-color);} .caps_lock .fa-warning{font-size: 30px;color: var(--error-color);display: none;} /*** Избранное ***/ .qty_links .add-wishlist{margin-left: 30px;width: 20px;height: 20px;} /*** Иконки ***/ .icon_{background-color: var(--color-white);margin-right: 8px;min-width: 24px;width: 24px;height: 24px;display: inline-block;-webkit-mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: contain;} .cart-icon{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.89912 17.4432C6.32064 17.4432 5.04109 18.6871 5.04109 20.2215C5.04109 21.7561 6.32064 23 7.89912 23C9.47743 23 10.757 21.7561 10.757 20.2215C10.7554 18.6877 9.47686 17.4448 7.89912 17.4432ZM23.8961 5.98748C23.8468 5.92448 23.7832 5.87332 23.7104 5.8379C23.6375 5.80249 23.5573 5.78377 23.4758 5.78319H4.92557L4.54731 3.72495C4.31427 2.45783 3.29272 1.46696 1.98895 1.2429L0.617673 1.00786C0.480406 0.984185 0.339084 1.01447 0.224784 1.09207C0.110484 1.16967 0.0325643 1.28822 0.00815805 1.42166C-0.042486 1.69934 0.147902 1.96472 0.433799 2.014L1.81022 2.24899C2.23415 2.32204 2.62476 2.51994 2.9292 2.81589C3.23364 3.11185 3.43721 3.49158 3.51237 3.9037L5.37206 14.1031C5.59166 15.3235 6.68235 16.2135 7.9568 16.2123H18.9892C20.1482 16.2159 21.1718 15.4783 21.5057 14.3992L23.9749 6.44218C24.0004 6.36583 24.0066 6.2846 23.9929 6.20543C23.9792 6.12625 23.9459 6.05148 23.8961 5.98748H23.8961ZM18.9315 17.4432C17.3531 17.4432 16.0735 18.6871 16.0735 20.2215C16.0735 21.7561 17.3531 23 18.9315 23C20.5098 23 21.7894 21.7561 21.7894 20.2215C21.7878 18.6877 20.5093 17.4448 18.9315 17.4432Z' fill='white'/%3E%3C/svg%3E");} .favorite-icon{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='23' viewBox='0 0 24 23' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.6927 23C18.5025 22.9999 18.3153 22.9533 18.1471 22.8644L11.9999 19.6247L5.85271 22.8644C5.6592 22.9657 5.44132 23.0108 5.22361 22.9946C5.00591 22.9785 4.79703 22.9017 4.62049 22.773C4.44396 22.6442 4.30679 22.4686 4.22443 22.2659C4.14207 22.0633 4.1178 21.8415 4.15434 21.6258L5.32666 14.7637L0.353299 9.90419C0.19683 9.75102 0.0862161 9.55702 0.03396 9.34412C-0.0182962 9.13122 -0.0101115 8.90791 0.057589 8.69943C0.12529 8.49095 0.249807 8.30561 0.417067 8.16436C0.584327 8.02311 0.787662 7.93158 1.00409 7.90012L7.87572 6.89808L10.9493 0.655305C11.0461 0.458607 11.1959 0.292989 11.3817 0.177181C11.5675 0.0613744 11.7819 0 12.0007 0C12.2194 0 12.4338 0.0613744 12.6196 0.177181C12.8054 0.292989 12.9552 0.458607 13.052 0.655305L16.1256 6.89808L22.9972 7.90012C23.2135 7.93181 23.4167 8.02351 23.5837 8.16485C23.7508 8.3062 23.8751 8.49156 23.9427 8.7C24.0102 8.90844 24.0182 9.13166 23.9659 9.34445C23.9136 9.55723 23.8029 9.75111 23.6465 9.90419L18.6746 14.7637L19.847 21.6258C19.8758 21.7944 19.8677 21.9673 19.823 22.1324C19.7783 22.2975 19.6982 22.4509 19.5883 22.5817C19.4784 22.7126 19.3413 22.8178 19.1866 22.8901C19.0319 22.9623 18.8633 22.9998 18.6927 23Z' fill='%23FFD166'/%3E%3C/svg%3E");} .compare-icon{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 1.5C3 0.671573 3.67157 0 4.5 0C5.32843 0 6 0.671573 6 1.5V22.5C6 23.3284 5.32843 24 4.5 24C3.67157 24 3 23.3284 3 22.5V1.5Z' fill='%23FFD166'/%3E%3Cpath d='M10.5 7.5C10.5 6.67157 11.1716 6 12 6C12.8284 6 13.5 6.67157 13.5 7.5V22.5C13.5 23.3284 12.8284 24 12 24C11.1716 24 10.5 23.3284 10.5 22.5V7.5Z' fill='%23FFD166'/%3E%3Cpath d='M18 13.5C18 12.6716 18.6716 12 19.5 12C20.3284 12 21 12.6716 21 13.5V22.5C21 23.3284 20.3284 24 19.5 24C18.6716 24 18 23.3284 18 22.5V13.5Z' fill='%23FFD166'/%3E%3C/svg%3E");} .user-icon{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12.3994 0.00144004C11.6545 0.00254587 10.9173 0.150665 10.2299 0.437304C9.54241 0.723943 8.91832 1.14346 8.39335 1.67181C7.32999 2.74208 6.7327 4.18924 6.73163 5.69797C6.73163 8.78382 9.12774 11.2807 12.2568 11.383C12.3458 11.3739 12.4356 11.3739 12.5246 11.383C12.5438 11.384 12.563 11.3845 12.5822 11.3844H12.6024C14.071 11.3354 15.4624 10.7148 16.4802 9.65501C17.5109 8.57746 18.0799 7.13994 18.0659 5.6489C18.0519 4.15786 17.4561 2.73126 16.4054 1.67325C15.8805 1.14464 15.2565 0.724857 14.569 0.437968C13.8816 0.15108 13.1443 0.00273459 12.3994 0.00144004ZM18.4616 14.584C15.131 12.3492 9.69221 12.3463 6.33995 14.584H6.33708C4.82799 15.5992 3.99856 16.9744 4 18.4576C4.00144 19.9364 4.83231 21.3087 6.33708 22.3138C8.00744 23.4384 10.2034 24 12.3994 24C14.5953 24 16.7913 23.4384 18.4616 22.3152C19.9707 21.2972 20.8001 19.922 20.7987 18.4403C20.7973 16.9614 19.9664 15.5906 18.4616 14.584Z' fill='%23A0B3C0'/%3E%3C/svg%3E");} .phone-icon{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21.3122 16.7046C19.757 15.4648 18.1774 14.7131 16.6409 15.9515L15.7237 16.7003C15.0526 17.2432 13.8042 19.7818 8.97882 14.6066C4.1549 9.43992 7.02477 8.63497 7.69724 8.09786L8.61882 7.34908C10.1481 6.10638 9.57065 4.544 8.46906 2.93699L7.8038 1.96213C6.69501 0.357993 5.48975 -0.69607 3.95906 0.543749L3.12963 1.21766C2.32673 1.77063 1.64428 2.48066 1.12354 3.30484C0.602802 4.12902 0.25458 5.05022 0.0999237 6.01278C-0.453027 9.41976 1.29078 13.3221 5.28528 17.6031C9.27401 21.8856 13.1807 24.037 16.8814 23.9995C19.9558 23.9678 21.8133 22.4299 22.3936 21.8712L23.2245 21.1959C24.7538 19.9575 23.8034 18.6975 22.2468 17.4548L21.3122 16.7046Z' fill='%23A0B3C0'/%3E%3C/svg%3E");} .email-icon{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M15.375 9.10938C15.7202 9.10938 16 8.82956 16 8.48438V4.39062C16 3.01213 14.8785 1.89062 13.5 1.89062H2.5C1.1215 1.89062 0 3.01213 0 4.39062V11.6094C0 12.9879 1.1215 14.1094 2.5 14.1094H13.5C14.8785 14.1094 16 12.9879 16 11.6094C16 11.2642 15.7202 10.9844 15.375 10.9844C15.0298 10.9844 14.75 11.2642 14.75 11.6094C14.75 12.2986 14.1892 12.8594 13.5 12.8594H2.5C1.81075 12.8594 1.25 12.2986 1.25 11.6094V4.52306L6.67984 7.89947C7.087 8.15263 7.5435 8.27922 8 8.27922C8.4565 8.27922 8.913 8.15263 9.32016 7.89947L14.75 4.52306V8.48438C14.75 8.82956 15.0298 9.10938 15.375 9.10938ZM8.66006 6.83794C8.25294 7.09109 7.74706 7.09113 7.33994 6.83794L1.77153 3.37538C1.98363 3.22247 2.23853 3.14032 2.5 3.14062H13.5C13.7615 3.14034 14.0164 3.22249 14.2285 3.37541L8.66006 6.83794Z' fill='%23329A66'/%3E%3C/svg%3E");} .point-icon{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.39603 8.31725C8.73813 8.27109 8.97803 7.95634 8.93184 7.61428C8.88566 7.27219 8.57091 7.03241 8.22888 7.07847C8.153 7.08866 8.07653 7.09378 7.99997 7.09378C7.0695 7.09378 6.31247 6.33675 6.31247 5.40628C6.31247 4.47581 7.0695 3.71878 7.99997 3.71878C8.93044 3.71878 9.68747 4.47581 9.68747 5.40628C9.68747 5.49844 9.68003 5.59075 9.66537 5.68069C9.60984 6.02137 9.841 6.34259 10.1817 6.39813C10.5227 6.45363 10.8436 6.2225 10.8991 5.88184C10.9246 5.72559 10.9375 5.56559 10.9375 5.40625C10.9375 3.7865 9.61975 2.46875 8 2.46875C6.38025 2.46875 5.0625 3.7865 5.0625 5.40625C5.0625 7.026 6.38025 8.34375 8 8.34375C8.13228 8.34375 8.26556 8.33481 8.39603 8.31725ZM13.7114 12.394C13.2306 12.1418 12.5705 11.9293 11.7495 11.7625C11.411 11.6938 11.0813 11.9123 11.0125 12.2505C10.9438 12.5888 11.1623 12.9187 11.5006 12.9875C12.7671 13.2448 13.2863 13.5537 13.4361 13.7035C13.3258 13.814 12.9568 14.0916 11.8728 14.3525C10.8081 14.6088 9.43272 14.75 8 14.75C6.56728 14.75 5.19194 14.6088 4.12719 14.3525C3.04319 14.0916 2.67425 13.8141 2.56391 13.7035C2.71369 13.5537 3.23291 13.2448 4.49947 12.9875C4.83772 12.9187 5.05622 12.5888 4.9875 12.2505C4.91878 11.9123 4.58878 11.6939 4.25056 11.7625C3.4295 11.9293 2.76941 12.1418 2.28863 12.394C1.62019 12.7446 1.28125 13.1856 1.28125 13.7045C1.28125 14.4799 2.03644 15.0802 3.52581 15.4885C4.72909 15.8183 6.31806 16 8 16C9.68194 16 11.2709 15.8183 12.4742 15.4885C13.9636 15.0802 14.7188 14.4799 14.7188 13.7045C14.7188 13.1856 14.3798 12.7446 13.7114 12.394Z' fill='%23329A66'/%3E%3Cpath d='M7.47169 13.2089C7.52805 13.2981 7.60605 13.3715 7.69843 13.4224C7.7908 13.4733 7.89455 13.4999 8.00001 13.4999C8.10547 13.4999 8.20921 13.4732 8.30159 13.4224C8.39396 13.3715 8.47195 13.298 8.52831 13.2089C9.10134 12.3023 9.84719 11.5071 10.5685 10.7382C11.9779 9.23559 13.4353 7.68184 13.4375 5.37425C13.4358 3.92769 12.8674 2.57338 11.8368 1.56075C10.8126 0.554281 9.44991 0 8 0C6.55097 0 5.19319 0.555 4.17678 1.56275C3.15762 2.57325 2.59544 3.92691 2.59375 5.37563C2.59597 7.68563 4.04625 9.24213 5.44878 10.7474C6.16266 11.5136 6.90081 12.3058 7.47169 13.2089ZM8 1.25C10.3064 1.25 12.1849 3.10081 12.1875 5.37441C12.1858 7.18688 11.0138 8.43628 9.65681 9.883C9.09513 10.4818 8.51934 11.0957 8.00037 11.7809C7.48634 11.1005 6.91784 10.4904 6.36334 9.89525C5.01231 8.44528 3.84553 7.193 3.84375 5.37572C3.84641 3.06222 5.67206 1.25 8 1.25Z' fill='%23329A66'/%3E%3C/svg%3E");} .time-icon{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_1447_8203)'%3E%3Cpath d='M12 24C5.38047 24 0 18.6195 0 12C0 5.38047 5.38047 0 12 0C18.6195 0 24 5.38047 24 12C24 18.6195 18.6195 24 12 24ZM12 1.67442C6.30698 1.67442 1.67442 6.30698 1.67442 12C1.67442 17.693 6.30698 22.3256 12 22.3256C17.693 22.3256 22.3256 17.693 22.3256 12C22.3256 6.30698 17.693 1.67442 12 1.67442Z' fill='%2366BBFD'/%3E%3Cpath d='M16.1412 16.3867C15.9907 16.3894 15.8428 16.3466 15.717 16.2639L12.2566 14.1988C11.397 13.6853 10.7607 12.5578 10.7607 11.5643V6.9876C10.7607 6.52993 11.1403 6.15039 11.598 6.15039C12.0556 6.15039 12.4352 6.52993 12.4352 6.9876V11.5643C12.4352 11.9662 12.77 12.5578 13.1161 12.7588L16.5766 14.8239C16.9784 15.0583 17.1012 15.5718 16.8668 15.9736C16.7909 16.0985 16.6845 16.2019 16.5575 16.2742C16.4306 16.3464 16.2873 16.3852 16.1412 16.3867Z' fill='%2366BBFD'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1447_8203'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .search-icon{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21.748 20.37L16.021 14.636C17.0871 13.2643 17.6653 11.5763 17.664 9.839C17.664 5.516 14.151 2 9.832 2C5.513 2 2 5.516 2 9.84C2 14.162 5.513 17.679 9.832 17.679C11.5799 17.6809 13.2775 17.0948 14.652 16.015L20.375 21.744C20.4687 21.8305 20.5785 21.8975 20.6982 21.9413C20.8179 21.9852 20.9451 22.0048 21.0725 21.9993C21.1998 21.9937 21.3248 21.963 21.4403 21.9088C21.5557 21.8547 21.6593 21.7783 21.745 21.684C21.9084 21.5042 21.9992 21.2701 21.9998 21.0271C22.0004 20.7841 21.9106 20.5496 21.748 20.369V20.37ZM3.936 9.84C3.93653 8.27695 4.55727 6.77799 5.66195 5.67219C6.76662 4.56639 8.26496 3.94412 9.828 3.942C13.075 3.942 15.72 6.589 15.72 9.839C15.72 13.089 13.075 15.737 9.828 15.737C6.581 15.737 3.936 13.09 3.936 9.839V9.84Z' fill='%23A0B3C0'/%3E%3C/svg%3E");} .notify-icon{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.51928 20.3344C9.94454 21.3112 10.8875 22 12.0005 22C13.1134 22 14.0564 21.3112 14.4817 20.3344C13.6969 20.3736 12.8808 20.4 12.0005 20.4C11.1201 20.4 10.3041 20.3736 9.51928 20.3344ZM20.6384 16.1C19.6062 14.7704 17.8737 12.1568 17.8737 9.6C17.8737 7.0648 16.2791 4.78398 13.9577 3.94559C13.9295 2.86719 13.0617 2 12.0005 2C10.9384 2 10.0714 2.86719 10.0432 3.94559C7.721 4.78398 6.12641 7.0648 6.12641 9.6C6.12641 12.1576 4.39475 14.7704 3.3617 16.1C3.0171 16.544 2.91055 17.1304 3.07741 17.6688C3.24032 18.1944 3.646 18.6016 4.16292 18.7568C5.06831 19.0296 6.55246 19.3368 8.81596 19.4936C9.79573 19.5608 10.8492 19.6 12.0005 19.6C13.151 19.6 14.2044 19.5608 15.1842 19.4936C17.4485 19.3368 18.9319 19.0296 19.838 18.7568C20.3549 18.6016 20.7599 18.1944 20.9228 17.6688C21.0896 17.1304 20.9823 16.544 20.6384 16.1Z' fill='white'/%3E%3C/svg%3E");} .filter_toolbarBtn-icon{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' version='1.1' width='40' height='40' x='0' y='0' viewBox='0 0 32 32' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cg xmlns='http://www.w3.org/2000/svg' id='Layer_2' data-name='Layer 2'%3E%3Cpath d='m29.21 11.84a3.92 3.92 0 0 1 -3.09-5.3 1.84 1.84 0 0 0 -.55-2.07 14.75 14.75 0 0 0 -4.4-2.55 1.85 1.85 0 0 0 -2.09.58 3.91 3.91 0 0 1 -6.16 0 1.85 1.85 0 0 0 -2.09-.58 14.82 14.82 0 0 0 -4.1 2.3 1.86 1.86 0 0 0 -.58 2.13 3.9 3.9 0 0 1 -3.25 5.36 1.85 1.85 0 0 0 -1.62 1.49 14.14 14.14 0 0 0 -.28 2.8 14.32 14.32 0 0 0 .19 2.35 1.85 1.85 0 0 0 1.63 1.55 3.9 3.9 0 0 1 3.18 5.51 1.82 1.82 0 0 0 .51 2.18 14.86 14.86 0 0 0 4.36 2.51 2 2 0 0 0 .63.11 1.84 1.84 0 0 0 1.5-.78 3.87 3.87 0 0 1 3.2-1.68 3.92 3.92 0 0 1 3.14 1.58 1.84 1.84 0 0 0 2.16.61 15 15 0 0 0 4-2.39 1.85 1.85 0 0 0 .54-2.11 3.9 3.9 0 0 1 3.13-5.39 1.85 1.85 0 0 0 1.57-1.52 14.5 14.5 0 0 0 .26-2.53 14.35 14.35 0 0 0 -.25-2.67 1.83 1.83 0 0 0 -1.54-1.49zm-8.21 4.16a5 5 0 1 1 -5-5 5 5 0 0 1 5 5z' fill='%23000000' data-original='%23000000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");} .del-icon, .remove-icon, .fancybox-close-small i, a.remove:before{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4.70744 20.9906C4.266 21.017 3.83169 20.8688 3.49625 20.5773C3.17842 20.2542 3 19.8169 3 19.3611C3 18.9053 3.17842 18.468 3.49625 18.1449L17.9694 3.50494C18.2847 3.20769 18.6996 3.04236 19.1307 3.04222C19.5617 3.04208 19.9767 3.20715 20.2922 3.5042C20.6078 3.80124 20.8003 4.20819 20.8311 4.64311C20.862 5.07802 20.7288 5.5086 20.4583 5.84813L5.90064 20.5773C5.56978 20.8643 5.14278 21.0122 4.70744 20.9906Z' fill='%23A0B3C0'/%3E%3Cpath d='M19.1626 20.9906C18.7155 20.989 18.287 20.8099 17.9694 20.4917L3.49625 5.84813C3.21599 5.51832 3.0693 5.09354 3.08557 4.65892C3.10184 4.22431 3.27987 3.81197 3.58398 3.50454C3.88809 3.19712 4.29581 3.01732 4.72544 3.00119C5.15506 2.98505 5.57484 3.13378 5.90064 3.41755L20.4601 18.0593C20.6305 18.2206 20.7664 18.4156 20.8592 18.6321C20.9521 18.8487 21 19.0822 21 19.3183C21 19.5544 20.9521 19.7879 20.8592 20.0045C20.7664 20.221 20.6305 20.416 20.4601 20.5773C20.2837 20.7324 20.0776 20.8491 19.8547 20.9202C19.6318 20.9913 19.3968 21.0153 19.1644 20.9906H19.1626Z' fill='%23A0B3C0'/%3E%3C/svg%3E");} .discount-icon{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_690_30917)'%3E%3Cpath d='M7 2V13H10V22L17 10H13L17 2H7Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_690_30917'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .info-icon{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cg clip-path='url(%23clip0_1447_9835)'%3E%3Cmask id='mask0_1447_9835' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='40' height='40'%3E%3Cpath d='M40 0H0V40H40V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1447_9835)'%3E%3Cpath d='M39.5586 8.09454L39.5524 8.03516C39.3498 6.09076 38.4844 4.27524 37.1016 2.89346C35.7186 1.51169 33.9024 0.64781 31.9578 0.446874C29.107 0.15 24.4094 0 20 0C15.5906 0 10.893 0.15 8.04218 0.446874C6.09762 0.64781 4.28138 1.51169 2.89848 2.89346C1.51557 4.27524 0.650192 6.09076 0.447656 8.03516L0.441406 8.09454C0.194531 10.4586 0 10.8383 0 15.8242C0 20.8102 0.194531 21.6148 0.441406 23.9796L0.447656 24.0382C0.650192 25.9826 1.51557 27.7982 2.89848 29.18C4.28138 30.5618 6.09762 31.4256 8.04218 31.6266C9.61484 31.7906 11.75 31.9094 14.0883 31.9836L18.6258 39.189C18.7823 39.4374 18.9992 39.642 19.2563 39.784C19.5133 39.9258 19.8021 40.0002 20.0958 40.0002C20.3892 40.0002 20.678 39.9258 20.9352 39.784C21.1922 39.642 21.409 39.4374 21.5656 39.189L26.107 31.9774C28.3688 31.8992 30.429 31.786 31.957 31.6266C33.9018 31.4258 35.7182 30.562 37.1012 29.1802C38.4842 27.7984 39.3498 25.9828 39.5524 24.0382L39.5586 23.979C39.8054 21.6148 40 20.8102 40 15.8242C40 10.8383 39.8054 10.4594 39.5586 8.09454ZM19.9953 27.8954C19.4711 27.8944 18.9589 27.738 18.5235 27.4462C18.088 27.1542 17.7489 26.7398 17.5489 26.2552C17.349 25.7706 17.2971 25.2376 17.4 24.7236C17.5028 24.2096 17.7557 23.7376 18.1267 23.3672C18.4977 22.9968 18.9702 22.7448 19.4844 22.6428C19.9987 22.5408 20.5316 22.5936 21.0158 22.7944C21.5 22.9954 21.9138 23.3352 22.205 23.7712C22.4962 24.207 22.6516 24.7196 22.6516 25.2438C22.6504 25.9474 22.37 26.6218 21.872 27.119C21.374 27.6162 20.699 27.8954 19.9953 27.8954ZM22.5672 18.7633C22.5228 19.1733 22.3376 19.5552 22.043 19.8438C21.7448 20.1348 21.3568 20.3162 20.9422 20.3586H20.9296C20.6704 20.3886 20.4096 20.4038 20.1484 20.404C19.8354 20.4054 19.5224 20.3902 19.2109 20.3586H19.1977C18.7822 20.317 18.3933 20.1354 18.0945 19.8438C17.7998 19.5556 17.6145 19.1739 17.5703 18.7641C17.5063 18.1656 17.4742 14.0102 17.4742 13.0844C17.4742 12.1586 17.5063 7.9914 17.5703 7.39376C17.6147 6.98376 17.7999 6.60186 18.0945 6.31328C18.3925 6.0225 18.7803 5.84128 19.1945 5.79922H19.2078C19.5193 5.76818 19.8325 5.75878 20.1454 5.7711C20.406 5.75872 20.6674 5.76814 20.9266 5.79922H20.939C21.3536 5.84124 21.7416 6.02244 22.0398 6.31328C22.3342 6.60206 22.5194 6.98384 22.564 7.39376C22.6274 7.9914 22.6602 12.1594 22.6602 13.0844C22.6602 14.0094 22.6304 18.1648 22.5672 18.7633Z' fill='%23ADC6D8'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1447_9835'%3E%3Crect width='40' height='40' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .timer-icon{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_690_35192)'%3E%3Cpath d='M15 1H9V3H15V1ZM11 14H13V8H11V14ZM19.03 7.39L20.45 5.97C20.02 5.46 19.55 4.98 19.04 4.56L17.62 5.98C16.07 4.74 14.12 4 12 4C7.03 4 3 8.03 3 13C3 17.97 7.02 22 12 22C16.98 22 21 17.97 21 13C21 10.88 20.26 8.93 19.03 7.39ZM12 20C8.13 20 5 16.87 5 13C5 9.13 8.13 6 12 6C15.87 6 19 9.13 19 13C19 16.87 15.87 20 12 20Z' fill='%23464646'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_690_35192'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .calendar-icon{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_1447_28673)'%3E%3Cpath d='M15.0781 8.98438C15.5096 8.98438 15.8594 8.6346 15.8594 8.20312C15.8594 7.77165 15.5096 7.42188 15.0781 7.42188C14.6467 7.42188 14.2969 7.77165 14.2969 8.20312C14.2969 8.6346 14.6467 8.98438 15.0781 8.98438Z' fill='%2366BBFD'/%3E%3Cpath d='M16.875 1.5625H15.8594V0.78125C15.8594 0.349766 15.5096 0 15.0781 0C14.6466 0 14.2969 0.349766 14.2969 0.78125V1.5625H10.7422V0.78125C10.7422 0.349766 10.3924 0 9.96094 0C9.52945 0 9.17969 0.349766 9.17969 0.78125V1.5625H5.66406V0.78125C5.66406 0.349766 5.3143 0 4.88281 0C4.45133 0 4.10156 0.349766 4.10156 0.78125V1.5625H3.125C1.40188 1.5625 0 2.96438 0 4.6875V16.875C0 18.5981 1.40188 20 3.125 20H9.10156C9.53305 20 9.88281 19.6502 9.88281 19.2188C9.88281 18.7873 9.53305 18.4375 9.10156 18.4375H3.125C2.26344 18.4375 1.5625 17.7366 1.5625 16.875V4.6875C1.5625 3.82594 2.26344 3.125 3.125 3.125H4.10156V3.90625C4.10156 4.33773 4.45133 4.6875 4.88281 4.6875C5.3143 4.6875 5.66406 4.33773 5.66406 3.90625V3.125H9.17969V3.90625C9.17969 4.33773 9.52945 4.6875 9.96094 4.6875C10.3924 4.6875 10.7422 4.33773 10.7422 3.90625V3.125H14.2969V3.90625C14.2969 4.33773 14.6466 4.6875 15.0781 4.6875C15.5096 4.6875 15.8594 4.33773 15.8594 3.90625V3.125H16.875C17.7366 3.125 18.4375 3.82594 18.4375 4.6875V9.14062C18.4375 9.57211 18.7873 9.92188 19.2188 9.92188C19.6502 9.92188 20 9.57211 20 9.14062V4.6875C20 2.96438 18.5981 1.5625 16.875 1.5625Z' fill='%2366BBFD'/%3E%3Cpath d='M15.2734 10.5469C12.6672 10.5469 10.5469 12.6672 10.5469 15.2734C10.5469 17.8797 12.6672 20 15.2734 20C17.8797 20 20 17.8797 20 15.2734C20 12.6672 17.8797 10.5469 15.2734 10.5469ZM15.2734 18.4375C13.5288 18.4375 12.1094 17.0181 12.1094 15.2734C12.1094 13.5287 13.5288 12.1094 15.2734 12.1094C17.0181 12.1094 18.4375 13.5287 18.4375 15.2734C18.4375 17.0181 17.0181 18.4375 15.2734 18.4375Z' fill='%2366BBFD'/%3E%3Cpath d='M16.4062 14.4922H16.0547V13.6719C16.0547 13.2404 15.7049 12.8906 15.2734 12.8906C14.842 12.8906 14.4922 13.2404 14.4922 13.6719V15.2734C14.4922 15.7049 14.842 16.0547 15.2734 16.0547H16.4062C16.8377 16.0547 17.1875 15.7049 17.1875 15.2734C17.1875 14.842 16.8377 14.4922 16.4062 14.4922Z' fill='%2366BBFD'/%3E%3Cpath d='M11.6797 8.98438C12.1112 8.98438 12.4609 8.6346 12.4609 8.20312C12.4609 7.77165 12.1112 7.42188 11.6797 7.42188C11.2482 7.42188 10.8984 7.77165 10.8984 8.20312C10.8984 8.6346 11.2482 8.98438 11.6797 8.98438Z' fill='%2366BBFD'/%3E%3Cpath d='M8.28125 12.3828C8.71272 12.3828 9.0625 12.033 9.0625 11.6016C9.0625 11.1701 8.71272 10.8203 8.28125 10.8203C7.84978 10.8203 7.5 11.1701 7.5 11.6016C7.5 12.033 7.84978 12.3828 8.28125 12.3828Z' fill='%2366BBFD'/%3E%3Cpath d='M4.88281 8.98438C5.31428 8.98438 5.66406 8.6346 5.66406 8.20312C5.66406 7.77165 5.31428 7.42188 4.88281 7.42188C4.45134 7.42188 4.10156 7.77165 4.10156 8.20312C4.10156 8.6346 4.45134 8.98438 4.88281 8.98438Z' fill='%2366BBFD'/%3E%3Cpath d='M4.88281 12.3828C5.31428 12.3828 5.66406 12.033 5.66406 11.6016C5.66406 11.1701 5.31428 10.8203 4.88281 10.8203C4.45134 10.8203 4.10156 11.1701 4.10156 11.6016C4.10156 12.033 4.45134 12.3828 4.88281 12.3828Z' fill='%2366BBFD'/%3E%3Cpath d='M4.88281 15.7812C5.31428 15.7812 5.66406 15.4315 5.66406 15C5.66406 14.5685 5.31428 14.2188 4.88281 14.2188C4.45134 14.2188 4.10156 14.5685 4.10156 15C4.10156 15.4315 4.45134 15.7812 4.88281 15.7812Z' fill='%2366BBFD'/%3E%3Cpath d='M8.28125 15.7812C8.71272 15.7812 9.0625 15.4315 9.0625 15C9.0625 14.5685 8.71272 14.2188 8.28125 14.2188C7.84978 14.2188 7.5 14.5685 7.5 15C7.5 15.4315 7.84978 15.7812 8.28125 15.7812Z' fill='%2366BBFD'/%3E%3Cpath d='M8.28125 8.98438C8.71272 8.98438 9.0625 8.6346 9.0625 8.20312C9.0625 7.77165 8.71272 7.42188 8.28125 7.42188C7.84978 7.42188 7.5 7.77165 7.5 8.20312C7.5 8.6346 7.84978 8.98438 8.28125 8.98438Z' fill='%2366BBFD'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1447_28673'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .menu-icon{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M22.4 5.59375H1.6C1.17565 5.59375 0.768687 5.42501 0.468629 5.12466C0.168571 4.82431 0 4.41695 0 3.99219C0 3.56743 0.168571 3.16006 0.468629 2.85971C0.768687 2.55936 1.17565 2.39063 1.6 2.39062H22.4C22.8243 2.39063 23.2313 2.55936 23.5314 2.85971C23.8314 3.16006 24 3.56743 24 3.99219C24 4.41695 23.8314 4.82431 23.5314 5.12466C23.2313 5.42501 22.8243 5.59375 22.4 5.59375ZM22.4 21.6094H1.6C1.17565 21.6094 0.768687 21.4406 0.468629 21.1403C0.168571 20.8399 0 20.4326 0 20.0078C0 19.5831 0.168571 19.1757 0.468629 18.8753C0.768687 18.575 1.17565 18.4062 1.6 18.4062H22.4C22.8243 18.4062 23.2313 18.575 23.5314 18.8753C23.8314 19.1757 24 19.5831 24 20.0078C24 20.4326 23.8314 20.8399 23.5314 21.1403C23.2313 21.4406 22.8243 21.6094 22.4 21.6094ZM22.4 13.6016H1.6C1.17565 13.6016 0.768687 13.4328 0.468629 13.1325C0.168571 12.8321 0 12.4248 0 12C0 11.5752 0.168571 11.1679 0.468629 10.8675C0.768687 10.5672 1.17565 10.3984 1.6 10.3984H22.4C22.8243 10.3984 23.2313 10.5672 23.5314 10.8675C23.8314 11.1679 24 11.5752 24 12C24 12.4248 23.8314 12.8321 23.5314 13.1325C23.2313 13.4328 22.8243 13.6016 22.4 13.6016Z' fill='%23444444'/%3E%3C/svg%3E");} .category-icon{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_512_15785)'%3E%3Cpath d='M15 14H1.00001C0.447699 14 0 13.5523 0 13C0 12.4477 0.447699 12 1.00001 12H15C15.5523 12 16 12.4477 16 13C16 13.5523 15.5523 14 15 14Z' fill='%23464646'/%3E%3Cpath d='M15 8.99998H1.00001C0.447699 8.99998 0 8.55228 0 8.00001C0 7.44773 0.447699 7 1.00001 7H15C15.5523 7 16 7.4477 16 8.00001C16 8.55231 15.5523 8.99998 15 8.99998Z' fill='%23464646'/%3E%3Cpath d='M15 4.00001H1.00001C0.447699 4.00001 0 3.55231 0 3.00001C0 2.4477 0.447699 2 1.00001 2H15C15.5523 2 16 2.4477 16 3.00001C16 3.55231 15.5523 4.00001 15 4.00001Z' fill='%23464646'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_512_15785'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .catalog-icon{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18 5.2C18 4.88174 17.8736 4.57652 17.6485 4.35147C17.4235 4.12643 17.1183 4 16.8 4H1.2C0.88174 4 0.576515 4.12643 0.351472 4.35147C0.126428 4.57652 0 4.88174 0 5.2C0 5.51826 0.126428 5.82348 0.351472 6.04853C0.576515 6.27357 0.88174 6.4 1.2 6.4H16.8C17.1183 6.4 17.4235 6.27357 17.6485 6.04853C17.8736 5.82348 18 5.51826 18 5.2ZM1.2 11.2H22.8C23.1183 11.2 23.4235 11.3264 23.6485 11.5515C23.8736 11.7765 24 12.0817 24 12.4C24 12.7183 23.8736 13.0235 23.6485 13.2485C23.4235 13.4736 23.1183 13.6 22.8 13.6H1.2C0.88174 13.6 0.576515 13.4736 0.351472 13.2485C0.126428 13.0235 0 12.7183 0 12.4C0 12.0817 0.126428 11.7765 0.351472 11.5515C0.576515 11.3264 0.88174 11.2 1.2 11.2ZM1.2 18.4H12C12.3183 18.4 12.6235 18.5264 12.8485 18.7515C13.0736 18.9765 13.2 19.2817 13.2 19.6C13.2 19.9183 13.0736 20.2235 12.8485 20.4485C12.6235 20.6736 12.3183 20.8 12 20.8H1.2C0.88174 20.8 0.576515 20.6736 0.351472 20.4485C0.126428 20.2235 0 19.9183 0 19.6C0 19.2817 0.126428 18.9765 0.351472 18.7515C0.576515 18.5264 0.88174 18.4 1.2 18.4Z' fill='%23A0B3C0'/%3E%3C/svg%3E");} .flash-icon{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M17.7112 10.1577C17.5603 9.88281 17.3384 9.6535 17.0686 9.4937C16.7989 9.33391 16.4911 9.24949 16.1776 9.24928H13.1536C13.1176 9.24968 13.0819 9.24226 13.0491 9.22752C13.0162 9.21278 12.987 9.19107 12.9633 9.16391C12.9397 9.13674 12.9223 9.10476 12.9122 9.07019C12.9022 9.03562 12.8998 8.99927 12.9052 8.96368L13.7452 3.10528C13.7692 2.9358 13.7345 2.76321 13.6469 2.61615C13.5593 2.4691 13.4241 2.35644 13.2636 2.29687C13.1031 2.23731 12.9271 2.23443 12.7648 2.28871C12.6024 2.34299 12.4635 2.45117 12.3712 2.59528L6.34477 12.0597C6.17689 12.3244 6.08309 12.6292 6.07315 12.9425C6.0632 13.2558 6.13748 13.566 6.28824 13.8408C6.439 14.1156 6.66071 14.3449 6.93026 14.5048C7.19982 14.6648 7.50734 14.7494 7.82077 14.7501H10.8472C10.8829 14.7504 10.9181 14.7584 10.9505 14.7734C10.9829 14.7884 11.0118 14.8101 11.0352 14.8371C11.0585 14.8641 11.0759 14.8958 11.0861 14.93C11.0963 14.9643 11.0991 15.0003 11.0944 15.0357L10.258 20.8941C10.2343 21.0634 10.2693 21.2358 10.357 21.3826C10.4447 21.5294 10.58 21.6418 10.7403 21.7011C10.9007 21.7605 11.0765 21.7633 11.2387 21.7091C11.4009 21.6548 11.5396 21.5468 11.632 21.4029L17.6548 11.9397C17.823 11.675 17.9171 11.37 17.9272 11.0566C17.9373 10.7431 17.8619 10.4327 17.7112 10.1577Z' fill='%23A0B3C0'/%3E%3C/svg%3E");} .filter-icon{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M15 3H12.816C12.6111 2.41636 12.2302 1.91063 11.7259 1.55244C11.2215 1.19426 10.6186 1.00125 10 1C9.38143 1.00125 8.77846 1.19426 8.27413 1.55244C7.76981 1.91063 7.38895 2.41636 7.184 3H1C0.734784 3 0.48043 3.10536 0.292893 3.29289C0.105357 3.48043 0 3.73478 0 4C0 4.26522 0.105357 4.51957 0.292893 4.70711C0.48043 4.89464 0.734784 5 1 5H7.184C7.38895 5.58364 7.76981 6.08937 8.27413 6.44755C8.77846 6.80574 9.38143 6.99875 10 7C10.6186 6.99875 11.2215 6.80574 11.7259 6.44755C12.2302 6.08937 12.6111 5.58364 12.816 5H15C15.2652 5 15.5196 4.89464 15.7071 4.70711C15.8946 4.51957 16 4.26522 16 4C16 3.73478 15.8946 3.48043 15.7071 3.29289C15.5196 3.10536 15.2652 3 15 3ZM15 11H8.816C8.61118 10.4163 8.23035 9.91046 7.726 9.55226C7.22165 9.19406 6.61861 9.00111 6 9C5.38143 9.00125 4.77846 9.19426 4.27413 9.55245C3.76981 9.91063 3.38895 10.4164 3.184 11H1C0.734784 11 0.48043 11.1054 0.292893 11.2929C0.105357 11.4804 0 11.7348 0 12C0 12.2652 0.105357 12.5196 0.292893 12.7071C0.48043 12.8946 0.734784 13 1 13H3.184C3.38895 13.5836 3.76981 14.0894 4.27413 14.4476C4.77846 14.8057 5.38143 14.9987 6 15C6.61857 14.9987 7.22154 14.8057 7.72587 14.4476C8.23019 14.0894 8.61105 13.5836 8.816 13H15C15.2652 13 15.5196 12.8946 15.7071 12.7071C15.8946 12.5196 16 12.2652 16 12C16 11.7348 15.8946 11.4804 15.7071 11.2929C15.5196 11.1054 15.2652 11 15 11Z' fill='%2300A692'/%3E%3C/svg%3E");} .reset-icon{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_1447_17008)'%3E%3Cpath d='M18.333 9.16639C18.112 9.16639 17.9 9.25419 17.7438 9.41047C17.5875 9.56675 17.4997 9.77871 17.4997 9.99973C17.4997 11.4831 17.0598 12.9331 16.2357 14.1665C15.4116 15.3999 14.2402 16.3612 12.8698 16.9288C11.4994 17.4965 9.99136 17.645 8.5365 17.3556C7.08164 17.0662 5.74527 16.3519 4.69638 15.303C3.64748 14.2541 2.93318 12.9178 2.64379 11.4629C2.3544 10.008 2.50292 8.50004 3.07058 7.1296C3.63824 5.75915 4.59953 4.58781 5.8329 3.7637C7.06627 2.93959 8.51632 2.49973 9.99968 2.49973C11.2911 2.49741 12.5608 2.83234 13.683 3.47139L12.7438 4.41056C12.6273 4.5271 12.548 4.67557 12.5159 4.8372C12.4837 4.99883 12.5002 5.16635 12.5633 5.3186C12.6263 5.47085 12.7331 5.60099 12.8701 5.69256C13.0071 5.78413 13.1682 5.83302 13.333 5.83306H16.6663C16.8874 5.83306 17.0993 5.74526 17.2556 5.58898C17.4119 5.4327 17.4997 5.22074 17.4997 4.99972V1.66639C17.4996 1.5016 17.4508 1.34052 17.3592 1.20351C17.2676 1.0665 17.1375 0.959719 16.9852 0.89666C16.833 0.833602 16.6654 0.817099 16.5038 0.849239C16.3422 0.881379 16.1937 0.960717 16.0772 1.07723L14.9013 2.24973C13.4364 1.31888 11.7354 0.827263 9.99968 0.833058C8.18668 0.833058 6.4144 1.37067 4.90695 2.37792C3.3995 3.38517 2.22459 4.8168 1.53078 6.49179C0.83698 8.16678 0.655449 10.0099 1.00915 11.7881C1.36284 13.5662 2.23589 15.1996 3.51787 16.4815C4.79985 17.7635 6.43319 18.6366 8.21135 18.9903C9.98951 19.344 11.8326 19.1624 13.5076 18.4686C15.1826 17.7748 16.6142 16.5999 17.6215 15.0925C18.6287 13.585 19.1663 11.8127 19.1663 9.99973C19.1663 9.77871 19.0785 9.56675 18.9223 9.41047C18.766 9.25419 18.554 9.16639 18.333 9.16639Z' fill='%2366BBFD'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1447_17008'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .apply-icon{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.58419 6.66707C2.95801 6.29472 3.46447 6.08562 3.99249 6.08562C4.5205 6.08562 5.02697 6.29472 5.40078 6.66707L11.9587 13.2076L18.5166 6.66707C18.6972 6.46459 18.9172 6.30106 19.1633 6.1865C19.4094 6.07194 19.6763 6.00876 19.9477 6.00085C20.2191 5.99293 20.4893 6.04044 20.7417 6.14047C20.994 6.24049 21.2233 6.39092 21.4153 6.58253C21.6074 6.77415 21.7583 7.00291 21.8587 7.25479C21.9591 7.50668 22.0069 7.77639 21.9992 8.04738C21.9915 8.31838 21.9285 8.58495 21.814 8.83076C21.6994 9.07657 21.5359 9.29644 21.3332 9.47689L13.367 17.4185C12.9932 17.7909 12.4867 18 11.9587 18C11.4307 18 10.9242 17.7909 10.5504 17.4185L2.58419 9.47689C2.39902 9.29261 2.2521 9.07366 2.15185 8.83257C2.0516 8.59149 2 8.33302 2 8.07198C2 7.81094 2.0516 7.55247 2.15185 7.31139C2.2521 7.0703 2.39902 6.85134 2.58419 6.66707Z' fill='%23A0B3C0'/%3E%3C/svg%3E");} .quickview-icon{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21.748 20.37L16.021 14.636C17.0871 13.2643 17.6653 11.5763 17.664 9.839C17.664 5.516 14.151 2 9.832 2C5.513 2 2 5.516 2 9.84C2 14.162 5.513 17.679 9.832 17.679C11.5799 17.6809 13.2775 17.0948 14.652 16.015L20.375 21.744C20.4687 21.8305 20.5785 21.8975 20.6982 21.9413C20.8179 21.9852 20.9451 22.0048 21.0725 21.9993C21.1998 21.9937 21.3248 21.963 21.4403 21.9088C21.5557 21.8547 21.6593 21.7783 21.745 21.684C21.9084 21.5042 21.9992 21.2701 21.9998 21.0271C22.0004 20.7841 21.9106 20.5496 21.748 20.369V20.37ZM3.936 9.84C3.93653 8.27695 4.55727 6.77799 5.66195 5.67219C6.76662 4.56639 8.26496 3.94412 9.828 3.942C13.075 3.942 15.72 6.589 15.72 9.839C15.72 13.089 13.075 15.737 9.828 15.737C6.581 15.737 3.936 13.09 3.936 9.839V9.84Z' fill='%23A0B3C0'/%3E%3C/svg%3E");} /*** доп иконки ***/ /*** +/- ***/ .qty-plus-icon, .qty-minus-icon{min-width: 12px;width: 12px;height: 12px;background-color: var(--color-tertiary);display:block;-webkit-mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: contain;} .qty-minus-icon{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.35092 2.756C0.575682 2.53163 0.880484 2.40559 1.1983 2.40559C1.51611 2.40559 1.82091 2.53163 2.04567 2.756L5.99251 6.69709L9.93934 2.756C10.0499 2.64169 10.1822 2.55051 10.3284 2.48779C10.4746 2.42507 10.6319 2.39205 10.791 2.39067C10.9502 2.38929 11.108 2.41957 11.2553 2.47975C11.4026 2.53992 11.5364 2.62879 11.649 2.74116C11.7615 2.85353 11.8505 2.98716 11.9107 3.13424C11.971 3.28133 12.0013 3.43892 12 3.59783C11.9986 3.75675 11.9655 3.91379 11.9027 4.05981C11.8399 4.20582 11.7486 4.33788 11.6341 4.44829L6.83988 9.23553C6.61512 9.45989 6.31032 9.58594 5.99251 9.58594C5.67469 9.58594 5.36989 9.45989 5.14513 9.23553L0.35092 4.44829C0.126226 4.22385 0 3.91949 0 3.60214C0 3.28479 0.126226 2.98043 0.35092 2.756Z' fill='%23C1CCC8'/%3E%3C/svg%3E");} .qty-plus-icon{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.35092 9.244C0.575682 9.46837 0.880484 9.59441 1.1983 9.59441C1.51611 9.59441 1.82091 9.46837 2.04567 9.244L5.99251 5.30291L9.93934 9.244C10.0499 9.35831 10.1822 9.44949 10.3284 9.51221C10.4746 9.57493 10.6319 9.60795 10.791 9.60933C10.9502 9.61071 11.108 9.58043 11.2553 9.52025C11.4026 9.46008 11.5364 9.37121 11.649 9.25884C11.7615 9.14647 11.8505 9.01284 11.9107 8.86576C11.971 8.71867 12.0013 8.56108 12 8.40217C11.9986 8.24325 11.9655 8.08621 11.9027 7.94019C11.8399 7.79418 11.7486 7.66212 11.6341 7.55171L6.83988 2.76447C6.61512 2.54011 6.31032 2.41406 5.99251 2.41406C5.67469 2.41406 5.36989 2.54011 5.14513 2.76447L0.35092 7.55171C0.126226 7.77615 0 8.08051 0 8.39786C0 8.71521 0.126226 9.01957 0.35092 9.244Z' fill='%23C1CCC8'/%3E%3C/svg%3E");} /*** Стрелки ***/ .arrow-icon{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.67466 15.5321C3.37551 15.2324 3.20745 14.826 3.20745 14.4023C3.20745 13.9785 3.37551 13.5721 3.67466 13.2724L8.92946 8.00999L3.67466 2.74754C3.52225 2.60013 3.40069 2.42379 3.31705 2.22882C3.23342 2.03385 3.1894 1.82415 3.18756 1.61196C3.18572 1.39977 3.22609 1.18933 3.30633 0.992937C3.38657 0.79654 3.50505 0.618113 3.65488 0.468066C3.80471 0.318019 3.98288 0.199357 4.17899 0.119004C4.3751 0.0386524 4.58523 -0.00178337 4.79711 6.10352e-05C5.009 0.00190449 5.21839 0.04599 5.41308 0.129743C5.60776 0.213496 5.78385 0.335241 5.93105 0.487874L12.314 6.88015C12.6132 7.17984 12.7812 7.58624 12.7812 8.00999C12.7812 8.43374 12.6132 8.84014 12.314 9.13983L5.93105 15.5321C5.6318 15.8317 5.22599 16 4.80286 16C4.37972 16 3.97391 15.8317 3.67466 15.5321Z' fill='%23C1CCC8'/%3E%3C/svg%3E");} .arrow-icon._left, .arrow2-icon._left{transform: rotate(180deg);} .arrow-icon._right, .arrow2-icon._right{transform: rotate(0deg);} .arrow-icon._top, .arrow2-icon._top{transform: rotate(-90deg);} .arrow-icon._bottom, .arrow2-icon._bottom{transform: rotate(90deg);} .arrow2-icon{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14.9356 20.6184L14.9431 20.6109L22.6444 12.9389C22.7052 12.8779 22.7592 12.8106 22.8054 12.7381L22.9263 12.5172L22.9766 12.3665V12.2561C23.0078 12.0868 23.0078 11.9132 22.9766 11.7439V11.523L22.886 11.3523C22.8342 11.2571 22.7699 11.1693 22.6947 11.0912L14.9431 3.38902C14.4301 2.87325 13.5951 2.86991 13.078 3.38158L13.0706 3.38902C12.5733 3.90892 12.5733 4.72684 13.0706 5.24679L17.6612 9.83595C17.8558 10.0339 17.8527 10.3519 17.6541 10.546C17.5618 10.6363 17.4381 10.6877 17.3088 10.6895H2.3189C1.59053 10.6895 1.00005 11.2784 1 12.0049C0.999953 12.7315 1.59034 13.3204 2.31871 13.3205L17.3088 13.3205C17.5868 13.3244 17.809 13.5524 17.8051 13.8296C17.8032 13.9586 17.7517 14.082 17.6612 14.1741L13.0706 18.7432C12.5669 19.2644 12.5669 20.0898 13.0706 20.611C13.5835 21.1268 14.4185 21.1301 14.9356 20.6184Z' fill='%2300A692'/%3E%3C/svg%3E");} /*** Замок ***/ .eye-slash-icon, .eye-icon{background-color: var(--color-grey);width: 20px;height: 20px;display:block;-webkit-mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: contain;} .eye-icon{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_512_15810)'%3E%3Cpath d='M18 8H17V6C17 3.24 14.76 1 12 1C9.24 1 7 3.24 7 6V8H6C4.9 8 4 8.9 4 10V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V10C20 8.9 19.1 8 18 8ZM12 17C10.9 17 10 16.1 10 15C10 13.9 10.9 13 12 13C13.1 13 14 13.9 14 15C14 16.1 13.1 17 12 17ZM15.1 8H8.9V6C8.9 4.29 10.29 2.9 12 2.9C13.71 2.9 15.1 4.29 15.1 6V8Z' fill='%23464646'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_512_15810'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .eye-slash-icon{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_512_15807)'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17ZM12 9C10.34 9 9 10.34 9 12C9 13.66 10.34 15 12 15C13.66 15 15 13.66 15 12C15 10.34 13.66 9 12 9Z' fill='%23464646'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_512_15807'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} /*** Избранное ***/ .add-wishlist .wishlist-icon{background-color: var(--color-grey);} .add-wishlist .wishlist-icon{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.0202 20.25C16.8777 20.25 16.7367 20.2148 16.6107 20.148L12.0004 17.718L7.39016 20.148C7.2816 20.205 7.16229 20.2386 7.03993 20.2467C6.91757 20.2548 6.79487 20.2371 6.67976 20.1949C6.56464 20.1526 6.45966 20.0867 6.37159 20.0014C6.28351 19.9161 6.2143 19.8132 6.16841 19.6995C6.10668 19.5475 6.0885 19.3813 6.11591 19.2195L6.99566 14.073L3.26516 10.428C3.14774 10.3131 3.06474 10.1677 3.02551 10.0082C2.98628 9.84864 2.99239 9.68132 3.04315 9.52508C3.09391 9.36883 3.18729 9.22987 3.31278 9.12384C3.43828 9.01782 3.59088 8.94895 3.75341 8.925L8.90741 8.1735L11.2122 3.49125C11.2848 3.34393 11.3971 3.21985 11.5366 3.13304C11.676 3.04623 11.8369 3.00015 12.0012 3C12.1654 2.99994 12.3263 3.04594 12.4656 3.13279C12.605 3.21963 12.7171 3.34382 12.7894 3.49125L15.0949 8.1735L20.2482 8.925C20.4107 8.94858 20.5634 9.01731 20.6888 9.12338C20.8143 9.22946 20.9074 9.36861 20.9577 9.525C21.0081 9.68135 21.0139 9.84865 20.9746 10.0082C20.9353 10.1676 20.8523 10.313 20.7349 10.428L17.0067 14.073L17.8857 19.2195C17.918 19.4099 17.8871 19.6056 17.7977 19.7768C17.7083 19.948 17.5654 20.0852 17.3907 20.1675C17.2744 20.2215 17.1477 20.25 17.0202 20.25Z' fill='%23A0B3C0'/%3E%3C/svg%3E");} /*** Сравнение ***/ .add-compare .compare-icon{background-color: var(--color-grey);} .add-compare .compare-icon{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5.45387 4.364C5.45006 4.21833 5.47545 4.07338 5.52855 3.93769C5.58166 3.802 5.6614 3.67832 5.76307 3.57394C5.86475 3.46957 5.9863 3.38661 6.12055 3.32997C6.2548 3.27332 6.39904 3.24414 6.54475 3.24414C6.69046 3.24414 6.8347 3.27332 6.96895 3.32997C7.10321 3.38661 7.22475 3.46957 7.32643 3.57394C7.4281 3.67832 7.50785 3.802 7.56095 3.93769C7.61405 4.07338 7.63944 4.21833 7.63563 4.364V19.637C7.63563 19.9264 7.52065 20.204 7.31601 20.4086C7.11136 20.6133 6.83379 20.7282 6.54438 20.7282C6.25496 20.7282 5.97739 20.6133 5.77274 20.4086C5.5681 20.204 5.45312 19.9264 5.45312 19.637L5.45387 4.364ZM10.9086 8.7275C10.9086 8.43818 11.0236 8.16071 11.2281 7.95613C11.4327 7.75155 11.7102 7.63662 11.9995 7.63662C12.2888 7.63662 12.5663 7.75155 12.7709 7.95613C12.9754 8.16071 13.0904 8.43818 13.0904 8.7275V19.637C13.0904 19.9264 12.9754 20.204 12.7708 20.4086C12.5661 20.6133 12.2885 20.7282 11.9991 20.7282C11.7097 20.7282 11.4321 20.6133 11.2275 20.4086C11.0228 20.204 10.9079 19.9264 10.9079 19.637V8.72825L10.9086 8.7275ZM16.3626 13.0917C16.3626 12.9484 16.3909 12.8065 16.4457 12.6741C16.5005 12.5417 16.5809 12.4214 16.6822 12.3201C16.7836 12.2188 16.9039 12.1384 17.0363 12.0836C17.1687 12.0287 17.3106 12.0005 17.4539 12.0005C17.5972 12.0005 17.7391 12.0287 17.8715 12.0836C18.0039 12.1384 18.1242 12.2188 18.2255 12.3201C18.3268 12.4214 18.4072 12.5417 18.4621 12.6741C18.5169 12.8065 18.5451 12.9484 18.5451 13.0917V19.637C18.5451 19.9264 18.4302 20.204 18.2255 20.4086C18.0209 20.6133 17.7433 20.7282 17.4539 20.7282C17.1645 20.7282 16.8869 20.6133 16.6822 20.4086C16.4776 20.204 16.3626 19.9264 16.3626 19.637V13.0917Z' fill='%23A0B3C0'/%3E%3C/svg%3E");} .qty-wrap{width: 140px;background: var(--color-secondary);border-radius: 8px;overflow: hidden;height: 44px;display: flex;align-items: center;} input.quantity, input.cartqty, input.quantity-ajax, .product-view .productqty{display: inline-block;font-weight: 400;vertical-align: middle;width: 100%;max-width: 100%;height: 100%;margin: 0 8px;color: var(--color-black);border-radius: 0;font-size: 16px;text-align: center;padding: 0;background: transparent;border: none;} .qty-wrap > a{position:relative;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;transition:0.3s;max-width: 65px;} /* мышь, тачпад */ @media (hover: hover) and (pointer: fine){ .qty-wrap > a:hover .qty-plus-icon, .qty-wrap > a:hover .qty-minus-icon{background-color: var(--color-primary);} } .actions i.cart{display: none;} /* Окошко с информацией о cookies */ .cookies-bottom{position: fixed;bottom: 0;width: 100%;z-index: 100;} .cookies-bottom .container{position: relative;} .cookies-bottom .cookies-bottom-wrapper{display: flex;flex-direction: column;gap: 12px;font-size: 14px;padding: 16px;width: 400px;background: var(--color-white);border-radius: 12px;position: absolute;left: 16px;bottom: 0;box-shadow: var(--shadow);} .cookies-bottom .cookies-bottom-wrapper .cookies-bottom-content a{color: var(--color-primary);} .cookies-bottom .cookies-bottom-closeBtn{width: 100%;height: 40px;} /* мышь, тачпад */ @media (hover: hover) and (pointer: fine){ .cookies-bottom .cookies-bottom-closeBtn:hover{} .cookies-bottom .cookies-bottom-wrapper .cookies-bottom-content a:hover{text-decoration: underline;} } @media (max-width: 479px){ .cookies-bottom .cookies-bottom-wrapper{font-size: 12px;padding: 12px;width:100%;left: 0;} } /* Чекбоксы */ .subscribe__wrap{display: flex;flex-direction: column;gap: 10px 20px;margin-top: 16px;} .subscribe__wrap .form__pp{display: flex;align-items: center;gap: 8px;} .subscribe__wrap .form__pp input[type="checkbox"]{width: 20px;height: 20px;min-width: 20px;} .subscribe__wrap .form__pp label{font-size: 12px;text-align: left;transition: 0.3s;} .subscribe__wrap .form__pp label:not(.error2) a{color: var(--color-primary);} .subscribe__wrap .form__pp label.error2{color: var(--error-color);} .subscribe__wrap .form__pp input[type="checkbox"].error:before{border-color: var(--error-color);} .subscribe__wrap .form__pp input[type="checkbox"].error:after{background-color: var(--error-color);} /* мышь, тачпад */ @media (hover: hover) and (pointer: fine){ .subscribe__wrap .form__pp label:hover a{text-decoration: underline;} } /*** Стили кнопок ***/ .button{ transition: 0.3s;width: max-content;font-size: 16px;font-weight: 800;justify-content: center;padding: 11px 30px;color: var(--color-white);border: 2px solid var(--color-primary);border-radius: 8px;;display: flex;align-items: center;text-align: center;outline: 0;cursor: pointer;-webkit-appearance: none;user-select: none; background-image: linear-gradient(90deg, var(--color-white) 0%, var(--color-white) 100%);background-size: 100% 0;background-position: 0 100%;background-repeat: no-repeat;background-color: var(--color-primary); } .button .icon_{transition:0.3s;width:20px;min-width:20px;height:20px;background-color: var(--color-white);} .button2{ transition: 0.3s;width: max-content;font-size: 16px;font-weight: 800;justify-content: center;padding: 11px 30px;color: var(--color-primary);border: 2px solid var(--color-secondary);border-radius: 8px;;display: flex;align-items: center;text-align: center;outline: 0;cursor: pointer;-webkit-appearance: none;user-select: none; background-image: linear-gradient(90deg, var(--color-white) 0%, var(--color-white) 100%);background-size: 100% 0;background-position: 0 100%;background-repeat: no-repeat;background-color: var(--color-secondary); } .button2 .icon_{transition:0.3s;width:20px;min-width:20px;height:20px;background-color:var(--color-primary);} .button3{ transition: 0.3s;width: max-content;font-size: 16px;font-weight: 800;justify-content: center;padding: 11px 30px;color: var(--color-white);border: 2px solid var(--color-tertiary);border-radius: 8px;;display: flex;align-items: center;text-align: center;outline: 0;cursor: pointer;-webkit-appearance: none;user-select: none; background-image: linear-gradient(90deg, var(--color-white) 0%, var(--color-white) 100%);background-size: 100% 0;background-position: 0 100%;background-repeat: no-repeat;background-color: var(--color-tertiary); } .button3 .icon_{transition:0.3s;width:20px;min-width:20px;height:20px;background-color:var(--color-white);} .button_link{cursor:pointer;transition: 0.3s;display: flex;align-items: center;grid-gap: 12px;width: max-content;color: var(--color-tertiary);font-size: 14px;font-weight: 800;} .button_link .icon_{transition: 0.3s;width: 12px;min-width: 12px;height: 12px;background-color: var(--color-tertiary);margin:0;} .title_wrap .button_link{margin-left:auto;} .paymentFormSubmitLink, .paymentFormTbodySubmitButton{line-height: normal;transition: 0.3s;width: max-content;font-size: 16px;font-weight: 800;justify-content: center;padding: 11px 30px;color: var(--color-white);border: 2px solid var(--color-primary);border-radius: 8px;;display: flex;align-items: center;text-align: center;outline: 0;cursor: pointer;-webkit-appearance: none;user-select: none;background-image: linear-gradient(90deg, var(--color-white) 0%, var(--color-white) 100%);background-size: 100% 0;background-position: 0 100%;background-repeat: no-repeat;background-color: var(--color-primary);} /* мышь, тачпад */ @media (hover: hover) and (pointer: fine){ .button:hover{background-size: 100% 100%;background-color: transparent !important;color:var(--color-primary);border-color:var(--color-primary);} .button:hover .icon_{background-color: var(--color-primary);} .button2:hover{background-size: 100% 100%;background-color: transparent !important;color:var(--color-primary);border-color:var(--color-primary);} .button2:hover .icon_{background-color: var(--color-primary);} .button3:hover{background-size: 100% 100%;background-color: transparent !important;color:var(--color-tertiary);border-color:var(--color-tertiary);} .button3:hover .icon_{background-color: var(--color-tertiary);} .button_link:hover{color: var(--color-primary);} .button_link:hover .icon_{background-color: var(--color-primary);} .paymentFormSubmitLink:hover, .paymentFormTbodySubmitButton:hover{background-size: 100% 100%;background-color: transparent !important;color:var(--color-primary);border-color:var(--color-primary);} } .button.disabled{opacity: 0.7;cursor: default; pointer-events: none;} .remove:after{transition: 0.3s;content: "\f00d";display: inline-block;font-family: "FontAwesome";font-size: 20px;text-align: center;color: var(--color-black);} .remove.x:after{content: "\f00d";font-size: 16px;} .paymentFormSubmitLink, .paymentFormTbodySubmitButton{display: inline-block;overflow: visible;font-size: 15px;font-family: 'Mulish' , sans-serif;line-height: 40px;padding: 0 25px;border: 0;background-color: var(--color-primary);color: #fff;letter-spacing: 0.05em;opacity: 1;filter: alpha(opacity=100);text-shadow: none;text-transform: uppercase;text-align: center;white-space: nowrap;margin: 0;outline: 0;cursor: pointer;-webkit-appearance: none;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;} .paymentFormSubmitLink:hover, .paymentFormTbodySubmitButton:hover{background-color: #006600;color: #fff;} /* Иконки Новинка, Хит, Скидка */ .icon_sticker{position: absolute;bottom: 2px;left: 2px;right: 2px;cursor: default;display: flex;align-items: center;justify-content: flex-end;grid-gap: 1px;z-index: 1;width: calc(100% - 4px);} .ico-sale, .ico-new, .ico-best{display: flex;align-items: center;justify-content: center;border-radius: 4px;padding: 0 7px;height: 23px;position: relative;color: var(--color-white);font-size: 12px;font-weight: 800;line-height: normal;text-transform: lowercase;white-space: nowrap;} .ico-sale{max-width: calc(100% - 101px);width: 100%;background: var(--color-red);color: var(--color-white);margin-right: auto;} .ico-new{background: #E2E8FC;color: #4169E2;} .ico-best{background: #FFF3CC;color: #F4C530;} /* Уведомление в шапке*/ .banner-top{position: relative} .banner-top-wrapper{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 20px 0} .banner-top-icon{width: 40px;height: 40px;font-size: 20px;line-height: 36px;text-align: center;border: 1px solid var(--color-white);border-radius: 50%;margin-right: 15px;flex: 0 0 40px} .banner-top-closeBtn{position: absolute;top: 10px;right: 10px;width: 20px;height: 20px;-webkit-transition: -webkit-transform .15s ease-out;transition: -webkit-transform .15s ease-out;transition: transform .15s ease-out;transition: transform .15s ease-out,-webkit-transform .15s ease-out;font-size: 0} .banner-top-closeBtn:hover{-webkit-transform: rotate(90deg);transform: rotate(90deg)} .banner-top-closeBtn:after,.banner-top-closeBtn:before{content: '';position: absolute;width: 100%;height: 1px;top: 50%;left: 0;background-color: var(--color-white)} .banner-top-closeBtn:before{-webkit-transform: rotate(45deg);transform: rotate(45deg)} .banner-top-closeBtn:after{-webkit-transform: rotate(-45deg);transform: rotate(-45deg)} /* * Основной контент */ #main{position: relative;} .index#main{margin: 0px 0 20px;} .more_next_btn{width:8px;min-width:8px;height: 8px;margin-left: 4px;display: block;background-color: var(--color-black);transition: 0.3s;-webkit-mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: contain;} .more_next_btn{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.76605 1.83733C7.61621 1.68775 7.41301 1.60372 7.20114 1.60372C6.98926 1.60372 6.78606 1.68775 6.63622 1.83733L4.005 4.46473L1.37377 1.83733C1.30006 1.76113 1.21189 1.70034 1.11441 1.65853C1.01692 1.61671 0.912074 1.5947 0.805979 1.59378C0.699883 1.59286 0.594667 1.61305 0.496469 1.65316C0.39827 1.69328 0.309056 1.75253 0.234033 1.82744C0.159009 1.90236 0.0996785 1.99144 0.0595021 2.0895C0.0193262 2.18755 -0.000891685 2.29262 3.05176e-05 2.39856C0.000952244 2.5045 0.022995 2.60919 0.0648713 2.70654C0.106748 2.80388 0.167621 2.89192 0.243937 2.96552L3.44008 6.15702C3.58992 6.3066 3.79312 6.39062 4.005 6.39062C4.21687 6.39062 4.42007 6.3066 4.56991 6.15702L7.76605 2.96552C7.91585 2.8159 8 2.613 8 2.40143C8 2.18986 7.91585 1.98695 7.76605 1.83733Z' fill='%23444444'/%3E%3C/svg%3E");} .mainnav__more > .mainnav__link{display: flex;align-items: center;} .mainnav__more > .mainnav__link .more_next_btn{background-color: var(--color-white);} .dropdown._more-menu.opened > .mainnav__link, .dropdown._more-menu > .mainnav__link:hover{color: var(--color-primary);} .dropdown._more-menu.opened > .mainnav__link .more_next_btn{background-color: var(--color-primary);transform: scale(-1);} .dropdown._more-menu > .mainnav__link:hover .more_next_btn{background-color: var(--color-primary);} .catalog__more > .header-catalogLink{display: flex;align-items: center;} .catalog__more > .header-catalogLink .more_next_btn{background-color: var(--color-black);} .dropdown._more-menu.opened .dropdown__body{opacity: 1;visibility: visible} .dropdown._more-menu.opened > .header-catalogLink, .dropdown._more-menu > .header-catalogLink:hover{color: var(--color-primary);} .dropdown._more-menu.opened > .header-catalogLink .more_next_btn{background-color: var(--color-primary);} .dropdown._more-menu > .header-catalogLink:hover .more_next_btn{background-color: var(--color-primary);} #capslock{display: none;margin: 10px 0;text-align: left;color: #c671fa;font-size: 14px;} #capslock div:not(:last-child){margin-bottom: 5px;} .showPassBlock{position: absolute;top: 0;right: 20px;height: 44px;display: flex;align-items: center;justify-content: center;} /*Лого*/ .header .header-logoImg{max-height: 82px;min-width: 87px;} @media (max-width: 1023px){ .header .header-logoImg{max-height: 77px;} } @media (max-width: 767px){ .header .header-logoImg{max-height: 64px;} } /** Шапка **/ header{margin-bottom: 30px;background: var(--color-black);color: var(--color-white);width: 100%;} header:not(.cart_page).fixed{position: fixed;top: 0;left: 0;z-index: 24;padding: 12px 0;} header:not(.cart_page).fixed .header-wrapper[data-name="top"]{display:none;} header:not(.cart_page).fixed .header-wrapper[data-name="main"]{padding:0;} header .header_logo{margin-right: 35px;} header .header_logo img{max-height:73px;} .header-wrapper{display: flex;align-items: center;} .header-wrapper[data-name="top"]{grid-gap: 30px;padding: 16px 0 20px;position: relative;} .header-wrapper[data-name="top"] .mainnav{width: 100%;max-width: calc(100% - 300px);margin-right: auto;} .header-wrapper[data-name="top"] .mainnav > ul{display: flex;align-items: center;width: 100%;grid-gap: 30px;padding: 0;margin: 0;} .header-wrapper[data-name="top"] .mainnav ul li{list-style-type: none;white-space: nowrap;font-size: 16px;} .header-wrapper[data-name="top"] .mainnav ul li.mainnav__more:hover > a{color: var(--color-primary);} .header-wrapper[data-name="top"] .mainnav ul li.mainnav__more:hover > a .more_next_btn{background-color: var(--color-primary);} .header-wrapper[data-name="top"] .mainnav ul li a{transition: 0.3s;position: relative;opacity: 0.6;font-size: 14px;} .header-wrapper[data-name="top"] .link, .header-wrapper[data-name="top"] .header_contacts{display: flex;align-items: center;grid-gap: 8px;opacity: 0.6;font-size: 14px;transition: 0.3s;} .header-wrapper[data-name="top"] .link .icon_, .header-wrapper[data-name="top"] .header_contacts .icon_{width: 16px;min-width: 16px;height:16px;margin:0;transition: 0.3s;} .header-wrapper[data-name="top"] .header_contacts{font-weight:800;font-size: 16px;} .header-wrapper[data-name="main"]{padding-bottom: 20px;} .header-wrapper[data-name="main"] .categoryBtn{cursor: pointer;white-space: nowrap;display: flex;align-items: center;justify-content: center;transition:0.3s;margin-right:10px;padding: 10px;width: 140px;height: 50px;border-radius: 8px;overflow: hidden;color: var(--color-yellow-l);font-size: 16px;font-weight: 700;border: 2px solid var(--color-yellow-l);} .header-wrapper[data-name="main"] .categoryBtn .icon_{width:24px;min-width:24px;height:24px;margin-right: 8px;background-color: var(--color-yellow-l);transition:0.3s;} .header-wrapper[data-name="main"] .categoryBtn.active .icon_{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5.51673 19.9917C5.12447 20.0148 4.73868 19.8829 4.44071 19.6238C3.8531 19.0258 3.8531 18.06 4.44071 17.462L17.3076 4.44536C17.9187 3.86681 18.8778 3.89897 19.4497 4.51726C19.9668 5.07637 19.997 5.93573 19.5202 6.53049L6.57757 19.6238C6.28347 19.8791 5.90384 20.0108 5.51673 19.9917Z' fill='%23FFD166'/%3E%3Cpath d='M18.3685 19.9917C17.9709 19.99 17.5899 19.8303 17.3076 19.5471L4.44066 6.53044C3.89627 5.88732 3.97028 4.91945 4.60601 4.36867C5.17341 3.87711 6.01022 3.87711 6.57757 4.36867L19.5202 17.3853C20.1313 17.964 20.1629 18.9342 19.5908 19.5524C19.568 19.577 19.5445 19.6007 19.5202 19.6238C19.3634 19.7617 19.1803 19.8655 18.9822 19.9288C18.784 19.9921 18.5751 20.0135 18.3685 19.9917Z' fill='%23FFD166'/%3E%3C/svg%3E");} .header-wrapper[data-name="main"] .categoryBtn.active{color: var(--color-primary);border-color: var(--color-primary);} .header-wrapper[data-name="main"] .categoryBtn.active .icon_{background-color: var(--color-primary);} .categoryBtn.mob_{display:none;height: 40px;font-size: 12px;padding: 13px 16px;margin-right: 10px !important;} .categoryBtn.mob_:after{border-left-width: 10px;border-top-width: 20px;border-bottom-width: 20px;} /* Каталог в шапке */ .header-catalog{padding-top: 20px;padding-bottom: 30px;position: relative;width: 100%;} .header-catalogLink{display: inline-flex;align-items: center;transition: 0.3s;} .header-catalogLink.discount{font-size: 16px;font-weight: 800;background-color: #FFA9DD;background-image: linear-gradient(90deg, #AE9FFF, #FFA9DD);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .header-catalogLink.discount .fire-icon{width:20px;height:20px;transition: 0.3s;margin-right:8px;background-size: contain;background-repeat: no-repeat;background-position: center;display: block;} .header-catalogMenuTitle{display: none} .header-catalogItem + .header-catalogItem{border-top: 1px solid #edf1f4} .header-catalogIcon{font-size: 16px;line-height: 50px;margin-right: 10px} .header-catalogMenu a .header-arrow{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'%3E%3Cg clip-path='url(%23clip0_1447_9012)'%3E%3Cpath d='M7.61408 1.80811H0.385883C0.0438349 1.80811 -0.130416 2.22115 0.114826 2.46639L3.72892 6.08049C3.87736 6.22892 4.1226 6.22892 4.2711 6.08049L7.8852 2.46639C8.13038 2.22115 7.95613 1.80811 7.61408 1.80811Z' fill='%2366BBFD'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1447_9012'%3E%3Crect width='8' height='8' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .header-catalogMenu a .header-arrow{content: '';margin-left: 4px;transition: 0.3s;display: block;width: 8px;height: 8px;background-color: var(--color-black);-webkit-mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: contain;} .header-catalogMenu li.active > a, .header-catalogMenu li.hover > a{color: var(--color-primary);} .header-catalogMenu li.active > a .header-arrow, .header-catalogMenu li.hover > a .header-arrow{background-color: var(--color-primary);} .header-catalogMenu .header-subcatalog-third{list-style: none;padding: 0;margin: 0} .header-catalogMenu .header-subcatalog-third .sub li{padding: 5px 0} .header-sections .header-catalogMenu .header-subcatalog-third{display: none;padding-left: 10px;} .header-sections .header-catalogMenu .header-subcatalogCol .header-secondArrow{display:block;position: absolute;right: 0;top: 3px;transition: -webkit-transform .15s ease-in-out;transition: transform .15s ease-in-out;transition: transform .15s ease-in-out,-webkit-transform .15s ease-in-out;} .header-sections .header-catalogMenu .header-subcatalogCol .header-secondArrow.active{-webkit-transform: rotate(90deg);transform: rotate(90deg);} .header-sections li.header-subcatalogCol.parent, .header-sections li.header-subcatalogItem.parent{position: relative;} .header-sections .header-catalogMenu .header-subcatalog-third ul.sub{display: none;} .header-sections li.parent.active > ul.sub{display: block;} .header .header-sections .overflowMenu .header-sectionsItem ul, .header-sectionsItem.mainnav__replaced .header-arrow{display: none !important;} /** Header main **/ .maxLength .catalog__item[data-level="0"]:not(:last-child){margin-right: auto;} .categoreisBtnMore{white-space: nowrap;color: var(--color-white);font-weight: 800;height: 100%;padding: 15px;display: flex;align-items: center;justify-content: center;background: rgba(255, 255, 255, 0.2);border-radius: 0px 10px 10px 0px;cursor: pointer;transition: 0.3s;} .categoreisBtnMore.active, .categoreisBtnMore:hover{background: rgba(255, 255, 255, 0.4);} /** Поиск **/ header .header-search{width: 100%;max-width: calc(100% - 752px);margin-right: 24px;} header .header-search.cart_page{width: calc(100% - 150px - 170px - 34px);} header .header-search .search{position: relative;} header .header-search .search .search-submit .icon_, header .header-search .search .search-reset .icon_{margin: 0;min-width: 12px;width: 12px;height: 12px;background-color: #ffffff99;transition:0.3s;} header .header-search .search button:hover .icon_{background-color: var(--color-primary);} header .header-search .search .search-input{height: 50px;font-size: 16px;padding: 0 80px 0 20px;max-width: 100%;background: #ffffff26;border-color: transparent;color: var(--color-white);} header .header-search .search #search_mini_form{display: flex;align-items: center;flex-wrap: wrap;position: relative;width: 100%} header .header-search .search #search_mini_form .search-reset, header .header-search .search #search_mini_form .search-submit{position: absolute;top: 0;height: 100%;display: flex;align-items: center;justify-content: center;} header .header-search .search #search_mini_form .search-submit .icon_{min-width:20px;width:20px;height:20px;} header .header-search .search #search_mini_form .search-submit{right: 20px;} header .header-search .search #search_mini_form .search-reset{transition: 0.2s;right: 55px;opacity: 0;} header .header-search .search #search_mini_form input::-webkit-input-placeholder{color: #ffffff99;} header .header-search .search #search_mini_form input::-moz-placeholder{color: #ffffff99;} header .header-search .search #search_mini_form input:-ms-input-placeholder{color: #ffffff99;} header .header-search .search #search_mini_form.search__filled .search-reset{opacity:1;} header .header-search .search button:hover .icon_{background: var(--color-white);} header .header-search.active form{z-index:1;} header .header-search.active form:before{content: '';width: calc(100% + 24px);height: calc(100% + 24px);position: absolute;top: -12px;left: -12px;display: block;background: var(--color-white);border-radius: 8px;z-index: -1;} header .header-search.active form .search-input{background: var(--color-white);border-color: var(--color-primary);color: var(--color-black);} header .header-search.active form .search-reset .icon_, header .header-search.active form .search-submit .icon_{background-color: var(--color-tertiary);} header .header-search.active form .search-reset:hover .icon_, header .header-search.active form .search-submit:hover .icon_{background-color: var(--color-black);} header .header-search.active{z-index: 12;} header .searchBtn{display:none;width:44px;height:44px;border-radius: 8px;align-items:center;justify-content: center;background: #ffffff26;cursor: pointer;} header .searchBtn .icon_{width:20px;min-width:20px;height:20px;background-color: var(--color-white);margin:0;} .header-wrapper[data-name="main"] .searchTitle{display:none;align-items:center;justify-content: space-between;border-bottom: 1px solid var(--line);padding-bottom:16px;margin-bottom:20px;font-size: 20px;font-weight: 800;} /** Поисковая выдача **/ #search-result.hide_{display:none !important;} #search-result{display: none;position: absolute;top: calc(100% + 4px + 12px);left: -12px;width: calc(100% + 24px);background: var(--color-white);color: var(--color-black);border-radius: 8px;padding: 20px 12px;z-index: 20;} #search-result._active{visibility: visible;opacity: 1;} #search-result .inner{overflow:hidden;display: -webkit-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;grid-gap: 16px;} #search-result .inner .result-category{width: 100%;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;display: flex;flex-wrap: wrap;grid-gap: 0;} #search-result .inner .result-category .result-item{width: 100%;} #search-result .inner .result-category img{display: none} #search-result .inner .result-category a{font-size: 16px;display: flex;align-items: center;transition:0.3s;padding: 6px;border-radius: 8px;} #search-result .inner .result-category a:hover{background: var(--color-grey-l);} #search-result .inner .result-category a .icon_{min-width: 16px;width: 16px;height: 16px;margin-right: 12px;background-color: var(--color-tertiary);transition: 0.3s;} #search-result .inner .result-goods{width: 100%;height: 100%;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;display: flex;flex-wrap: wrap;grid-gap: 12px;} #search-result .inner .result-item{width: 100%;position: relative;} #search-result .inner .result-item img{background: var(--bgImg);min-width: 70px;min-height: 70px;height: 70px;width: 70px;border-radius: 8px;margin-right: 8px;object-fit: contain;} #headerSearch .remove-icon{margin: 0;background-color: var(--color-tertiary);width: 12px;min-width: 12px;height: 12px;transition: 0.3s;} #search-result .inner .result-goods .result-item > a{display: flex;align-items: center;} #search-result .inner .result-goods .goods-name{font-size: 14px;max-height: 38px;overflow: hidden;} #search-result .inner .result-goods .goods-price{font-size: 18px;font-weight: 800;} #search-result .inner .result-goods .goods-right{width: calc(100% - 78px);display: flex;flex-direction: column;grid-gap: 4px;} #search-result .result-wrapper{width: 100%;} #search-result .search-result_title{display: flex;align-items: center;margin-bottom: 12px;width: 100%;display:none;} #search-result .search-result_title .text{font-weight: 800;font-size: 16px;} #search-result .search-result_title .link{font-weight: 400;font-size: 14px;text-decoration-line: underline;margin-left:12px;} #show-wrap{width:100%;} #show-wrap .show-all{font-size: 14px;font-weight: 800;display: flex;align-items: center;color: var(--color-tertiary);transition: 0.3s;} #show-wrap .show-all:after{content: '';transition: 0.3s;display: block;width: 12px;height: 12px;margin-left:12px;margin-left:5px;background-color: var(--color-tertiary);-webkit-mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: contain;} #show-wrap .show-all:after{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.756 11.6491C2.53163 11.4243 2.40559 11.1195 2.40559 10.8017C2.40559 10.4839 2.53163 10.1791 2.756 9.95433L6.69709 6.00749L2.756 2.06066C2.64169 1.9501 2.55051 1.81784 2.48779 1.67161C2.42507 1.52538 2.39205 1.36811 2.39067 1.20897C2.38929 1.04982 2.41957 0.892 2.47975 0.744702C2.53992 0.597404 2.62879 0.463584 2.74116 0.351049C2.85353 0.238514 2.98716 0.149517 3.13424 0.0892534C3.28133 0.0289888 3.43892 -0.00133705 3.59783 4.57764e-05C3.75675 0.0014286 3.91379 0.0344915 4.05981 0.0973072C4.20582 0.160122 4.33788 0.251431 4.44829 0.365905L9.23553 5.16012C9.45989 5.38488 9.58594 5.68968 9.58594 6.00749C9.58594 6.32531 9.45989 6.63011 9.23553 6.85487L4.44829 11.6491C4.22385 11.8738 3.91949 12 3.60214 12C3.28479 12 2.98043 11.8738 2.756 11.6491Z' fill='%23C1CCC8'/%3E%3C/svg%3E");} /* мышь, тачпад */ @media (hover: hover) and (pointer: fine){ #search-result .inner .result-category a:hover{color:var(--color-primary);} #search-result .inner .result-category a:hover .icon_{background-color:var(--color-primary);} #search-result .search-result_title .link:hover{color:var(--color-primary);} #headerSearch .remove-icon:hover{background-color: var(--color-primary);} #search-result .inner .result-goods .result-item > a:hover .goods-name{color:var(--color-primary);} #show-wrap .show-all:hover{color: var(--color-primary);} #show-wrap .show-all:hover:after{background-color: var(--color-primary);} .header-wrapper[data-name="top"] .link:hover, .header-wrapper[data-name="top"] .header_contacts:hover{opacity: 1;color:var(--color-primary);} .header-wrapper[data-name="top"] .link:hover .icon_, .header-wrapper[data-name="top"] .header_contacts:hover .icon_{background-color:var(--color-primary);} .header-wrapper[data-name="top"] .mainnav ul li:hover > a{color:var(--color-primary);opacity: 1;} .header-wrapper[data-name="main"] .categoryBtn:hover{color: var(--color-primary);border-color: var(--color-primary);} .header-wrapper[data-name="main"] .categoryBtn:hover .icon_{background-color: var(--color-primary);} } @media (max-width: 1139px){ header .header_logo{width: 204px;} header .header-search{max-width: calc(100% - 590px);} .header-wrapper[data-name="main"] .categoryBtn{padding: 0;width: 50px;font-size: 0;} .header-wrapper[data-name="main"] .categoryBtn .icon_{margin: 0;} header .header-search .search .search-input{height:44px;font-size: 14px;} } @media (max-width: 1023px){ .header-wrapper[data-name="main"] .categoryBtn{display:none;} header .header-search{max-width: calc(100% - 167px - 35px);margin: 0;} .header-wrapper[data-name="top"]{display:none;} .header-wrapper[data-name="main"]{padding: 15px 0;} } @media (max-width: 768px){ header .searchBtn{display:flex;} header .header-search{max-width: 100%;position: absolute;top: 0;left: 0;padding: 15px 16px;z-index: 12;background: var(--color-white);display:none;} header .header-search.active{display:block;} header .header-search.active .search-input{background: var(--color-white);border-color: var(--color-grey);color: var(--color-black);} header .header-search .search #search_mini_form input::-webkit-input-placeholder{color: var(--color-grey);} header .header-search .search #search_mini_form input::-moz-placeholder{color: var(--color-grey);} header .header-search .search #search_mini_form input:-ms-input-placeholder{color: var(--color-grey);} header .header-search .search .icon_, #headerSearch .remove-icon{background-color: var(--color-grey);} header .header_logo{margin-right:auto;} #search-result{top: calc(100% + 12px);border-radius: 0;width: 100vw;left: 50%;transform: translateX(-50%);overflow-y: auto;overflow-x: hidden;height: calc(100vh - 117px);} } /** Шапка Моб **/ #header-mobile{position: fixed;bottom: 0;left: 0;width: 100%;height:46px;display: flex;background: var(--color-white);border-radius: 0;padding: 0 50px;box-shadow: var(--shadow);z-index: 20;} .header-mobile{width: 100%;display: flex;align-items: center;grid-gap: 16px;justify-content: space-between;} #header-mobile .mob_btn{display: flex;align-items: center;position: relative;} #header-mobile .mob_btn .icon_{margin:0;width: 22px;min-width: 22px;height:22px;background-color:var(--color-grey);} #header-mobile .mob_btn .count{width: 20px;height: 20px;background: var(--color-primary);margin-left: 4px;border-radius: 50%;font-size: 10px;font-weight: 700;display: flex;align-items: center;justify-content: center;color: var(--color-white);} #header-mobile .mob_btn .count.count_empty{display:none;} #header-mobile.hide{display:none !important;} @media (min-width: 1024px){ #header-mobile{display:none;} } @media (max-width: 639px){ #header-mobile{padding: 0 16px;} #header-mobile .mob_btn.mob-compare .count, #header-mobile .mob_btn.mob-favorite .count{width: 6px;height: 6px;font-size: 0;margin-bottom: auto;margin-left: 0;} } .header-tools{margin-left: 30px;} #main .col-100{width: 100%;} /** Выпадающий каталог **/ #fancybox__catalog{position: absolute;top: 137px;left: -100%;height: 100vh;width: max-content;z-index: 15;border-radius: 0;transition: 0s;} #fancybox__catalog.anim{transition: 0.5s;} #fancybox__catalog.fixed_header{top: 85px;} #fancybox__catalog.opened{left: 0;} /*#fancybox__catalog.opened .catalog__inner{height: calc(100% - 137px);}*/ /*#fancybox__catalog.fixed_header .catalog__inner{height: calc(100% - 85px);}*/ #fancybox__catalog .catalog_overlay{content: "";position: absolute;width: 100vw;height: 100%;top: 0;left: 0;right: 0;bottom: 0;transition: 0.2s;z-index: -1;background-color: var(--bg-fancybox-color);opacity: 0;visibility: hidden;cursor: pointer;} #fancybox__catalog .catalog_overlay._active{visibility: visible;opacity: var(--bg-fancybox-opacity);} .sidebar__block + .sidebar__block{margin-top: 40px;} .sidebar__block .sidebar_promo{display: flex;align-items: center;margin-bottom: 30px;justify-content: center;grid-gap: 4px;font-size: 14px;font-weight: 700;color: var(--color-red);background: var(--color-red-20);height: 40px;border-radius: 20px;padding: 10px;} .sidebar__block .sidebar_promo .icon_{width:20px;min-width:20px;height:20px;background-color:var(--color-red);margin:0;} .sidebar__block ul{display: flex;flex-direction: column;} .sidebar__block .catalog__inner{background: var(--color-white);color: var(--color-black);width: 380px;padding: 30px 34px;height: 100%;overflow-x: hidden;overflow-y: auto;} .sidebar__block .catalog__inner::-webkit-scrollbar{width: 4px;} .sidebar__block .catalog__open{opacity: 0;transform: translateX(0);transition: 0.2s;width:10px;min-width:10px;height:10px;margin:0;background-color:var(--color-primary);} .sidebar__block .catalog__item:hover > .catalog__link .catalog__open{opacity: 1;} .sidebar__block .catalog__item:hover > .catalog__link:before{background-color:var(--color-primary);} .sidebar__block .catalog__item[data-level="0"]:hover > .catalog__link .catalog__open{transform: translateX(-5px);} .sidebar__block .catalog__item .catalog__link{transition:0.2s;} .sidebar__block .catalog__item:hover > .catalog__link{background:var(--color-grey-l);color: var(--color-primary);} .sidebar__block .catalog__link{width: 100%;display: flex;align-items: center;padding: 10px 16px 10px 12px;border-radius: 8px;font-size: 16px;background: var(--main-colro-white);transition: 0.2s;} .sidebar__block .catalog__item[data-level="0"] > .catalog__link{padding: 10px 16px 10px 10px;} .sidebar__block .catalog__label .catalog__name{font-size: 16px;font-weight: 800;text-transform: uppercase;transition:0.2s;} .sidebar__block .catalog__label .catalog__name:hover{color:var(--color-primary);} .sidebar__block .catalog__name{flex-grow: 1;margin: 0;} .sidebar__block .catalog__link::before{content: '';width:20px;min-width:20px;height:20px;margin-right:12px;background-color:var(--color-grey);transition: 0.2s;display: inline-block;-webkit-mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: contain;} .sidebar__block .catalog__item:nth-child(1) .catalog__link::before{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M3.33301 2.5V17.5C3.33301 18.163 3.5964 18.7989 4.06524 19.2678C4.53408 19.7366 5.16997 20 5.83301 20H14.1663C14.8294 20 15.4653 19.7366 15.9341 19.2678C16.4029 18.7989 16.6663 18.163 16.6663 17.5V2.5C16.6663 1.83696 16.4029 1.20107 15.9341 0.732233C15.4653 0.263392 14.8294 0 14.1663 0H5.83301C5.16997 0 4.53408 0.263392 4.06524 0.732233C3.5964 1.20107 3.33301 1.83696 3.33301 2.5ZM9.99967 18.75C9.75245 18.75 9.51077 18.6767 9.30521 18.5393C9.09965 18.402 8.93943 18.2068 8.84482 17.9784C8.75022 17.7499 8.72546 17.4986 8.77369 17.2561C8.82192 17.0137 8.94098 16.7909 9.11579 16.6161C9.29061 16.4413 9.51333 16.3222 9.75581 16.274C9.99829 16.2258 10.2496 16.2505 10.478 16.3452C10.7064 16.4398 10.9017 16.6 11.039 16.8055C11.1764 17.0111 11.2497 17.2528 11.2497 17.5C11.2497 17.8315 11.118 18.1495 10.8836 18.3839C10.6491 18.6183 10.3312 18.75 9.99967 18.75ZM12.083 2.91667H7.91634C7.69533 2.91667 7.48337 2.82887 7.32709 2.67259C7.17081 2.51631 7.08301 2.30435 7.08301 2.08333C7.08301 1.86232 7.17081 1.65036 7.32709 1.49408C7.48337 1.3378 7.69533 1.25 7.91634 1.25H12.083C12.304 1.25 12.516 1.3378 12.6723 1.49408C12.8285 1.65036 12.9163 1.86232 12.9163 2.08333C12.9163 2.30435 12.8285 2.51631 12.6723 2.67259C12.516 2.82887 12.304 2.91667 12.083 2.91667Z' fill='%23D2DFE8'/%3E%3C/svg%3E");} .sidebar__block .catalog__item:nth-child(2) .catalog__link::before{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_2748_6343)'%3E%3Cpath d='M14.5716 2.05078L14.3215 2.30139V2.05078H13.0894C12.5338 2.90921 11.361 3.50259 9.99941 3.50259C8.63827 3.50259 7.46547 2.90921 6.90995 2.05078H5.67786V2.30139L5.42725 2.05078L0.996094 6.48443L3.41993 8.91026L5.67786 6.65133V17.947H14.3205V6.65183L16.5789 8.91076L19.0022 6.48443L14.5716 2.05078Z' fill='%23D2DFE8'/%3E%3Cpath d='M14.3204 18.9437H5.6778C5.41353 18.9437 5.16008 18.8388 4.97321 18.6519C4.78635 18.465 4.68136 18.2116 4.68136 17.9473V9.05807L4.12436 9.61508C3.93726 9.80183 3.68372 9.90671 3.41938 9.90671C3.15503 9.90671 2.90149 9.80183 2.7144 9.61508L0.290561 7.18926C0.103879 7.00233 -0.000976563 6.74895 -0.000976562 6.48477C-0.000976563 6.2206 0.103879 5.96722 0.290561 5.78029L4.72272 1.34664C4.83056 1.23974 4.96123 1.15864 5.1049 1.10946C5.24857 1.06028 5.40151 1.04428 5.55225 1.06266C5.5936 1.05768 5.63545 1.05469 5.6778 1.05469H6.9099C7.07621 1.05467 7.23989 1.09629 7.386 1.17574C7.53211 1.25519 7.65601 1.36995 7.74641 1.50956C8.1385 2.1154 9.02284 2.5065 9.99935 2.5065C10.9759 2.5065 11.8607 2.1154 12.2528 1.50956C12.3432 1.36995 12.4671 1.25519 12.6132 1.17574C12.7593 1.09629 12.923 1.05467 13.0893 1.05469H14.3214C14.3638 1.05469 14.4056 1.05718 14.447 1.06266C14.4878 1.05768 14.5292 1.05469 14.571 1.05469C14.8351 1.05469 15.0892 1.15981 15.2765 1.34664L19.7076 5.7798C20.0963 6.1689 20.0963 6.79915 19.7076 7.18876L17.2843 9.61508C17.0975 9.80196 16.8441 9.90698 16.5798 9.90704C16.449 9.90721 16.3189 9.88156 16.198 9.83154C16.0771 9.78153 15.9673 9.70814 15.8748 9.61558L15.3173 9.05758V17.9473C15.3173 18.0782 15.2916 18.2078 15.2414 18.3287C15.1913 18.4497 15.1179 18.5595 15.0253 18.6521C14.9327 18.7446 14.8228 18.818 14.7019 18.868C14.5809 18.9181 14.4513 18.9438 14.3204 18.9437ZM6.67424 16.9509H13.324V6.65218C13.324 6.45513 13.3825 6.26252 13.492 6.0987C13.6015 5.93487 13.7571 5.80719 13.9391 5.73179C14.1212 5.65639 14.3215 5.63666 14.5147 5.67509C14.708 5.71352 14.8855 5.80838 15.0249 5.9477L16.5783 7.50114L17.5937 6.48477L14.4056 3.29468C14.2711 3.30627 14.1356 3.29033 14.0075 3.24784C13.8794 3.20536 13.7612 3.13721 13.6603 3.04756H13.5746C12.752 3.95432 11.4337 4.49937 9.99935 4.49937C8.56498 4.49937 7.24719 3.95432 6.42413 3.04756H6.33844C6.23739 3.1372 6.11916 3.20534 5.99094 3.24782C5.86271 3.2903 5.72719 3.30625 5.59261 3.29468L2.40401 6.48527L3.41938 7.50164L4.97232 5.9477C5.11165 5.80821 5.28922 5.7132 5.48257 5.67467C5.67592 5.63614 5.87635 5.65583 6.0585 5.73125C6.24065 5.80667 6.39634 5.93443 6.50585 6.09836C6.61537 6.26229 6.6738 6.45503 6.67374 6.65218V16.9509H6.67424Z' fill='%23D2DFE8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2748_6343'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .sidebar__block .catalog__item:nth-child(3) .catalog__link::before{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.7637 1C14.3208 1.00002 14.8668 1.16426 15.3406 1.47432C15.8145 1.78438 16.1975 2.22802 16.4467 2.75553L17.8326 5.68953C18.0766 5.58365 18.3166 5.46929 18.5526 5.34647C18.79 5.22094 19.0647 5.2004 19.3164 5.28936C19.5681 5.37832 19.776 5.56949 19.8946 5.82082C20.0131 6.07216 20.0325 6.36306 19.9485 6.62954C19.8645 6.89601 19.684 7.11624 19.4466 7.24177C19.2062 7.35506 18.9646 7.46518 18.7216 7.57212L19.6826 9.60824C19.8912 10.0497 19.9997 10.5366 19.9996 11.0302V13.7059C20.0002 14.1529 19.9114 14.595 19.7391 15.003C19.5667 15.4111 19.3147 15.7759 18.9996 16.0734V17.4118C18.9996 17.833 18.8416 18.237 18.5603 18.5348C18.279 18.8327 17.8975 19 17.4996 19C17.1018 19 16.7203 18.8327 16.439 18.5348C16.1577 18.237 15.9997 17.833 15.9997 17.4118V16.8824H3.99992V17.4118C3.99992 17.833 3.84188 18.237 3.56059 18.5348C3.27929 18.8327 2.89776 19 2.49995 19C2.10213 19 1.72061 18.8327 1.43931 18.5348C1.15801 18.237 0.999979 17.833 0.999979 17.4118V16.0734C0.385992 15.4911 0 14.6461 0 13.7059V11.0292C0.000186875 10.5363 0.108714 10.0501 0.316993 9.60929L1.26997 7.58906C1.02898 7.48106 0.789984 7.36671 0.554989 7.24282C0.318825 7.11567 0.139307 6.89534 0.0551315 6.62934C-0.0290437 6.36334 -0.0111348 6.07297 0.104998 5.82082C0.163655 5.69634 0.244907 5.58531 0.344109 5.49409C0.443311 5.40287 0.558519 5.33324 0.683147 5.28919C0.807775 5.24513 0.939381 5.22752 1.07044 5.23735C1.2015 5.24718 1.32945 5.28426 1.44697 5.34647C1.68296 5.47035 1.92396 5.58365 2.16695 5.68953L3.55293 2.75659C3.80197 2.22888 4.18488 1.78502 4.65875 1.47477C5.13262 1.16452 5.67873 1.00012 6.23587 1H13.7637ZM5.49989 10.5294C5.10207 10.5294 4.72055 10.6967 4.43925 10.9946C4.15795 11.2924 3.99992 11.6964 3.99992 12.1176C3.99992 12.5389 4.15795 12.9428 4.43925 13.2407C4.72055 13.5386 5.10207 13.7059 5.49989 13.7059C5.8977 13.7059 6.27922 13.5386 6.56052 13.2407C6.84182 12.9428 6.99985 12.5389 6.99985 12.1176C6.99985 11.6964 6.84182 11.2924 6.56052 10.9946C6.27922 10.6967 5.8977 10.5294 5.49989 10.5294ZM14.4997 10.5294C14.1019 10.5294 13.7204 10.6967 13.4391 10.9946C13.1578 11.2924 12.9997 11.6964 12.9997 12.1176C12.9997 12.5389 13.1578 12.9428 13.4391 13.2407C13.7204 13.5386 14.1019 13.7059 14.4997 13.7059C14.8975 13.7059 15.279 13.5386 15.5603 13.2407C15.8416 12.9428 15.9997 12.5389 15.9997 12.1176C15.9997 11.6964 15.8416 11.2924 15.5603 10.9946C15.279 10.6967 14.8975 10.5294 14.4997 10.5294ZM13.7637 3.11765H6.23587C6.07128 3.11762 5.90923 3.16061 5.7641 3.24281C5.61896 3.325 5.49523 3.44385 5.40389 3.58882L5.34189 3.70318L4.07192 6.39047C5.61988 6.88176 7.70584 7.35294 9.99979 7.35294C12.1417 7.35294 14.1007 6.94212 15.6097 6.48788L15.9267 6.39047L14.6577 3.70318C14.5841 3.54733 14.4753 3.41313 14.341 3.31247C14.2067 3.21181 14.051 3.1478 13.8877 3.12612L13.7647 3.11765H13.7637Z' fill='%23D2DFE8'/%3E%3C/svg%3E");} .sidebar__block .catalog__item:nth-child(4) .catalog__link::before{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7.9 2.89077C6.48867 2.21694 4.51602 1.88686 1.875 1.87514C1.62593 1.87176 1.38174 1.94439 1.175 2.08335C1.00531 2.19805 0.866402 2.35268 0.770498 2.53366C0.674593 2.71464 0.62463 2.91642 0.625002 3.12124V14.297C0.625002 15.0525 1.1625 15.6224 1.875 15.6224C4.65117 15.6224 7.43594 15.8818 9.10391 17.4583C9.12672 17.48 9.15541 17.4945 9.18639 17.5C9.21737 17.5055 9.24928 17.5018 9.27816 17.4893C9.30704 17.4768 9.33162 17.4561 9.34884 17.4298C9.36605 17.4034 9.37515 17.3726 9.375 17.3412V4.1728C9.37504 4.08396 9.35603 3.99614 9.31923 3.91528C9.28244 3.83441 9.22873 3.76238 9.16172 3.70405C8.77965 3.37742 8.35525 3.10386 7.9 2.89077ZM18.825 2.08217C18.6182 1.94356 18.374 1.87134 18.125 1.87514C15.484 1.88686 13.5113 2.21538 12.1 2.89077C11.6448 3.10347 11.2203 3.37649 10.8379 3.70249C10.771 3.76091 10.7174 3.83296 10.6807 3.91381C10.644 3.99466 10.625 4.08244 10.625 4.17124V17.3404C10.625 17.3706 10.6339 17.4002 10.6506 17.4254C10.6673 17.4506 10.6911 17.4703 10.719 17.482C10.7469 17.4937 10.7776 17.4969 10.8073 17.4913C10.837 17.4856 10.8643 17.4713 10.8859 17.4501C11.8887 16.454 13.6484 15.6212 18.1266 15.6216C18.4581 15.6216 18.776 15.4899 19.0104 15.2555C19.2449 15.0211 19.3766 14.7031 19.3766 14.3716V3.12163C19.377 2.9164 19.3269 2.71422 19.2307 2.53294C19.1346 2.35165 18.9952 2.19684 18.825 2.08217Z' fill='%23D2DFE8'/%3E%3C/svg%3E");} .sidebar__block .catalog__item:nth-child(5) .catalog__link::before{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 1.6665C5.40835 1.6665 1.66669 5.40817 1.66669 9.99984C1.66669 14.5915 5.40835 18.3332 10 18.3332C10.5526 18.3332 11.0825 18.1137 11.4732 17.723C11.8639 17.3323 12.0834 16.8024 12.0834 16.2498C12.0834 15.7415 11.8917 15.2498 11.55 14.8582C11.4834 14.7817 11.4451 14.6846 11.4417 14.5832C11.4417 14.3498 11.625 14.1665 11.8584 14.1665H13.3334C16.0917 14.1665 18.3334 11.9248 18.3334 9.1665C18.3334 5.03317 14.5917 1.6665 10 1.6665ZM14.5834 10.8332C13.8917 10.8332 13.3334 10.2748 13.3334 9.58317C13.3334 8.8915 13.8917 8.33317 14.5834 8.33317C15.275 8.33317 15.8334 8.8915 15.8334 9.58317C15.8334 10.2748 15.275 10.8332 14.5834 10.8332ZM12.0834 7.49984C11.3917 7.49984 10.8334 6.9415 10.8334 6.24984C10.8334 5.55817 11.3917 4.99984 12.0834 4.99984C12.775 4.99984 13.3334 5.55817 13.3334 6.24984C13.3334 6.9415 12.775 7.49984 12.0834 7.49984ZM4.16669 9.58317C4.16669 8.8915 4.72502 8.33317 5.41669 8.33317C6.10835 8.33317 6.66669 8.8915 6.66669 9.58317C6.66669 10.2748 6.10835 10.8332 5.41669 10.8332C4.72502 10.8332 4.16669 10.2748 4.16669 9.58317ZM9.16669 6.24984C9.16669 6.9415 8.60835 7.49984 7.91669 7.49984C7.22502 7.49984 6.66669 6.9415 6.66669 6.24984C6.66669 5.55817 7.22502 4.99984 7.91669 4.99984C8.60835 4.99984 9.16669 5.55817 9.16669 6.24984Z' fill='%23D2DFE8'/%3E%3C/svg%3E");} .sidebar__block .catalog__item:nth-child(6) .catalog__link::before{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5.83334 9.99984V10.8332H14.1667V9.99984C14.1667 9.33781 14.4293 8.7028 14.8968 8.23413C15.3644 7.76546 15.9988 7.50138 16.6608 7.49984C16.6599 7.28191 16.6404 7.06445 16.6025 6.84984C16.4739 6.20318 16.1564 5.60918 15.6902 5.14296C15.224 4.67675 14.63 4.35927 13.9833 4.23067C13.6617 4.1665 13.275 4.1665 12.5 4.1665H7.50001C6.72501 4.1665 6.33834 4.1665 6.01667 4.23067C5.37001 4.35927 4.77601 4.67675 4.3098 5.14296C3.84359 5.60918 3.5261 6.20318 3.39751 6.84984C3.35962 7.06445 3.3401 7.28191 3.33917 7.49984C4.0012 7.50138 4.63559 7.76546 5.10317 8.23413C5.57075 8.7028 5.83334 9.33781 5.83334 9.99984Z' fill='%23D2DFE8'/%3E%3Cpath d='M15.37 15.0002H4.63002C4.40396 15 4.17864 14.9743 3.95835 14.9235V15.8335C3.95835 15.9993 3.89251 16.1582 3.7753 16.2754C3.65809 16.3926 3.49911 16.4585 3.33335 16.4585C3.16759 16.4585 3.00862 16.3926 2.89141 16.2754C2.7742 16.1582 2.70835 15.9993 2.70835 15.8335V14.2927C2.38153 14.0147 2.11908 13.6689 1.93921 13.2794C1.75933 12.8899 1.66635 12.4659 1.66669 12.0368V10.0002C1.66669 9.55814 1.84228 9.13421 2.15484 8.82165C2.4674 8.50909 2.89133 8.3335 3.33335 8.3335C3.77538 8.3335 4.19931 8.50909 4.51187 8.82165C4.82443 9.13421 5.00002 9.55814 5.00002 10.0002V11.0002C5.00002 11.177 5.07026 11.3465 5.19528 11.4716C5.32031 11.5966 5.48988 11.6668 5.66669 11.6668H14.3334C14.5102 11.6668 14.6797 11.5966 14.8048 11.4716C14.9298 11.3465 15 11.177 15 11.0002V10.0002C15 9.55814 15.1756 9.13421 15.4882 8.82165C15.8007 8.50909 16.2247 8.3335 16.6667 8.3335C17.1087 8.3335 17.5326 8.50909 17.8452 8.82165C18.1578 9.13421 18.3334 9.55814 18.3334 10.0002V12.0368C18.3337 12.4659 18.2407 12.8899 18.0608 13.2794C17.881 13.6689 17.6185 14.0147 17.2917 14.2927V15.8335C17.2917 15.9993 17.2258 16.1582 17.1086 16.2754C16.9914 16.3926 16.8324 16.4585 16.6667 16.4585C16.5009 16.4585 16.342 16.3926 16.2247 16.2754C16.1075 16.1582 16.0417 15.9993 16.0417 15.8335V14.9235C15.8214 14.9743 15.5961 15 15.37 15.0002Z' fill='%23D2DFE8'/%3E%3C/svg%3E");} .sidebar__block .catalog__item:nth-child(7) .catalog__link::before{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M2 10.1249C2.875 7.63325 5.37917 5.83325 8.33333 5.83325C11.6308 5.83325 14.3692 8.07575 14.905 11.0216C14.3592 10.7916 13.6508 10.6008 12.9342 10.4816C11.4883 10.2416 10.3842 10.7416 9.43833 11.1733L9.42917 11.1774C8.4675 11.6166 7.67 11.9808 6.62083 11.8624C5.785 11.7683 5.0325 11.5041 4.32583 11.1908C4.00583 11.0491 3.70167 10.9008 3.40083 10.7533L3.3 10.7041C2.97772 10.5429 2.65002 10.3929 2.3175 10.2541L2 10.1249Z' fill='%23D2DFE8'/%3E%3Cpath d='M1.71086 11.3567C1.68119 11.5964 1.66644 11.8377 1.66669 12.0792C1.66669 13.6751 2.30502 15.1309 3.35669 16.2351C3.73169 16.6292 3.91919 16.8259 4.70502 17.1634C5.49169 17.5001 6.03336 17.5001 7.11836 17.5001H9.54836C10.6334 17.5001 11.175 17.5001 11.9617 17.1634C12.7475 16.8259 12.935 16.6292 13.3109 16.2351C14.2759 15.2209 14.8925 13.9101 14.9875 12.4684L14.6967 12.3067C14.3042 12.0884 13.5684 11.8542 12.7292 11.7151C11.6967 11.5434 10.9092 11.8759 9.95752 12.3109L9.86586 12.3526C8.95419 12.7692 7.87752 13.2626 6.48086 13.1051C5.46836 12.9909 4.58502 12.6726 3.81919 12.3334C3.47752 12.1817 3.15252 12.0234 2.85252 11.8767L2.75252 11.8276C2.45608 11.6793 2.1548 11.5409 1.84919 11.4126L1.71086 11.3567ZM10.4667 2.03341C10.7617 2.32758 10.8192 2.76675 10.8309 3.54175H11.9334C12.6771 3.5418 13.4106 3.71498 14.0759 4.04758L14.7725 4.39591C15.34 3.93841 16.2725 3.90675 17.0834 4.37508C18.08 4.95008 18.515 6.06258 18.0542 6.86008C17.5942 7.65675 16.4125 7.83675 15.4167 7.26175C14.7134 6.85508 14.2892 6.18091 14.2634 5.53925L13.5167 5.16591C13.0251 4.92002 12.483 4.79191 11.9334 4.79175H10.8334V5.40341C10.0271 5.1357 9.18293 4.99951 8.33336 5.00008C7.45836 5.00008 6.61669 5.14175 5.83336 5.40341V4.79175H5.92252C6.00336 4.79258 6.09752 4.79341 6.17752 4.79175C6.29336 4.78758 6.45002 4.77675 6.60752 4.72841C6.77586 4.67591 6.97169 4.57175 7.11419 4.36591C7.25252 4.16758 7.29169 3.94508 7.29169 3.75008C7.29169 3.55508 7.25252 3.33258 7.11419 3.13341C6.9905 2.95922 6.81171 2.83181 6.60669 2.77175C6.4667 2.73224 6.32214 2.71123 6.17669 2.70925C6.09226 2.70737 6.0078 2.70709 5.92336 2.70841H5.89169C5.94086 2.41341 6.03169 2.20008 6.19836 2.03341C6.56669 1.66675 7.15502 1.66675 8.33336 1.66675C9.51169 1.66675 10.1009 1.66675 10.4667 2.03341Z' fill='%23D2DFE8'/%3E%3C/svg%3E");} .sidebar__block .catalog__item:nth-child(8) .catalog__link::before{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_587_3931)'%3E%3Cpath d='M4.3413 11.1817H15.9939V12.6968H4.3413V11.1817ZM14.4585 19.5636L15.1364 13.3746H5.1988L5.87667 19.5636H14.4585ZM10.9844 7.20941C10.6406 7.79335 10.3665 8.41559 10.1676 9.06338C9.9687 8.41559 9.69455 7.79335 9.35076 7.20941C9.31687 7.27042 9.27619 7.32803 9.23213 7.38565C9.19146 7.45005 9.08639 7.61274 8.91353 7.80932C9.36432 8.64988 9.65919 9.55145 9.7846 10.5039H10.5506C10.676 9.55145 10.9709 8.64988 11.4217 7.80932C11.2488 7.61274 11.1437 7.45005 11.1031 7.38565C11.059 7.32803 11.0183 7.27042 10.9844 7.20941ZM13.6891 1.53224C12.2927 1.9593 11.242 2.98966 10.8082 4.35557C10.476 5.39949 10.5472 6.48747 10.9844 7.20941C11.1191 6.98055 11.2639 6.75776 11.4183 6.5417C12.713 4.72501 14.6788 3.46756 16.8819 3.05406C17.0649 3.02017 17.2446 3.14218 17.2785 3.32521C17.3123 3.51162 17.1903 3.68787 17.0073 3.72176C15.9488 3.92004 14.9412 4.32993 14.0449 4.92689C13.1486 5.52384 12.382 6.29557 11.7911 7.19585C11.7538 7.25347 11.7131 7.31448 11.6759 7.37548C11.5877 7.51784 11.503 7.66358 11.4217 7.80932C11.8114 8.24316 12.5503 8.83291 13.679 8.83291C14.0925 8.83291 14.5568 8.75495 15.0754 8.55837C16.7294 7.93812 17.6343 6.66033 18.4308 5.53168C18.9765 4.75552 19.4917 4.0268 20.1628 3.6472C20.2543 3.59297 20.3187 3.50146 20.3323 3.39639C20.3458 3.29132 20.3119 3.18625 20.2374 3.11168C20.1255 2.99983 17.4683 0.376472 13.6891 1.53224ZM8.54409 7.19585C7.95315 6.29557 7.18656 5.52384 6.29025 4.92689C5.39395 4.32993 4.38637 3.92004 3.32788 3.72176C3.24225 3.70216 3.16753 3.65018 3.11939 3.5767C3.07124 3.50322 3.05341 3.41396 3.06963 3.32763C3.08584 3.2413 3.13485 3.16459 3.20637 3.11359C3.27789 3.06259 3.36638 3.04126 3.45329 3.05406C4.63962 3.27729 5.76646 3.74519 6.76199 4.42794C7.75752 5.11069 8.59992 5.99332 9.23552 7.0196C9.27619 7.084 9.31348 7.14501 9.35076 7.20941C9.78799 6.48747 9.85916 5.39949 9.52701 4.35557C9.09317 2.98966 8.04247 1.9593 6.64606 1.53224C2.87032 0.376472 0.209676 2.99983 0.0978271 3.11168C0.0232613 3.18625 -0.0106322 3.29132 0.00292523 3.39639C0.0164826 3.50146 0.0808803 3.59297 0.172393 3.6472C0.843485 4.0268 1.35867 4.75552 1.90435 5.53168C2.70085 6.66033 3.60581 7.93812 5.25981 8.55837C5.77838 8.75495 6.24272 8.83291 6.65622 8.83291C7.78149 8.83291 8.52037 8.24316 8.91353 7.80932C8.83219 7.66358 8.74745 7.51784 8.65933 7.37548C8.62205 7.31448 8.58138 7.25347 8.54409 7.19585Z' fill='%23D2DFE8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_587_3931'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .sidebar__block .catalog__item:nth-child(9) .catalog__link::before{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Cg clip-path='url(%23clip0_587_3924)'%3E%3Cpath d='M8.67431 11.1088L9.32526 11.6436C9.41144 11.7145 9.51956 11.7532 9.63116 11.7532C9.74275 11.7532 9.85087 11.7145 9.93705 11.6436L10.5874 11.1088C10.6599 11.0487 10.7122 10.9678 10.7371 10.8769C10.762 10.7861 10.7583 10.6898 10.7266 10.6011C10.6948 10.5124 10.6365 10.4357 10.5595 10.3813C10.4826 10.327 10.3907 10.2977 10.2965 10.2974H8.96512C8.87075 10.2973 8.77866 10.3264 8.70147 10.3807C8.62428 10.435 8.56576 10.5118 8.53393 10.6007C8.50209 10.6895 8.49849 10.786 8.52362 10.877C8.54875 10.9679 8.60138 11.0489 8.67431 11.1088ZM9.74254 12.4223C9.69964 12.4058 9.65372 12.3989 9.60789 12.4018C9.56206 12.4048 9.5174 12.4175 9.47695 12.4393C9.4365 12.461 9.40121 12.4912 9.37349 12.5278C9.34576 12.5645 9.32625 12.6066 9.31627 12.6514C9.26235 12.8678 9.19045 13.1297 9.04216 13.3403C8.90606 13.5341 8.70448 13.6856 8.34563 13.6856C7.92579 13.6856 7.70367 13.3428 7.70367 13.0437C7.70367 12.9585 7.66985 12.8769 7.60965 12.8167C7.54946 12.7565 7.46782 12.7227 7.38269 12.7227C7.29756 12.7227 7.21591 12.7565 7.15572 12.8167C7.09552 12.8769 7.06171 12.9585 7.06171 13.0437C7.06171 13.6009 7.48155 14.3276 8.34563 14.3276C8.93944 14.3276 9.32654 14.0516 9.56728 13.71C9.58911 13.6786 9.60965 13.6471 9.62955 13.615C9.64881 13.6471 9.66999 13.6792 9.69182 13.71C9.93256 14.0516 10.3197 14.3276 10.9135 14.3276C11.7776 14.3276 12.1974 13.6009 12.1974 13.0437C12.1974 12.9585 12.1636 12.8769 12.1034 12.8167C12.0432 12.7565 11.9615 12.7227 11.8764 12.7227C11.7913 12.7227 11.7096 12.7565 11.6494 12.8167C11.5892 12.8769 11.5554 12.9585 11.5554 13.0437C11.5554 13.3428 11.3333 13.6856 10.9135 13.6856C10.554 13.6856 10.353 13.5341 10.2169 13.3403C10.0687 13.1297 9.99675 12.8678 9.94283 12.6514C9.92883 12.5928 9.89908 12.5391 9.8568 12.4961C9.82446 12.4635 9.78549 12.4384 9.74254 12.4223Z' fill='%23D2DFE8'/%3E%3Cpath d='M9.62952 18C5.64936 18 3.53474 16.7879 3.44679 16.7366C2.40694 16.2247 1.53219 15.4304 0.922653 14.4447C0.313112 13.4589 -0.00659967 12.3214 0.000103273 11.1624C0.000103273 10.7747 0.0366951 10.3882 0.107311 10.0069C0.295173 8.74606 0.689939 7.52488 1.27568 6.39266C0.781314 5.67584 0.569269 4.80162 0.680284 3.93796C0.791298 3.0743 1.21754 2.28213 1.87712 1.71363C2.5367 1.14514 3.38309 0.840427 4.25368 0.858041C5.12427 0.875655 5.95764 1.21435 6.59368 1.80906C8.56365 1.14699 10.696 1.14699 12.666 1.80906C13.3015 1.20864 14.1371 0.86534 15.0112 0.845625C15.8852 0.82591 16.7355 1.13118 17.3975 1.70234C18.0594 2.2735 18.4858 3.06993 18.5943 3.93745C18.7028 4.80497 18.4855 5.68188 17.9846 6.39844C18.573 7.53874 18.9691 8.76837 19.1569 10.0377C19.4026 11.3745 19.2048 12.755 18.5935 13.9689C17.9822 15.1829 16.9909 16.1638 15.7705 16.7623L15.7686 16.7635C15.6781 16.8143 13.5667 18 9.62952 18ZM9.62952 9.19161C8.59008 9.19232 7.57334 9.49569 6.70346 10.0647C6.41698 10.2525 6.18216 10.5092 6.02045 10.8112C5.85874 11.1132 5.7753 11.4509 5.77775 11.7935V12.2685C5.7616 13.3073 6.158 14.31 6.88003 15.057C7.60206 15.8039 8.59082 16.2341 9.62952 16.2532C10.6682 16.2341 11.657 15.8039 12.379 15.057C13.101 14.31 13.4974 13.3073 13.4813 12.2685V11.7935C13.4837 11.4509 13.4003 11.1132 13.2386 10.8112C13.0769 10.5092 12.842 10.2525 12.5556 10.0647C11.6857 9.49569 10.669 9.19232 9.62952 9.19161ZM3.85444 5.128C4.38618 4.5895 4.99499 4.133 5.66091 3.77346C5.56589 3.53932 5.41691 3.33092 5.22612 3.16523C5.03533 2.99955 4.80811 2.88126 4.56296 2.81999C4.31781 2.75872 4.06165 2.7562 3.81534 2.81264C3.56903 2.86908 3.33953 2.98289 3.14552 3.14479C2.95151 3.3067 2.79847 3.51213 2.69886 3.74436C2.59926 3.97659 2.55589 4.22906 2.5723 4.48122C2.58871 4.73338 2.66444 4.9781 2.7933 5.19547C2.92217 5.41283 3.10055 5.59669 3.31391 5.73208C3.48017 5.52666 3.66056 5.32444 3.85444 5.12736M15.4046 5.12736C15.5991 5.32444 15.7789 5.52666 15.9451 5.73208C16.1586 5.59671 16.337 5.41285 16.466 5.19546C16.5949 4.97806 16.6706 4.7333 16.6871 4.48108C16.7035 4.22886 16.6601 3.97634 16.5605 3.74406C16.4608 3.51178 16.3077 3.30632 16.1137 3.14441C15.9196 2.9825 15.69 2.86871 15.4436 2.81232C15.1972 2.75593 14.941 2.75853 14.6958 2.81991C14.4507 2.88128 14.2234 2.9997 14.0327 3.16551C13.8419 3.33133 13.693 3.53985 13.5981 3.7741C14.264 4.13325 14.8728 4.58931 15.4046 5.12736ZM6.41971 7.88779V8.52975C6.41971 8.70001 6.48735 8.86329 6.60774 8.98368C6.72813 9.10408 6.89141 9.17171 7.06167 9.17171C7.23193 9.17171 7.39522 9.10408 7.51561 8.98368C7.636 8.86329 7.70363 8.70001 7.70363 8.52975V7.88779C7.70363 7.71753 7.636 7.55424 7.51561 7.43385C7.39522 7.31346 7.23193 7.24583 7.06167 7.24583C6.89141 7.24583 6.72813 7.31346 6.60774 7.43385C6.48735 7.55424 6.41971 7.71753 6.41971 7.88779ZM11.5554 7.88779V8.52975C11.5554 8.70001 11.623 8.86329 11.7434 8.98368C11.8638 9.10408 12.0271 9.17171 12.1974 9.17171C12.3676 9.17171 12.5309 9.10408 12.6513 8.98368C12.7717 8.86329 12.8393 8.70001 12.8393 8.52975V7.88779C12.8393 7.71753 12.7717 7.55424 12.6513 7.43385C12.5309 7.31346 12.3676 7.24583 12.1974 7.24583C12.0271 7.24583 11.8638 7.31346 11.7434 7.43385C11.623 7.55424 11.5554 7.71753 11.5554 7.88779Z' fill='%23D2DFE8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_587_3924'%3E%3Crect width='19' height='19' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .sidebar__block .catalog__item:nth-child(10) .catalog__link::before{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M20 6.95833V11.3854C19.999 11.6929 19.9043 11.9918 19.73 12.2373C19.5557 12.4828 19.3113 12.6617 19.0333 12.7472L10.6667 15.2812V18.2917C10.6667 18.4795 10.5964 18.6597 10.4714 18.7925C10.3464 18.9254 10.1768 19 10 19C9.82319 19 9.65362 18.9254 9.5286 18.7925C9.40357 18.6597 9.33333 18.4795 9.33333 18.2917V15.2812C9.33434 14.9738 9.42907 14.6749 9.60333 14.4294C9.7776 14.1839 10.022 14.005 10.3 13.9195L18.6667 11.3854V6.95833H17.3333V9.08333C17.3333 9.45906 17.1929 9.81939 16.9428 10.0851C16.6928 10.3507 16.3536 10.5 16 10.5H3.33333C2.97971 10.5 2.64057 10.3507 2.39052 10.0851C2.14048 9.81939 2 9.45906 2 9.08333V6.95833H0.666667C0.489856 6.95833 0.320286 6.88371 0.195262 6.75087C0.0702379 6.61803 0 6.43786 0 6.25C0 6.06214 0.0702379 5.88197 0.195262 5.74913C0.320286 5.61629 0.489856 5.54167 0.666667 5.54167H2V3.41667C2 3.04094 2.14048 2.68061 2.39052 2.41493C2.64057 2.14926 2.97971 2 3.33333 2H16C16.3536 2 16.6928 2.14926 16.9428 2.41493C17.1929 2.68061 17.3333 3.04094 17.3333 3.41667V5.54167H18.6667C19.0203 5.54167 19.3594 5.69092 19.6095 5.9566C19.8595 6.22228 20 6.58261 20 6.95833Z' fill='%23D2DFE8'/%3E%3C/svg%3E");} .sidebar__block .catalog__item:nth-child(11) .catalog__link::before{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6.72839 1.0142C7.78606 0.853776 8.90648 2.07108 9.22915 3.75076C9.55183 5.42101 8.96922 6.91196 7.91155 7.08182C6.86284 7.25168 5.73346 6.03438 5.40182 4.35469C5.07017 2.68444 5.67072 1.19349 6.72839 1.0142ZM13.1372 1.0142C14.2038 1.19349 14.7954 2.68444 14.4817 4.35469C14.1411 6.03438 13.0206 7.25168 11.963 7.08182C10.8963 6.91196 10.3137 5.42101 10.6454 3.75076C10.968 2.07108 12.0885 0.853776 13.1372 1.0142ZM1.93301 5.35495C2.95483 4.89257 4.34415 5.73241 5.07017 7.19506C5.75139 8.68601 5.51834 10.2525 4.50548 10.7148C3.49263 11.1772 2.11228 10.3468 1.40418 8.86531C0.696074 7.38379 0.947047 5.8079 1.93301 5.35495ZM18.067 5.35495C19.053 5.8079 19.3039 7.38379 18.5958 8.86531C17.8877 10.3468 16.5074 11.1772 15.4945 10.7148C14.4817 10.2525 14.2486 8.68601 14.9298 7.19506C15.6559 5.73241 17.0452 4.89257 18.067 5.35495ZM16.5701 15.5274C16.606 16.4144 15.9606 17.3958 15.1898 17.7639C13.5853 18.5376 11.6851 16.9335 9.9014 16.9335C8.1177 16.9335 6.19955 18.6037 4.62201 17.7639C3.72568 17.3015 3.10721 16.0747 3.22373 15.0556C3.38507 13.6496 4.9895 12.8947 5.93962 11.8661C7.20344 10.5356 8.09978 8.0349 9.9014 8.0349C11.6941 8.0349 12.6442 10.4978 13.8542 11.8661C14.8492 13.0173 16.5074 13.9893 16.5701 15.5274Z' fill='%23D2DFE8'/%3E%3C/svg%3E");} .sidebar__block .catalog__item:nth-child(12) .catalog__link::before{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_587_3912)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.8625 4.29195C11.1128 3.45132 11.8 2.27007 13.6584 2.27007V1.47195C11.5875 1.47195 10.5878 2.55882 10.1659 3.67007C10.2628 2.88288 10.3234 1.94351 10.135 1.53163C9.78312 0.761008 8.85531 0.414445 8.06281 0.757258C7.27156 1.10007 6.915 2.00257 7.2675 2.7732C7.42594 3.12007 7.98906 3.59007 8.56031 4.0032C5.67719 2.77445 0.9375 3.61538 0.9375 9.16163C0.9375 13.3585 5.86906 19.3751 8.02125 19.3751C8.99781 19.3751 9.34938 18.7641 9.91594 18.7641C10.4922 18.7641 10.6778 19.3738 11.9272 19.3738C14.0809 19.3738 19.0625 13.3779 19.0625 9.16163C19.0625 3.22601 13.6344 2.67945 10.8625 4.29195Z' fill='%23D2DFE8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_587_3912'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .sidebar__block .catalog__item:nth-child(13) .catalog__link::before{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.6667 10.8332V14.9998C16.6667 15.6629 16.4033 16.2988 15.9344 16.7676C15.4656 17.2364 14.8297 17.4998 14.1667 17.4998H10.8333V10.8332H16.6667ZM9.16667 10.8332V17.4998H5.83333C5.17029 17.4998 4.53441 17.2364 4.06557 16.7676C3.59673 16.2988 3.33333 15.6629 3.33333 14.9998V10.8332H9.16667ZM7.5 1.6665C7.9729 1.66648 8.4404 1.76708 8.87143 1.96162C9.30247 2.15616 9.68717 2.44019 10 2.79484C10.3128 2.44019 10.6975 2.15616 11.1286 1.96162C11.5596 1.76708 12.0271 1.66648 12.5 1.6665H12.9167C13.2482 1.6665 13.5661 1.7982 13.8005 2.03262C14.035 2.26704 14.1667 2.58498 14.1667 2.9165V3.33317C14.1667 3.94067 14.0042 4.50984 13.7208 4.99984H15.8333C16.2754 4.99984 16.6993 5.17543 17.0118 5.48799C17.3244 5.80055 17.5 6.22448 17.5 6.6665V8.33317C17.5 8.6365 17.4192 8.9215 17.2767 9.1665H10.8333V6.6665C10.8333 6.44549 10.7455 6.23353 10.5893 6.07725C10.433 5.92097 10.221 5.83317 10 5.83317C9.77899 5.83317 9.56702 5.92097 9.41074 6.07725C9.25446 6.23353 9.16667 6.44549 9.16667 6.6665V9.1665H2.72333C2.57704 8.91314 2.50001 8.62574 2.5 8.33317V6.6665C2.5 6.22448 2.67559 5.80055 2.98816 5.48799C3.30072 5.17543 3.72464 4.99984 4.16667 4.99984H6.27917C5.98687 4.49303 5.83311 3.91822 5.83333 3.33317V2.9165C5.83333 2.58498 5.96503 2.26704 6.19945 2.03262C6.43387 1.7982 6.75181 1.6665 7.08333 1.6665H7.5ZM7.5 3.33317C7.5 3.7752 7.67559 4.19912 7.98816 4.51168C8.30072 4.82424 8.72464 4.99984 9.16667 4.99984C9.16667 4.55781 8.99107 4.13389 8.67851 3.82133C8.36595 3.50877 7.94203 3.33317 7.5 3.33317ZM12.5 3.33317C12.058 3.33317 11.634 3.50877 11.3215 3.82133C11.0089 4.13389 10.8333 4.55781 10.8333 4.99984C11.2754 4.99984 11.6993 4.82424 12.0118 4.51168C12.3244 4.19912 12.5 3.7752 12.5 3.33317Z' fill='%23D2DFE8'/%3E%3C/svg%3E");} .sidebar__block .catalog__item:nth-child(14) .catalog__link::before{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_848_4728)'%3E%3Cpath d='M13.498 0.794865L13.647 0.645865C13.7591 0.533782 13.8923 0.444886 14.0388 0.384252C14.1853 0.323618 14.3423 0.292434 14.5009 0.292481C14.6594 0.292527 14.8164 0.323803 14.9629 0.384523C15.1093 0.445242 15.2424 0.534216 15.3545 0.646365C15.4666 0.758514 15.5555 0.891641 15.6161 1.03815C15.6767 1.18465 15.7079 1.34166 15.7079 1.50022C15.7078 1.65877 15.6766 1.81577 15.6158 1.96224C15.5551 2.10871 15.4661 2.24178 15.354 2.35387L15.205 2.50187C15.4599 2.78773 15.5958 3.16026 15.5848 3.54309C15.5738 3.92593 15.4168 4.29007 15.146 4.56087L4.854 14.8539C4.78966 14.9179 4.70911 14.9632 4.621 14.9849L0.620999 15.9849C0.537292 16.0057 0.449615 16.0045 0.366492 15.9815C0.283369 15.9584 0.207627 15.9142 0.14663 15.8532C0.085632 15.7922 0.0414533 15.7165 0.0183878 15.6334C-0.00467757 15.5502 -0.00584496 15.4626 0.0149991 15.3789L1.015 11.3789C1.03688 11.2911 1.08215 11.2109 1.146 11.1469L10.788 1.50487C10.6916 1.43699 10.5742 1.40539 10.4568 1.41564C10.3393 1.42589 10.2292 1.47732 10.146 1.56087L6.854 4.85387C6.80751 4.90035 6.75232 4.93723 6.69158 4.96239C6.63084 4.98755 6.56574 5.0005 6.5 5.0005C6.43426 5.0005 6.36915 4.98755 6.30842 4.96239C6.24768 4.93723 6.19249 4.90035 6.146 4.85387C6.09951 4.80738 6.06263 4.75219 6.03748 4.69145C6.01232 4.63071 5.99937 4.56561 5.99937 4.49987C5.99937 4.43412 6.01232 4.36902 6.03748 4.30828C6.06263 4.24754 6.09951 4.19235 6.146 4.14587L9.44 0.853865C9.71097 0.582881 10.0754 0.425886 10.4585 0.415101C10.8415 0.404315 11.2142 0.540557 11.5 0.795865C11.7748 0.550304 12.1303 0.414477 12.4988 0.414293C12.8673 0.414108 13.223 0.549579 13.498 0.794865Z' fill='%23D2DFE8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_848_4728'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .sidebar__block .catalog__item:nth-child(15) .catalog__link::before{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M19.2857 7.63629H18.7991C18.5737 7.5177 18.3341 7.42193 18.0848 7.35076C17.2991 7.1193 16.2616 7 15 7C13.7384 7 12.7009 7.1193 11.917 7.35076C11.2893 7.53727 11.0129 7.74287 10.9237 7.8228C10.6354 7.70003 10.32 7.6363 10.0004 7.6363C9.68094 7.6363 9.36548 7.70003 9.07723 7.8228C8.98795 7.74327 8.71161 7.53727 8.08393 7.35076C7.29911 7.1193 6.26161 7 5 7C3.73839 7 2.70089 7.1193 1.91696 7.35076C1.66767 7.42193 1.42809 7.5177 1.20268 7.63629H0.714286C0.524845 7.63629 0.343164 7.70333 0.209209 7.82266C0.0752549 7.94198 0 8.10383 0 8.27258C0 8.44134 0.0752549 8.60318 0.209209 8.72251C0.343164 8.84184 0.524845 8.90887 0.714286 8.90887H0.721875C0.766518 10.7167 1.00937 11.8032 1.53036 12.5767C1.85672 13.0761 2.35702 13.467 2.95536 13.6902C3.50134 13.8986 4.17054 14 5 14C6.07813 14 7.61071 13.8525 8.46964 12.5775C8.90179 11.9356 9.1433 11.0786 9.23795 9.77304C9.2694 9.70033 9.28559 9.62309 9.28571 9.54517C9.28571 9.37641 9.36097 9.21457 9.49492 9.09524C9.62888 8.97591 9.81056 8.90887 10 8.90887C10.1894 8.90887 10.3711 8.97591 10.5051 9.09524C10.639 9.21457 10.7143 9.37641 10.7143 9.54517C10.7145 9.62282 10.7307 9.69978 10.7621 9.77224C10.8567 11.0778 11.0982 11.9348 11.5304 12.5767C11.8567 13.0761 12.357 13.467 12.9554 13.6902C13.5013 13.8986 14.1705 14 15 14C16.0781 14 17.6107 13.8525 18.4696 12.5775C18.9906 11.804 19.2344 10.7175 19.2781 8.90967H19.2857C19.4752 8.90967 19.6568 8.84263 19.7908 8.7233C19.9247 8.60398 20 8.44213 20 8.27338C20 8.10462 19.9247 7.94278 19.7908 7.82345C19.6568 7.70412 19.4752 7.63709 19.2857 7.63709V7.63629Z' fill='%23D2DFE8'/%3E%3C/svg%3E");} .sidebar__block .catalog__item:nth-child(16) .catalog__link::before{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.848 2.39489C16.9882 2.24964 17.1691 2.15022 17.3668 2.1097C17.5646 2.06919 17.77 2.08947 17.956 2.16789L18.067 2.22389L18.933 2.72389C19.1078 2.82481 19.2479 2.97625 19.335 3.1583C19.4221 3.34035 19.4521 3.54449 19.421 3.74389L19.395 3.86389L18.828 5.84689C18.7892 5.98239 18.7223 6.10816 18.6315 6.21597C18.5408 6.32377 18.4283 6.41118 18.3014 6.47246C18.1745 6.53374 18.0361 6.56751 17.8952 6.57154C17.7543 6.57558 17.6142 6.5498 17.484 6.49589L17.366 6.43789L15.832 9.09389C16.752 9.81489 17.201 10.5869 17.506 11.3069C17.729 11.8299 17.92 12.5119 17.812 13.2459C17.707 13.9579 17.335 14.6079 16.672 15.1339L16.483 15.2739C16.051 15.5779 16.023 15.8339 16.125 16.2569L16.299 16.9069C16.472 17.5969 16.638 18.6069 16.332 19.7639C16.056 20.8069 15.389 21.6289 14.632 22.1749C13.887 22.7129 12.966 23.0459 12.094 23.0009C10.734 22.9309 9.34499 22.5909 7.49999 21.5259C5.65499 20.4609 4.66599 19.4279 3.92599 18.2859C3.45099 17.5529 3.27899 16.5879 3.37199 15.6739C3.46599 14.7459 3.84499 13.7569 4.60999 12.9969C5.39399 12.2179 6.26999 11.8499 6.93799 11.6449L7.25299 11.5539L7.52499 11.4839C8.04899 11.3499 8.32399 11.2509 8.40499 10.7539L8.42199 10.6199C8.50699 9.66889 8.89999 8.94289 9.51499 8.45489C10.095 7.99489 10.783 7.81989 11.347 7.75089C12.059 7.66389 12.868 7.65889 13.833 7.99389L14.1 8.09389L15.634 5.43789C15.5119 5.3674 15.4061 5.27187 15.3235 5.1576C15.2409 5.04332 15.1834 4.91287 15.1548 4.77481C15.1262 4.63675 15.1271 4.4942 15.1575 4.35651C15.1878 4.21882 15.247 4.08911 15.331 3.97589L15.415 3.87589L16.848 2.39489ZM10.068 16.0799C9.84696 15.9496 9.58431 15.9093 9.33437 15.9672C9.08443 16.0251 8.86631 16.1769 8.72515 16.3912C8.58399 16.6054 8.53058 16.8657 8.57596 17.1183C8.62135 17.3708 8.76206 17.5962 8.96899 17.7479L9.06699 17.8119L9.93299 18.3119C10.154 18.4405 10.4158 18.4795 10.6647 18.421C10.9136 18.3625 11.1306 18.211 11.2712 17.9974C11.4118 17.7838 11.4652 17.5246 11.4205 17.2728C11.3759 17.0211 11.2365 16.796 11.031 16.6439L10.933 16.5799L10.068 16.0799ZM10.701 12.9819C10.5056 13.3151 10.4462 13.7108 10.5353 14.0866C10.6243 14.4625 10.8549 14.7895 11.179 14.9995C11.5032 15.2096 11.8958 15.2866 12.2753 15.2143C12.6547 15.1421 12.9917 14.9263 13.216 14.6119L13.299 14.4819C13.4948 14.1376 13.5464 13.7298 13.4426 13.3475C13.3388 12.9652 13.0881 12.6395 12.745 12.4415C12.402 12.2434 11.9946 12.1891 11.6116 12.2903C11.2287 12.3916 10.9013 12.6402 10.701 12.9819Z' fill='%23D2DFE8'/%3E%3C/svg%3E");} .sidebar__block .catalog__item:nth-child(17) .catalog__link::before{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_587_3920)'%3E%3Cpath d='M-0.125 9.875C-0.125 7.22284 0.928568 4.6793 2.80393 2.80393C4.6793 0.928568 7.22284 -0.125 9.875 -0.125C12.5272 -0.125 15.0707 0.928568 16.9461 2.80393C18.8214 4.6793 19.875 7.22284 19.875 9.875C19.875 12.5272 18.8214 15.0707 16.9461 16.9461C15.0707 18.8214 12.5272 19.875 9.875 19.875C7.22284 19.875 4.6793 18.8214 2.80393 16.9461C0.928568 15.0707 -0.125 12.5272 -0.125 9.875ZM6.24885 2.22885C5.12595 2.76173 4.13425 3.53545 3.34423 4.495L4.33962 7.73192L5.88731 8.24731L9.10577 5.80115V4.13346L6.24885 2.22885ZM1.46885 10.8504C1.62269 12.1812 2.08423 13.4196 2.78115 14.4888H5.71038L6.68731 13.5119L5.42115 9.71192L3.84577 9.18731L1.46885 10.8504ZM8.16115 18.1612C9.29175 18.395 10.4582 18.395 11.5888 18.1612L12.8042 15.4288L11.8642 14.4904H7.88577L6.94731 15.4288L8.16115 18.1612ZM16.9673 14.4904C17.6569 13.4302 18.1001 12.229 18.2642 10.975L15.8904 9.19346L14.3288 9.71346L13.0627 13.5135L14.0396 14.4904H16.9673ZM16.3827 4.47038C15.5964 3.5217 14.6125 2.75617 13.4996 2.22731L10.6442 4.13346V5.80115L13.8627 8.24731L15.4073 7.73346L16.3827 4.47038Z' fill='%23D2DFE8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_587_3920'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .sidebar__block .catalog__item:nth-child(n+18) .catalog__link::before{display: none;} /* Сайдблок */ .sidebar-catalog{position: absolute;top: 137px;left: 0;height: calc(100% - 137px);z-index: 10;} .sideblock__item{background: var(--color-white);max-width: 360px;width: 100%;height: 100dvh;top: 0;left: 0;position: fixed;transform: translateX(-100%);transition: all 0.5s ease; z-index: 11;} .sideblock__item.is-opened{transform: translateX(0);} .sideblock__title{padding: 24px;position: relative;} .sideblock__title a{margin-top: 4px;font-size: 14px;} .sideblock__close{position: absolute;top: 32px;right: 32px;} .sideblock .catalog__sub[data-level="1"]{padding-left: 48px;} .sidebar__block .catalog__sub{width: 280px;height: 100%;background: var(--color-white);top: 0;left: 380px;position: absolute;padding: 40px 30px;} .sidebar__block .catalog__sub[data-level="2"]{left: 280px;} .sidebar__block .catalog__sub::before{content: '';display: block;width: 1px;height: calc(100% - 60px);background: var(--color-grey-l);border-radius: 1px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);} .sidebar__block .catalog__sub::after{content: '';width: 34px;inset: 0 0 0 -34px;position: absolute;} .sidebar__block .catalog__sub .catalog__name{transition: 0.2s;} .sidebar__block .catalog__sub .catalog__label .catalog__link:hover .catalog__name{transform: translateX(0);} .sidebar__block .catalog__sub .catalog__link::before{display: none;} .sidebar__block .catalog__item:hover > .catalog__sub{display: block;} .sidebar__block .catalog__sub[data-level="4"]{display: none !important;} .sidebar__block .catalog__item[data-level="3"] .catalog__open{display: none !important;} .addto__catalog{height: calc(100dvh - 96px - 81px - 51px);overflow-x: auto;padding: 0 24px;} .addto__catalog::-webkit-scrollbar{width: 4px;} .sideblock__menu{padding: 16px 24px;background: var(--color-bg);border-top: 1px solid var(--color-border);} .sideblock__menu ul{gap: 16px 24px;height: 48px;overflow: hidden;} .sideblock__callback{padding: 16px 24px;background: var(--color-bg);border-top: 1px solid var(--color-border);} .sideblock__callback .contacts__block{gap: 16px;} .sideblock__callback .contacts__link{font-size: 18px;margin-top: 0;} .sideblock__callback .contacts__callback{margin-top: 0;} .sidebar__block .catalog__sub{display: none;} @media all and (max-width: 1439px){ .sidebar{display: none;} } @media all and (max-width: 1139px){ #fancybox__catalog{top: 126px;} #fancybox__catalog.fixed_header{top: 74px;} } @media (max-width: 1023px){ #fancybox__catalog{display: none;} } /*Навигация*/ #navBar{} .navBar{display: flex;align-items: center;grid-gap: 24px;margin-left:auto;} .navBar .product-details_left{width: calc(100% - 50px);} .navBar .nav-icon{} .navBar .nav-icon .nav-icon_wrap{display: flex;align-items: center;justify-content: center;grid-gap: 4px;} .navBar .nav-btn .nav-icon .nav-icon_text{margin-top: 2px;white-space: nowrap;transition:0.3s;} .navBar .nav-btn .nav-icon .nav-icon_text{font-size: 14px;opacity: 0.6;} .navBar .nav-btn.has-prod .nav-icon_text{opacity:1;font-weight: 800;} .navBar .nav-icon .icon_{width: 24px;min-width: 24px;height: 24px;background-color: var(--color-yellow-l);transition: 0.3s;margin: 0;} .navBar .nav-icon .count{width: 24px;height: 24px;font-size: 12px;font-weight: 700;background: #ffffff33;color: var(--color-yellow-l);border-radius: 50%;margin-left: 4px;transition:0.3s;display: flex;align-items: center;justify-content: center;white-space: nowrap;} .navBar .nav-icon .count.count_empty{display:none;} .navBar .nav-dropdown{position: fixed;width: 100%;max-width: 550px;top: 0;right: -100%;height: 100dvh;padding: 30px 20px;border-radius: 0;transition: 1s;color: var(--color-black);background: var(--color-white);z-index: 30;overflow: hidden;} .navBar .nav-mob{display:none;} .navBar .nav-dropdown .dropdown_close{width: 12px;height: 12px;min-width: 12px;background: var(--color-tertiary);transition: 0.3s;cursor: pointer;position: absolute;top: 16px;right: 16px;margin: 0;} .navBar .nav-btn.opened .nav-dropdown{right: 0;} .navBar .dropdown_top{display: flex;align-items: center;margin-bottom: 20px;} .navBar .dropdown_body{height: calc(100% - 55px);display: flex;flex-direction: column;} .navBar .dropdown_title{padding-right: 20px;font-size: 24px;font-weight: 600;text-transform: uppercase;} .navBar .action_wrapper{margin-top: auto;display: flex;flex-direction: column;align-items: center;} .navBar .action_wrapper a{width: 100%;} .navBar .cart_buttons{width: 100%;margin-top: auto;} .navBar .cart_buttons a{width: 100%;max-width: 100%;grid-gap: 5px;} .navBar .cart_buttons .subtotal .price{color: var(--color-white);font-size: 16px;} .navBar .cart_buttons .subtotal .price span span:not(.num){font-size: 16px;} .navBar .total_wrapper{display: flex;flex-direction: column;grid-gap: 12px;align-items: center;} .navBar .dropdown_price, .navBar .discount_total{display: flex;align-items: center;grid-gap: 12px;flex-wrap: wrap;} .navBar .dropdown_price .title, .navBar .discount_total .title{font-size: 20px;font-weight: 500;} .navBar .discount_total .cartSumOld{font-size: 20px;color:var(--color-primary);font-weight: 900;} .navBar .dropdown_price .total-sum{font-size: 26px;} .navBar .remove._btn{margin-top: 12px;} .navBar .remove._btn:after{display: none;} .navBar form{height: 100%;display: flex;flex-direction: column;} .navBar .dropdown ul{padding: 0;margin: 0;list-style: none;width: 100%;height: calc(100% - 140px);overflow-x: hidden;overflow-y: auto;padding-right: 5px;} .navBar ul .item{position: relative;display: flex;overflow: hidden;width: 100%;} .navBar ul .item:not(:last-child){margin-bottom: 12px;padding-bottom: 12px;border-bottom: 1px solid var(--color-grey);} .navBar ul .item:hover .addto__qty.qty-wrap .qty-minus, .navBar ul .item:hover .addto__qty.qty-wrap .qty-plus{opacity: 1;visibility: visible;} .navBar ul .item .product-details{text-align: left;width: calc(100% - 80px);padding-left: 12px;display: flex;flex-wrap: wrap;align-items: center;grid-gap: 10px;} .navBar ul .item .addto__qty{display:none;} .navBar .nav-btn:not(.cart_) ul .item .product-details{width: calc(100% - 80px);} .navBar ul .item .product-details .product-name{display: block;margin-bottom: 4px;font-size: 16px;font-weight: 600;text-transform: uppercase;overflow: hidden;max-height: 38px;transition: 0.3s;width: 100%;} .navBar ul .item .product-details .price{font-size: 16px;} .navBar ul .item .product-details .price.old-price{font-size:14px;} .navBar ul .item .qtyRemove{display: flex;align-items: center;} .navBar ul .item .product-modif{margin-top: 8px;} .navBar ul .item .product-modif:not(:first-child){margin-bottom: 4px;} .navBar ul .item .properties:not(:last-child){margin-bottom: 2px;} .navBar ul .item .properties{color:var(--color-tertiary);display: block;font-size: 14px;font-weight: 600;} .navBar ul .item .product-details a.remove{display: flex;align-items: center;justify-content: center;transition: 0.3s;font-size: 0; margin-left: auto;width: 40px;height: 40px;border-radius: 8px;border: 1px solid var(--color-grey);} .navBar ul .item .product-details a.remove:after{display:none;} .navBar ul .item .product-details a.remove .icon_{margin: 0;background-color: var(--color-tertiary);width: 12px;height: 12px;min-width: 12px;transition:0.3s;} .navBar ul .item .product_details-wrapper{width: 100%;display: flex;align-items: center;grid-gap: 12px;justify-content: space-between;} .navBar ul .product-details .product-price .price > span:after{font-size: 12px;} .navBar ul .header-toolsAmount.quantity{font-size: 14px;margin-right: 5px;line-height: 1;color: var(--color-white);color: var(--color-primary);} .navBar ul .item .product-image{width: 80px;height: 80px;background: var(--bgImg);border-radius: 8px;overflow: hidden;} .navBar ul .item .product-image img{width: 100%;height: 100%;object-fit: contain;max-width: 100%;max-height: 100%;} .navBar .menu_ .catalog-icon{cursor: pointer;margin: 0 auto;} .navBar .menu_.opened .dropdown .menu_content{height:100%;} .navBar .toolsSum:after{content: '₽';} .navBar .toolsSum span span:not(.num){display: none;} .navBar .nav-btn .empty{text-align: left;} .navBar .nav-btn .empty.hide{display:none !important} .navBar .nav-btn .empty a{transition: 0.3s;color: var(--color-black);text-decoration: underline;} .navBar .nav-btn .empty a:hover{color: var(--color-primary);} .navBar .nav-btn.call_{display:none;} .header .header-phone{font-weight: 800;} .header .header-phone:hover{color: var(--color-primary);} /* мышь, тачпад */ @media (hover: hover) and (pointer: fine){ .header-wrapper[data-name="top"] .header_contacts .phone_item:hover{color:var(--color-primary);} .navBar ul .item .product-details a.remove:hover .icon_{background-color:var(--color-primary);} .navBar ul .item .product-details .product-name:hover{color:var(--color-primary);} .navBar .cart_buttons .subtotal:hover .price{color:var(--color-primary);} .navBar .nav-icon:hover .icon_{background-color: var(--color-primary);} .navBar .nav-icon:hover .nav-icon_text{opacity: 1 !important;} .navBar .nav-icon:hover .count{color: var(--color-primary);} } @media (max-width: 1023px){ #navBar{display:none;} } /*** Модальные окна ***/ #fancybox__notify{max-width: 25rem;} #fancybox__compare{max-width: 25rem;} #fancybox__favorites{max-width: 25rem;} #fancybox__cart{max-width: 25rem;} .no_href{pointer-events: none;} .modal__content{padding: 16px;} .modal__content .form__client{display: block;} .modal__content .form__buttons{text-align: center;} .modal__content .form__buttons .button{width: 100%;} .modal__content .form__pp{text-align: center;} .modal__content .form__text{text-align: center;font-size: .875rem;} .mt1{margin-top: 1rem;} .modal__content .form__icon{color: #d2d9cd;font-size: 6rem;text-align: center;} .modal__content ul{margin: 0;padding: 0;list-style: none;} .modal__content li{padding: .25rem 0;margin-bottom: .5rem;} .modal__content li:last-child{margin-bottom: 0;} .modal-fancybox{width: 100%;max-width: 1024px;height: 100%;background: var(--color-white);color: var(--color-black);position: fixed;top: 0;right: -100%;border-radius: 0;transition: 0.5s;overflow: hidden;z-index: 400;} .modal-fancybox.opened{right: 0;} .modal-fancybox[data-modal="modal-menu"], .modal-fancybox[data-modal="modal-category"]{right: initial;left: -100%;} .modal-fancybox[data-modal="modal-menu"].opened, .modal-fancybox[data-modal="modal-category"].opened{left: 0;} .modal-fancybox .modal-fancybox_top{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;margin-bottom: 30px;} .modal-fancybox_container{height: 100%;padding: 40px 30px;} .modal__close{margin: 0;background-color: var(--color-tertiary);width: 16px;height: 16px;min-width: 16px;cursor: pointer;position: absolute;right: 16px;top: 16px;} .modal-fancybox .modal-fancybox-body{height: calc(100% - 70px);overflow-y: auto;overflow-x: hidden;} .modal-fancybox .modal-fancybox-body ul{padding: 0;margin: 0;} .modal-fancybox .modal-fancybox-body ul li:not(:last-child){margin-bottom: 6px;} .modal-fancybox .modal-fancybox-body ul li{display: flex;align-items: center;list-style-type: none;} .modal-fancybox .modal-fancybox-body ul li a{font-size:16px;padding: 10px;transition: 0.3s;width:100%;border-radius: 8px;} .modal-fancybox .modal-fancybox-body ul li:hover a{background: var(--color-grey-l);color: var(--color-primary);} .modal-fancybox .modal-fancybox-body .discount{margin-bottom:20px;} .modal-fancybox .callback-btn{width: 100%;margin-top: 40px;max-width: 100%;} .modal-fancybox .btn_reg{margin-left: auto;} .modal-fancybox .modal-buttons{display:flex;align-items:center;margin-top:16px;} .modal-fancybox .modal-buttons a{color: var(--color-black);font-size: 14px;} .modal-fancybox .modal-buttons a:hover{color: var(--color-primary);} .modal-fancybox .modal_title{word-break: break-word;font-size: 32px;font-weight: 800;width: 100%;padding-right: 30px;} .modal-fancybox[data-modal="modal-lk"]{max-width: 400px;} .modal-fancybox[data-modal="modal-menu"] .modal-fancybox-body ul{height: 100%;overflow-y: auto;overflow-x: hidden;} .modal-fancybox[data-modal="modal-category"] .modal_nav{justify-content: flex-start;grid-gap: 20px;} .modal-fancybox[data-modal="modal-category"] .modal_nav_btn{font-size: 24px;font-weight: 800;color: var(--color-tertiary);} .modal-fancybox[data-modal="modal-category"] .modal_nav_btn.active{color: var(--color-black);} .modal-fancybox[data-modal="modal-category"] .modal-fancybox-body{display:none;height: calc(100% - 50px);} .modal-fancybox[data-modal="modal-category"] .modal-fancybox-body.opened{display:block;} .modal-fancybox[data-modal="modal-category"] .modal-catalog .modal-catalog__item[data-level="0"]:not(:last-child){margin-bottom: 0;} .modal-fancybox[data-modal="modal-category"] .modal-catalog .modal-catalog__item[data-level="0"]{font-size: 16px;} .modal-fancybox[data-modal="modal-category"] .modal-catalog .modal-catalog__item[data-level="0"] .sub{padding: 12px 0 16px 20px;display:none;} .modal-fancybox[data-modal="modal-category"] .modal-catalog div[data-level="2"]{display: none;} .modal-fancybox[data-modal="modal-category"] .modal-catalog .modal-catalog__item[data-level="0"] .sub a{font-size: 14px;padding-right:0;} .modal-fancybox[data-modal="modal-category"] .modal-catalog .modal-catalog__item[data-level="0"] .sub .modal-catalog__item:not(:last-child){margin-bottom: 16px;} .modal-fancybox[data-modal="modal-category"] .modal-catalog .modal-catalog__item[data-level="0"] .sub .open{display: none;} .modal-fancybox[data-modal="modal-category"] .modal-catalog .modal-catalog__item a{position: relative;width: 100%;display: block;padding-right: 24px;} .modal-fancybox[data-modal="modal-category"] .modal-catalog .modal-catalog__item{position: relative;width: 100%;} .modal-fancybox[data-modal="modal-category"] .modal-catalog__item a .open{background-color: var(--color-tertiary);min-width: 10px;width: 10px;height: 10px;margin-left: auto;position: absolute;top: 50%;transform: translateY(-50%) rotate(90deg);right: 4px;z-index: 2;} .modal-fancybox[data-modal="modal-category"] .modal-catalog__item a .open.opened{transform: translateY(-50%) rotate(-90deg);background-color:var(--color-primary);} .modal-fancybox[data-modal="modal-category"] .modal-catalog .modal-catalog__item[data-level="0"] > a{padding: 10px 16px 10px 10px;border-radius: 8px;background: var(--color-white);transition: 0.3s;width: 100%;} .modal-fancybox[data-modal="modal-category"] .modal-catalog .modal-catalog__item[data-level="0"].opened > a{background: var(--color-grey-l);color: var(--color-primary);} @media (max-width: 1139px){ .modal-fancybox_container{padding: 40px 16px;} } /* мышь, тачпад */ @media (hover: hover) and (pointer: fine){ .modal__close:hover{background-color: var(--color-primary);} } body .slinky-theme-default .next::after, body .slinky-theme-default .back::before{width: 12px;height: 12px;min-width: 12px;background-color: var(--color-black);} /* Наверх */ #back-top{display:none;align-items: center;justify-content: center;cursor: pointer;transition: 0.3s;background-color: var(--color-white);border-radius: 50%;width:44px;height:44px;position: fixed;bottom: 30px;right: 16px;z-index: 8;box-shadow:var(--shadow);} #back-top .icon_{transition: 0.2s;background-color: var(--color-primary);margin: 0;width: 16px;height: 16px;min-width: 16px;} #back-top.goods{bottom: 110px;} /* мышь, тачпад */ @media (hover: hover) and (pointer: fine){ #back-top:hover{background-color: var(--color-primary);} #back-top:hover .icon_{background-color: var(--color-white);} } @media (max-width: 1023px){ #back-top{bottom: 60px;} #back-top.goods{bottom: 115px;} } .search-submit_button{display:none;} .search-submit_button i{font-size: 19px;} .favorites.have-items .favorites-items .favorites-items-list, .compare.have-items .compare-items .compare-items-list{display: block;} .favorites .favorites-items .favorites-items-list, .compare .compare-items .compare-items-list{display:none} @media (max-width: 991px){ body.modal-open{overflow:hidden;} } /*** Выпадающее меню ***/ body .dropdown{position: relative} body .dropdown .dropdown__body{align-items: flex-start;flex-direction: column;justify-content: center;transition: 0.05s;width: 100%;position: absolute;top: calc(100% + 8px);left: 50%;transform: translateX(-50%);z-index: 5;background-color: var(--color-white);opacity: 0;visibility: hidden;padding: 0;border-radius: 12px;box-shadow: var(--shadow);overflow: hidden;} body .dropdown .dropdown__body:before{content: '';display: block;height: 20px;width: 100%;background: 0 0;position: absolute;bottom: 100%} body .dropdown._more-menu .dropdown__body{min-width: 170px;right: 0;margin: 0;padding: 20px 8px;} body .dropdown._more-menu .dropdown__body li{margin: 0;padding: 0;width: 100%;text-align: left;transition: 0.3s;font-size:16px;} body .dropdown._more-menu .dropdown__body li:hover > a{color: var(--color-primary);background-color:var(--color-secondary);} body .dropdown._more-menu .dropdown__body li a{width: 100%;display: flex;align-items: center;padding: 11px 12px;color: var(--color-black);opacity: 1;border-radius:8px;} body .dropdown._more-menu .dropdown__body .dropdown__item{width: 100%;padding-right: 0} body .dropdown._more-menu .dropdown__body .header-nav__link{font-size: 16px;font-weight: 400;text-align: center;padding: 10px 0;color: #052f38} body .dropdown._more-menu .dropdown__body .header-nav__link:hover{text-decoration: none;color: #6053c7} body .dropdown._more-menu.opened .dropdown__body.overflowCatalog a .header-arrow{display: none !important;} body .dropdown._more-menu.opened .dropdown__body.overflowCatalog a .header-arrow .sub{display: none !important;} .dropdown__content{transform: translate(-200%, 0px);transition: all 0.3s ease-in-out;position: fixed;left: 0;top: 0;width: 320px;height: auto;background: #070a2e;box-shadow: none;border: 1px solid rgba(255,255,255,0.3);border-top: 0;border-radius: 5px;z-index: 2000;} .opened .dropdown__content, .dropdown__content.opened{transform: translate(0px, 0px);opacity: 1;} .dropdown__content.left{transform: translate(-200%, 0px);right: auto;left: 0;} .dropdown__content.left.opened{transform: translate(0px, 0px);} .dropdown__open{position: relative;cursor: pointer;} /*.dropdown__open:before{content: "";display: block;position: absolute;right: 0;bottom: -4rem;height: 6rem;width: 100%;}*/ .dropdown__title{width: 100%;padding: 0;display: flex;align-items: stretch;flex-wrap: wrap;position: relative;border-bottom: 1px solid rgba(255,255,255,0.3);} .dropdown__label{width: calc(100% - 50px);color: var(--color-white);font-size: 20px;display: flex;align-items: center;cursor: pointer;} .dropdown__label.active{background-color: #ffaf88;} a.dropdown__label:hover{color: var(--color-white);background-color: #ffaf88;} .dropdown__close, .filters__close{padding: 0 0 0 15px;color: var(--color-white);position: relative;display: flex;align-items: center;justify-content: center;z-index: 12;transition: all 0.3s ease;} .dropdown__close:hover, .filters__close:hover{color: var(--color-primary);cursor: pointer;} .dropdown__close i{transition: all 0.3s ease;} .dropdown__close:hover i{transform: rotate(90deg);} .dropdown__close:before{content: '';background-color: rgba(255,255,255,0.3);width: 1px;height: 60%;top: 20%;left: 0;position: absolute;transition: all 0.3s ease;} .dropdown__close:hover:before, .filters__close:hover:before{opacity: 0;} .dropdown__content.right .dropdown__close{right: auto;left: -60px;} .dropdown__inner{padding: 1rem;} .dropdown .dropdown__content{width: 100%;margin-top: 3.75rem;border-top: 5px solid #f8e9e6;position: absolute;transform: scale(0,0);overflow: hidden;} .dropdown .dropdown__content.opened{height: auto;transform: scale(1,1);} /* мышь, тачпад */ @media (hover: hover) and (pointer: fine){ .dropdown .dropdown__open:before{content: "";display: block;position: absolute;right: 0;bottom: -2rem;height: 3rem;width: 100%;} .dropdown:hover .dropdown__content{height: auto;transform: scale(1,1);} } @media (max-width: 479px){ .dropdown__content.right .dropdown__close{left: auto;right: 0;} .dropdown__content .dropdown__close{left: auto;right: 0;} } @media (max-width: 380px){ .dropdown__content{width: 100%;} } .catalog .dropdown__content{right: auto;left: 0;width: 100%;max-width: 100%;} .catalog .dropdown__content.opened{right: auto;left: 0;} footer .dropdown__content{top: auto;bottom: 0;margin-bottom: 1rem;} footer .dropdown__content.opened{top: auto;bottom: 100%;margin-bottom: 1rem;} /* мышь, тачпад */ @media (hover: hover) and (pointer: fine){ .dropdown:hover .dropdown__content{display: block;opacity: 1;height: auto;top: 100%;right: 0;margin-top: 1rem;padding: 2rem;} .catalog.dropdown:hover .dropdown__content{right: auto;left: 0;} } @media (max-width: 767px){ #addto .dropdown__content.opened{top: auto;bottom: 100%;left: 1rem;right: auto;} } /*** Адаптивный Каталог и Меню ffaf88***/ /*[data-content="catalogMenu"] [data-content]{max-height: calc(100vh - 174px);overflow-y: auto;}*/ [data-content="catalogMenu"]{max-height: 100%;height: 100%;overflow-y: auto;} #catalogMenu .dropdown__label > span{width: 50%;padding: 15px 0;} #catalogMenu .dropdown__label span{vertical-align: middle;transition: all 0.3s ease;display: flex;justify-content: center;} #catalogMenu .dropdown__label span > span{font-size: 16px;width: 116px;height: 43px;border-radius: 5px;display: flex;align-items: center;justify-content: center;} #catalogMenu .dropdown__label .active > span, #catalogMenu .dropdown__label span:hover > span{background-color: var(--color-primary);color: #070a2e;} /* Меню */ #addtoMenu ul{margin: 0;padding: 0;list-style: none;} #addtoMenu li{padding: 9px 15px;font-size: 18px;} /* Каталог */ .addto__catalog2 .catalog__link{padding: 7px 15px;display: flex;flex-wrap: nowrap;align-items: center;} .addto__catalog2 .catalog__link[data-level="0"]{font-size: 18px;} .addto__catalog2 .catalog__link .sub a{font-size: 14px;} .addto__catalog2 .catalog__item .sub{padding-left: 15px;font-size: 14px;display: none;} #catalogMenu .dropdown__close:after{content: "\f00d";display: inline-block;font-family: "FontAwesome";font-size: 25px;text-align: center;} #addtoContacts{padding: 20px 15px 0;border-top: 1px solid rgba(255,255,255,0.3);margin-top: 20px;} #addtoContacts .contacts__block{margin-bottom:15px;} #addtoContacts .contacts__block a, #addtoContacts .contacts__block span{display: flex;align-items: center;} #addtoContacts .header-callback_menu{color: var(--color-primary);} /*** Выбор каталога или меню ***/ .addto__nav{display: none;} .addto__nav .addto__nav-item{padding: 0;width: auto;display: block;text-align: center;margin: 0 auto 2rem;position: relative;} .addto__nav .addto__nav-item:hover{cursor: pointer;} .addto__nav .addto__nav-item:before{content: '';opacity: 0;transition: all 0.3s ease;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(100,185,58,0.5);border-radius: 20px;position: absolute;display: block;} .addto__nav .addto__nav-item:hover:before{opacity: 1;} .addto__nav .addto__nav-item span{width: 100%;padding: 2rem 3rem;border-radius: 20px;text-align: center;font-size: 1.5rem;font-weight: bold;font-family: 'Mulish' , sans-serif;display: inline-block;background-size: cover;background-repeat: no-repeat;} .addto__nav .addto__nav-item.catalog span{background-image: url("/design/d569778/catalog.png?design=artel&lc=1769710968");} .addto__nav .addto__nav-item.menu span{background-image: url("/design/d569778/menu.png?design=artel&lc=1769710968");} @media (max-width: 1199px){ .addto__nav{display: flex;align-items: center;flex-wrap: wrap;} .catalog__icon:after{content: '';display: block;width: 80px;height: 60px;position: absolute;bottom: -40px;} } @media (max-width: 639px){ .addto__nav .addto__nav-item{width: 100%;max-width: 260px;margin-bottom: 1rem;} .addto__nav .addto__nav-item span{padding: 2rem;} } @media (max-width: 479px){ .addto__nav .addto__nav-item span{padding: 1rem;} } /**/ .overlay, .filter-overlay{content: "";position: fixed;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;transition: 0.5s;z-index: 10;background-color: var(--bg-fancybox-color);opacity: 0;visibility: hidden;cursor: pointer;} .overlay._active, .overlay.opened, .filter-overlay.visible{visibility: visible;opacity: var(--bg-fancybox-opacity);} .header-overlay, .overlay-modal, .overlay-search{content: "";position: fixed;width: 100%;height: 100%;transition: 0.5s;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;background-color: var(--bg-fancybox-color);opacity: 0;visibility: hidden;cursor: pointer;} .header-overlay._active, .overlay-modal._active, .overlay-search._active{opacity: var(--bg-fancybox-opacity);visibility: visible;z-index: 10;} .overlay-search{transition: initial;} /**************************************/ /*** Свайпер слайдер навигация ***/ /**************************************/ body .swiper{overflow: hidden;} body .swiper-navigation-lock .swiper-button-prev, body .swiper-navigation-lock .swiper-button-next{display: none;} body .swiper-navigate{position: relative;justify-content: space-between;width: 100%;margin-top: 32px;} body .swiper-navigate.swiper-pagination-lock{display: none;} body .swiper-button-next, body .swiper-button-prev{cursor: pointer;transition: 0.3s;width: max-content;height: max-content;border-radius: 0;z-index: 2;display: flex;align-items: center;justify-content: center;position: absolute;top: 50%;transform: translateY(-50%);margin: 0;} body .swiper-button-prev, body .swiper-container-rtl .swiper-button-next{left: 0;right: inherit;} body .swiper-button-next, body .swiper-container-rtl .swiper-button-prev{right: 0;left: inherit;} body .swiper-container-autoheight, body .swiper-container-autoheight .swiper-slide{height: auto !important;} body .swiper-button-prev:after{transform: scaleX(-1);} body .swiper-button-next.swiper-button-disabled, body .swiper-button-prev.swiper-button-disabled{opacity: 0.5;} body .swiper-button-next.swiper-button-disabled:after, body .swiper-button-prev.swiper-button-disabled:after{background-color: var(--color-tertiary);} body .swiper-button-next:after, body .swiper-button-prev:after{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.67466 15.5321C3.37551 15.2324 3.20745 14.826 3.20745 14.4023C3.20745 13.9785 3.37551 13.5721 3.67466 13.2724L8.92946 8.00999L3.67466 2.74754C3.52225 2.60013 3.40069 2.42379 3.31705 2.22882C3.23342 2.03385 3.1894 1.82415 3.18756 1.61196C3.18572 1.39977 3.22609 1.18933 3.30633 0.992937C3.38657 0.79654 3.50505 0.618113 3.65488 0.468066C3.80471 0.318019 3.98288 0.199357 4.17899 0.119005C4.3751 0.0386522 4.58523 -0.00178293 4.79711 6.09466e-05C5.009 0.00190483 5.21839 0.0459896 5.41308 0.129743C5.60776 0.213496 5.78385 0.335242 5.93105 0.487874L12.314 6.88015C12.6132 7.17984 12.7812 7.58624 12.7812 8.00999C12.7812 8.43374 12.6132 8.84014 12.314 9.13983L5.93105 15.5321C5.6318 15.8317 5.22599 16 4.80286 16C4.37972 16 3.97391 15.8317 3.67466 15.5321Z' fill='%23D2DFE8'/%3E%3C/svg%3E");} body .swiper-button-next:after, body .swiper-button-prev:after{content: '';transition: 0.3s;display:block;width: 16px;height: 16px;background-color: var(--color-grey);-webkit-mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: contain;} body .swiper-progressbar.swiper-pagination-progressbar{margin-left: 8px;width: calc(100% - 80px - 64px);background-color: var(--color-lightgray);position: relative;} body .swiper-progressbar .swiper-pagination-progressbar-fill{background-color: var(--color-primary);} body .swiper-fraction{width: 48px;justify-content: flex-end;} body .swiper-navigation.pagination_{width: max-content;display: block;position:relative;z-index: 0;} body .swiper-navigation.pagination_ .swiper-pagination{left: initial;top: initial;bottom: initial;transform: translate(0);width: 90px !important;white-space: nowrap;z-index: 3;position: initial;} body .swiper-pagination-bullet{width: 6px;height: 6px;background: var(--color-grey);font-size: 0;border-radius: 50%;opacity: 1;margin: 0 6px !important;transition: 0.5s !important;cursor: pointer;} body .swiper-pagination-bullet.swiper-pagination-bullet-active{background: var(--color-tertiary);width: 24px;border-radius: 3px !important;} body .swiper-pagination-current{font-size: 14px;} body .swiper-pagination-total{font-size: 14px;} body .swiper-pagination-bullet{transform: none !important;} body .swiper-navigation.pagination_{display: flex;align-items: center;grid-gap: 8px;justify-content: space-between;} body .swiper-button-next, body .swiper-button-prev{position: initial;top: initial;transform: translateY(0);left: initial;right: initial;} body .swiper-navigation.swiper-navigation-lock{display: none;} body .title_wrap .swiper-navigation.pagination_{margin-left: auto;padding-left: 24px;} /* мышь, тачпад */ @media (hover: hover) and (pointer: fine){ body .swiper-button-next:hover:after, body .swiper-button-prev:hover:after{background-color: var(--color-black);} } @media (max-width:767px){ body .title_wrap .swiper-navigation.pagination_ .swiper-pagination{display:none;} } /****************************************/ /*** Товары в слайдере ***/ /****************************************/ .swiper-slide{margin: 0;transition: all 0.3s ease;} .products-swiper{overflow: hidden;} body .products-grid.products-swiper{display:block;overflow: visible;} /*** Слайдер ***/ #slideshow{position: relative;width: 100%;} #slideshow .item{display: flex;align-items: center;grid-gap: 16px;} #slideshow .item[data-id="1"] .slide_wrapper{background: #5AACDE;} #slideshow .item[data-id="1"] .title{color: #5AACDE;} #slideshow .item[data-id="2"] .slide_wrapper{background: #71CE51;} #slideshow .item[data-id="2"] .title{color: #71CE51;} #slideshow .item[data-id="3"] .slide_wrapper{background: #C9B2E0;} #slideshow .item[data-id="3"] .title{color: #C9B2E0;} #slideshow .slide_banner{border-radius: 20px;overflow: hidden;height: 200px;width: 280px;background-position: center !important;background-size: cover !important;background-repeat: no-repeat !important;} #slideshow .slide_wrapper{border-radius: 20px;overflow: hidden;height:200px;padding: 30px 16px;width: calc(100% - 280px * 2 - 32px);text-align: center;display: flex;align-items: center;justify-content: center;flex-direction: column;color: var(--color-white);} #slideshow .title{font-size: 50px;font-weight: 700;letter-spacing: 5px;text-transform: uppercase;text-shadow: -1px -1px 0 var(--color-white), 0 -1px 0 var(--color-white), 1px -1px 0 var(--color-white), 1px 0 0 var(--color-white), 1px 1px 0 var(--color-white), 0 1px 0 var(--color-white), -1px 1px 0 var(--color-white), -1px 0 0 var(--color-white);} #slideshow .title2{font-size: 44px;font-weight: 800;text-transform: uppercase;letter-spacing: 5px;} #slideshow .text{margin-top: 5px;font-size: 16px;padding: revert;display: flex;align-items: center;opacity:0.6;} #slideshow .text:before, #slideshow .text:after{content: '';width:2px;height:16px;border-radius:1px;background:var(--color-white);} #slideshow .text:before{margin-right:12px;} #slideshow .text:after{margin-left:12px;} #slideshow .swiper-navigation{display: flex;align-items: center;justify-content: space-between;grid-gap: 30px;margin-top: 20px;} #slideshow .slideshow-nav-list{width: 500px;overflow: hidden;} #slideshow .slideshow-nav-list .swiper-wrapper{justify-content: center;} #slideshow .slideshow-nav_item{width: max-content;display: flex;justify-content: center;align-items: center;text-align: center;position: relative;font-size: 14px;color:var(--color-tertiary);transition:0.3s;} #slideshow .slideshow-nav_item:before{content: '';display: block;width: 16px;height: 2px;background: var(--color-grey);margin-right: 8px;transition:0.3s;} #slideshow .slideshow-nav_item.swiper-slide-thumb-active{color:var(--color-black);} #slideshow .slideshow-nav_item.swiper-slide-thumb-active:before{background: var(--color-black);} #slideshow .slideshow-nav_item:last-child{margin-right: 0 !important;} @media (max-width: 1139px){ #slideshow .slide_banner{width: 152px;} #slideshow .slide_wrapper{width: calc(100% - 152px* 2 - 32px);} } @media (max-width: 1023px){ #slideshow .slide_banner{width: 110px;} #slideshow .slide_wrapper{width: calc(100% - 110px* 2 - 16px);} #slideshow .slide_banner, #slideshow .slide_wrapper{height:140px;} #slideshow .title{font-size: 40px;} #slideshow .title2{font-size: 32px;} #slideshow .text{font-size: 14px;} #slideshow .slideshow-nav_item{font-size:0;} #slideshow .slideshow-nav_item:before{margin:0;} } @media (max-width: 767px){ #slideshow .slide_banner, #slideshow .slide_wrapper{height:120px;} #slideshow .title{font-size: 26px;} #slideshow .title2{font-size: 22px;} } @media (max-width: 639px){ #slideshow .slide_wrapper{width:100%;} #slideshow .slide_banner{display:none;} #slideshow .swiper-navigation{margin-top:16px;} } @media (max-width: 479px){ #slideshow .text{display:none;} } /*Преимущества*/ #advantage{cursor: grab;margin-top:40px;width: 100%;position: relative;max-width: 1940px;display: flex;align-items: center;padding: 12px 0;border: 1px solid var(--line);border-right: 0;border-left: 0;margin-left: auto;margin-right: auto;} #advantage .advantage_item{display: flex;align-items: center;grid-gap: 20px;width: max-content;} #advantage .advantage_icon{width:70px;min-width:70px;height:40px;border-radius: 30px;overflow: hidden;position: relative;} #advantage .advantage_icon img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;} #advantage .advantage_title{font-size: 16px;font-weight: 800;white-space: nowrap;letter-spacing: 5px;text-transform: uppercase;color: var(--bg);text-shadow: -1px -1px 0 var(--color-black), 0 -1px 0 var(--color-black), 1px -1px 0 var(--color-black), 1px 0 0 var(--color-black), 1px 1px 0 var(--color-black), 0 1px 0 var(--color-black), -1px 1px 0 var(--color-black), -1px 0 0 var(--color-black);} #advantage .swiper-wrapper{width: max-content;max-width: 100%;} @media (max-width: 1139px){ #advantage{padding-left: 16px;} } @media (max-width: 1023px){ #advantage .advantage_icon{width: 60px;min-width: 60px;height: 30px;} #advantage .advantage_title{font-size:14px;} #advantage .advantage_item{grid-gap: 12px;} #advantage{margin-top:30px;} } #cat_banners{width: 100%;display: flex;grid-gap: 16px;} #cat_banners .banners_wrap{width: calc(100% / 3 - 12px);} #cat_banners .banners_wrap.group_one{width: calc(100% / 6 - 12px);} #cat_banners .banners_item{display: flex;align-items: center;grid-gap: 16px;} #cat_banners .banners_img{width: 180px;height: 74px;overflow: hidden;border-radius: 40px;position: relative;} #cat_banners .banners_img img{width: 100%;height: 100%;max-width: 100%;max-height: 100%;object-fit: cover;position:absolute;top: 0;left: 0;transition: 1s;} #cat_banners .banners_title{font-size: 16px;font-weight: 800;text-transform: uppercase;color: var(--color-white);height: 74px;width: calc(100% - 180px - 16px);padding: 10px 20px;border-radius: 12px;display: flex;align-items: center;justify-content: center;grid-gap: 8px;} #cat_banners .banners_title.right{text-align:right;} #cat_banners .banners_title .icon_{margin: 0;width: 16px;height: 16px;min-width: 16px;background: var(--color-white);transition: 0.3s;} #cat_banners .banners_wrap.group{display: flex;flex-direction: column;grid-gap: 16px;} #cat_banners .banners_wrap.group_one.image .banners_item{grid-gap: 0;border-radius: 12px;overflow: hidden;height: 100%;color: var(--color-white);display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 10px;} #cat_banners .banners_wrap.group_one.image .banners_text{width: 100%;font-size: 16px;font-weight: 800;text-transform: uppercase;margin-bottom: 6px;} #cat_banners .banners_wrap.group_one.image .banners_discount{width: 100%;text-align: right;font-size: 50px;position: relative;transition:0.3s;text-shadow: -1px -1px 0 var(--color-white), 0 -1px 0 var(--color-white), 1px -1px 0 var(--color-white), 1px 0 0 var(--color-white), 1px 1px 0 var(--color-white), 0 1px 0 var(--color-white), -1px 1px 0 var(--color-white), -1px 0 0 var(--color-white);letter-spacing: 5px;} #cat_banners .banners_wrap.group_one.image .banners_text2{width: 100%;text-align: right;font-size: 16px;font-weight: 800;text-transform: uppercase;margin-top: 8px;} #cat_banners .banners_wrap.group_one.image .banners_discount:before{content: 'до';font-size: 16px;font-weight: 800;text-shadow: none;color: var(--color-white);position: absolute;top: 9px;left: 11px;letter-spacing: 0;} #cat_banners .banners_wrap.group_one:not(.image) .banners_item{flex-direction: column;} #cat_banners .banners_wrap.group_one:not(.image) .banners_title{flex-direction: column-reverse;text-align: center;height: 110px;width: 100%;} #cat_banners .banners_wrap.group_one:not(.image) .banners_img{height: 128px;} /* мышь, тачпад */ @media (hover: hover) and (pointer: fine){ #cat_banners .banners_item:hover .icon_._left{transform: rotate(180deg) translateX(10px)} #cat_banners .banners_item:hover .icon_._right{transform: rotate(0) translateX(10px);} #cat_banners .banners_item:hover .icon_._bottom{transform: rotate(90deg) translateX(10px);} #cat_banners .banners_item:hover .banners_img img{transform: scale(1.1)} #cat_banners .banners_wrap.group_one.image .banners_item:hover .banners_discount{color: var(--color-white) !important;} } @media (max-width: 1139px){ #cat_banners{overflow-x: auto;overflow-y: hidden;} #cat_banners::-webkit-scrollbar, #cat_banners::-webkit-scrollbar-thumb, #cat_banners::-webkit-scrollbar-track{background-color: transparent;} #cat_banners .banners_wrap.group_one{min-width: 180px;} #cat_banners .banners_wrap{min-width: 378px;} } @media (max-width: 767px){ #cat_banners .banners_title{width: 180px;height: 60px;font-size: 14px;} #cat_banners .banners_img{width: 140px;height: 60px;} #cat_banners .banners_wrap.group, #cat_banners .banners_item{grid-gap: 12px} #cat_banners .banners_wrap{min-width: 332px;} #cat_banners .banners_wrap.group_one:not(.image) .banners_img{height:108px;} #cat_banners .banners_wrap.group_one:not(.image) .banners_title{height: 84px;} #cat_banners .banners_wrap.group_one.image .banners_text, #cat_banners .banners_wrap.group_one.image .banners_text2{font-size: 14px;} #cat_banners .banners_wrap.group_one.image .banners_discount{font-size: 40px;} #cat_banners .banners_wrap.group_one.image .banners_item{padding:26px;} #cat_banners .banners_wrap.group_one.image .banners_discount:before{top: 5px;left: 6px;} } #banners{position:relative;} #banners .swiper{padding: 10px 0;margin: -10px 0;} #banners a{transition:0.5s;} #banners .swiper-slide{position: relative;border-radius: 12px;overflow: hidden;padding:12px;color: var(--color-white);} #banners .swiper-slide .banners_count{margin-bottom: 4px;border-radius: 0 12px 12px 0;left: -12px;position: relative;color: var(--color-white);text-transform: uppercase;font-size: 20px;font-weight: 800;width: 120px;height: 38px;background: var(--color-white);display: flex;align-items: center;justify-content: center;letter-spacing: 5px;text-shadow: -2px -2px 0 var(--banners-color), 0 -2px 0 var(--banners-color), 2px -2px 0 var(--banners-color), 2px 0 0 var(--banners-color), 2px 2px 0 var(--banners-color), 0 2px 0 var(--banners-color), -2px 2px 0 var(--banners-color), -2px 0 0 var(--banners-color);} #banners .swiper-slide[data-id="1"]{--banners-color: #F7BAAF;background:var(--banners-color);} #banners .swiper-slide[data-id="2"]{--banners-color: #0CA3F6;background:var(--banners-color);} #banners .swiper-slide[data-id="3"]{--banners-color: #565F5E;background:var(--banners-color);} #banners .swiper-slide[data-id="4"]{--banners-color: #8FD275;background:var(--banners-color);} #banners .swiper-slide[data-id="5"]{--banners-color: #AF7344;background:var(--banners-color);} #banners .swiper-slide[data-id="6"]{--banners-color: #DB6341;background:var(--banners-color);} #banners .banners_title{font-size: 20px;font-weight: 700;text-transform: uppercase;letter-spacing: 5px;margin-bottom: 2px;} #banners .banners_text{font-size: 16px;max-width: 123px;} #banners .banners_img > div{width: 150px;height: 150px;display: block;position: absolute;top: 6px;right: -12%;background-size: 85% !important;background-position: top left !important;background-repeat: no-repeat !important;border-radius: 50%;overflow: hidden;z-index: -1;} #banners .banners_img:before{content: '';width: 150px;height: 150px;display: block;background: var(--color-white);opacity: 0.2;border-radius: 50%;overflow: hidden;position: absolute;right: -8%;top: 2px;z-index: -1;} /* мышь, тачпад */ @media (hover: hover) and (pointer: fine){ #banners a:hover{transform:translateY(-10px);} } #banner_promo{position: relative;text-align: center;width: 100%;border-radius: 12px;padding: 12px;color: var(--color-white);overflow: hidden;display: flex;flex-direction: column;align-items: center;transition: 0.3s;} #banner_promo .banner_promo_title{font-size: 24px;font-weight: 700;margin-bottom: 2px;text-transform: uppercase;--banner-color: var(--color-white);letter-spacing: 5px;} #banner_promo .banner_promo_title{color: #fdc45b;text-shadow: -2px -2px 0 var(--banner-color), 0 -2px 0 var(--banner-color), 2px -2px 0 var(--banner-color), 2px 0 0 var(--banner-color), 2px 2px 0 var(--banner-color), 0 2px 0 var(--banner-color), -2px 2px 0 var(--banner-color), -2px 0 0 var(--banner-color);} #banner_promo .banner_promo_text{font-size: 20px;font-weight: 800;text-transform: uppercase;letter-spacing: 5px;} #banner_promo .banner_promo_bg{position:absolute;top:0;left:0;width:100%;height:100%;background: linear-gradient(140deg, rgba(255,226,89,1) 0%, rgba(255,167,81,1) 100%);z-index: -1;} #banner_promo .banner_promo_bg div{width:100%;height:100%;background-position: center right !important;background-repeat: no-repeat !important;background-size: contain !important;} /* мышь, тачпад */ @media (hover: hover) and (pointer: fine){ #banner_promo:hover{transform: translateY(-10px);} } @media (max-width:639px){ #banner_promo .banner_promo_text{display:none;} #banner_promo{height: 80px;justify-content: center;} #banner_promo .banner_promo_title{text-shadow: -1px -1px 0 var(--banner-color), 0 -1px 0 var(--banner-color), 1px -1px 0 var(--banner-color), 1px 0 0 var(--banner-color), 1px 1px 0 var(--banner-color), 0 1px 0 var(--banner-color), -1px 1px 0 var(--banner-color), -1px 0 0 var(--banner-color)} #banner_promo .banner_promo_bg div{background-position: 10% !important;background-size: auto 100% !important;} } .index_block{width: 100%;display: flex;flex-wrap: wrap;grid-gap: 30px;position:relative;} .index_block .products-container .item.pdt_banner{display: block !important;} .index_block .ajax-products{width: 362px;padding: 30px 24px;border-radius: 20px;} .index_block .ajax-products .products-grid{grid-gap: 24px 16px;} .index_block .ajax-products .item{width: calc(100% / 2 - 8px);} .index_block .ajax-products .item:not(.pdt_banner):nth-child(n+7){display: none;} .index_block .ajax-products .item .actions{display:none;} .index_block .ajax-products .item .links_container{display:none;} .index_block .ajax-products .item .icon_sticker .ico-best, .index_block .ajax-products .item .icon_sticker .ico-new{display:none;} .index_block .ajax-products .item .icon_sticker .ico-sale{max-width: 75px;} .index_block .ajax-products .item .price-box_wrapper{margin:0;} .index_block .ajax-products .item .product-name{display:none;} .index_block .ajax-products .product__hoverImages{display:none;} .index_block .ajax-products .product-pointersInner{display:none;} .index_block .ajax-products .item:before{width: calc(100% + 24px);height: calc(100% + 24px);} .index_block .ajax-products .item .price-box{grid-gap: 0 8px;} .index_block .products-container.not_ajax{max-width: calc(100% - 362px - 30px);} .index_block .products-container.not_ajax .item{width: calc(100% / 4 - 12px);} .index_block .products-container.not_ajax .item:nth-child(n+9){display: none;} .index_block .products-container:not(.not_ajax) .item:nth-child(n+13){display: none;} .index_block .products-container .item.pdt_banner:before{display:none;} .index_block .products-container .item.pdt_banner{text-align: left;border-radius: 12px;color: var(--color-white);display: flex;flex-direction: column;align-items: flex-start;padding: 12px 10px;overflow: hidden;} .index_block .products-container .item.pdt_banner .banners_count{margin-bottom: 4px;border-radius: 0 12px 12px 0;left: -10px;position: relative;color: var(--color-white);font-size: 20px;font-weight: 800;width: 120px;height: 38px;background: var(--color-white);display: flex;align-items: center;justify-content: center;letter-spacing: 5px;text-shadow: -2px -2px 0 var(--banner-color), 0 -2px 0 var(--banner-color), 2px -2px 0 var(--banner-color), 2px 0 0 var(--banner-color), 2px 2px 0 var(--banner-color), 0 2px 0 var(--banner-color), -2px 2px 0 var(--banner-color), -2px 0 0 var(--banner-color);} .index_block .products-container .item.pdt_banner .banners_title{font-size: 20px;font-weight: 700;text-transform: uppercase;letter-spacing: 5px;margin-bottom: 2px;} .index_block .products-container .item.pdt_banner .banners_text{font-size: 16px;max-width: 123px;} .index_block .products-container .item.pdt_banner .banners_img > div{width: calc(100% + 43px);padding-bottom: calc(96% + 40px);position: absolute;bottom: -12%;left: -12px;overflow: hidden;border-radius: 50% 50% 0 0 ;background-size: 95% !important;background-repeat: no-repeat !important;background-position: 0px -31px !important;} .index_block .products-container .item.pdt_banner .banners_img:before{content: '';width: calc(100% + 43px);padding-bottom: calc(96% + 40px);display: block;background: var(--color-white);opacity: 0.2;border-radius: 50%;overflow: hidden;position: absolute;bottom: -25px;left: -15px;} .index_block .products-container .item.pdt_banner .banners_count, #pdt__new .item.pdt_banner .banners_title, #pdt__new .item.pdt_banner .banners_text{z-index:1;} .index_block .products-container .products-grid .item .product-name{height: 53px;} @media (max-width:1139px){ .index_block .products-container.not_ajax .item{width: calc(100% / 3 - 11px);} .index_block .products-container.not_ajax .item:nth-child(n+7){display: none;} .index_block .products-container:not(.not_ajax) .item:nth-child(n+11){display: none;} } @media (max-width:1023px){ .index_block .products-container.not_ajax{max-width: 100%;} .index_block .ajax-products{width: calc(100% + 32px);order: 2;padding: 40px 16px;margin: 0 -16px;border-radius: 0;} .index_block .ajax-products .item{width: calc(100% / 4 - 9px);} .index_block .ajax-products .item:not(.pdt_banner):nth-child(n+5){display:none;} .index_block .ajax-products .products-grid{grid-gap: 12px;} .index_block .ajax-products .products-grid .item .product-shop{padding-top: 8px;} .index_block .products-container:not(.not_ajax) .item:nth-child(n+7){display: none;} .index_block .products-container.not_ajax .item:nth-child(n+7){display: none;} } @media (max-width:767px){ .index_block .ajax-products .item{width: calc(100% / 4 - 6px);} .index_block .ajax-products .products-grid{grid-gap: 8px;} .index_block .ajax-products .item .product-shop .price:not(.old-price){font-size: 16px;} } @media (max-width:639px){ .index_block .products-container .item.pdt_banner{display:none;} .index_block .products-container.not_ajax .item{width: calc(100% / 2 - 8px);} .index_block .products-container:not(.not_ajax) .item:nth-child(n+5){display: none;} .index_block .products-container.not_ajax .item:nth-child(n+5){display: none;} } @media (max-width:479px){ .index_block .ajax-products .item{width: calc(100% / 3 - 6px);} .index_block .ajax-products .item .icon_sticker{display:none;} .index_block .ajax-products .item:nth-child(n+4){display:none;} .index_block .ajax-products .item .product-shop .old-price{font-size: 12px;} } #questionsCallback{background: var(--color-secondary);padding: 16px 0;} #questionsCallback .questionsCallback form{display: flex;align-items: center;justify-content: space-between;grid-gap: 60px;} #questionsCallback .questionsCallback_inputs{display: flex;align-items: center;grid-gap: 8px 16px;} #questionsCallback .questionsCallback_inputs .pp{width: 180px;text-align: left;margin:0;} #questionsCallback .questionsCallback_inputs .callback-input-wrap{position: relative;width: 367px;} #questionsCallback .questionsCallback_inputs .callback-input-wrap input{padding-right: 84px;width: 100%;max-width: 100%;} #questionsCallback .questionsCallback_inputs .callback-input-wrap button{position: absolute;right:20px;top:50%;transform:translateY(-50%);display: flex;align-items: center;justify-content: center;} #questionsCallback .questionsCallback_inputs .callback-input-wrap button .icon_{width:24px;min-width:24px;height:24px;margin:0;background-color:var(--color-primary);transition:0.3s;} #questionsCallback .questionsCallback_wrap{display: flex;align-items: center;grid-gap: 20px;} #questionsCallback .questionsCallback_img{width: 100px;min-width: 100px;height: 60px;border-radius: 30px;overflow: hidden;display: flex;align-items: center;justify-content: center;} #questionsCallback .questionsCallback_img img{width:100%;height:100%;object-fit: cover;} #questionsCallback .title{--colors: var(--color-black);margin-bottom:2px;font-size: 24px;font-weight: 700;text-transform: uppercase;letter-spacing: 5px;color: var(--color-grey-l);text-shadow: -1px -1px 0 var(--colors), 0 -1px 0 var(--colors), 1px -1px 0 var(--colors), 1px 0 0 var(--colors), 1px 1px 0 var(--colors), 0 1px 0 var(--colors), -1px 1px 0 var(--colors), -1px 0 0 var(--colors);} #questionsCallback .text{font-size:14px;} #questionsCallback .subscribe__wrap{margin: 0;} /* мышь, тачпад */ @media (hover: hover) and (pointer: fine){ #questionsCallback .questionsCallback_inputs .callback-input-wrap button:hover .icon_{background-color:var(--color-black);} } @media (max-width:1023px){ #questionsCallback .questionsCallback_inputs{flex-wrap: wrap;width: 360px;} #questionsCallback .questionsCallback_inputs .callback-input-wrap{width:100%;max-width: 100%;} #questionsCallback .questionsCallback form{grid-gap: 20px 30px;} #questionsCallback .questionsCallback_inputs .pp{width: 100%;justify-content: flex-start;} #questionsCallback .questionsCallback_content{max-width: 217px;} } @media (max-width:767px){ #questionsCallback .questionsCallback form{flex-wrap: wrap;} #questionsCallback .questionsCallback_wrap, #questionsCallback .questionsCallback_inputs{width:100%;} #questionsCallback .questionsCallback_content{max-width: 100%;} } @media (max-width:479px){ #questionsCallback .questionsCallback_wrap{flex-wrap: wrap;} } /* Отзывы */ #index_reviews{position: relative;width:100%;display: flex;grid-gap: 60px;padding: 20px 0;} #index_reviews:before, #index_reviews:after{content: '';position: absolute;left: 50%;transform: translateX(-50%);width:100vw;height:1px;background: var(--color-grey);display: block;} #index_reviews:before{top:0;} #index_reviews:after{bottom:0;} #index_reviews .index_reviews_wrap{display: flex;align-items: flex-start;grid-gap: 8px 20px;} #index_reviews .index_reviews_img{width: 100px;height: 60px;border-radius: 30px;overflow: hidden;} #index_reviews .index_reviews_img img{width: 100%;height: 100%;object-fit: cover;} #index_reviews .index_reviews_content_title{--colors: var(--color-black);margin-bottom:2px;font-size: 24px;font-weight: 700;text-transform: uppercase;letter-spacing: 5px;color: var(--color-white);text-shadow: -1px -1px 0 var(--colors), 0 -1px 0 var(--colors), 1px -1px 0 var(--colors), 1px 0 0 var(--colors), 1px 1px 0 var(--colors), 0 1px 0 var(--colors), -1px 1px 0 var(--colors), -1px 0 0 var(--colors);} #index_reviews .index_reviews_content_text{font-size:14px;} #index_reviews .index_reviews{display: flex;align-items: center;grid-gap: 60px;} #index_reviews .swiper{width: calc(100% - 350px - 60px);margin: 0;} #index_reviews .reviews_name_wrap{display: flex;align-items: center;grid-gap: 16px;margin-bottom:4px;} #index_reviews .reviews_name{font-size: 16px;font-weight: 700;text-transform: uppercase;} #index_reviews .index_reviews_wrapper{display: flex;flex-direction: column;grid-gap: 10px;} @media (max-width:1023px){ #index_reviews{grid-gap: 30px;} #index_reviews .swiper{width: calc(100% - 350px - 30px);} } @media (max-width:767px){ #index_reviews{flex-wrap: wrap;} #index_reviews .swiper, #index_reviews .index_reviews_wrapper{width: 100%;} } @media (max-width:479px){ #index_reviews .index_reviews_wrap{flex-wrap: wrap;} .index_reviews_content{width: 100%;} } /*** Новости ***/ #news{position: relative;} #news .news__item{height: auto !important;display: flex;} #news .nav__tabs{display: flex;align-items: center;grid-gap: 40px;margin-bottom: 30px;} #news .nav__tabs .nav__tab{font-size: 32px;font-weight: 800;transition: 0.3s;color: var(--color-tertiary);cursor: pointer;} #news .nav__tabs .nav__tab.active{color: var(--color-black);} #news .tabs__content{display:none;} #news .tabs__content.active{display:block;} #news .news__content{padding: 60px 16px 16px;background: var(--color-white);border-radius: 12px;overflow: hidden;margin-top: 50px;flex: 1;} #news .news__image{position: absolute;top: 0;left: 0;width: 180px;height: 100px;border-radius: 50px;overflow: hidden;} #news .news__date{margin-bottom: 4px;font-size: 14px;font-weight: 700;color: var(--color-primary);} #news .news__title{font-size: 16px;font-weight: 700;overflow: hidden;text-transform: uppercase;max-height: 60px;display: block;margin-bottom: 4px;} #news .news__button{display: flex;align-items: center;grid-gap: 8px;font-size: 14px;font-weight: 800;color: var(--color-tertiary);transition: 0.3s;} #news .news__button .icon_{width: 12px;min-width: 12px;height: 12px;margin:0;background-color:var(--color-tertiary);transition: 0.3s;} #news .news__desc{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-overflow: ellipsis;margin-bottom: 10px;display:none;} /* мышь, тачпад */ @media (hover: hover) and (pointer: fine){ #news .news__button:hover{color: var(--color-primary);} #news .news__button:hover .icon_{background-color:var(--color-primary);} } @media (max-width:1023px){ #news .nav__tabs .nav__tab{font-size: 26px;white-space: nowrap;} #news .nav__tabs{overflow-x: auto;overflow-y: hidden;} #news .nav__tabs::-webkit-scrollbar, #news .nav__tabs::-webkit-scrollbar-thumb, #news .nav__tabs::-webkit-scrollbar-track{background-color: transparent;} } /*Страница новости*/ .news-box .news-time{margin-top: 12px;font-size: 14px;font-weight: 600;color: var(--color-tertiary);} .nojs #news .preloader{display: none} .nojs #news .tabs-body .tabs-content{display: block} /*** Подвал ***/ #footer{border-top: 1px solid var(--color-grey);} #footer .footer_wrapper[data-id="1"]{background:var(--bg);padding: 15px 0;} #footer .footer_wrapper[data-id="1"] .container{display: flex;align-items: center;justify-content: space-between;grid-gap: 20px;} #footer .footer_wrapper[data-id="1"] .footer_top_wrap{display: flex;align-items: center;grid-gap: 20px;} #footer .footer_wrapper[data-id="1"] .footer_top_img{width: 100px;min-width: 100px;height: 60px;border-radius: 30px;overflow: hidden;display: flex;align-items: center;justify-content: center;} #footer .footer_wrapper[data-id="1"] .footer_top_img img{width:100%;height:100%;object-fit: cover;} #footer .footer_wrapper[data-id="1"] .title{--colors: var(--color-black);margin-bottom:2px;font-size: 24px;font-weight: 700;text-transform: uppercase;letter-spacing: 5px;color: var(--color-white);text-shadow: -1px -1px 0 var(--colors), 0 -1px 0 var(--colors), 1px -1px 0 var(--colors), 1px 0 0 var(--colors), 1px 1px 0 var(--colors), 0 1px 0 var(--colors), -1px 1px 0 var(--colors), -1px 0 0 var(--colors);} #footer .footer_wrapper[data-id="1"] .text{font-size:14px;} #footer .footer_wrapper[data-id="2"]{background: var(--color-black);color:var(--color-white);padding: 40px 0;} #footer .footer_wrapper[data-id="2"] .container{display: flex;grid-gap: 48px 30px;flex-wrap: wrap;} #footer .footer_wrapper[data-id="2"] .container .footer_item{width: calc(100% / 4 - 23px);position: relative;} #footer .footer_wrapper[data-id="2"] .footer_title{font-size: 20px;font-weight: 700;text-transform: uppercase;letter-spacing: 5px;display: flex;align-items: center;margin-bottom: 24px;justify-content: space-between;grid-gap: 12px;} #footer .footer_wrapper[data-id="2"] .footer_title .icon_{width: 16px;min-width:16px;height:16px;margin:0;background-color:var(--color-white);transform: rotate(90deg);display:none;} #footer .footer_wrapper[data-id="2"] .footer_item.active .footer_title .icon_{transform: scaleY(-1) rotate(90deg);} #footer .footer_wrapper[data-id="2"] .footer_item_wrap{display: flex;grid-gap: 16px;margin-bottom: 20px;} #footer .footer_wrapper[data-id="2"] .footer_item_wrap[data-name="phone"]{grid-gap: 12px;} #footer .footer_wrapper[data-id="2"] .footer_item_wrap[data-name="phone"] .icon_{width: 34px;height: 34px;min-width: 34px;margin: 0;background-color: var(--color-white);margin-top: 12px;} #footer .footer_wrapper[data-id="2"] .footer_callback{font-size: 16px;font-weight: 700;color: var(--color-primary);text-decoration: underline;transition:0.3s;} #footer .footer_wrapper[data-id="2"] .footer_phone_cont{display: flex;flex-direction: column;grid-gap: 5px;} #footer .footer_wrapper[data-id="2"] .time{font-size:16px;opacity:0.6;} #footer .footer_wrapper[data-id="2"] .phone{font-size:20px;font-weight: 800;transition:0.3s;} #footer .footer_wrapper[data-id="2"] .footer_item_wrap .f_left{font-size: 16px;font-weight: 700;text-transform: uppercase;white-space: nowrap;} #footer .footer_wrapper[data-id="2"] .footer_item_wrap .f_right{opacity: 0.6;} #footer .footer_wrapper[data-id="2"] .social-links{margin-top: 30px;} #footer .footer_wrapper[data-id="2"] .footer_item.catalog_ ul li:nth-child(n+8){display: none;} #footer .footer_wrapper[data-id="2"] .footer_item.catalog_ ul li.show{display:block !important;} #footer ul{list-style-type: none;margin: 0;padding: 0;display: flex;flex-direction: column;grid-gap: 12px;} #footer ul a{color:var(--color-white);transition:0.3s;opacity:0.6;} #footer .footer_wrapper[data-id="3"]{background: #2C2C2C;padding:12px 0;} #footer .footer_wrapper[data-id="3"] .container{display: flex;align-items: center;justify-content: space-between;grid-gap: 8px 30px;} #footer .footer_wrapper[data-id="3"] .copyright{color: #A6A6A6;font-size: 14px;width: calc(100% - 250px);} #footer .payment{grid-gap: 12px;width: max-content;} #footer #subscribeCallback .callbackForm_action{display: flex;align-items: center;grid-gap: 8px 16px;} #footer #subscribeCallback .callbackForm_action .subscribe__wrap{margin: 0;} #footer #subscribeCallback .callback-input-wrap{position: relative;width: 367px;} #footer #subscribeCallback .callback-input-wrap input{padding-right: 84px;width:100%;max-width:100%;background: transparent;} #footer #subscribeCallback .callback-input-wrap button{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;} #footer #subscribeCallback .callback-input-wrap button .icon_{width: 24px;min-width: 24px;height: 24px;margin: 0;background-color: var(--color-primary);transition: 0.3s;} #footer #subscribeCallback .pp{width: 180px;text-align: left;margin: 0;} #footer .footer-show_btn{cursor: pointer;margin-top:12px;font-size:16px;font-weight:400;transition:0.3s;color:var(--color-primary);} /* мышь, тачпад */ @media (hover: hover) and (pointer: fine){ #footer .footer-show_btn:hover{color:var(--color-yellow);} #footer .footer_wrapper[data-id="2"] .phone:hover{color:var(--color-primary);} #footer ul a:hover{color:var(--color-primary);opacity:1;} #footer #subscribeCallback .callback-input-wrap button:hover .icon_{background-color:var(--color-black);} } @media (max-width:1023px){ #footer{padding-bottom:46px;} #footer #subscribeCallback{width: 360px;} #footer #subscribeCallback .callbackForm_action{flex-wrap: wrap;} #footer #subscribeCallback .pp{width: 100%;justify-content: flex-start;} #footer #subscribeCallback .callback-input-wrap{width:100%;max-width:100%;} #footer .footer_wrapper[data-id="1"] .footer_top_wrap .footer_top_content{max-width: 217px;} #footer .footer_wrapper[data-id="2"] .container .footer_item{width:100%;} #footer .footer_wrapper[data-id="2"] .footer_title{margin-bottom:16px;} #footer .footer_wrapper[data-id="2"] .footer_title .icon_{display: block;} #footer .footer_wrapper[data-id="2"] .container .footer_item:not(:last-child):before{content: '';display:block;position:absolute;bottom: -24px;left:0;width:100%;height:1px;background:var(--color-white);opacity:0.2;} #footer .footer_wrapper[data-id="2"] .footer_item .footer_content{display:none;padding-top:16px;} #footer .footer_wrapper[data-id="2"] .footer_item .footer_title{margin:0;} } @media (max-width:767px){ #footer .footer_wrapper[data-id="1"] .container{flex-wrap: wrap;} #footer .footer_wrapper[data-id="1"] .footer_top_wrap, #footer #subscribeCallback{width: 100%;} #footer .footer_wrapper[data-id="1"] .footer_top_wrap .footer_top_content{max-width: 100%;} } @media (max-width:639px){ #footer .footer_wrapper[data-id="3"] .container{flex-wrap: wrap;justify-content: flex-start;} #footer .footer_wrapper[data-id="3"] .copyright{width: 100%;} } @media (max-width:479px){ #footer .footer_wrapper[data-id="1"] .footer_top_wrap{flex-wrap: wrap;} #footer .footer_wrapper[data-id="1"] .footer_top_wrap .footer_top_content{width: 100%;} } /* Способы оплаты */ .payment{display: flex;align-items: center;flex-wrap: wrap;} .payment .paymentTitle{color: #fff;margin-bottom: 10px;} .payment .payment-ico{display: flex;align-items: center;justify-content: center;transition: 0.3s;cursor: pointer;} .payment .payment-ico.visa{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M2 4V20H22V4H2ZM14.3887 9C15.0087 9 15.7324 9.31055 15.7324 9.31055L15.4219 10.5508C15.4219 10.5508 14.9047 10.1367 14.3887 10.1367C13.6657 10.1367 13.459 10.4478 13.459 10.7578C13.459 11.4808 15.5254 11.5823 15.5254 13.0293C15.5244 14.2673 14.0784 15.0942 13.1484 14.9902C12.1154 14.9902 11.5996 14.6816 11.5996 14.6816L11.8066 13.4414C11.8066 13.4414 12.426 13.752 13.252 13.752C14.078 13.752 14.1816 13.4404 14.1816 13.2344C14.1816 12.3044 12.1152 12.6149 12.1152 10.7559C12.1152 9.82586 12.8387 9 14.3887 9ZM7.88086 9.10352H9.32617L7.15625 14.8887H5.60742L4.4707 10.2402C4.4707 10.2402 5.71059 10.9627 6.43359 12.7188C6.43359 12.9257 6.53711 13.2363 6.53711 13.2363L7.88086 9.10352ZM17.9004 9.10352H19.4492L20.5859 14.8887H19.3457L19.1387 14.0625H17.2793L16.9707 14.8887H15.5234L17.9004 9.10352ZM9.94531 9.20508H11.4941L10.5645 14.9902H9.11914L9.94531 9.20508ZM2.71484 9.20703H4.98828C5.60828 9.20703 5.81445 9.72266 5.81445 9.72266L6.33008 12.3047C5.71008 10.1357 2.71484 9.20703 2.71484 9.20703ZM18.416 10.8594L17.5898 13.0293H18.8281L18.416 10.8594Z' fill='%2325292D'/%3E%3C/svg%3E");} .payment .payment-ico.mastercard{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.68 4.32007C3.44544 4.32007 0 7.76551 0 12.0001C0 16.2346 3.44544 19.6801 7.68 19.6801C9.28092 19.6801 10.7682 19.1864 12 18.3451C13.2317 19.186 14.7188 19.6801 16.32 19.6801C20.5559 19.6801 24 16.2359 24 12.0001C24 7.76421 20.5559 4.32007 16.32 4.32007C14.7188 4.32007 13.2317 4.8141 12 5.65507C10.7682 4.81369 9.28092 4.32007 7.68 4.32007ZM16.32 5.28007C20.037 5.28007 23.04 8.28303 23.04 12.0001C23.04 15.7171 20.037 18.7201 16.32 18.7201C15.0237 18.7201 13.8187 18.3485 12.7931 17.7151C14.3644 16.3078 15.36 14.2703 15.36 12.0001C15.36 9.72986 14.3644 7.69235 12.7931 6.28507C13.8187 5.65165 15.0237 5.28007 16.32 5.28007Z' fill='%2325292D'/%3E%3C/svg%3E");} .payment .payment-ico.sber{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16.0988 1.27222L7.68002 6.08628L3.96471 3.96003C3.73431 4.19523 3.52307 4.44438 3.32627 4.69878L7.68002 7.19534L17.1647 1.76628C16.8191 1.57908 16.4636 1.41622 16.0988 1.27222ZM18.6385 2.69722L7.68002 8.96628L2.45721 5.97565C2.29401 6.24925 2.14536 6.53328 2.01096 6.82128L7.68002 10.0753L19.426 3.35534C19.1764 3.12494 18.9121 2.90842 18.6385 2.69722ZM20.52 4.50284L7.68002 11.8463L1.4494 8.27534C1.3486 8.58734 1.26722 8.90894 1.20002 9.23534L7.68002 12.9553L21.1013 5.27534C20.9189 5.01134 20.7264 4.75244 20.52 4.50284ZM21.9441 6.72003L7.68002 14.88L0.982522 11.04C0.974842 11.1999 0.960022 11.3583 0.960022 11.52C0.960022 17.6175 5.90258 22.56 12 22.56C18.0975 22.56 23.04 17.6175 23.04 11.52C23.04 9.79971 22.6463 8.17155 21.9441 6.72003Z' fill='%2325292D'/%3E%3C/svg%3E");} .payment .payment-ico.webmoney{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_1144_30823)'%3E%3Cpath d='M11.7065 0.975848C8.60991 1.04404 5.37995 2.40426 3.13685 5.41866C-0.49483 10.3012 0.463212 17.0531 5.31841 20.789C7.38001 22.3754 9.73032 23.0558 11.969 23.0558C14.4185 23.0558 16.7265 22.234 18.3825 20.8996L18.405 20.9258L19.1259 20.2921L16.6828 17.5105L15.6647 18.4433C15.1266 18.9339 14.6082 19.4069 14.1028 19.8937C13.2858 18.961 12.4572 18.0375 11.6297 17.114C11.2308 16.669 10.8323 16.2235 10.4344 15.7771C10.4113 15.7517 10.3894 15.7252 10.3678 15.6983L11.534 14.608L8.53123 11.2171L9.70685 10.1155L6.65529 6.71804L10.8094 2.96522L12.3431 4.6246L14.8847 2.36804C14.9063 2.37476 14.9268 2.38194 14.9484 2.38866L16.4025 3.98147L17.7619 2.73741C17.7619 2.73741 17.4022 2.40354 17.0475 2.20866C16.9932 2.1789 16.9427 2.17068 16.8947 2.17116C15.3744 1.35954 13.5645 0.934935 11.7065 0.975848ZM18.5606 3.47897L17.3465 4.58991L18.4415 5.80491L19.6603 4.70897L18.5606 3.47897ZM14.8659 3.8071L12.9881 5.51335L14.6775 7.39022L16.5525 5.6971L14.8659 3.8071ZM10.6903 4.49804L8.1581 6.7921L10.4428 9.33366L12.9806 7.04241L10.6903 4.49804ZM20.235 7.40897L19.0247 8.51147L20.1281 9.7321L21.3478 8.62585L20.235 7.40897ZM16.6819 7.79429L14.8069 9.49397L16.4953 11.3783L18.375 9.67866L16.6819 7.79429ZM12.5747 9.00554L10.0415 11.3052L12.3309 13.8468L14.8565 11.5499L12.5747 9.00554ZM21.9225 11.3362L20.7056 12.4312L21.81 13.6518L23.0297 12.554L21.9225 11.3362ZM18.3694 11.984L16.4944 13.679L18.1847 15.5662L20.0615 13.8627L18.3694 11.984ZM14.4459 13.574L11.9137 15.8643L14.1928 18.4124L16.7344 16.1184L14.4459 13.574ZM20.0972 15.9862L18.2297 17.6887L19.9219 19.5618L21.8025 17.8668L20.0972 15.9862Z' fill='%2325292D'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1144_30823'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .payment .payment-ico.qiwi{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_1144_30825)'%3E%3Cpath d='M11.28 0C5.32465 0 0.480011 4.84464 0.480011 10.8C0.480011 16.7554 5.32465 21.6 11.28 21.6C12.5256 21.6 13.4091 21.4581 14.1881 21.3328C14.8688 21.2234 15.5112 21.12 16.32 21.12C20.2392 21.12 22.6556 23.8095 22.6791 23.8369C22.7732 23.9434 22.9061 23.9991 23.04 23.9991C23.1293 23.9991 23.2196 23.975 23.2988 23.9231C23.4984 23.795 23.5743 23.5405 23.4778 23.3241C23.425 23.205 22.121 20.3923 16.8928 19.1822L16.7503 19.1428C15.4582 18.8231 14.4147 18.3025 13.65 17.595C12.6622 16.682 12.4735 15.7604 12.4725 15.7547C12.4284 15.5104 12.1998 15.3412 11.9569 15.3619C11.7092 15.3844 11.52 15.5914 11.52 15.84C11.52 15.889 11.5231 16.8436 11.6897 17.745C11.5467 17.7551 11.4111 17.76 11.28 17.76C7.44241 17.76 4.32001 14.6376 4.32001 10.8C4.32001 6.9624 7.44241 3.84 11.28 3.84C15.1176 3.84 18.24 6.9624 18.24 10.8C18.24 11.0861 18.2221 11.3754 18.1856 11.6634C17.2804 11.5204 16.38 11.52 16.32 11.52C16.0407 11.52 15.84 11.7598 15.84 12.0094C15.8458 12.27 16.0584 12.4795 16.3191 12.48C16.3287 12.48 17.3275 12.4895 18.2213 13.0641C19.703 14.0164 20.0578 15.4544 20.0606 15.4669C20.1053 15.6646 20.2697 15.8123 20.4713 15.8363C20.6714 15.8569 20.8676 15.7547 20.9578 15.5728C21.7023 14.068 22.08 12.4618 22.08 10.8C22.08 4.84464 17.2354 0 11.28 0ZM18.5447 15.3609C18.4271 15.3538 18.3354 15.4049 18.285 15.4931C18.1833 15.6712 18.2591 16.024 18.4641 16.3313C18.6719 16.6423 18.848 16.8 18.9881 16.8C19.1168 16.8 19.2455 16.639 19.185 16.2497C19.149 16.0174 19.0135 15.5124 18.6703 15.3881C18.6259 15.372 18.5839 15.3633 18.5447 15.3609ZM16.9763 16.8C16.7607 16.8 16.5813 16.8561 16.4709 16.9641C16.1877 17.2415 16.315 17.729 16.7484 18.03C16.938 18.161 17.2105 18.24 17.4778 18.24C17.75 18.24 17.9775 18.1586 18.1181 18.0113C18.3701 17.7425 18.2254 17.362 17.7488 17.0419C17.5126 16.8835 17.2379 16.8 16.9763 16.8Z' fill='%2325292D'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1144_30825'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .payment .payment-ico.yandex{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15.4779 3C10.7322 3 6.95718 6.82892 6.95718 11.5207C6.95718 16.2664 10.7861 20.0414 15.4779 20.0414C20.1697 20.0414 23.9986 16.2125 23.9986 11.5207C23.9986 6.82892 20.1697 3 15.4779 3ZM15.4779 14.7025C13.7522 14.7025 12.2961 13.2464 12.2961 11.5207C12.2961 9.795 13.7522 8.33892 15.4779 8.33892C17.2036 8.33892 18.6596 9.795 18.6596 11.5207C18.6058 13.2464 17.2036 14.7025 15.4779 14.7025Z' fill='%2325292D'/%3E%3Cpath d='M6.90285 5.48071V17.8843H3.88286L0 5.48071H6.90285Z' fill='%2325292D'/%3E%3C/svg%3E");} .payment .payment-ico.wallet-one{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M23.0719 7.41108V16.6361C22.8703 17.1095 22.6453 17.5689 22.3875 18.0142C22.111 18.2205 21.7641 18.3423 21.3891 18.3423C20.461 18.3423 19.7063 17.5876 19.7063 16.6595V11.4283L13.1813 17.8595C12.8625 18.1783 12.436 18.3423 12 18.3423C11.7797 18.3423 11.5594 18.3001 11.3531 18.2111C10.7297 17.9486 10.3219 17.3392 10.3219 16.6595V11.4283L3.7922 17.8595C3.30938 18.333 2.95313 18.5767 2.10938 18.5158C1.98282 18.4642 1.42032 18.4548 1.13907 18.0142C0.862506 17.583 0.951569 17.2314 0.928131 16.6361V7.34077C0.928131 6.78296 1.20001 6.29077 1.61251 5.98608C1.88907 5.77983 2.23594 5.65796 2.60626 5.65796C3.53438 5.65796 4.28907 6.41265 4.28907 7.34077V12.6423C4.28907 12.6423 10.7438 6.21577 10.786 6.17358C11.0906 5.85483 11.5219 5.65796 11.9953 5.65796C12.9235 5.65796 13.6781 6.41265 13.6781 7.34077V12.6423L20.2078 6.21108C20.6906 5.73765 21.4125 5.59702 22.036 5.85952C22.1907 5.92515 22.3313 6.00952 22.4531 6.11265C22.8235 6.41733 23.0532 6.86733 23.0672 7.36421C23.0719 7.37827 23.0719 7.39233 23.0719 7.41108Z' fill='%2325292D'/%3E%3Cpath d='M23.0719 7.41101V16.636C23.0766 17.2969 22.9875 17.6391 22.4859 18.0751C22.2094 18.2813 21.7641 18.3376 21.3937 18.3376C20.4656 18.3376 19.7109 17.5829 19.7109 16.6548V11.4282L19.2891 11.8454C18.6281 12.4969 17.5641 12.4876 16.9125 11.8266C16.2609 11.1657 16.2703 10.1016 16.9312 9.45007L20.2125 6.2157C20.6953 5.74226 21.4172 5.60163 22.0406 5.86413C22.1953 5.92976 22.3359 6.01413 22.4578 6.11726C22.8281 6.42194 23.0578 6.87194 23.0719 7.36882V7.41101Z' fill='%2325292D'/%3E%3C/svg%3E");} .payment .payment-ico.mir{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.48421 9C6.48421 9 5.55789 9 5.30526 9.88421C5.05263 10.6842 4.42105 12.9579 4.37895 13H4.21053C4.21053 13 3.53684 10.7263 3.32632 9.88421C3.07368 9 2.14737 9 2.14737 9H0V15.7368H2.14737V11.7368H2.31579L3.57895 15.7368H5.05263L6.31579 11.7368H6.48421V15.7368H8.63158V9H6.48421ZM14.2737 9C14.2737 9 13.6421 9.04211 13.3474 9.71579L11.8316 13H11.6632V9H9.51579V15.7368H11.5368C11.5368 15.7368 12.2105 15.6947 12.5053 15.0211L13.9789 11.7368H14.1474V15.7368H16.2947V9H14.2737V9ZM17.2211 12.0737V15.7368H19.3684V13.5895H21.6842C22.6947 13.5895 23.5368 12.9579 23.8737 12.0737H17.2211V12.0737ZM21.6842 9H16.9263C17.1789 10.2632 18.1474 11.3158 19.3684 11.6526C19.6632 11.7368 19.9579 11.7789 20.2526 11.7789H23.9158C24 11.6105 24 11.4421 24 11.2737C24 10.0105 22.9474 9 21.6842 9V9Z' fill='%2325292D'/%3E%3C/svg%3E");} .payment .payment-ico{transition:0.3s;opacity:0.2;background-color: var(--color-white);width:16px;min-width: 16px;height:16px;display: block;-webkit-mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: contain;} /* Соц. сети */ .social-links{text-align: left;display: flex;flex-wrap: wrap;grid-gap: 12px;} .social-links .vk:before{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_1447_8265)'%3E%3Cpath d='M11.7432 18.7875H13.1773C13.1773 18.7875 13.6108 18.7395 13.8314 18.501C14.0354 18.282 14.0279 17.8709 14.0279 17.8709C14.0279 17.8709 13.9994 15.9463 14.8934 15.6628C15.774 15.3838 16.9051 17.5229 18.1037 18.3465C19.0098 18.969 19.6983 18.8325 19.6983 18.8325L22.904 18.7875C22.904 18.7875 24.5812 18.684 23.7861 17.3654C23.7216 17.2574 23.3226 16.3903 21.4024 14.6082C19.3923 12.7421 19.6623 13.0451 22.0835 9.81834C23.5581 7.8532 24.1476 6.65311 23.9631 6.14007C23.7876 5.65103 22.703 5.78004 22.703 5.78004L19.0968 5.80104C19.0968 5.80104 18.8297 5.76504 18.6302 5.88355C18.4367 6.00056 18.3122 6.27058 18.3122 6.27058C18.3122 6.27058 17.7407 7.79169 16.9786 9.08479C15.372 11.8135 14.7284 11.9575 14.4659 11.788C13.8554 11.3935 14.0084 10.2009 14.0084 9.35481C14.0084 6.71011 14.4089 5.60753 13.2268 5.32251C12.8338 5.228 12.5458 5.165 11.5422 5.15449C10.2551 5.14099 9.16452 5.15899 8.54797 5.46052C8.13694 5.66153 7.82042 6.11007 8.01393 6.13557C8.25245 6.16707 8.79249 6.28108 9.07901 6.67111C9.44954 7.17364 9.43604 8.30473 9.43604 8.30473C9.43604 8.30473 9.64905 11.4175 8.9395 11.8045C8.45196 12.07 7.78441 11.5285 6.35181 9.05178C5.61825 7.78419 5.06321 6.38159 5.06321 6.38159C5.06321 6.38159 4.9567 6.12057 4.76619 5.98106C4.53517 5.81154 4.21115 5.75754 4.21115 5.75754L0.781893 5.77854C0.781893 5.77854 0.267355 5.79354 0.0783407 6.01706C-0.0896718 6.21657 0.0648397 6.6276 0.0648397 6.6276C0.0648397 6.6276 2.75004 12.9086 5.78927 16.0753C8.57797 18.978 11.7432 18.7875 11.7432 18.7875Z' fill='%23ADC6D8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1447_8265'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .social-links .vk:before{background-color: #1E88E5;} .social-links .whatsapp:before{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_1447_8261)'%3E%3Cpath d='M12.0047 0H12C5.38125 0 0 5.38125 0 12C0 14.625 0.84375 17.0578 2.28281 19.0312L0.7875 23.4891L5.4 22.0125C7.29844 23.2734 9.5625 24 12.0047 24C18.6188 24 24 18.6187 24 12C24 5.38125 18.6188 0 12.0047 0ZM18.9844 16.9453C18.6938 17.7609 17.5453 18.4406 16.6312 18.6375C16.0031 18.7688 15.1875 18.8766 12.4266 17.7328C8.90156 16.2703 6.62813 12.6891 6.45 12.4547C6.28125 12.2203 5.025 10.5562 5.025 8.83594C5.025 7.11562 5.90156 6.27656 6.25312 5.91562C6.54375 5.62031 7.02188 5.48438 7.48125 5.48438C7.63125 5.48438 7.7625 5.49375 7.88437 5.49844C8.23594 5.5125 8.41406 5.53594 8.64844 6.08906C8.93906 6.7875 9.64219 8.50781 9.72656 8.68594C9.81094 8.86406 9.89531 9.10312 9.77813 9.3375C9.66563 9.57656 9.56719 9.68437 9.38906 9.88594C9.21094 10.0875 9.04219 10.2469 8.86875 10.4672C8.70469 10.6594 8.52187 10.8609 8.72812 11.2125C8.93437 11.5594 9.6375 12.7078 10.6734 13.6312C12.0141 14.8219 13.0969 15.2062 13.4859 15.3656C13.7766 15.4875 14.1188 15.4594 14.3297 15.2344C14.5969 14.9438 14.9297 14.4656 15.2672 13.9922C15.5063 13.6547 15.8109 13.6125 16.1297 13.7297C16.4531 13.8422 18.1688 14.6906 18.5203 14.8641C18.8719 15.0422 19.1062 15.1266 19.1906 15.2719C19.275 15.4312 19.275 16.125 18.9844 16.9453Z' fill='%2366BBFD'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1447_8261'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .social-links .whatsapp:before{background-color: #2CB742;} .social-links .viber:before{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_1447_8254)'%3E%3Cpath d='M23.1561 13.8925C23.8721 7.86554 22.8121 4.06054 20.9001 2.33954L20.9011 2.33854C17.8151 -0.600464 7.39306 -1.03546 3.70106 2.47054C2.04306 4.18554 1.45906 6.70254 1.39506 9.81855C1.33106 12.9355 1.25506 18.7746 6.69606 20.3586H6.70106L6.69606 22.7776C6.69606 22.7776 6.65906 23.7576 7.28506 23.9546C8.00106 24.1866 8.32506 23.7316 10.5521 21.0716C14.2761 21.3946 17.1361 20.6546 17.4611 20.5466C18.2131 20.2946 22.4681 19.7316 23.1561 13.8925ZM10.9191 19.3696C10.9191 19.3696 8.56206 22.3086 7.82906 23.0716C7.58906 23.3196 7.32606 23.2966 7.33006 22.8046C7.33006 22.4816 7.34806 18.7886 7.34806 18.7886C2.73506 17.4666 3.00706 12.4945 3.05706 9.89355C3.10706 7.29154 3.58306 5.16054 4.98706 3.72554C8.22606 0.688537 17.3631 1.36754 19.6911 3.55554C22.5371 6.07854 21.5241 13.2065 21.5301 13.4495C20.9451 18.3236 17.4971 18.6326 16.8631 18.8436C16.5921 18.9336 14.0771 19.5806 10.9191 19.3696Z' fill='%23ADC6D8'/%3E%3Cpath d='M12.2233 4.29688C11.8383 4.29688 11.8383 4.89688 12.2233 4.90188C15.2103 4.92488 17.6703 7.00688 17.6973 10.8259C17.6973 11.2289 18.2873 11.2239 18.2823 10.8209H18.2813C18.2493 6.70588 15.5633 4.31988 12.2233 4.29688Z' fill='%23ADC6D8'/%3E%3Cpath d='M16.1519 10.1911C16.1429 10.5891 16.7319 10.6081 16.7369 10.2051C16.7859 7.93608 15.3869 6.06708 12.7579 5.87008C12.3729 5.84208 12.3329 6.44708 12.7169 6.47508C14.9969 6.64808 16.1979 8.20408 16.1519 10.1911Z' fill='%23ADC6D8'/%3E%3Cpath d='M15.5222 12.7741C15.0282 12.4881 14.5252 12.6661 14.3172 12.9471L13.8822 13.5101C13.6612 13.7961 13.2482 13.7581 13.2482 13.7581C10.2342 12.9611 9.4282 9.8071 9.4282 9.8071C9.4282 9.8071 9.3912 9.3801 9.6672 9.1511L10.2112 8.7011C10.4832 8.4851 10.6552 7.9651 10.3782 7.4541C9.6382 6.1171 9.1412 5.6561 8.88819 5.3021C8.62219 4.9691 8.22219 4.8941 7.80619 5.1191H7.79719C6.93219 5.6251 5.98519 6.5721 6.28819 7.5471C6.80519 8.5751 7.75519 11.8521 10.7832 14.3281C12.2062 15.4991 14.4582 16.6991 15.4142 16.9761L15.4232 16.9901C16.3652 17.3041 17.2812 16.3201 17.7702 15.4291V15.4221C17.9872 14.9911 17.9152 14.5831 17.5982 14.3161C17.0362 13.7681 16.1882 13.1631 15.5222 12.7741Z' fill='%23ADC6D8'/%3E%3Cpath d='M13.1703 8.10368C14.1313 8.15968 14.5973 8.66168 14.6473 9.69268C14.6653 10.0957 15.2503 10.0677 15.2323 9.66468C15.1683 8.31868 14.4663 7.56869 13.2023 7.49869C12.8173 7.47569 12.7813 8.08068 13.1703 8.10368Z' fill='%23ADC6D8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1447_8254'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .social-links .viber:before{background-color: #654DFF;} .social-links .youtube:before{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_1144_30865)'%3E%3Cpath d='M23.469 5.92901L23.499 6.12501C23.209 5.09601 22.426 4.30201 21.431 4.01301L21.41 4.00801C19.539 3.50001 12.01 3.50001 12.01 3.50001C12.01 3.50001 4.49999 3.49001 2.60999 4.00801C1.59599 4.30201 0.811989 5.09601 0.526989 6.10401L0.521989 6.12501C-0.177011 9.77601 -0.182011 14.163 0.552989 18.072L0.521989 17.874C0.811989 18.903 1.59499 19.697 2.58999 19.986L2.61099 19.991C4.47999 20.5 12.011 20.5 12.011 20.5C12.011 20.5 19.52 20.5 21.411 19.991C22.426 19.697 23.21 18.903 23.495 17.895L23.5 17.874C23.818 16.176 24 14.222 24 12.226C24 12.153 24 12.079 23.999 12.005C24 11.937 24 11.856 24 11.775C24 9.77801 23.818 7.82401 23.469 5.92901ZM9.60799 15.651V8.35801L15.874 12.01L9.60799 15.651Z' fill='%2325292D'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1144_30865'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .social-links .youtube:before{background-color: #E73245;} .social-links .telegram:before{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.41718 15.1804L9.02019 20.7644C9.58819 20.7644 9.83418 20.5204 10.1292 20.2274L12.7922 17.6824L18.3102 21.7234C19.3222 22.2874 20.0352 21.9904 20.3082 20.7924L23.9302 3.82043L23.9312 3.81943C24.2522 2.32343 23.3902 1.73843 22.4042 2.10543L1.11418 10.2564C-0.338822 10.8204 -0.316822 11.6304 0.867178 11.9974L6.31018 13.6904L18.9532 5.77943C19.5482 5.38543 20.0892 5.60343 19.6442 5.99743L9.41718 15.1804Z' fill='%23ADC6D8'/%3E%3C/svg%3E");} .social-links .telegram:before{background-color: #039BE5;} .social-links .odnoklassniki:before{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.9988 12.9878C15.5852 12.9878 18.4927 10.0804 18.4927 6.49389C18.4927 2.90737 15.5853 0 11.9988 0C8.41226 0 5.50488 2.90742 5.50488 6.49394C5.50928 10.0786 8.41413 12.9834 11.9988 12.9878ZM11.9988 2.9972C13.93 2.9972 15.4955 4.56272 15.4955 6.49394C15.4955 8.42516 13.93 9.99068 11.9988 9.99068C10.0676 9.99068 8.50203 8.42516 8.50203 6.49394C8.50203 4.56272 10.0676 2.9972 11.9988 2.9972Z' fill='%23ADC6D8'/%3E%3Cpath d='M18.361 16.0639C19.0667 15.599 19.492 14.8109 19.4929 13.9659C19.5028 13.2645 19.107 12.6205 18.4769 12.3124C17.8295 11.989 17.0545 12.0618 16.4788 12.5002C13.8102 14.4457 10.1907 14.4457 7.52216 12.5002C6.94548 12.0641 6.17187 11.9914 5.52401 12.3124C4.89418 12.6204 4.49822 13.2638 4.50698 13.9648C4.50848 14.8097 4.93356 15.5976 5.63893 16.0629C6.5439 16.6647 7.52941 17.1356 8.56621 17.4616C8.74206 17.5162 8.92353 17.5668 9.11072 17.6134L6.09156 20.5657C5.29955 21.3341 5.2804 22.5991 6.04885 23.3911C6.8173 24.1831 8.08226 24.2023 8.87431 23.4338C8.8908 23.4178 8.907 23.4016 8.92292 23.385L12.0001 20.2L15.0832 23.391C15.851 24.1836 17.116 24.2037 17.9086 23.4359C18.7012 22.6682 18.7214 21.4031 17.9536 20.6105C17.9375 20.594 17.9212 20.5777 17.9045 20.5616L14.8903 17.6124C15.0775 17.5644 15.2596 17.5135 15.4368 17.4595C16.4725 17.1348 17.4571 16.6649 18.361 16.0639Z' fill='%23ADC6D8'/%3E%3C/svg%3E");} .social-links .odnoklassniki:before{background-color: #FFA53A;} .social-links a{transition: 0.3s;width: 40px;height: 40px;background: #ffffff1a;border-radius:8px;display:flex;align-items: center;justify-content: center;} .social-links a:before{content: '';transition: 0.3s;width:20px;min-width: 20px;height:20px;background-color: var(--color-white);display: block;-webkit-mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: contain;} /* мышь, тачпад */ @media (hover: hover) and (pointer: fine){ .social-links a:hover{background: var(--color-primary);} .social-links a:hover:before{background-color: var(--color-white);} .payment .payment-ico:hover{background-color: var(--color-primary);opacity:1;} #footer .footer_bottom .footer_inner[data-id="1"] a:hover, #footer .footer_bottom .footer_inner[data-id="2"] a:hover{color: var(--color-primary);} #footer .footer_top .footer_top_contacts .phone_link:hover{color: var(--color-primary);} } /* Popup окно */ .popup{text-align:center;} .popup-title{margin-bottom: 15px;} /*** Заголовки ***/ #page-title{text-align: left;} .title_wrap{position:relative;margin-bottom: 30px;display: flex;align-items: center;} .title_wrap .title{margin: 0;text-align: left;font-size: 32px;color: var(--color-black);font-weight: 800;user-select: none;} .title_wrap .title .inf, .title_wrap .title .res{font-size: 20px;color: var(--color-primary);} .title_wrap.cart .title-tab{margin-right: 10px;transition: opacity .3s ease;font-size: 26px;pointer-events: none;} .title_wrap.cart .title-tab .title-step{color: var(--color-primary)} .title_wrap.cart .title-tab.disabled{opacity: .5} @media (max-width: 1023px){ .title_wrap .title{font-size: 26px;} .title_wrap{margin-bottom: 20px;} } @media (max-width: 479px){ .products-container .title_wrap{flex-wrap: wrap;} .products-container .title_wrap .title{width: 100%;} .products-container .title_wrap .button_link{margin:0;} } /*** Хлебные крошки ***/ #breadcrumbs{margin-bottom: 20px;position: relative;font-size: 14px;color: var(--color-black);white-space: nowrap;} #breadcrumbs .breadcrumbs-list{margin: 0;padding: 0;list-style: none;list-style-position: inside;display: flex;align-items: center;overflow: hidden;overflow-x: auto;padding-bottom: 4px;} #breadcrumbs .breadcrumbs-list::-webkit-scrollbar{height: 2px;} #breadcrumbs ul li{display: inline-flex;align-items: center;} #breadcrumbs ul li:before{content: "";background: var(--color-tertiary);border-radius: 1px;min-width: 12px;width: 12px;height: 2px;margin: 0 8px;display: block;} #breadcrumbs ul li:first-child:before{display: none;} #breadcrumbs ul li a{vertical-align: middle;font-size: 14px;color: var(--color-tertiary);} #breadcrumbs ul li a i{margin-right: 5px;} #breadcrumbs ul li strong{max-width: 700px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;vertical-align: middle;font-weight: 400;} #breadcrumbs ul li a:hover{color: var(--color-primary);} .nav_cont{width: 100%;} .nav_cont .swiper-navigation.pagination_{margin-top: 30px;width: 100%;justify-content: center;} .products__buttons{margin-top: 30px;display: flex;align-items: center;justify-content: center;} .products-container .item._with-mod .actions .qty-wrap{display:none;} .product__hoverImages{position: absolute;top: 0;width: 100%;height: 100%;opacity: 0;transition: all 0.3s ease;display: flex;flex-wrap: wrap;z-index: 2;} .product__hoverImage{margin: 0 .5rem 0 0;flex-grow: 1;height: 100%;position: relative;cursor: pointer;} .product__hoverImage:last-child{margin: 0;} .product-pointersInner{position: absolute;left: 8px;top: 8px;display: flex;align-items: center;grid-gap: 4px;transition: 0.3s;z-index: 1;} .product-pointersInner .pointersItem{background: var(--color-grey);height: 6px;width: 6px;position:relative;border-radius:50%;} .product-pointersInner .pointersItem.active{background: var(--color-primary);} .product-pointersInner .pointersItem.active:before{content:'';width: calc(100% + 4px);height:calc(100% + 4px);border-radius:50%;position:absolute;top:50%;left:50%;z-index:-1;transform: translate(-50%, -50%);background: var(--color-primary);opacity:0.2;} @media (max-width: 981px){ .product__hoverImages, .product-pointersInner, .product-pointersInner{display: none !important;} } .item .product-ico{width: max-content;height: max-content;display: flex;align-items: center;justify-content: center;transition: 0.3s;position:relative;} .item .product-ico .icon_{margin: 0;min-width: 22px;width: 22px;height: 22px;transition: 0.3s;} .item .product-ico.added .icon_{background-color:var(--color-primary);} .item .product-ico.added{border-color:var(--color-primary);} .item .product-image .product-img:before{content: '';background: var(--color-black);width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;display: block;opacity: 0.02;} .item .quickview{position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);z-index:2;width:50px;height:50px;border-radius:50%;background:#ffffffe6;display: flex;align-items: center;justify-content: center;} .item .quickview .icon_{width:24px;min-width:24px;height:24px;margin:0;background-color:var(--color-tertiary);} /* мышь, тачпад */ @media (hover: hover) and (pointer: fine){ .product-ico:hover .icon_{background-color: var(--color-primary);} .item .quickview{opacity: 0;visibility: hidden;transition:0.3s;} .item:hover .quickview{opacity: 1;visibility: visible;} .item .quickview:hover{background: var(--color-white);} .item .quickview:hover .icon_{background-color: var(--color-primary);} } .products-container{width:100%;} .products-grid{position: relative;display: flex;flex-wrap: wrap;grid-gap: 16px;text-align: center;width: 100%;} .products-grid .item{width: calc(100% / 6 - 14px);position: relative;height:auto;} .products-grid .item .links_container{display: flex;flex-direction: column;grid-gap: 9px;position: absolute;top: 4px;right: 4px;z-index: 2;transition: 0.3s;background: var(--color-white);border-radius: 20px;overflow: hidden;padding: 8px;} .products-grid .item .product-ico:first-child:before{content: '';position: absolute;bottom: -5px;left: 0;width: 100%;height: 1px;background: var(--color-grey);opacity: 0.5;} .products-grid .item .product-image{display: flex;align-items: center;justify-content: center;position: relative;background: var(--color-white);z-index: 0;padding: 0;overflow: hidden;border-radius: 8px;text-align: center;} .products-grid .item .product-image .product-img{width: 100%;padding-bottom: 100%;position: relative;} .products-grid .item .product-image .product-img img{object-fit: contain;height: 100%;width: 100%;position: absolute;top: 0;left: 0;} .products-grid .item .price-box{display: flex;flex-wrap: wrap;grid-gap: 0 8px;align-items: center;} .products-grid .item .price-box_wrapper{display: flex;align-items: center;position: relative;margin-bottom: 4px;grid-gap: 12px;} .products-grid .item .price-box_wrapper .price-box{} .products-grid .item .discount_count{font-size: 14px;font-weight: 800;color: var(--color-red);white-space: nowrap;} .products-grid .item form{display: flex;flex-direction: column;height: 100%;} .products-grid .item .product-shop{text-align: left;padding-top: 12px;display: flex;flex-direction: column;flex: 1;} .products-grid .item .product-shop .no-old-price{display: none;} .products-grid .item .product-name{max-height: 53px;overflow: hidden;font-size: 14px;transition: 0.3s;word-break: break-word;margin-bottom: 8px;} .products-grid .item .product-shop .price:not(.old-price){font-size: 18px;align-items: center;} .products-grid .item .product-shop .price span{white-space: initial;overflow: hidden;} .products-grid .item .product-shop .old-price{font-size: 14px;} .products-grid .item .product-shop_top{display: flex;grid-gap: 6px;justify-content: space-between;margin-bottom: 12px;} .products-grid .item .actions{width: 100%;display: flex;flex-wrap: wrap;align-items: center;grid-gap: 8px;margin-top: auto;} .products-grid .item .actions .actions-btn{width: 100%;font-size: 14px;padding: 8px 12px;} .products-grid .item .actions .actions-btn .icon_{width: 20px;min-width: 20px;height: 20px;} .products-grid.min_ .item{width: calc(100% / 5 - 13px);} /* мышь, тачпад */ @media (hover: hover) and (pointer: fine){ .products-grid .item:hover{z-index:2;} .products-grid .item:before{content: '';opacity: 0;visibility: hidden;transition:0.3s;width: calc(100% + 32px);height: calc(100% + 32px);display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: var(--color-white);box-shadow: var(--shadow);border-radius:16px;z-index: -1;} .products-grid .item:hover:before{opacity: 1;visibility: visible;} .products-grid.products-swiper .swiper{padding: 24px 12px;margin: -24px -12px;} .products-grid .item .product-name:hover{color: var(--color-primary);} .products-grid .item .links_container{opacity: 0;visibility: hidden;} .products-grid .item:hover .links_container{opacity: 1;visibility: visible;} } @media (max-width: 1139px){ .products-grid .item{width: calc(100% / 5 - 13px);} .products-grid.min_ .item{width: calc(100% / 4 - 12px);} } @media (max-width: 1023px){ .products-grid .item{width: calc(100% / 3 - 11px);} .products-grid.big_ .item{width: calc(100% / 4 - 12px);} .products-grid.min_ .item{width: calc(100% / 3 - 11px);} } @media (max-width: 767px){ .products-grid.min_ .item{width: calc(100% / 2 - 8px);} .products-grid.big_ .item{width: calc(100% / 3 - 11px);} } @media (max-width: 639px){ .products-grid .item{width: calc(100% / 2 - 8px);} } @media (max-width: 479px){ .products-grid .item .icon_sticker .ico-new, .products-grid .item .icon_sticker .ico-best{display:none;} .products-grid .item .icon_sticker .ico-sale{max-width: max-content;} .products-grid .item .actions .actions-btn{font-size: 0;} .products-grid .item .actions .actions-btn .icon_{margin:0;} .products-grid .item .links_container{padding: 6px;background: #ffffffcc;} .products-grid:not(.min_) .item .links_container .product-ico .icon_{width: 16px;height: 16px;min-width: 16px;} .products-grid.min_ .item{width: 100%;} .products-grid.big_ .item{width: calc(100% / 2 - 8px);} } #pdt__best .products-grid .item:nth-child(n+13){display: none;} #pdt__best .item:nth-child(n+13){display: none;} @media (max-width: 1139px){ #pdt__best .item:nth-child(n+11){display: none;} } @media (max-width: 1023px){ #pdt__best .item:nth-child(n+7){display: none;} } @media (max-width: 639px){ #pdt__best .item:nth-child(n+5){display: none;} } /** Товары списком **/ .products-list{margin: 0;padding: 0;list-style: none;list-style-position: inside;display: flex;flex-wrap:wrap;grid-gap: 20px;} .products-list .item{position: relative;display: flex;width:100%;} .products-list .item .product-image{position: relative;background: var(--bgImg);width: 180px;height:180px;border-radius: 8px;overflow: hidden;display: flex;align-items: center;justify-content: center;} .products-list .item .product-image img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: contain;} .products-list .item .product-shop{width: calc(100% - 180px);padding-left:16px;display: flex;flex-wrap: wrap;grid-gap: 0 12px;height:max-content;} .products-list .product-shop_wrapper[data-name="top"]{display: flex;align-items: center;justify-content: space-between;grid-gap: 12px;width: 100%;margin-bottom: 8px;} .products-list .product-shop_wrapper[data-name="left"]{width: calc(100% - 280px - 12px);} .products-list .product-shop_wrapper[data-name="right"]{width: 280px;position: relative;display: flex;flex-direction: column;} .products-list .actions{display: flex;flex-wrap: wrap;align-items: center;} .products-list .available_wrap{font-size: 14px;font-weight: 700;} .products-list .available_wrap.available-false{color: var(--color-tertiary);} .products-list .available_wrap.available-true{color: #4169E2;} .products-list .available_wrap.available-true.few{color: #F4C530;} .products-list .item .product-ico:first-child:before{content: '';position: absolute;top: 0;right: -6px;height: 100%;width: 1px;background: var(--color-grey);opacity: 0.5;} .products-list .product-ico .icon_{width: 22px;min-width: 22px;height: 22px;margin: 0;} .products-list .product-ico.added .icon_{background-color: var(--color-primary);} .products-list .actions .actions-btn{width: calc(100% - 86px - 12px);max-width: 180px;height: 40px;font-size: 14px;padding: 10px;} .products-list .actions .actions-btn .icon_{min-width:20px;width:20px;height:20px;} .products-list .icon_sticker{position: initial;width:280px;grid-gap: 8px;justify-content: flex-start;} .products-list .icon_sticker .ico-sale{width: max-content;max-width: max-content;margin: 0;} .products-list .actions_btn{width:100%;display: flex;align-items: center;grid-gap: 12px;} .products-list .product-name{width: 100%;font-size: 16px;font-weight: 700;max-height: 42px;display: block;overflow: hidden;} .products-list .links_container{display: flex;align-items: center;grid-gap: 12px;justify-content: flex-end;padding: 9px 15px;border-radius: 20px;background: var(--color-white);} .products-list .product-ico{width: max-content;height: max-content;border: 0;background: transparent;} .products-list .price-box{width: 100%;display: flex;align-items: center;grid-gap: 0 12px;flex-wrap: wrap;margin-bottom: 20px;} .products-list .price-box .price:not(.old-price){display: block;font-size:22px;} .products-list .price-box .price:.old-price{font-size:16px;} .products-list .no-old-price{display:none;} .products-list .goods_features-inner{display: flex;flex-direction: column;grid-gap: 4px;margin-top: 12px;font-size:14px;font-weight: 400;} .products-list .goods_features-inner .name{color:var(--color-tertiary);} .products-list .goods_features-inner .val{margin-left:6px;} /* мышь, тачпад */ @media (hover: hover) and (pointer: fine){ .products-list .item:hover{z-index:2;} .products-list .item:before{content: '';opacity: 0;visibility: hidden;transition:0.3s;width: calc(100% + 32px);height: calc(100% + 32px);display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: var(--color-white);box-shadow: var(--shadow);border-radius:16px;z-index: -1;} .products-list .item:hover:before{opacity: 1;visibility: visible;} } @media (max-width: 979px){ .products-list .product-shop_wrapper[data-name="right"], .products-list .product-shop_wrapper[data-name="left"]{width: 100%;} .products-list .product-shop_wrapper[data-name="right"]{margin-top: 12px;} .products-list .icon_sticker{width: max-content;} .products-list .item .product-image{width: 120px;height: 120px;} .products-list .item .product-shop{width: calc(100% - 120px);} } @media (max-width: 479px){ .products-list .item .product-image{width: 90px;height: 90px;} .products-list .available_wrap{display:none;} .products-list .item .product-shop{width: calc(100% - 90px);} .products-list .price-box .price:not(.old-price){font-size: 16px;} .products-list .price-box .price.old-price{font-size: 12px;} .products-list .actions .actions-btn{min-width: 40px;font-size: 0;padding: 0;} .products-list .actions .actions-btn .icon_{margin:0;} .products-list .price-box{margin-bottom:12px;} .products-list .product-name{font-size:14px;max-height: 53px;} .products-list .links_container{padding: 8px;} } .showAll{display:none;} /*Распродажа*/ #promo{position: relative;} #promo .products-grid .item .product-image{border-radius: 0;} #promo .promo_discount{background: var(--color-red-20);color: var(--color-red);font-size: 14px;font-weight: 700;display: flex;align-items: center;justify-content: center;grid-gap: 5px;padding: 5px;border-radius: 8px 8px 0 0;} #promo .promo_discount .icon_{width:20px;min-width:20px;height:20px;margin:0;background-color:var(--color-red);} #promo .products-grid .item .actions{margin-top: 12px;} #promo .products-grid .item .product-name{margin-bottom:12px;} #promo .valueBar{display: flex;flex-direction: column;grid-gap: 4px;font-size: 12px;margin-top: auto;} #promo .valueBar_line{position: relative;width: 100%;background: var(--color-grey);border-radius: 2px;overflow: hidden;height: 4px;} #promo .valueBar_line_current{position: absolute;left: 0;top: 0;height: 100%;background: var(--color-red);border-radius: 2px;} @media (max-width: 479px){ #promo .promo_discount{font-size: 12px;height: 30px;} #promo .promo_discount .icon_{display:none;} } .index_mainBlock{display: flex;flex-wrap: wrap;grid-gap: 30px 16px;} .index_mainBlock .content{width: calc(100% - 280px - 16px);} .index_mainBlock .index_mainBlock_banner{position: relative;width: 280px;padding: 12px;border-radius: 12px;overflow: hidden;--index-banner: var(--color-red-d);background: var(--index-banner);color: var(--color-white);} .index_mainBlock .index_mainBlock_banner:before{content: '';width: 100%;padding-bottom: 100%;display: block;position: absolute;bottom: -35%;right: -30%;background: url(/design/d569778/index_banner.jpg?lc=1769710968);background-size: 75%;background-position: top left !important;background-repeat: no-repeat !important;border-radius: 50%;overflow: hidden;z-index: 1;} .index_mainBlock .index_mainBlock_banner:after{content: '';width: 100%;padding-bottom: 100%;display: block;background: var(--color-white);opacity: 0.2;border-radius: 50%;overflow: hidden;position: absolute;right: -24%;bottom: -33%;} .index_mainBlock .banner_wrap{z-index: 2;position: relative;} .index_mainBlock .index_mainBlock_stiker{border-radius: 0 12px 12px 0;text-shadow: -2px -2px 0 var(--index-banner),0 -2px 0 var(--index-banner),2px -2px 0 var(--index-banner),2px 0 0 var(--index-banner),2px 2px 0 var(--index-banner),0 2px 0 var(--index-banner),-2px 2px 0 var(--index-banner),-2px 0 0 var(--index-banner);left: -12px;position: relative;color: var(--color-white);font-size: 20px;font-weight: 800;width: 120px;height: 38px;background: var(--color-white);display: flex;align-items: center;justify-content: center;letter-spacing: 5px;} .index_mainBlock .index_mainBlock_title{text-transform: uppercase;font-size: 20px;font-weight: 800;margin: 6px 0;letter-spacing: 5px;} @media (max-width: 1139px){ .index_mainBlock .content{width: calc(100% - 320px - 16px);} .index_mainBlock .index_mainBlock_banner{width: 320px;height: 320px;} } @media (max-width: 1023px){ .index_mainBlock .content{width: 100%;} .index_mainBlock .index_mainBlock_banner{width: 100%;height: max-content;} .index_mainBlock .index_mainBlock_text{max-width: 246px;} .index_mainBlock .index_mainBlock_banner:before{width: 137px;height: 137px;padding-bottom:0;bottom: -10%;right: -15px;background-size: 100%;background-position: bottom right !important;border-radius: 50% 50% 0 50%;} .index_mainBlock .index_mainBlock_banner:after{content: '';width: 150px;height: 152px;padding-bottom:0;display: block;background: var(--color-white);opacity: 0.2;border-radius: 50% 50% 0 50%;overflow: hidden;position: absolute;right: -14px;bottom: -18%;} } /* Товар. Изображения */ .product_wrapper{position:relative;} .product_wrapper .cont{display: flex;flex-direction: column;} .thumblist-box{position: relative;width: 60px;} .product-img-box.no-photo .thumblist{padding: 0;} .product-img-box.no-photo .thumblist-box .swiper-slide{height: auto !important;} .product-img-box.no-photo .thumblist-box .swiper-navigation{display:none;} .product-img-box .product-image{overflow: hidden;position: relative;width: calc(100% - 60px - 20px);order: 2;} .product-img-box .product-image a{width: 100%;padding-bottom: 100%;position:relative;display: block;border-radius: 12px;overflow: hidden;} .product-img-box .product-image a img{width: 100%;object-fit: contain;height: 100%;max-width: 700px;max-height: 700px;position: absolute;top: 0;left: 0;} .product-view .product-img-box .thumblist a{padding-bottom: 100%;display: block;text-align: center;background: var(--bgImg);border-radius: 12px;overflow: hidden;position: relative;} .product-view .product-img-box .thumblist a img{width: 100%;object-fit: contain;height: 100%;max-width: 100%;max-height: 100%;position: absolute;top: 0;left: 0;} .product-view .product-img-box .thumblist a img{-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;-webkit-user-drag: none;user-drag: none;} .product-img-box .product-image a:before{content: '';background: var(--color-black);width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;display: block;opacity: 0.02;} .thumblist-box .thumblist{height: 394px;padding: 20px 0;position: relative;overflow: hidden;} .thumblist .swiper-container{height: 100%;} .product-img-box.no-photo .thumblist{padding: 0;} .product-img-box.no-photo .swiper-slide{height: auto !important;} .product-img-box.no-photo .swiper-navigation{display:none;} .thumblist__image{outline: none;} .thumblist .swiper-container{margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;} .product-view .slider__image{width: 100%;height: 100%;border-radius: 30px;overflow: hidden;} .product-view .swiper-slide.swiper-slide-thumb-active a:before{content: '';width: 100%;height: 100%;border-radius: 12px;border: 1px solid var(--color-primary);display: block;position: absolute;bottom: 0;left: 0;z-index: 1;} .product-view .slider__image img{display: block;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;} .product-view .thumblist .swiper-button-prev, .product-view .thumblist .swiper-button-next{position: absolute;background: transparent;top: 50%;transform: translateX(-50%);left: 50%;width: max-content;height: max-content;border: 0;border-radius: 0;} .product-view .thumblist .swiper-button-next:after, .product-view .thumblist .swiper-button-prev:after{width: 16px;height: 16px;} .product-view .thumblist .swiper-button-prev{top: 0;} .product-view .thumblist .swiper-button-next{top: inherit;bottom: 0;} .product-view .thumblist .swiper-button-next:after, .product-view .thumblist .swiper-button-prev:after{width: 16px;height: 16px;} .product-view .thumblist .swiper-button-prev:after{transform: rotate(-90deg);} .product-view .thumblist .swiper-button-next:after{transform: rotate(90deg);} /*** Товар ***/ .product-view .product-container{width: 100%;display: flex;flex-wrap: wrap;grid-gap: 30px 16px;} .product-view .product-container .left_{width: 477px;display: flex;grid-gap: 20px;height: max-content;} .product-view .product-container .left_ .product-img-box.no-photo{width: 100%;max-width: 740px;} .product-view .product-container .left_ .product-img-box.no-photo .product-image{width:100%;} .product-view .product-container .right_{width: calc(100% - 477px - 16px);display: flex;flex-wrap: wrap;height: max-content;} .product-view .product-container .right_ .icon_sticker{position: initial;justify-content: flex-start;grid-gap: 8px;margin-bottom: 12px;} .product-view .product-container .right_ .icon_sticker .ico-sale{width: max-content;min-width: 115px;margin:0;} .product-img-box .product-image.slider__images .swiper-navigation{display:none;} .product-img-box .product-image.slider__images .swiper-navigation .swiper-button-prev{position: absolute;top: 50%;transform: translateY(-50%);left: 12px;} .product-img-box .product-image.slider__images .swiper-navigation .swiper-button-next{position: absolute;top: 50%;transform: translateY(-50%);right: 12px;} .product-img-box .product-image.slider__images .swiper-navigation .swiper-pagination{position: absolute;bottom: 12px;left: 12px;width: max-content;display: flex;align-items: center;} .product-img-box.no-photo .product-image.slider__images .swiper-navigation{display: none !important;} .product-view .right_info{width: calc(100% - 280px - 30px);} .product-view .right_action{width: 280px;margin-left: 30px;height: max-content;display: flex;flex-direction: column;} .product-view .right_action form{padding: 16px 16px 12px;border-radius: 12px;background: var(--color-white);box-shadow:var(--shadow);} .product-view .product-view_item{display: flex;align-items: center;justify-content: center;} .product-view .product-view_item[data-name="links"]{margin-top:16px;} .product-view .product-view_item[data-name="links"] .links.add-wishlist:after{content: '';display:block;margin:0 12px;height:22px;width:1px;background:var(--color-grey);border-radius:1px;} .product-view .product-view_item[data-name="available"]{justify-content: space-between;} .product-view .product-view_item:not(:last-child){margin-bottom: 16px;} .product-view .btn_link{margin-top: 8px;color:var(--color-primary);font-size:14px;font-weight: 500;transition:0.3s;display: flex;align-items: center;} .product-view .btn_link .icon_{margin-left: 6px;background-color:var(--color-primary);width:8px;min-width:8px;height:8px;transition:0.3s;} .product-view .available-wrap{font-size: 14px;font-weight: 700;color: #4169E2;} .product-view .available-wrap.available-true.few{color: #F4C530;} .product-view .available-wrap.available-false{color: var(--color-tertiary);} .product-view .product-view_item[data-name="links"] .links{display: flex;align-items: center;color: var(--color-tertiary);font-size: 14px;font-weight: 600;transition:0.3s;} .product-view .product-view_item[data-name="links"] .links .icon_{margin-right:8px;min-width:22px;width:22px;height:22px;transition:0.3s;} .product-view .product-view_item[data-name="links"] .links.added{color:var(--color-primary);} .product-view .product-view_item[data-name="links"] .links.added .icon_{background-color:var(--color-primary);} .product-view .product-view_item[data-name="short-description"]{font-size: 14px;display: flex;flex-direction: column;align-items: flex-start;margin-bottom: 24px;} .product-view .product-info{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;grid-gap: 16px;margin-bottom: 30px;} .product-view .product-img-box .goodsDataMainDiscountBlock a{display: flex;justify-content: center;} .product-view .product-shop{margin-bottom: 30px;} .product-view .product-header{padding-bottom: 15px;} .product-view .product-header .product-name h1{display: block;margin: 0;font-size: 24px;font-weight: 600; text-transform: none;overflow: hidden;} .product-view .informationBlockSale{width: 100%;display: flex;align-items: center;grid-gap: 16px;margin-bottom: 12px;padding-bottom: 16px;border-bottom: 1px solid var(--color-grey);} .product-view .informationBlockSale .title{font-size: 14px;font-weight: 800;} .product-view .informationBlockSale .text{font-size: 14px;font-weight: 800;color:var(--color-tertiary);} .product-view .informationBlockSale .count{min-width:66px;white-space: nowrap;background: #e732454d;border-radius: 30px;overflow: hidden;font-size: 16px;font-weight: 800;color: var(--color-red);padding: 7px 10px;display: flex;align-items: center;justify-content: center;} .product-view .product-view_rating{display: flex;align-items: center;font-size: 14px;font-weight: 800;margin-left:auto;} .product-view .product-view_rating .icon_{min-width: 16px;width: 16px;height: 16px;margin-right:12px;background-color:var(--color-starActive);} .product-view .product-name{width: 100%;margin-bottom: 12px;font-size: 28px;font-weight: 800;word-break: break-word;overflow: hidden;} .product-view .price-box{display: flex;align-items: center;grid-gap: 0 12px;flex-wrap: wrap;width: max-content;} .product-view .product-header .product-name.quick-view h1{font-size: 20px;} .productViewModsButtonsBlock a.goodsDataMainModificationsValue.disabled span{color: var(--color-grey) !important;} .productViewModsButtonsBlock a.goodsDataMainModificationsValue.disabled{pointer-events: none;} .goodsDataMainDiscountInfo .text{margin-right: 10px;} .productViewModsButtonsBlock{display: flex;align-items: center;flex-wrap: wrap;margin-top:10px;} .goodsDataMainModificationsValue:not(last-child){margin-right: 15px;margin-bottom: 15px;} .goodsDataMainModificationsValue{cursor: pointer;} .product-view .goodsDataMainModificationsBlock .goodsDataMainModificationsValue.active span{color: var(--color-white);border-color: var(--color-black);} .product-view .goodsDataMainModificationsBlock .goodsDataMainModificationsValue span{border: 1px solid #070a2e;display: block;background: #070a2e;border-radius: 5px;padding: 10px 15px;width: max-content;color: var(--color-white);} .product-view .goodsDataMainModificationsBlock .goodsDataMainModificationsDescriptionBlock{display:none!important;width: 100%;max-height: 43px;overflow: hidden;color: var(--color-grey);font-size: 14px;} .product-view .goodsDataMainModificationsBlock .goodsDataMainModificationsDescriptionBlock div{margin: 0;} .product-view .product-left_top{display: flex;align-items: center;flex-wrap: wrap;margin-bottom:12px;} .product-view .price-box .price span{white-space: initial;overflow: hidden;} .product-view .goodsDataMainModificationPriceNow{font-size: 26px;} .product-view .goodsDataMainModificationPriceOld{font-size: 16px;} .product-view .product-shop .custom-block{padding: 15px 0;border-bottom: 1px solid #dce4e9;} .product-view .product-shop .custom-block .item{display: inline-block;padding: 0 10px;text-align: left;border-left: 1px solid #dce4e9;} .product-view .product-shop .custom-block .item:first-child{border-left: 0;padding-left: 0;} .product-view .product-shop .custom-block .item i{display: inline-block;vertical-align: middle;font-size: 35px;color: var(--color-primary);} .product-view .product-shop .custom-block .text-area{display: inline-block;vertical-align: middle;text-align: left;margin-left: 5px;font-size: 14px;font-weight: 400; } .product-view .product-left_center{display: flex;align-items: center;flex-wrap: wrap;margin-bottom:12px;} .product-view .RatingLinksBlock{display: flex;flex-wrap: wrap;align-items: center;} .product-view .RatingLinksBlock .addOpinion{font-size:14px;display: flex;align-items: center;} .product-view .RatingLinksBlock .addOpinion:hover{color: var(--color-primary);} .product-view .RatingLinksBlock .addOpinion:hover .icon_{background-color: var(--color-primary);} .product-view .RatingLinksBlock .addOpinion .icon_{background-color: var(--color-tertiary);} .product-view .ratings_container{display: flex;align-items: center;} .product-view .ratings_container .rating_count{display:flex;align-items:center;font-size: 14px;font-weight: 700;} .product-view .ratings_container .rating_count .icon_{width: 18px;min-width: 18px;height:18px;margin-right:8px;background-color:var(--color-starActive);} .product-view .ratings_container .rating_text{font-size: 14px;display:flex;align-items:center;color:var(--color-tertiary);} .product-view .ratings_container .rating_text:before{content:'';display:block;width:4px;height:4px;border-radius:50%;background:var(--color-tertiary);margin: 0 8px;font-size:14px;font-weight:500;} .product-view .ratings_text{font-size: 14px;} .product-view .add-to-box{display: flex;align-items: center;flex-wrap: wrap;margin-top:20px;} .product-view .right_action form .qty-wrap{width: 100%;margin-top: 12px;} .product-view .callback_notify{width: 100%;height: 50px;} .product-view .add-cart.cart__{width: 100%;height: 50px;margin-bottom:6px;} .product-view .add-cart.quick{width: 100%;height: 50px;} .product-view .price-box_wrapper{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;grid-gap: 0 12px;margin-bottom: 20px;} .goodsDataMainModificationsBlock{display: flex;flex-direction: column;grid-gap: 12px;} .goodsDataMainModificationsBlockProperty .selectBlock::after{width: 14px;height: 14px;right: 20px;} .goodsDataMainModificationsBlockProperty label{display: block;font-size: 14px;font-weight: 800;color: var(--color-tertiary);margin-bottom: 4px;} .product-view .goodPageLink{display:none;width: 100%;height: 57px;font-size: 16px;font-weight: 800;transition: 0.3s;border-top: 1px solid var(--color-grey);background: var(--color-white);position: absolute;bottom: 0;left: 0;align-items: center;justify-content: center;} /* Вкладки табы */ .product-view .features-content .content_title{font-size: 18px;font-weight: 600;margin-bottom: 8px;} .product-view .features-content_list{display: flex;flex-direction: column;} .product-view .features-content_btn{width: max-content;margin-top: 12px;font-size: 14px;font-weight: 600;color: var(--color-tertiary);transition:0.3s;display: flex;align-items: center;cursor: pointer;} .product-view .features-content_btn .icon_{margin-right: 0;margin-left:8px;min-width: 8px;width:8px;height:8px;background-color: var(--color-tertiary);transition:0.3s;} .product-view .features_line{font-size: 14px;color: var(--color-black);font-weight: 500;} .product-view .features_line:not(:last-child){margin-bottom: 8px;padding-bottom: 8px;border-bottom: 1px solid var(--color-grey);} .product-view .features_line .features_left{color: var(--color-tertiary);margin-right:12px;} /* Вкладки табы */ .product-tabs{display: flex;width: 100%;} .product-tabs .tab-content .content_title{font-weight: 700;font-size: 20px;margin-bottom: 16px;font-family: 'Alegreya Sans SC';display: none;} .product-tabs .tabs{display: flex;align-items: center;flex-wrap: wrap;margin-bottom: 30px;grid-gap: 40px;} .product-tabs .tabs-content{width: 100%;} .product-tabs .tabs a{font-weight: 800;font-size: 28px;color: var(--color-tertiary);transition: 0.3s;display: flex;align-items: center;position: relative;} .product-tabs .tabs a:before{content: '';width:10px;min-width:10px;height:10px;margin-right:8px;background: var(--color-primary);border-radius: 50%;display:none;} .product-tabs .tabs a.active{color:var(--color-black);} .product-tabs .tabs a.active:before{display:block;} .product-tabs .left_tabs{max-width: 600px;width: 100%;} .product-tabs .tab-content{display:none;transition: 0.2s;} .product-tabs .tab-content.active{display:block;} .product-tabs .tab-content p{margin: 0;line-height: 1;} .product-tabs .tab-content .delivery:not(:last-child){margin-bottom:16px;} .product-tabs .tab-content .delivery_title .delivery_name{margin-bottom: 12px;font-weight: 800;font-size: 16px;text-transform: uppercase;} .product-tabs .tab-content .delivery_title .delivery_name .num{font-size: 20px;color:var(--color-primary);} .product-tabs .tab-content .delivery_zones{margin-bottom: 12px;} .product-tabs .tab-content .delivery_zoneBlock:not(:last-child){margin-bottom:12px;} .product-tabs .tab-content .delivery_zoneBlock{display: flex;align-items: center;} .product-tabs .tab-content .delivery_zoneBlock .delivery_zone_price{margin-left: 5px;color: var(--color-primary);font-weight: 700;} .product-tabs .tab-content .color_price{color: var(--color-primary);font-weight: 700;} .product-tabs .tab-content .delivery_price{} .product-tabs .tab-content .delivery_price .delivery_price_num{color: var(--color-primary);font-weight: 700;} .product-tabs .tab-content .delivery_rules_block:not(:last-child), .product-tabs .tab-content .delivery_zone_block:not(:last-child){margin-bottom: 8px;} .product-tabs .tab-content .delivery_rules_block, .product-tabs .tab-content .delivery_zone_block{padding-left: 24px;} .product-tabs .tab-content .delivery_zones h5{font-size: 16px;padding-left:16px;position:relative;} .product-tabs .tab-content .delivery_zones h5:before{content: '';width: 6px;height: 6px;position: absolute;left: 3px;top: 50%;transform: translateY(-50%);border-radius: 50%;background: var(--color-primary)} .product-tabs .tab-content .delivery-content{margin-bottom: 16px;} .product-tabs .tab-content .delivery_zones_rules{margin-bottom: 15px;padding-left: 16px;} .product-tabs .tab-content .delivery_rules{} .product-tabs .tab-content .delivery_rules h6{margin-bottom: 16px;font-size: 16px;font-weight: 400;} .product-tabs .tab-content .delivery_rules h5, .product-tabs .tab-content .delivery_zones_rules h6{font-size: 16px;margin-bottom: 8px;font-weight: 400;} .product-tabs .tab-content .delivery_name{} .product-tabs .tab-content .delivery_title .delivery_number{color: #fc9d29;margin-right: 10px;} .product-tabs .tab-content .delivery_title .delivery_price{margin-left: auto;} .product-tabs .right_tabs{width: calc(100% - 630px);margin-left: 30px;} .features_block{display: flex;flex-wrap: wrap;width: 100%;grid-gap: 0 40px;} .features_block .features_line{width: calc(50% - 20px);display: flex;align-items: center;flex-wrap: wrap;position: relative;grid-gap: 8px 20px;} .features_block .features_line .features_left, .features_block .features_line .features_right{} .features_block .features_line:not(:last-child){margin-bottom: 6px;padding-bottom: 6px;border-bottom: 1px solid var(--color-grey);} .features_block .features_line .features_right{color: var(--color-black);} .features_block .features_line .features_left{color: var(--color-tertiary);} .features-showAll{margin-top: 14px;cursor: pointer;display:none;text-decoration: underline;font-size: 14px;} .features-showAll:hover{color: var(--color-primary);} #content_2 .contant_block.hide_{max-height: 205px;overflow: hidden;-webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%);} #content_2 .contant_block.hide_.opened{max-height: initial;-webkit-mask-image: none;} .showAll-btn{margin-top:10px;cursor: pointer;display:none;width: max-content;font-size: 16px;color: var(--color-blue);transition:0.3s;} .showAll-btn .icon_{margin-right:0;margin-left: 8px;} .showAll-btn .text2{display:none;} .showAll-btn.active .text{display:none;} .showAll-btn.active .text2{display:block;} .showAll-btn:hover{color:var(--color-black);} .features_block .features_line:last-child{border: none;} /*** Поделиться на странице товара ***/ .social-share .ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item:not(:last-child){margin-right: 0;} .social-share .ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item:not(:last-child){margin-right: 12px;} /*Вид быстрого просмотра*/ .product-view .product-order.quick-view .price-box{margin:0;} .product-view .product-order.quick-view .goodsDataMainModificationsBlock{margin-bottom: 10px;} #content_1 a{text-decoration: underline;} #content_1 a:hover{text-decoration:none;} /* Отзывы */ #goods-opinion_form{background-color:var(--color-white);max-width: 560px;width: 100%;} #goods-opinion_form .button{width: 100%;margin-top: 20px;position: relative;} #goods-opinion_form .button._loading span{visibility: hidden;} #goods-opinion_form .button._loading .fal{position: absolute;top: 50%;left: 50%;z-index: 1;transform: translate(-50%, 50%);margin-top: -8px;margin-left: -8px;font-size: 16px} #goods-opinion_form .goods-opinion-form__input-wrap{position: relative;} #goods-opinion_form .goods-opinion-form__input-wrap textarea{max-width: 100%;} #goods-opinion_form .goods-opinion-form__input-wrap:not(:last-child){margin-bottom: 12px;} #goods-opinion_form .pp{justify-content: center;margin-top: 8px;} #goods-opinion_form .goods-opinion_img{width: 60px;height: 60px;} #goods-opinion_form .goods-opinion_img img{width: 100%;height: 100%;} #goods-opinion_form .goods-opinion_name{width: calc(100% - 60px);font-size:16px;} #goods-opinion_form .radio{position: relative;display: flex;align-items: center;} #goods-opinion_form #sel_opinion{display: flex;align-items: center;flex-wrap: wrap;grid-gap:12px 20px; margin-top: 20px;} #goods-opinion_form #sel_opinion .radio-name{padding-left:8px;font-size: 16px;} #goods-opinion_form .goods-opinion-form__rating{display: flex;align-items: center;grid-gap: 16px;margin-bottom:20px;} #goods-opinion_form .goods-opinion-form__rating input[type="radio"]{width: 26px;height: 26px;min-width: 26px;border: 0;border-radius: 0;position: relative;} #goods-opinion_form .goods-opinion-form__rating input:before, #goods-opinion_form .goods-opinion-form__rating input:after{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.6927 24C18.5025 23.9999 18.3153 23.9533 18.1471 23.8644L11.9999 20.6247L5.85271 23.8644C5.6592 23.9657 5.44132 24.0108 5.22361 23.9946C5.00591 23.9785 4.79703 23.9017 4.62049 23.773C4.44396 23.6442 4.30679 23.4686 4.22443 23.2659C4.14207 23.0633 4.1178 22.8415 4.15434 22.6258L5.32666 15.7637L0.353299 10.9042C0.19683 10.751 0.0862161 10.557 0.03396 10.3441C-0.0182962 10.1312 -0.0101115 9.90791 0.057589 9.69943C0.12529 9.49095 0.249807 9.30561 0.417067 9.16436C0.584327 9.02311 0.787662 8.93158 1.00409 8.90012L7.87572 7.89808L10.9493 1.65531C11.0461 1.45861 11.1959 1.29299 11.3817 1.17718C11.5675 1.06137 11.7819 1 12.0007 1C12.2194 1 12.4338 1.06137 12.6196 1.17718C12.8054 1.29299 12.9552 1.45861 13.052 1.65531L16.1256 7.89808L22.9972 8.90012C23.2135 8.93181 23.4167 9.02351 23.5837 9.16485C23.7508 9.3062 23.8751 9.49156 23.9427 9.7C24.0102 9.90844 24.0182 10.1317 23.9659 10.3444C23.9136 10.5572 23.8029 10.7511 23.6465 10.9042L18.6746 15.7637L19.847 22.6258C19.8758 22.7944 19.8677 22.9673 19.823 23.1324C19.7783 23.2975 19.6982 23.4509 19.5883 23.5817C19.4784 23.7126 19.3413 23.8178 19.1866 23.8901C19.0319 23.9623 18.8633 23.9998 18.6927 24Z' fill='%23D2DFE8'/%3E%3C/svg%3E");} #goods-opinion_form .goods-opinion-form__rating input:before, #goods-opinion_form .goods-opinion-form__rating input:after{content:'';border-radius: 0;background-color: var(--color-star);transition:0.3s;width: 100%;height: 100%;display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: contain;} #goods-opinion_form .goods-opinion-form__rating input:after{opacity:0;z-index: 1;background-color: var(--color-starActive);} #goods-opinion_form .goods-opinion-form__rating input.active:after{opacity: 1;visibility: visible;} .goods-opinion{display: flex;flex-wrap: wrap;grid-gap: 30px 40px;} .goods-opinion.not_ .goods-opinion_wrapper[data-name="top"]{display:none;} .goods-opinion.not_ .goods-opinion_wrapper[data-name="bottom"]{width:100%;} .goods-opinion .goods-opinion__body{width: 100%;} .goods-opinion .goods-opinion_wrapper[data-name="top"]{order: 2;width: 280px;padding: 20px 20px 30px;background: var(--color-white);border-radius: 12px;height: max-content;} .goods-opinion .goods-opinion_wrapper[data-name="bottom"]{width: calc(100% - 280px - 40px);order: 1;} .goods-opinion .goods-opinion_wrapper[data-name="top"] .goods_btn{width:100%;max-width: 240px;margin: 0 auto;height:40px;font-size:14px;} .goods-opinion .opinion__no{line-height: 20px;font-size: 16px;} .goods-opinion .opinion__no .goods_btn{width:100%;margin-top:16px;max-width:280px;} .goods-opinion .opinion__no .title{font-size: 16px;font-weight: 800;margin-bottom:8px;} .goods-opinion .goodsDataOpinionMessage.empty p{margin: 0;} .goods-opinion .goodsDataOpinionShowAddForm{text-decoration: underline;} .goods-opinion .goodsDataOpinionListNavigateBottom .pager .pages{float: left;} .goods-opinion .goodsDataOpinionListNavigateBottom .pager .pages .title{float: left;line-height: 28px;margin-right: 10px;} .goods-opinion .goodsDataOpinionList{width: 100%;margin-top: 10px;} .goods-opinion .goodsDataOpinionList .bord{width: 100%;margin-bottom: 15px;padding-bottom: 5px;border-bottom: 1px solid #dce4e9;} .goods-opinion .goodsDataOpinionList .goodsDataOpinionHeader{margin-bottom:15px;} .goods-opinion .goodsDataOpinionList .goodsDataOpinionListTitle{display: block;margin-bottom: 5px;padding-right: 10px;color: #21293c;line-height: 1.3;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .goods-opinion .goodsDataOpinionList .goodsDataOpinionListClient{display: inline-block;vertical-align: middle;padding-right: 10px;font-weight: 400;line-height: 1.3;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .goods-opinion .goodsDataOpinionList .rating-box{display: inline-block;vertical-align: middle} .goods-opinion .goodsDataOpinionList .goodsDataOpinionListDate{display: inline-block;vertical-align: middle;color: #b1bfc8;font-size: 13px} .goods-opinion .goodsDataOpinionList .button{max-width: 100px;float: right} .goods-opinion .goodsDataOpinionList .goodsDataOpinionListDesc,.goodsDataOpinionListTableAnswer{margin-bottom: 15px} .goods-opinion .goodsDataOpinionList .goodsDataOpinionListDesc strong{display: block;margin-bottom: 10px; color: #2a3034} .goods-opinion .goodsDataOpinionList .goodsDataOpinionListDesc span{display: block} .goods-opinion .goods-opinion-form__body{width:100%;max-width: 440px;} .goods-opinion .goods-opinion-form .goods-opinion-form__rating{margin-bottom: 16px;width: 120px;height: 24px;-webkit-mask-size: 24px;} .goods-opinion .goods-opinion-form .rating-cancel, .goods-opinion .goods-opinion-form .star-rating{width: 24px!important;height: 24px;} .goods-opinion .goods-opinion-form .rating-cancel a, .goods-opinion .goods-opinion-form .star-rating a{width: 24px;height: 24px;} .rating__roundValue .rating-box{width: 120px;height: 24px;-webkit-mask-size: 24px;} .rating__roundValue .rating-box .rating{height: 24px;background-size: 24px 24px;} .goods-opinion .rating__rating{font-size: 16px;font-weight: 800;color:var(--color-tertiary);} .goods-opinion .rating__rating span{font-size: 20px;color:var(--color-black);margin-right: 3px;} .goods-opinion .goods-opinion-form__input-wrap._person{margin-bottom: 20px;position: relative;} .goods-opinion .goods-opinion-form__input-wrap._comment{position: relative;} .goods-opinion .button.goods-opinion-form__submit-button[disabled="disabled"]{pointer-events: none;opacity: 0.5;} .goods-opinion .goods-opinion-title{display: flex;align-items: center;color: var(--color-white);padding: 20px;height: 64px;background: linear-gradient(180deg, #98CCFD 0%, #889BEF 100%);font-weight: 900;font-size: 24px;} .goods-opinion .goodsOpinionForm_title{width: 200px;font-size: 36px;text-transform: uppercase;color: #e3b7f8;text-shadow: 0 0 7px #c671fa, 0 0 10px #c671fa, 0 0 21px #c671fa, 0 0 42px #c671fa;} .goods-opinion .goodsOpinionFormContainer{background: var(--color-white);box-shadow: 0px 0px 20px rgb(140 142 183 / 50%);border-radius: 4px;overflow: hidden;} .opinion-item:nth-child(n+4){display: none;} .opinion-item.show{display: block;} .opinion-item__row.opinion-item__answer{margin-left: 60px;margin-top: 15px;padding-top: 15px;display: flex;width: 100%;flex-wrap: wrap;border-top: 1px solid var(--color-tertiary)50;} .opinion-item__row.opinion-item__answer .store_response{margin: 0;} .opinion-item_line.opinion-item__answer{flex-direction: column;margin-top: 20px;padding-top: 20px;border-top: 1px solid var(--color-grey);padding-left: 24px;position: relative;} .goods-opinion .goods-opinion-form__inputs{margin-bottom: 25px} .goods-opinion #goods_opinion_comment, #goods_opinion_name{max-width: 100%;height:52px;} .goods-opinion .goods-opinion-form__input._comment::-webkit-scrollbar{ width: 0; } .goods-opinion .goods-opinion-form__input._comment{scrollbar-width: none;-ms-overflow-style: none;} .goods-opinion .goods-opinion-form__submit-button{display: block;width:100%;margin-bottom: 16px;} .goods-opinion .goods-opinion-form__captcha{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 15px} .goods-opinion .goods-opinion-form__input-captcha{width: auto} .goods-opinion .goods-opinion-form__captcha + .goods-opinion-form__submit-button{margin-bottom: 15px} .goods-opinion .goods-opinion-form__captcha-img{max-height: 45px;margin-left: 20px;border-radius: 3px} .goods-opinion .goods-opinion-form__captcha-refresh-button{margin-left: 10px;padding: 10px;line-height: 1} .goods-opinion .goods-opinion-list .store_response{color: var(--color-black);font-size: 16px;font-weight: 800;text-transform: uppercase;margin-bottom: 10px;} .goods-opinion .goods-opinion-list::-webkit-scrollbar{width: 3px;} .goods-opinion .opinion-item .opinion-user{display: flex;} .goods-opinion .opinion-item:not(:last-child){border-bottom: 1px solid var(--color-grey);padding-bottom: 20px;margin-bottom: 20px;} .goods-opinion .opinion_icon{min-width: 48px;width: 48px;height: 48px;border-radius: 50%;background: #D9D9D9;margin-right: 12px;align-items: center;justify-content: center;display: none;} .goods-opinion .opinion_icon .icon_{margin: 0;background-color: var(--color-tertiary);min-width: 30px;width: 30px;height: 30px;} .goods-opinion .opinion-item__row{width:100%;word-break: break-word;} .goods-opinion .opinion-item_right{display: flex;flex-direction: column; width: calc(100% - 46px - 15px);} .goods-opinion .opinion-item_icon{margin-right: 15px;width: 46px;height: 46px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: var(--color-primary);} .goods-opinion .opinion-item_name{visibility: hidden;font-size: 0;} .goods-opinion .opinion-item_name:first-letter{font-size: 16px;color: var(--color-white);font-weight: 700;visibility: visible;text-transform: uppercase;} .goods-opinion .opinion-item_name:not(:first-letter){font-size: 0;} .goods-opinion .goodsDataOpinionListNavigateTop{display: flex;flex-direction: column;margin-bottom: 16px;grid-gap:12px;} .goods-opinion .goodsDataOpinionListNavigateTop .title{font-weight: 700;font-size: 14px;margin-bottom: 4px;} .goods-opinion .goodsDataOpinionListNavigateTop .button{display: inline-block;margin: 0 5px 5px 0;} .goods-opinion .goodsDataOpinionListNavigateTop .goodsDataOpinionShowAddForm{background-color: #006600;} .goods-opinion .goodsDataOpinionListNavigateTop .goodsDataOpinionShowAddForm:hover{background-color: var(--color-primary);} .goods-opinion .goodsDataOpinionListNavigateTop a:before{content: '';display:block;width:24px;height:24px;min-width:24px;border: 1px solid var(--color-grey-l);background: var(--color-white);} .goods-opinion .goodsDataOpinionListNavigateTop a:after{content: '';opacity: 0;visibility: hidden;transition: 0.3s;background-color: var(--color-primary);display: block;width: 16px;height: 16px;position: absolute;top: 4px;left: 4px;-webkit-mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: contain;} .goods-opinion .goodsDataOpinionListNavigateTop a:after{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_1315_24679)'%3E%3Cpath d='M0 8.5105L5.4791 14.0001L16 3.48956L14.4896 2L5.4791 11L1.48953 7.01045L0 8.5105Z' fill='%231C737A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1315_24679'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .goods-opinion .goodsDataOpinionListNavigateTop a.active:after{opacity: 1;visibility: visible;} .goods-opinion .goodsDataOpinionListNavigateTop a.active:before{border-color:var(--color-primary);} .goods-opinion .goodsDataOpinionListNavigateTop a:hover{color: var(--color-primary);} .goods-opinion .goodsDataOpinionListNavigateTop a{white-space: nowrap;position: relative;display: flex;align-items: center;grid-gap:12px;} .goods-opinion .opinion-item_line{display: flex;flex-wrap: wrap;} .goods-opinion .opinion-item_line:not(:last-child){margin-bottom: 10px;} .goods-opinion .opinion__round{margin-bottom: 20px;} .goods-opinion .goodsDataOpinionListClient{font-weight: 800;font-size: 16px;margin-right: auto;text-transform: uppercase;} .goods-opinion .opinion-item__desc{font-size: 16px;} .goods-opinion .store_response__desc{font-size: 14px;} .goods-opinion .opinion-item__date{font-size: 14px;font-weight: 700;color: var(--color-tertiary);} .goods-opinion .opinion__buttons{margin-top: 20px;} .goods-opinion .opinion__recommend_text{font-weight: 500;width: 100%;text-align: center;margin-bottom:12px;} .goods-opinion .opinion__recommend{margin-left: auto;} .goods-opinion .opinion-item-wrapper{display: flex;align-items: center;grid-gap: 8px 12px;} .goods-opinion .opinion-item_info{width: 100%;display:flex;align-items:center;grid-gap: 8px 16px;} /* Отзывы: Общий рейтинг */ .opinion__round{margin-bottom: 20px;display: flex;flex-wrap: wrap;align-items: center;} .rating_block .rating-box{height: 24px;-webkit-mask-size: 30px 24px;width: 152px;} .rating_block .rating-box .rating{height: 24px;background-size: 30px 24px;} .rating__roundValue .button{max-width: max-content;} .goods-opinion .goods-opinion_wrapper[data-name="top"] .rating_block{display: flex;align-items: center;flex-direction: column;grid-gap: 8px;width: 100%;margin-bottom: 16px;padding-bottom: 12px;border-bottom: 1px solid var(--color-grey);} .productView__inner{display: flex;flex-wrap: wrap;} .productView__inner > div{width: 50%;padding: 0 1rem 0 0;} .productView__inner > div:nth-child(2){padding: 0 0 0 1rem;} .related .banners__item{width: 100%;margin: 0 0 2rem 0;} .related__goods + .related__views{margin-top: 2rem;} .product-tabs .viewed .owl-carousel .owl-nav{top: -38px;right: -9px;} .col-left .block .content .content-title{display: none;} .col-left .block .content .content-title .content-close-btn{position: absolute;top: 3px;right: 5px;font-size: 25px;line-height: 47px;height: 47px;width: 45px;text-align: center} .grade-lines .grade-block{margin-bottom: 18px;display: flex;flex-direction: column;} .grade-lines .grade-block:last-child{margin-bottom: 0;} .grade-lines .grade-block .grade-line{display: block;width: 100%;height: 4px;background: #D9D9D9;} .grade-lines .grade-block .grade-line .grade-line-count{display: block;width: 0;max-width: 100%;height: 4px;background: var(--color-primary);transition: all .3s;} .grade-lines .grade-block .grade-count-number{font-size: 14px;} .dating_info:hover .grade-lines{opacity: 1;visibility: visible;} .viewed, .related-goods, .related-views{position: relative;} #viewed .viewed{padding:30px 24px;background: #E4F3EC;border-radius: 20px;} #viewed .item .actions{display:none;} #viewed .item .links_container{display:none;} #viewed .item .icon_sticker .ico-best, #viewed .item .icon_sticker .ico-new{display:none;} #viewed .item .icon_sticker .ico-sale{max-width: 75px;} #viewed .item .price-box_wrapper{margin:0;} #viewed .item .product-name{display:none;} #viewed .product__hoverImages{display:none;} #viewed .product-pointersInner{display:none;} #viewed .item:before{width: calc(100% + 24px);height: calc(100% + 24px);} #viewed .item .price-box{grid-gap: 0 8px;} #viewed .products-grid.products-swiper .swiper{padding: 24px 12px;margin: -24px -12px;} @media (max-width: 1023px){ #viewed .viewed{margin: 0 -16px;width: calc(100% + 32px);border-radius: 0;padding: 40px 16px;} } @media (max-width: 767px){ #viewed .products-grid .item .product-shop .price:not(.old-price){font-size:16px;} } @media (max-width: 479px){ #viewed .products-grid .item .product-shop .old-price{font-size:12px;} } #related-goods .title_wrap .title{font-size: 28px;} /* мышь, тачпад */ @media (hover: hover) and (pointer: fine){ .product-view .goodPageLink:hover{color:var(--color-primary);} .product-view .thumblist .swiper-button-next:hover:after, .product-view .thumblist .swiper-button-prev:hover:after{background-color: var(--color-primary);} .product-view .product-view_item[data-name="links"] .links:hover{color:var(--color-primary);} .product-view .product-view_item[data-name="links"] .links:hover .icon_{background-color:var(--color-primary);} .product-view .features-content_btn:hover{color: var(--color-primary);} .product-view .features-content_btn:hover .icon_{background-color: var(--color-primary);} .product-view .btn_link:hover{color:var(--color-yellow-l);} .product-view .btn_link:hover .icon_{background-color:var(--color-yellow-l);} } @media (max-width: 1139px){ .product-view .product-container .left_{width: 404px;} .product-view .product-container .right_{width: calc(100% - 404px - 16px);} .thumblist-box .thumblist{height: 324px;} .features_block{grid-gap: 0 30px;} .features_block .features_line{width: calc(50% - 15px);} .product-view .right_info{width: calc(100% - 236px - 16px);} .product-view .right_action{width: 236px;margin-left: 16px;} } @media (max-width: 1023px){ .product-view .product-container .left_{width: 100%;max-width: 736px;margin: 0 auto;} .product-view .product-container .right_{width: 100%;} .thumblist-box .thumblist{height: 613px;} .thumblist-box{width: 103px;} .product-img-box .product-image{width: calc(100% - 103px - 20px);} .product-view .product-view_item[data-name="links"] .links.add-wishlist:after{margin: 0 8px;} .product-view .right_action{width: 100%;margin-left: 0;margin-top: 20px;} .product-view .right_info{width:100%;} .product-view .product-view_item[data-name="short-description"]{display:none;} .product-view .features-content{display:none;} .product-view .product-view_item[data-name="available"]{margin: 0;} .product-view .goodsDataMainModificationPriceNow{font-size: 22px;} .product-view .product-name{font-size: 24px;} .product-tabs .tabs a{font-size: 24px;} .features_block .features_line{width:100%;} .goods-opinion .goods-opinion_wrapper[data-name="top"]{order: 1;width: 100%;padding: 20px;} .goods-opinion .goods-opinion_wrapper[data-name="bottom"]{width: 100%;order: 2;} #related-goods .title_wrap .title{font-size:24px;} } @media (max-width: 767px){ .product-view .product-container .left_{max-width: 608px;} .thumblist-box .thumblist{height: 471px;} .thumblist-box{width: 117px;} .product-img-box .product-image{width: calc(100% - 117px - 20px);} .product-tabs .tabs a{font-size: 18px;} } @media (max-width: 639px){ .product-view .product-container .left_{max-width: 445px;} .thumblist-box .thumblist{height: 341px;} .thumblist-box{width: 84px;} .product-img-box .product-image{width: calc(100% - 84px - 20px);} .product-tabs .tabs{grid-gap: 20px;margin-bottom: 20px;flex-wrap: initial;overflow-x: auto;overflow-y: hidden;} .product-tabs .tabs::-webkit-scrollbar, .product-tabs .tabs::-webkit-scrollbar-thumb, .product-tabs .tabs::-webkit-scrollbar-track{background-color: transparent;} .product-tabs .tabs a{white-space: nowrap;} } @media (max-width: 479px){ .product-view .product-container .left_{max-width: 288px;grid-gap: 15px;} .thumblist-box .thumblist{height: 222px;} .thumblist-box{width: 51px;} .product-img-box .product-image{width: calc(100% - 51px - 15px);} .product-view .product-name{font-size: 20px;} .product-view .ratings_container .rating_text{display:none;} .goods-opinion .opinion-item_info{flex-wrap: wrap;} .goods-opinion .goodsDataOpinionListClient{width: 100%;margin: 0;} } /* Фиксированная панель товара */ .sticky-panel{position: fixed;left: 0;bottom: 0;background: var(--color-white);color: var(--color-black);box-shadow: var(--shadow);padding: 12px 0;display: flex;align-items: center;z-index: 5;width: 100%;opacity: 0;visibility: hidden;transition: 0.3s;} .sticky-panel.active{opacity: 1;visibility: visible;} .sticky-panel .sticky-image{width: 60px;height: 60px;border-radius: 8px;overflow: hidden;} .sticky-panel .sticky-panel_wrap{display: flex;flex-direction: column;grid-gap: 12px;width: calc(100% - 60px - 100px - 300px - 100px);} .sticky-panel .sticky-name{font-size: 16px;overflow: hidden;max-height: 42px;} .sticky-panel .sticky-panel_container{display: flex;align-items: center;grid-gap: 20px;} .sticky-panel .sticky_price{display: flex;flex-direction: column;margin: 0 auto;grid-gap: 4px 8px;} .sticky-panel .sticky_price .sticky_nowPrice{font-size: 18px;} .sticky-panel .sticky_price .sticky_oldPrice{font-size: 14px;margin:0;} .sticky-panel .sticky-btn{width: 180px;height: 40px;padding: 0 10px;font-size: 14px;} .sticky-panel .sticky-panel_links{display: flex;align-items: center;} .sticky-panel .sticky-panel_links .links{transition:0.3s;cursor:pointer;} .sticky-panel .sticky-panel_links .icon_{margin: 0;min-width: 16px;width: 16px;height: 16px;transition: 0.3s;background-color:var(--color-grey);} .sticky-panel .sticky-panel_links .sticky_compare{position:relative;display: flex;align-items: center;} .sticky-panel .sticky-panel_links .sticky_compare:after{content: '';display: block;margin: 0 12px;height: 22px;width: 1px;background: var(--color-grey);border-radius: 1px;} .sticky-panel .sticky-panel_links .links.added .icon_{background-color: var(--color-primary);} .sticky-panel .sticky_tabs{display: flex;align-items: center;grid-gap: 16px;} .sticky-panel .sticky_tabs a{font-size:14px;transition: 0.3s;color:var(--color-tertiary);} /* мышь, тачпад */ @media (hover: hover) and (pointer: fine){ .sticky-panel .sticky-panel_links .links:not(.added):hover .icon_{background-color: var(--color-primary);} .sticky-panel .sticky_tabs a:hover{color:var(--color-primary);} } @media (max-width: 1023px){ .sticky-panel{bottom: 46px;} .sticky-panel .sticky_tabs{display:none;} } @media (max-width: 767px){ .sticky-panel .sticky-image{display:none;} .sticky-panel .sticky-panel_links{display:none;} .sticky-panel .sticky_price{margin: 0;margin-left:auto;} .sticky-panel .sticky-panel_container{grid-gap: 4px 40px;} .sticky-panel .sticky-panel_wrap{width: calc(100% - 350px);} } @media (max-width: 639px){ .sticky-panel .sticky-panel_container{flex-wrap: wrap;} .sticky-panel .sticky-panel_wrap{width:100%;} .sticky-panel .sticky_price{margin: 0;width: 100%;flex-direction: initial;align-items: center;} .sticky-panel .sticky-btn{position: absolute;right: 16px;top: 50%;transform: translateY(-50%);} .sticky-panel .sticky-panel_container{padding-right: 210px;} } @media (max-width: 639px){ .sticky-panel{height:56px;} .sticky-panel .sticky-panel_wrap{display:none;} .sticky-panel .sticky-btn{width:40px;min-width:40px;height:40px;font-size:0;} .sticky-panel .sticky-btn .icon_{margin:0;} .sticky-panel .sticky-panel_container{padding-right: 80px;} } /*** Товары ***/ .toolbar{width: 100%;} .toolbar .pages{display: none;} .OrderFilterForm .toolbar.bottom{margin: 0;display: flex;justify-content: center;padding: 0;margin-left: auto;margin-right: auto;} .toolbar_up{width: 100%;margin-bottom: 30px;} .toolbar_up .toolbar_wrap{width: 100%;display: flex;align-items: center;} .toolbar_up noindex{width: 100%;} .toolbar_up .OrderFilterForm{display: flex;grid-gap: 40px;height: 46px;border-bottom: 2px solid var(--color-grey);} .toolbar.bottom .pages{display: block;margin: 0 auto;} .toolbar.bottom .sort-by{display: none} .view-mode{display: flex;align-items: center;margin-left: auto;grid-gap: 12px;} .view-mode .view-mode-btn{display: flex;align-items: center;justify-content: center;cursor: default;} .view-mode .view-mode-btn:hover:before{background-color: var(--color-primary);} .view-mode a.view-mode-btn{cursor: pointer;} .view-mode .view_mode_list:before, .view-mode .view_mode_table:before, .view-mode .view_mode_table2:before{content: '';display:block;transition: 0.3s;background-color: var(--color-grey);width: 23px;min-width: 23px;height: 23px;-webkit-mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: contain;} .view-mode .view_mode_table2:before{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 3C9 2.73478 9.10536 2.48043 9.29289 2.29289C9.48043 2.10536 9.73478 2 10 2H14C14.2652 2 14.5196 2.10536 14.7071 2.29289C14.8946 2.48043 15 2.73478 15 3V7C15 7.26522 14.8946 7.51957 14.7071 7.70711C14.5196 7.89464 14.2652 8 14 8H10C9.73478 8 9.48043 7.89464 9.29289 7.70711C9.10536 7.51957 9 7.26522 9 7V3ZM9 10C9 9.73478 9.10536 9.48043 9.29289 9.29289C9.48043 9.10536 9.73478 9 10 9H14C14.2652 9 14.5196 9.10536 14.7071 9.29289C14.8946 9.48043 15 9.73478 15 10V14C15 14.2652 14.8946 14.5196 14.7071 14.7071C14.5196 14.8946 14.2652 15 14 15H10C9.73478 15 9.48043 14.8946 9.29289 14.7071C9.10536 14.5196 9 14.2652 9 14V10ZM9 17C9 16.7348 9.10536 16.4804 9.29289 16.2929C9.48043 16.1054 9.73478 16 10 16H14C14.2652 16 14.5196 16.1054 14.7071 16.2929C14.8946 16.4804 15 16.7348 15 17V21C15 21.2652 14.8946 21.5196 14.7071 21.7071C14.5196 21.8946 14.2652 22 14 22H10C9.73478 22 9.48043 21.8946 9.29289 21.7071C9.10536 21.5196 9 21.2652 9 21V17ZM16 3C16 2.73478 16.1054 2.48043 16.2929 2.29289C16.4804 2.10536 16.7348 2 17 2H21C21.2652 2 21.5196 2.10536 21.7071 2.29289C21.8946 2.48043 22 2.73478 22 3V7C22 7.26522 21.8946 7.51957 21.7071 7.70711C21.5196 7.89464 21.2652 8 21 8H17C16.7348 8 16.4804 7.89464 16.2929 7.70711C16.1054 7.51957 16 7.26522 16 7V3ZM16 10C16 9.73478 16.1054 9.48043 16.2929 9.29289C16.4804 9.10536 16.7348 9 17 9H21C21.2652 9 21.5196 9.10536 21.7071 9.29289C21.8946 9.48043 22 9.73478 22 10V14C22 14.2652 21.8946 14.5196 21.7071 14.7071C21.5196 14.8946 21.2652 15 21 15H17C16.7348 15 16.4804 14.8946 16.2929 14.7071C16.1054 14.5196 16 14.2652 16 14V10ZM16 17C16 16.7348 16.1054 16.4804 16.2929 16.2929C16.4804 16.1054 16.7348 16 17 16H21C21.2652 16 21.5196 16.1054 21.7071 16.2929C21.8946 16.4804 22 16.7348 22 17V21C22 21.2652 21.8946 21.5196 21.7071 21.7071C21.5196 21.8946 21.2652 22 21 22H17C16.7348 22 16.4804 21.8946 16.2929 21.7071C16.1054 21.5196 16 21.2652 16 21V17ZM2 3C2 2.73478 2.10536 2.48043 2.29289 2.29289C2.48043 2.10536 2.73478 2 3 2H7C7.26522 2 7.51957 2.10536 7.70711 2.29289C7.89464 2.48043 8 2.73478 8 3V7C8 7.26522 7.89464 7.51957 7.70711 7.70711C7.51957 7.89464 7.26522 8 7 8H3C2.73478 8 2.48043 7.89464 2.29289 7.70711C2.10536 7.51957 2 7.26522 2 7V3ZM2 10C2 9.73478 2.10536 9.48043 2.29289 9.29289C2.48043 9.10536 2.73478 9 3 9H7C7.26522 9 7.51957 9.10536 7.70711 9.29289C7.89464 9.48043 8 9.73478 8 10V14C8 14.2652 7.89464 14.5196 7.70711 14.7071C7.51957 14.8946 7.26522 15 7 15H3C2.73478 15 2.48043 14.8946 2.29289 14.7071C2.10536 14.5196 2 14.2652 2 14V10ZM2 17C2 16.7348 2.10536 16.4804 2.29289 16.2929C2.48043 16.1054 2.73478 16 3 16H7C7.26522 16 7.51957 16.1054 7.70711 16.2929C7.89464 16.4804 8 16.7348 8 17V21C8 21.2652 7.89464 21.5196 7.70711 21.7071C7.51957 21.8946 7.26522 22 7 22H3C2.73478 22 2.48043 21.8946 2.29289 21.7071C2.10536 21.5196 2 21.2652 2 21V17Z' fill='%23A0B3C0'/%3E%3C/svg%3E");} .view-mode .view_mode_table:before{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12.5 4C12.5 3.46957 12.7107 2.96086 13.0858 2.58579C13.4609 2.21071 13.9696 2 14.5 2H20C20.5304 2 21.0391 2.21071 21.4142 2.58579C21.7893 2.96086 22 3.46957 22 4V9.5C22 10.0304 21.7893 10.5391 21.4142 10.9142C21.0391 11.2893 20.5304 11.5 20 11.5H14.5C13.9696 11.5 13.4609 11.2893 13.0858 10.9142C12.7107 10.5391 12.5 10.0304 12.5 9.5V4ZM12.5 14.5C12.5 13.9696 12.7107 13.4609 13.0858 13.0858C13.4609 12.7107 13.9696 12.5 14.5 12.5H20C20.5304 12.5 21.0391 12.7107 21.4142 13.0858C21.7893 13.4609 22 13.9696 22 14.5V20C22 20.5304 21.7893 21.0391 21.4142 21.4142C21.0391 21.7893 20.5304 22 20 22H14.5C13.9696 22 13.4609 21.7893 13.0858 21.4142C12.7107 21.0391 12.5 20.5304 12.5 20V14.5ZM2 4C2 3.46957 2.21071 2.96086 2.58579 2.58579C2.96086 2.21071 3.46957 2 4 2H9.5C10.0304 2 10.5391 2.21071 10.9142 2.58579C11.2893 2.96086 11.5 3.46957 11.5 4V9.5C11.5 10.0304 11.2893 10.5391 10.9142 10.9142C10.5391 11.2893 10.0304 11.5 9.5 11.5H4C3.46957 11.5 2.96086 11.2893 2.58579 10.9142C2.21071 10.5391 2 10.0304 2 9.5V4ZM2 14.5C2 13.9696 2.21071 13.4609 2.58579 13.0858C2.96086 12.7107 3.46957 12.5 4 12.5H9.5C10.0304 12.5 10.5391 12.7107 10.9142 13.0858C11.2893 13.4609 11.5 13.9696 11.5 14.5V20C11.5 20.5304 11.2893 21.0391 10.9142 21.4142C10.5391 21.7893 10.0304 22 9.5 22H4C3.46957 22 2.96086 21.7893 2.58579 21.4142C2.21071 21.0391 2 20.5304 2 20V14.5Z' fill='%23A0B3C0'/%3E%3C/svg%3E");} .view-mode .view_mode_list:before{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M2 4C2 3.46957 2.21071 2.96086 2.58579 2.58579C2.96086 2.21071 3.46957 2 4 2H20C20.5304 2 21.0391 2.21071 21.4142 2.58579C21.7893 2.96086 22 3.46957 22 4V9.5C22 10.0304 21.7893 10.5391 21.4142 10.9142C21.0391 11.2893 20.5304 11.5 20 11.5H4C3.46957 11.5 2.96086 11.2893 2.58579 10.9142C2.21071 10.5391 2 10.0304 2 9.5V4ZM2 14.5C2 13.9696 2.21071 13.4609 2.58579 13.0858C2.96086 12.7107 3.46957 12.5 4 12.5H20C20.5304 12.5 21.0391 12.7107 21.4142 13.0858C21.7893 13.4609 22 13.9696 22 14.5V20C22 20.5304 21.7893 21.0391 21.4142 21.4142C21.0391 21.7893 20.5304 22 20 22H4C3.46957 22 2.96086 21.7893 2.58579 21.4142C2.21071 21.0391 2 20.5304 2 20V14.5Z' fill='%23A0B3C0'/%3E%3C/svg%3E");} .view-mode .view-mode-btn.active{pointer-events: none;} .view-mode .view-mode-btn.active:before{background-color:var(--color-primary);} .view-mode label{display:none;} .products noindex{width: 100%;} .sort-by, .show-by, .filter-by{} .sort-by select, .show-by select{font-size: 14px;background: transparent;border: 0;padding: 0;padding-right: 30px;} .sort-by .selectBlock:after, .show-by .selectBlock:after{right: 0;} .sort-by .selectBlock:before, .show-by .selectBlock:before{border-color: var(--color-grey);} .sort_btn{display: none;align-items: center;grid-gap:8px;position: relative;font-size: 14px;color:var(--color-black);} .sort_btn .icon_{background-color: var(--color-black);margin: 0;width: 8px;height: 8px;min-width: 8px;transition: 0.3s;} .sort-by.sort_select{display:none;min-width: 100px;} .sort-by.sort_link{display: flex;align-items:center;grid-gap: 32px;} .sort-by.sort_link a{transition: 0.3s;color: var(--color-black);font-size: 14px;position: relative;} .sort-by.sort_link a.is-actived{color: var(--color-primary);} .sort-by.sort_link a:not(.is-actived):hover{color: var(--color-primary);} .sort-by.sort_link a.is-actived:before{content: '';display: block;position: absolute;bottom: -15px;left: 0;width: 100%;height: 2px;background: var(--color-primary);border-radius: 1px;} .sort-by{grid-gap: 12px;} .show-by label, .sort-by label, .view-mode label, .filter-by label{display:none;font-size: 14px;font-weight: 800;color: var(--color-tertiary);text-transform: uppercase;} .view-mode label{margin-right: 15px;} .filter-box{display: flex;justify-content: center;align-items: center;height: 54px;width: 100%;border-radius: 16px;background: var(--color-white);position: relative;} .filter-box .filter_clear{background-color: var(--color-white);width: 18px;height: 18px;min-width: 18px;margin-right: 16px;margin-left: -8px;} .filter-box .filter_clear:hover{background-color: var(--color-white);} .filter-by{margin-right:30px;min-width:180px;} .filterMain_btn{position: relative;display: flex;cursor: pointer;transition: 0.3s;width: 100%;padding: 0 24px;height: 46px;align-items: center;justify-content: center;border-radius: 8px;color: var(--color-primary);border: 2px solid var(--color-primary);} .filterMain_btn .filter-icon{transition: 0.3s;background-color: var(--color-primary);width: 16px;height: 16px;min-width: 16px;margin-right: 16px;} .filterMain_btn span:not(.filter-icon):not(.filters__count){font-weight: 800;font-size: 16px;text-transform: uppercase;white-space: nowrap;} .filterMain_btn .filters__count{font-size: 12px;font-weight: 700;display: none;align-items: center;justify-content: center;width: 24px;height: 24px;min-width: 24px;background: var(--color-red);border-radius: 50%;margin-left: 8px;color: var(--color-white);} .filterMain_btn .filters__count.active{display:flex;} .filters_modal{display:none;width: 100%;margin-bottom: 30px;} .category-title.title_wrap{width: 100%;} .category-title.title_wrap .result{font-size: 14px;color: var(--color-tertiary);font-weight: 400;margin-left:12px;} .toolbar_container{display: flex;align-items: center;margin-bottom: 30px;width: 100%;} /*** Сайдбар. Активные Фильтры ***/ .filtersActive.has-filters{margin-top: 20px;} .filtersActive__items{display: flex;align-items: center;white-space: nowrap;grid-gap: 8px 12px;} .filters__open{display: none;} .filtersActive__remove{display: flex;align-items: center;justify-content: center;margin-left: 8px;width: 26px;height: 26px;border-radius: 50%;background: var(--color-white);} .filtersActive__remove .icon_{width: 10px;height: 10px;min-width: 10px;margin: 0;background-color: var(--color-tertiary);transition:0.3s;} .filtersActive__item{cursor: pointer;transition: 0.3s;width: max-content;font-size: 14px;font-weight: 500;display: flex;align-items: center;padding: 3px;padding-left:12px;border-radius: 20px;background: var(--color-secondary);color: var(--color-primary);} .filtersActive__item:hover .icon_{background-color: var(--color-primary);} .filtersActive__name{display: none;} .filtersActive__clear{white-space: nowrap;display: none;transition: 0.3s;align-items: center;justify-content: center;font-size: 14px;font-weight: 500;padding: 7px 20px;border-radius: 20px;background: var(--color-grey);color: var(--color-white);} .filtersActive__clear:hover{background: var(--color-primary);} .has-filters .filtersActive__clear{display: flex;} .selectAll{margin-bottom:10px;color: #654DFF;display: none;cursor: pointer;} .filter_showAll:hover, .selectAll:hover{color: #FEC859;} .searchFilters{display: none;margin-bottom: 10px;height: 40px;max-width: 100%;} .modal-fancybox-body .modal-sortItem{width: 100%;} .modal-fancybox-body .modal-sortItem:not(:last-child){margin-bottom:30px;} .modal-fancybox-body .modal-sortItem .s_item{display: flex;align-items: center;width:100%;} .modal-fancybox-body .modal-sortItem .title{font-size: 16px;font-weight: 800;padding-bottom: 16px;position: relative;} .modal-fancybox-body .modal-sortItem label{padding-left:12px;margin:0;word-break: break-word;display:flex;color: var(--color-black);font-weight: 400;font-size: 16px;text-transform: initial;} .modal-fancybox-body .OrderFilterForm{display: flex;align-items: center;flex-wrap: wrap;} .modal-fancybox-body .OrderFilterForm .sort-by, .modal-fancybox-body .OrderFilterForm .show-by{display: flex;flex-wrap: wrap;grid-gap: 12px;width: 100%;} .modal-fancybox-body .modal-viewItem{margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid var(--color-white);width: 100%;} .modal-fancybox-body .modal-viewItem .view-mode .view-mode-btn{background: var(--color-black);} .modal-fancybox-body .modal-viewItem .view-mode .view-mode-btn:before{background-color: var(--color-tertiary);} .modal-fancybox-body .modal-viewItem .view-mode-btn.active{background: var(--color-primary);} .modal-fancybox-body .modal-viewItem .view-mode-btn.active:before{background-color: var(--color-white);} .modal-fancybox[data-modal="modal-filterSort"] .modal-fancybox-body{height: calc(100% - 55px);margin-top: 24px;padding: 0 5px 16px 0;} .modal-fancybox[data-modal="modal-filter"], .modal-fancybox[data-modal="modal-filterSort"]{left: -100%;} .modal-fancybox[data-modal="modal-filter"].opened, .modal-fancybox[data-modal="modal-filterSort"].opened{left: 0;max-width: 380px;width: 380px;} .modal-fancybox[data-modal="modal-filter"] .modal-fancybox_top, .modal-fancybox[data-modal="modal-filterSort"] .modal-fancybox_top{flex-wrap: initial;justify-content: flex-start;} .modal-fancybox[data-modal="modal-filter"] .modal_title, .modal-fancybox[data-modal="modal-filterSort"] .modal_title{font-size: 24px;} .modal-fancybox[data-modal="modal-filter"] .filter-icon{width: 16px;height: 16px;min-width: 16px;background: var(--color-primary);margin-right: 12px;} /* мышь, тачпад */ @media (hover: hover) and (pointer: fine){ .filterMain_btn:hover{background: var(--color-primary);color: var(--color-white);} .filterMain_btn:hover .filter-icon{background-color: var(--color-white);} } @media (max-width: 1023px){ .filterMain_btn span:not(.filter-icon):not(.filters__count){display: none;} .filterMain_btn{width: 110px;padding:0;} .filter-by{min-width: auto;margin-right: 16px;} .filterMain_btn .filter-icon{margin:0;} .filtersActive.has-filters{overflow-x: scroll;overflow-y: hidden;} .filtersActive.has-filters::-webkit-scrollbar, .filtersActive.has-filters::-webkit-scrollbar-thumb, .filtersActive.has-filters::-webkit-scrollbar-track{background-color: transparent;} } @media (max-width: 767px){ .sort-by.sort_link{display:none;} .sort_btn{display:flex;} } @media (max-width: 479px){ .filterMain_btn{width: 88px;} .filter-by{margin-right: 12px;} .filterMain_btn{width: 46px;} .filterMain_btn .filters__count{width: 6px;min-width: 6px;height: 6px;font-size: 0;position: absolute;right: 8px;top: 8px;} .toolbar_up .OrderFilterForm{grid-gap: 12px;} .modal-fancybox[data-modal="modal-filter"].opened, .modal-fancybox[data-modal="modal-filterSort"].opened{max-width: 100%;width: 100%;} } /** Навигация **/ .toolbar_up .pages{width: 230px;margin-right: 100px;} .pages ol{display: flex;flex-wrap: wrap;grid-gap: 8px;padding: 0;font-size: 0;margin: 0;justify-content: flex-start;} .pages li{display: inline-flex;align-items: center;justify-content: center;cursor: default;text-align: center;border-radius: 8px;width: 40px;height: 40px;border: 1px solid var(--color-grey);transition:0.3s;} .pages li.current{pointer-events: none;} .pages li.current a{color: var(--color-primary);} .pages li.current{border-color: var(--color-primary);} .pages li a{cursor: pointer;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;position: relative;color: var(--color-tertiary);font-size: 16px;font-weight: 700;text-align: center;transition:0.3s;} .pages li:hover, .pages li:active{border-color: var(--color-primary);} .pages li:hover a, .pages li:active a{color: var(--color-primary);} .pages li.current span{cursor: default;} .pages .current a{cursor: default;background: none;} .pages li .fal{padding: 0;margin: 0;font-size: 15px;line-height: 28px;} .pages_dot span, .pages_dot span:hover{cursor: default !important;;background: transparent !important;;border-color: transparent !important;} .toolbar .last:hover, .toolbar .first:hover{color: var(--color-primary);} .toolbar.bottom{margin-top: 30px;} .pages li a.first:before{transform: scaleX(-1);} .pages li a.first:before, .pages li a.last:before{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.756 0.35092C2.53163 0.575682 2.40559 0.880484 2.40559 1.1983C2.40559 1.51611 2.53163 1.82091 2.756 2.04567L6.69709 5.99251L2.756 9.93934C2.64169 10.0499 2.55051 10.1822 2.48779 10.3284C2.42507 10.4746 2.39205 10.6319 2.39067 10.791C2.38929 10.9502 2.41957 11.108 2.47975 11.2553C2.53992 11.4026 2.62879 11.5364 2.74116 11.649C2.85353 11.7615 2.98716 11.8505 3.13424 11.9107C3.28133 11.971 3.43892 12.0013 3.59783 12C3.75675 11.9986 3.91379 11.9655 4.05981 11.9027C4.20582 11.8399 4.33788 11.7486 4.44829 11.6341L9.23553 6.83988C9.45989 6.61512 9.58594 6.31032 9.58594 5.99251C9.58594 5.67469 9.45989 5.36989 9.23553 5.14513L4.44829 0.35092C4.22385 0.126226 3.91949 0 3.60214 0C3.28479 0 2.98043 0.126226 2.756 0.35092Z' fill='%23C1CCC8'/%3E%3C/svg%3E");} .pages li a.first:before, .pages li a.last:before{content: '';transition:0.3s;background-color: var(--color-grey);width: 12px;height: 12px;display: inline-block;-webkit-mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: contain;} .pages li a.first:hover:before, .pages li a.last:hover:before{background-color: var(--color-primary);} .pages li.arrow-first{} .pages li.arrow-last{} .pages li.disabled{pointer-events: none;} .products{display: flex;flex-wrap: wrap;} .products .products-container{position:relative;} /** Фильтры **/ .col-left .block.filters{padding: 20px;margin-bottom: 50px;background: var(--color-white);border-radius: 16px;width: 100%;position: relative;} /** Фильтры **/ .modal-fancybox .modal-fancybox-body.filter_{overflow: visible;height: calc(100% - 40px);} .filter_ form{height: 100%;display: flex;flex-direction: column;} .filter_ .filter_cont{padding-top: 16px;} .filter_ ul{margin: 0;padding: 0;list-style: none;list-style-position: inside;max-height: 202px;padding-right: 5px;overflow-y: auto;overflow-x: hidden;grid-gap: 0;display:block;} .filter_ ul.sub li a{font-size: 14px;} .filter_ ul li{position: relative;} .filter_ ul li:last-child{margin-bottom: 0;} .filter_ ul li a{display: block;position: relative;text-transform: none;font-size: 18px;line-height: 33px;letter-spacing: 0.01em;color: var(--color-white);padding-right: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .filter_ ul li a.active, .filter_ ul li a:hover{color: var(--color-primary);} .filter_ ul li a img{width: 30px;height: 30px;margin-right: 5px;display: none;} .filter_ ul li .open-sub{display: block;position: absolute;right: 0;top: 2px;cursor: pointer;font-family: "FontAwesome";font-size: 30px;} .filter_ ul li .open-sub.active:before{content: "\f106";} .filter_ ul li .open-sub:hover{color: var(--color-primary);} .filter_ ul li .open-sub:before{content: "\f107";display: block;vertical-align: middle;width: 30px;height: 30px;line-height: 30px;text-align: center;} .filter_ ul li ul li{padding-left: 10px;} .filter_ ul li .count{display: inline-block;vertical-align: middle;min-width: 20px;height: 20px;padding: 0 4px;margin-left: 5px;font-size: 11px;line-height: 20px;text-align: center;border-radius: 4px;color: #5d7483;background-color: #f1f1f1} .filter_ .filterBtn_bottom{position: absolute;bottom: 0;left: 0;width: 100%;box-shadow: var(--shadow);} .filter_ form.off .filterBtn_bottom{display:none;} .showMoreCatalog{cursor: pointer;margin-top:20px;background-color: var(--color-white);color: #889BEF;font-weight: 800;font-size: 16px;width: 100%;height: 50px;display: flex;align-items: center;justify-content: center;border-radius: 4px;overflow: hidden;} .showMoreCatalog:hover{background: var(--color-blue);color:var(--color-white);} .filter_wrapIcon{position: relative;} .activeFilterNumber{display:none;margin-right: 8px;min-width: 8px;width: 8px;height: 8px;background: var(--color-primary);color: var(--color-white);font-size: 0;border-radius: 50%;align-items: center;justify-content: center;} .activeFilterNumber.active{display:none;} .filter_ #filters-reset{margin-left: auto;} .filter_ .reset{width: 100%;height: 46px;justify-content: center;} .filter_ .filters-price .title{display:none !important;} .filter_ .filters-price .filter_cont{padding: 0 !important;} .filter_ .filters-price .title, .filter_ .title{cursor: pointer;position: relative;font-size: 16px;font-weight: 700;display: flex;align-items: center;transition: 0.3s;} .filter_ .title .clear-filter{font-size: 16px;font-weight: 800;position: absolute;top: 50%;transform: translateY(-50%);right: 25px;color: var(--color-grey);display: none;} .filter_ .title .clear-filter.active{display:none;} .filter_ .title .filter_name{white-space: nowrap;text-overflow: ellipsis;width: calc(100% - 20px);overflow: hidden;} .filter_ .title.filtersActive .filter_name{width: calc(100% - 95px);} .filter_ .form_content{display: flex;flex-direction: column;overflow-y: auto;overflow-x: hidden;padding-right: 10px;height: calc(100% - 30px);} .filter_ form.off .form_content{height: 100%} .filters-price, #filters-form .filter{} .filter_ .filters-price, #filters-form .filter{width: 100%;} .filter_ #filters-form .filter:not(:last-child), .filters-price{margin-bottom: 30px;} .filter_ .title .filter-arrow{position: absolute;cursor: pointer;top: 50%;transform: translateY(-50%);right: 1px;height: 100%;display: flex;align-items: center;justify-content: center;height: max-content;width: max-content;} .filter_ .title .filter-arrow .icon_{background-color: var(--color-tertiary);margin: 0;transform: rotate(90deg);min-width: 12px;width: 12px;height: 12px;transition: 0.3s;} .filter_ .title.active .filter-arrow .icon_{transform: rotate(90deg) scaleX(-1);} .filter_ .title:not(.active){} .filter_ .disabled_filter{cursor: default;} .filter_ .disabled_filter input, .filter_ .disabled_filter input:hover{cursor: default;} .filter_ .disabled_filter input:before, .filter_ .disabled_filter input:hover:before{background: transparent;border-color:var(--color-inputDisabled);} .filter_ .disabled_filter label, .filter_ .disabled_filter label:hover{cursor: default !important;color: var(--color-labelDisabled) !important;} .filter_ #filters-form .filter{display: block;position: relative;} .filter_ #filters-form .filter ._filter_rest{display: flex;align-items: center;margin-top: 25px;} .filter_ #filters-form .title.active ~ .filter-more{display: none} .filter_ .filter-item input:hover + label, .filter label:hover{color:var(--color-primary);} .filter_ .filter-item input[checked="checked"] + label{} .filter_ .filter-inner .filter-item{display: flex;width:100%;height: max-content;} .filter_ .filter-inner .filter-item .fal{display: inline-block;margin-right: 5px;} .filter_ .filter-inner .filter-item .counter{font-size: 14px;text-align: left;color: var(--color-tertiary);white-space: nowrap;margin-left: 8px;} .filter_ #filters-form .filter label{display: flex;font-size:16px;cursor: pointer;width: 100%;padding-left: 12px;font-weight: 400;word-break: break-word;} .filter_ #filters-form .filter label .name{overflow: hidden;} .filter_ #filters-form .filter select{height: 30px;border: 1px solid var(--color-grey);padding: 0 5px;} .filter_ #filters-form .filter select:focus{border: 1px solid #000;} .filter_ -active{display:none;} .filter_ -active #filters-reset{margin: 10px auto;display: block} .filter_ -active .filter-inner .filter-item .counter{margin-top: -3px;display: none;} .filter_ #filters-reset[disabled="disabled"]{pointer-events: none;display:none;} .filter_ #goods-filter-price-slider.noUi-target{height: 4px;margin: 8px auto 16px;background: var(--color-grey);border-radius: 4px;box-shadow: none;border: 0;width: calc(100% - 10px);} .filter_ #goods-filter-price-slider .noUi-handle:after, .noUi-handle:before{content: none;} .filter_ #goods-filter-price-slider .noUi-connect{background: var(--color-primary);} .filter_ #goods-filter-price-slider.noUi-horizontal .noUi-handle{top: -5px;width: 12px;height: 12px;cursor: pointer;outline: 0;border-radius: 50%;background: var(--color-primary);border: 0;box-shadow: none;} .filter_ #goods-filter-price-slider.noUi-horizontal .noUi-handle.noUi-handle-lower{right: -7px;} .filter_ #goods-filter-price-slider.noUi-horizontal .noUi-handle.noUi-handle-upper{right: -7px;} .filter_ .filters-price .layout-slider{position: relative;text-align: center;} .filter_ .filters-price .layout-slider .filter-range{display: flex;align-items: center;justify-content: space-between;grid-gap: 12px;} .filter_ .filters-price .goodsFilterPriceSubmit{width: 100%;margin-top: 20px;} .filter_ -active #filters-reset{color: var(--color-white);background: transparent;border-color: var(--color-white);} .filter_ .filters-price .layout-slider .filter-range-col{position:relative;display: flex;align-items: center; vertical-align: middle;width: 50%;} .filter_ .filters-price .layout-slider .filter-range-col:first-child:before{content: 'От';} .filter_ .filters-price .layout-slider .filter-range-col:last-child:before{content: 'До';} .filter_ .filters-price .layout-slider .filter-range-col:first-child:before, .filters-price .layout-slider .filter-range-col:last-child:before{font-size: 14px;color: var(--color-tertiary);white-space: nowrap;text-transform: lowercase;position: absolute;left: 20px;top: 50%;transform: translateY(-50%);} .filter_ .filters-price .layout-slider .filter-range-label{position: absolute;top: 50%;transform: translateY(-50%);left: 15px;opacity: 0.5;font-size: 14px;} .filter_ .filters-price .layout-slider .input{width: 100%;max-width: 100%;display: inline-block;font-size: 14px;text-align: left;height: 44px;padding: 0 20px;padding-left: 40px;background: transparent;color: var(--color-tertiary);} .filter_ .filterPrice_btn{display: flex;flex-wrap: wrap;align-items: center;margin-top: 20px;grid-gap: 12px;} .filter_ .filterPrice_btn button{width: calc(50% - 6px);font-size: 14px;font-weight: 800;transition:0.3s;color: var(--color-tertiary);} .filter_ .filterPrice_btn button:hover{color: var(--color-primary);} .filter_ .filterPrice_btn button.filter_btn_goodsParametrs{text-align:right;color: var(--color-primary);} .filter_ .filterPrice_btn button.filter_btn_goodsParametrsClaar{text-align:left;} #filters-reset_title{font-size: 14px;font-weight: 800;color: var(--color-grey);display: flex;align-items: center;position: absolute;left: 0;} #filters-reset_title .icon_{width: 20px;height: 20px;min-width: 20px;margin-right: 12px;background-color: var(--color-grey);} .filter_ .content-title{display: none;} .filter_ .content-title .content-close-btn{position: absolute;top: 3px;right: 5px;font-size: 25px;line-height: 47px;height: 47px;width: 45px;text-align: center} /* мышь, тачпад */ @media (hover: hover) and (pointer: fine){ .filter_ .filters-price .title:hover, .filter_ .title:hover{color:var(--color-primary);} } /*** Категории ***/ .toolbar + .categories{padding-top: 30px;} .categories_grid{position: relative;display: flex;flex-wrap: wrap;grid-gap: 20px 16px;width: 100%;} .categories_grid:not(.goodsEmpty) .item{position: relative;width: calc(100% / 6 - 14px);display: flex;} .categories_grid:not(.goodsEmpty) .item .cat-name{transition:0.3s;font-size: 16px;font-weight: 800;text-transform: uppercase;} .categories_grid:not(.goodsEmpty) .item .cat-wrap{display: flex;flex-direction: column;align-items: center;text-align: center;background: var(--color-white);border-radius: 0 0 20px 20px;padding: 62px 16px 16px;margin-top: 50px;flex: 1;} .categories_grid:not(.goodsEmpty) .item .cat-image{width: 100%;height: 100px;background: var(--bgImg);border-radius: 50px;overflow: hidden;position: absolute;top: 0;left: 0;} .categories_grid:not(.goodsEmpty) .item .cat-image img{width: 100%;height: 100%;max-width: 100%;max-height: 100%;object-fit: cover;} .categories_grid:not(.goodsEmpty) .item .count{margin-top: auto;padding-top: 8px;font-size: 14px;font-weight: 800;color: var(--color-tertiary);} .categories_grid:not(.goodsEmpty) .item .cat-wrap .arrow-icon{transition:0.3s;margin: 0;margin-bottom: 8px;width: 16px;height: 16px;min-width: 16px;background-color: var(--color-tertiary);} .categories_grid.goodsEmpty{margin-bottom: 60px;display: flex;flex-wrap: wrap;position:relative;} .categories_grid.goodsEmpty .item{width: max-content;background: var(--color-white);border-radius: 30px;overflow: hidden;display: flex;align-items: center;transition:0.3s;} .categories_grid.goodsEmpty .cat-name{transition:0.3s;font-size: 16px;font-weight: 500;white-space: nowrap;padding: 0 20px 0 12px;} .categories_grid.goodsEmpty .cat-image{width:82px;height:45px;border-radius:50px;background: var(--bgImg);overflow: hidden;} .categories_grid.goodsEmpty .cat-image img{width: 100%;height: 100%;max-width: 100%;max-height: 100%;object-fit: cover;} /* мышь, тачпад */ @media (hover: hover) and (pointer: fine){ .categories_grid .item:hover .cat-name{color: var(--color-primary);} .categories_grid:not(.goodsEmpty) .item:hover .cat-wrap .arrow-icon{background-color: var(--color-primary);transform: rotate(-90deg) translate(5px);} .categories_grid.goodsEmpty .item:hover{box-shadow: var(--shadow);} .categories_grid.goodsEmpty .swiper{padding: 24px;margin: -24px;} } @media (max-width:1139px){ .categories_grid:not(.goodsEmpty) .item{position: relative;width: calc(100% / 4 - 12px);} } @media (max-width:1023px){ .categories_grid:not(.goodsEmpty) .item{position: relative;width: calc(100% / 3 - 11px);} } @media (max-width:639px){ .categories_grid.goodsEmpty{margin-bottom: 40px;} .categories_grid:not(.goodsEmpty) .cat-name{font-size: 14px;} .categories_grid:not(.goodsEmpty) .item .count{font-size: 12px;} .categories_grid:not(.goodsEmpty) .item .cat-image{height: 70px;} .categories_grid:not(.goodsEmpty) .item .cat-wrap{padding: 32px 12px 16px;} } @media (max-width:479px){ .categories_grid:not(.goodsEmpty) .item{position: relative;width: calc(100% / 2 - 8px);} .categories_grid.goodsEmpty{margin-bottom: 20px;} .categories_grid.goodsEmpty .cat-image{display: none;} .categories_grid.goodsEmpty .cat-name{padding: 12px 16px;} .categories_grid:not(.goodsEmpty) .item .cat-name{font-size:14px;} } /*** Левая часть ***/ .col-left .block > .title{font-size: 22px;margin-bottom: 20px;} .col-left .block > .title a:hover{color: var(--color-primary);} /** Каталог **/ .col-left .block .content{padding: 0;} .col-left .block .content .filter_cont{margin-top: 8px;padding-top: 16px;border-top: 1px solid var(--line);} .col-left .block .content ul{margin: 0;padding: 0;list-style: none;list-style-position: inside;max-height: 195px;padding-right: 5px;overflow-y: auto;overflow-x: hidden;} .col-left .block.catalog .content ul.sub li a{font-size: 14px;} .col-left .block.catalog .content ul li{position: relative;} .col-left .block.catalog .content ul li:last-child{margin-bottom: 0;} .col-left .block.catalog .content ul li a{display: block;position: relative;text-transform: none;font-size: 18px;line-height: 33px;letter-spacing: 0.01em;color: var(--color-white);padding-right: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .col-left .block.catalog .content ul li a.active, .col-left .block.catalog .content ul li a:hover{color: var(--color-primary);} .col-left .block.catalog .content ul li a img{width: 30px;height: 30px;margin-right: 5px;display: none;} .col-left .block.catalog .content ul li .open-sub{display: block;position: absolute;right: 0;top: 2px;cursor: pointer;font-family: "FontAwesome";font-size: 30px;} .col-left .block.catalog .content ul li .open-sub.active:before{content: "\f106";} .col-left .block.catalog .content ul li .open-sub:hover{color: var(--color-primary);} .col-left .block.catalog .content ul li .open-sub:before{content: "\f107";display: block;vertical-align: middle;width: 30px;height: 30px;line-height: 30px;text-align: center;} .col-left .block.catalog .content ul li ul li{padding-left: 10px;} .col-left .block.catalog .content ul li .count{display: inline-block;vertical-align: middle;min-width: 20px;height: 20px;padding: 0 4px;margin-left: 5px;font-size: 11px;line-height: 20px;text-align: center;border-radius: 4px;color: #5d7483;background-color: #f1f1f1} .showMoreCatalog{cursor: pointer;margin-top:20px;background-color: var(--color-white);color: #889BEF;font-weight: 800;font-size: 16px;width: 100%;height: 50px;display: flex;align-items: center;justify-content: center;border-radius: 4px;overflow: hidden;} .showMoreCatalog:hover{background: var(--color-primary);color:var(--color-white);} .page-content{padding: 15px;} .page-content.no-padding{padding: 0;} .filtersTitleWeb{display: flex;align-items: center;grid-gap: 12px;font-size: 20px;font-weight: 600;margin-bottom: 20px;padding-bottom: 12px;border-bottom: 1px solid var(--line);} .filtersTitleWeb .icon_{background-color:var(--color-primary);margin:0;} #filters-reset_title{font-size: 14px;font-weight: 800;color: var(--color-grey);display: flex;align-items: center;position: absolute;left: 0;} #filters-reset_title .icon_{width: 20px;height: 20px;min-width: 20px;margin-right: 12px;background-color: var(--color-grey);} @media (max-width: 1023px){ #main .col-left .block.filters{width: 100%;padding:30px 16px;margin-right: 0;position: fixed;top: -100%;right: 0;transition: 0.5s;z-index: 30;height: 100%;overflow: hidden;background: var(--color-white);border-radius: 0;} #main .col-left .block.filters.opened{top: 0;} #main .col-left .block.filters .filtersTitle{display: flex;} #main .col-left .block.filters .filtersTitleWeb{display: none;} #main .col-left{width: 100%;} #main .col-right{width: 100%;} .col-left .block .content{height:100%;} .col-left .block .content #filters-form{height: calc(100% - 65px);overflow-y: auto;overflow-x: hidden;padding-right: 10px;} .filters .filterBtn_bottom{display:none;} } @media (max-width: 479px){ #filters-reset_title{font-size: 0;} #filters-reset_title .icon_{margin: 0;} } /** Меню **/ .col-left .block.user-menu .content ul li a.active{font-weight: bold;} /* Быстрый просмотр */ .fancybox-inner .container{max-width: 950px;padding:0;height: 100%;} .fancybox-toolbar{background: var(--color-white)95;} .quickView .fancybox-inner .container{max-width: 700px;} .fancybox-inner .row{height: 100%;} @media(min-width: 1200px){ } /*** Выбор модификации при добавлении в корзину ***/ .productViewMod{transition: 0.5s;width: 100%;max-width: 350px;padding: 0;vertical-align: bottom;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);overflow: hidden;padding: 40px 30px;} .fancybox-modif{display: none;width: 100%;font-size: 24px;font-weight: 600;text-transform: uppercase;margin-bottom: 12px;} .fancybox-modif .fancybox-modif_close{margin: 0;cursor: pointer;background-color: var(--color-grey);transition: 0.3s;} .fancybox-modif .fancybox-modif_close:hover{background-color: var(--color-white);} .productViewMod.product-view .sticky-panel{display:none;} .productViewMod.product-view .goodsDataMainModificationPriceNow{font-size: 26px;} .productViewMod.product-view .goodsDataMainModificationPriceOld{font-size: 16px;} .productViewMod.product-view .price-box{grid-gap: 8px 12px;} .productViewMod.product-view .product-name{margin-bottom: 12px;font-size: 18px;font-weight: 600;} .productViewMod.product-view .art_number{display:none;} .productViewMod.product-view .fancybox-close-small{} .productViewMod.product-view .product-container .right_{width: 100%;} .productViewMod.product-view .right_info{display:none;} .productViewMod.product-view .right_action{width:100%;margin-left: 0;padding: 0;border-radius: 0;background: transparent;} .productViewMod.product-view .product-info{display:none;} .productViewMod.product-view .tabs{display:none;} .productViewMod.product-view .add-cart.quick{display:none !important;} .productViewMod.product-view .goodsDataMainModificationAvailable{display:none;} .productViewMod.product-view .thumblist-box{display:none;} .productViewMod.product-view .slider__images{width: 100px;height: 100px;border-radius: 16px;} .productViewMod.product-view .product-container .left_{display:none;} .productViewMod.product-view .ratings_container{display:none;} .productViewMod.product-view .add-to-cart, .productViewMod.product-view .callback_notify{width: 100% !important;} .productViewMod.product-view .fancybox-modif{display: none;} .productViewMod.product-view .icon_sticker{display: none;} .productViewMod.product-view .right_action form{padding: 0;border-radius: 0;box-shadow: none;} .productViewMod.product-view .informationBlockSale{display: none;} .productViewMod.product-view .product-view_item[data-name="links"]{display: none;} .productViewMod.product-view .price-box_wrapper{margin-bottom: 12px;} .productViewMod.product-view .add-to-box .qty-wrap{border-radius: 8px;border: 1px solid var(--color-grey);margin-bottom: 16px;} /*** Выбор модификации при добавлении в корзину ***/ .productViewQuick{transition: 0.5s;width: 100%;max-width: 800px;padding: 0;vertical-align: bottom;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);overflow: hidden;padding: 40px 30px;} .productViewQuick.product-view .left_{width: 337px;} .productViewQuick.product-view .right_{width: calc(100% - 337px - 16px);} .productViewQuick.product-view .right_info{width: 100%;} .productViewQuick.product-view .right_action{width: 100%;margin-left: 0;} .productViewQuick.product-view .product-view_item[data-name="short-description"]{display:none;} .productViewQuick.product-view .features-content{display:none;} .productViewQuick.product-view .right_action form{padding: 0;border-radius: 0;box-shadow: none;} .productViewQuick.product-view .informationBlockSale{display:none;} .productViewQuick.product-view .sticky-panel{display:none;} .productViewQuick.product-view .thumblist-box{display: none;} .productViewQuick.product-view .product-img-box .product-image{width: 100%;} .productViewQuick.product-view .product-view_item[data-name="links"] .links{width: calc(50%);justify-content: center;position: relative;} .productViewQuick.product-view .product-view_item[data-name="links"] .links.add-wishlist:after{position: absolute;right: 0;top: 50%;transform: translateY(-50%);margin: 0;} .productViewQuick.product-view .goodPageLink{display:flex;} .productViewQuick.product-view .product-container{margin-bottom: 50px;} .productViewQuick.product-view .product-img-box .product-image.slider__images .swiper-navigation{display:block;} @media (max-width: 991px){ .productViewQuick.product-view{display:none !important;} } /*Страница быстрого заказа*/ .datepicker-inline.hide_{display: none !important;} .datepicker-inline{position: absolute;top: calc(100% + 10px);right: 0;z-index: 4;} .fastOrder .fancybox-inner .fancybox-content{background: var(--color-white);color: var(--color-black);} .fancybox-inner .orderContainer .order_right .order_right_wrapper{padding: 0;} .fancybox-inner .orderContainer .order_left{width: 100%;} .fancybox-inner .orderContainer .order_left .formfast .contactWantRegister{margin:0;} .fancybox-inner .orderContainer .order_right{width: 100%;padding: 0;background: transparent;} .fancybox-inner .orderContainer .order_right .product_action .TotalSum span{font-size: 22px;} .fancybox-inner .orderContainer .order_right .buttonsOrder .pp, .cartTable .buttons .pp{display: block;text-align: center;} .fancybox-inner .orderContainer .adress .form-list{grid-template-columns: repeat(1, 1fr);} .fancybox-inner .buttonsOrder button{max-width: 100%;} .fancybox-inner #closeOrder{max-width: 100%;} .fancybox-inner #closeOrder{display: none;} .fancybox-inner .orderContainer .order_left{padding: 0;} .fancybox-order_title{display:none;width: 100%;align-items: center;justify-content: space-between;margin-bottom: 12px;} .fancybox-order_title .title{font-size: 32px;font-weight: 800;} .fancybox-inner .orderContainer .order_right{padding: 0;border-radius: 0;} .fancybox-inner .orderContainer .order_right .formfast-cart{padding: 0;border-radius: 0;box-shadow: none;} .fancybox-inner .quickformfast .fancybox-order_title{display:flex;} .fancybox-inner .formfast .order_grid .account .fields-grid .fields, .fancybox-inner .orderContainer .adress .form-list .fields{width:100%;} .fancybox-inner .formfast .order_grid > div{border-radius: 0;padding: 0;} .fancybox-inner .quickformfast .success, .fancybox-inner .quickformfast .warning{margin: 16px 0;} .fancybox-inner .btn_box{display: flex;align-items: center;justify-content: space-between;grid-gap: 12px;flex-wrap: wrap;margin-top: 16px} .fancybox-inner .callback-btn{width: 100%;} .fancybox-inner .fancybox-inner .callbackForm_action{margin-top: 8px;} .callbackForm .pp{margin-top: 8px;justify-content: center;text-align: center;} @media (max-width: 1023px){ .fancybox-modif{font-size:26px;} .productViewMod{padding: 30px 16px;} .productViewMod.product-view .add-to-cart, .productViewMod.product-view .callback_notify{max-width: 500px;margin: 0 auto;} } @media (max-width: 639px){ .fancybox-modif{font-size:20px} .fancybox-order_title .title{font-size: 20px;} } /*** Страница: Ajax добавление товара в корзину ***/ .noty_body{min-height: 100px;font-size: 16px;background: var(--noty-color-bg);color: var(--noty-color-text);padding: 10px 40px;border-radius: 50px;overflow: hidden;display: flex;align-items: center;text-align: left;box-shadow: var(--shadow);} .noty_body i{width: 60px;height: 60px;font-size: 2.5rem;display: flex;align-items: center;justify-content: center;} .noty_type__error .noty_body{} .noty_body .title.good{font-size: 14px;color: var(--color-black);} .cart-ajax .cart-product, .cart-ajax .buttons #quickform-close{display:none;} .noty__message{width: 100%;display: flex;align-items: center;} .noty_type__warning .noty_body{} .noty_layout_mixin, #noty_layout__top, #noty_layout__topLeft, #noty_layout__topCenter, #noty_layout__topRight, #noty_layout__bottom, #noty_layout__bottomLeft, #noty_layout__bottomCenter, #noty_layout__bottomRight, #noty_layout__center, #noty_layout__centerLeft, #noty_layout__centerRight{-webkit-transform: translateX(0) scale(1,1);transform: translateX(0) scale(1,1);} .noty__message a, .noty_content a, .noty_body .mess a{} .noty__message a:hover, .noty_content a:hover{} .noty_body .image{width: 50px;height: 50px;min-width: 50px;border-radius: 4px;overflow: hidden;background-color:var(--color-white);margin-right:16px;display: none;} .noty_body .image img{width: 100%;height: 100%;object-fit: contain;} .noty_body .noty-right{display: flex;flex-direction: column;height: 100%;width: 100%;} .noty_body .noty-right .title{display: flex;align-items: center;} .noty_body .noty-right .status-title, .noty_body .noty__title{color: var(--noty-color-title);font-size: 16px;} .noty_body .noty-right .status-title a, .noty_body .noty__title a{color: var(--color-primary);transition:0.3s;} .noty_body .noty-right .status-title a:hover, .noty_body .noty__title a:hover{color: var(--color-yellow);} .noty_body .noty-right .name, .noty_body .noty-right .noty__text{overflow: hidden;} .noty_body .noty-right .name a, .noty_body .noty-right .noty__text a{text-decoration: revert;} .noty_body .cart-ajax{display: flex;width: 100%;} .noty_body .cart-ajax .message{display:none;color: var(--color-white);padding: 0;background: transparent;margin: 0;min-height: initial;} .noty_type__warning .noty_body .cart-ajax .message{display:block;} #noty_layout__bottomRight{top: initial;bottom: 30px;right: 16px;width: max-content;max-width: 460px;} .noty_type__success .buttons{position:relative;min-width: 140px;display: flex;align-items: center;margin-left: 20px;display:none;} .noty_type__success .buttons .quickform{display: flex;align-items: center;transition:0.3s;position: relative;padding-left: 20px;width: 100%;white-space: nowrap;} .noty_type__success .buttons .quickform:hover{color: var(--color-yellow);} .noty_type__success .buttons .quickform .icon_{min-width:16px;width:16px;height:16px;margin-right:0;margin-left:8px;background-color: var(--color-primary);transition:0.3s;} .noty_type__success .buttons .quickform:hover .icon_{background-color: var(--color-yellow);} .noty_type__success .buttons:before{content: '';display: block;height: calc(100% + 40px);width: 1px;position: absolute;top: -20px;left: 0;border-left: 1px solid var(--line);} .noty_type__success .buttons.hide{display: none;} /* Иконки в уведомлении */ .noty_body .icon-check{display: none;margin-right: 8px;background-color: var(--noty-color-ok);-webkit-mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: contain;width: 16px;min-width: 16px;height: 16px;} .noty_body .icon-check{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.4281 3.39182C23.5914 3.53185 23.7256 3.7027 23.8229 3.89461C23.9203 4.08652 23.9788 4.29573 23.9952 4.51027C24.0116 4.72482 23.9856 4.9405 23.9187 5.14499C23.8517 5.34948 23.7451 5.53876 23.6049 5.70203L10.5036 20.9869C10.3567 21.1583 10.1759 21.2975 9.97273 21.3957C9.76951 21.4939 9.54818 21.549 9.32264 21.5576C9.0971 21.5662 8.87221 21.5281 8.6621 21.4457C8.45198 21.3633 8.26117 21.2383 8.10164 21.0787L0.459184 13.4362C0.161012 13.1272 -0.00386363 12.7134 6.87601e-05 12.284C0.00400115 11.8546 0.176427 11.444 0.480208 11.1405C0.78399 10.837 1.19482 10.665 1.62422 10.6614C2.05361 10.6579 2.46721 10.8232 2.77594 11.1216L9.1694 17.5129L21.12 3.57088C21.4028 3.24156 21.8047 3.03796 22.2374 3.00479C22.6702 2.97163 23.0984 3.10943 23.4281 3.39182Z' fill='%2300A692'/%3E%3C/svg%3E");} .noty_body .icon-close{margin-right: 8px;background-color: var(--error-color);-webkit-mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: contain;width: 16px;min-width: 16px;height: 16px;} .noty_body .icon-close{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_2741_12788)'%3E%3Cpath d='M1.53438 15.9913C1.13755 16.0144 0.747275 15.8825 0.44584 15.6234C-0.148613 15.0254 -0.148613 14.0596 0.44584 13.4616L13.4624 0.444962C14.0807 -0.133587 15.0509 -0.101426 15.6294 0.516858C16.1526 1.07597 16.1831 1.93534 15.7008 2.53009L2.60756 15.6234C2.31004 15.8787 1.92599 16.0104 1.53438 15.9913Z' fill='%23E73245'/%3E%3Cpath d='M14.5357 15.9917C14.1335 15.99 13.748 15.8303 13.4624 15.5471L0.445806 2.53044C-0.104924 1.88732 -0.0300492 0.919449 0.613075 0.368668C1.18708 -0.122889 2.03362 -0.122889 2.60758 0.368668L15.7008 13.3853C16.319 13.964 16.3509 14.9342 15.7722 15.5524C15.7492 15.577 15.7254 15.6007 15.7008 15.6238C15.5422 15.7617 15.3569 15.8655 15.1565 15.9288C14.9561 15.9921 14.7447 16.0135 14.5357 15.9917Z' fill='%23E73245'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2741_12788'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .noty_body .icon-check, .noty_body .icon-close{display:flex;} /*Если нет ошибки*/ .noty_type__success .noty_body{margin-top: 30px;} .noty_type__success .noty_body .noty__addto{display: flex;} .noty_theme__sunset.noty_type__success{background: transparent;padding: 0;border-radius: 0 !important;margin-top: 0;} .noty_layout .noty_bar .noty_progressbar{opacity: 1;height: 4px;left: 10px;border-radius: 2px;display: none;} .noty_bar.noty_type__success .noty_progressbar{background-color: var(--color-primary);} /*Если ошибка*/ .noty_bar.noty_type__error .noty_body{} .noty_type__error .noty_body{margin-top: 16px;} .noty_bar.noty_type__error .noty_progressbar, .noty_bar.noty_type__warning .noty_progressbar{background-color: var(--error-color);} .noty_bar.noty_type__warning .noty__title, .noty_bar.noty_type__warning .noty-right .status-title{color: var(--noty-color-title-error);} @media (max-width: 1039px){ #noty_layout__bottomRight{bottom: 115px;} } @media (max-width: 767px){ .noty_body{padding: 10px 16px;font-size: 14px;min-height: 60px;} .noty_body .noty-right .status-title, .noty_body .noty__title{font-size: 14px;} } @media (max-width: 639px){ .noty_type__success .buttons{display:none;} #noty_layout__bottomRight{max-width: calc(100% - 40px);right: 0;} } /*** Быстрый заказ ***/ .quickformfast{max-width: 500px;overflow-x: hidden;text-align: center;} @media (max-width: 479px){ .quickformfast{padding: 0;} } .order_left .min_priceOrder_info{font-size: 14px;width: 100%;margin-bottom: 20px;color: var(--error-color-text);padding: 16px;border-radius: 8px;background: var(--error-color);} .order_right .min_priceOrder_info{display:none;font-size: 12px;color: var(--error-color);margin: 8px 0;font-weight: 600;text-align: center;} .buttonsOrder button[disabled="disabled"]{background: var(--color-btnDisabled);border-color: var(--color-btnDisabled);pointer-events: none;} .disc_item .procent span span + span{display: none;} .cart_discount_bottom{display: flex;align-items: center;width: 100%;margin-top: 20px;background: #070a2e;padding: 15px 30px;border-radius: 0 20px;} .cart_discount_bottom .minDiscountPrice{font-weight: 800;white-space: nowrap;} .cart_discount_bottom .minDiscountCount{font-weight: 800;color: var(--color-primary);white-space: nowrap;} .openList-btn{cursor: pointer;width: 16px;height: 16px;min-width: 16px;background-color: var(--color-grey);margin-right: 0;transform: rotate(90deg);transition:0.3s;} .openList-btn.active{transform: rotate(90deg) scaleX(-1);} .orderContainer .order_right{overflow: hidden;} .orderContainer .order_right ul{display: none;padding: 0 5px 0 0;margin: 0;list-style: none;max-height: 315px;overflow-x: hidden;overflow-y: auto;margin-bottom: 16px;} .orderContainer .order_right ul .item{position: relative;overflow: hidden;padding: 0;display: flex;} .orderContainer .order_right ul .item:not(:last-child){margin-bottom: 16px;padding-bottom: 16px;border-bottom: 1px solid var(--line);} .orderContainer .order_right ul .item .product-details{position: relative;text-align: left;width: 100%;} .orderContainer .order_right ul .item .product-details .product-name{font-weight: 400;font-size: 14px;word-break: break-word;margin-bottom: 8px;} .orderContainer .order_right ul .item .product-details .quantity{font-size:14px;font-weight: 800;color:var(--color-red);} .orderContainer .order_right ul .product-details .product-price .price{font-weight: 800;font-size: 16px;} .orderContainer .order_right ul .product-details .product-price .price > span:after{font-size: 12px;} .orderContainer .order_right ul .item .product-details .product-modif{display: flex;align-items: center;flex-wrap: wrap;font-size: 14px;color: var(--color-grey);margin-bottom: 8px;grid-gap: 5px;} .orderContainer .order_right ul .item .product-details .price{font-size: 18px;} .orderContainer .order_right .subtotal{width: 100%;display: flex;align-items: center;text-transform: uppercase;font-weight: 800;} .orderContainer .order_right .subtotal .label{display: inline-block;vertical-align: middle;font-size: 16px;color: #babdde;} .orderContainer .order_right .subtotal .price{color: var(--color-white);font-size: 18px;margin-left: 5px;} .orderContainer .order_right .subtotal .price{color: #ffffff;font-size: 18px;margin-left: 5px;} .orderContainer .order_right .product_action > div{display: flex;align-items: center;justify-content: space-between;} .orderContainer .order_right .product_action .delivery-sum .price .sum_curr{margin-left:5px;} .orderContainer .order_right .item .product-image{min-width: 60px;width: 60px;height: 60px;margin-right: 8px;display:flex;align-items: center;justify-content: center;background: var(--bgImg);z-index: 1;text-align: center;border-radius: 8px;overflow: hidden;} .orderContainer .order_right .item .product-image img{max-width: 100%;max-height: 100%;} .orderContainer .order_right .cart-products-wrapper{} .orderContainer .order_right .order_right_wrapper{padding: 30px;border-radius: 16px;background: var(--color-white);} .orderContainer .order_right .product_action .totel .title{font-size: 18px;color: #babdde;text-transform: uppercase;font-weight: 800;} .orderContainer .order_right .buttonsOrder{margin-bottom: 20px;} .orderContainer .adress .form-list{display: flex;flex-wrap: wrap;grid-gap: 12px;} .orderContainer .adress .form-list .fields{width: calc(50% - 6px);} .orderContainer .adress .form-list .fields.country_{width: 100%;} .adress .form-list .deliveryDate{position:relative;} .adress .form-list .deliveryDate .calendar_btn{opacity: 1;transition: 0.3s;cursor: pointer;position: absolute;top: 0;right: 0;height: 48px;width: 48px;border-radius: 0 8px 8px 0;display: flex;align-items: center;justify-content: center;} .adress .form-list .deliveryDate .calendar_btn .icon_{margin: 0;width: 20px;height: 20px;min-width: 20px;background-color: var(--color-tertiary);} .adress .form-list .deliveryDate .calendar_btn.active{} .adress .form-list .deliveryDate .calendar_btn.active .icon_{background-color: var(--color-primary);} .adress .form-list .fields{margin: 0;} .orderContainer .order_right ul .header-toolsAmount.quantity{font-size: 14px;margin-right: 5px;line-height: 1;color: var(--color-white);color: var(--color-primary);} .quickformfast .success, .quickformfast .warning{margin-bottom: 10px;} .quickformfast .form-list{margin-bottom: 0;} .formfast .formfast .buttons{margin-left: auto;display: flex;flex-direction: column;align-items: flex-end;} .formfast .order_grid{display: flex;flex-wrap: wrap;width: 100%;grid-gap: 20px;} .formfast .order_grid > div{width: 100%;background: var(--color-white);border-radius: 12px;padding: 30px;} label.checkbox-name{color: var(--color-black);cursor:pointer;} .formfast .pp{text-align: right;} .blockAccountAddress > div:not(:last-child), .blockDeliveryPaymentCoupons > div:not(:last-child){margin-bottom:30px;} .formfast{text-align: center;padding: 0 !important;} .formfast .title{font-size: 28px;font-weight: 800;margin-bottom: 20px;text-align: left;position: relative;} .formfast #caps_lock .fa-warning{font-size: 18px;color: #cc003d;} .formfast .order_grid .account .fields-grid{display: flex;flex-wrap: wrap;grid-gap: 16px;} .formfast .order_grid .account .fields-grid .fields{width: calc(50% - 8px);} .formfast .order_grid .account .fields-grid .fields.email{width: 100%;} .fields_container{display: flex;align-items: center;} .fields_container .first{width: calc(50% - 15px);margin-right: 30px;} .fields_container .last{width: calc(50% - 15px);} .form-list input{max-width:100%;} .formfast .contactWantRegister{display: flex;align-items: center;margin-top: 12px;} .formfast .contactRegisterNeedElement.fields{margin-top: 16px;} .formfast .contactWantRegister label.checkbox-name{padding-left: 12px;position:relative;transition: 0.3s;} .formfast .contactWantRegister input:checked + label{color: var(--color-primary);} .formfast{position: relative;} .formfast textarea{max-width: 100%;} .formfast .button{margin-bottom: 15px;} .adress, .customer, .payment, .coupons{width: 100%;} .customer .input-box{margin-bottom: 15px;} .customer .input-box:last-child{margin-bottom: 0;} .customer .contactRegisterNeedElement{margin-top:8px;} .customer .control{margin-top: 10px;} .customer .control input{display: inline-block;vertical-align: middle;margin-top: 1px;} .delivery .manufacturer-list > div{margin-top: 15px;} .payment .quick_order_payment{width: 100%;} .delivery .manufacturer-list .currentDeliveryDesc, .payment .quick_order_payment .currentPaymentDescription{margin: 20px auto 0;overflow: hidden;text-align: left;} .delivery .manufacturer-list .currentDeliveryDesc > div{word-break: break-word;display: flex;font-size: 16px;} .delivery .manufacturer-list .currentDeliveryDesc > div span{color: var(--color-primary);font-weight: 600;} .delivery .manufacturer-list .currentDeliveryDesc > div .changeprice{margin-right:5px;} .delivery .manufacturer-list .currentDeliveryDescription{margin-top: 20px;} .delivery .deliveryZonePrice{margin-left: 20px;font-weight: bold;} .delivery .orderStageDeliveryListTable{width: 100%;} .delivery .orderStageDeliveryListTable.table-box > tbody > tr > td{width: auto;text-align: left;word-break: break-word;} .delivery .orderStageDeliveryListTable .cell1{background: #f5f5f5;padding: 0 5px;text-align: center !important;} .delivery .orderStageDeliveryListTable .cell3{min-width: 160px;} .delivery .orderStageDeliveryListTable input{cursor: pointer;vertical-align: middle;margin: 0;} .orderStageDeliveryZonePrice, .orderStageDeliveryDefaultPrice{margin-left: 5px;font-size: 14px;font-weight: 400;} .payment .orderStagePayment{float:left;position: relative;width:100%;margin:0 0 15px 0;} .payment .orderStagePayment:last-child{margin: 0;} .payment .orderStagePayment .cell1{float: left;width: 18px;} .payment .orderStagePayment .cell1 input{margin: 0;vertical-align: middle;} .payment .orderStagePayment .cell1 label.invalidInput{position: absolute;bottom: -15px;} .payment .orderStagePayment .cell2{float: left;width: 90%;} .couponBlock .input-box{position: relative;} .coupons .couponBlock label{display: block;margin-bottom: 10px;font-weight: normal;text-align: left;} .coupons .couponBlock .input-box{display: flex;align-items: center;} .coupons .couponBlock .input-box > div{width: 100%;position: relative;} .coupons .couponBlock .input{width: 100%;max-width: 100%;padding-right: 50px;} .coupons .couponBlock .coupon_clear{position: absolute;top: 0;right: 60px;height: 44px;display: flex;align-items: center;cursor: pointer;opacity:0;visibility: hidden;transition: all .3s;} .coupons .couponBlock .coupon_clear.active{opacity:1;visibility: visible;} .coupons .couponBlockSale{text-align: left;display: none;align-items: center;transition: color .3s;padding-top: 16px;} .coupons .couponBlockSale.active{display: flex;font-size: 14px;} .coupons .couponBlocLabel{margin-right: 5px;} .coupons .couponBlockPrice p{margin-bottom: 0;font-weight: 600;color: var(--color-primary);} .coupons .coupon-btn{margin: 0;position: absolute;top: 0;right: 20px;height: 100%;display: flex;align-items: center;justify-content: center;} .coupons .coupon-btn .icon_{width:22px;min-width:22px;height:22px;margin:0;background-color: var(--color-primary);transition:0.3s;} .coupons .coupon-btn[disabled="disabled"]{pointer-events: none;} .coupons .coupon-btn[disabled="disabled"] .icon_{background-color: var(--color-btnDisabled);} /* мышь, тачпад */ @media (hover: hover) and (pointer: fine){ .coupons .coupon-btn:hover .icon_{background-color: var(--color-black);} .formfast .contactWantRegister label.checkbox-name:hover{color: var(--color-primary);;} } .list-prod .title{display: flex;align-items: center;justify-content: space-between;grid-gap: 12px;} .list-prod .cart-products-list{display: flex;grid-gap: 10px;flex-wrap: wrap;} .list-prod .cart-products-list .item{position:relative;width: calc(100% / 6 - 9px);display: block;overflow: hidden;border-radius: 8px;} .list-prod .cart-products-list .item:nth-child(n+7){display: none;} .list-prod .cart-products-list .item.is-show{display: block !important;} .list-prod .cart-products-list .item .product-image{display: block;width: 100%;padding-bottom: 100%;background: var(--bgImg);} .list-prod .cart-products-list .item img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;} .list-prod .cart-products-list .item .quantity{position: absolute;bottom: 5px;left: 5px;width: 24px;height: 24px;border-radius: 50%;background: var(--color-white);color: var(--color-primary);font-size: 14px;font-weight: 700;display: flex;align-items: center;justify-content: center;box-shadow: var(--shadow);} .list-prod .list-prod_btn{margin-top: 16px;display:none;} .list-prod .list-prod_btn.visible{display: flex;} @media (max-width: 767px){ .list-prod .cart-products-list .item{width: calc(100% / 5 - 8px);} .list-prod .cart-products-list .item:nth-child(n+6){display: none;} } @media (max-width: 639px){ .list-prod .cart-products-list .item{width: calc(100% / 4 - 8px);} .list-prod .cart-products-list .item:nth-child(n+5){display: none;} } @media (max-width: 479px){ .list-prod .cart-products-list .item{width: calc(100% / 3 - 7px);} .list-prod .cart-products-list .item:nth-child(n+4){display: none;} } /*** Корзина ***/ .cart_block{width: 100%;} .cart_left_container, .orderContainer .order_left{width: calc(100% - 280px - 40px);} .orderContainer .order_right{border-radius: 20px;overflow: hidden;} .cart_right_container{width: 280px;padding: 30px 20px;background: var(--color-white);border-radius: 12px;overflow: hidden;height: max-content;position: sticky;top: 16px;box-shadow: var(--shadow);} .orderContainer .order_right{width: 280px;height: max-content;position: sticky;top: 16px;} .orderContainer .order_right .formfast-cart{padding: 30px 20px;background: var(--color-white);border-radius: 12px;overflow: hidden;box-shadow: var(--shadow);} .cartTable .items{width: 100%;display: flex;flex-wrap: wrap;position: relative;} .cartTable .items:not(:last-child){margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid var(--color-grey);} .cartTable .cart__items{width: 100%;display: flex;flex-wrap: wrap;border-radius: 12px;overflow: hidden;background: var(--color-white);padding: 30px 20px;} .cartTable .cart__total{width: 100%;} .cartTable .cart__total .totale-inner, .orderContainer .order_right .product_action{width: 100%;display: flex;flex-direction: column;grid-gap: 12px;} .cartTable .cart__total .actions{width: 100%;margin-bottom: 20px;} .cartTable .total, #quickform .order_right .total{margin-top: 16px;padding-top: 20px;border-top: 1px solid var(--color-grey);} .cartTable .cart__total .totale-inner > div{display: flex;align-items: flex-end;white-space: nowrap;width: 100%;justify-content: space-between;} .cartTable .total, #quickform .order_right .total{display: flex;align-items: center;justify-content: space-between;grid-gap: 12px;position: relative;} .cartTable .total .title, #quickform .order_right .total .title{font-size: 16px;font-weight: 400;} .cartTable .cart__total .totale-inner > div .sum_goods_right{font-weight: 800;} .cartTable .total .TotalSum, #quickform .order_right .total .TotalSum{font-size: 22px;font-weight: 800;} .totale_titleLeft{font-size: 16px;} .totale_titleRight{font-size: 18px;font-weight: 800;white-space: nowrap;} .cartTable .cart_title, .orderContainer .order_right .cart_title{margin-bottom: 20px;font-size: 24px;font-weight: 800;display: flex;align-items: center;justify-content: space-between;} .cartTable .buttons .cat-link{display:none;} .cart__buttons{display: flex;align-items: center;justify-content: space-between;width: 100%;grid-gap: 16px;margin-top: 30px;} .cart__buttons .clear_button{text-align: right;} .cart__items .items .cart-right_block{width: calc(100% - 100px);padding-left: 12px;display: flex;grid-gap: 8px 10px;justify-content: space-between;} .cart__items .items .cart-right_block .cart-qty{} .cart__items .items .cart-right_block .cart-qty.qty-set a{background: var(--color-grey);} .cart__items .items .cart-right_block .cart-qty.qty-set a span{background-color: var(--color-grey);} .cart__items .items .cart-right_block .cart-qty.qty-set a:hover span{background-color: var(--color-black);} .cart__items .items .cart-right_block .closetd{display: flex;align-items: center;grid-gap: 12px;color: var(--color-tertiary);font-size: 14px;font-weight: 700;} .cart__items .items .cart-right_block .closetd:after{display: none;} .cart__items .items .cart-right_block .closetd .icon_{background-color: var(--color-tertiary);margin: 0;width: 12px;height: 12px;min-width: 12px;transition: 0.3s;} .cart__items .items .cart-right_block .cart-price{display: flex;flex-direction: column;grid-gap: 4px 8px;overflow: hidden;width: 100%;max-width: 115px;} .cart__items .items .cart_action{width:100%;display: flex;align-items: center;justify-content: flex-end;} .cart__items .items .image{height: 100px;width: 100px;min-width: 100px;overflow: hidden;background: var(--bgImg);border-radius: 8px;} .cart__items .items .image img{height: 100%;width: 100%;max-width: 100%;max-height: 100%;object-fit: contain;} .cart__items .items .cart-right_block .cart-info{width: calc(100% - 240px - 30px);} .cart__items .items .cart-right_block .cart-name_wrap{display: flex;flex-direction: column;width: calc(100% - 330px);height: max-content;} .cart__items .items .cart-right_block .cart-name{font-size: 16px;max-height: 40px;overflow: hidden;word-break: break-word;display: block;} .cart__items .items .cart-right_block .product-modif{margin-top: 4px;display: flex;flex-wrap: wrap;grid-gap: 0 4px;} .cart__items .items .cart-right_block .product-modif .properties{color: var(--color-tertiary);font-size: 14px;display: block;position: relative;width: max-content;} .cart__items .items .cart-right_block .product-modif .properties:not(:last-child):after{content: ';';} .cart__items .items .cart-right_block .product-modif .properties .properties_name{font-weight: 600;} .cart__items .items .cart-action{display: flex;flex-direction: column;align-items: flex-end;grid-gap: 16px;} .cartTable .cart__buttons a .cart__buttons-icon{margin-right: 10px;} .cartTable, .orderContainer{display: flex;flex-wrap: wrap;grid-gap: 30px 40px;} .cartTable #closeOrder{display: none} .cartTable svg{fill: #e8dbcf} .cartTable svg:hover{fill: #ff7e7a} .cartTable.disable .qty-wrap a, .cartTable.disable .qty-wrap input{color: var(--color-black);pointer-events: none;cursor: default;} .cartTable.disable .cart-price{padding:0;text-align: right;} .cartTable.disable .closetd{display: none;} .cartTable .cart__total .discounttr{position:relative;} .cartTable .cart__total .discounttr .price, .order_right .product_action .discounttr .price{color: var(--color-red);} .cartTable .buttons{display: flex;width: 100%;flex-direction: column;} .orderContainer .order_right .pp, .cartTable .buttons .pp{font-size: 12px;display: flex;text-align: center;margin-top: 12px;justify-content: center;} .cartTable .buttons .pp{display:none;} .cartTable .buttons #startOrder, .orderContainer .order_right .buttonsOrder button{max-width: 100%;width: 100%;padding: 10px;height: 50px;} .cartTable .cart__total .clear_button{font-size: 14px;margin-top:10px;text-decoration: revert;} .cartTable .cart__total .clear_button:hover{color: var(--color-blue);} .cartTable .cart_left_container .cart-price .price:not(.old-price){font-size: 18px;} .cartTable .price.old-price{font-size: 14px;display:none;} .cart__items .items .one-product-price{font-size: 14px;color: var(--color-tertiary);} .cartTable .goods-image-other{max-width: 100px;max-height: 100px} .cartTable .buttons .delete-all{margin: auto;margin-top: 10px} .cartTable .buttons .button i{margin-right: 10px;font-size: 21px} .cartTable .inputText{text-align: center;padding: 0;max-width: 80px;border-color: #e8dbcf} .cartTable .inputText:disabled{background-color: #ececec;cursor: not-allowed} #closeOrder{transition: 0.3s;} .cart-footer{margin: 0;margin-top: 20px;margin-left: auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;text-align: center;border: 1px solid #e8dbcf;background-color: #fbf6ee;width: 100%;padding-bottom: 20px;max-width: 360px;padding: 15px} .cart-footer .buttons{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column} .cart-footer .buttons a{margin: auto} .cart-footer .buttons a.delete-all{margin-top: 20px} .cart-footer .buttons a.delete-all:hover{color: #ff7e7a;} .cart-footer .discounttr{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 10px} .dotted-line{-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;border-bottom: 2px dotted #e8dbcf;margin: 0 10px;margin-bottom: 5px} .TotalSum{display: -webkit-box;display: -ms-flexbox;display: flex;} #startOrder[disabled="disabled"]{background: var(--color-btnDisabled);border-color: var(--color-btnDisabled);pointer-events: none;} #startOrder[disabled="disabled"]:after{border-left-color: var(--color-btnDisabled);} /*Корзина минимальная цена */ .minPriceBlock .rangeScore{font-size: 14px;display: flex;flex-wrap: wrap;align-items: center;padding: 16px;border-radius: 8px;width: 100%;margin-top: 30px;} .minPriceBlock .titlePrice{font-size: 14px;display: flex;flex-wrap: wrap;align-items: center;padding: 20px;border-radius: 16px;width: 100%;margin-top: 30px;} .minPriceBlock .titlePrice .text{margin-top:8px;width: 100%;} .minPriceBlock .titlePrice.minPriceCurrent{background: var(--bg);color: var(--color-black);} .minPriceBlock .titlePrice.minPrice_0{background: var(--color-blue);color: var(--color-white);display:none !important;} .minPriceBlock .icon_{width: 16px;height: 16px;min-width: 16px;margin-right: 12px;background-color: var(--color-red);} #minPrice{margin: 0;margin-top:15px;border: 0;overflow: hidden;width: 100%;max-width: 100%;height: 4px;padding: 0;-webkit-appearance: none;background-color: var(--color-tertiary)50;border-radius: 4px;cursor: default;pointer-events: none;} #remainderPrice{white-space: nowrap;font-weight: 700;} #minPrice::-webkit-slider-runnable-track{height: 10px;-webkit-appearance: none;color: #13bba4;margin-top: -1px;} #minPrice::-webkit-slider-thumb{width: 5px;-webkit-appearance: none;height: 20px;border-radius: 5px;cursor: ew-resize;background: var(--color-blue);box-shadow: -1000px 0 0 1000px var(--color-blue);} #minPrice::-moz-range-progress{background-color: var(--color-blue);} #minPrice::-moz-range-track{background-color: var(--color-black);} #minPrice::-ms-fill-lower{background-color: var(--color-blue);} #minPrice::-ms-fill-upper{background-color: var(--color-black);} #minPrice, .minPriceBlock .rangeScore{display: none !important;} /* мышь, тачпад */ @media (hover: hover) and (pointer: fine){ .cart__items .items .cart-right_block .cart-name:hover{color: var(--color-primary);} .cart__items .items .cart-right_block .closetd:hover{color: var(--color-primary);} .cart__items .items .cart-right_block .closetd:hover .icon_{background-color: var(--color-primary);} #closeOrder:hover{color:var(--color-primary);} .cart_toolbar .clear_button:hover{color:var(--color-primary);} .cart_toolbar .clear_button:hover .icon_{background-color:var(--color-primary);} } @media (max-width: 1139px){ .cart_right_container, .orderContainer .order_right{width: 240px;} .cart_left_container, .orderContainer .order_left{width: calc(100% - 240px - 16px);} .cartTable, .orderContainer{grid-gap: 30px 16px;} } @media (max-width: 1023px){ .cart_left_container, .orderContainer .order_left{width: 100%;} .cart_right_container, .orderContainer .order_right{width:100%;} .formfast .title{font-size: 24px;} } @media (max-width: 767px){ .cart__items .items .cart-right_block{flex-direction: column;grid-gap: 0;justify-content: center;} .cart__items .items .cart-right_block .cart-name_wrap{width: 100%;} .cart__items .items .cart-right_block .cart-price{width: 100%;max-width: 100%;flex-direction: initial;flex-wrap: wrap;align-items: center;margin-top: 12px;} } @media (max-width: 639px){ .orderContainer .adress .form-list .fields{width: 100%;} .formfast .order_grid .account .fields-grid .fields{width: 100%;} .formfast .title{font-size: 18px;} .formfast .order_grid > div{padding: 20px 16px;} } @media (min-width: 480px) and (max-width: 767px){ .cart__items .items .cart-right_block{padding-right: 150px;} .cart__items .items .cart-action{position: absolute;top: 50%;right: 0;transform: translateY(-50%);} } @media (max-width: 479px){ .cart__items .items .cart-action{flex-direction: initial;grid-gap: 12px;width: 100%;margin-top: 12px;} .cart__items .items .cart-right_block .closetd{font-size: 0;height: 40px;grid-gap: 0;margin-left: auto;} .cart__items .items .image{height: 80px;width: 80px;min-width: 80px;} .cart__items .items .cart-right_block{width: calc(100% - 80px);padding-left: 8px;} .cart__items .items .cart-right_block .cart-name{font-size: 14px;max-height: 53px;} .cartTable .items:not(:last-child){margin-bottom: 12px;padding-bottom: 12px;} .cart__items .qty-wrap{width: 120px;height: 40px;} .cart__items .qty-wrap > a{max-width: 40px;} .cartTable .cart_left_container .cart-price .price:not(.old-price){width:100%;} .cart__items .items .cart-right_block .cart-price, .cart__items .items .cart-action{margin-top: 8px;} .cart__items .items .cart-right_block .product-modif .properties{font-size: 12px;} .cart__buttons{grid-gap: 8px;margin-top: 20px;} .cart__buttons .clear_button, .cart__buttons .back_button{font-size: 12px;} .cart__buttons .clear_button .icon_, .cart__buttons .back_button .icon_{display: none;} .cartTable, .orderContainer{grid-gap: 20px 16px;} .delivery .manufacturer-list .currentDeliveryDesc > div{font-size:14px;} .delivery .manufacturer-list .currentDeliveryDescription{margin-top: 12px;} } /*** Личный кабинет (Страницы) ***/ .col-block{display: flex;width: 100%;grid-gap: 30px 16px;flex-wrap: wrap;} /*.col-block .col-account.contacts, .col-block #feedback{background: var(--color-white);padding: 30px 20px;border-radius: 16px;}*/ .col-block #feedback{width: 400px;} .col-block .col-account.contacts{width: calc(100% - 416px);} .maps_block{width: 100%;margin-top:30px;} .maps_block iframe{border-radius: 5px;overflow: hidden;} .lk_btn{margin:30px auto 0;width: 200px;} .col-account.form .fields:not(:last-child){margin-bottom: 8px;} .col-account.form .fields{position:relative;} .col-account.form h3{text-align: left;font-size: 16px;font-weight: 800;margin-bottom: 24px;} .col-account.form textarea{max-width: 100%;} .col-account.form input[name="form[assets_file]"]{border: none;padding: 0;margin-top: 10px;height: auto;} .col-account.form button{width: 100%;margin-top: 20px;} .col-account.contacts h3{display:none;} .col-account.form .pp{text-align: left;margin-top: 8px;} .form-list .fields .input-box{position: relative;} .form-list .fields:last-child{margin-bottom: 0;} .form-list .fields > label, .form-list .field > label{display: block;margin-bottom: 10px;text-align: left;} .account .message{margin-left: 15px;margin-right: 15px;} .account.row .clientForm:not(.userPage){width: 100%;display: flex;flex-wrap: wrap;grid-gap: 30px 16px;} .optionAcc .col-account{width: calc(100% / 2 - 8px);height: max-content;} .clientForm .form-list{width:100%;} .clientForm .form-list .fields:not(:last-child){margin-bottom:8px;} .clientForm .form-list .fields{position: relative;} .optionAcc .col-account h3{font-size: 24px;font-weight: 800;margin-bottom: 12px;position: relative;color: var(--color-black);} .optionAcc .col-account .buttons{margin-top: 16px;} .optionAcc .col-account .buttons .button{max-width: 100%;width: 100%;} .optionAcc .col-account textarea{max-width: 100%;} .account .accoutnPageBlock{display: flex;flex-wrap: wrap;width: 100%;} .account .accoutnPageBlock h3{margin-bottom: 12px;font-size: 24px;font-weight: 800;} .account .accoutnPageBlock .buttons{margin-top: 16px;grid-gap: 12px;width: 100%;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;} .account .accoutnPageBlock .first{width: 400px;} .account .accoutnPageBlock .first, .account .accoutnPageBlock .second{} .account .accoutnPageBlock .first .buttons .button{width: 100%;} .account .accoutnPageBlock .first .buttons.two_ .button{width: 100%;} .account .accoutnPageBlock .first .buttons.two_ .button:last-child{} .account .accoutnPageBlock .second{width: calc(100% - 400px - 24px);margin-left: 24px;height: max-content;} .account .accoutnPageBlock .second .col-account{} .account .accoutnPageBlock p{color: var(--color-black);font-size: 14px;margin: 0 0 16px;} .account .accoutnPageBlock .second .buttons{display: flex;flex-wrap: wrap;margin-top: 0;} .account .accoutnPageBlock .second a{width: calc(50% - 12.5px);} .account .accoutnPageBlock .pp{margin-top: 10px;text-align: left;display: flex;} .account .accoutnPageBlock .first .buttons .button5{justify-content: center;} @media (max-width: 900px){ .col-block #feedback, .col-block .col-account.contacts{width: 100%;} .col-block #feedback{max-width:400px;} .account .accoutnPageBlock .first{width: 100%;} .account .accoutnPageBlock .second{width: 100%;margin-left: 0;margin-top:30px;} .account .accoutnPageBlock .buttons .button{max-width: calc(50% - 16px);width: 100%;} } @media (max-width: 767px){ .account.row .clientForm{grid-template-columns: repeat(1, 1fr);grid-gap: 20px;} .account.row .clientForm:not(.userPage){grid-template-columns: repeat(1, 1fr);} .account .accoutnPageBlock h3{font-size:18px;} .optionAcc .col-account h3{font-size: 18px;} } @media (max-width: 639px){ .account.row .clientForm .col-account{width: 100%;} .account .accoutnPageBlock .buttons .button{max-width: 100%;} .col-block #feedback{max-width:100%;} } @media (max-width: 479px){ .account .accoutnPageBlock .second a{width: 100%;} .account .accoutnPageBlock .first .buttons.two_ .button{width: 100%;} } /*** Личный кабинет (Избранное) ***/ .account.cart-info .buttons .button{margin-right: 11px;margin-bottom:5px;} /*** Обратный звонок, Связь с администрацией ***/ .blocks_contact{display: flex;flex-direction: column;grid-gap: 30px;} .blocks_contact .title_contact, .col-account.form h3{font-size: 18px;font-weight: 600;text-transform: uppercase;margin-bottom: 20px;display: block;} .blocks_contact div > div:not(:last-child){margin-bottom: 12px;} .blocks_contact .block > div a, .blocks_contact .block .infoBlock{display: flex;align-items: center;color: var(--color-black);;} .blocks_contact .block > div a .icon_, .blocks_contact .block .infoBlock .icon_{background-color: var(--color-black);margin-right: 6px;} .blocks_contact .block > div a:hover{color:var(--color-primary);} .blocks_contact .block > div a:hover .icon_, .blocks_contact .block .infoBlock:hover .icon_{background-color: var(--color-primary);} .col-account.form input[name="form[assets_file]"]{font-size:14px;background: none;border-radius: 0;margin-top: 10px;} .col-account.form .file label{color: var(--color-black);font-size: 14px;} @media (max-width: 479px){ .blocks_contact .title_contact, .col-account.form h3{font-size: 16px;margin-bottom: 12px;} .blocks_contact{grid-gap: 20px;} } /** Платежные системы на странице просмотра заказа **/ .order-info .paymentQiwi .tr2 .ceil1{padding: 25px 0 25px;} .order-info .paymentQiwi .tr6 .ceil1{padding: 16px 10px 15px;} .order-info .paymentQiwi .PhoneLabel, .order-info .paymentQiwi .PhoneInput{float: none;} .order-info .paymentQiwi .PhoneInput{padding: 10px 0 0;} .order-info .paymentQiwi #form_phone{width: 130px;text-align: center;} /*** Оформление заказа ***/ .orderStrageContent .quick_order_payment, .orderStrageContent .coupons{margin-bottom: 15px;} .orderStrageContent .buttons .button:nth-child(2){float: right;} .orderStrageContent .payment{margin-bottom: 16px;} .orderStrageContent .registrations .text, .orderStrageContent .form-list .text{text-transform: uppercase;margin-bottom: 8px;} .orderStrageContent .registrations .text-italic{color: #b2b2b2;margin-bottom: 16px;} .orderStrageContent .registrations .contactWantRegister input{margin: 0;vertical-align: middle;} .orderStrageContent h3.title{margin-bottom: 16px;} .orderStrageContent .delivery{margin-bottom: 16px;} .stages-list{float: left;width: 100%;margin: 30px 0 20px 0;padding-top: 30px;border-top: 1px solid #eacd8e;} .stages .stage{display: inline-block;width: 48px;height: 48px;line-height: 48px;background-color: #c1c1c1;text-align: center;margin-right: 15px;margin-bottom: 15px;color: #fff;font-size: 22px;} .stages .title{display: inline-block;font-size: 20px;color: #b2b2b2;text-transform: uppercase;} .stages.active .stage, .stages:hover .stage{background-color: var(--color-primary);} .stages.active .title, .stages:hover .title{color: #21293c;} /*** Страница Поиск ***/ .page-content .search{padding: 16px;} .page-content .search h4{margin-bottom: 10px;} /*** Акции ***/ body .discount-box_promoPage.products-swiper .swiper{padding: 0 !important;margin: 0 !important;} body .discount-box_promoPage.products-swiper{display:block;overflow: visible;} .discount-box{border-radius: 8px;overflow: hidden;margin-bottom: 30px;background: var(--color-secondary);padding: 16px;} .discount-box h4{font-size:16px;} .discount-box_promoPage{display: flex;flex-wrap: wrap;grid-gap: 20px 16px;} .discount-box_promoPage .item{width: calc(100% / 4 - 12px);position: relative;display: flex;flex-direction: column;} .discount-box_promoPage .discount_wrap{margin-top: 30px;background: var(--color-white);border-radius: 0 12px 12px 12px;display: flex;flex-direction: column;align-items: center;padding: 38px 20px 20px;flex: 1;} .discount-box_promoPage .discount_date{margin-bottom:20px;color: var(--color-red);font-size: 14px;font-weight: 700;display: flex;align-items: center;justify-content: center;grid-gap: 5px;} .discount-box_promoPage .discount_date .icon_{width: 16px;min-width: 16px;height: 16px;margin: 0;background-color: var(--color-red);} .discount-box_promoPage .discount_name{font-size: 16px;font-weight: 700;text-transform: uppercase;overflow: hidden;max-height: 44px;margin-bottom: auto;} .discount-box_promoPage .discount_btn{display: flex;align-items: center;color: var(--color-tertiary);margin-top: 16px;font-size: 14px;font-weight: 800;grid-gap: 8px;transition:0.3s;} .discount-box_promoPage .discount_btn .icon_{width:12px;min-width:12px;height:12px;margin: 0;background-color:var(--color-tertiary);transition:0.3s;} .discount-box_promoPage .discount_count{--color: var(--color-red);position: absolute;background: #FAD6DA;border-radius: 50px;top: 0;left: 50%;transform: translateX(-50%);color: #FAD6DA;text-transform: uppercase;font-size: 24px;font-weight: 800;width: 140px;height: 60px;display: flex;align-items: center;justify-content: center;letter-spacing: 3px;text-shadow: -2px -2px 0 var(--color), 0 -2px 0 var(--color), 2px -2px 0 var(--color), 2px 0 0 var(--color), 2px 2px 0 var(--color), 0 2px 0 var(--color), -2px 2px 0 var(--color), -2px 0 0 var(--color);} .discount-box_promoPage .item.off_ .discount_count{--color: var(--color-tertiary);background: var(--color-grey-l);color: var(--color-grey-l);} .discount-box_promoPage .item.off_ .discount_date{color: var(--color-tertiary);} .discount-box_promoPage .item.off_ .discount_date .icon_{background-color: var(--color-tertiary);} .discount-box_promoPage .item.off_ .discount_btn{display:none;} /* мышь, тачпад */ @media (hover: hover) and (pointer: fine){ .discount-box_promoPage .discount_btn:hover{color: var(--color-primary);} .discount-box_promoPage .discount_btn:hover .icon_{background-color: var(--color-primary);} } @media (max-width: 1023px){ .discount-box_promoPage .item{width: calc(100% / 3 - 11px);} } @media (max-width: 767px){ .discount-box_promoPage .item{width: calc(100% / 2 - 8px);} } @media (max-width: 479px){ .discount-box_promoPage .item{width: 100%;} } /**************************************/ /*** Страница: Сравнение ***/ /**************************************/ .page-compare{} .page-compare .swiper{padding: 0 0 16px 0;margin-bottom: 16px;border-bottom: 1px solid var(--color-grey);} .page-compare .compare__line .swiper{border-bottom: 1px solid var(--line);} .compare__switch-icon{background: var(--color-grey);} .compare__switch-icon:after{background: var(--color-white);} .switch-on .compare__switch-icon{background: var(--color-primary);} .compare__nav{margin-bottom: 24px;position: relative;display: flex;align-items: center;justify-content: space-between;grid-gap: 16px;} .compare__nav .swiper-navigation{display: flex;align-items: center;grid-gap: 20px;} .compare__nav .swiper-navigation > div{position: initial;transform: translate(0);} .compare__switch{display: flex;align-items: center;grid-gap: 8px;width: max-content;} .compare__switch:hover{cursor: pointer;} .compare__switch-icon{display: inline-block;position: relative;width: 60px;height: 30px;border-radius: 8px;z-index: 0;padding: 0;border: none;cursor: pointer;transition-duration: 300ms;} .compare__switch-icon:after{content: '';position: absolute;top: 7px;left: 7px;height: 16px;width: 16px;border-radius: 4px;transition-duration: 300ms;z-index: 1;} .switch-on .compare__switch-icon:after{left: 36px;} .compare__line{margin-bottom: 16px;padding-bottom: 16px;} .compare__line:nth-child(-n+2){border: 0;padding: 0;} .compare__cell{margin-bottom: 16px;width: 100%;font-weight: 800;display: flex;align-items: center;} .compare__cell input{margin-right: 8px;} .compare__image{padding-bottom: 100%;position: relative;width: 100%;display: block;background: var(--bgImg);border-radius: 12px;overflow: hidden;} .compare__image img{width: 100%;height: 100%;max-width: 100%;max-height: 100%;position: absolute;top: 0;left: 0;display: block;object-fit: contain;} .compare__remove{top: 0;right: 0;position: absolute;background: var(--color-white);border-radius: 0 0 0 8px;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;} .compare__remove .icon_{display: block;width: 12px;min-width: 12px;height: 12px;background-color: var(--color-tertiary);margin: 0;transition: 0.3s;} .compare__remove:hover .icon_{background-color: var(--color-primary);} .compare__mod{margin-top: 4px;color: var(--color-tertiary);font-size: 14px;} .compare__price{display: flex;align-items: center;grid-gap: 0 8px;flex-wrap: wrap;overflow: hidden;} .compare__showAll{display: none;} .compare__buttons{display: flex;align-items: center;flex-wrap: wrap;grid-gap: 16px;margin-top: 24px;} .compare__buttons a{height: 50px;text-transform: initial;padding: 0 16px;width: 100%;max-width: 250px;} .compare__tbody .compare__name{font-size: 16px;word-break: break-word;} .compare__line .actions .actions-btn{width:100%;} .compare__line .actions .actions-btn .icon_{display:none;} .compare__buttons a.compare__showAll{} .compare__buttons a.compare__showAll:hover{} .compare__buttons a.compare__selected[disabled="disabled"]{border-color: var(--color-btnDisabled);background: var(--color-btnDisabled);color: var(--color-white);pointer-events: none;} .compare__cell input[type="checkbox"]:before{background: var(--color-grey);} .compare__cell input[type="checkbox"]:checked:before{background: var(--color-primary);} /** Таблица сравнений **/ .CompareGoodsTableTbody{padding: 16px;background: var(--color-white);border-radius: 4px;width: 100%;display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;} .CompareGoodsTableTbody > div{border-top: 1px solid #D9D9D9;width: 100%;margin-bottom: 1rem;display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;font-size: 14px;} .CompareGoodsTableTbody > div:not(.CompareGoodsTableTbodyComparisonLine){border: 0;text-align: center;} .CompareGoodsTableTbody > div:not(.CompareGoodsTableTbodyComparisonLine) .cell{display: none;} .CompareGoodsTableTbody > div .cell{width: 100%;padding: 1rem 0 0.625rem;} .CompareGoodsTableTbody > div .cell label{font-weight: bold;} .CompareGoodsTableTbody > div .cell input{display: none;} .CompareGoodsTableTbody .image a:not(.remove){overflow: hidden;border-radius: 4px;display: block;padding-bottom: 100%;position: relative;background: var(--color-white);} .CompareGoodsTableTbody .owl-item .image img{object-fit: contain;border-radius: 5px;position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .CompareGoodsTableTbody .remove{display: flex;align-items: center;justify-content: center;border-radius: 0 0 0 10px;position: absolute;top: 0;right: 0;z-index: 2;width: 24px;height: 24px;} .CompareGoodsTableTbody .remove:after{color: var(--color-black);} .CompareGoodsTableTbody .remove:hover:after{color: var(--color-primary);} .CompareGoodsTableTbody .CompareCheckbox{display: none;margin: 0 0.625rem 0 0;vertical-align: middle;} .CompareGoodsTableTbody .htmlDataBlock{text-align: left;overflow: hidden;} .CompareGoodsTableTbody .CompareGoodsHeader .title{display: block;max-height: 50px;overflow: hidden;text-align: left;font-size: 14px;word-break: break-word;} .CompareGoodsTableTbody .CompareGoodsHeader .mod{display: block;margin-top: 5px;font-size: 12px;line-height: normal;text-align: left;color: var(--color-tertiary);} .CompareGoodsTableTbody .actions{width: 100%;display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;} .CompareGoodsTableTbody .actions a{width: 100%;} .CompareGoodsTableTbody .actions a.add-cart.quick{margin-right:30px;} .CompareGoodsTableTbody .product__price{border: 0;display: flex;flex-direction: column;} .CompareGoodsTableTbody .actions .price-box .price__old{display: block;margin-right: 0;margin-top: 5px;} .CompareGoodsTableTbody .product__price .price.old-price{margin-left: 0;margin-top: 4px;width: max-content;} .CompareGoodsTableTbody .owl-stage-outer{margin-right: -1px;} @media (max-width: 479px){ .CompareGoods .price__old{margin-right: 0.5rem;} .CompareGoodsTableTbody .actions .price-box{width: 100%;margin-bottom: 1rem;} .CompareGoodsTableTbody .actions .add-notify:before{display: none;} .CompareGoodsTableTbody{padding: 12px;} .CompareGoodsTableTbody .actions a{font-size:14px;padding: 8px;} .CompareGoods__filter{flex-direction: column;} .compare__switch .compare__switch-label{display:none;} .compare__price .price{width: 100%;} .compare__line .actions .actions-btn{font-size:14px;height: 40px;padding: 10px} .compare__line .actions .actions-btn .icon_{display: inline-block;margin: 0;width: 20px;height: 20px;min-width: 20px;} .compare__tbody .compare__name{font-size:16px;} .compare__price .price:not(.old-price){font-size:16px} .compare__price .price.old-price{font-size:14px} } /** Таблица избранного **/ .favorites_page .products-grid .item .remove{top: 0;right: 0;position: absolute;background: var(--color-white);border-radius: 0 0 0 8px;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border: 0;} .favorites_page .products-grid .item .remove.add-wishlist:after{display:none;} .favorites_page .products-grid .item .remove.add-wishlist .icon_{display: block;width: 12px;min-width: 12px;height: 12px;background-color: var(--color-tertiary);margin: 0;transition: 0.3s;} .favorites_page .removeAll_btn{margin-top: 30px;} .favorites_page .removeAll_btn:after{display:none;} .favorites_page .item .product-name{margin:0;} /* мышь, тачпад */ @media (hover: hover) and (pointer: fine){ .favorites_page .products-grid .item .remove.add-wishlist.added:hover .icon_{background-color: var(--color-primary);} } /*** Новости ***/ .news-box h5.title a{margin:0;color: var(--color-black);line-height: normal;font-weight: 800;transition: 0.3s;} .news-box h5.title a:hover{color: var(--color-primary);} .news-box .button{margin-top:30px;} .news-box .news{padding: 16px;border-radius: 12px;background: var(--color-white);overflow: hidden;} .news-box .news:not(:last-child){margin-bottom: 16px;} .news-box .news .title{margin-bottom: 12px;font-size: 18px;font-weight: 800;} .news-box .news-content p{margin-bottom: 0px;} .news-box .news__date{margin-top: 12px;display: block;text-align: left;font-size: 14px;color: var(--color-tertiary);} @media (max-width: 479px){ .news-box .news .title{font-size: 14px;} .news-box .news .text-content{font-size: 14px;} } /*** Страница ошибки ***/ .error-page{padding: 16px;} .error-page a{font-size:110%;} .error-page a:hover{text-decoration:underline;} .error-page ul.disc{list-style-type: disc;margin: 10px 0 10px 20px;padding: 0px 0 0px 20px;} /* Предзагрузчик */ .preloader{display:block;position: absolute;top: 0;left:0;bottom: 0;width: 100%;height: 100%;z-index: 20;background: var(--color-white);} .content-loading{content: '';border-radius: 50%;width: 50px;height: 50px;display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-position: center;background-repeat: no-repeat;background-size: contain;} .content-loading{background-image: url("data:image/svg+xml,%3Csvg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.0' width='64px' height='64px' viewBox='0 0 128 128' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M10.96 28.9C12.46 26.14 28.4.5 63.76.24c37.1-.26 53.48 29.12 54.03 30.38 2.44 5.63 1.4 12.86-3.77 15.44-5.93 2.96-12.13 1.18-15.44-3.5-6.83-9.6-7.58-21.7-25.15-28.87-38.08-15.57-64.03 18-62.5 15.2zM117 99.06c-1.48 2.74-17.42 28.4-52.78 28.63-37.1.25-53.5-29.1-54.04-30.4-2.48-5.6-1.43-12.82 3.72-15.4 5.94-2.96 12.15-1.17 15.45 3.5 6.84 9.62 7.58 21.7 25.16 28.88 38.1 15.54 64.06-18 62.5-15.2z' fill='%2300A692'/%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 64 64' to='180 64 64' dur='1200ms' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E");} .fancybox-inner .content-loading{background-color: #fff;} #globalOrder.loading{height: 50vh;} #globalOrder .content-loading{margin: 0 auto;margin-left: -25px;margin-top: -25px;} /****************************************************************************** Адаптивная часть *******************************************************************************/ .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-sms-1, .col-sms-2, .col-sms-3, .col-sms-4, .col-sms-5, .col-sms-6, .col-sms-7, .col-sms-8, .col-sms-9, .col-sms-10, .col-sms-11, .col-sms-12, .col-hs-1, .col-hs-2, .col-hs-3, .col-hs-4, .col-hs-5, .col-hs-6, .col-hs-7, .col-hs-8, .col-hs-9, .col-hs-10, .col-hs-11, .col-hs-12{float:left;position:relative;min-height:1px;padding-left:15px;padding-right:15px} .col-xs-12{width:100%} .col-xs-11{width:91.66666667%} .col-xs-10{width:83.33333333%} .col-xs-9{width:75%} .col-xs-8{width:66.66666667%} .col-xs-7{width:58.33333333%} .col-xs-6{width:50%} .col-xs-5{width:41.66666667%} .col-xs-4{width:33.33333333%} .col-xs-3{width:25%} .col-xs-2{width:20%} .col-xs-1{width:8.33333333%} @media (max-width: 767px){ .col-lg-2{width:33%} } @media (max-width: 631px){ .col-lg-2{width:50%} } @media (max-width: 380px){ } @media (min-width: 768px){ .col-sm-12{width:100%} .col-sm-11{width:91.66666667%} .col-sm-10{width:83.33333333%} .col-sm-9{width:75%} .col-sm-8{width:66.66666667%} .col-sm-7{width:58.33333333%} .col-sm-6{width:50%} .col-sm-5{width:41.66666667%} .col-sm-4{width:33.33333333%} .col-sm-3{width:25%} .col-sm-2{width:20%} .col-sm-1{width:8.33333333%} } @media (min-width: 992px){ .col-md-12{width:100%} .col-md-11{width:91.66666667%} .col-md-10{width:83.33333333%} .col-md-9{width:75%} .col-md-8{width:66.66666667%} .col-md-7{width:58.33333333%} .col-md-6{width:50%} .col-md-5{width:41.66666667%} .col-md-4{width:33.33333333%} .col-md-3{width:25%} .col-md-2{width:20%} .col-md-1{width:8.33333333%} } @media (min-width: 1200px){ .col-lg-12{width:100%;} .col-lg-11{width:91.66666667%} .col-lg-10{width:83.33333333%} .col-lg-9{width:75%} .col-lg-8{width:66.66666667%} .col-lg-7{width:58.33333333%} .col-lg-6{width:50%} .col-lg-5{width:41.66666667%} .col-lg-4{width:33.33333333%} .col-lg-3{width:33%} .col-lg-2_5{width:25%} .col-lg-2{width:20%} .col-lg-1{width:8.33333333%} } @media (min-width: 1400px){ .col-hs-12{width:100%;} .col-hs-11{width:91.66666667%} .col-hs-10{width:83.33333333%} .col-hs-9{width:75%} .col-hs-8{width:66.66666667%} .col-hs-7{width:58.33333333%} .col-hs-6{width:50%} .col-hs-5{width:41.66666667%} .col-hs-4{width:33.33333333%} .col-hs-3{width:25%} .col-hs-2{width:20%} .col-hs-1{width:8.33333333%} } @media (max-width: 1199px){ .product-view .product-shop .custom-block .item{text-align: center;padding: 0;} .product-view .product-shop .custom-block .text-area{text-align: center;} } @media (max-width: 991px){ .col-left .block{margin-bottom:10px;} .quickview{display: none !important;} .step li{padding: 10px;} .product-view .product-shop .add-to-box .add-to-cart .button.quick{display: none;} } @media (max-width: 767px){ .formfast .buttons{margin:0;align-items: center;} .formfast .buttons .pp{text-align: center;} .goodsDataOpinionAddTable label{width: 100%;} .goodsDataOpinionFormReset{width: 80px;} .step li{display: block;width: 100%;padding: 15px;} .step li.step_done{border-bottom: 1px solid rgba(255, 255, 255, 0.2);} #footer .callbackForm .inputText{display: block;max-width: 300px;clear: both;} .cart-compare .title .title{display: none;} .cart-compare > div{width: 50%;} .products-grid .item:hover .item-inner .product-shop{bottom: 0;} .cart-compare div > .title{width: 110px;line-height: 51px;} } @media (max-width: 639px){ .scroll{overflow-x: scroll;white-space: nowrap;} .delivery .orderStageDeliveryListTable .cell3{min-width: auto;} .CompareGoodsTableFilter{line-height: 1;} .CompareGoodsTableFilter span{margin-bottom: 10px;} .product-view .product-shop .custom-block .item{text-align: center;} .product-view .product-shop .custom-block .item i{display: block;text-align: center;} .product-view .product-shop .custom-block .text-area{text-align: center;margin: 0;} } @media max-width: 481px){ .title_wrap.cart .title-tab{font-size:20px;} /*img{height: auto!important;}*/ .col-smb-12{width: 50%;} .col-contact{margin-bottom: 20px;} .goodsDataOpinionFormReset{width: auto;} .CompareGoodsTableFilter{float: left;} .CompareGoodsTableFilter span{float: left;width: 100%;} .orderStrageContent .buttons .button{margin: 0 10px 10px 0;float: left;} .orderStrageContent .buttons .button:nth-child(2){float: left;margin: 0;} body.active .wrapper{overflow: hidden;z-index: 1;display: none;} .product-view .product-name{padding-right: 40px;} .product-view .product-toolbar{flex-direction: column;} .product-view .product-shop .custom-block .item{display: block;width: 100%;border-left: 0;padding: 0 0 15px 0;text-align: left;} .product-view .product-shop .custom-block .item:last-child{padding-bottom: 0;} .product-view .product-shop .custom-block .item i{display: inline-block;text-align: left;width: 45px;font-size: 25px;text-align: center;} .product-view .product-shop .custom-block .text-area{text-align: left;margin-left: 5px;} .product-view .product-shop .add-to-box .add-to-cart{display: block;} .tab-content .delivery h4{font-size: 16px;} #breadcrumbs li:last-child{padding-right: 20px} } @media (max-width: 380px){ .formfast .buttons .button{width: 100%;} } @media (max-width: 375px){ .col-smb-12{width: 100%;} } /****************************************************************************** Фиксы для браузеров *******************************************************************************/ .IE .header .header-sectionsLink:before{content: '';width: 10px;height: 50px;margin: 0 0 0 -10px} .rating-box{margin-left: -3px;} @media screen and(-ms-high-contrast: active),(-ms-high-contrast: none){ .rating-box{display: inline-block;position: relative;vertical-align: middle;width: 95px;height: 14px;font-size: 0;line-height: 0;text-indent: -999em;overflow: hidden;} .rating-box:before{display: inline;font-family: "FontAwesome";content: "\f005\20\f005\20\f005\20\f005\20\f005";width: 95px;height: 14px;line-height: 14px;font-size: 14px;color: #dce4e9;} .rating-box .rating{position: absolute;float: left;height: 14px;left: 0;top: 0;overflow: hidden;} .rating-box .rating:before{display: inline;font-family: "FontAwesome";content: "\f005\20\f005\20\f005\20\f005\20\f005";width: 95px;height: 14px;line-height: 14px;font-size: 14px;color: var(--color-primary);} } /****************************************************************************** Если не работает JS *******************************************************************************/ .nojs .products-grid.owl-carousel .item .item-inner{width:290px;} .nojs #slideshow .owl-carousel, .nojs #news .owl-carousel, .nojs .viewed .owl-carousel{display: block;} .nojs #back-top, .nojs .quickview, .nojs .filters-price #goods-filter-price-slider{display: none;} .nojs .filters-price .goodsFilterPriceSubmit{margin-top: 15px;} .nojs .filters-price .layout-slider{max-width: 100%;} #ok-loupe, .ok-listener{z-index: 2 !important;border-radius: 5px !important;} body table.footerInformationTable{font-size: 10px;}