/* Start:/local/templates/main/css/normalize.min.css?17533401741861*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
/*# sourceMappingURL=normalize.min.css.map */
/* End */
/* Start:/local/templates/main/assets/slick/slick.css?17533401741776*/
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/* End */
/* Start:/local/templates/main/assets/slick/slick-theme.css?17533401743145*/
@charset "UTF-8";
/* Slider */
.slick-loading .slick-list
{
background: #fff url('/local/templates/main/assets/slick/./ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url('/local/templates/main/assets/slick/./fonts/slick.eot');
src: url('/local/templates/main/assets/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/slick/./fonts/slick.woff') format('woff'), url('/local/templates/main/assets/slick/./fonts/slick.ttf') format('truetype'), url('/local/templates/main/assets/slick/./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
}
/* Dots */
.slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
/* End */
/* Start:/local/templates/main/assets/magnific-popup/magnific-popup.css?17533401746951*/
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; }
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
/* End */
/* Start:/local/templates/main/fonts/Montserrat/stylesheet.css?17533401746609*/
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/main/fonts/Montserrat/Montserrat-Light.eot');
src: local('Montserrat Light'), local('Montserrat-Light'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Light.woff') format('woff'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/main/fonts/Montserrat/Montserrat-MediumItalic.eot');
src: local('Montserrat Medium Italic'), local('Montserrat-MediumItalic'),
url('/local/templates/main/fonts/Montserrat/Montserrat-MediumItalic.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Montserrat/Montserrat-MediumItalic.woff') format('woff'),
url('/local/templates/main/fonts/Montserrat/Montserrat-MediumItalic.ttf') format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/main/fonts/Montserrat/Montserrat-Thin.eot');
src: local('Montserrat Thin'), local('Montserrat-Thin'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Thin.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Thin.woff') format('woff'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Thin.ttf') format('truetype');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/main/fonts/Montserrat/Montserrat-ExtraLightItalic.eot');
src: local('Montserrat ExtraLight Italic'), local('Montserrat-ExtraLightItalic'),
url('/local/templates/main/fonts/Montserrat/Montserrat-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Montserrat/Montserrat-ExtraLightItalic.woff') format('woff'),
url('/local/templates/main/fonts/Montserrat/Montserrat-ExtraLightItalic.ttf') format('truetype');
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/main/fonts/Montserrat/Montserrat-BoldItalic.eot');
src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'),
url('/local/templates/main/fonts/Montserrat/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Montserrat/Montserrat-BoldItalic.woff') format('woff'),
url('/local/templates/main/fonts/Montserrat/Montserrat-BoldItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/main/fonts/Montserrat/Montserrat-SemiBold.eot');
src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
url('/local/templates/main/fonts/Montserrat/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Montserrat/Montserrat-SemiBold.woff') format('woff'),
url('/local/templates/main/fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/main/fonts/Montserrat/Montserrat-ExtraLight.eot');
src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'),
url('/local/templates/main/fonts/Montserrat/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Montserrat/Montserrat-ExtraLight.woff') format('woff'),
url('/local/templates/main/fonts/Montserrat/Montserrat-ExtraLight.ttf') format('truetype');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/main/fonts/Montserrat/Montserrat-ExtraBoldItalic.eot');
src: local('Montserrat ExtraBold Italic'), local('Montserrat-ExtraBoldItalic'),
url('/local/templates/main/fonts/Montserrat/Montserrat-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Montserrat/Montserrat-ExtraBoldItalic.woff') format('woff'),
url('/local/templates/main/fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf') format('truetype');
font-weight: 800;
font-style: italic;
}
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/main/fonts/Montserrat/Montserrat-Italic.eot');
src: local('Montserrat Italic'), local('Montserrat-Italic'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Italic.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Italic.woff') format('woff'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/main/fonts/Montserrat/Montserrat-Bold.eot');
src: local('Montserrat Bold'), local('Montserrat-Bold'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Bold.woff') format('woff'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/main/fonts/Montserrat/Montserrat-LightItalic.eot');
src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'),
url('/local/templates/main/fonts/Montserrat/Montserrat-LightItalic.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Montserrat/Montserrat-LightItalic.woff') format('woff'),
url('/local/templates/main/fonts/Montserrat/Montserrat-LightItalic.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/main/fonts/Montserrat/Montserrat-BlackItalic.eot');
src: local('Montserrat Black Italic'), local('Montserrat-BlackItalic'),
url('/local/templates/main/fonts/Montserrat/Montserrat-BlackItalic.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Montserrat/Montserrat-BlackItalic.woff') format('woff'),
url('/local/templates/main/fonts/Montserrat/Montserrat-BlackItalic.ttf') format('truetype');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/main/fonts/Montserrat/Montserrat-SemiBoldItalic.eot');
src: local('Montserrat SemiBold Italic'), local('Montserrat-SemiBoldItalic'),
url('/local/templates/main/fonts/Montserrat/Montserrat-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Montserrat/Montserrat-SemiBoldItalic.woff') format('woff'),
url('/local/templates/main/fonts/Montserrat/Montserrat-SemiBoldItalic.ttf') format('truetype');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/main/fonts/Montserrat/Montserrat-Regular.eot');
src: local('Montserrat Regular'), local('Montserrat-Regular'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Regular.woff') format('woff'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/main/fonts/Montserrat/Montserrat-Medium.eot');
src: local('Montserrat Medium'), local('Montserrat-Medium'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Medium.woff') format('woff'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/main/fonts/Montserrat/Montserrat-ExtraBold.eot');
src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'),
url('/local/templates/main/fonts/Montserrat/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Montserrat/Montserrat-ExtraBold.woff') format('woff'),
url('/local/templates/main/fonts/Montserrat/Montserrat-ExtraBold.ttf') format('truetype');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/main/fonts/Montserrat/Montserrat-Black.eot');
src: local('Montserrat Black'), local('Montserrat-Black'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Black.woff') format('woff'),
url('/local/templates/main/fonts/Montserrat/Montserrat-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/main/fonts/Montserrat/Montserrat-ThinItalic.eot');
src: local('Montserrat Thin Italic'), local('Montserrat-ThinItalic'),
url('/local/templates/main/fonts/Montserrat/Montserrat-ThinItalic.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Montserrat/Montserrat-ThinItalic.woff') format('woff'),
url('/local/templates/main/fonts/Montserrat/Montserrat-ThinItalic.ttf') format('truetype');
font-weight: 100;
font-style: italic;
}
/* End */
/* Start:/local/templates/main/fonts/Roboto/stylesheet.css?17533401744457*/
/* This stylesheet generated by Transfonter (https://transfonter.org) on February 25, 2018 4:00 PM */
@font-face {
font-family: 'Roboto';
src: url('/local/templates/main/fonts/Roboto/Roboto-MediumItalic.eot');
src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
url('/local/templates/main/fonts/Roboto/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Roboto/Roboto-MediumItalic.woff') format('woff'),
url('/local/templates/main/fonts/Roboto/Roboto-MediumItalic.ttf') format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Roboto';
src: url('/local/templates/main/fonts/Roboto/Roboto-Italic.eot');
src: local('Roboto Italic'), local('Roboto-Italic'),
url('/local/templates/main/fonts/Roboto/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Roboto/Roboto-Italic.woff') format('woff'),
url('/local/templates/main/fonts/Roboto/Roboto-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Roboto';
src: url('/local/templates/main/fonts/Roboto/Roboto-Bold.eot');
src: local('Roboto Bold'), local('Roboto-Bold'),
url('/local/templates/main/fonts/Roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Roboto/Roboto-Bold.woff') format('woff'),
url('/local/templates/main/fonts/Roboto/Roboto-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url('/local/templates/main/fonts/Roboto/Roboto-Regular.eot');
src: local('Roboto'), local('Roboto-Regular'),
url('/local/templates/main/fonts/Roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Roboto/Roboto-Regular.woff') format('woff'),
url('/local/templates/main/fonts/Roboto/Roboto-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url('/local/templates/main/fonts/Roboto/Roboto-Medium.eot');
src: local('Roboto Medium'), local('Roboto-Medium'),
url('/local/templates/main/fonts/Roboto/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Roboto/Roboto-Medium.woff') format('woff'),
url('/local/templates/main/fonts/Roboto/Roboto-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url('/local/templates/main/fonts/Roboto/Roboto-BoldItalic.eot');
src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
url('/local/templates/main/fonts/Roboto/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Roboto/Roboto-BoldItalic.woff') format('woff'),
url('/local/templates/main/fonts/Roboto/Roboto-BoldItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Roboto';
src: url('/local/templates/main/fonts/Roboto/Roboto-ThinItalic.eot');
src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'),
url('/local/templates/main/fonts/Roboto/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Roboto/Roboto-ThinItalic.woff') format('woff'),
url('/local/templates/main/fonts/Roboto/Roboto-ThinItalic.ttf') format('truetype');
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: 'Roboto';
src: url('/local/templates/main/fonts/Roboto/Roboto-Black.eot');
src: local('Roboto Black'), local('Roboto-Black'),
url('/local/templates/main/fonts/Roboto/Roboto-Black.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Roboto/Roboto-Black.woff') format('woff'),
url('/local/templates/main/fonts/Roboto/Roboto-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url('/local/templates/main/fonts/Roboto/Roboto-Light.eot');
src: local('Roboto Light'), local('Roboto-Light'),
url('/local/templates/main/fonts/Roboto/Roboto-Light.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Roboto/Roboto-Light.woff') format('woff'),
url('/local/templates/main/fonts/Roboto/Roboto-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url('/local/templates/main/fonts/Roboto/Roboto-LightItalic.eot');
src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
url('/local/templates/main/fonts/Roboto/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Roboto/Roboto-LightItalic.woff') format('woff'),
url('/local/templates/main/fonts/Roboto/Roboto-LightItalic.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Roboto';
src: url('/local/templates/main/fonts/Roboto/Roboto-BlackItalic.eot');
src: local('Roboto Black Italic'), local('Roboto-BlackItalic'),
url('/local/templates/main/fonts/Roboto/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Roboto/Roboto-BlackItalic.woff') format('woff'),
url('/local/templates/main/fonts/Roboto/Roboto-BlackItalic.ttf') format('truetype');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'Roboto';
src: url('/local/templates/main/fonts/Roboto/Roboto-Thin.eot');
src: local('Roboto Thin'), local('Roboto-Thin'),
url('/local/templates/main/fonts/Roboto/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/fonts/Roboto/Roboto-Thin.woff') format('woff'),
url('/local/templates/main/fonts/Roboto/Roboto-Thin.ttf') format('truetype');
font-weight: 100;
font-style: normal;
}
/* End */
/* Start:/local/templates/main/fonts/Nanum_Pen_Script_Regular/stylesheet.css?1753340174140*/
@font-face {
font-family: 'Nanum';
src: url('/local/templates/main/fonts/Nanum_Pen_Script_Regular/Nanum_Pen_Script_Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
/* End */
/* Start:/local/templates/main/css/style.css?175334017484382*/
/* Объявление переменных */
:root {
--btn-bg-color: #de4d2e;
--btn-bg-color-hover: #b23e25;
--btn-bg-color-active: #9b3620;
--white: #fff;
--black: #332D2D;
--gray-700: rgba(51, 45, 45, 0.7);
--gray-300: rgba(51, 45, 45, 0.3);
--gray-100: rgba(51, 45, 45, 0.1);
--gray-50: rgba(59, 113, 202, 0.05);
--brand-primary: #3B71CA;
--brand-primary-hover: #3BA6B2;
--brand-primary-active: #2f858e;
--brand-secondary: #3BA6B2;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
font-family: 'Montserrat';
font-weight: 500;
font-style: normal;
font-size: 14px;
scroll-behavior: smooth;
}
body {
background-color: var(--white);
color: var(--gray-700);
touch-action: pan-y;
}
ul li {
list-style: none;
}
a {
text-decoration: none;
color: var(--brand-primary);
font-weight: 500;
}
/**
* 1. Убираем серый фон активных ссылок в IE 10.
* 2. Убираем разрывы в подчеркивании ссылок для iOS 8+ and Safari 8+.
*/
a {
background-color: transparent; /* 1 */
-webkit-text-decoration-skip: objects; /* 2 */
}
/**
* Убираем обводку на сфокусированных ссылках, которые активны или наведены (Hover) во всех браузерах
*/
a:active,
a:hover {
outline-width: 0;
}
img {
object-fit: cover;
width: 100%;
}
.Roboto {
font-family: 'Roboto';
font-weight: 500;
font-style: normal;
}
.Nanum {
font-family: 'Nanum';
font-weight: 400;
font-style: normal;
}
.container {
max-width: 1326px;
width: 100%;
margin:0 auto;
padding:0 15px;
}
.btn {
padding: 12px 32px;
font-size: 16px;
font-weight: 600;
border-radius: 10px;
width: fit-content;
}
.btn:not(.pl-3) {
color: var(--white);
display: block;
}
.btn-blur {
font-size: 20px;
background-color: rgba(0, 0, 0, 0.1);
backdrop-filter: blur(20px);
border-radius: 20px;
width: min-content;
white-space: nowrap;
}
.section-title {
font-size: 64px;
font-weight: 600;
color: var(--black);
}
.section-subtitle {
font-size: 16px;
font-weight: 400;
color: var(--gray-700);
}
/* Стили для небольшого окошка */
.tooltip {
position: absolute;
font-size: 11px;
font-weight: 500;
z-index: 10;
top: 44px;
left: 80%;
transform: translateX(-25%);
background-color: var(--black);
color: var(--white);
padding: 8px 16px;
border-radius: 10px;
display: none;
white-space: nowrap;
}
.tooltip::after {
content: '';
position: absolute;
z-index: -1;
display: block;
top:-7px;
left: 20%;
width: 12px;
height: 12px;
border-radius: 3px;
transform: rotate(-45deg) translateX(-50%);
background-color: var(--black);
}
.tooltip.rp {
left: -80%;
}
.tooltip.rp:after {
left: 75px;
}
.tooltip.right{
white-space: nowrap;
left: 120%;
top:50%;
transform: translateY(-50%);
}
.tooltip.right::after{
top:5px;
left:0px;
}
.page__title {
padding: 32px 0;
}
.page__title h1{
font-size: 32px;
font-weight: 600;
color: var(--black)
}
/* HEADER - START */
.header {
border-bottom: 1px solid var(--gray-100, rgba(51, 45, 45, 0.10));
background: var(--white, #FFF);
}
.container {
}
.header__wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.header__logo {
max-width: 150px;
}
.header__nav {
}
.header__nav-list {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
gap: 24px;
}
.header__nav-item {
white-space: nowrap;
padding: 23px 0;
border-bottom: 2px solid rgba(0, 0, 255, 0);
cursor: pointer;
}
.header__nav-link {
color: var(--gray-700);
}
.header__nav-item:hover, .header__nav-item:focus {
border-bottom-color: var(--brand-primary);
}
.header__nav-item:active {
color: var(--black);
}
.header__nav-item.active {
border-bottom-color: var(--brand-primary);
}
.header__icons {
display: flex;
flex-direction: row;
padding: 12px 0;
}
.header__icon-link {
position: relative;
display: flex;
justify-content: center;
align-items: center;
border-radius: 10px;
width: 40px;
height: 40px;
}
.header__icon-link:hover {
background-color: var(--gray-50);
}
.header__icon-link img {
width: 24px;
height: 24px;
}
.header__search-input {
display: flex;
align-items: center;
margin-right: -40px;
}
.header__search-input input {
width: 180px;
height: 40px;
border: none;
border-radius: 20px;
padding: 13px 32px 13px 13px;
background-color: var(--gray-50);
}
.header__icon-link.header__search-icon.show-input:hover {
background-color: unset;
}
.header__burger, .header__mobile .header__burger {
display: none;
}
.header__mobile {
display: block!important;
position: absolute;
background-color: var(--white);
width: 100%;
left: 0;
top: 0;
z-index: 20;
}
.header__mobile .header__search-icon,
.header__mobile .header__checklist-link,
.header__mobile .header__favorite-link {
display: flex;
}
.header__user-link span {
display: none;
}
.header__mobile .header__user-link {
order: -1;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
flex-grow: 1;
gap:20px;
}
.header__mobile .header__user-link span {
display: block;
font-weight: 600;
}
.header__mobile .header__search-input {
display: flex;
align-items: center;
margin-right: -40px;
z-index: 20;
max-width: 100%;
width: 100%;
position: absolute;
left: 0;
padding: 0 20px;
z-index: 30;
background-color: #fff;
}
.header__search-input input {
width: 100%;
}
.header__close-link {
display: none;
}
.header__mobile .header__close-link {
display: flex;
}
.header__mobile .header__logo {
display: none;
}
.header__mobile .header__icons {
padding-left: 15px;
padding-right: 15px;
}
.header__mobile .header__nav {
display: block;
position: absolute;
top: 64px;
left: 0;
width: 100%;
background-color: var(--white);
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
padding-bottom: 10px;
}
.header__mobile .header__nav-list {
flex-direction: column;
width: 100%;
}
.header__mobile .header__nav-item{
padding: 24px 44px 24px 20px;
width: 100%;
position: relative;
}
.header__mobile .header__nav-item:hover::before {
content: '';
display: block;
position: absolute;
left:0;
top:12px;
width: 4px;
height: 40px;
background-color: var(--brand-primary);
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.header__mobile .header__nav-list {
gap: 0;
}
.header__mobile .header__nav-item {
border-bottom: solid 1px var(--gray-100);
}
.header__mobile .header__nav-item::after {
content: '';
display: block;
position: absolute;
top: 27px;
right: 30px;
width: 8px;
height: 8px;
border-right: solid 2px var(--gray-100);
border-bottom: solid 2px var(--gray-100);
transform: scaleX(0.9) rotate(-45deg);
}
.header__mobile .header__nav-item:hover::after {
display: none;
}
.header__search-close {
display: none;
}
.header__mobile .header__search-close {
display: block;
position: absolute;
z-index: 20;
right: 30px;
top: 8px;
}
.header__results-container {
display: none;
}
.header__mobile .header__results-container {
display: block;
position: absolute;
top: 50px;
left: 0;
width: 100%;
background-color: var(--white);
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}
.header__results-container-list {
display: flex;
justify-content: center;
align-items: flex-start;
gap: 0;
flex-direction: column;
}
.header__results-container-item {
padding: 24px 44px 24px 20px;
width: 100%;
position: relative;
border-top: solid 1px var(--gray-100);
}
.header__results-container-item::after {
content: '';
display: block;
position: absolute;
top: 27px;
right: 30px;
width: 8px;
height: 8px;
border-right: solid 2px var(--gray-100);
border-bottom: solid 2px var(--gray-100);
transform: scaleX(0.9) rotate(-45deg);
}
.header__results-container-item:hover::before {
content: '';
display: block;
position: absolute;
left:0;
top:12px;
width: 4px;
height: 40px;
background-color: var(--brand-primary);
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.header__basket-link span, .header__favorite-link span, .header__checklist-link span {
display: flex;
align-items: center;
justify-content: center;
width: 12px;
height: 12px;
position: absolute;
right: 6px;
top: 6px;
border-radius: 50%;
background-color: var(--brand-primary);
color: var(--white);
font-size: 7px;
font-weight: 600;
}
/* HEADER - END */
/* SLIDER - START */
section.slider {
margin-top: -1px;
}
.slider {
position: relative;
}
.slider__wrapper {
}
.main-slider {
}
.slider__slide {
position: relative;
height: 500px;
background-position: left top;
background-repeat: no-repeat;
background-size: cover;
}
.slider__slide-wrapper {
}
.slider__slide img {
position: absolute;
z-index: 0;
height: 100%;
left: 0;
top: 0;
object-position: left;
}
.slider__slide-description {
width: 50%;
position: absolute;
right: 0;
bottom: 52px;
}
.slider__slide-title {
font-size: 64px;
font-weight: 600;
color: var(--black);
}
.slider__slide-subtitle {
margin-top: 10px;
margin-bottom: 40px;
}
.slider__slide-btn {
background-color: var(--btn-bg-color);
}
.slider__slide-btn:hover {
background-color: var(--btn-bg-color-hover);
}
.slider__slide-btn:active {
background-color: var(--btn-bg-color-active);
}
.slider__nav {
position: absolute;
z-index: 20;
right: 0;
top: 40px;
width: 100%;
}
.slider__nav-wrapper {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 20px;
}
.slider__nav-count {
display: flex;
font-size: 20px;
font-weight: 400;
color: var(--gray-300);
}
.slider__nav-arrows {
display: flex;
}
.slider__nav-arrow {
padding: 8px;
cursor: pointer;
border-radius: 10px;
width: 40px;
height: 40px;
}
.slider__nav-arrow:hover {
background-color: var(--gray-100);
}
.slider__nav-arrow-prev {
}
.slider__nav-arrow-next {
}
/* SLIDER - END */
/* MAIN-CATEGORY - START */
.main-category {
margin: 50px 0 0;
}
.main-category__list {
display: flex;
justify-content: space-between;
gap: 20px;
}
.main-category__item {
width: 50%;
position: relative;
cursor: pointer;
transition-duration: 0.5s;
}
.main-category__item:hover {
transform: scale(1.06);
}
.main-category__item img {
border-radius: 20px;
box-shadow: 0 4px 40px 0 #3B71CA26;
}
.main-category-btn {
color: var(--white);
position: absolute;
bottom: 24px;
left: 24px;
}
/* MAIN-CATEGORY - END */
/* PHONE-INFO - START */
.phone-info {
margin-top: 50px;
}
.phone-info__container {
max-width: 922px;
margin: 0 auto;
padding: 0 15px;
}
.phone-info__wrapper {
display: flex;
justify-content: space-between;
align-items: center;
gap: 50px;
}
.phone-info__image {
width: 50%;
}
.phone-info__image img{
object-fit: contain;
}
.phone-info2 .phone-info__image img {
object-position: -40px;
}
.phone-info__description {
width: 50%;
}
.phone-info__title {
}
.phone-info__subtitle {
font-size: 16px;
font-weight: 400;
color: var(--gray-700);
margin-bottom: 40px;
margin-top: 10px;
}
.phone-info__btn {
background-color: #2A2D3A;
transition-duration: 0.5s;
}
.phone-info__btn:hover {
opacity: 0.7;
}
/* PHONE-INFO END */
/* CATALOG - START */
.main-catalog {
margin-top: 50px;
}
.main-catalog__wrapper {
}
.main-catalog__list {
display: flex;
justify-content: space-between;
gap: 20px;
}
.main-catalog__item {
position: relative;
width: 33%;
transition-duration: 0.5s;
border-radius: 20px;
box-shadow: 0px 4px 40px rgba(59, 113, 202, 0.15);
}
.main-catalog__item:hover {
transform: scale(1.06);
}
.main-catalog__item img {
border-radius: 20px;
}
.main-catalig__item-btn {
position: absolute;
left: 20px;
bottom: 20px;
border-radius: 20px;
}
/* CATALOG - END */
/* NEWS - START */
.news {
padding:60px 0;
}
.news__wrapper {
display: flex;
flex-direction: column;
gap: 20px;
}
.news__nav {
}
.news__arrows {
display: flex;
justify-content: flex-end;
gap: 10px;
background-color: transparent;
}
.news__arrow {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
background-color: var(--gray-50);
cursor: pointer;
border-radius: 10px;
position: relative;
z-index: 5;
}
.news__arrow img{
width: 16px;
height: 16px;
}
.news__arrow:hover {
background-color: var(--gray-100);
}
.news__slider {
min-height: 350px;
margin-top: -30px;
}
.news__slider .slick-list {
height: 350px;
}
.news__list .slick-list {
padding-bottom: 40px;
}
.news__item {
max-width: 360px;
margin-bottom: 20px;
border-radius: 20px;
box-shadow: 0 4px 30px rgba(59, 113, 202, 0.15);
/*box-shadow: 0 4px 20px rgba(0, 0, 0, 0.95);*/
}
.news .slick-slide {
padding-top: 30px;
transform: translateX(-420px);
}
.news .slick-slide .news__item-image img {
object-fit: contain;
border-radius: 20px 20px 0 0;
}
.news__item-image {
}
.news__item-title {
display: flex;
justify-content: flex-start;
align-items: start;
gap: 8px;
font-size: 14px;
font-weight: 600;
margin: 12px 0 8px;
color: var(--brand-primary);
/*white-space: nowrap;*/
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
position: relative;
padding-left: 20px;
height: 30px;
}
.news__item-text:hover .news__item-title{
color: var(--brand-secondary);
}
.news__item-arrow {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 16px;
height: 16px;
background-image: url(/img/icons/icn16-news-arrow.svg);
background-repeat: no-repeat;
background-position: center center;
}
.news__item-text:hover .news__item-arrow{
background-image: url(/img/icons/icn16-news-arrow-hover.svg);
}
.news__item-text {
padding:0 24px 12px;
margin-top: 8px;
}
.news__item-description {
font-size: 12px;
line-height: 16px;
font-weight: 400;
height: 32px;
overflow: hidden;
transition: max-height 0.3s ease;
cursor: pointer;
color: var(--gray-700);
}
.arrow-left16 {
position: relative;
}
.arrow-left16::before {
}
.svg-path-hover {
display: none;
}
.news__arrow:hover .svg-path {
display: none;
}
.news__arrow:hover .svg-path-hover {
display: inline;
}
.news__item:hover .svg-path {
display: none;
}
.news__item:hover .svg-path-hover {
display: inline;
}
/* NEWS - END */
/* FOOTER - START */
.footer {
padding: 50px 0;
border-top: solid 1px var(--gray-100);
position: relative;
}
.footer__wrapper {
display: flex;
justify-content: space-between;
gap: 50px;
}
.footer__info {
max-width: 473px;
}
.footer__logo {
max-width: 170px;
}
.footer__copyright {
margin-top: 16px;
font-size: 14px;
line-height: 150%;
font-weight: 500;
color: var(--black);
}
.footer__description {
margin-top: 16px;
font-size: 14px;
line-height: 150%;
font-weight: 400;
color: var(--gray-700);
}
.footer__social {
margin-top: 41px;
}
.footer__social-list {
display: flex;
justify-content: flex-start;
}
.footer__social-item {
position: relative;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 10px;
}
.footer__social-item:hover {
background-color: var(--gray-50);
}
.footer__social-item img{
width: 24px;
height: 24px;
}
.footer__navigation {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 50px;
}
.footer__nav {
min-width: 160px;
}
.footer__title {
font-size: 16px;
font-weight: 600;
color: var(--black);
}
.footer__nav-list {
}
.footer__nav-item {
margin-top: 16px;
}
.footer__nav-item-link {
font-size: 14px;
font-weight: 500;
color: var(--gray-700);
}
.footer__nav-item-link:hover {
color: var(--gray-700);
text-decoration: underline;
color: var(--black);
text-decoration-color: var(--brand-primary);
}
.footer__contacts {
max-width: 300px;
}
.footer__contacts-list {
padding-top: 16px;
display: flex;
flex-direction: column;
gap: 16px;
}
.footer__contacts-item {
display: flex;
gap: 8px;
color: var(--gray-700);
}
.footer__contacts-item:hover {
color: var(--black);
text-decoration: underline;
text-decoration-color: var(--brand-primary);
}
.footer__contacts-item img {
width: 24px;
height: 24px;
}
.footer__subscribe {
margin-top: 27px;
position: relative;
}
.footer__subscribe label {
/*display: block;*/
margin-top: 38px;
display: none;
}
.footer__subscribe-input{
width: 300px;
border: 1px solid var(--gray-100);
border-radius: 10px;
/*border: none;*/
/*background-color: var(--gray-50);*/
background-color: white;
padding: 15px 34px 15px 10px;
}
.footer__subscribe-form:hover .footer__subscribe-input {
background-color: var(--gray-50);
}
.footer__subscribe-input:active, .footer__subscribe-input:focus {
border: none;
border-radius: 40px;
}
.footer__subscribe-input:active, .footer__subscribe-input:focus + input.footer__subscribe-submit {
/*display: block;*/
background-color: var(--brand-primary);
color: var(--white);
z-index: 2;
}
.footer__subscribe-form .footer__subscribe-submit {
background: transparent;
color: transparent;
/*display: none;*/
}
.footer__subscribe-icon {
z-index: 1;
}
/*.footer__subscribe-form:focus .footer__subscribe-label {*/
/* display: none;*/
/*}*/
/*.footer__subscribe-form:focus .footer__subscribe-submit {*/
/* display: block;*/
/*}*/
.footer__subscribe-input::-webkit-input-placeholder { color: var(--black, #332D2D); }
.footer__subscribe-input::-moz-placeholder { color: var(--black, #332D2D); }
.footer__subscribe-input:-moz-placeholder { color: var(--black, #332D2D); }
.footer__subscribe-input:-ms-input-placeholder { color: var(--black, #332D2D); }
/*
.footer__subscribe-input::-webkit-input-placeholder {color: transparent;}
.footer__subscribe-input::-moz-placeholder {color: transparent;}
.footer__subscribe-input:-moz-placeholder {color: transparent;}
.footer__subscribe-input:-ms-input-placeholder {color: transparent;}
*/
.footer__subscribe-input-placeholder-hide::-webkit-input-placeholder {
/*color: transparent;*/
color: var(--black, #332D2D);
}
.footer__subscribe-input-placeholder-hide::-moz-placeholder {
/*color: transparent;*/
color: var(--black, #332D2D);
}
.footer__subscribe-input-placeholder-hide:-moz-placeholder {
/*color: transparent;*/
color: var(--black, #332D2D);
}
.footer__subscribe-input-placeholder-hide:-ms-input-placeholder {
/*color: transparent;*/
color: var(--black, #332D2D);
}
/* Чёрный цвет для placeholder при фокусе */
.footer__subscribe-input:focus::-webkit-input-placeholder {
color: var(--gray-700);
}
.footer__subscribe-input:focus::-moz-placeholder {
color: var(--gray-700); /* Firefox 19+ */
}
.footer__subscribe-input:focus:-moz-placeholder {
color: var(--gray-700); /* Firefox 18- */
}
.footer__subscribe-input:focus:-ms-input-placeholder {
color: var(--gray-700);
}
.footer__subscribe img {
width: 24px;
height: 24px;
position: absolute;
right: 12px;
top: 10px;
}
.footer__subscribe-submit {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
background-color: var(--brand-primary);
border: none;
border-radius: 10px;
color: var(--white);
padding: 5px 12px;
font-size: 12px;
line-height: 14px;
font-weight: 500;
cursor: pointer;
}
.footer__subscribe-label {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
padding-top: 16px;
padding-left: 12px;
border-radius: 10px;
}
.footer__subscribe-label a:hover {
text-decoration: underline;
text-decoration-color: var(--brand-primary);
}
/* FOOTER - END */
/* MODAL - START */
/* Стили для всплывающего окна */
.modal {
display: none;
position: fixed;
overflow: auto;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 100vh;
background-color: rgba(255, 255, 255, 0.7);
z-index: 999;
padding: 0 20px;
}
.modal .alert.alert-danger, .errortext {
display: block;
color: red;
font-size: 80%;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}
.modal font.errortext {
text-align: left;
}
.modal__content {
background-color: #fff;
padding: 72px 24px 24px 24px;
border-radius: 40px;
max-width: 320px;
margin: 70px auto;
box-shadow: 0px 4px 80px rgba(12, 23, 41, 0.6);
position: relative;
}
.modal__close {
display: flex;
width: 24px;
height: 24px;
background-color: var(--black);
color: var(--white);
justify-content: center;
align-items: center;
border-radius: 50%;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
z-index: 999;
}
.modal__close:hover {
background-color: #5e5454;
}
.modal__close img {
width: 16px;
height: 16px;
}
.modal__tabs {
display: flex;
justify-content: center;
gap: 12px;
margin: 0 0 20px;
}
.modal__tab {
cursor: pointer;
font-size: 16px;
font-weight: 600;
padding-bottom: 6px;
color: var(--gray-300);
}
.modal__tabs .modal__tab:hover {
color: var(--black);
}
.modal__tab-img {
width: 24px;
height: 24px;
position: absolute;
top: 24px;
left: 50%;
transform: translateX(-50%);
}
/* Стили для активной вкладки */
.modal__tab.active {
color: var(--black);
border-bottom: 2px solid #3B71CA;
}
/* Стили для контента вкладок */
.modal__tab-content {
display: none;
}
.modal__tab-content.active {
display: block;
}
.modal__login {
margin-top: 24px;
}
.modal__form-wrapper {
margin-bottom: 24px;
}
.modal__login-form {
display: flex;
flex-direction: column;
}
.modal__input {
position: relative;
margin-bottom: 10px;
}
.modal__input-label {
position: absolute;
left: 12px;
top:8px;
font-size: 10px;
line-height: 12px;
font-weight: 400;
color: var(--gray-700);
display: none;
}
.modal__input-text {
width: 100%;
height: 44px;
padding: 15px 12px;
border-radius: 10px;
border: solid 1px var(--gray-100);
color: var(--black);
font-size: 12px;
font-weight: 500;
line-height: 14px;
outline-color: var(--gray-50);
}
.modal__input-text:focus {
background-color: #3B71CA0D;
}
.modal__input-text::placeholder {
/*color: var(--black);*/
color: var(--black);
font-size: 12px;
font-weight: 500;
}
.profile__form .modal__input-text::placeholder {
/*color: var(--black);*/
color: #e3e5e8!important;
font-size: 12px;
font-weight: 500;
}
.modal__input-text.empty-value {
color: #e3e5e8;
font-size: 12px;
font-weight: 500;
}
/*.profile__form.profile__form-user-wrapper .modal__input-text::placeholder {*/
/* color: #e3e5e8;*/
/* font-size: 12px;*/
/* font-weight: 500;*/
/*}*/
.modal__login-input:focus + .modal__input-label,
.modal__login-input.not-empty + .modal__input-label {
display: block;
}
.modal__login-input.not-empty {
padding: 22px 12px 8px;
}
.modal__forgot-input:focus + .modal__input-label,
.modal__forgot-input.not-empty + .modal__input-label {
display: block;
top: 6px;
}
.modal__forgot-input.not-empty, .modal__forgot-input:focus {
padding: 22px 12px 8px;
}
.modal__forgot-input:focus::placeholder {
color: transparent;
}
.modal__login-input:focus::placeholder {
color: transparent;
}
.modal__login-input:focus {
padding: 22px 12px 8px;
}
.input-password {
position: relative;
}
.eye-icon {
position: absolute;
top: 14px;
right: 12px;
display: block;
width: 16px;
height: 16px;
cursor: pointer;
background-image: url(/img/icons/icn16-eye-closed.svg);
background-position: center center;
background-repeat: no-repeat;
}
.eye-icon.eye-icon-active {
background-image: url(/img/icons/icn16-eye.svg);
}
.modal__login-remember {
margin-top: 14px;
margin-bottom: 24px;
}
.modal__login-submit {
}
.modal__tab-link {
text-align: center;
font-size: 12px;
font-weight: 500;
color: var(--gray-700);
}
.modal__checkbox-wrapper label {
cursor: pointer;
display: flex;
gap: 10px;
}
.modal__checkbox {
position: relative;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 16px;
height: 16px;
flex-shrink: 0;
border: 2px solid var(--brand-primary);
border-radius: 4px;
cursor:pointer;
font-size: 12px;
font-weight: 500;
color: var(--black);
}
.modal__checkbox:checked {
background-color: var(--white);
}
.modal__checkbox:checked::before {
content: url("data:image/svg+xml;charset=utf-8,");
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.modal input[type="submit"]{
width: 100%;
padding: 12px;
border-radius: 10px;
background-color: var(--brand-primary);
border: none;
cursor: pointer;
color: var(--white);
font-size: 14px;
line-height: 20px;
font-weight: 600;
}
.modal input[type="submit"]:hover, .modal input[type="submit"]:focus{
background-color: var(--brand-primary-hover);
}
.modal input[type="submit"]:active {
background-color: var(--brand-primary-active);
}
.modal__input-label {
position: absolute;
pointer-events: none;
left: 12px;
top: 8px;
transition: 0.2s ease all;
color: var(--gray-700);
font-size: 12px;
font-weight: 500;
line-height: 14px;
}
.modal__input-date:focus ~ .modal__input-label,
.modal__input-date:not(:placeholder-shown) ~ .modal__input-label,
.modal__input-date.not-empty ~ .modal__input-label {
transform: translate(-5px, -20px) scale(0.8);
}
/* Скрытие стандартного текста дд.мм.гггг */
/*
.modal__input-date[type="date"] {
color: transparent;
}
*/
.modal__captcha {
max-width: 100%;
margin: 24px auto;
}
.modal__forgot-password-title {
text-align: center;
font-size: 16px;
font-weight: 600;
color: var(--black);
margin-bottom: 24px;
}
.modal__forgot-password-description {
font-size: 12px;
line-height: 14px;
font-weight: 500;
color: var(--black);
margin-bottom: 24px;
}
.modal__captcha-title {
font-size: 12px;
line-height: 14px;
font-weight: 600;
color: var(--black);
}
.modal__captcha-description {
font-size: 10px;
line-height: 14px;
font-weight: 400;
color: var(--gray-700);
}
.modal__captcha-input-list {
display: flex;
justify-content: space-between;
gap: 8px;
margin-top: 12px;
}
.modal__captcha-sample, .modal__captcha-input {
width: 50%;
}
.modal__captcha-sample {
display: flex;
justify-content: space-between;
align-items: center;
height: 44px;
padding: 15px 12px;
border-radius: 10px;
border: solid 1px var(--gray-100);
color: var(--black);
font-size: 20px;
font-weight: 400;
line-height: 14px;
font-family: 'Nanum';
}
.modal__captcha-sample span {
user-select: none;
}
/*
.modal__captcha-sample img {
width: 16px;
height: 16px;
cursor: pointer;
}
*/
.modal__input {
}
.modal__captcha-input {
}
.modal__input-text {
}
/* MODAL - END */
/* CATALOG - START */
.breadcrambs {
padding: 20px 0;
}
.breadcrambs__nav {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
.breadcrambs__nav-separator {
width: 16px;
height: 16px;
}
.breadcrambs__nav-item {
font-size: 12px;
line-height: 16px;
color: var(--gray-700);
}
.breadcrambs__nav-item-active {
color: var(--black);
}
.breadcrambs__nav-item:not(.breadcrambs__nav-item-active):hover {
color: var(--black);
border-bottom: 1px solid var(--brand-primary);
line-height: 15px;
}
.catalog__title {
padding: 32px 0;
}
.catalog__title h1, .catalog__title .h1{
font-size: 32px;
font-weight: 600;
color: var(--black);
margin: 0;
}
.catalog__title h2{
font-size: 32px;
font-weight: 600;
color: var(--black);
margin: 0;
}
.filter {
}
.filter__list {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
gap: 8px;
}
.filter__item {
padding: 6px 12px;
border-radius: 10px;
font-size: 12px;
line-height: 20px;
font-weight: 600;
background-color: var(--gray-50);
color: var(--black);
white-space: nowrap;
}
.filter__item:hover {
background-color: var(--gray-100);
}
.filter__item-active {
position: relative;
padding-right: 26px;
color: var(--white);
background-color: var(--brand-primary);
}
.filter__item-active:hover {
color: var(--white);
background-color: var(--brand-primary);
}
.filter__item-active:before{
content: '';
position: absolute;
right: 8px;
top: 50%;
width: 16px;
height: 16px;
background: url(/img/icons/icn16-close.svg);
opacity: 0.4;
transform: translateY(-50%);
}
.filter__item-active:hover::before{
opacity: 1;
}
.products {
margin: 32px 0;
}
.products__list {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 16px;
}
.product {
width: calc(50% - 16px);
display: flex;
gap: 24px;
padding: 24px;
position: relative;
border-radius: 20px;
border: solid 1px var(--gray-100);
min-height: 320px;
}
.product__image {
max-width: 280px;
max-height: 310px;
cursor: pointer;
}
.product__image img {
max-height: 310px;
max-width: 200px;
}
.product__descriptions {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 12px;
}
.product__icon-list {
display: flex;
justify-content: flex-end;
}
.product__icon-item {
position: relative;
display: block;
width: 44px;
height: 44px;
padding: 10px;
background-position: center center;
background-repeat: no-repeat;
}
.product__icon-favorite {
background-image: url(/img/icons/icn24-heart.svg);
}
.product__icon-checklist {
background-image: url(/img/icons/icn24-checklist.svg);
}
.product__icon-favorite.product__icon-item-active {
background-image: url(/img/icons/icn24-heart-fill.svg);
}
.product__icon-checklist.product__icon-item-active {
background-image: url(/img/icons/icn24-checklist-add.svg);
}
.product__title {
font-size: 16px;
font-weight: 600;
color: var(--black);
display: flex;
flex-direction: column;
justify-content: flex-end;
flex: 1 0 0;
align-self: stretch;
}
.product__features {
font-size: 12px;
font-weight: 500;
color: var(--black);
}
.product__feature {
}
.product__feature-separator {
}
.product__color {
display: flex;
gap: 14px;
justify-content: flex-start;
align-items: center;
}
.product__color-list {
display: flex;
gap: 14px;
}
.product__color-item {
width: 24px;
height: 24px;
padding: 4px;
display: block;
position: relative;
border-radius: 50%;
box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.10) inset;
background: linear-gradient(120deg, #e3e3e3, #fff);
}
.product__color-item::before,
.product__color-item::after {
content: '';
display: block;
position: absolute;
width: 18px;
height: 18px;
border-radius: 50%;
top: 50%;
left: 50%;
margin-top: -9px; /* половина высоты */
margin-left: -9px; /* половина ширины */
}
.product__color-item::before {
background: var(--active-color);
}
.product__color-item.product__color-active::before {
width: 24px;
height: 24px;
border: none;
margin-top: -12px;
margin-left: -12px;
box-sizing: border-box;
}
.product__color-item.product__color-active::after {
width: 36px;
height: 36px;
border: 2px solid #ccc;
background-color: transparent;
margin-top: -18px;
margin-left: -18px;
box-sizing: border-box;
}
.product__color-item .tooltip{
top: 30px;
left: 44%;
}
.product__price {
display: flex;
gap: 12px;
justify-content: flex-start;
align-items: center;
}
.product__price-active {
font-size: 24px;
color: var(--black);
font-weight: 700;
white-space: nowrap;
}
.product__price-old {
font-size: 14px;
font-weight: 500;
color: var(--black);
text-decoration: line-through;
white-space: nowrap;
}
.product__price-discount {
display: block;
background-color: var(--brand-primary);
border-radius: 5px;
padding: 2px 4px;
color: var(--white);
font-size: 12px;
font-weight: 600;
white-space: nowrap;
}
.product__btn {
cursor: pointer;
display: block;
border: none;
padding: 12px 32px;
color: var(--white, #FFF);
font-size: 14px;
font-weight: 600;
line-height: 20px;
border-radius: 10px;
background: var(--brand-primary);
}
.product__btn:hover, .product__btn:focus {
background: var(--brand-primary-hover);
}
.product__btn:active, .product__btn.active {
background: var(--brand-primary-active);
}
.product__option-left {
position: absolute;
left: -10px;
top: 24px;
display: flex;
flex-direction: column;
gap: 8px;
}
.product__options {
display: flex;
justify-content: space-between;
}
.product__option-list {
display: flex;
gap: 8px;
}
.product__option-item {
position: relative;
display: block;
width: 44px;
height: 44px;
padding: 10px;
border-radius: 10px;
background-color: var(--brand-secondary);
background-position: center center;
background-repeat: no-repeat;
}
.product__option-item:hover {
background-color: var(--black);
}
.product__option-sale {
background-image: url(/img/icons/icn24-sale.svg);
}
.product__option-tag {
background-image: url(/img/icons/icn24-tag.svg);
}
/* CATALOG - END */
/* PRODUCT - START */
.mfp-figure:after {
box-shadow: none;
background: transparent;
}
.product-page {
}
.product-info {
margin-top: 32px;
margin-bottom: 50px;
}
.product-info__header {
display: flex;
justify-content: space-between;
gap: 40px;
}
.product-info__images {
width: 40%;
min-width: 530px;
}
.product-info__images-inner img {
object-fit: contain;
}
.product-info__images-inner {
overflow: auto;
display: flex;
flex-direction: row;
position: relative;
}
.product-info__slider {
overflow: hidden;
flex-grow: 0;
max-height: 550px;
}
.product-info__slider-thumbnails {
width: 88px;
padding-top: 24px;
padding-bottom: 24px;
text-align: center;
}
.product-info__image-thumbnails {
width: 86px;
height: 86px;
cursor: pointer;
padding: 8px;
border: solid 2px transparent;
background-color: #fff;
}
.product-info__image-thumbnails img{
max-width: 66px;
max-height: 66px;
}
.product-info__image {
max-width: 400px;
width: 100%;
background-color: #f000;
}
.product-info__image img{
width: 104%;
max-height: 550px;
}
.slick-slide {
background-color: #fff;
}
.product-info__slider-thumbnails .slick-arrow::before {
content: unset;
}
.product-info__slider-thumbnails .slick-arrow {
position: absolute;
left: 50%;
width: 44px;
height: 16px;
border-radius: 10px;
background-color: VAR(--gray-50);
background-position: center center;
background-repeat: no-repeat;
}
.product-info__slider-thumbnails .slick-prev {
top: 0px;
}
.product-info__slider-thumbnails .slick-next {
/*bottom: 0;*/
top: unset;
}
.product-info__slider-thumbnails .slick-prev {
background-image: url(/img/icons/icn16-arrow-down.svg);
transform: translateX(-50%) rotate(180deg); /* Поворачиваем на 180 градусов */
background-color: VAR(--gray-100);
}
.product-info__slider-thumbnails .slick-next {
background-image: url(/img/icons/icn16-arrow-down.svg);
transform: translateX(-50%);
background-color: VAR(--gray-100);
}
.slick-current .product-info__image-thumbnails{
border: solid 2px var(--gray-100);
border-radius: 10px;
}
.product-info__images-text {
padding-top: 20px;
}
.product-info__details {
display: flex;
flex-direction: column;
gap: 24px;
}
.product-info__top {
}
.product-info__title {
font-size: 32px;
font-weight: 600;
color: var(--black);
margin: 0;
display: inline;
}
.product-info__art {
font-size: 10px;
color: var(--gray-300);
display: inline;
}
.product-info__subtitle {
margin-top: 16px;
font-weight: 500;
color: var(--black);
display: block;
}
.product-info__actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.product-info__action-label {
height: 34px;
padding: 6px 12px;
display: flex;
align-items: center;
gap: 8px;
font-size: 12px;
font-weight: 500;
cursor: pointer;
background-color: var(--gray-50);
border-radius: 10px;
}
.product-info__action-checkbox {
}
.product-info__action-checkbox:not(:checked) {
border: 2px solid var(--gray-300);
}
.product-info__action-checkbox:not(:checked):hover,
.product-info__action-checkbox:checked {
border: 2px solid var(--brand-primary);
}
.product-info__action-checkbox:checked + span {
color: var(--black);
}
.product-info__action-space {
flex-grow: 1;
}
.product-info__action-share {
height: 34px;
display: flex;
flex-direction: row;
gap: 8px;
align-items: center;
}
.action-share {
padding: 8px 12px;
border-radius: 10px;
border: solid 2px var(--gray-100);
}
.action-share__social-list {
display: flex;
gap: 8px;
}
.action-share__social-item {
width: 16px;
height: 16px;
}
.action-share__social-item img{
width: 16px;
height: 16px;
}
.ya-share2__item {
width: 24px;
height: 24px;
margin-right: 2px!important;
}
.ya-share2__container_size_s .ya-share2__badge .ya-share2__icon {
width: 24px!important;
height: 24px!important;
}
.ya-share2__container_size_s .ya-share2__badge {
background-color: transparent!important;
border-radius: 0;
}
.ya-share2__item_service_vkontakte .ya-share2__icon {
background: url(/img/icons/icn24-vk.svg) no-repeat center center !important;
background-size: 16px 16px!important;
}
.ya-share2__item_service_odnoklassniki .ya-share2__icon {
background: url(/img/icons/icn24-odnoklassniki.svg) no-repeat center center !important;
background-size: 16px 16px!important;
}
.ya-share2__item_service_telegram .ya-share2__icon {
background: url(/img/icons/icn24-telegram-fill.svg) no-repeat center center !important;
background-size: 16px 16px!important;
}
.product-info__special {
}
.special-list {
display: flex;
gap: 36px;
}
.special-item {
display: flex;
align-items: center;
gap: 12px;
font-size: 12px;
line-height: 14px;
font-weight: 600;
color: var(--black);
box-shadow: 0px 4px 40px 0px rgba(59, 113, 202, 0.15);
padding-right: 12px;
border-radius: 10px;
background: var(--white, #FFF);
}
.special-item span {
color: var(--brand-primary);
font-weight: 700;
}
.special-item__image {
width: 44px;
height: 44px;
border-radius: 10px;
background-color: var(--brand-secondary);
padding: 10px;
}
.special-item__title {
}
.product-info__color {
}
.product-info__color_title, .product-info__storage-title, .product-info__features-title {
font-size: 14px;
font-weight: 600;
color: var(--black);
margin-bottom: 12px;
}
.product-info__color-list {
display: flex;
gap: 4px;
flex-wrap: wrap;
}
.product-info__color-item {
display: flex;
position: relative;
padding: 7px 16px;
border-radius: 10px;
border: solid 1px var(--gray-100);
cursor: pointer;
}
.product__color-item {
position: relative;
}
.product-info__color-item.selected {
border-color: var(--brand-primary);
}
.product-info__color-name {
font-size: 14px;
line-height: 18px;
font-weight: 500;
color: var(--black);
margin-left: 6px;
}
.product-info__color-name:before {
content: '';
display: block;
width: 14px;
height: 14px;
border-radius: 50%;
position: absolute;
background-color: var(--active-color);
top: 9px;
left: 15px;
}
.product-info__color-name::after{
content: '';
display: block;
position: absolute;
width: 18px;
height: 18px;
border-radius: 50%;
background: linear-gradient(153deg, #e3e3e3, #fff);
top: 7px;
left: 13px;
z-index: -1;
}
.product-info__color-input:checked + .product-info__color-name:before {
width: 18px;
height: 18px;
top: 7px;
left: 13px;
}
/* .product-info__color-input:checked + .product-info__color-name:after {
content: '';
display: block;
position: absolute;
border-radius: 50%;
width: 28px;
height: 28px;
border: 2px solid #ccc;
background-color: transparent;
margin-top: -23px;
margin-left: -22px;
box-sizing: border-box;
} */
.product-info__storage {
}
.storage-options {
display: flex;
gap: 4px;
}
.storage-option {
display: none;
}
.storage-option-label {
display: flex;
position: relative;
padding: 8px 16px;
border-radius: 10px;
border: solid 1px var(--gray-100);
cursor: pointer;
color: var(--black);
white-space: nowrap;
}
.storage-option-label.selected {
border-color: var(--brand-primary);
}
.storage-option-label.disabled {
border: none;
color: var(--gray-700);
cursor: auto;
}
.product-info__features {
}
.product-info__features-title {
}
.product-info__features-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 12px;
margin: 24px 0;
width: 100%;
}
.product-info__feature-item {
width: calc(50% - 15px);
font-size: 16px;
font-weight: 400;
color: var(--black);
display: flex;
justify-content: space-between;
}
.product-info__features-list-top .product-info__feature-item{
width: 100%;
}
.product-info__feature-item::after {
content: "";
border-bottom: 1px dashed var(--gray-100); /* Здесь можно указать цвет и стиль линии */
flex-grow: 1;
order:1;
}
.feature-item__name {
order:0;
font-size: 14px;
}
.feature-item__value {
text-align: end;
order:2;
font-size: 14px;
}
.product-info__feature-all {
font-size: 14px;
font-weight: 600;
color: var(--brand-primary);
margin-top: -10px;
margin-bottom: 25px;
display: block;
}
.product-info__feature-all:hover {
text-decoration: underline;
}
.product-info__bottom {
display: flex;
gap: 12px;
}
.product-info__price {
display: flex;
align-items: center;
gap: 12px;
}
.product-info__btn {
flex-grow: 1;
}
.product-info__description {
}
.product-info__description-title, .product-info__features-all-title, .product-info__files-title {
font-size: 24px;
color: var(--black);
font-weight: 600;
margin-top: 50px;
}
.product-info__description-text {
margin: 24px 0;
font-size: 14px;
line-height: 18px;
font-weight: 400;
color: var(--black);
}
.product-info__description-text p {
margin-bottom: 20px;
}
.read-more-btn {
display: none;
}
.read-more-btn, .read-less-btn, .show-all-features-btn, .hide-all-features-btn {
color: var(--brand-primary, #3B71CA);
font-size: 14px;
font-weight: 600;
cursor: pointer;
}
.read-more-btn:hover, .read-less-btn:hover, .show-all-features-btn:hover, .hide-all-features-btn:hover {
text-decoration: underline;
}
.product-info__features-all {
}
.product-info__features-all-title {
}
.product-info__files {
}
.product-info__files-title {
}
.product-info__files-list {
margin: 24px 0;
display: flex;
gap: 8px;
}
.product-info__files-item {
padding: 10px 20px;
display: flex;
gap: 12px;
align-items: center;
border: solid 2px var(--gray-100);
border-radius: 10px;
background: var(--white, #FFF);
cursor: pointer;
}
.product-info__files-item:hover {
box-shadow: 0px 4px 40px 0px rgba(59, 113, 202, 0.15);
}
.product-info__file-image {
width: 24px;
height: 24px;
}
.product-info__file-info {
display: flex;
flex-direction: column;
gap: 4px;
}
.product-info__file-name {
color: var(--brand-primary, #3B71CA);
font-size: 14px;
font-weight: 600;
}
.product-info__file-size {
color: var(--gray-700, rgba(51, 45, 45, 0.70));
font-size: 12px;
font-weight: 400;
}
.shop-info {
margin-top: 50px;
}
.shop-info-list {
display: flex;
gap: 40px;
}
.shop-info-item {
padding: 24px;
color: var(--gray-700, rgba(51, 45, 45, 0.70));
font-size: 12px;
line-height: 16px;
font-weight: 400;
border: solid 2px var(--gray-100);
border-radius: 10px;
}
.product-info__modal {
display: none;
flex-direction: column;
gap: 12px;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
padding: 12px 20px;
border-radius: 20px;
background: #fff;
box-shadow: 0px -4px 20px 0px rgba(0, 0, 0, 0.07);
backdrop-filter: blur(20px);
z-index: 99;
}
.product-info__modal-title {
color: var(--black);
font-size: 18px;
font-weight: 600;
padding: 12px 0;
}
.product-info__modal-buttons {
display: flex;
justify-content: space-between;
gap: 12px;
}
.product-info__modal-btn {
cursor: pointer;
display: block;
border: none;
padding: 12px 32px;
color: var(--white, #FFF);
font-size: 14px;
font-weight: 600;
line-height: 20px;
border-radius: 10px;
background: var(--brand-primary);
text-align: center;
width: calc(100% - 80px);
}
.product-info__modal-icons {
display: flex;
}
.product-info__modal-icon {
position: relative;
display: block;
width: 44px;
height: 44px;
padding: 10px;
background-position: center center;
background-repeat: no-repeat;
}
.product-info__modal-icon-favorite {
background-image: url(/img/icons/icn24-heart.svg);
}
.product-info__modal-icon-checklist {
background-image: url(/img/icons/icn24-checklist.svg);
}
.product-info__modal-icon-favorite.product__icon-item-active {
background-image: url(/img/icons/icn24-heart-fill.svg);
}
.product-info__modal-icon-checklist.product__icon-item-active {
background-image: url(/img/icons/icn24-checklist-add.svg);
}
/* PRODUCT - END */
/* ORDER - START */
.page__tabs {
display: flex;
justify-content: space-between;
align-items: flex-start;
border-bottom: 1px solid var(--gray-100);
}
.page__tab-list {
display: flex;
justify-content: flex-start;
gap: 20px;
}
.page__tab {
padding-bottom: 20px;
color: var(--gray-300);
cursor: pointer;
font-size: 20px;
font-weight: 600;
}
.page__tab.active {
color: var(--black);
border-bottom: solid 2px var(--brand-primary);
}
.page__tab:hover {
color: var(--gray-700);
border-bottom: solid 2px var(--brand-primary);
}
.order__print {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 8px;
}
.order__print span{
font-size: 14px;
font-weight: 500;
color: var(--black);
}
.order__print-icon {
width: 24px;
}
.page__contents {
}
.page__content {
}
.order__product-restore {
display: none;
}
.order__product-deleted .order__product-restore {
display: block;
}
.page__content.hidden, .order__product-deleted .order__product-count, .order__product-deleted .order__product-total-count, .order__product-deleted .order__product-total-price{
display: none;
}
.page__content.active {
display: block;
}
.order__product-list {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.order__product-item {
border-bottom: solid 1px var(--gray-100);
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 0;
}
.order__product-out .order__product-count,
.order__product-out .order__product-total-count,
.order__product-out .order__product-total-price,
.order__product-out .order__product-info-price {
display: none;
}
.order__product-info-out {
color: var(--gray-700);
font-size: 16px;
font-weight: 500;
}
.order__product-image {
width: 120px;
margin-right: 10px;
}
.order__product-info {
flex-grow: 1;
}
.order__product-title {
display: block;
color: var(--black);
font-size: 20px;
font-weight: 600;
margin-bottom: 9px;
}
.order__product-deleted .order__product-title,
.order__product-deleted .product-info__price,
.order__product-out .order__product-title {
text-decoration: line-through;
}
.order__product-title:hover {
color: var(--brand-secondary);
}
.product-info__price {
}
.order__product-info-price {
margin-bottom: 4px;
}
.product__price-discount {
}
.product__price-old {
}
.product__price-active {
}
.order__product-count {
display: flex;
align-items: center;
gap: 12px;
}
.order__product-count-btn {
width: 32px;
height: 32px;
border: none;
cursor: pointer;
border-radius: 10px;
}
.order__product-count-minus {
background: url('/img/icons/icn24-minus-square-contained.svg') no-repeat center center;
}
.order__product-count-total {
color: var(--black);
font-size: 16px;
font-weight: 600;
padding-top: 3px;
}
.order__product-count-plus {
background: url('/img/icons/icn24-plus-square-contained.svg') no-repeat center center;
}
.order__product-total {
text-align: right;
}
.order__product-total-count {
color: var(--gray-700);
font-size: 12px;
font-weight: 500;
}
.order__product-quantity {
}
.order__product-total-price {
color: var(--black);
font-size: 32px;
font-weight: 700;
}
.order__product-restore, .order__product-delete {
padding: 12px 24px;
border-radius: 10px;
border: solid 1px var(--gray-100);
color: var(--brand-primary, #3B71CA);
background-color: #fff;
font-size: 12px;
font-weight: 700;
cursor: pointer;
}
.order__product-restore:hover {
background-color: #ddd;
}
.order__product-delete {
color: var(--gray-700);
}
.order__pruduct-total-item {
padding: 20px 0;
display: flex;
justify-content: space-between;
border-bottom: solid 1px var(--gray-100);
}
.order__pruduct-total-item-text {
color: var(--gray-700);
font-size: 14px;
font-weight: 500;
}
.order__total {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 20px;
padding-bottom: 50px;
}
.order__pruduct-total-item-cost{
color: var(--black);
font-size: 16px;
font-weight: 600;
}
.order__total-cupon {
width: 100%;
max-width: 280px;
position: relative;
margin-right: 20px;
}
.order__total-cupon:hover .order__total-cupon-input {
background-color: var(--gray-50);
}
.order__total-cupon .error-coupon {
color: #FF0000;
font-size: 10px;
line-height: 14px;
padding-left: 18px;
position: absolute;
display: block;
}
.order__total-cupon-input {
width: 100%;
height: 44px;
padding: 15px 115px 15px 12px;
border-radius: 10px;
border: solid 1px var(--gray-100);
color: var(--black);
font-size: 12px;
font-weight: 500;
line-height: 14px;
outline: initial;
}
.order__total-cupon-label {
position: absolute;
top:14px;
left:18px;
cursor: pointer;
}
.order__total-cupon-submit {
position: absolute;
right: 10px;
top: 11px;
background-color: var(--brand-primary);
border: none;
border-radius: 10px;
color: var(--white);
padding: 5px 12px;
font-size: 12px;
line-height: 14px;
font-weight: 500;
cursor: pointer;
}
.order__total-cupon-input::-webkit-input-placeholder {color: transparent;}
.order__total-cupon-input::-moz-placeholder {color: transparent;}/* Firefox 19+*/
.order__total-cupon-input:-moz-placeholder {color: transparent;}/* Firefox 18- */
.order__total-cupon-input:-ms-input-placeholder {color: transparent;}
/* Чёрный цвет для placeholder при фокусе */
.order__total-cupon-input:focus::-webkit-input-placeholder {
color: var(--gray-700);
}
.order__total-cupon-input:focus::-moz-placeholder {
color: var(--gray-700); /* Firefox 19+ */
}
.order__total-cupon-input:focus:-moz-placeholder {
color: var(--gray-700); /* Firefox 18- */
}
.order__total-cupon-input:focus:-ms-input-placeholder {
color: var(--gray-700);
}
.order__total-cupon-input:active, .order__total-cupon-input:focus {
border: none;
border-radius: 40px;
background-color: var(--gray-50);
}
.order__total-cupon-icon {
width: 24px;
height: 24px;
position: absolute;
right: 14px;
top: 10px;
}
.order__total-cupon-icon.icon-remove {
right: 38px;
cursor: pointer;
}
.order__total-info {
display: flex;
align-items: center;
gap: 12px;
}
.order__total-text {
color: var(--black);
font-size: 16px;
font-weight: 600;
}
.order__total-sum {
margin-right: 28px;
color: var(--black);
font-size: 32px;
font-weight: 700;
white-space: nowrap;
}
.order__total-btn {
padding: 22px 80px;
font-size: 20px;
}
.order__total-info-block {
display: flex;
gap: 12px;
align-items: center;
}
.order__discount-block {
}
.order__pruduct-total-discount-block {
display: flex;
gap: 12px;
}
.order__discount-block-item {
position: relative;
display: flex;
align-items: center;
gap: 4px;
border-radius: 5px;
padding: 2px 4px;
height: 20px;
}
.order__discount-block-item::before {
content: '';
display: block;
width: 16px;
height: 16px;
background-image: url('/img/icons/icn16-sale.svg');
background-position: center center;
}
.order__discount-block-item, .order__discount-block-item strong {
background-color: var(--brand-primary);
color: var(--white);
font-size: 12px;
font-weight: 600;
}
/* ORDER - END */
/* BASKET - START */
.basket__wrapper {
background-color: #fff;
padding: 24px;
border-radius: 20px;
max-width: 770px;
margin: 50px 10% 0 auto;
box-shadow: 0px 4px 80px rgba(12, 23, 41, 0.6);
position: relative;
}
.order__trush {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 8px;
}
.order__trush:hover span {
color: #332D2D;
border-bottom: solid 1px var(--brand-primary);
}
.order__trush span{
font-size: 14px;
font-weight: 500;
color: var(--gray-300);
}
.order__trush-icon {
width: 24px;
}
.page__tab-basket {
padding-bottom: 20px;
color: var(--gray-300);
cursor: pointer;
font-size: 20px;
font-weight: 600;
}
.page__tab-basket.active {
color: var(--black);
border-bottom: solid 2px var(--brand-primary);
}
.page__tab-basket:hover {
color: var(--gray-700);
border-bottom: solid 2px var(--brand-primary);
}
.page__content-basket.hidden {
display: none;
}
.page__content-basket.active {
display: block;
}
.modal-basket .order__product-image {
width: 64px;
margin-right: 10px;
}
.modal-basket .order__product-title {
font-size: 16px;
}
.modal-basket .order__product-total {
display: none;
}
.modal-basket .order__product-info {
position: relative;
}
.modal-basket .order__product-count {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.modal-basket .order__product-count button:hover {
background-color: #3B71CA0D;
}
.modal-basket .product__price-active {
font-size: 20px;
}
.modal-basket .order__pruduct-total-cost,
.modal-basket .order__pruduct-total-discount,
.modal-basket .order__pruduct-total-nalog,
.modal-basket .order__total-cupon {
display: none;
}
.modal-basket .order__total .order__total-info {
width: 100%;
justify-content: space-between;
}
.modal-basket .order__total {
padding-bottom: 0;
}
.modal-basket .order__total-sum {
font-size: 20px;
}
.modal-basket .order__total-btn {
font-size: 14px;
padding: 12px 32px;
}
.modal-basket .product__options {
justify-content: flex-end;
}
.modal-basket .page__favorite .order__product-total {
display: block;
}
.order__product-icon-list {
display: flex;
}
.order__product-icon {
width: 44px;
padding: 10px;
}
/* BASKET - END */
/* ФОРМЫ ОФОРМЛЕНИЯ ЗАКАЗА - START */
/* Скрываем все шаги кроме первого */
.form-step:not(:first-child) {
display: none;
}
.order__wrapper {
display: flex;
flex-direction: column;
gap: 24px;
}
.modal-order .modal__content {
padding: 24px;
max-width: 900px;
}
.order__icon {
width: 40px;
height: 40px;
margin: 0 auto;
}
.order__title {
color: var(--black);
font-size: 20px;
font-weight: 600;
text-align: center;
}
.order__steps-icons {
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
width: 260px;
margin: 0 auto;
}
.order__step-icon {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: var(--gray-50);
color: var(--gray-300);
display: flex;
align-items: center;
justify-content: center;
color: var(--gray-300, rgba(51, 45, 45, 0.30));
font-size: 14px;
font-weight: 700;
}
.order__step-icon.active {
color: var(--white);
background-color: var(--brand-primary);
}
.order__steps-icons hr {
flex-grow: 1;
height: 3px;
background-color: var(--gray-50);
border: none;
}
.order-step {
display: flex;
flex-direction: column;
gap: 8px;
}
.order__step-title {
color: var(--black);
font-size: 14px;
font-weight: 500;
text-align: center;
margin-bottom: 16px;
}
.modal__input-row {
display: flex;
gap: 8px;
}
.form-order .modal__input {
margin: 0;
}
.form-order .modal__checkbox {
border: 2px solid var(--gray-300);
}
.modal__checkbox:checked {
border: 2px solid var(--brand-primary);
}
.modal__checkbox:checked + .checkbox-label-text {
color: var(--black);
}
.modal__error-message {
display: none;
background-color: var(--black);
align-items: center;
color: var(--white);
padding: 8px 12px;
gap: 10px;
border-radius: 10px;
font-size: 12px;
font-weight: 500;
line-height: 14px;
}
.modal__error-message-icon {
width: 16px;
height: 16px;
}
.modal .error {
border: 1px solid red;
}
.modal__text {
text-align: center;
color: var(--black);
font-size: 14px;
margin: 14px 0;
}
.modal__text .login-link {
color: var(--brand-primary);
font-weight: 600;
cursor: pointer;
}
.checkbox-label-oferta {
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.order-step-btn {
display: flex;
padding: 12px 32px;
justify-content: center;
align-items: center;
align-self: stretch;
border-radius: 10px;
background: var(--brand-primary, #3B71CA);
border: none;
color: var(--white, #FFF);
text-align: center;
font-size: 14px;
font-weight: 600;
line-height: 20px;
cursor: pointer;
width: 99%;
margin: 0 auto;
}
.order-step-btn-back {
color: var(--gray-700);
font-size: 12px;
font-weight: 500;
background: none;
border: none;
margin: 14px auto 0;
cursor: pointer;
max-width: 53px;
}
.modal__select {
display: none;
}
.modal__select-wrapper {
position: relative;
width: 100%;
height: 44px;
border-radius: 10px;
border: solid 1px var(--gray-100);
color: var(--black);
font-size: 12px;
font-weight: 500;
line-height: 14px;
}
.modal__select-wrapper.open {
border-radius: 10px 10px 0 0;
background-color: var(--gray-50);
}
.modal__select-label-name {
position: absolute;
top: 8px;
left: 12px;
z-index: 0;
color: var(--gray-700);
font-size: 10px;
font-weight: 400;
line-height: 12px;
}
.modal__select-options {
display: none;
flex-direction: column;
background-color: var(--white);
width: 100%;
border-radius: 10px;
background: var(--light-theme-surface-background, #FFF);
box-shadow: 0px 4px 40px 0px rgba(59, 113, 202, 0.15);
position: absolute;
top: 105%;
z-index: 2;
}
.modal__select-options.open {
display: flex;
}
.modal__select-option {
cursor: pointer;
padding: 8px 12px;
}
.modal__select-label {
display: block;
width: 100%;
cursor: pointer;
height: 100%;
position: absolute;
top: 0;
left: 0;
padding: 20px 12px 8px;
border-radius: 10px;
}
.modal__select-option-big {
display: flex;
justify-content: space-between;
border-radius: 10px;
}
.modal__select-option-text {
display: flex;
flex-direction: column;
}
.modal__select-option-title {
color: var(--black);
font-size: 12px;
font-weight: 600;
line-height: 16px;
}
.modal__select-option-subtitle {
color: var(--black);
font-size: 10px;
font-weight: 500;
line-height: 16px;
}
.modal__select-option-image {
width: 60px;
}
.modal__select-option-big:hover {
background-color: var(--gray-50);
}
.modal__select-arrow {
display: block;
width: 16px;
height: 16px;
background: url('/img/icons/icn16-arrow-down-blue.svg');
background-position: center center;
background-repeat: no-repeat;
position: absolute;
top: 13px;
right: 20px;
z-index: -1;
}
.modal__select-wrapper.open .modal__select-arrow {
background: url('/img/icons/icn16-arrow-up-blue.svg');
}
.modal__block {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 16px;
}
.order__payments .modal__input-row {
justify-content: space-between;
}
.modal__input-wrapper {
position: relative;
}
.modal__input-card-cvv {
max-width: 96px;
}
.modal__input-card-cvv,
.modal__input-card-number {
padding: 20px 12px 8px;
}
.modal__input-card-number-wrapper {
width: 100%;
}
.modal__input-card-number-wrapper .modal__input-label,
.modal__input-card-cvv-wrapper .modal__input-label {
position: absolute;
top: 8px;
left: 12px;
z-index: 0;
color: var(--gray-700);
font-size: 10px;
font-weight: 400;
line-height: 12px;
display: block;
}
.order__step-text {
color: var(--gray-700, rgba(51, 45, 45, 0.70));
font-size: 10px;
font-weight: 400;
}
.modal__order-product {
color: var(--black, #332D2D);
font-size: 12px;
font-weight: 600;
margin-bottom: 6px;
}
.modal__input-comments {
position: relative;
margin: 8px 0!important;
}
.order__comments-label {
color: var(--gray-700, rgba(51, 45, 45, 0.70));
font-size: 10px;
font-weight: 400;
line-height: 12px;
position: absolute;
top: 8px;
left: 12px;
}
.order__comments {
width: 100%;
resize: none;
border-radius: 10px;
border: 1px solid var(--gray-100, rgba(51, 45, 45, 0.10));
padding: 20px 12px;
overflow: hidden;
font-size: 12px;
font-weight: 500;
line-height: 14px;
height: 48px;
}
.modal__order-details {
}
.modal__order-info-list {
display: flex;
flex-direction: column;
}
.modal__order-info-item {
display: flex;
justify-content: space-between;
padding: 8px 0;
border-bottom: 1px solid var(--gray-100, rgba(51, 45, 45, 0.10));
}
.modal__order-info-item:last-child {
border-bottom: none;
}
.modal__order-info-title {
color: var(--gray-700, rgba(51, 45, 45, 0.70));
font-size: 12px;
font-weight: 500;
}
.modal__order-info-value {
color: var(--gray-700, rgba(51, 45, 45, 0.70));
font-size: 12px;
font-weight: 500;
}
.modal__order-info-title-total {
color: var(--black, #332D2D);
}
.modal__order-info-value-total {
color: var(--black, #332D2D);
font-size: 14px;
font-weight: 700;
}
.modal__input-order-number-icon {
display: block;
width: 24px;
height: 24px;
position: absolute;
right: 12px;
top: 10px;
cursor: pointer;
}
.order__number-wrapper {
position: relative;
}
.order__number-wrapper .modal__input-label {
position: absolute;
top: 8px;
left: 12px;
z-index: 0;
color: var(--gray-700);
font-size: 10px;
font-weight: 400;
line-height: 12px;
display: block;
}
.modal__input-order-number {
padding: 20px 12px 8px;
pointer-events: none;
}
.modal__input-order-number.copied {
background-color: #f0f0f0;
color: #333;
}
/* ФОРМЫ ОФОРМЛЕНИЯ ЗАКАЗА - END */
/* ACCAUNT - START */
.orders {
padding-bottom: 200px;
}
.orders__head {
margin-top: 32px;
padding: 20px 23px 20px 0;
border-bottom: 1px solid var(--gray-100, rgba(51, 45, 45, 0.10));
}
.orders__head-list {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
}
.orders__head-item {
color: var(--gray-300, rgba(51, 45, 45, 0.30));
font-size: 12px;
font-weight: 500;
text-align: center;
}
.orders__head-item:first-child {
flex-grow: 1;
max-width: unset;
text-align: left;
}
.orders__head-item {
width: 120px;
}
.orders__head-item-count {
width: 60px;
}
/* --------------------------- */
.orders__list {
display: flex;
flex-direction: column;
}
.orders__item {
border-bottom: 1px solid var(--gray-100, rgba(51, 45, 45, 0.10));
padding: 20px 0;
}
.orders__item:hover {
border-bottom: 1px solid var(--brand-secondary);
}
.orders__item-head {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
cursor: pointer;
}
.orders__item-head-image {
width: 40px;
min-width: 40px;
height: 40px;
}
.orders__item-head-image img {
width: 100%;
object-fit: cover;
}
.orders__item-head-info {
flex-grow: 1;
display: flex;
flex-direction: column;
gap: 4px;
overflow: hidden;
}
.orders__item-head-number {
color: var(--black, #332D2D);
font-size: 12px;
}
.orders__item-head-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: var(--black, #332D2D);
text-overflow: ellipsis;
font-size: 16px;
font-weight: 600;
}
.orders__item-quantity {
width: 60px;
min-width: 60px;
text-align: center;
color: var(--black, #332D2D);
font-size: 16px;
}
.orders__item-quantity span{
display: none;
}
.orders__item-price {
width: 120px;
min-width: 120px;
text-align: center;
color: var(--black, #332D2D);
font-size: 16px;
}
.orders__item-date {
width: 120px;
min-width: 120px;
text-align: center;
color: var(--black, #332D2D);
font-size: 16px;
}
.orders__item-status {
width: 120px;
min-width: 120px;
text-align: center;
color: var(--black, #332D2D);
text-align: right;
font-size: 16px;
font-weight: 600;
}
.orders__item-status-cancelled {
color: var(--gray-300, rgba(51, 45, 45, 0.30));
}
.orders__item-arrow {
width: 16px;
min-width: 16px;
height: 16px;
background: url('/img/icons/icn16-arrow-down-blue.svg');
}
.orders__item-status-cancelled + .orders__item-arrow {
background: url('/img/icons/icn16-arrow-down-gray.svg');
}
.rotate-180 {
transform: rotate(180deg);
}
.orders__item-details {
display: none;
padding-left: 50px;
}
.orders__item-details-row {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 20px;
}
.orders__item-details-item {
padding: 20px 0;
display: flex;
flex-direction: column;
gap: 4px;
border-bottom: 1px dashed var(--gray-100, rgba(51, 45, 45, 0.10));
flex-grow: 1;
max-width: 33%;
}
.orders__item-details-item-logn {
max-width: unset;
}
.orders__item-details-name {
overflow: hidden;
color: var(--gray-300, rgba(51, 45, 45, 0.30));
text-overflow: ellipsis;
font-size: 12px;
}
.orders__item-details-value {
overflow: hidden;
color: var(--black, #332D2D);
text-overflow: ellipsis;
font-size: 16px;
}
.orders__item-details-btn {
border-radius: 10px;
background: var(--brand-primary, #3B71CA);
width: 200px;
padding: 12px 32px;
color: var(--white, #FFF);
text-align: center;
font-size: 14px;
font-weight: 600;
line-height: 20px; /* 142.857% */
cursor: pointer;
border: none;
height: 44px;
margin-left: auto;
}
.sale-paysystem-wrapper {
width: 200px;
height: 44px;
margin-left: auto;
}
.sale-paysystem-wrapper .btn{
border-radius: 10px;
background: var(--brand-primary, #3B71CA);
color: var(--white, #FFF);
text-align: center;
font-size: 14px;
font-weight: 600;
line-height: 20px; /* 142.857% */
cursor: pointer;
border: none;
height: 44px;
width: 100%;
}
.orders__item-details-prodicts {
}
.orders__item-details-product-name {
overflow: hidden;
text-overflow: ellipsis;
font-weight: 600;
}
.orders__item.open {
border-bottom: 2px solid var(--brand-primary, #3B71CA);
border-top: 2px solid var(--brand-primary, #3B71CA);
}
.orders__item-details .orders__item-details-row:last-child .orders__item-details-item {
border-bottom: none;
}
.orders__item-details-collapse {
display: none;
flex-direction: column;
align-items: center;
justify-content: center;
gap:0;
padding: 12px 0 0;
}
.orders__item-details-collapse img {
width: 16px;
height: 16px;
}
.orders__item-details-collapse span {
color: var(--brand-primary, #3B71CA);
font-size: 12px;
font-weight: 600;
}
.subscription {
padding: 32px 0;
}
.subscription__row {
display: flex;
gap: 40px;
}
.subscription__col {
width: 50%;
}
.subscription__form {
}
.subscription-btn {
width: 100%;
}
.subscription-btn.gray{
background-color: var(--gray-700);
}
.subscription__text-wrapper {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.subscription__text {
position: relative;
width: 100%;
border-radius: 20px;
background-color: var(--gray-50);
padding: 40px;
display: flex;
align-items: center;
gap: 20px;
}
.subscription__text-arrow {
position: absolute;
width: 24px;
height: 24px;
overflow: hidden;
left: -24px;
transform: rotate(180deg);
}
.subscription__text-arrow::before {
content: '';
display: block;
position: absolute;
top: 50%;
left:-18px;
width: 24px;
height: 24px;
background-color: var(--gray-50);
border-radius: 4px;
transform: translateY(-50%) rotate(45deg);
}
.subscription__text-icon {
width: 24px;
min-width: 24px;
height: 24px;
}
.subscription__text-description {
color: var(--black, #332D2D);
font-size: 14px;
font-weight: 500;
}
.subscription__products {
padding-top: 32px;
}
.subscription__product-list {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.subscription__product-item {
width: calc(31% - 4px); /* Учитываем gap в 12px и 1% margin-right */
margin-right: 1%; /* Создаем интервал между элементами */
display: flex;
justify-content: space-between;
gap: 12px;
border-radius: 20px;
border: 1px solid var(--gray-100, rgba(51, 45, 45, 0.10));
padding: 24px;
}
.subscription__product-image {
width: 160px;
}
.subscription__product-image img{
width: 100%;
object-fit: cover;
}
.subscription__product-description {
display: flex;
flex-direction: column;
gap: 8px;
}
.subscription__product-title {
overflow: hidden;
color: var(--black, #332D2D);
text-overflow: ellipsis;
font-size: 16px;
font-weight: 600;
}
.subscription__product-buttons {
display: flex;
gap: 12px;
flex-direction: column;
}
.subscription__product-link {
text-align: center;
color: var(--white, #FFF);
font-size: 14px;
font-weight: 600;
line-height: 20px;
}
.subscription__product-unsubscribe {
display: block;
padding: 12px;
color: var(--black, #332D2D);
text-align: center;
font-size: 14px;
font-weight: 600;
line-height: 20px;
border-radius: 10px;
background: var(--gray-50, rgba(59, 113, 202, 0.05));
}
.subscription__product-unsubscribe:hover{
background: var(--gray-100);
}
.profile {
padding-bottom: 50px;
}
.profile__info {
display: flex;
gap: 8px;
padding: 32px 0;
}
.profile__info-list {
border-radius: 10px;
background: var(--gray-50, rgba(59, 113, 202, 0.05));
display: flex;
padding: 40px;
gap: 40px;
flex-grow: 1;
}
.profile__info-item {
text-align: left;
}
.profile__info-name {
color: var(--gray-700, rgba(51, 45, 45, 0.70));
font-size: 12px;
margin-bottom: 4px;
white-space: nowrap;
}
.profile__info-value {
overflow: hidden;
color: var(--black, #332D2D);
font-size: 16px;
font-weight: 600;
}
.profile__info-logout {
border-radius: 10px;
background: var(--gray-50, rgba(59, 113, 202, 0.05));
padding: 12px 32px;
max-width: 150px;
}
.profile__info-logout-link {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
height: 100%;
}
.profile__info-logout-link img {
width: 24px;
height: 24px;
}
.profile__info-logout-link span {
color: var(--black, #332D2D);
text-align: center;
font-size: 14px;
font-weight: 600;
line-height: 20px;
}
.profile__input {
padding: 22px 12px 8px;
}
.profile__input:focus{
padding: 22px 12px 8px;
}
.profile__input-label {
display: block;
}
.modal__input-btn {
margin-top: 20px;
}
.profile__forms {
display: flex;
gap: 40px;
justify-content: space-between;
}
.profile__form {
width: 50%;
}
.profile__title {
color: var(--black, #332D2D);
font-size: 32px;
font-weight: 600;
}
.profile__form-subtitle {
overflow: hidden;
color: var(--black, #332D2D);
font-size: 16px;
font-weight: 600;
margin-bottom: 24px;
}
/* ACCAUNT - END */
/* COMPARE - START */
.compare__list {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.compare__product {
position: relative;
width: calc(31% - 4px);
margin-right: 1%;
display: flex;
justify-content: space-between;
gap: 12px;
border-radius: 20px;
border: 1px solid var(--gray-100, rgba(51, 45, 45, 0.10));
padding: 16px;
}
.compare__product-close {
display: flex;
width: 24px;
height: 24px;
background-color: var(--black);
color: var(--white);
justify-content: center;
align-items: center;
border-radius: 50%;
position: absolute;
right: -4px;
top: -4px;
cursor: pointer;
z-index: 9;
padding: 4px;
}
.compare__product-image {
width: 132px;
flex-grow: 0;
min-width: 50px;
}
.compare__product-info {
display: flex;
flex-direction: column;
gap: 8px;
}
.compare__product-title {
color: var(--black, #332D2D);
font-size: 16px;
font-weight: 600;
}
.compare__product-price {
}
.product__price {
}
.compare__product-price .product__price-active {
font-size: 20px;
}
.compare__product-price .product__price-old {
}
.compare__product-price .product__price-discount {
}
.compare__product-btn {
text-align: center;
}
.compare__product-empty {
border-radius: 20px;
background: var(--gray-50, rgba(59, 113, 202, 0.05));
border: none;
display: flex;
justify-content: center;
align-items: center;
min-height: 150px;
}
.compare__product-empty-btn, .compare__product-btn {
text-align: center;
cursor: pointer;
display: block;
border: none;
padding: 12px 32px;
color: var(--white, #FFF);
font-size: 14px;
font-weight: 600;
line-height: 20px;
border-radius: 10px;
background: var(--brand-primary);
}
.compare__radio-wrapper {
padding: 32px 0;
}
.compare__radio {
display: flex;
gap: 12px;
align-items: center;
}
.compare__radio span {
color: var(--black, #332D2D);
font-size: 16px;
font-weight: 600;
}
.toggle-switch {
width: 48px;
height: 28px;
background: rgba(0, 0, 0, 0.12);
border-radius: 14px;
position: relative;
cursor: pointer;
}
.toggle-knob {
width: 20px;
height: 20px;
background-color: #fff;
border-radius: 50%;
position: absolute;
top: 4px;
left: 4px;
transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.toggle-switch.on {
background: rgba(59, 113, 202, 0.30);
}
.toggle-switch.off {
background: rgba(0, 0, 0, 0.12);
}
.toggle-switch.on .toggle-knob {
transform: translateX(20px);
background-color: var(--brand-primary);
}
.toggle-switch.off .toggle-knob {
transform: translateX(0px);
background-color: var(--white);
}
.compare__details-list {
padding-bottom: 50px;
}
.compare__details-item {
}
.compare__product-properties-list {
}
.compare__product-properties-item {
padding: 12px 0 0;
display: flex;
flex-direction: column;
gap: 12px;
}
.compare__product-properties-name {
display: flex;
align-items: center;
gap: 4px;
}
.compare__product-properties-name span {
color: var(--brand-primary, #3B71CA);
font-size: 14px;
}
.compare__product-properties-name svg {
width: 16px;
height: 16px;
}
.compare__product-properties-value-list {
display: flex;
}
.compare__product-properties-value {
width: calc(31% - 4px);
border-bottom: 1px dashed var(--gray-100, rgba(51, 45, 45, 0.10));
padding-bottom: 12px;
padding-right: 40px;
}
.compare__product-properties-value {
padding-left: 20px;
}
.compare__product-properties-value:first-child {
padding-left: 0;
}
.compare__list-scroll {
position: fixed;
top:0;
left:0;
width: 100%;
background: var(--white, #FFF);
box-shadow: 0px 4px 40px 0px rgba(59, 113, 202, 0.15);
}
.compare__list-wrapper .container {
padding: 0;
}
.compare__list-scroll .compare__product-image {
width: 40px;
min-width: 40px;
}
.compare__list-scroll .compare__product-price {
display: none;
}
.compare__list-scroll .compare__product-btn {
display: none;
}
.compare__list-scroll .compare__product {
border:none;
}
.compare__list-scroll .compare__product-close {
display: none;
}
.compare__list-scroll .compare__product-empty {
background-color: var(--white);
min-height: unset;
}
.compare__list-scroll .compare__product-info {
justify-content: center;
}
/* COMPARE - END */
/*fixes*/
.container > .bx-authform {
display: none;
}
img.mfp-img {
max-width: 85%;
}
.product-info__slider .slick-slide.slick-current.slick-active > div {
text-align: center;
}
.page-container {
color: #332D2D;
line-height: 24px;
margin-bottom: 40px;
}
.page-container p:first-child {
margin-top: 0px;
}
.page-container p {
margin-top: 15px;
line-height: 24px;
font-size: 16px;
}
.page-container h2 {
margin-top: 20px;
}
.page-container ul {
margin-top: 15px;
font-size: 16px;
line-height: 24px;
}
.page-container ul li {
list-style: disc;
margin-left: 20px;
margin-top: 10px;
}
.js-border-error, .js-border-error:focus-visible, .js-border-error:focus, .js-border-error:active {
border: 1px solid #DE4D2E;
outline-color: #DE4D2E;
}
.js-error-text {
position: absolute;
width: 235px;
height: 32px;
background-color: #DE4D2E;
padding: 5px 0 5px 15px;
flex-direction: row;
border-radius: 10px;
z-index: 2;
color: white;
left: 150px;
top: 55px;
}
.js-error-text:before {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: 38px;
top: -18px;
border: 10px solid;
border-color: transparent #DE4D2E #DE4D2E transparent;
}
.js-captcha-refresh {
width: 16px;
height: 16px;
display: block;
position: absolute;
left: 145px;
}
.product.js-sku-container .product__image {
min-width: 180px;
}
.product.js-sku-container:hover {
box-shadow: 0px 4px 40px 0px #3B71CA26;
}
.error-modal-list {
padding: 8px 12px 8px 40px;
border-radius: 10px;
font-size: 12px;
color: var(--white);
background: var(--black) url('/img/icons/icn16-shield-warning.svg') no-repeat;
background-position-x: 12px;
background-position-y: center;
margin-bottom: 10px;
}
.error-modal-list span {
display: block;
margin-bottom: 5px;
}
.error-modal-list span:last-child {
margin-bottom: 0px;
}
.modal__tab.modal__tab-link:hover {
border-bottom: 1px solid var(--brand-primary);
color: var(--black);
}
.v-hide {
visibility: hidden;
}
.v-hide-o {
opacity: 0;
}
.logout-btn-m {
display: none;
}
.fix-blur {
filter: blur(2px)
}
@media (max-width: 766px) {
.logout-btn-m {
display: list-item!important;
}
}
/* HTML: */
.bb-loader {
width: 15px;
aspect-ratio: 1;
border-radius: 50%;
animation: l5 1s infinite linear alternate;
}
@keyframes l5 {
0% {box-shadow: 20px 0 #000, -20px 0 #0002;background: #000 }
33% {box-shadow: 20px 0 #000, -20px 0 #0002;background: #0002}
66% {box-shadow: 20px 0 #0002,-20px 0 #000; background: #0002}
100%{box-shadow: 20px 0 #0002,-20px 0 #000; background: #000 }
}
.cookie-popup {
position: fixed;
inset: auto auto 20px 20px;
background-color: var(--white);
border-radius: 20px;
padding: 16px;
box-shadow: 0 4px 30px rgba(59, 113, 202, 0.15);
border: 1px solid var(--gray-100);
width: calc(100% - 40px);
max-width: 800px;
display: flex;
column-gap: 20px;
opacity: 0;
pointer-events: none;
transform: translateY(10px);
transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
z-index: 5;
}
.cookie-popup--visible {
opacity: 1;
pointer-events: initial;
transform: translateY(0);
}
.cookie-popup__text {
color: var(--black);
line-height: 1.4;
}
.cookie-popup__button {
border: none;
cursor: pointer;
background-color: var(--brand-primary);
color: var(--white);
padding: 10px 20px;
border-radius: 10px;
}
@media screen and (max-width: 767px) {
.cookie-popup {
inset: auto auto 12px 12px;
border-radius: 12px;
padding: 12px;
width: calc(100% - 24px);
flex-direction: column;
row-gap: 12px;
}
.cookie-popup__text {
font-size: 12px;
}
}
.main-user-consent-request-announce-link {
color: var(--brand-primary);
text-decoration: underline;
}
/* End */
/* Start:/local/templates/main/css/adaptive.css?175334017422304*/
@media (max-width: 1199.98px) {
.container {
max-width: 1170px;
}
.phone-info__container {
max-width: 800px;
}
.header__burger {
display: flex;
}
.header__nav {
display: none;
}
.slider__slide {
height: 420px;
}
.phone-info__wrapper {
gap: 24px;
}
.news__item {
padding: 10px;
}
.news .slick-slide {
transform: translateX(-400px);
}
.basket__wrapper {
margin: 50px 1% 0 auto;
}
#modalBasket .order__product-count {
position: initial;
transform: initial;
}
}
@media (max-width: 991.98px) {
.product-info__image img {
width: 100%;
}
.container {
max-width: 990px;
}
.phone-info__container {
max-width: 800px;
}
.slider__slide {
height: 340px;
}
.section-title {
font-size: 42px;
}
.main-catalig__item-btn {
width: 100%;
left: 0;
bottom: 0;
font-size: 1.6vw;
}
.news .slick-slide {
transform: translateX(-320px);
}
.footer__wrapper {
display: flex;
justify-content: flex-start;
flex-direction: column;
gap: 20px;
}
.footer__info {
max-width: 600px;
}
.footer__navigation {
justify-content: flex-start;
}
.product {
width: 100%;
justify-content: center;
}
.product-info__feature-item {
width: 100%;
}
.product-info__images {
min-width: 400px;
}
.product-info__header {
gap:20px;
}
.order__total-btn {
padding-left: 40px;
padding-right: 40px;
}
.subscription__product-item {
width: calc(50% - 6px);
margin-right: 0;
}
.compare__product {
width: calc(48% - 4px);
}
.compare__product-properties-value {
width: calc(50% - 4px);
}
.compare__product-empty {
display: none;
}
.compare__product-properties-value {
padding-right: 0;
}
.compare__product-properties-value:first-child {
padding-right: 20px;
}
.news__slider .slick-slide {
padding: 0 7px;
}
.news__slider {
min-height: 300px;
}
.news__slider .slick-list {
height: 300px;
}
.news {
padding-bottom: 0;
}
.slider__slide-description {
width: 43%;
}
.main-category-btn.btn-blur.btn {
font-size: 1.8vw;
}
}
@media (max-width: 767.98px) {
.slick-track {
display: flex !important;
align-items: center !important;
}
.container {
max-width: 750px;
}
.slider {
display: flex;
flex-direction: column;
}
.main-slider .slick-list {
padding-bottom: 50px;
}
.main-slider .slider__slide-title.section-title span {
color: var(--black) !important;
}
.main-slider .slider__slide-subtitle.section-subtitle span {
color: var(--black) !important;
}
.slider__nav {
position: static;
order: 2;
border-top: solid 1px var(--gray-100);
}
.slider__slide {
height: 250px;
margin-bottom: 30px;
padding-bottom: 20px;
}
.slider__slide img {
position: unset;
}
.slider__slide-description {
width: 100%;
position: unset;
margin-top: 24px;
}
.slider__nav-wrapper {
justify-content: space-between;
}
.section-subtitle {
font-size: 14px;
line-height: 18px;
}
.main-category__list {
flex-direction: column;
gap: 40px;
}
.main-category__item {
width: 100%;
}
.main-category__item img {
height: 240px;
object-fit: cover;
}
.main-catalog__list {
flex-direction: column;
}
.main-catalog__item {
width: 100%;
}
.main-catalog__item img {
height: 240px;
object-fit: cover;
}
.news .slick-slide {
transform: translateX(-320px);
}
.news__nav {
display: none;
}
.footer__description {
display: none;
}
.footer__logo {
margin: 0 auto;
}
.footer__copyright {
text-align: center;
}
.footer__social {
position: absolute;
bottom: 40px;
left: 50%;
transform: translateX(-50%);
}
.footer__navigation {
gap: 20px;
}
.footer__nav {
width: 50%;
margin-top: 10px;
}
.footer__contacts {
margin-top: 10px;
padding-bottom: 60px;
}
.footer__subscribe {
margin-top: 24px;
}
.breadcrambs {
padding: 10px 0;
}
.catalog__title {
padding: 0;
}
.catalog__title h1 {
font-size: 28px;
}
.product-info {
margin-top: 10px;
}
.product-info__header {
flex-direction: column;
}
.product-info__images {
width: 100%;
max-width: unset;
}
.product-info__images-inner {
flex-direction: column;
}
.product-info__image {
max-width: 200px;
margin: 0 auto;
display: block !important;
}
.product-info__image-thumbnails {
width: 86px;
/* max-width: 86px; */
}
.product-info__slider-thumbnails {
order: 1;
width: 100%;
padding-left: 30px;
padding-right: 30px;
}
.product-info__slider-thumbnails .slick-arrow {
top: 50%;
}
.product-info__slider-thumbnails .slick-prev {
left: -12px;
transform: translateY(-50%) rotate(90deg);
}
.product-info__slider-thumbnails .slick-next {
left: unset;
right: -12px;
transform: translateY(-50%) rotate(-90deg);
}
.product-info__title {
font-size: 28px;
}
.product-info__subtitle strong {
font-weight: 500;
}
.product-info__top {
order: 1;
}
.product-info__bottom {
order: 2;
}
.product-info__actions {
order: 3;
}
.product-info__special {
order: 4;
}
.product-info__color {
order: 5;
}
.product-info__storage {
order: 6;
}
.product-info__features {
order: 7;
}
.product-info__images-text {
padding-top: 0;
order: 8;
}
.product-info__features-list {
margin-bottom: 0;
}
.product-info__bottom {
flex-direction: column;
}
.product__btn {
width: 100%;
}
.product-info__images {
min-width: unset;
}
.product-info__feature-item {
font-size: 14px;
font-weight: 400;
}
.product-info__files-list {
flex-direction: column;
gap: 8px;
}
.shop-info-list {
flex-direction: column;
gap: 12px;
}
.product-info__action-label {
background-color: var(--gray-50);
border-radius: 10px;
}
.product-info__actions {
gap: 8px;
}
.product-info__action-space {
width: 100%;
}
.product-info__action-share {
border: none;
flex-direction: column;
align-items: flex-start;
gap: 10px;
padding: 0;
}
.product-info__action-share span {
font-size: 12px;
line-height: 16px;
font-weight: 500;
color: var(--black);
}
.action-share__social-list {
gap: 10px;
}
.action-share__social-item {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 12px;;
border-radius: 10px;
border: 1px solid var(--gray-100, rgba(51, 45, 45, 0.10));
}
.order__product-total {
display: none;
}
.order__total {
flex-direction: column;
gap: 20px;
}
.order__total-cupon {
margin: 20px 0;
max-width: unset;
}
.order__total-info {
flex-direction: column;
width: 100%;
}
.order__pruduct-total-cost {
border-top: solid 1px var(--gray-100);
}
.order__total-info-block {
border-bottom: solid 1px var(--gray-100);
width: 100%;
padding-bottom: 20px;
justify-content: space-between;
margin-bottom: 20px;
}
.order__total-text {
color: var(--gray-700);
font-size: 14px;
font-weight: 500;
}
.order__total-sum {
color: var(--black);
font-size: 20px;
font-weight: 700;
margin: 0;
}
.order__print {
display: none;
}
.page__title {
padding: 0;
}
.page__title h1 {
font-size: 20px;
}
.page__tab {
font-size: 16px;
}
.order__product-image {
min-width: 100px;
}
.order__product-title {
font-size: 18px;
}
.product__price-active {
font-size: 20px;
}
.order__product-deleted .order__product-total,
.order__product-out .order__product-total {
display: flex;
}
.order__product-deleted, .order__product-out {
display: grid;
grid-template-columns: auto 1fr;
gap: 0px;
align-items: start;
}
.order__product-image {
grid-row: 1 / span 2;
margin-right: 20px;
width: 120px;
}
.product-info__art {
display: none;
}
.product-info__color-name {
font-size: 12px;
}
.product-info__modal.active {
display: flex;
}
.page__tab-list {
overflow: auto;
}
.orders__item-quantity span {
display: inline;
}
.orders__head {
display: none;
}
.orders__list {
margin-top: 20px;
border-top: 1px solid var(--gray-100, rgba(51, 45, 45, 0.10));
}
.page__tabs {
border-bottom: 1px solid var(--gray-100, rgba(51, 45, 45, 0.10));
}
.orders__item-head {
position: relative;
}
.orders__item-head-info {
margin-bottom: 20px;
}
.orders__item-quantity,
.orders__item-price,
.orders__item-date,
.orders__item-status {
width: unset;
min-width: unset;
white-space: nowrap;
}
.orders__item-head-title {
font-size: 14px;
}
.orders__item-quantity {
font-size: 12px;
position: absolute;
left: 50px;
top: 42px;
}
.orders__item-price {
font-size: 14px;
font-weight: 600;
position: absolute;
left: 100px;
top: 41px;
}
.orders__item-date {
font-size: 12px;
position: absolute;
top: 0;
right: 0;
}
.orders__item-arrow {
display: none;
}
.orders__item-status {
border-radius: 4px;
background: var(--gray-50, rgba(59, 113, 202, 0.05));
padding: 4px 8px;
text-align: center;
font-size: 12px;
position: absolute;
right: 0;
top: 39px;
}
.orders__item-details {
padding: 0;
}
.orders__item-details-row {
flex-direction: column;
gap: 0;
}
.orders__item-details-item {
max-width: 100%;
width: 100%;
padding: 12px 0;
}
.orders__item-details-btn {
margin: 0 auto 12px;
}
.orders__item-details-name {
font-size: 10px;
}
.orders__item-details-value {
font-size: 14px;
}
.orders__item-details-item-status {
border-bottom: none;
}
.orders__item-details-item-payment {
border-top: 1px dashed var(--gray-100, rgba(51, 45, 45, 0.10));
}
.orders__item-details-collapse {
display: flex;
}
.subscription {
padding-top: 20px;
}
.subscription-btn {
width: 100%;
}
.subscription__row {
flex-direction: column;
gap: 20px;
}
.subscription__col {
width: 100%;
}
.profile__forms {
gap: 20px;
}
.compare__product {
flex-direction: column;
align-items: center;
border: none;
}
.compare__product-title {
font-size: 14px;
text-align: center;
}
.compare__product-price .product__price-old {
display: none;
}
.compare__product-price .product__price-discount {
display: none;
}
.compare__product-price .product__price {
align-items: center;
justify-content: center;
}
.compare__radio-wrapper {
display: none;
}
.compare__list-scroll .compare__product {
flex-direction: row;
}
.compare__list-scroll .compare__product-title {
text-align: left;
}
.product-info__action-share {
height: unset;
}
.product-info__details {
display: block;
}
.product-info__details > div {
margin: 24px 0;
}
.page__tabs .order__trush {
display: none;
}
section.news {
padding-bottom: 0;
}
.product-info__feature-all {
margin-top: 10px;
}
#messageModal .order__product-total {
display: block;
}
#messageModal .order__product-total .order__product-restore {
font-size: 14px;
width: 100%;
text-align: center;
padding: 12px 24px;
}
#messageModal .order__product-total .product__btn {
margin-top: 15px;
font-size: 14px;
width: 100%;
text-align: center;
}
.ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item {
border-radius: 10px;
border: 1px solid var(--gray-100);
padding: 20px !important;
display: flex !important;
align-items: center;
float: left;
margin-right: 10px !important;
}
.ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item > a {
margin-left: -12px;
}
.main-catalig__item-btn {
width: initial;
left: 20px;
bottom: 20px;
}
}
@media (max-width: 575.98px) {
.product-info__image img {
max-height: 400px;
}
.product-info__slider {
max-height: 400px;
}
.container {
max-width: 540px;
}
.section-title {
font-size: 32px;
}
.slider__slide-subtitle {
margin: 10px 0 20px;
height: 30px;
}
.phone-info__wrapper {
flex-direction: column;
gap: 24px;
}
.phone-info2 .phone-info__image{
order: -1;
}
.phone-info__image, .phone-info__description {
width: 100%;
}
.phone-info__subtitle {
margin: 10px 0 24px;
}
.news .slick-slide {
transform: translateX(0px);
}
.news__item {
padding: 4px;
}
.news__item-text {
padding-left: 16px;
padding-right: 16px;
}
.modal__content {
margin-top: 40px;
}
.product {
width: 100%;
gap: 12px;
}
.order__product-title {
font-size: 16px;
}
.product__price-active {
font-size: 18px;
}
.order__product-info-out {
font-size: 14px;
}
.order__product-restore, .order__product-delete {
padding: 8px 24px;
font-size: 10px;
}
.order__discount-block-item strong {
display: none;
}
.product-page .product__price-active {
font-size: 24px;
}
.subscription__product-list {
gap:32px;
}
.subscription__product-item {
width: 100%;
border: none;
flex-direction: column;
padding: 0;
}
.subscription__product-image {
width: 100%;
}
.subscription__product-description {
display: flex;
flex-direction: column;
gap: 8px;
padding: 12px 0;
background: rgba(255, 255, 255, 0.60);
backdrop-filter: blur(20px);
margin-top: -80px;
}
.subscription__product-buttons {
flex-wrap: nowrap;
flex-direction: row;
}
.subscription__product-link, .subscription__product-unsubscribe {
width: 50%;
}
.subscription__product-description {
}
.profile__info {
flex-direction: column;
}
.profile__info-list {
gap: 20px;
padding: 24px;
}
.profile__info-logout {
max-width: unset;
width: 100%;
}
.profile__info-list {
flex-wrap: wrap;
justify-content: space-between;
gap: 10px;
}
.profile__info-item {
width: 40%;
}
.profile__forms {
flex-direction: column;
}
.profile__form {
width: 100%;
}
.i-news-detail-page .mb-3 {
flex-direction: column;
}
.i-news-detail-page .more-news-body {
/*display: none;*/
}
.i-news-detail-page .news-detail-body {
width: 100%;
}
.more-news-body {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-bottom: 20px;
margin-top: 0;
}
.news__slider {
min-height: 260px;
}
.news__slider .slick-list {
height: 260px;
}
.footer__subscribe-label {
background-color: white;
height: 100px;
width: 350px;
margin-top: 50px!important;
}
.product__icon-list .tooltip{
opacity: 0;
}
.product.js-sku-container:hover {
box-shadow: initial;
}
.main-category-btn.btn-blur.btn {
font-size: 3.8vw;
}
}
@media (max-width: 479.98px) {
.container {
max-width: 450px;
padding: 0 20px;
}
.header__search-icon, .header__favorite-link, .header__user-link {
display: none;
}
.slider__slide-btn, .phone-info__btn {
margin: 0 auto;
width: 100%;
text-align: center;
}
.slider__nav-count {
font-size: 14px;
}
.main-category__item img, .main-catalog__item img {
height: 200px;
object-position: left;
}
.main-category-btn, .main-catalig__item-btn {
left: -15px;
}
.btn-blur {
font-size: 14px;
}
.phone-info2 .phone-info__image img {
object-position: unset;
}
.news__item-title {
gap: 2px;
font-size: 12px;
}
.news__item-description {
font-size: 10px;
line-height: 14px;
}
.footer__navigation {
flex-direction: column;
}
.footer__nav {
width: 100%;
}
.footer__contacts {
max-width: unset;
width: 100%;
}
.footer__subscribe {
/*width: 100%;*/
width: 297px;
}
/*.footer__subscribe input{*/
/* width: 100%;*/
/* background-color: unset;*/
/* border: solid 1px var(--gray-100);*/
/*}*/
.product {
flex-direction: column;
align-items: center;
border: none;
}
.product__descriptions {
width: calc(100% + 48px);
position: relative;
/*margin-top: -80px;*/
border-radius: 20px 20px 0px 0px;
background: rgba(255, 255, 255, 0.60);
backdrop-filter: blur(20px);
padding-top: 12px;
}
.product__icon-list {
position: absolute;
bottom: 0px;
right: 0;
}
.product__btn {
width: 65%;
}
.product-info .product__btn {
width: 100%;
}
.product__title {
font-size: 14px;
}
.product__features {
font-size: 10px;
}
.product__option-list {
display: none;
}
.order__product-title {
font-size: 14px;
}
.product__price-old {
font-size: 12px;
}
.product__price-active {
font-size: 16px;
}
.order__product-count-total {
font-size: 14px;
}
.order__product-count {
gap: 4px;
}
.order__product-info-out {
font-size: 12px;
}
.order__product-image {
width: 100px;
}
.product-info__modal-title {
font-size: 14px;
padding: 4px 0;
}
.orders__item-details-btn {
width: 100%;
}
.subscription-btn {
width: 100%;
}
.subscription__product-link, .subscription__product-unsubscribe {
width: 50%;
}
.compare__product-properties-value:first-child {
padding-right: 5px;
}
.order__total-btn {
width: 100%;
}
}
@media (max-width: 405px) {
.orders__item-status {
top:54px;
}
}
@media (max-width: 379.98px) {
.container {
max-width: 350px;
}
.main-category__item img, .main-catalog__item img {
height: 160px;
}
.main-category-btn, .main-catalig__item-btn {
left: -20px;
}
.news__item-text {
padding: 0 8px 8px;
}
.product__btn {
width: 60%;
}
.subscription__product-link, .subscription__product-unsubscribe {
width: 50%;
}
.profile__info-name {
font-size: 9px;
}
.order__total-btn {
width: 100%;
}
}
/* End */
/* Start:/local/templates/main/components/bitrix/sale.basket.basket.line/catalog/style.css?17533401744790*/
.bx-basket { }
.basket-line-block {
position: relative;
padding-left: 25px;
white-space: nowrap;
font-size: 13px;
}
.basket-line-block-icon-cart,
.basket-line-block-icon-profile {
position: relative;
margin-right: 10px;
}
.basket-line-block-icon-cart:after,
.basket-line-block-icon-profile:after {
position: absolute;
top: -1px;
left: -25px;
display: block;
width: 20px;
height: 20px;
content: '';
}
.basket-line-block-icon-profile:after { background: no-repeat center url(/local/templates/main/components/bitrix/sale.basket.basket.line/catalog/images/profile.svg); }
.basket-line-block-icon-cart:after { background: no-repeat center url(/local/templates/main/components/bitrix/sale.basket.basket.line/catalog/images/cart.svg); }
/*FIXED BASKET*/
@media (min-width: 768px) {
.bx-basket-fixed {
position: fixed;
z-index: 998;
overflow: hidden;
padding-top: 10px;
width: 200px;
border: 1px solid #f0f0f0;
border-radius: 1px;
background: #fff;
box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
}
.bx-basket-fixed.top { top: 10px }
.bx-basket-fixed.right { right: 10px }
.bx-basket-fixed.bottom { bottom: 10px }
.bx-basket-fixed.left { left: 10px }
.bx-basket-fixed.bx-max-height { top: 10px; bottom: 10px; }
}
@media (max-width: 767px) {
.bx-basket-fixed {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 998;
overflow: hidden;
padding-top: 10px;
border: 1px solid #f0f0f0;
border-radius: 1px;
background: #fff;
box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
}
.bx-basket-fixed.vcenter {
bottom: 10px;
top: auto !important;
}
.bx-basket-item-list { display: none; }
/*.bx-basket-fixed */
}
.bx-basket-fixed .basket-line-block { margin-left: 10px; }
.bx-basket-item-list {
position: relative;
overflow: hidden;
padding-bottom: 20px;
border-top: 1px solid #f7f7f7;
}
.bx-opener .bx-basket-item-list { padding-bottom: 75px; }
.bx-max-height .bx-basket-item-list {
position: absolute;
right: 0;
bottom: 0;
left: 0;
}
.bx-closed .bx-basket-item-list {
overflow: hidden;
height: 20px;
}
.bx-basket-item-list-action {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 120;
padding: 3px 0;
height: 20px;
background: #f7f7f7;
color: #4f4f4f;
vertical-align: middle;
text-align: center;
font-size: 12px;
line-height: 14px;
cursor: pointer;
}
.bx-basket-item-list-button-container {
position: absolute;
right: 0;
bottom: 20px;
left: 0;
padding: 10px 0;
border-top: 1px solid #f7f7f7;
background: #fff;
text-align: center;
}
.bx-basket-item-list-container {
overflow-y: auto;
max-height: 100%
}
.bx-basket-item-list-item {
position: relative;
margin-bottom: 15px;
padding-top: 15px;
padding-right: 10px;
padding-left: 10px;
border-bottom: 1px solid #f7f7f7;
}
.bx-basket-item-list-container .bx-basket-item-list-item:last-child {
margin-bottom: 0;
border-bottom: none;
}
.bx-basket-item-list-item-status {
margin: 0 10px 20px;
padding: 3px;
border-radius: 3px;
background: #ebebeb;
text-align: center;
white-space: normal;
font-weight: bold;
font-size: 12px;
line-height: 16px;
}
.bx-basket-item-list-item-img {
position: relative;
padding-bottom: 5px;
text-align: center;
}
.bx-basket-item-list-item-img img {
max-width: 90px;
height: auto;
border: 1px solid #e6e6e6;
}
.bx-basket-item-list-item-name { padding-bottom: 5px; }
.bx-basket-item-list-item-name a {
font-size: 13px;
line-height: 16px;
}
.bx-basket-item-list-item-remove {
position: absolute;
top: -7px;
right: 10px;
width: 20px;
height: 20px;
opacity: .5;
cursor: pointer;
transition: 250ms linear all;
}
.bx-basket-item-list-item-remove:after,
.bx-basket-item-list-item-remove:before {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 10px;
height: 2px;
border-radius: 1px;
background-color: #333;
content: '';
transform: translate(-50%, -50%);
}
.bx-basket-item-list-item-remove:after {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-moz-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
-o-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
.bx-basket-item-list-item-remove:before {
-webkit-transform: translate(-50%, -50%) rotate(135deg);
-moz-transform: translate(-50%, -50%) rotate(135deg);
-ms-transform: translate(-50%, -50%) rotate(135deg);
-o-transform: translate(-50%, -50%) rotate(135deg);
transform: translate(-50%, -50%) rotate(135deg);
}
.bx-basket-item-list-item-remove:hover { opacity: .7; }
.bx-basket-item-list-item-price-block {
padding-bottom: 5px;
font-size: 12px;
}
.bx-basket-item-list-item-price {
display: inline-block;
margin-right: 5px;
}
.bx-basket-item-list-item-price-old {
display: inline-block;
margin-right: 5px;
color: #b0b0b0;
text-decoration: line-through
}
.bx_cart_login_top .basket-line { line-height: 1.44em; }
/* End */
/* Start:/local/templates/main/components/bitrix/main.register/modal/style.css?1753340174463*/
div.bx-auth-reg input.bx-auth-input {vertical-align:middle;}
div.bx-auth-reg span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:middle;}
div.bx-auth-reg div.bx-auth-secure-icon {background-image:url(/local/templates/main/components/bitrix/main.register/modal/images/sec.png); background-repeat:no-repeat; background-position:center; width:19px; height:18px;}
div.bx-auth-reg div.bx-auth-secure-unlock {background-image:url(/local/templates/main/components/bitrix/main.register/modal/images/sec-unlocked.png);}
/* End */
/* Start:/local/templates/main/template_styles.css?1753340174102*/
html {-webkit-text-size-adjust:none; min-height:100%;}
body {padding: 0; margin:0; min-height:100%;}
/* End */
/* /local/templates/main/css/normalize.min.css?17533401741861 */
/* /local/templates/main/assets/slick/slick.css?17533401741776 */
/* /local/templates/main/assets/slick/slick-theme.css?17533401743145 */
/* /local/templates/main/assets/magnific-popup/magnific-popup.css?17533401746951 */
/* /local/templates/main/fonts/Montserrat/stylesheet.css?17533401746609 */
/* /local/templates/main/fonts/Roboto/stylesheet.css?17533401744457 */
/* /local/templates/main/fonts/Nanum_Pen_Script_Regular/stylesheet.css?1753340174140 */
/* /local/templates/main/css/style.css?175334017484382 */
/* /local/templates/main/css/adaptive.css?175334017422304 */
/* /local/templates/main/components/bitrix/sale.basket.basket.line/catalog/style.css?17533401744790 */
/* /local/templates/main/components/bitrix/main.register/modal/style.css?1753340174463 */
/* /local/templates/main/template_styles.css?1753340174102 */