/* Start:/local/templates/vjweb_sln/components/bitrix/menu/top_menu/style.css?1769167406258*/
body.catalog-opened .main_overlay {
  display: block;
}
/*.catalog-opened .catalog-menu {
    z-index: 100 !important;
}*/
.catalog-menu--left > div:nth-child(2) {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/* End */


/* Start:/local/templates/vjweb_sln/components/vjweb/basket.adp/top_cart/style.css?1769330593362*/
.side-cart .overlay {
    width: 100%;
    height: 100%;
    z-index: 1;
    position: relative;
    background: #3e393a;
    opacity: .3;
}
.side-cart .side-cart--inner {
    z-index: 200;
}
.side-cart--details {
    margin-bottom: 15px;
}
.side-cart--remove {
  margin-top: 15px !important;
}
.side-cart--img img {
    border-radius: 10px;
}
/* End */


/* Start:/local/templates/vjweb_sln/components/bitrix/catalog.section/sln/style.css?17696267321707*/
.av-colors {
    margin-bottom: 15px !important;
}

.av-colors ul li {
    width: 25px;
    height: 25px;
    display: flex;
    border-radius: 25px;
    border: solid 1px #e4e4e4;
    align-items: center;
    justify-content: center;
    cursor: pointer !important;
}

.av-colors ul li span{
    width: 17px;
    height: 17px;
    display: block;
    border-radius: 17px;
}
.product-card a img {
    border-radius: 15px;
}
.product-cards > div {
    overflow: hidden;
    position: relative;
}
.product-slider {
    position: relative; 
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 18px;
}
.product-slider a {
    height: calc(100vw / 3.2);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.product-slider a img {
  border-radius: 0 !important;
  margin-bottom: 0px !important;
}
.product-slider .swiper-pagination {
  bottom: 10px !important;
}
.swiper-pagination-bullet-active {
  background: #3e393a !important;
}
.av-colors.noclick ul li {
    cursor: default !important;
}
@media screen and (max-width: 767px){
    .product-slider .swiper-pagination {
        bottom: 5px !important;
        width: 100%;
        height: 15px;
    }
    .product-slider .swiper-pagination-bullet {
        width: 5px;
        height: 5px;
    }
    .product-slider a {
        height: calc(100vw / 1.7);
    }

  .swiper.new-products-swiper .product-card .swiper-slide {
    width: 100% !important;
    margin-right: 0 !important;
    display: block;
  }
   .swiper.new-products-swiper .product-card .swiper-wrapper {
    flex-wrap: unset;
    justify-content: unset;
  }
}
/* End */


/* Start:/local/templates/vjweb_sln/core/kit/cache/kit_gen_2d540a15d6a22ac67c57e6996352d0cc.css?17693383831904*/
 footer.fixed {position: fixed;width: 100%;bottom: 0;left: 0;right: 0;}footer.fixed.nofix {position: relative;}.catalog_menu {display: none;}.mobile-menu--start form.search-form button {opacity: 1;width: 80px;height: 35px;line-height: 43px;}.mobile-menu--start form.search-form button img {width: 15px;}.mobile-menu--catalog_menu {display: none;}.mobile-menu--catalog_menu.active {display: block;}.catalog-opened .mobile-menu {overflow-y: scroll;}.mobile-menu--search {margin-top: 25px;}.tabcatalog-tabs {margin-top: 25px;display: flex;gap: 15px;}.tabcatalog-tabs li {cursor: pointer;}.tabcatalog-tabs .active {border-bottom: 1px solid #3e393a;}.tabcatalog-tabs-content {margin-top: 25px;display: none;}.tabcatalog-tabs-content.active {display: block;}.tabcatalog-tiles {display: flex;gap: 15px;flex-wrap: wrap;flex-direction: row;}.tabcatalog-tile {max-width: 50%;flex: 1;width: 50%;min-width: 45%;}.tabcatalog-tile-img {height: 200px;margin-bottom: 15px;background-position: center;background-size: cover;background-repeat: no-repeat;}.title-catalog {display: none;position: relative;padding-left: 20px;cursor: pointer;}.title-catalog::before {content: '';display: block;width: 10px;height: 10px;background-image: url('/local/templates/vjweb_sln/images/arrow-left.svg');background-repeat: no-repeat;background-position: center;background-size: contain;position: absolute;left: 0;top: calc(50% - 5px);bottom: 0;}.mobile-menu--tabcatalog {margin-bottom: 60px;}.mobile-menu--start .container-copyright {padding: 0;display: flex;margin-top: 60px !important;}.mobile-menu--body li a {position: relative;}.mobile-menu--body li a:after {content: '';display: block;width: 10px;height: 10px;background-image: url('/local/templates/vjweb_sln/images/arrow-right.svg');background-repeat: no-repeat;background-position: center;background-size: contain;position: absolute;right: 15px;top: calc(50% - 5px);bottom: 0;}
/* End */


/* Start:/local/templates/vjweb_sln/css/swiper-bundle.min.css?176916740613918*/
/**
 * Swiper 12.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 21, 2025
 */

:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}
/* End */


/* Start:/local/templates/vjweb_sln/css/style.css?176962678234208*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@font-face {
    font-family: 'Struve';
    src: url('/local/templates/vjweb_sln/css/../fonts/Struve-Light.woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
* {
    outline: none;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
:root {
    --gray: #9e9899;
    --brown: #3e393a;
}
body {
	line-height: 18px;
    font-size: 12px;
    letter-spacing: 0.48px;
    font-family: 'Struve';
    color: #3e393a;
    text-transform: uppercase;
    background-color: #f4f3f2;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
    text-decoration: none;
    color: #3e393a;
}
.top-header {
    background-color: #3e393a;
    color: #fff;
    text-align: center;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container {
    padding: 0 40px;
}
.nav-btn {
    display: flex;
    flex-direction: column;
    gap: 3px;
    cursor: pointer;
}
.nav-btn span {
    height: 1px;
    background-color: #fff;
}
.nav-btn span:first-child {
    width: 10px;
}
.nav-btn span:nth-child(2) {
    width: 20px;
}
.nav-btn span:nth-child(3) {
    width: 30px;
}
header {
    background-color: transparent;
    color: #fff;
    padding: 26px 0;
    position: absolute;
    width: 100%;
    z-index: 200;
}
header a {
    color: #fff;
}
.header .container {
    display: flex;
    justify-content: space-between;
    align-items: start;
}
header nav ul {
    display: flex;
    gap: 25px;
}
.left-header {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 40%;
    padding-top: 0px;
}
.home .header .left-header {
    padding-bottom: 10px;
}
.home .header.fixed .left-header {
    padding-bottom: 0px;
}
.right-header {
    width: 40%;
    display: flex;
    justify-content: end;
    padding-top: 0px;
}
.home .right-header {
    padding-bottom: 10px;
}
.hero-slider::before {
    content: '';
    position: absolute;
    width: 100%;
    height: calc(100svh - 25px);
    background-color: #3e393a;
    opacity: 0.1;
}
.hero-swiper .swiper-slide {
    height: calc(100svh - 25px);
    background-size: cover;
    background-position: top;
}
.hero-swiper .swiper-slide {
    opacity: 0 !important;
    transition: opacity 0.8s ease-in-out !important;
}
.hero-swiper .swiper-slide-active {
    opacity: 1 !important;
}
.hero-swiper {
    background: #3e393a; /* чтобы убрать белый фон за fade */
}
.hero-swiper__container {
    display: flex;
    align-items: end;
    justify-content: start;
    height: 100%;
    color: #fff;
}

.header nav a {
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-color: transparent;
    transition: all .4s ease;
}
.home .header nav a:hover {
    text-decoration-color: #fff;
    transition: all .4s ease;
}
.text-btn {
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-color: #fff;
    transition: all .4s ease;
    color: #fff;
}
.text-btn:hover {
    text-decoration-color: transparent;
}
.slide-details p {
    text-transform: none;
    margin-bottom: 18px;
}
.slide-details {
    padding-bottom: 30px;
}
.home-section {
    padding-top: 50px;
}
.section-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}
.swiper-actions {
    display: flex;
    gap: 48px;
}
.sizes {
    display: flex;
    gap: 12px;
    color: var(--gray);
}
.product-card img {
    display: block;
    margin-bottom: 18px;
}
img {
    max-width: 100%;
}
.swiper-actions > div {
    cursor: pointer;
}
.banner {
    aspect-ratio: 1360 / 623;
}
p {
    text-transform: none;
}
.banner {
    text-align: center;
    color: #fff;
    display: flex;
    justify-content: end;
    align-items: center;
    flex-direction: column;
    gap: 18px;
    padding-bottom: 40px;
}
.banner p {
    max-width: 620px;
    font-size: 14px;
    letter-spacing: 0.84px;
    margin: 0 auto;
}
section.home-section.home-section4 {
    margin-top: 30px;
    margin-bottom: 96px;
}
.footer {
    background-color: #f9f9f9;
    padding: 26px 0;
}
footer.footer .container {
    display: flex;
    justify-content: start;
}
h4.footer-col--title {
    margin-bottom: 18px;
}
.address {
    margin-bottom: 18px;
}
.footer-col.footer-col3 {
    width: 20.2%;
}
.footer-col.footer-col2 {
    width: 20.1%;
}
.footer-col.footer-col1 {
    width: 30.3%;
}
.container.footer-subs {
    justify-content: end !important;
}
form.form-footer-subs {
    width: 29.4%;
    margin-top: 55px;
}
.subs-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
button.subs-btn {
    font-size: 12px;
    line-height: 18px;
    background: transparent;
    border: none;
    text-transform: uppercase;
    letter-spacing: 0.48px;
    padding: 0;
}
.subs-body input {
    width: 100%;
    height: 37px;
    margin-top: 13px;
    border: none;
    background-color: #f4f3f2;
    padding: 0 20px;
    text-transform: uppercase;
    color: #3e393a;
    font-size: 12px;
    letter-spacing: 0.48px;
}
.container.container-copyright {
    justify-content: space-between !important;
    margin-top: 40px;
    align-items: center;
    
}
footer.footer a,footer.footer button {
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-color: transparent;
    transition: all .4s ease;
}
footer.footer a:hover,
footer.footer button:hover {
    text-decoration-color: #3e393a; 
    cursor: pointer;  
}
header.header.fixed {
    position: fixed;
    top: 0;
    background-color: #fff;
    color: #3e393a;
    padding: 17px 0;
}
header.header.fixed a {
    color: #3e393a;
}
header.header.fixed a:hover {
    text-decoration-color: #3e393a;
}
.header.fixed .nav-btn span {
    background-color: #3e393a;
}
.center-header img {
    display: block;
}
.fixed.header .container {
    align-items: center;
}
.header.fixed .white-logo {
    display: none;
}
.center-header {
    width: 20%;
    text-align: center;
    display: flex;
    justify-content: center;
}
.nav-btn > span {
    transition: all .5s ease;
}
@media screen and (min-width: 768px){
    .nav-btn:hover > span:nth-child(1){
        width: 15px;
    }
    .nav-btn:hover > span:nth-child(2){
        width: 25px;
    }
}
.nav-btn:hover > span {
    transition: all .5s ease;
}
.header:not(.fixed) .dark-logo {
    display: none;
}
.product-card img {
    transition: all .5s ease;
}
.product-card:hover img {
    opacity: 0.8;
    cursor: pointer;
    transition: all .5s ease;
}

.cat-img:hover img {
    transform: scale(1.05);
    transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
    opacity: 1;
}
.cat-img img {
    transform: scale(1);
    transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
    opacity: 1;
}
.cat-img {
    overflow: hidden;
    margin-bottom: 18px;
}
.cat-img img {
    margin-bottom: 0;
    opacity: 1;
}

header.header.fixed {
    opacity: 0;
}
body.header-fixed header.header.fixed {
    opacity: 1;
    transition: opacity .5s ease;
}
.side-cart, .side-search {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .2);
    height: 100%;
    z-index: 111;
    visibility: hidden;
    opacity: 0;
}
.side-cart--inner,
.side-search--inner {
    width: 526px;
    background: #fff;
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    padding: 30px 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    right: -526px;
}
.side-cart-item {
    display: flex;
    align-items: start;
}
.side-cart--img {
    width: 120px;
} 
.side-cart-item {
    display: flex;
    align-items: start;
    gap: 20px;
    flex-wrap: wrap;
}
.side-cart--header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.side-cart--header {
    margin-bottom: 50px;
}
.cart-item--sku {
    color: #9e9899;
    margin-bottom: 18px;
}
.side-cart--remove {
    color: #9e9899;
    text-transform: none;
    margin-top: 39px;
}
.side-cart--price {
    white-space: nowrap;
}
.totals {
    display: flex;
    justify-content: space-between;
}
.totals {
    display: flex;
    justify-content: space-between;
    margin-bottom: 23px;
}
button.btn {
    width: 100%;
    height: 47px;
    background-color: #3e393a;
    border: none;
    color: #fff;
    text-transform: uppercase;
}
button.btn:hover {
    background-color: #333;
    cursor: pointer;
}
.clear-cart {
    text-align: right;
    color: #9e9899;
    text-transform: none;
    margin-top: 18px;
}
.side-cart--img:hover img {
    opacity: 0.8;
    transition: opacity .5s ease;
}
.side-cart--details {
    width: 180px;
}
.side-cart--price {
    white-space: nowrap;
    width: 106px;
    text-align: right;
}
.clear-cart,
.side-cart--remove,
.cart-item--title {
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-color: transparent;
}
.clear-cart:hover,
.side-cart--remove:hover,
.cart-item--title:hover {
    text-decoration-color: inherit;
    cursor: pointer;
}

.side-cart--opened.side-cart,
.side-search--opened.side-search {
    visibility: visible;
    opacity: 1;
}
.side-cart > div,
.side-search > div {
    transition: all .5s ease;
}
.side-cart.side-cart--opened > div,
.side-search.side-search--opened > div {
    right: 0;
    transition: all .5s ease;
}

.side-cart,.side-search {
    transition: opacity .4s ease, visibility .4s ease;
}
form.search-form button {
    position: absolute;
    right: 0;
    line-height: 35px;
    padding: 0;
    height: 35px;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    font-size: 12px;
    border: none;
    background: transparent;
    padding: 0 20px;
    opacity: 0;
}
.side-cart--inner,
.side-search--inner {
    transition: right .4s ease;
}

/* Открыто — плавно появляется */
.side-cart.side-cart--opened,
.side-search.side-search--opened {
    visibility: visible;
    opacity: 1;
}

/* Внутренний блок выезжает */
.side-cart.side-cart--opened .side-cart--inner,
.side-search.side-search--opened .side-search--inner {
    right: 0;
}
.over-hidden {
    overflow: hidden;
}
.side-cart--close {
    cursor: pointer;
}
.side-search--inner {
    justify-content: start;
}

form.search-form input {
    width: 100%;
    height: 35px;
    background-color: #3e393a;
    border: none;
    padding: 0 20px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.48px;
    padding: 0 20px;
    background-color: #f4f3f2;
}
.side-search--close {
    cursor: pointer;
}
img.white-logo {
    width: 93px;
}
img.dark-logo {
    width: 60px;
}
.footer-dark-logo {
    width: 60px;
}
img.close-btn-img {
    width: 11px;
}
.prev-img,.next-img {
    width: 6px;
}
.catalog-menu {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    width: 100%;
    height: auto;
    top: 0;
    padding: 40px;
    display: flex;
    justify-content: space-between;
    padding-top: 99px;
    opacity: 0;
    visibility: hidden;
    z-index: -1;   
}
.catalog-menu--left {
    display: flex;
    justify-content: space-between;
    width: 60%;
    padding-right: 4.2%;
}
.catalog-menu--left ul {
    display: flex;
    flex-direction: column;
    gap: 0;
    line-height: 24px;
}
.catalog-menu--right {
    width: 40%;
    padding-left: 6px;
}
.catalog-menu--title {
    margin-bottom: 28px;
}
/*.catalog-menu--left > div:nth-child(2) {
    padding-right: 5%;
    padding-top: 46px;
}*/
.catalog-menu--left > div:nth-child(3) {
    padding-top: 46px;
}
.product-cat--item {
    width: calc(50% - 6px);
}
.product-cat-items {
    display: flex;
    align-items: start;
    gap: 12px;
}
a.product-cat-img {
    margin-bottom: 17px;
    display: block;
}
a.product-cat-img img {
    margin-bottom: 0;
    display: block;
}
.product-cat--item p {
    color: #9e9899;
}
.catalog-menu a,.catalog-menu {
    color: #3e393a;
}
.catalog-opened header.header,
.catalog-opened  header.header a {
    color: #111;
}
.catalog-opened header img.dark-logo {
    width: 107px;
    display: block !important;
}
.catalog-opened header img.white-logo {
    width: 93px;
    display: none;
}
.catalog-opened .nav-btn span {
    background-color: #3e393a;
}
.catalog-opened .catalog-menu {
    opacity: 1;
    visibility: visible;
}
.catalog-opened.home .header nav a:hover {
    text-decoration-color: #3e393a;
    transition: all .4s ease;
}
.catalog-opened .nav-btn > span {
    width: 30px !important;
}
.catalog-menu--left > div:first-child {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.view-all {
    text-decoration-color: #111!important;
}
.view-all:hover {
    text-decoration-color: transparent!important;
}
a.product-cat-img {
    overflow: hidden;
}
a.product-cat-img img {
    transform: scale(1);
    transition: transform .5s ease;
}
a.product-cat-img:hover img {
    transform: scale(1.1);
    transition: transform .5s ease;
}
a.product-cat-img {
    cursor: pointer;
}
body.home.catalog-opened {
    overflow: hidden;
}
body.header-fixed.catalog-opened img.dark-logo {
    width: 82px;
}
.product-card img {
    width: 100%;
}
.banner {
    background-size: cover;
}


body:not(.home) .header {
    position: static;
    background-color: #f9f9f9;
    color: #3e393a;
}
body:not(.home) .header a {
    color: #3e393a;
}
body:not(.home) .nav-btn span {

    background-color: #3e393a;
}
body:not(.home) header.header img.white-logo {
    display: none;
}
body:not(.home) header.header img.dark-logo {
    display: block;
}
.header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
body:not(.home) header {
    padding: 17px 0;
}
body:not(.home).catalog-opened header img.dark-logo {
    width: 60px;
}
body:not(.home) .header {
    position: relative;
    background-color: #fff;
    color: #3e393a;
    z-index: 111;
}
body:not(.home) .header a:hover {
    text-decoration-color: #3e393a;
}
li.active-nav-item > a {
    text-decoration-color: #3e393a;
}
.breadcrumb span:not(:last-child)::after {
    content: '/';
    margin: 0 5px;
}
.breadcrumb, .breadcrumb a {
    text-transform: none;
    color: #9e9899;
}
main#main {
    padding: 15px 0;
}
.breadcrumb a {
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-color: transparent;
}
.breadcrumb a:hover {
    text-decoration-color: inherit;
}
.breadcrumb {
    display: flex;
}
.catalog-header {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.catalog-header > div {
    width: calc(50% - 6px)
}
.catalog-header--right {
    display: flex;
    justify-content: space-between;
}
.set-my-size::before {
    content: '';
    display: block;
    width: 9px;
    height: 9px;
    border: 1px solid #9e9899;
    border-radius: 11px;
}
.set-my-size {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    color: #9e9899;
}
.catalog-header {
    margin-top: 40px;
}
.set-my-size:hover::before {
    content: '';
    background-color: #3e393a;
    border: 1px solid #3e393a;
}
.set-my-size:hover {
    color: #111;
}
.filter-btn {
    text-decoration: underline;
    text-underline-offset: 4px;
    cursor: pointer;
    text-decoration-color: transparent;
}
.filter-btn:hover {
    text-decoration-color: #3e393a;
}
.product-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 32px 12px;
    align-items: start;
}
.product-cards > div {
    width: calc((100% / 4) - (36px / 4));
}
.catalog-header {
    margin-bottom: 25px;
}
.product-cards {
    margin-bottom: 80px;
}
.thumbs-swiper .swiper-slide img {
    width: 76px;
}
.product-slider {
    display: flex;
    align-items: start;
}
.thumbs-swiper.swiper.swiper-initialized.swiper-vertical.swiper-watch-progress.swiper-backface-hidden.swiper-thumbs {
    max-height: 100%;
    max-height: 719px;
}

.products-images {
    width: calc(50% - 6px);
}
.products-images img {
    display: block;
}
.main-swiper.swiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
    width: 78.042%;
}
.thumbs-swiper.swiper.swiper-initialized.swiper-vertical.swiper-watch-progress.swiper-backface-hidden.swiper-thumbs {
    display: flex;
    margin: 0;
}
.main-swiper {
    margin: 0;
}
.product-slider {
    justify-content: space-between;
}
.product-details--header {
    display: flex;
}
.product-details {
    width: 29.486%;
}
.product-details--header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.product {
    display: flex;
    justify-content: space-between;
}
.product-details {
    width: calc(50% - 6px);
    display: flex;
    justify-content: center;
}
.product-details--inner {
    width: 59.5%;
}


h1.main-product--title {
    width: 75%;
}
.main-product-price {
    width: 25%;
    text-align: right;
}
.main-product-sku {
    color: #9e9899;
    margin-bottom: 28px;
}
.product-desc {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.pr-colors {
    margin-top: 30px;
}
.av-colors ul {
    display: flex;
    gap: 7px;
}
.av-colors li:hover {
    cursor: pointer;
}
.av-colors li:hover img {
    border: 1px solid #3e393a;
    transition: border-color .5s ease;
}
.av-colors img {
    width: 60px;
    display: block;
    border: 1px solid transparent;
    transition: border-color .5s ease;
}
li.color-active img {
    border: 1px solid #3e393a;
    transition: border-color .5s ease;
}
.current-color {
    margin-bottom: 13px;
}
.av-colors {
    margin-bottom: 30px;
}
ul.av-sizes {
    display: flex;
    gap: 7px;
}
ul.av-sizes li {
    width: 60px;
    height: 47px;
    background-color: #e8e8e8;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    transition: border-color .5s ease;
}
.size-title {
    margin-bottom: 17px;
}
ul.av-sizes li.active-size,
ul.av-sizes li:hover {
    border: 1px solid #3e393a;
    cursor: pointer;
    transition: border-color .5s ease;
}
.notes {
    color: #9e9899;
    text-transform: none;
    margin-top: 35px;
    margin-bottom: 18px;
}
.size-guide {
    text-transform: none;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-color: transparent;
}
.size-guide:hover {
    text-decoration-color: #3e393a;
}
a.btn.forward-btn {
    width: 100%;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #3e393a;
    color: #fff;
    margin-bottom: 13px;
}
a.btn.add-to-fav {
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e8e8e8;
    color: #3e393a;
}
.product-actions {
    margin-top: 30px;
}
ul.socs {
    display: flex;
    justify-content: end;
    gap: 16px;
    margin-top: 15px;
}
a.btn.forward-btn:hover {
    background-color: #333;
}
a.btn.add-to-fav:hover {
    color: #3e393a;
    background-color: #e9e9e9;
}
.socs a {
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-color: transparent;
}
.socs a:hover {
    text-decoration-color: #3e393a;
}
.product {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
    margin-bottom: 90px;
    align-items: center;
}
@media screen and (min-width: 768px){
    .main-swiper .swiper-slide {
        opacity: 0 !important;
        transition: opacity 0.8s ease-in-out !important;
        background-color: #3e393a;
    }
    .main-swiper .swiper-slide-active {
        opacity: 1 !important;
    }
}
.thumbs-swiper .swiper-slide {
    opacity: 0.6;
    cursor: pointer;
    transition: opacity .5s ease;
}
.thumbs-swiper .swiper-slide-thumb-active,
.thumbs-swiper .swiper-slide:hover {
    opacity: 1;
    transition: opacity .5s ease;
}
.main-swiper .swiper-slide img {
    transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
    cursor: pointer;
}
.main-swiper .swiper-slide img:hover {
    transform: scale(1.02);
    transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
}
.popup-slider {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #f4f3f2;
    height: 100%;
    z-index: 111;
}
.popup-slider .swiper-slide {
    text-align: center;
}
.popup-slider .swiper-slide img {
    height: 100svh;
}
.popup-slider .swiper-actions {
    display: flex;
    gap: 48px;
    position: absolute;
    top: 50%;
    width: 100%;
    justify-content: space-between;
    z-index: 1;
}
.popup-slider  .swiper-actions > div {
    cursor: pointer;
}
.popup-slider .swiper-actions img {
    width: 6px;
    cursor: pointer;
}
.popup-pr-details {
    position: absolute;
    bottom: 30px;
    left: 0;
}
.popup-pr--sku {
    color: #9e9899;
}
.close-popup {
    position: absolute;
    top: 25px;
    right: 0;
    cursor: pointer;
    z-index: 1;
}
.popup-slider {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease, visibility .5s ease;
}
.popup-swiper-active {
    overflow: hidden;
    
}
.popup-swiper-active .popup-slider {
    transition: opacity .5s ease, visibility .5s ease;
    opacity: 1;
    visibility: visible;
}
.log-reg-block > div {
    width: 29.412%;
}
.input-field {
    width: 100%;
    border-radius: 0;
    -webkit-appearance: none;
    border: none;
    height: 37px;
    font-size: 12px;
    padding: 0 20px;
}
h1.page-title {
    margin-top: 40px;
    margin-bottom: 30px;
}
input.input-field {
    margin-bottom: 23px;
}
.log-reg-block {
    display: flex;
    gap: 80px;
}
.form-title {
    margin-bottom: 23px;
}
.lost-pass {
    text-align: right;
    text-transform: none;
    color: #9e9899;
    margin-top: -5px;
}
.log-reg-block button.btn {
    margin-top: 50px;
}
label {
    text-transform: none;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}
.lost-pass a {
    color: #9e9899;
}
.lost-pass a {
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-color: transparent;
}
.lost-pass a:hover {
    text-decoration-color: inherit;
}
.login-block {
    margin-bottom: 100px;
}
input#terms:checked + span::before {
    content: '';
    display: block;
    width: 9px;
    height: 9px;
    border: 1px solid #3e393a;
    border-radius: 9px;
    background-color: #3e393a;
    margin-top: 3px;
}
input#terms + span::before {
    content: '';
    display: block;
    width: 9px;
    height: 9px;
    border: 1px solid #3e393a;
    border-radius: 9px;
    margin-top: 3px;
}

label.terms span {
    display: flex;
    align-items: start;
    gap: 10px;
}
input#terms {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}
.my-account-nav a {
    width: 100%;
    height: 47px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e8e8e8;
}
.my-account-nav ul {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
a.active-nav {
    background-color: #3e393a;
    color: #fff;
    transition: all .5s ease;
}
.my-account-nav ul li a:hover {
    background-color: #e9e9e9;
}
button.btn.edit-btn {
    margin-top: 30px;
    background-color: #e8e8e8;
    color: #3e393a;
}
button.btn.edit-btn:hover {
    background-color: #e9e9e9;   
}
.instruction {
    text-align: right;
    margin-top: -5px;
    text-transform: none;
    color: #9e9899;
}
.instruction a {
    color: #9e9899;
    text-transform: none;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-color: transparent;
}
.instruction a:hover {
    text-decoration-color: inherit;
}
.log-reg-block.fav-block {
    display: flex;
    gap: 0;
}
.log-reg-block.fav-block .product-cards {
    width: 70.588%;
    padding-left: 23px;
}
.log-reg-block.fav-block .product-cards > div {
    width: calc((100% / 3) - (24px / 3));
}
a.active-nav {
    background-color: #3e393a !important;
}
header.header.fixed {
    position: fixed!important;
}
header.header.fixed + main {
    margin-top: 70.88px;
}

@media screen and (min-width: 768px){
    .hide-on-desktop {
        display: none;
    }
}
@media screen and (max-width: 767px){
    .left-header > nav {
        display: none;
    }
    .right-header nav {
        display: none;
    }
    .container {
        padding: 0 18px;
    }
    .left-header {
        width: 33.33%;
    }
    .right-header {
        width: 33.33%;
    }
    .center-header {
        width: 33.33%;
    }
    footer.footer .container {
        flex-wrap: wrap;
    }
    form.form-footer-subs {
        width: 100%;
        margin-top: 55px;
    }
    .footer-col.footer-col1 {
        width: 100%;
    }
    .footer-col.footer-col4 {
        width: 100%;
    }
    .footer-col.footer-col2 {
        width: calc(50% - 6px);
    }
    .footer-col.footer-col3 {
        width: calc(50% - 6px);
    }
    .footer-col.footer-col1 {
        margin-bottom: 35px;
    }
    .footer-col.footer-col4 {
        margin-top: 40px;
    }
    form.form-footer-subs {
        width: 100%;
        margin-top: 40px;
    }
    .container.container-copyright {
        margin-top: 20px;
    }
    section.home-section.home-section4 .container {
        padding: 0;
    }
    .banner {
        aspect-ratio: 375 / 443;
        background-position: center;
        padding: 0 40px 30px;
    }
    .banner br {
        display: none;
    }
    section.home-section.home-section4 {
        margin-bottom: 48px;
    }
    .swiper.new-products-swiper .swiper-wrapper {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .swiper.new-products-swiper .swiper-slide {
        width: calc(50% - 5px) !important;
        margin-right: 0 !important;
        display: none;
    }
    .swiper.new-products-swiper .swiper-slide:nth-child(1),
    .swiper.new-products-swiper .swiper-slide:nth-child(2),
    .swiper.new-products-swiper .swiper-slide:nth-child(3),
    .swiper.new-products-swiper .swiper-slide:nth-child(4) {
        display: block;
    }
    .section-header {
        margin-bottom: 18px;
    }
    .home-section {
        padding-top: 40px;
    }
    .swiper.new-products-swiper .swiper-wrapper {
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 25px 5px;
    }
    .swiper.category-swiper > div > div {
        width: 40.346%;
    }   
    .home-section2 .container {
        padding-right: 0;
    }
    .home-section2 .section-header {
        padding-right: 18px;
    }
    .home-section2 .right-header-section {
        display: none;
    }
    section.home-section.home-section4 {
        margin-top: 0;
    }
    .side-cart--inner, .side-search--inner {
        width: 100%;
        padding: 20px 18px;
        right: -100%;
    }
    .side-cart--details {
        width: 199px;
    }
    .cart-item--price-rem {
        display: flex;
        justify-content: space-between;
    }
    .side-cart--price {
        white-space: nowrap;
        width: auto;
        text-align: right;
    }
    .cart-item--price-rem {
        display: flex;
        justify-content: space-between;
        align-items: end;
    }
    .hide-on-mobile {
        display: none!important;
    }
    .mobile-menu {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: #fff;
        z-index: 1111;
        padding: 14.5px 18px;
    }
    .mobile-menu--header {
        display: flex;
        justify-content: space-between;
    }
    .mobile-menu--body li a {
        display: block;
        padding: 14px 0;
        border-top: 1px solid #e3e3e3;
    }
    .mobile-menu--body {
        margin-top: 25px;
    }
    .mobile-menu--body ul {
        margin-left: -18px;
        margin-right: -18px;
    }
    .mobile-menu--body li a {
        display: block;
        padding: 14px 18px;
        border-top: 1px solid #e3e3e3;
        background-image: url(/local/templates/vjweb_sln/css/../img/arrow-right.svg);
        background-size: 6px;
        background-repeat: no-repeat;
        background-position: calc(100% - 18px);
    }
    .mobile-menu--body li:last-child a {
        border-bottom: 1px solid #e3e3e3;
    }
    .mobile-menu {
        visibility: hidden;
        opacity: 0;
        transition: opacity .4s ease, visibility .4s ease;
    }
    .catalog-opened .mobile-menu {
        opacity: 1;
        visibility: visible;
        transition: opacity .4s ease, visibility .4s ease;
    }
    .header img.dark-logo {
        width: 66px;
    }
    header.header.fixed {
        position: fixed;
        top: 0;
        background-color: #fff;
        color: #3e393a;
        padding: 10px 0;
    }
    body.header-fixed.catalog-opened img.dark-logo {
        width: 66px!important;
    }
    html body .nav-btn span:nth-child(2) {
        width: 20px !important;
    }
    html body .nav-btn span:nth-child(1) {
        width: 10px !important;
    }
    img.white-logo {
        width: 99px;
    }
    header {
        padding: 20px 0;
    }
    a.view-more {
        text-transform: none;
        color: #9e9899;
    }
    .header.fixed img.cart-ic-white {
        display: none;
    }
    header:not(.fixed) img.cart-ic-dark {
        display: none;
    }
    .catalog-header--left {
        display: none;
    }
    .catalog-header > div {
        width: 100%;
    }
    .product-cards > div {
        width: calc((100% / 2) - (10px / 2));
    }
    .product-cards {
        gap: 20px 10px;
    }
    body:not(.home) header.header {
        padding: 10px 0;
    }
    .breadcrumb {
        display: flex;
        flex-wrap: wrap;
    }
    .thumbs-swiper {
        display: none !important;
    }
    .products-images {
        width: 100%;
    }
    .product-details{
        width: 100%;
    }
    .product {
        flex-wrap: wrap;
    }
    .main-swiper {
        width: 100%!important;
    }
    .product-details--inner {
        width: 100%;
        padding-top: 30px;
    }
    .main-swiper.swiper {
        overflow: visible;
    }
    .main-swiper .swiper-slide {
        width: calc(100% - 20px);
    }
    .single .catalog-header--left {
        display: block;
    }
    .single .catalog-header {
        margin-bottom: 18px;
        margin-top: 0;
    }
    .product {
        margin-bottom: 50px;
    }
    .product-cards {
        margin-bottom: 50px;
    }
    main#main {
        padding: 20px 0;
        overflow: hidden;
    }
    .popup-slider .swiper-slide img {
        height: auto;
    }
    .popup-swiper > div {
        flex-direction: column;
        gap: 13px;
    }
    .popup-slider .container {
        padding: 0;
    }
    .popup-slider .container img {
        display: block;
    }
    .close-popup {
        right: 18px;
    }
    .popup-pr-details {
        position: absolute;
        bottom: auto;
        left: 18px;
        top: 20px;
        z-index: 11;
    }
    .popup-swiper {
        padding-top: 70px;
        overflow: scroll;
        max-height: 100svh;
    }
    body:not(.home).catalog-opened header img.dark-logo {
        width: 66px;
    }
    .log-reg-block {
        display: flex;
        gap: 0;
    }
    .log-reg-block {
        display: flex;
        gap: 40px;
        flex-direction: column;
    }
    .log-reg-block > div {
        width: 100%;
    }
    .log-reg-block.fav-block .product-cards > div {
        width: calc((100% / 2) - (10px / 2));
    }
    .log-reg-block.fav-block .product-cards {
        width: 100%;
        padding-left: 0;
        padding-top: 40px;
    }
    body:not(.home) img.cart-ic-white {
        display: none;
    }
    body:not(.home) img.cart-ic-dark {
        display: block;
    }
    header.header.fixed + main {
        margin-top: 46.47px;
    }
}
/* End */


/* Start:/local/templates/vjweb_sln/css/custom.css?17691674063909*/
.error {
    color: red;
    margin-bottom: 23px;
}

#result .result-title {
    position: relative;
    bottom: 40px;
}

.original {
    position: relative;
    bottom: 18px;
}

#result .product-card {
    display: flex;
    width: unset;
}

#result .product-card img {
    width: 121px;
    height: 162px;
    margin-right: 15px;
    cursor: default;
}

#result .product-card p {
    text-transform: uppercase;
}

#result .code {
    color: darkgray;
}

#result .color {
    margin: 20px 0 30px 0;
}

#result .link {
    text-decoration: underline;
}

select.input-field {
    margin-bottom: 23px;
}

.__empty.set-my-size:before {
    display: none !important;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 100% !important;
}
.btn {
    width: 100%;
    height: 47px;
    background-color: #2a2723;
    border: none;
    color: #fff;
    text-transform: uppercase;
    font-size: .75rem;
    border-radius: 0px;
}
.btn:hover {
    opacity: .9;
    background-color: #2a2723;
    color: #fff;
}

button.subs-btn {
    color: #3e393a !important;
}
.breadcrumb {
  font-size: .7rem;
}
.product-details {
  padding-top: 30px;
}
.product {
  align-items: start !important;
}
.main_overlay {
    display: none;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: fixed;
    background: #3e393a;
    opacity: .3;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.set-my-size.active::before {
    content: '';
    background-color: #3e393a;
    border: 1px solid #3e393a;
}
.set-my-size.active {
    color: #111;
}

.side-cart, .side-search {
    z-index: 250;
}

.catalog-menu--left {
  justify-content: flex-start !important;
}
.catalog-menu--left > div:first-child {
    width: 50%;
}
.nav-btn {
    display: none;
}
.side-filter--inner, .side-search--inner {
    overflow-y: scroll;
}

/* --- */
.catalog-opened-zhenskoe header.header,
.catalog-opened-zhenskoe  header.header a {
    color: #111;
}
.catalog-opened-zhenskoe header img.dark-logo {
    width: 107px;
    display: block !important;
}
.catalog-opened-zhenskoe header img.white-logo {
    width: 107px;
    display: none;
}
.catalog-opened-zhenskoe .nav-btn span {
    background-color: #3e393a;
}
.catalog-opened-zhenskoe .catalog-menu-zhenskoe {
    opacity: 1;
    visibility: visible;
}
.catalog-opened-zhenskoe.home .header nav a:hover {
    text-decoration-color: #3e393a;
    transition: all .4s ease;
}
.catalog-opened-zhenskoe .nav-btn > span {
    width: 30px !important;
}
body.home.catalog-opened-zhenskoe {
    overflow: hidden;
}
body.header-fixed.catalog-opened-zhenskoe img.dark-logo {
    width: 82px;
}
body:not(.home).catalog-opened-zhenskoe header img.dark-logo {
    width: 60px;
}

.catalog-opened-muzhskoe header.header,
.catalog-opened-muzhskoe  header.header a {
    color: #111;
}
.catalog-opened-muzhskoe header img.dark-logo {
    width: 107px;
    display: block !important;
}
.catalog-opened-muzhskoe header img.white-logo {
    width: 107px;
    display: none;
}
.catalog-opened-muzhskoe .nav-btn span {
    background-color: #3e393a;
}
.catalog-opened-muzhskoe .catalog-menu-muzhskoe {
    opacity: 1;
    visibility: visible;
}
.catalog-opened-muzhskoe.home .header nav a:hover {
    text-decoration-color: #3e393a;
    transition: all .4s ease;
}
.catalog-opened-muzhskoe .nav-btn > span {
    width: 30px !important;
}
body.home.catalog-opened-muzhskoe {
    overflow: hidden;
}
body.header-fixed.catalog-opened-muzhskoe img.dark-logo {
    width: 82px;
}
body:not(.home).catalog-opened-muzhskoe header img.dark-logo {
    width: 60px;
}

/* --- */

@media screen and (max-width: 767px){
    .nav-btn {
        display: flex;
    }
}
/* End */
/* /local/templates/vjweb_sln/components/bitrix/menu/top_menu/style.css?1769167406258 */
/* /local/templates/vjweb_sln/components/vjweb/basket.adp/top_cart/style.css?1769330593362 */
/* /local/templates/vjweb_sln/components/bitrix/catalog.section/sln/style.css?17696267321707 */
/* /local/templates/vjweb_sln/core/kit/cache/kit_gen_2d540a15d6a22ac67c57e6996352d0cc.css?17693383831904 */
/* /local/templates/vjweb_sln/css/swiper-bundle.min.css?176916740613918 */
/* /local/templates/vjweb_sln/css/style.css?176962678234208 */
/* /local/templates/vjweb_sln/css/custom.css?17691674063909 */