@font-face {
  font-family: 'Helvetica Neue Cyr';
  src: url('/template/view/theme/default/stylesheet/fonts/helvetica/HelveticaNeueCyr-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Helvetica Neue Cyr';
  src: url('/template/view/theme/default/stylesheet/fonts/helvetica/HelveticaNeueCyr-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Helvetica Neue Cyr';
  src: url('/template/view/theme/default/stylesheet/fonts/helvetica/HelveticaNeueCyr-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Helvetica Neue Cyr';
  src: url('/template/view/theme/default/stylesheet/fonts/helvetica/HelveticaNeueCyr-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Helvetica Neue Cyr';
  src: url('/template/view/theme/default/stylesheet/fonts/helvetica/HelveticaNeueCyr-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Helvetica Neue Cyr';
  src: url('/template/view/theme/default/stylesheet/fonts/helvetica/HelveticaNeueCyr-Roman.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Helvetica Neue Cyr';
  src: url('/template/view/theme/default/stylesheet/fonts/helvetica/HelveticaNeueCyr-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
}

/* Оригинальный Helvetica */
@font-face {
  font-family: 'Helvetica';
  src: url('/template/view/theme/default/stylesheet/fonts/helvetica/Helvetica.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
* {
	font-family: "Helvetica Neue Cyr", Arial, sans-serif;	
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
	orientation: portrait !important;
    margin: 0px;
	
	color: var(--black);
	font-size: 14px;
}
body:has(#modal_view:not(.hidden)) {
	overflow: hidden;
}
img {
  opacity: 0;
  /*transform: translateY(20px);*/
  transition: opacity 0.5s ease-in-out;
  /*transition: opacity 0.5s ease, transform 0.5s ease;*/
}

img.visible {
  opacity: 1;
 /*transform: translateY(0);*/
}
.visibility-hidden{
	visibility: hidden;
    height: 0;
}
.hidden{
	display:none!important;
}

:root{
	--black: #000000;
	--accent: #FFED00;
	--green: #4B8969;
	--red: #B61A2D;
	--blue: #238C96;
	--white: #FFFFFF;
	--grey: #6E6E6E;
	--grey-m: #EDEDED;
	--width-content: 1480px;
	
	
	--dark-blue: #003B6A;
	--border: #EDEDED;
	--bg: #FFFFFF;
	--bg-second: #F3F3F7;
	--bg-3: #E8E8ED;
	--viol: #6F4CE5;
	--yellow: #FABC22;
	--light-red:#FBEBEB;
	--light-blue:#E9F4FD;
	--light-green: #E7FAEB;
	--light-yellow: #ffed001a;
	--w-slider: 6px;
	--h-slider: 2px;
	--spacing-3xs: 5px;
	--spacing-2xs: 10px;
	--spacing-xs: 16px;
	--spacing-s: 20px;
	--spacing-m: 30px;
	--spacing-l: 40px;
	--spacing-xl: 60px;
	--spacing-2xl: 80px;
	--radius-s: 5px;
	--radius-m: 10px;
	--radius-l: 20px;
	--radius-2xl: 100px;
}

header {
	background: var(--bg);
	margin-right: auto;
    margin-left: auto;
	position: sticky;
    top: -44px;
    z-index: 3;
}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}
p {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
a{
	color: var(--black);
	font-size: 14px;
	font-weight:500;
	cursor: pointer;
	text-decoration: none;
	transition: all 200ms ease; 
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


li {
   display: block;
}
a:hover {
	color: var(--grey);
	svg.arrow{
		stroke: var(--grey);
	}
	svg.arrow1{
		stroke: var(--grey);
	}
	svg.arrow2{
		stroke: var(--grey);
	}
}

h1, .h1 {
	font-size: 40px;
	font-weight: 700;
	color: var(--black);
	line-height: 110%;
    margin-block-start: 0em;
    margin-block-end: 0em;
}

h2, .h2{
	font-size: 32px;
	font-weight: 700;
	color: var(--black);
	line-height: 110%;
    margin-block-start: 0em;
    margin-block-end: 0em;
}

h3, .h3{
	font-size: 24px;
	font-weight: 500;
	color: var(--black);
	line-height: 110%;
    margin-block-start: 0em;
    margin-block-end: 0em;
}


h4, .h4{
	font-size: 16px;
	font-weight: 600;
	line-height: 110%;
	color: var(--black);
	margin-block-start: 0em;
    margin-block-end: 0em;
}

h5, .h5 {
	font-size: 20px;
	font-weight: 600;
	color: var(--black);
	margin-block-start: 0em;
    margin-block-end: 0em;
}

h6, .h6 {
	font-size: 24px;
	font-weight: 600;
	line-height: 120%;
	color: var(--black);
	margin-block-start: 0em;
    margin-block-end: 0em;
	transition: all 200ms ease; 
}

.body16px {
	font-size: 16px;
	line-height: 140%;
}

button, .button{
    cursor: pointer;
    border-radius: none;
	border: none;
	font-size: 14px;
	font-weight: 400;
    width: 100%;
    background: var(--accent);
    transition: all 300ms ease; 
	padding-block: 0px;
    padding-inline: 0px;
	padding: var(--spacing-2xs) var(--spacing-s);
	color:var(--black);
	user-select: none;
	white-space: nowrap;
}

 button:hover, .button:hover {
    background-color: var(--black);
	color:var(--white);
	box-shadow:none;
}
.not-button:hover{
	 background-color: var(--accent);
	 cursor:default;
}

form {
	display:flex;
	width: 100%;
}
input{
    height: 100%;
    display: block;
    width: 100%;  height: 44px;
    padding: 12px var(--spacing-xs);
    font-size: 14px;
  border-radius: none;
  border: 1px solid var(--border);
  transition: all 300ms ease; 
  box-sizing: border-box; 
}

input:disabled{
    color: var(--black);
}

select{
	 height: 100%;
    display: block;
    width: 100%;  height: 44px;
    padding: 12px var(--spacing-xs);
    font-size: 14px;
  border-radius: none;
  border: 1px solid var(--border);
  transition: all 300ms ease; 
  box-sizing: border-box; 
}

.icon{
	display:flex;
}
.mt-5{
	margin-top: var(--spacing-3xs);
}
.header-desktop{    
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
	background: var(--bg);
    margin-right: auto;
    margin-left: auto;
}

.wrapper-top-header {
   display: grid;
  /* grid-template-columns: repeat(2, 1fr);*/
	/*grid-template-columns: 1fr 5fr;*/
   grid-column-gap: var(--spacing-m);
	align-items: center;
	width: 100%;
   padding: var(--spacing-3xs) var(--spacing-s);
   max-width: var(--width-content);
}
.wrapper-top-header-bg {
    background: var(--accent);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
	height: 44px;
}
.n-dotted-link {
    color: var(--black);
    cursor: pointer;
    line-height: 100%;
    display: inline-block;
	white-space: nowrap;
}
.n-dotted-link:after {
	content: '';
    margin-top: 4px;
    display: block;
	border-bottom: 1px dashed var(--grey);
}
.dotted-link {
    color: var(--black);
    cursor: pointer;
    line-height: 100%;
    display: inline-block;
	white-space: nowrap;
	text-transform: uppercase;
}

.dotted-link:after{ 
	content: '';
	margin-top:4px;
    border-bottom: 1px solid var(--accent);
    display: block;
}

.headerL1-f-list{
	display: flex;
	flex-direction: row;
    align-items: center;
	gap: var(--spacing-2xs);
}

.headerL1-f-type1{
	color: var(--black);
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0em;
	padding-right: var(--spacing-m);
	display: flex;
    align-items: center;
	gap:var(--spacing-2xs);
}
.top-menu{
	display: flex;
	list-style: none;
	gap: var(--spacing-m);
	/*max-width: 444px;*/
	align-items: center;
}
.bottom-menu{
	display: flex;
	list-style: none;
	gap: var(--spacing-m);
	/*max-width: 444px;*/
	align-items: center;
}
.bottom-menu-content {
	position: relative;
	width: 100%;
	max-width: var(--width-content);
}

.bottom-menu-content-lists {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	top: 0;
	z-index: 2;
	height: 0;
	visibility: hidden;
	background: var(--white);
	overflow: hidden;
	transition: height 0.5s ease, visibility 0.5s ease;
	padding: 0 var(--spacing-s);
}
.bottom-menu-content-links{
	display: none;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	background: var(--white);
    border: 1px solid var(--grey-m);
	
}
.bottom-menu-content-links a{
	border: 1px solid var(--grey-m);
    display: flex;
    justify-content: center;
	align-items: center;
    flex-direction: column;
	padding:var(--spacing-xs);
	gap: 16px;
	font-weight: 550;
	font-size: 14px;
	line-height: 120%;
	text-transform: uppercase;
	color: var(--black);
	text-align: center;
	transition: all 300ms ease;
}
.bottom-menu-content-links a:hover{
	border: 1px solid var(--accent);
}
.bottom-menu-content-links a.bm-not-image{
	font-weight: 900;
	font-size: 40px;
	line-height: 110%;
	letter-spacing: 0%;
	text-align: center;
	text-transform: uppercase;
}
.bottom-menu-content-links a.bm-not-image:hover{
	background: var(--black)!important;
	color: var(--accent)!important;
}
.bottom-menu-content-links a.bm-not-image span{
	font-weight: 500;
	font-size: 14px;
	line-height: 120%;
	text-transform: uppercase;
}
.bottom-menu-content-links.view-link{
	display: grid;
	
}
.header-top{
	display: flex;
	flex-direction: row;
    justify-content: flex-end;
}
.header-bottom-menu a{
	font-weight: 500;
	font-style: Medium;
	font-size: 14px;
	line-height: 120%;
	text-transform: uppercase;
	color: var(--black);
	white-space: nowrap;
}

.header-bottom-menu a:hover{
	color: var(--grey);
}

.header-bottom-menu a.active {
	color: var(--grey); 
}
.header-bottom-menu-list a{
	font-weight: 500;
	font-style: Medium;
	font-size: 14px;
	line-height: 120%;
	text-transform: uppercase;
	color: var(--black);
	white-space: nowrap;
}
.header-bottom-menu-list a:hover{
	color: var(--grey);
}
.header-top a{
	color: var(--black);
	display: flex;
    align-items: center;
	transition: all 200ms ease; 
	gap: var(--spacing-3xs);
	white-space: nowrap;
	font-weight: 400;
	text-transform: uppercase;
}
.header-top a:hover{
	color: var(--grey);
}

.operator-phone {
	display: flex;
	align-items: center;
}

.operator-phone a {
	color: var(--black);
	font-weight:400;
}

.operator-phone p{
	margin-left: var(--spacing-3xs);
	margin-right: var(--spacing-3xs);
}

.operator-phone a:hover {
	color: var(--accent);
}

/*icon animation*/
svg.arrow{
	stroke: var(--grey);
    transition: all 200ms ease; 
  } 
  
svg.arrow1{
	stroke: var(--grey);
    transition: all 200ms ease; 
  }

svg.arrow2{
	stroke: var(--black);
    transition: all 200ms ease; 
	fill: #dc092e00;
  }
  
svg.arrowBlue{
	stroke: var(--accent);
    transition: all 200ms ease; 
	fill: #dc092e00;
  }


.active-compare svg{
	stroke: var(--black)!important;
}


.border {
    border-bottom: 1px solid var(--border);
    width: calc(100vw - var(--w-slider)); /*расширяет по ширине браузера*/
}

.wrapper-second-header{
	display: grid;
	grid-template-columns: 1fr 4fr 2fr;
	align-items: center;
	width: 100%;
	padding: var(--spacing-s) var(--spacing-s);
	gap:40px;
	max-width: var(--width-content);
	position: relative;
}

.wrapper-second-header .logo{
	user-select:none;
	display: flex;
    align-items: center;
}

.wrapper-second-header .logo a{
	display: flex;
    align-items: center;
}


.video-bg {
	height: 48px;
	padding:0 10px; 
	border-radius: none;
	box-shadow: 0 4px 16px 0 rgba(72, 0, 255, 0.38);
	background: #61499e;
	align-items: center;
    display: flex;
	    width: auto;
	justify-content: center;
}

.video-bg:hover{
	background: #61499e;
	box-shadow: 0 4px 16px 0 rgba(72, 0, 255, 0.38);
}

.headerL1-f-list video {

}

.header-second {
	display: flex;
	flex-direction: row;
    justify-content: center;
}

.second-menu{
	display: flex;
	list-style: none;
	gap: var(--spacing-m);
	align-items: center;
}

.action-header{
	display: flex; 
	align-items: center;
	gap: var(--spacing-2xs);
}

.font-second-menu{
	color: var(--black);
	text-decoration: none;
	transition: all 200ms ease; 
}

.font-second-menu:hover {
	color: var(--grey);
	text-decoration: none;
}

.font-second-menu.action-icon-text {
	color: var(--red);
	display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-2xs);
}

.nav-tabs{
	display: flex;
	align-items: center;
	flex-direction: row;
    justify-content: flex-end;
	gap: var(--spacing-xs);
}
.icon-menu-header{
	display: flex;
    align-items: center;
	position: relative;
}
.n-status {
	position: absolute;
    right: 0px;
    top: -8px;
}
.icon-menu-header:last-child{
	margin-right: 0px;
}

.header-count {
	position: absolute;
    top: -5px;
    right: -10px;
    min-width: 18px;
    max-width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    border-radius: 100%;
    background: var(--accent);
    color: var(--black);
}

.icon-menu-header a {
	position: relative;
	display: flex;
	align-items: center;
	gap: 4px;
}


.third-header{
	display: flex;
    grid-column-gap: 8px;
   /* position: relative;*/
    width: 100%;
    justify-content: center;
} 
.third-header .search-form-header{
	grid-column:span 1;
}
.search-form-header {
	z-index: 1;
	overflow: hidden;
	position: absolute;
	grid-column: span 3;
	right: 170px;
	width: 0%;
	background: #fff;
	transition: width 600ms ease-in-out;
}
.search-form-header .input-field.second-wrap {
	visibility:hidden;
	opacity:0;
	transition: all 650ms ease-in-out;
}
.search-form-header.click-search .input-field.second-wrap {
	visibility:visible;
	opacity:1;
}
.search-form-header.click-search {
	width: 75%;
}

.white-link{
	display: flex;
    color: white;
    align-items: center;
    gap: var(--spacing-2xs);
}

.white-link:hover {
    color: white;
}
 
.black-link{
	display: flex;
    color: white;
    align-items: center;
    gap: var(--spacing-2xs);
}

.black-link:hover {
    color: white;
 }

.input-field.first-wrap {
	width: 100%;
    
}
.input-field.first-wrap input{
	border-radius: var(--radius-s) 0 0 var(--radius-s);
}

.btn-search{
	font-size: 0px;
	border-radius: 0 var(--radius-s) var(--radius-s) 0;
	padding: var(--spacing-2xs);
	background: none;
}
.third-header .search-form-header .btn-search{
	padding: 12px 3.5px 12px 16px;
}
.btn-search:hover{
	background: none;
}

input:hover {
	border: 1px solid var(--grey);
}
 
input:focus-visible {
	border: 1px solid var(--grey);
	outline: none;
	color: var(--black);
}

.subscription-input{
	width: 100%;
    padding-right: 8px;
}

.forth-header{
	position: fixed;
	top:0px;
    background: white;
    width: 100%;
    display: none;
    justify-content: center;
    z-index: 500;
	box-shadow: 0px 4px 40px 0px #2121211A;
	-webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-animation: slideDown .5s ease forwards;
    animation: slideDown .5s ease forwards;
}
.forth-header.hidden {
    -webkit-transform: translateY(0);
    transform: translateY(0);
	-webkit-animation: slideUp .5s ease forwards;
    animation: slideUp .5s ease forwards;
	display: flex;
}

.searchAjax{
    position: absolute;
    width: 100%;
    top: 0px;
    z-index: 100;
	padding: 0 20px;
}
.searchAjax-content{
	border-radius: none;
    /*box-shadow: 0px 4px 40px 0px #0000001A;*/
	border: 1px solid var(--grey-m);
    background: var(--bg);
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: var(--spacing-m);
    padding: var(--spacing-s) var(--spacing-m);
}
.searchAjax-content-left {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-l);
    justify-content: flex-start;
  }
  
  .searchAjax-content-lf{
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
    justify-content: flex-start;
  }
  
.search-history-link{
	display: grid;
    align-items: center;
    gap: var(--spacing-2xs);
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    grid-template-columns:auto 4fr auto; 
  }

.search-more {
    grid-column: span 2;
    display: flex;
}

.search-header-mobile{
  display:none;  
}
  
.search-history-link span {
    width: 100%;
  }
  .search-history-link p{
    font-size: 12px;
    font-weight: 400;
    color: var(--grey);
  }
  .search-history-link h4 {
    padding-bottom: var(--spacing-3xs);
  }  
  
  
.searchAjax-content-right {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /*gap: var(--spacing-2xs);*/
    align-content: space-between;
    height: max-content;
  }
  
   .searchAjax-content-right button{
    grid-column: span 2;
    width: max-content;
    margin-right: auto;
    margin-left: auto;
  }

.searchAjax-content-right .h4 {
    grid-column: span 2; 
	margin-bottom: var(--spacing-2xs);
  }
  
.searchAjax-content-scroll{
	overflow: hidden auto;
}
  .searchAjax-content-left .searchAjax-content-scroll{
    max-height: 298px;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
    justify-content: flex-start;
  }
  
.ellipsis{
  white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.search-history-link svg {
    stroke: var(--grey);
    transition: all 200ms ease;
    fill: #dc092e00;
  }
  
  .search-history-link span{
  white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.product-search {
    padding: var(--spacing-s);
    border-radius: 0;
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-s);
    height: 120px;
  }
  
  
.product-search-img img{
	width: 77px;
	height: 77px;
}

.product-search-info{
	display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--spacing-2xs);
	width: 100%;
}
.product-search-info .price-card{
    padding-top: var(--spacing-3xs);
}
.product-search-info .price-card h5{
    font-size: 16px;
}
.product-search-top{
	display: flex;
    justify-content: space-between;
    width: 100%;
}

.product-search-top .tag-brand{
	
}

.product-search-model{
	font-size: 12px;
	font-weight: 400;
	color: var(--grey);
}

.product-search-model span{
	color: var(--black);
}
.product-search-name{
	height: 24px;
}

.product-search-name .title-card {
    padding-top: 0;
}

.s-content-to-header{
	  position: absolute;
	  visibility: hidden;
	  opacity: 0;
	  transition: 650ms ease-in-out, opacity 650ms ease-in-out;
      position: sticky;
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      align-items: flex-start;
      width: 1480px;
      margin-right: auto;
      margin-left: auto;
      top: 50px;
      z-index: 2;
	 /* transform: scale(0);
	  transform-origin: 55% 0%;*/
}

.s-content-to-header:not(.hiddenA) {
	visibility: visible;
    opacity: 1;
    box-sizing: border-box;
    /*transform: scale(1);*/
}

.sticky-header {
	display: grid;
    grid-template-columns: 1fr 3fr;
    grid-column-gap: var(--spacing-m);
    width: 1480px;
    padding: var(--spacing-3xs) var(--spacing-s);
}

.sticky-header {
	
}
.sticky-menu-elements{
	display: flex;
	align-items: center;
	gap: var(--spacing-m);
}

.hero-section-flex {
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
	width: 1480px;
    margin-right: auto;
    margin-left: auto;
    padding: var(--spacing-xs) var(--spacing-s) var(--spacing-l) var(--spacing-s);
}

.hero-section {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: var(--spacing-m);
}

.nav-item {
	position:relative;
	border-bottom: 1px solid var(--border);	
}

.nav-item:last-child {
	border-bottom: none;	
}

.nav-item a{
	display: flex;
    align-items: center;
	justify-content: flex-start;
	line-height: 100%;
	padding: var(--spacing-xs) var(--spacing-l) var(--spacing-xs) var(--spacing-s);
}


.nav-link {
	color: var(--black);
	font-weight: 400;
}

.nav-link:hover{
	color: var(--grey);
	font-weight: 400;
}
.arrow{
	position:absolute;
	right: var(--spacing-2xs);
}

/*change color of icon in catalog menu*/
.nav-item:hover{
	svg.arrow path{
		stroke: var(--accent);
	}
}
.navbar-nav {
	 padding: 0;
    border: 1px solid var(--border);
    border-radius: var(--radius-m);
    background: var(--bg);
}

footer {
	background: var(--bg-second);
	margin-top: 140px;
}

.newsletter {
	background: var(--grey);
	display: flex;
    justify-content: center;
}
.newsletter .h5{
	font-weight: 900;
	font-size: 16px;
	text-transform: uppercase;
	color:var(--white);
}
.flex{
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
	width: 1480px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 var(--spacing-s);
}

.nl-section{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: var(--spacing-m);
    align-items: center;
    width: 1480px;
    padding: var(--spacing-2xs) var(--spacing-s);
}

.btn-shadow{
	line-height:120%;
	border: 1px solid var(--accent);
}

.btn-shadow:hover{
	line-height:120%;
	border: 1px solid var(--grey);
}

.btn-shadow-s{
	line-height:120%;
	background: var(--green);
	color:var(--white);
	border: 1px solid var(--green);
}
.btn-shadow-s:hover{
	color:var(--white);
	background-color:var(--black);
	border: 1px solid var(--black);
}

.footer-list{
	display: flex;
    flex-direction: column;
	gap: 12px;
}


.footer-link {
	font-weight: 500;
	color: var(--black);
}

.footer-link:hover {
	color: var(--grey);
}

.main-footer{
    display: flex;
    width: 100%;
    justify-content: center;
    padding: 50px var(--spacing-s);
    flex-direction: column;
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
}

.first-wrap-footer {
    display: flex;
    gap: var(--spacing-m); /* вместо устаревшего grid-column-gap */
    justify-content: space-between;
    flex-wrap: wrap; /* чтобы при нехватке места блоки переносились */
}

.first-wrap-footer > * {
   /* flex: 1 1 0;   */    /* равномерное распределение */
    max-width: 411px;  /* ограничение ширины */
	display: flex;
    flex-direction: column;
    gap: 16px;
}
.wrap-footer-part{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: var(--spacing-m);
	grid-column: span 2;
}
.contact-accord{
	display: flex;
    flex-direction: column;
    gap: 16px;
}
.first-wrap-footer .h4{
	font-weight: 300;
	font-size: 20px;
	text-transform: math-auto;
	color:var(--grey);
}

.information-block.addresses{
    display: flex;
    flex-direction: column;
}

.list-footer {
	display: flex;
    flex-direction: column;
    gap: var(--spacing-m);
}

.information-block.addresses p{
	padding-bottom: var(--spacing-xs);
	font-size: 16px;
}

.link-more{
	display: flex;
    align-items: center;
	font-weight: 500;
	font-size: 14px;
	line-height: 120%;
	text-transform: uppercase;
	color: var(--black); 
	border-bottom: 0px solid var(--accent);
	padding-bottom: 4px;
	width: fit-content;
}

.contact-list a{
	font-size:14px;
	color: var(--black);
	display: flex;
    align-items: center;
	font-weight: 400;
}

.contact-list svg{
	margin-right: var(--spacing-2xs);
}

.contact-list a:nth-child(2){
	align-items: flex-start;
}

.contact-list a:hover{
	color: var(--grey);
}

.contact-list{
	display: flex;
    flex-direction: column;
    gap: 16px;
}

.app-mobile-pic{
line-height: 0;
	display: flex;
    gap: 12px;
}

.app-mobile-pic a{
	display: inline-flex;
}
.app-mobile-pic img{
	width: 45px;
	height: 45px;
	border-radius: none;
}
.contact-footer{
	padding-bottom: var(--spacing-m);
}

.list-footer h6:hover{
	color: var(--accent);
}
.input-field.second-wrap{
	display: flex;
}

.second-wrap-footer {
	display: grid;
	grid-template-columns: 1fr;
	padding: var(--spacing-s) 0;
	grid-column-gap: var(--spacing-m);
	border-bottom: 1px solid var(--white);
	border-top: 1px solid var(--white);
	margin: 50px 0 var(--spacing-s) 0;
}
.copyright{
	display: flex;
    align-items: center;
    justify-content: flex-end;
}

.method-payments {
	display: flex;
    align-items: center;
    flex-wrap: wrap;
	gap: var(--spacing-m);
	justify-content: space-around;
}

.method-payments img{
	display: flex;
	max-width:81px;
}

.third-wrap-footer {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--spacing-xs);
}

.third-wrap-footer p{
	color: var(--grey);
	font-size: 10px;
	width: 449px;
}
.third-wrap-footer sub {
    width: 100%;
    display: block;
    margin-top: 10px;
}
.third-wrap-footer sub a{
    font-size: smaller;
	color: var(--black)
}
.ocf-container{
	position:relative;
	width: 264px;
	z-index:0;
}

/*shop cards*/
.shop-cards {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-column-gap: var(--spacing-m);
}

.product-card-previw {
	padding: 12px;
	border-radius: none;
	border: 1px solid var(--border);
	transition: all 300ms ease;
	position:relative;	
	display: flex;
    flex-direction: column;
}

.stickers{
	display: inline-grid;
    justify-items: start;
    gap: var(--spacing-3xs);
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
}

.stickers-right{
	display: inline-grid;
    justify-items: end;
    gap: var(--spacing-3xs);
    position: absolute;
    right: 0;
    top: 0;
	padding: 0;
}

.stickers-bleft{
	display: inline-grid;
    justify-items: start;
    gap: var(--spacing-3xs);
    position: absolute;
    left: 0;
    bottom: 0;
	padding: 0;
}

.stickers-bright{
	display: inline-grid;
    justify-items: end;
    gap: var(--spacing-3xs);
    position: absolute;
    right: 0;
    bottom: 0;
	padding: 0;
}

.sticker{
	font-size:12px;
	color: var(--bg);
	display: flex;
	text-transform:uppercase;
	border-radius:0px;
}
.product-card-previw .sticker img{
	max-width: 135px!important;
	border-radius:0px!important;
}
@media(max-width: 1120px){
.product-card-previw .sticker img{
	max-width: 110px!important;
}
 .stickers-bleft .sticker img{
	max-width: 120px;
		border-radius:0px!important;
}   
}

@media(min-width: 1130px){
.stickers-bleft .sticker img{
	max-width: 170px;
	border-radius:0px!important;
}}

.sticker-action{
	background: var(--red);
}

.sticker-new{
	background: var(--accent);
}

.sticker-recommend{
	background: var(--green);
}

.sticker-promo{
	background: var(--viol);
}

.product-card-previw:hover{ 
	border: 1px solid var(--accent);
}

.product-card-picture {
    align-items: center;
    display: flex;
    height: auto;
    justify-content: center;
    position: relative;
    text-decoration: none;
    width: 100%;
	user-select: none;
	flex:none;
}

.product-card-image {
    display: block;
    object-fit: contain;
	/*max-width: 300px;
	width: 100%;*/
	width: 100%;
    height: 100%;
    max-height: 300px;
}

.product-card-dots {
	position: absolute;
    display: flex;
    height: 100%;
    top: -8px;
    width: 100%;
    justify-content: center;
	gap: var(--spacing-2xs);
	align-items: flex-end;
	cursor:pointer;
}

.product-card-dot {
    width: 40px;
    border-bottom: 0px solid var(--border);
	height: 100%;
	transition: all 200ms ease;
}


.product-card-dots:not(:hover) .product-card-dot:first-child {
    border-bottom: 0px solid var(--accent);
}

.product-card-dot:hover {
    border-bottom: 0px solid var(--accent);
}

.card-flex-center {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: center;
	position: absolute;
	bottom: 0px;
}
.card-padding-dots {
	max-width: 66px;
	width: fit-content;
	padding: 4px 8px;
	border-radius: 20px;
	background: #0000001A;
	backdrop-filter: blur(32px);
	overflow: hidden;
	position: relative;
}
.card-owerflow-dots {
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.card-dots {
	display: flex;
	align-items: center;
	gap: 4px;
	transition: transform 0.4s ease;
	will-change: transform;
	white-space: nowrap;
}
.product-card-previw .card-dots {
	display: flex;
	align-items: center;
	height: 4px;
}
.card-dot {
	opacity: 0.3;
	display: inline-block;
	width: 4px;
	height: 4px;
	/*background-color: #003B6A;*/
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5' fill='none'%3E %3Ccircle cx='2' cy='2.5' r='2' fill='%23003B6A'/%3E %3C/svg%3E");
	border-radius: none;
	/*cursor: pointer;*/
	transition: opacity 0.4s ease, width 0.4s ease, height 0.4s ease;
}
.card-dot.active {
	opacity: 1;
}
.card-dot.next, .card-dot.prev {
	width: 4px;
	height: 4px;
}
.description-card{
	margin: var(--spacing-2xs) 0 0 0;
	display: flex;
    flex-direction: column;
    gap: 4px;
	height: 100%;
	justify-content: space-between;
}
.subdata-card-full{
	display: flex;
    flex-direction: column;
    gap: 4px;	
}
.btn-price-card{
	display: flex;
    flex-direction: column;
    gap: 4px;
}
.subdata-card{
	display: flex;
    justify-content: space-between;
    align-items: center;
	padding-top: var(--spacing-3xs);
}
.model-card-p{
	font-size: 12px;
	font-weight: 400;
}
.model-card-p .copy-go{
	transition: all 200msease;
}
.model-card-p .copy-go:hover{
	color: var(--black);
	transition: all 200msease;
}
.review-card-p{
	display: flex;
    gap: 5px;
    align-items: center;
}
.review-card-n1-p{
	font-size: 12px;
	font-weight: 500;
	color: #FABC22;
}
.review-card-n1-p.grey-text{
	color: var(--grey);
}
.review-card-n2-p{
	font-size: 12px;
	font-weight: 400;
	color: var(--grey);
}
.name-card{
	display: flex;
    flex-direction: column;
}

.title-card {
	font-size: 16px;
    font-weight: 500;
    color: var(--black);
	line-height:120%;
	-webkit-line-clamp: 2;
	max-height: 38px;
    overflow: hidden;
	display: -webkit-box;
    -webkit-box-orient: vertical;
	height: 36px;
}
.searchAjax-content .title-card {
	height: 34px;
}
.title-card:hover{
    color: var(--grey);
}

.tag-brand {
	color: var(--black);
	font-size: 12px;
	font-weight:500;
	transition: all 200ms ease;
	height: 15px;
}

.tag-brand:hover {
	color: var(--grey);
}

.action {
	color: var(--red);
}

.price-card span {
	text-decoration: line-through;
	color: var(--grey);
	line-height: 120%;
	font-size: 12px;
}

.price-inform span {
	text-decoration: line-through;
	color: var(--grey);
	line-height: 120%;
	font-size: 12px;
}

.price-inform {
	display: flex;
	align-items: baseline;
	gap:var(--spacing-3xs);
}
.price-info-content{
	font-weight: 400;
	font-size: 12px;
	line-height: 120%;
	color: var(--grey);
}
.price-card {
	display: flex;
    align-items: center;
    gap: var(--spacing-2xs);
	padding: var(--spacing-xs) 0;
}

.button-card {
	display:flex;
	align-items: center;
	gap: var(--spacing-s);
	user-select: none;
}


/**/


.icon-svg--color-silver{
	fill: #dc092e00;
}

.icon-svg--color-silver:hover{
  fill: var(--red);
  color: var(--red);
  stroke: var(--red);
}

.icon-svg--color-blue:hover {
  fill: var(--red);
  color: var(--red);
  stroke: var(--red);
}


.icon-svg--color-blue {
  fill: var(--red);
  color: var(--red);
  stroke: var(--red);
}

.icon-svg {
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  width: 24px;
}

.heart-stroke{
	stroke: var(--grey);
}



/* position the active state heart*/
.heart-full {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

/* // firework effect styles */
.btn__effect {
  display: inline-flex;
  position: relative;
}
.effect-group {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: rotate(25deg);
  .effect {
    display: block;
    position: absolute;
    top: 38%;
    left: 50%;
    width: 20px;
    transform-origin: 0px 2px;
    &:nth-child(2) {
      transform: rotate(72deg);
    }
    &:nth-child(3) {
       transform: rotate(144deg);
    }
    &:nth-child(4) {
      transform: rotate(216deg);
    }
    &:nth-child(5) {
      transform: rotate(288deg);
    }
    &:before {
      content: "";
      display: block;
      position: absolute;
      right: 0;
      border-radius: var(--radius-2xl);
      height: 3px;
      background: var(--accent);
    }
    &:after {
      content: "";
      display: block;
      position: absolute;
      top: 10px;
      right: 10%;
      border-radius: 100000px;
      width: 3px;
      height: 3px;
      background: var(--yellow);
      transform: scale(0, 0);
    }
  }
}

/* // TRIGGER ANIMATIONS */
/* // Generic */
.active {
  .heart-stroke {
    opacity: 0;
  }
  .heart-full {
    opacity: 1;
  }
  .icon-svg {
    animation: bounceIn 0.5s linear;
  }
  .effect:before {
    animation: fireworkLine 0.5s linear 0.1s;
  }
  .effect:after {
    animation: fireworkPoint 0.5s linear 0.1s;
  }
}


.main-section{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: var(--spacing-m);
}

.banner-section{
	display: grid;
	position: relative;
	z-index:0;
	grid-column: span 2;	
	height: fit-content;
}

.minor{
	grid-column: span 3;
}

.swiper-slider{
	display: inherit;
	width: auto !important;
	max-width: 100% ;
	Height: 400px;
	z-index:0;
	border-radius: var(--radius-m);
	user-select:none;
}

.swiper-button-next, .swiper-button-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  color: var(--black);
  background: var(--bg);
  box-shadow: 0px 0px 10px 0px #00000040;
  user-select: none;
  transition: background 300ms ease;
}
.swiper-button-prev {
            position: absolute;
            top: 50%;
            transform: translateX(-50%);
            opacity: 0;
            transition: opacity 0.3s, transform 0.3s;
        }
     .swiper-button-next {
            position: absolute;
            top: 50%;
            transform: translateX(50%);
            opacity: 0;
            transition: opacity 0.3s, transform 0.3s;
        }
        .swiper:hover .swiper-button-prev {
            opacity: 1;
            transform: translateY(0) translateX(-3%); /* Move into view */
        }
     .swiper:hover .swiper-button-next {
            opacity: 1;
            transform: translateY(0) translateX(3%); /* Move into view */
        }

/* .swiper-button-prev:hover, .swiper-button-next:hover { */
		/* background: var(--accent); */
		/* transition: all 300ms ease; */
	/* } */

/* // ANIMATIONS */

/* // subtle heart pulse on hover (grey) */
@keyframes pulse {
  0% {
    opacity: 1;
    transform-origin: center center;
    transform: scale(1);
  }
  50% {
    opacity: 0.6;
    transform: scale(1.15);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

/* // subtle heart pulse on hover (grey to blue) */
@keyframes pulseBlue {
  0% {
    transform-origin: center center;
    transform: scale(1);
    fill: var(--grey);
  }
  50% {
    transform: scale(1.15);
    fill: var(--red);
  }
  100% {
    transform: scale(1);
    fill: var(--grey);
  }
}

/* // fireworks animations */
@keyframes fireworkLine {
  0% {
    right: 20%;
    transform: scale(0, 0);
  }
  25% {
    right: 20%;
    width: 6px;
    transform: scale(1, 1);
  }
  35% {
    right: 0;
    width: 35%;
  }
  70% {
    right: 0;
    width: 4px;
    transform: scale(1, 1);
  }
  100% {
    right: 0;
    transform: scale(0, 0);
  }
}
@keyframes fireworkPoint {
  30% {
    transform: scale(0, 0);
  }
  60% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0, 0);
  }
}

@keyframes bounceIn {
  0% {
    transform: scale(0);
  }
  30% {
    transform: scale(1.25);
  }
  50% {
    transform: scale(0.9);
  }
  70% {
    transform: scale(1.1);
  }
  80% {
    transform: scale(1);
  }
}

/* // WIP deactivate state */
@keyframes crackLeft {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-45deg);
  }
}

@keyframes crackRight {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(45deg);
  }
}

@keyframes crack {
  0% {
    stroke-dasharray: 15;
    stroke-dashoffset: 15;
  }
  80% {
    stroke-dasharray: 15;
    stroke-dashoffset: 0;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.mounth-pic img{
	height: 135px;
	width: 100%;
    object-fit: contain;
	background: var(--bg);
	border-radius: none;
}


.products-month {
	border-radius: var(--radius-m);
    border: 1px solid var(--border);
    height: 400px;
    display: inherit;
	position:relative;
}

.product-card-month{
	position:relative;	
	padding: 25px var(--spacing-s);
}

.product-card-month .stickers {
	left: 20px;
    top: 25px;
}

.slider-header {
	background: var(--bg-second);
	padding: var(--spacing-2xs) var(--spacing-xs);
	display: flex;
    justify-content: space-between;
    align-items: center;
	border-radius: var(--radius-m);
}

.month {
	color: var(--black);
	font-weight: 600;
	font-size: 14px;
}

.pagination .swiper-button-prev, 
.pagination .swiper-button-next {
	width: 30px;
    height: 30px;
	position:absolute;
	box-shadow: none;
	user-select: none;
}

.products-sl{
    width: 100%;
    display: flex;

}
.promotional-slider{
overflow: hidden;
}

.slick-arrow {
        width: 30px;
        height: 30px;
        border-radius: 1000px;
        -webkit-appearance: none;
        border: 0;
        background: var(--bg);
        outline: none;

     &:hover{
       cursor:pointer;
	   background: var(--bg-second);
     }
     
 
	 
    }
    .dotsAleh{
		bottom: -20px;
		left: 0;
		width: 100%;
		display: flex;
		gap: var(--spacing-2xs);
		justify-content: center;
		position: absolute;
		flex-direction: row;
	}
	.slick-dots{
		display: flex;
    align-items: center;
	gap: var(--spacing-2xs);
	}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    padding: 0;
    width: 40px;
    height: 2px;
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--border);
	user-select: none;
}

.slick-dots li.slick-active button {
    font-size: 0;
    line-height: 0;
    padding: 0;
    width: 40px;
    height: 2px;
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--black);
	user-select: none;
}
	
.pagination .next{
	padding: 3px;
	content: url(/template/view/theme/default/image/arrow-right.svg);
    transition: all 200ms ease;
    height: 30px;
	width:30px;
    color: var(--bg);
	user-select:none;
}

.pagination .prev{
	content: url(/template/view/theme/default/image/arrow-left.svg);
	padding: 3px;
    transition: all 200ms ease;
    height: 30px;
	width:30px;
    background: var(--bg);
	user-select:none;
}

.pagination {
	line-height: 0;
	display: flex;
    gap: var(--spacing-2xs);
	user-select: none;
}

.advantages{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: var(--spacing-m);
}

.products-month{
 position:relative;
}

.dotsAleh{
bottom: -10px;
left: 0;
width: 100%;
display: flex;
  gap: var(--spacing-2xs);
  justify-content: center;
  position: absolute;
  flex-direction: row;
}

.dotsAleh .slick-dots{
   display: flex;
    gap: var(--spacing-2xs);
    justify-content: center;
}
.dotsAleh .slick-dots span{
  width: 40px;
  height: 2px;
  display: inline-block;
  border-radius: none;
  background: var(--border);
  cursor: pointer;
}
.dotsAleh .slick-dots span.slick-active{
  background: var(--black);
}

.advantages {
	margin-top: var(--spacing-m);
}

.bg-dvantages{
	background: var(--bg-second);
	border-radius: var(--radius-m);
	position:relative;
	height: 190px;
	padding: var(--spacing-s);
	display:flex;
	flex-direction: column;
    justify-content: space-between;
}

.bg-dvantages h5{
	margin-bottom: var(--spacing-2xs);
}

.advantages-pics {
	position: absolute;
    right: 0;
	bottom: 0;
	width: 138px;
	user-select: none;
}

.description-adv {
	width: 180px;
	line-height: 140%;
}

.brands {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
	width: 100%;
	user-select: none;
	margin-top: var(--spacing-l);
}

.brands .h2 {
	padding-bottom: var(--spacing-m);
}

.logos-pagination{
	position:relative;
	/*overflow: hidden;*/
}

.logos-pagination .slick-slide {
    border-radius: var(--radius-m);
    border: 1px solid var(--border);
}

.manufacturers-sl .slick-track {
	width: 100%;
    display: flex;
    gap: var(--spacing-m);
}


.manufacturers-sl .slick-slide svg{
	display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top: 19px;
    margin-bottom: 19px;
	transition: all 400ms ease;
}

.manufacturers-sl .slick-slide:hover svg{
	transform: scale(1.1);
}

.manufacturers-sl .pagination-brands{
	position:absolute;
}

.brand-prev {
    box-shadow: 0px 0px 10px 0px #00000040;
    content: url(/template/view/theme/default/image/arrow-left.svg);
    transition: all 200ms ease;
    height: 40px;
    width: 40px;
    background: var(--bg);
    border-radius: var(--radius-2xl);
    position: absolute;
	padding: var(--spacing-3xs);
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
	user-select: none;
	cursor: pointer;
}

.brand-next {
    box-shadow: 0px 0px 10px 0px #00000040;
    content: url(/template/view/theme/default/image/arrow-right.svg);
    transition: all 200ms ease;
    height: 40px;
    width: 40px;
    background: var(--bg);
    border-radius: var(--radius-2xl);
    right: -20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
	padding: var(--spacing-3xs);
	user-select: none;
	cursor: pointer;
}

.gradient-right {
	display:none;
    position: absolute;
    height: 100%;
    width: 150px;
    top: 0;
    right: 0px;
    background: linear-gradient(89.82deg, rgba(255, 255, 255, 0) 0.14%, var(--bg) 90.31%);
}

.gradient-left {
	display:none;
    position: absolute;
    height: 100%;
    width: 150px;
    top: 0;
    left: 0px;
    background: linear-gradient(89.82deg, var(--bg) 0.14%, rgba(255, 255, 255, 0) 90.31%);
}

.category-wall{
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 150px;
	max-width: 150px !important;
    min-width: 150px !important;
}
.category-wall-img{
	background: #F3F3F7;
	width: 150px;
	height: 150px;
	border-radius: none;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor:pointer;
}
.category-wall-img img{
	background: #F3F3F7;
	width: 150px;
	border-radius: none;
	/*mix-blend-mode: multiply;*/
	display:flex;
}
.hits-sales .slide-prev,
.hits-sales .slide-next{
	top:80px;	
}
.category-wall-title{
	text-align: center;
}
.category-wall-title a{
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	color: #212121;
}
.category-wall:hover .category-wall-title a{
	color: var(--accent);
}
.category-wall-title a span{
	color: #84888F;
}
.hits-sales {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
	width: 100%;
	margin-top: var(--spacing-l);
	/*margin-bottom: var(--spacing-2xl);*/
}

.hits-category{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: var(--spacing-m);
}


/*каталог*/
.flex-content {
    display: flex;
    max-width: 1480px;
    padding: var(--spacing-m) var(--spacing-s) 0 var(--spacing-s);
    margin-right: auto;
    margin-left: auto;
    flex-direction: column;
}

.breadcrumbs-content{
	margin-bottom: var(--spacing-s);	
}
.breadcrumbs-item svg {
	fill: #212121;
	transition: all 200ms ease;
	cursor:pointer;
}
.breadcrumbs-content .breadcrumbs{
	display: flex;
    align-items: center;
    /*overflow: auto hidden;*/
    width: -webkit-fill-available;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    scrollbar-width: none;
}
.breadcrumbs .breadcrumbs-item{
	display: flex;
    align-items: center;
    white-space: nowrap;
	position: relative;
}
.breadcrumbs .breadcrumbs-item-overflow{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.breadcrumbs .breadcrumbs-item .breadcrumbs-link{
	color: var(--grey);
	font-size:12px;
	font-weight:400;
	display: flex;
    align-items: center;
    gap: 5px;
}
.breadcrumbs .breadcrumbs-item a.breadcrumbs-link:hover{
	color: var(--black);
}
.breadcrumbs-item .separator {
    padding: 0 var(--spacing-2xs);
	font-weight: 400; 
	font-size:12px;
}
.breadcrumbs-item:last-child .separator {
    display: none;
}
.breadcrumbs-item:last-child .breadcrumbs-link {
    color: var(--black);
}
.breadcrumbs-item:last-child .breadcrumbs-link span{
    color: var(--black);
	pointer-events: none;
}

.action-content {
	display:flex;
	padding-bottom: var(--spacing-m);
	justify-content: space-between;
    align-items: center;
}


.tabs-action{
	display: flex;
    align-items: center;
	gap: var(--spacing-2xs);
	position: relative;
}
.tabs-action .tab-action {
    position: relative;
    padding: var(--spacing-2xs) var(--spacing-s);
    border-radius: none;
    background: var(--bg-second);
    transition: all 300ms ease;
    user-select: none;
    font-size: 14px;
    font-weight: 400;
    color: var(--black);
    min-width: max-content;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden; /* Добавлено для скрытия выходящих за границы псевдоэлементов */
}

.tabs-action .tab-action:hover {
    color: var(--accent);
	background: var(--black);
}

/*.tabs-action .tab-action:active {
    color: var(--bg);
    background: var(--dark-blue);
}*/

.tabs-action .tab-action.active {
    color: var(--accent);
	background: var(--black);
}
.action-content .h1, .action-content .h2, .action-content .h6{
	text-transform: uppercase;
}
.content-grid-two{
	padding-top: var(--spacing-m);
	display: grid;
    grid-template-columns: 1fr 4fr;
    grid-column-gap: var(--spacing-m);
	
}

.category-sort{
	display: flex;
    justify-content: space-between;
    padding-bottom: var(--spacing-xs);
    align-items: center;
}
.category-sort .products-size{
	
}
.category-sort .products-size span{
	font-size: 14px;
	font-weight: 400;
	color: var(--black);
	margin-right: var(--spacing-2xs);
}

.category-products{
	display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--spacing-m);
}


.custom-dropdown {
  position: relative;
  display: inline-block;
}

.selected-option {
	position: relative;
    padding: var(--spacing-3xs) var(--spacing-2xs) var(--spacing-3xs) var(--spacing-2xs);
    border: 1px solid var(--border);
    border-radius: var(--radius-m);
    cursor: pointer;
    color: var(--black);
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  border-radius: 4px;
  z-index: 1;
  width: max-content;
  min-width: -webkit-fill-available;
}

.dropdown-option {
  padding: 8px;
  cursor: pointer;
	
}
.dropdown-option:hover {
   background: var(--bg);
	border-radius: 4px;
}
.custom-dropdown.open .dropdown-content {
  display: block;
}
.products-sort{
	display:flex;
	align-items: center;
	gap: var(--spacing-2xs);
}
.products-sort .selected-option{
	padding: 0;
    border: 1px solid #dadcde00;
} 

.pagination-contents{
	/*display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 30px;*/
	display: grid;
    justify-content: space-between;
    align-items: center;
    padding-top: 30px;
    grid-template-columns: auto 1fr auto;
    justify-items: center;
}
.pagination-contents .pagination-counter{
	font-size: 12px;
	font-weight: 400;
	text-align: left;
	color: var(--black);
}
.pagination-contents .pagination-more{
	color: var(--black);
	display: flex;
    align-items: center;
	cursor:pointer;
    gap: var(--spacing-3xs);
	svg.arrow1 {
		stroke: var(--black);
	}
	justify-content: flex-end;
}
.pagination-contents .pagination-more:hover{
	color: var(--grey);
	svg.arrow1 {
		stroke: var(--grey);
	}
}

.pagination-more {
  height: 1em;
  line-height: 1em;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease, background-color 0.01s ease, color 0.01s ease;
  width: 9em; 
}

.pagination-more.load-more--loading {
  /* -webkit-animation: rotate-more 1.5s linear infinite; */
          /* animation: rotate-more 1.5s linear infinite; */
  /* -webkit-animation-delay: 0.2s; */
          /* animation-delay: 0.2s; */
  /* background-color: transparent; */
  /* border: 0.3em solid #e1e1e1; */
  /* border-radius: 1.5em; */
  /* border-top-color: #444; */
  /* box-sizing: border-box; */
  /* height: 2em; */
  /* color: transparent; */
  /* padding: 0; */
	pointer-events: none;
	height: 2em;	
   width: 2em;
}

.dot-spinner {
  --uib-size: 1.5rem;
  --uib-speed: .9s;
  --uib-color: var(--accent);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: var(--uib-size);
  width: var(--uib-size);
}

.dot-spinner__dot {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  width: 100%;
}

.dot-spinner__dot::before {
  content: '';
  height: 20%;
  width: 20%;
  border-radius: none;
  background-color: var(--uib-color);
  transform: scale(0);
  opacity: 0.5;
  animation: pulse0112 calc(var(--uib-speed) * 1.111) ease-in-out infinite;
  box-shadow: 0 0 20px rgba(18, 31, 53, 0.3);
}

.dot-spinner__dot:nth-child(2) {
  transform: rotate(45deg);
}

.dot-spinner__dot:nth-child(2)::before {
  animation-delay: calc(var(--uib-speed) * -0.875);
}

.dot-spinner__dot:nth-child(3) {
  transform: rotate(90deg);
}

.dot-spinner__dot:nth-child(3)::before {
  animation-delay: calc(var(--uib-speed) * -0.75);
}

.dot-spinner__dot:nth-child(4) {
  transform: rotate(135deg);
}

.dot-spinner__dot:nth-child(4)::before {
  animation-delay: calc(var(--uib-speed) * -0.625);
}

.dot-spinner__dot:nth-child(5) {
  transform: rotate(180deg);
}

.dot-spinner__dot:nth-child(5)::before {
  animation-delay: calc(var(--uib-speed) * -0.5);
}

.dot-spinner__dot:nth-child(6) {
  transform: rotate(225deg);
}

.dot-spinner__dot:nth-child(6)::before {
  animation-delay: calc(var(--uib-speed) * -0.375);
}

.dot-spinner__dot:nth-child(7) {
  transform: rotate(270deg);
}

.dot-spinner__dot:nth-child(7)::before {
  animation-delay: calc(var(--uib-speed) * -0.25);
}

.dot-spinner__dot:nth-child(8) {
  transform: rotate(315deg);
}

.dot-spinner__dot:nth-child(8)::before {
  animation-delay: calc(var(--uib-speed) * -0.125);
}

@keyframes pulse0112 {
  0%,
  100% {
    transform: scale(0);
    opacity: 0.5;
  }

  50% {
    transform: scale(1);
    opacity: 1;
  }
}


@-webkit-keyframes rotate-more {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotate-more {
  100% {
    transform: rotate(360deg);
  }
}

.pagination-contents .paginations{
	display: flex;
    align-items: center;
    gap: var(--spacing-2xs);
}
.pagination-contents .paginations a{
	font-size: 14px;
    font-weight: 500;
    text-align: center;
    width: 30px;
    height: 30px;
    color: var(--black);
    display: flex;
    align-items: center;
    justify-content: center;
	border-radius: none;
	transition: all 200ms ease;
	stroke: var(--black);
}
.pagination-contents .paginations .page-prev, .pagination-contents .paginations .page-next{
	
}
.pagination-contents .paginations .page-number{
	
}
.pagination-contents .paginations .page-more{
	
}
.pagination-contents .paginations .page-number.page-active{
	border: 1px solid var(--border);
}
.pagination-contents .paginations a:hover, .page-active:hover{
    color: var(--grey);
	border: 1px solid var(--grey);
}


.hits-category{
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: var(--spacing-s) var(--spacing-m);
}
.hits-item{
	
	border: 1px solid var(--border);
	border-radius: var(--radius-m);
	display: flex;
	align-items: center;
	transition: all 300ms ease;
	padding: var(--spacing-s);
	justify-content: space-between;
}

.hits-item:hover {
	border: 1px solid var(--accent);
}

	
.hits-item .catalog-flex-i{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.catalog-content h4 {
	padding-bottom: var(--spacing-2xs);
}

.catalog-content div {
	line-height: 140%;
	color: var(--grey);
}

.hits-image{
	/*width: 134px;
    height: 106px;*/
	user-select: none;
}

.action-cards {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-column-gap: var(--spacing-m);
	position:relative;
}

.tabs-action .gradient-right {
	width: 60px;
}

.tabs-action .gradient-left {
	width: 60px;
}



.brand-section {
	display: grid;
    grid-template-columns: 1fr 4fr;
    grid-column-gap: var(--spacing-m);
}

.brand-banner {
	background: var(--grey);
	padding: var(--spacing-s);
	height:100%;
	border-radius: none;
	position:relative;
	transition: all 300ms ease;
}

.brand-banner:hover {
	background: var(--black);
}

.brand-banner .h6{
	color: var(--bg);
}

.white-stroke {
	border: 1px solid var(--bg);
	background:none;
	color: var(--bg);
}

.white-stroke:hover {
	border: 1px solid var(--bg);
	background: var(--bg);
	color: var(--black);
}

.white-text {
	color: var(--bg);
	padding-top: var(--spacing-2xs);
	padding-bottom: var(--spacing-m);
}

.brand-image{
	position: absolute;
	bottom: 10px;
    right: 10px;
    width: 203px;
	user-select: none;
}


.about-company{
	padding: 50px;
	background: var(--bg-second);
	border-radius: var(--radius-m);
	position: relative;
	overflow: hidden;
    background-image: url(/template/view/theme/default/image/biglogo.svg);
	background-repeat: no-repeat;
    background-position: right 50px;
}

.about-content{
	width: 761px;
}

.about-content .body{
	margin-top: var(--spacing-s);
	margin-bottom: var(--spacing-m);
	width: 600px;
	color: var(--black);
    font-size: 14px;
	font-weight: 400;
}


.biglogo {
	position: absolute;
	bottom: -10%;
    right: 0;
}

.big-number {
	font-size: 64px;
	color: var(--black);
	font-weight: 600;
	margin-bottom: var(--spacing-s)
}

.number-advantages {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: var(--spacing-m);
    margin-top: var(--spacing-2xl);
}

.num-advantage {
	background: var(--bg);
	border-radius: var(--radius-m);
	padding: var(--spacing-m);
}


.viewed-products{
	margin: var(--spacing-2xl) 0;
}

.viewed-products h2{
	margin-bottom: var(--spacing-l);
}

.shop-cards {
	position:relative;
}

.video-products{
	width:100%;
}

.video-title {
	margin-bottom: var(--spacing-l);
	display:flex;
	justify-content: space-between;
    align-items: center;
}

.four-cards{
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: var(--spacing-m);
	position:relative;
}

.video-image {
	border-radius: var(--radius-m);
	width: 100%;
    height: 100%;
}

.amount-views{
	display: flex;
    align-items: center;
    gap: var(--spacing-2xs);
	color: var(--grey);
	margin-top: var(--spacing-2xs);
}

.video-card h4{
	margin-top: var(--spacing-m);
	transition: all 300ms ease;
}

.video-card h4:hover{
	color: var(--accent);
}

.video-pics{
	position:relative;
	user-select: none;
}

.player {
	position:absolute;
	bottom: -30px;
    right: 10px;
    width: 60px;
}

.testimonials{
	width:100%;
	margin: var(--spacing-2xl) 0;
}

.testimonials-card {
	border-radius: var(--radius-m);
	border: 1px solid var(--border);
	user-select: none;
}

.stars {
	display: flex;
    gap: var(--spacing-2xs);
	font-weight: 500;
}

.small-title {
	align-content: center;
}

.stars-icons{
	display: flex;
	align-items: center;
}

.testimonials-card .link-more{
	padding-top: var(--spacing-3xs);
}

.testimonial-content{
	padding: var(--spacing-s);
}

.testimonial-product {
	padding: var(--spacing-2xs) var(--spacing-s);
	display: flex;
    align-items: center;
    gap: var(--spacing-2xs);
	transition: all 300ms ease;
	color: var(--black);
}

.testimonial-product img{
	width: 50px;
	user-select: none;
}

.testimonial-product:hover {
	color: var(--accent)
}

.contacts-maps{
	z-index: 0;
    position: relative;	
}
.contacts-content{
	display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-m);
    background: var(--bg-second);
    border-radius: var(--radius-m);
    padding: 50px;
    width: 100%;
	margin-bottom: var(--spacing-m);
}
.contacts-maps .contacts-map{
	display:none;
}
.contacts-maps .contacts-map.active-map {
	background-image: url(/template/view/theme/default/image/maps_demo.png);
	width: 100%;
	height: 100%;
	border-radius: var(--radius-m);
	background-size: cover;
	overflow: hidden;
	display:block;
}



.contacts-map .active-map iframe{
	body{
		display:none;
	}  
}

.contacts-info .contacts-title{
	color: var(--black);
	margin-bottom: var(--spacing-m);
	text-transform: uppercase;
}

.contacts-tabs-info .contacts-tabs{
	display:flex;
	gap: var(--spacing-2xs);
	margin-bottom: var(--spacing-m);
}

.contacts-tabs .contacts-tab{
	padding: var(--spacing-2xs) var(--spacing-s) var(--spacing-2xs) var(--spacing-s);
	border-radius: none;
	background: var(--bg);
	font-size: 14px;
	font-weight: 500;
	cursor:pointer;
	transition: all 300ms ease;
}
.contacts-tabs .contacts-tab:hover{
	color: var(--gray);
}
.contacts-tabs .contacts-tab.active-tab{ 
	background: var(--accent);
	color: var(--black);
}
.contacts-tabs-content .contacts-tab-content{ 
	display:none;
	gap: var(--spacing-xl);
}
.contacts-tabs-content .contacts-tab-content.active-t-c{ 
	display:flex;
}
.contacts-tab-content .contacts-column{
	font-size: 14px;
	font-weight: 400;
	display: flex;
    flex-direction: column;
    gap: 10px;
}
.contacts-tab-content .contacts-column .h4{
	margin-bottom: var(--spacing-2xs);
}
.contacts-tab-content .contacts-column b{
	font-weight: 600;
}

.conatact-inform{
	display:flex;
	gap: var(--spacing-2xs);
}

.contacts-telephone{
	display:flex;
	flex-direction: column;
	gap: var(--spacing-3xs);
}

.schedule{
	display: flex;
    flex-direction: column;
	gap: var(--spacing-3xs);
}

.contacts-column a{
	color: var(--black);
	transition: all 200ms ease;
	font-weight:400;
}

.contacts-column a:hover{
	color: var(--grey);
}

.advantages-content{
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: var(--spacing-m);
}
.advantages-content .advantage{
	display: flex;
	padding: var(--spacing-s);
	gap: var(--spacing-s);
	border-radius: var(--radius-m);
	align-items: center;
	background: var(--bg-second);
}
.advantages-content .advantage img{
	width: 70px;
	height: 70px;
	user-select: none;
}
.advantages-content .advantage span{
	font-size: 14px;
	font-weight: 400;
	color: var(--black);
}

.addresses-block{
    display: flex;
    flex-direction: row;
	gap: var(--spacing-xl);
}

.list-addresses h4{
	margin-bottom: var(--spacing-2xs);
}

.list-addresses .link-more{
	margin-top: var(--spacing-2xs);
}


.contacts-mail{
	display: flex;
	gap: var(--spacing-2xs);
	align-items: center;
}
.contacts-mail svg{
	stroke: var(--black);
}
.contacts-mail a{
	line-height: 0;
}

.list-addresses .footer-list{
	gap: var(--spacing-2xs);
}


.news-contents{
	margin-top: var(--spacing-2xl);
}

.news-contents-title{
	margin-bottom: var(--spacing-l);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.news-contents-lists{
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: var(--spacing-m);
    position: relative;

}
.news-item h4{
	margin-top: var(--spacing-2xs);
    transition: all 300ms ease;
}
.news-item{
	user-select: none;
}

.news-item a:hover h4{
    color: var(--accent);
}
.news-img {
    position: relative;
    user-select: none;
}
.news-img img{
	border-radius: var(--radius-m);
    width: 100%;
    height: 100%;
}
.news-date{
	margin-top: var(--spacing-2xs);
	font-size: 12px;
	font-weight: 500;
	color: var(--accent);
	cursor:pointer;
}
.news-desc{
	margin-top: var(--spacing-2xs);
	font-size: 14px;
	font-weight: 400;
	color: var(--grey);
}


.title-content{
  display: flex;
    justify-content: space-between;
    align-items: baseline;
	text-transform: uppercase; 
}

.categories-subs{
   margin-top: var(--spacing-s);
   margin-bottom: var(--spacing-s);
	display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 10px;
}

.category-name h1{
    display: inline-block;
    margin-right: var(--spacing-2xs);
	font-weight: 900;
    font-size: 32px;
    line-height: 110%;
    text-transform: uppercase;
}
.category-name span{
  font-weight: 400;
  color: var(--grey);
}
.category-info{
  display: flex;
    align-items: center;
	gap: var(--spacing-3xs);
}

.sub-categories{
    display: flex;
    gap: var(--spacing-2xs);
    flex-wrap: wrap;
    overflow: hidden;
    height: max-content;
    max-height: 86px;
    align-content: flex-start;
}
.sub-categories .sub-category {
    padding: var(--spacing-2xs) 0px var(--spacing-2xs) 0px;
    border-radius: none;
    background: var(--bg-second);
    min-width: fit-content;
}
.sub-categories .sub-category a {
    font-size: 12px;
    font-weight: 500;
    color: var(--black);
    padding: var(--spacing-2xs) var(--spacing-s) var(--spacing-2xs) var(--spacing-s);
}

.sub-categories .sub-category a:hover{
  color: var(--grey);
}
.sub-category-more{
	display: none;
    border-radius: none;
    background: var(--grey-m);
    width: fit-content;
	font-size: 12px;
    font-weight: 500;
    color: var(--green);
    padding: var(--spacing-2xs) var(--spacing-s) var(--spacing-2xs) var(--spacing-s);
	cursor:pointer;
	align-items: center;
    gap: 5px;
}
.sub-category-more svg{
	stroke: var(--green);
}

.sub-category-more:hover, .sub-category-more:hover svg {
	stroke: var(--grey);
	color: var(--grey);
}

@keyframes fadeOutAnimation {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes fadeInAnimation {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slideUp {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@keyframes slideUp {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.fade-out {
    animation: fadeOutAnimation 0.4s ease-in-out;
}

.fade-in {
    animation: fadeInAnimation 0.4s ease-in-out;
}


.scroll-to-top {
    position: fixed;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: var(--bg);
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='18' viewBox='0 0 16 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.70711 0.292892C8.31658 -0.0976314 7.68342 -0.0976315 7.29289 0.292892L0.928933 6.65685C0.538408 7.04738 0.538408 7.68054 0.928933 8.07107C1.31946 8.46159 1.95262 8.46159 2.34315 8.07107L8 2.41421L13.6569 8.07107C14.0474 8.46159 14.6805 8.46159 15.0711 8.07107C15.4616 7.68054 15.4616 7.04738 15.0711 6.65685L8.70711 0.292892ZM9 18L9 1L7 1L7 18L9 18Z' fill='%23212121'/%3E%3C/svg%3E%0A");
    background-size: 16px 18px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
	z-index:5;
}

.scroll-to-top.visible {
    opacity: 1
}

a.scroll-to-top {
  width: 50px;
  height: 50px;
  right: 20px;
  bottom: 80px;
}
.scroll-progress{
	position:relative;
	width: 100%;
    height: 100%;
}
.scroll-to-top .scroll-progress-ring{
	transform: rotate(-90deg);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.scroll-progress-ring__bg {
    fill: none;
    stroke: #DADCDE;
    stroke-width: 1;
}
.scroll-progress-ring__circle {
    fill: none;
    stroke: var(--accent);
    stroke-width: 1.5;
	stroke-dasharray: 150.8;
    stroke-dashoffset: 150.8;
    transition: stroke-dashoffset 0.1s linear;
}
.vertical-menu{
	 position: relative;
	
	.nav-item {
	  position: inherit;
	}

	.mega-dropdown .mega-menu {
	  display: none;
	  position: absolute;
	  top: 0;
	  left: 100%;
	  width: 1058px;
	  border: 1px solid var(--border);
	  z-index: 1;
	  height: 100%;
	  box-shadow: 0px 4px 40px 0px #0000001A;
	  background: var(--bg);
	  border-radius:0px var(--radius-m) var(--radius-m) 0px;
	  padding: var(--spacing-m) var(--spacing-m)  0; 
	  user-select: none;
	  overflow-y: auto;
	  transition: all 300ms ease;
	}

	.mega-dropdown:hover .mega-menu {
	  display: block;	
	}

	.flex-title{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-bottom: var(--spacing-s);
	}
	.flex-title a{
		padding: 0;
	}

	.lists-menu{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: var(--spacing-m);
	}
}

.list-column{
		padding-bottom: var(--spacing-m);
}
.list-column .title-icon-list{
	display: flex;
	align-items: center;
	gap: var(--spacing-3xs);
}

	.title-icon-list .column-view-list{
		cursor:pointer;
	}

.list-column a.list-title {
    font-size: 14px;
    font-weight: 600;
    color: var(--black);
    padding: 0px;
    gap: var(--spacing-3xs);
}
	
	.list-column a.list-title span{
		font-size: 14px;
		font-weight: 400;
		color: var(--grey);
	}
	.list-column ul{
		padding-left: 21px;
		display: none; 
	}

.list-column li a:hover {
    font-size: 14px;
    font-weight: 400;
    color: var(--accent);
    padding: var(--spacing-2xs) 0;
}

	.lists-menu ul.open {
		display: block;
	}

	.list-column li a{
		font-size: 14px;
		font-weight: 400;
		color: var(--black);
		padding: var(--spacing-2xs) 0;
	}

	.list-column li a span{
		color: var(--grey);
	}

	.custom-radio {
	  display: none;
	}
	
	.custom-radio + label .api-s-input{
		width: 90%;
		background: #fff0;
		border: none;
		font-size: 16px;
		font-weight: 400;
		color: #626976;
	}
	
	.custom-radio + label {
	  font-weight: normal;
	  cursor: pointer;
	  display: flex;
	  align-items: center;
	}
	.custom-radio + label span {
	  display: inline-block;
	  vertical-align: middle;
	  width: 20px;
	  height: 20px;
	  cursor: pointer;
	  -moz-border-radius: 100%;
	  -webkit-border-radius: 100%;
	  border-radius: 100%;
	  position: relative;
	  border: 1px solid #858585;
	  transition: all 200ms ease;
	  flex: 0 0 auto;
	}
	
	
.custom-checkbox + label span:hover {
    border: 1px solid var(--black);
    background: var(--border);
}

.custom-radio + label span:hover {
    border: 1px solid var(--accent);
    background: var(--border);
}
  
 
.custom-radio + label span::before {
    content: "";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    width: 12px;
    height: 12px;
	-moz-border-radius: 100%;
	  -webkit-border-radius: 100%;
	  border-radius: 100%;
    background-color: var(--accent);
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

	.custom-radio:checked + label span::before {
	  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	  opacity: 1;
	}
	
.custom-radio:checked + label span {
    border: 1px solid var(--black);
    background: var(--black);
}
	
	
	.custom-radio:disabled + label {
	  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	  opacity: 0.5;
	}
	.custom-radio:disabled + label, .custom-radio:disabled + label span {
	  cursor: default;
	}

	.custom-checkbox {
	  display: none;
	  
	}
	.custom-checkbox + label {
	  font-weight: normal;
	  cursor: pointer;
	  display: flex;
	  align-items: center;
	  gap: var(--spacing-2xs);
	  transition: all 200ms ease;
	}
	.custom-checkbox + label span {
		display: inline-block;
		vertical-align: middle;
		width: 20px;
		height: 20px;
		cursor: pointer;
		position: relative;
		border: 1px solid var(--grey);
		border-radius: 2px;
		transition: all 200ms ease;
		background: var(--bg);
		flex: 0 0 auto;
	}
	.custom-checkbox + label span::before {
		content: url(/template/view/theme/default/image/check-01-FFED00.svg);
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity: 0;
		width: 13px;
		height: 11px;
		position: absolute;
		left: 20%;
		top: 15%;
		bottom: auto;
		right: auto;
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		-moz-transition: opacity 0.2s;
		-o-transition: opacity 0.2s;
		-webkit-transition: opacity 0.2s;
		transition: opacity 0.2s;
	}
	.custom-checkbox:checked + label span::before {
	  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	  opacity: 1;
	}
	.custom-checkbox:checked + label span {
	  background: var(--black);
	  border: 1px solid var(--black);
	}
	.custom-checkbox:disabled + label {
	  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	  opacity: 0.5;
	}
	.custom-checkbox:disabled + label, .custom-checkbox:disabled + label span {
	  cursor: default;
	}

	.chkbx-toggle {
	  display: none;
	}
	.chkbx-toggle + label {
		position: relative;
		cursor: pointer;
		outline: none;
		-moz-user-select: -moz-none;
		-ms-user-select: none;
		-webkit-user-select: none;
		user-select: none;
		width: 51px;
		height: 31px;
		margin-bottom: 0px;
		background-color: #e4e4e4;
		-moz-border-radius: 60px;
		-webkit-border-radius: 60px;
		border-radius: 60px;
		-moz-transition: background 0.4s;
		-o-transition: background 0.4s;
		-webkit-transition: background 0.4s;
		transition: background 0.4s;
		flex: 1 0 auto;
	}
	.chkbx-toggle + label::before, .chkbx-toggle + label::after {
	  content: "";
	  display: block;
	  position: absolute;
	}
	.chkbx-toggle + label::before {
	  right: 1px;
	  left: 1px;
	  top: 1px;
	  bottom: 1px;
	  background-color: #F1F1F1;
	  -moz-border-radius: 60px;
	  -webkit-border-radius: 60px;
	  border-radius: 60px;
	  -moz-transition: background 0.4s;
	  -o-transition: background 0.4s;
	  -webkit-transition: background 0.4s;
	  transition: background 0.4s;
	}
	.chkbx-toggle + label::after {
		top: 2px;
		left: 2px;
		width: 27px;
		height: 27px;
		background-color: var(--bg);
		-moz-border-radius: 100%;
		-webkit-border-radius: 100%;
		border-radius: 100%;
		-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
		box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
		-moz-transition: -moz-transform 0.4s;
		-o-transition: -o-transform 0.4s;
		-webkit-transition: -webkit-transform 0.4s;
		transition: transform 0.4s;
	}
	.chkbx-toggle:checked + label {
	  background-color: var(--accent);
	}
	.chkbx-toggle:checked + label::before {
	  background-color: var(--accent);
	}
	.chkbx-toggle:checked + label::after {
	  -moz-transform: translateX(20px);
	  -ms-transform: translateX(20px);
	  -webkit-transform: translateX(20px);
	  transform: translateX(20px);
	  background:#000;
	}
	.chkbx-toggle:disabled + label {
	  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	  opacity: 0.5;
	  cursor: default;
	}




.r-content-to-header{
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    width: 1480px;
    margin-right: auto;
    margin-left: auto;
    padding: 0px var(--spacing-s);
  }
  
  
.menu-content{
    position: relative;
}

.product-search-info .price-card {
    padding: var(--spacing-3xs) 0 0 0;
}

#notification {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    margin: 0 auto;
    position: fixed;
    top: -100px; 
    left: 50%;
    transform: translateX(-50%);
	width: max-content;
	max-width: max-content;
    max-width: 95%;
}

#notification.is-visible {
    opacity: 1;
    visibility: visible;
    z-index: 1050;
    animation: slideInDown 0.5s forwards;
}

@keyframes slideInDown {
    0% { top: -100px; }
    100% { top: 100px; }
}

#notification.is-hidden {
    animation: slideOutUp 0.5s forwards;
}

@keyframes slideOutUp {
    0% { top: 100px; }
    100% { top: -100px; }
}

#notification.slideOutUpDone {
    top: -100px;
}

#notification .notification-container {
    border-radius: 6px;
    margin-top: 16px;
    font-size: 14px;
  display: flex;
    align-items: center;
    gap: var(--spacing-3xs);
}


.chkbx-toggle {
    display: none;
  }
  .chkbx-toggle + label {
	  display:block;
    position: relative;
    cursor: pointer;
    outline: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 32px;
    height: 16px;
    margin-bottom: 0px;
    background-color: #e0e0e0;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    -moz-transition: background 0.4s;
    -o-transition: background 0.4s;
    -webkit-transition: background 0.4s;
    transition: background 0.4s;
  }
  .chkbx-toggle + label::before, .chkbx-toggle + label::after {
    content: "";
    display: block;
    position: absolute;
  }
  .chkbx-toggle + label::before {
    right: 1px;
    left: 1px;
    top: 1px;
    bottom: 1px;
    background-color: #e0e0e0;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    -moz-transition: background 0.4s;
    -o-transition: background 0.4s;
    -webkit-transition: background 0.4s;
    transition: background 0.4s;
  }
  .chkbx-toggle + label::after {
    top: 1px;
    left: 1px;
    width: 14px;
    height: 14px;
    background-color: var(--bg);
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -moz-transition: -moz-transform 0.4s;
    -o-transition: -o-transform 0.4s;
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
  }
  .chkbx-toggle:checked + label {
    background-color: var(--accent);
  }
  .chkbx-toggle:checked + label::before {
    background-color: var(--accent);
  }
  .chkbx-toggle:checked + label::after {
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    -webkit-transform: translateX(15px);
    transform: translateX(16px);
    background: var(--bg);
  }
  .chkbx-toggle:disabled + label {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    cursor: default;
  }


.open-menu.active{
    color: white;
	background-color: var(--dark-blue);
    box-shadow: none;
}

.unic-catalog.white-link{
	border-radius: 5px;
    gap: 4px;
    padding-top: 12px;
    padding-right: 24px;
    padding-bottom: 12px;
    padding-left: 20px;
}
.third-header .unic-catalog.white-link{
    width: fit-content;
}
.unic-catalog svg {
    stroke: var(--bg);
    transition: all 200ms ease;
    
}

.form-search {
	border: 1px solid var(--border);
	border-radius: none;
}

.form-search .search-go{
	border: none;
}


.third-header .search-form-header .search-go{
	padding: 0px 16px 0px 0px;
	border-radius: 5px;
	height: 48px;
}
.third-header .search-form-header .form-search{
	border-radius: 5px;
	position:relative;
}
.third-header .search-form-header .btn-x-search{
	position: absolute;
    right: 16px;
    height: 100%;
    display: flex;
    align-items: center;
}

.menu-content {
    position: relative;
    width: 352px;
}

.vertical-menu
.mega-dropdown .mega-menu {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    width: 1093px;
    border: 1px solid var(--border);
    z-index: 1;
    height: 100%;
    box-shadow: 0px 4px 40px 0px #0000001A;
    background: var(--bg);
    border-radius: 0px var(--radius-m) var(--radius-m) 0px;
    padding: var(--spacing-m) var(--spacing-m) 0;
    user-select: none;
    overflow-y: auto;
}

.fix-content-to-header {
    z-index: 1;
    top: 5px;
    position: absolute;
}

.r-content-to-header {
    position: sticky;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    width: 1480px;
    margin-right: auto;
    margin-left: auto;
    padding: 0px var(--spacing-s);
    top: 50px;
    z-index: 2;
}

.new-notification {
    background: #ffed00eb;
    border-radius: 6px;
    padding: 5px 12px 8px;
}

.new-notification>div {
    display: inline;
}

.new-notification__header {
    font-weight: 550;
    display: none;
}

.new-notification__header.is-visible {
    display: block;
}

.new-notification__link {
    color: var(--black);
    cursor: pointer;
    font-variation-settings: "wght" 550;
    font-weight: 400;
}
.copy-go{
	cursor:pointer;	
}

	.qtySelector{
		width: 144px;
		height: 40px;
		background: var(--white);
		border: 1px solid var(--grey-m);
		padding: 8px 16px 8px 16px;
		border-radius: none;
		display: flex;
		justify-content: space-between;
		user-select: unset;
	}
	.qtySelector .fa{
		padding: var(--spacing-2xs) var(--spacing-3xs);
		width: 35px;
		height: 100%;
		float: left;
		cursor: pointer;
	}
	.qtySelector .fa.clicked{
		font-size: 12px;
		padding: 12px var(--spacing-3xs);
	}
	.qtySelector i{
		cursor:pointer;
	}
	.qtySelector .qtyValue{
		font-size: 16px;
		font-weight: 400;
		border: none;
		padding: 0px;
		width: 32px;
		height: 100%;
		float: left;
		text-align: center;
		color: var(--black);
	}
	.qtySelector .qtyValue:hover, .qtySelector .qtyValue:active, .qtySelector .qtyValue:focus{
		border: none;
	}
	
a.danger{
	color: var(--red);
    stroke: var(--red);
    display: flex;
    align-items: center;
    gap: var(--spacing-2xs);
	}
	
.btn-delete {
    stroke: var(--grey);
    display: inline-block;
}

button[disabled].btn-qnt {
    border: 1px solid var(--accent);
    opacity: 100%;
    background: #fff0;
    color: var(--accent);
    display: inline-block;
}

.btn-delete:hover{
    stroke: var(--accent);
}

	.title-page-cart{
		 display: grid;
		align-items: center;
		justify-content: space-between;
		grid-template-columns: 3fr 1fr 1.2fr;
		gap: 29px;
		padding-bottom: var(--spacing-s);
	}
	
.title-page-cart-name{
	display: flex;
	align-items: baseline;
	gap: var(--spacing-2xs);
}
	
.title-page-cart-name span{
	color: var(--grey);
	font-size: 16px;
	font-weight: 400;
}

.title-page-cart-action{
	display: flex;
	justify-content: flex-end;
	gap: var(--spacing-s);
}
.title-page-cart-action a{
	color: var(--grey);
	font-size: 14px;
	font-weight: 500;
	display: flex;
	gap: var(--spacing-2xs);
	align-items: center;
}

.title-page-cart-action a:hover{
    color: var(--black);
}
.title-page-cart-action a:hover svg.arrow1{
    stroke: var(--black);
}
	.page-cart-contents{
		display: grid;
		grid-template-columns: 4fr 1.2fr;
		gap: 29px;
		position: relative;	
	}
	.page-cart-contents.loading-cart {
	  pointer-events: none;
	  /*filter: blur(2px);*/
	  user-select:none;
	}
	.loading-cart::before {
	  content: "";
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  width: 40px;
	  height: 40px;
	  margin-top: -20px; /* сдвигаем по центру */
	  margin-left: -20px;
	  border: 4px solid var(--grey);
	  border-top-color: var(--accent);
	  border-radius: 100%;
	  animation: spin 0.8s linear infinite;
	  z-index: 10; /* поверх содержимого */
		background: rgba(255, 255, 255, 0.5); /* полупрозрачный слой */
		backdrop-filter: blur(8px);
	}
	.loading-cart::after {
	  content: "";
	  position: absolute;
	  top: 0;
	  left:0;
	  width: 100%;
	  height: 100%;
	 
	  z-index: 1; /* поверх содержимого */
		background: rgba(255, 255, 255, 0.5); /* полупрозрачный слой */
		backdrop-filter: blur(1px);
	}
	@keyframes spin {
	  to { transform: rotate(360deg); }
	}
	.basic-cart-contents{
		
	}
	.basic-cart-header{
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-top: 1px solid var(--border);
		border-bottom: 1px solid var(--border);
		padding: var(--spacing-s) 0px var(--spacing-s) 0px;
		margin-bottom: var(--spacing-s);
	}
	.basic-cart-header.cshare-h{
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-top: 0px solid var(--border);
		border-bottom: 1px solid var(--border);
		padding: var(--spacing-s) 0px var(--spacing-s) 0px;
		margin-bottom: var(--spacing-m);
	}	
	.basic-cart-products{
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		height: max-content;
		gap: var(--spacing-m);
		user-select:none;
	}
	.basic-cart-products.cshare-p{
		border-bottom: 1px dashed var(--border);
	} 
	.basic-cart-products .basic-cart-product{
		display: flex;
		justify-content: space-between;
		border-bottom: 1px dashed var(--border);
		padding-bottom: var(--spacing-s);
		gap: 25px;
	}
	.basic-cart-product-promo{
		
	}
	.promotion-class-lists{
		
	}
	.basic-cart-products .basic-cart-product:last-child{
		border-bottom: none;
	}
	.cart-product-quantity .h4.grey-text{
		font-weight: 600;
	}
	.cart-product-info{
		display: flex;
		gap: var(--spacing-s);
		flex-basis: 70%;
	}
	.cart-product-info img{
		width: 110px;
		height: 110px;
		border-radius: none;
		border: 1px;
		border: 1px solid var(--border);
	}
	.cart-product-data{
		flex-basis: 100%;
	}
	.cart-product-name{
		padding-top: var(--spacing-3xs);
		font-size: 14px;
		font-weight: 500;
		color: var(--black);
	}
	.addons-cart{
		display: flex;
		gap: var(--spacing-2xs);
		line-height: 120%;
		background: #F3F3F7;
		border-radius: none;
		padding: 15px;
		flex-direction: column;
	}
	.addons-cart-lists{
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
	.addons-cart-list{
		display: flex;
		gap: 10px;
		justify-content: space-between;
	}
	.addons-cart-group{
		display: flex;
		gap: 10px;
	}
	.addons-cart-list .form-group{
		flex: none;
	}
	.addons-cart-list-title-desc{
		display: flex;
		flex-direction: column;
		gap: 0px;
	}
	.addons-cart-list-title{
		color: var(--black);
		font-weight: 400;
		font-size: 12px;
		line-height: 120%;
	}
	.addons-cart-list-desc{
		color: var(--grey);
		font-size: 10px;
	}
	.addons-cart-list-price{
		flex: none;
	}
	.cart-product-delivery{
		display: flex;
		gap: var(--spacing-3xs);
		line-height: 120%;
		padding-top: var(--spacing-2xs);
		align-items: baseline;
	}
	.cart-product-delivery span{
		font-size: 12px;
		font-weight: 500;
		color: var(--grey);
	}
	.cart-product-delivery a{
		font-weight: 500;
		font-size: 12px;
		line-height: 120%;
		color: var(--accent);
	}
	.cart-product-delivery p{
		font-size: 12px;
		font-weight: 500;
		color: var(--green);
	}
	
	.cart-product-actions{
		display: flex;
		justify-content: space-between;
		flex-basis: 40%;
		position: relative;
	}
	.cart-product-quantity{
		 text-align: center;
	}
	

.cart-product-prices {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--spacing-3xs);
}

.cart-product-quantity span {
    font-weight: 400;
    /*padding-top: var(--spacing-3xs);*/
    display: block;
}

	.cart-product-prices span{
		font-size: 12px;
		font-weight: 400;
		color: var(--grey);
		text-decoration: line-through;
	}
	.cart-product-action{
		position: absolute;
		bottom: 0;
		right: 0;
		display: flex;
		gap: var(--spacing-s);
	}
	.cart-sticky{
		display: flex;
		flex-direction: column;
		gap: var(--spacing-s);
		position: sticky;
		top: 64px;
		height: max-content;
	}
	.cart-sticky-information{
		background: var(--light-yellow);
		border-left: 3px solid #FFED00;
		padding: var(--spacing-m);
		border-radius: none;
		display: flex;
		flex-direction: column;
		gap: var(--spacing-s);
	}
	.cart-sticky-information span{
		font-size: 14px;
		font-weight: 500;
		color: var(--black);
	}
	.cart-sticky-information a{
		font-size: 14px;
		font-weight: 500;
		color: var(--red);
	}
	.cart-sticky-information .link-more:after {
		background-color: var(--red);
	}
	.cart-sticky-data{
		display: flex;
		flex-direction: column;
		padding: var(--spacing-m);
		border-radius: none;
		/*background: var(--bg-second);*/
		gap: var(--spacing-s);
		border: 1px solid var(--border);
	}
	.cart-sticky-data-lists{
		display: flex;
		flex-direction: column;
		gap: var(--spacing-2xs);
	}
	.cart-sticky-data-list{
		font-size: 14px;
		font-weight: 400;
		color: var(--black);
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.cart-sticky-data-list span{
		font-weight: 600;
		color: var(--black);
		flex: none;
	}
	.cart-sticky-data-list span.action{
		color: var(--red);
	}
	.cart-sticky-data-coupon{
		
	}
	.cart-sticky-data-totals{
		display: flex;
		flex-direction: column;
		gap: var(--spacing-s);
	}
	.cart-sticky-data-totals .cart-sticky-data-total{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.cart-sticky-data-total span{
		font-size: 24px;
		font-weight: 600;
		color: var(--black);
	}
	.cart-sticky-data-button{
	
	}
	.cart-sticky-data-button button{
	
	}
	
	.cshare-footer{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: var(--spacing-s);
		
	}
	.cshare-footer .cshare-fbtn{
		display: flex;
		gap: 10px;
		
	}
	.cshare-footer .cshare-ftotal{
		display:flex;
		flex-direction: column;
		gap:5px;
		align-items: flex-end;
	}

.decreaseQty, .increaseQty{ stroke: var(--black); }
          .decreaseQty.deactivate, .increaseQty.deactivate{ stroke: var(--grey); }


.title-pagecard{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.status svg{
	margin-right: var(--spacing-3xs);
}

.code-product{
	display:flex;
	gap: var(--spacing-3xs);
	align-items:center;
}

.code-number{
	color: var(--grey);
}


.review-product-card{
	display:flex;
	gap: var(--spacing-3xs);
	align-items: center;
}

.reviewfaq-product-card{
	display:flex;
	gap: var(--spacing-3xs);
	align-items: center;
}


.code-with-review-faq {
	display:flex;
	gap: var(--spacing-s);
	align-items: center;
	margin-top: var(--spacing-2xs);
	margin-bottom: var(--spacing-m);
}

.hero-cardproduct{
	display: grid;
	gap: var(--spacing-m);
	grid-template-columns: 9fr 3fr;
}

.hero-description-cardproduct{
	display: grid;
	gap: var(--spacing-m);
	grid-template-columns: 4fr 5fr;	
}

.hero-cardproduct img{
	width: 100%;
}

.description-productcard h4{
	margin-bottom: var(--spacing-xs);
}

.description-productcard{
	display:flex;
	gap: var(--spacing-s);
	flex-direction: column;
}


.description-productcard img{
	border-radius:100%;
	width:30px;
	height: 30px;
	border: 1px solid var(--border);
}

.description-productcard img:active{
	border-radius:100%;
	width:30px;
	height: 30px;
	border: 1px solid var(--accent);
}

.choiceproduct-productcard {
	display:flex;
	align-items:center;
	gap: var(--spacing-m);
}

.choiceproduct-productcard a{
	display:flex;
	align-items:center;
	gap: var(--spacing-2xs);
	color: var(--black);
}

.choiceproduct-productcard a:hover{
	color: var(--accent);
}

.characteristics-small{
	display: flex;
	gap: var(--spacing-2xs);
	flex-direction: column;
	margin-bottom: var(--spacing-2xs);
}

.characteristics-point {
    display: flex;
    gap: var(--spacing-2xs);
    justify-content: space-between;
}
.character-name{
  color: var(--grey);
  display: flex;
  align-items: center;
  background: none;
  flex: 1 0 auto;
  font-weight: 400;
}

.character-name:after{
    content: "";
    display: block;
    border-bottom: 1px dotted #D7DBE9;
    flex: 1;
    margin: 0 0 0 0.5rem;
    position: relative;
    top: 0.4rem;
}
.character-description{
	max-width: 65%;
    text-align: right;
    flex: none;
	color: var(--black);
	font-weight: 500;	
	
}
.descript-cardproduct-small .character-description{
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 201px;
}
.hero-description-cardproduct .slider-product img{
	/*border: 1px solid var(--border);*/
	border-radius: var(--radius-m);
	background: var(--bg);
}
.slider-product img{
	border: 1px solid var(--border);
	border-radius: var(--radius-m);
}

.slider-product{
	position:relative;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2xs);
}

.price-tablet .price-card{
	display:flex;
    align-items: flex-start;
    flex-direction: column;
}

.price-card-inform{
	display:flex;
    align-items: flex-start;
	justify-content: space-between;
}

.tag-credit{
	padding:2px var(--spacing-3xs);
	background: var(--yellow);
	display: inline;
	border-radius:2px;
	    white-space: nowrap;
}

.priceH{
	display:flex;
	align-items: baseline;
	gap: var(--spacing-3xs);
}

.credit-information{
	display: flex;
    align-items: center;
	
}

.credit-information .dotted-link{
	color: var(--black);
}

.btn-stroke{
	background: var(--bg);
	color: var(--black);
	border:1px solid var(--accent);
}
.btn-black{
	background: var(--black);
	color: var(--bg);
	border:1px solid var(--black);
}
.double-button{
	display:flex;
	gap: var(--spacing-2xs);
	flex-direction: column;
}

.double-button-row{
	display:flex;
	gap: var(--spacing-s);
	flex-direction: row;
}

.double-button-link {
	display: flex;
    align-items: center;
    justify-content: space-between;
	margin-top: var(--spacing-s);
}


.white-section-order .green-stroke:hover{
	background: var(--light-green);
    color: var(--black);
}

.price-tablet{
	display:flex;
	gap: 12px;
	flex-direction: column;
	padding:  var(--spacing-s);
	background: var(--grey-m);
}

.btn-stroke:hover{
	background: var(--border);
    color: var(--black);
    border: 1px solid var(--accent);
}
.btn-stroke-black{
	background: var(--bg);
	color: var(--black);
	border:1px solid var(--black);
}
.btn-stroke-black:hover{
	background: var(--black);
    color: var(--white);
    border: 1px solid var(--black);
}

.compare-wish-content{
	display: flex;
    justify-content: space-between;
	border-top: 1px solid var(--border);
	padding: var(--spacing-2xs);
}

.find-cheap .arrow-right{
	stroke: var(--grey);
}

.find-cheap:hover .arrow-right{
	stroke: var(--accent);
}

.find-cheap {
	display:flex;
	align-items: center;
	padding: var(--spacing-s) var(--spacing-m);
	background: var(--bg-second);
	justify-content: space-between;
	border-radius: var(--radius-m);
	color: var(--black);
}

.find-cheap-icon{
	display:flex;
	align-items: center;
	gap: var(--spacing-2xs);
}

.red-bonus{
	font-weight:600;
	color: var(--red);
}

.delivery-inform .dotted-link{
	color: var(--black);
	margin-left: 0px;
	font-weight: 550;
	font-size: 16px;
	line-height: 120%;
	text-transform: unset;
}

.delivery-inform{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-3xs);
}

.delivery-information{
	display: flex;
    flex-direction: row;
    gap: var(--spacing-2xs);
    align-items: flex-start;
    justify-content: flex-start;
}

.delivery-pickup{
	display: flex;
    align-items: flex-start;
    padding: var(--spacing-s) var(--spacing-m);
    background: var(--bg-second);
    justify-content: space-between;
    border-radius: var(--radius-m);
    flex-direction: column;
    gap: var(--spacing-s);
}

.pickup-information{
	padding-top: var(--spacing-s);
	border-top:1px solid var(--border);
	width: 100%;
}	
	
.sticky-tablet-productCard{
	display:flex;
	gap: var(--spacing-s);
	flex-direction: column;
	height: max-content;
	position:sticky;
	top: 65px;
}

.price-tablet-productCard{
	display:flex;
	gap: var(--spacing-2xs);
	flex-direction: column;
}
.tab-productCard {
	padding: var(--spacing-xs) var(--spacing-m);
	color: var(--black);
	transition: all 200ms ease;
}
a.active .tab-productCard {
	color: var(--black);
	border-bottom: 1px solid var(--accent);	
}
.moreInform-productCard{
	a.active .tab-productCard {
		color: var(--accent);
		border-bottom: 0px solid var(--accent);	
	}
}
.tab-productCard:active {
	color: var(--accent);
	/*border-bottom: 1px solid var(--accent);*/
}

.tabs-productCard {
	border-bottom: 1px solid var(--border);
	margin: 0 0 var(--spacing-l) 0;
	display:flex;
    background: var(--bg);
	overflow-x: auto;
    overflow-y: hidden;
    height: max-content;
    width: 100%;
    scrollbar-width: none;
	box-shadow: 26px -2px 10px 0px var(--bg);
	position: relative;
}
.tabs-productCardLine {
    position: absolute;
    height: 2px;
    background: var(--accent);
    bottom: -1px;
   transition: width 0.5s ease, transform 0.3s ease;
}
.status{
	white-space: nowrap;
	text-transform: uppercase;
}

.tabs-productCard a{
	white-space: nowrap;
}

.under-tabs{
	display:flex;
	gap: var(--spacing-xl);
	flex-direction: column;
}

.descript-ProductCard h2{
	margin-bottom: var(--spacing-s);
}

.titleh5 h5{
	margin-bottom: var(--spacing-s);
	margin-top: var(--spacing-m);
}

.titleh5 h2{
	margin-bottom: var(--spacing-s);
}

.points-advantages{
	display: flex;
    gap: var(--spacing-2xs);
    flex-direction: column;
    align-items: flex-start;
}

.point-advantage{
	display: flex;
    gap: var(--spacing-2xs);
    align-items: center;
}

.question-inform svg{
	fill: var(--grey);
	transition: all 200ms ease;
}

.question-inform svg:hover{
	fill: var(--accent);
}

.character-name{
	display:flex;
	align-items: center;
	gap: var(--spacing-3xs);
}

.question-information{
  width:18px;
  height:18px;
  text-align:center;
  cursor:pointer;
  position:relative;
}

.question-information:hover .arrow{
	width:0px;
	height:0px;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:10px solid #212121e6;
	margin-right: -10px;
}

.characteristics-big{
	display: flex;
	/*gap: var(--spacing-2xs);*/
	flex-direction: column;
}

.characteristics-big-inform{
	display: grid;
    gap: var(--spacing-m);
    grid-template-columns: 1fr 1fr;
}

.characteristics-big-inform .characteristics-point {
	width:auto;
	gap: 10px;
    padding-top: 7px;
    padding-right: 15px;
    padding-bottom: 7px;
    padding-left: 15px;
	transition: all 200ms ease;
	border-radius:5px;
}
.characteristics-big-inform .characteristics-point:hover{
	background:var(--bg-second);
}

.document-complect-point .plusborder {
	stroke: var(--green);
	flex: none;
}

.document-complect-point {
	display: flex;
    align-items: center;
	gap: var(--spacing-2xs);
}

.document-complect-list{
	display: flex;
    flex-direction: column;
	gap: var(--spacing-2xs);
}

.document-complect-point .file {
	stroke: var(--grey);
}

.document-complect h5{
	margin-bottom: var(--spacing-s);
    margin-top: 0;
}

.characteristics-big-inform {
	margin-top: var(--spacing-s);
}

.document-complect-list a{
	color: var(--black);
	font-weight: 400;
}

.services-cards {
	display:grid;
	gap: var(--spacing-m);
    grid-template-columns: 1fr 1fr 1fr;
}

.service-card{
	padding: var(--spacing-m);
	background: var(--bg-second);
	border-radius: var(--radius-m);
}


.year-tag{
	display:flex;
	align-items:flex-start;
	justify-content: space-between;
}


.year {
	background: var(--red);
	padding: 2px var(--spacing-2xs);
	color: var(--bg);
	font-size: 16px;
    font-weight: 600;
    line-height: 120%;
	border-radius: none;
	width: 66px;
	white-space: nowrap;
}


.service-card h4{
	margin-bottom: var(--spacing-s);
}


.service-card .link-more{
	margin-top: var(--spacing-s);
}
.compare-relative{
	position:relative;
}
.compare-pcount{
	position: absolute;
    top: 5px;
    left: 5px;
    color: #84888F;
    font-size: 8px;
    font-weight: 600;
    line-height: 9.75px;
    text-align: left;
}
.compare-title {
	display:flex;
	align-items:center;
	justify-content: space-between;
}

.compare-cards {
    display: grid;
    gap: var(--spacing-m);
    grid-template-columns: 3fr 6fr;
    margin-top: var(--spacing-s);
}

.compare-card a, .compare-card button{
	pointer-events:auto;
}
.compare-card.main {
	background: var(--bg-second);
	padding: var(--spacing-s);
	border-radius: var(--radius-m);
}

.compare-Productcard img{
	height: 150px;
	border-radius: var(--radius-m);
	background: var(--bg);
	object-fit: contain;
	padding: var(--spacing-s);
}

.compare-Productcard .price-card {
	padding-top: var(--spacing-2xs);
	padding-bottom: var(--spacing-s);
}


.compare-name{
	color: var(--grey);
}
.compare-name span{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 197px;
}

.compare-point {
	display:flex;
    align-items: center;
    justify-content: space-between;
	padding: 8px 0;
	border-bottom: 1px solid var(--border);
}


.compare-question {
	display: flex;
	align-items: center;
	gap: var(--spacing-3xs);
}

.compare-point:last-child {
	border-bottom: none;
}

.compare-descriptionBig {
	margin-top: var(--spacing-s);
}

.compare-Productcard .title-card{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
	height: auto;
}

.compare-cards-third {
	display:grid;
	gap: var(--spacing-m);
    grid-template-columns: 1fr 1fr 1fr;
}

.white-card{
	padding: var(--spacing-s) 0;
}

.white-card img{
	border: 1px solid var(--border);
}

.input-hint{
  font-size: 12px;
  font-weight: 500;
}
.input-hint.success{
  color: var(--green);
}
.input-hint.error{
  color: var(--red);
}
.coupons-re{
  position: relative;
}
.drop-exit{
  position: absolute;
  right: 10px;
  top: 10px;
  cursor:pointer;
  stroke: var(--grey);
  fill:none;
  transition: all 200ms ease;
}
.drop-exit:hover{
  position: absolute;
  right: 10px;
  top: 10px;
  cursor:pointer;
  stroke: var(--black);
}
.review-title{
	display:flex;
	justify-content: space-between;
    align-items: flex-end;
}

.review-stars-num h6{
	margin-bottom: var(--spacing-3xs);
}

.review-main-write button{
	margin-top: var(--spacing-s);
	margin-bottom: var(--spacing-m);
}

.ratings-lines-numbers{
	display:flex;
	gap: var(--spacing-2xs);
	flex-direction: column;
}

.form-group-review{
	display: flex;
	gap: var(--spacing-xs);
	align-items: center;
}
.custom-checkbox + label.review-check-o {
gap: var(--spacing-3xs);
}
.rate-review-line{
	background-color: var(--border);
    height: 4px;
    position: relative;
	flex-direction: column;
    width: 100%;
    display: flex;
	border-radius: var(--radius-m);
}
.review-line-active{
    background-color: var(--yellow);
    height: 4px;
    position: absolute;
    top: 0;
    left: 0;
	border-radius: var(--radius-m);
	width: 80%;
}

.count-review{
	width:40px;
}

.review-main-write .service-card{
	margin-top: var(--spacing-m);
}

.gallery-photos-review img{
	width:60px;
	height: 60px;
	border-radius: none;
	user-select:none;
}

.photos-and-reviews h5{
	margin-bottom: var(--spacing-s);
}

.show-sort{
	color: var(--grey);
	display:flex;
	align-items:center;
	gap: var(--spacing-2xs);
}

.sort-links{
	display:flex;
	align-items:center;
	color: var(--black);
	gap: var(--spacing-3xs);
	line-height: normal;
}


.sort-links:hover{
	color: var(--accent);
}

.with-photo-num{
	display: flex;
    align-items: center;
    gap: var(--spacing-3xs);
}

.grey-text{
	color: var(--grey);
}

.greym-text{
	color: var(--grey-m);
}

.green-text{
	color: var(--green);
}
.yellow-text{
	color: var(--yellow);
}
.red-text{
	color: var(--red);
}
.uppercase-text{
	text-transform: uppercase;
}
.fit-content{
	width: fit-content;
}
.filters-and-reviews{
	display:flex;
	align-items:center;
	margin-top: var(--spacing-m);
	padding-bottom: var(--spacing-xs);
	gap: var(--spacing-l);
}

.name-stars{
	display: flex;
    align-items: center;
    justify-content: space-between;
}

.author-review{
	display: flex;
    align-items: center;
	justify-content: space-between;
}

.testimonial-text h4{
	margin-bottom: var(--spacing-2xs);
}

.letter-name-author{
	width:40px;
	height:40px;
	border-radius:1000px;
	display: flex;
    align-items: center;
    justify-content: center;
	background: var(--bg-second);
}

.letter-name-author h4{
	color: var(--accent);
}

.author-review{
	display: flex;
    align-items: center;
	gap: var(--spacing-xs);
}

.titleDATE{
	display: flex;
	gap: var(--spacing-3xs);
	flex-direction: column;
	align-items: flex-start;
}

.tag{
	color: var(--grey);
	font-size: 12px;
}

.testmonials-texts {
	display:flex;
	gap: var(--spacing-s);
	flex-direction: column;
    justify-content: flex-start;
}

.testimonial-client{
	display:flex;
	gap: var(--spacing-s);
	flex-direction: column;
    justify-content: flex-start;
	padding-bottom: var(--spacing-m);
	padding-top: var(--spacing-m);
	border-top:1px solid var(--border);
}

.testimonial-client .slider-box{
	display:flex;
	gap: var(--spacing-xs);
	width:60px;
	height:60px;
	user-select:none;
	border-radius: none;
}
.links-show-answer-admin-reply{
	display:flex;
	gap: var(--spacing-s);
	flex-direction: column;
    justify-content: flex-start;
}
.links-show-answer{
	display:flex;
	gap: var(--spacing-m);
}

.name-stars .stars{
	margin: 0;
}

.answerAdmin{
	margin-left: var(--spacing-s);
	border-left: 1px solid var(--accent);
	padding-left:35px;
	display:flex;
	flex-direction: column;
    justify-content: flex-start;
	gap: var(--spacing-xs);
	margin-top: var(--spacing-xs);
}

.load-more-review{
	display:flex;
	gap: var(--spacing-2xs);
	align-items:center;
	flex-direction: column;
}

.basic-order-contents {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-l);
    align-items: stretch;
    width: auto;
}

	.basic-order-types{
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		gap: var(--spacing-s);
	}
	.order-type-title{
		align-items: center;
		gap: var(--spacing-s);
		font-size: var(--spacing-s);
		font-weight: 600;
		color: var(--black);
		display: flex;
	}
	.order-type-title span{
		width: 24px;
		height: 24px;
		background: var(--bg-second);
		border-radius: 100%;
		font-size: 16px;
		font-weight: 600;
		text-align: center;
		color: var(--black);
		display: flex;
    align-items: center;
    justify-content: center;
	}
	.order-type-tabs{
		display: flex;
		gap: var(--spacing-s);
	}
	.order-type-tabs-one{
		padding: var(--spacing-2xs) var(--spacing-s) var(--spacing-2xs) var(--spacing-s);
		border-radius: none;
		border: 1px solid var(--border);
		background: var(--bg);
		color: var(--black);
		font-size: 14px;
		font-weight: 500;
		cursor:pointer;
		display: flex;
		align-items: center;
	}
	
	.order-type-tabs-multi{
		display: flex;
		gap: var(--spacing-xs);
		padding: var(--spacing-2xs) var(--spacing-s);
		border-radius: none;
		border: 1px solid var(--border);
		background: var(--bg);
		color: var(--black);
		font-size: 14px;
		font-weight: 500;
		cursor: pointer;
		width: 100%;
	}
	
	.page-checkout-checkout .order-type-tabs-multi{
		max-width: 50%;
	}
	.order-type-tabs-title{
		font-size: 16px;
		font-weight: 600;
		color: var(--black);
		display: flex;
		gap: var(--spacing-3xs);
		flex-direction: column;
	}
	.order-type-tabs-title span{
		font-size: 14px;
		font-weight: 400;
		color: var(--grey);
	}
	
	.order-type-tabs-one.active, .order-type-tabs-multi.active{
		border: 1px solid var(--border);
		background: var(--bg-second);
	}
	.order-type-form{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: var(--spacing-s);
	}
	.form-group-input{
		display: flex;
		flex-direction: column;
		gap: var(--spacing-3xs);
	}
	.form-group-input label{
		font-size: 14px;
		font-weight: 400;
		color: var(--black);
	}
	.form-group-input label.danger:after{
		content: "*";
		color: var(--red);
	}

	.custom-radio + label {
		gap: var(--spacing-xs);
	}

.order-type-tab-content.tab-pick-up{
    display: none;
    grid-template-columns: 1fr 2fr;
    gap: var(--spacing-s);
  }

 .order-type-tab-content.tab-pick-up.active{
      display: grid;
  }

	.tab-pick-up .form-group{
		display: flex;
		flex-direction: column;
		gap: var(--spacing-xs);
	}
	.tab-pick-up .pick-up-information{
		display: flex;
		flex-direction: column;
		gap: var(--spacing-2xs);
		padding-left: 35px;
	}
	.pick-up-information-type{
		display: flex;
		align-items: center;
		gap: var(--spacing-2xs);
	}
	.pick-up-information-type svg.stroke{
		stroke: var(--grey);
		flex: none;
	}
	.flex-list{
		display: flex;
		flex-direction: column;
		gap: var(--spacing-s);
	}
	.pick-up-information button{
		width: max-content;
		margin-top: var(--spacing-2xs);
	}
	.btn-green{
		background: var(--bg-second);
		height: 100%;
		color: var(--black);
	}
	
	
.faq-form{
	display:flex;
	gap: var(--spacing-2xs);
	flex-direction: column;
}

.btn-grey{
	padding: var(--spacing-2xs) var(--spacing-s);
    border-radius: none;
    background: var(--bg-second);
    transition: all 300ms ease;
    font-size: 14px;
    font-weight: 500;
    color: var(--black);
    min-width: fit-content;
    cursor: pointer;
}

.btn-bg{
	padding: var(--spacing-2xs) var(--spacing-s);
    border-radius: none;
    background: var(--bg);
    transition: all 300ms ease;
    font-size: 14px;
    font-weight: 500;
    color: var(--black);
    min-width: fit-content;
    cursor: pointer;
	box-shadow: 0px 4px 25px 0px #0000001A;
}

.btn-bg:hover{
    color: var(--bg);
}

.btn-grey:hover{
    color: var(--bg);
}

textarea{
	display: block;
    width: 100%;
    min-height: 150px;
    padding: 12px var(--spacing-xs);
    font-size: 14px;
    border-radius: none;
    color: var(--grey);
    border: 1px solid var(--border);
    transition: all 300ms ease;
    box-sizing: border-box;
	resize: none;
}

textarea:hover {
	border: 1px solid var(--grey);
}
 
textarea:focus-visible {
	border: 1px solid var(--grey);
	outline: none;
	color: var(--black);
}

.tab-productCard:hover {
  color: var(--black);
  border-bottom: 1px solid var(--accent);
}

.form-faq-btn {
	display:flex;
	gap: var(--spacing-s);
	flex-direction: column;
}

.faq-product h2{
	margin-bottom: var(--spacing-2xs);
}

.informs-faq{
	flex-direction: column;
	display:flex;
	gap: var(--spacing-2xs);
}

.inform-faq{
	display:flex;
	gap: var(--spacing-2xs);
	color: var(--grey);
}

.admin-reply{
	justify-content: flex-start;
	color: var(--dark-blue);
	font-weight:500;
}


.faq-client{
	display: flex;
    gap: var(--spacing-s);
    flex-direction: column;
    justify-content: flex-start;
    padding-top: var(--spacing-m);
    border-top: 1px solid var(--border);
}

.faq-client:first-child{
    padding-top: 0;
    border-top: 0px;
}

.faq-qusetion{
	display: flex;
    gap: var(--spacing-2xs);
    flex-direction: column;
    justify-content: flex-start;
}

.faq-name-author{
	display: flex;
    align-items: center;
	gap: var(--spacing-xs);
}

.title-faq{
	margin-bottom: var(--spacing-m);
}

.faq-clients{
	display: flex;
    gap: var(--spacing-m);
    flex-direction: column;
}

.faqanswers-clients .load-more-review{
	margin-top: var(--spacing-m);
}

.menu-account{
    position: sticky;
    top: 65px;	
	display: flex;
	flex-direction: column;
	gap: var(--spacing-xs);
	height: fit-content;
}

.menu-account-second{
	padding: var(--spacing-m);
	box-shadow: 0px 4px 40px 0px #00000014;
	display: flex;
	align-items: flex-start;
    gap: var(--spacing-m);
	flex-direction: column;
	stroke: var(--grey);
	fill:none;
}


.grid-account{
	display: grid;
    gap: var(--spacing-m);
    grid-template-columns: 1fr 4fr;
	margin-top: var(--spacing-m);
}

.menu-account a{
	display: flex;
	align-items: center;
    gap: var(--spacing-2xs);
}

.accountmenu{
	color: var(--black);
}

.menu-account a:hover{
	color: var(--grey);
	stroke: var(--grey);
}


.active-accountmenu{
	color: var(--grey);
	stroke: var(--grey);
}


.content-account .order-type-form {
    gap: var(--spacing-3xs);
	display: flex;
	align-items: flex-start;
    gap: var(--spacing-s);
	flex-direction: column;
}

.content-account .form-group-input{
	width: 100%;
}

.switcher-point {
	display:flex;
	
}

.content-account .h6{
	margin-bottom: var(--spacing-s);
}

.switcher-point{
	display: flex;
    align-items: center;
    gap: var(--spacing-2xs);
}

.switcher-points{
	display: flex;
    align-items: flex-start;
    gap: var(--spacing-s);
    flex-direction: column;
}

.flex-myaccount{
	display: flex;
    align-items: flex-start;
    gap: var(--spacing-xl);
    flex-direction: column;
}



.wishlist-products{
	display:grid;
	gap: var(--spacing-m);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.links-account{
	display:flex;
	gap: var(--spacing-m);
}

.checkbox-universal{
	position: absolute;
	top: 10px;
    right: var(--spacing-3xs);
}

.order-type-tabs-multi{
	stroke: var(--black);
}


.open-list-order{
	border-radius: var(--radius-m);
	border: 1px solid var(--border);
	user-select: none;
}

.dropdown-close-order .white-section-order {
display:none;	
}

.white-section-order .inform-historyOrder {
	border-bottom: 1px dashed var(--border);
	padding-bottom: var(--spacing-s);
}

.dropdown-close-order .grey-section-order {
	border-radius: var(--radius-m);
	background: var(--bg);
}

.dropdown-close-order .img-historyOrd img {
	border: 1px solid var(--border);
}

.dropdown-close-order .showMore-pics {
	border: 1px solid var(--border);
}

.grey-section-order{
	background: var(--bg-second);
	padding: var(--spacing-xs) var(--spacing-s);
	display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    align-items: flex-end;
	border-radius: var(--radius-m) var(--radius-m) 0 0;
	gap: var(--spacing-m);
	    cursor: pointer;
}

.grey{
	color: var(--grey);
	stroke: var(--grey);
}

.white-section-order{
	padding: var(--spacing-s);
}

.orders-inform-method{
	display: flex;
    flex-direction: column;
    gap: var(--spacing-3xs);
}


.order-inform-method {
	display: flex;
    flex-direction: row;
    gap: var(--spacing-3xs);
	align-items: center;
}


.title-order{
	display: flex;
    flex-direction: column;
    gap: var(--spacing-2xs);
}


.green {
	background: var(--green);
}


.status-order {
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: var(--spacing-2xs);
}


.status-order-information{
	display: flex;
    flex-direction: column;
    align-items: flex-end;
	gap: var(--spacing-2xs);
}

.name-card h3{
	transition: all 200ms ease; 
}

.name-card h3:hover{
	color: var(--accent);
}


.order-product .name-card{
	display: flex;
    flex-direction: column;
    gap: var(--spacing-3xs);
}

.name-card-withbtn{
	display: flex;
    flex-direction: column;
    gap: var(--spacing-s);
}

.order-product img{
	width: 100%;
    height: 150px;
    border-radius: none;
    object-fit: contain;
}


.order-product{
	display: flex;
    flex-direction: column;
    align-items: center;
	gap: var(--spacing-3xs);
}



.white-section-order .sliderContent{
	padding-bottom: var(--spacing-s);
	border-bottom: 1px solid var(--border);
}

.summ-order{
	display:flex;
	justify-content: space-between;
	margin-top: var(--spacing-s);
}

.title-summ-order{
	display:flex;
	align-items: baseline;
	gap: var(--spacing-3xs);
}


.summ-order h6{
	margin-bottom: 0;
}


.lists-orders {
	flex-direction: column;
	display:flex;
	gap: var(--spacing-s);
}

.content-account .tabs-action{
	margin-bottom: var(--spacing-s);
}


.yellow{
	background: var(--yellow);
}

.order-pagination {
	justify-content: center;
}


.main-form-checkout{
    display: flex;
    flex-direction: column;
    gap: var(--spacing-s);
}

.center-content{
    margin-right: auto;
    margin-left: auto;
  }
  .content-order-info-title{
    font-size: 32px;
    font-weight: 400;
    text-align: center;
    color: var(--black);
    padding-bottom: 25px;
  }
  .content-order-info{
    max-width: 950px;
  }
  .header-order-list{
    background: var(--border);
    padding: var(--spacing-s) var(--spacing-l) var(--spacing-s) var(--spacing-l);
    border-radius: var(--radius-m) var(--radius-m) 0px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .header-order-list-name{
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    color: var(--black);
  }
  .header-order-list-addition{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--spacing-2xs);
  }
  .status-x-order{
    padding: 2px var(--spacing-3xs) 2px var(--spacing-3xs);
    font-size: 12px;
    font-weight: 500;
    background: var(--green);
    color: var(--bg);
    display: inline-block;
  }
  .status-d-order{
    font-size: 14px;
    font-weight: 500;
    color: var(--black);
  }
  .status-d-order span{
    font-size: 14px;
    font-weight: 400;
    color: var(--black);
  }
  .header-order-list-content{
    background: var(--bg);
    border: 1px solid var(--border);
    padding: var(--spacing-s) var(--spacing-l) var(--spacing-s) var(--spacing-l);
    border-radius: 0px 0px var(--radius-m) var(--radius-m);
  }
  .header-order-list-products{
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
  }
  .list-column-name{
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: var(--grey);
    padding-bottom: var(--spacing-xs);
    border-bottom: 1px solid var(--border);
  }
  [data-columnP="left"] {
    text-align: left;
  }

  [data-columnP="center"] {
    text-align: center;
  }

  [data-columnP="right"] {
    text-align: right;
  }
  
  .body-order-list{
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    padding: var(--spacing-xs) 0;
    border-bottom: 1px solid var(--border);
    align-items: center;
  }
  .body-order-list-noborder{
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    padding: var(--spacing-3xs) 0;
    align-items: center;
  }
  .body-order-list-noborder-total{
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    padding: var(--spacing-xs) 0;
    border-top: 1px solid var(--border);
    align-items: center;
    font-size: 24px;
    font-weight: 600;
  }
  .body-order-list-product-name{
    display: flex;
    align-items: center;
    gap: var(--spacing-s);
  }
  .body-order-list-product-name a{
    color: var(--black);
    font-size: 16px;
    font-weight: 600;
    text-align: left
  }
  .body-order-list-product-name img{
    width: 80px;
    height: 80px;
    border-radius: none;
    border: 1px solid var(--border);
  }
  .body-order-list-product-quantity{
    color: var(--grey);
    font-size: 16px;
    font-weight: 600;
    text-align: center;
  }
  .body-order-list-product-prices.price-card{
    align-items: flex-end;
    flex-direction: column;
    align-content: flex-end;
  }
  .body-order-list-product-prices h5{
    font-size: 14px;
    font-weight: 600;
  }
  .body-order-list-product-prices span{
    font-size: 12px;
    font-weight: 400;
    line-height: 0px;
    color: var(--grey);
	text-decoration: auto;
  }
  .body-order-delivery-contact{
    margin-top: 25px;
    max-width: 950px;
    padding: var(--spacing-s) var(--spacing-l) var(--spacing-s) var(--spacing-l); 
    border-radius: var(--radius-m);
    background: var(--bg-second);
  }
  .column-2{
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .data-delivery{
    
  }
  .data-delivery-type{
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 2.5px;
    color: var(--black);
  }
  .data-delivery h4{
    padding-bottom: var(--spacing-2xs);
  }
  
  .data-delivery-type span{
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: var(--grey);
  }
  .pt-30{
    padding-top: var(--spacing-m);
  }
  .pt-20{
    padding-top: var(--spacing-s);
  }
  .total-s-o{
    font-size: 14px;
    font-weight: 600;
  }
  .link-more-left{
    display: flex;
    align-items: center;
  }
  
  .link-more-left:before {
    width: 24px;
    height: 24px;
    display: inline-block;
    content: '';
    mask: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10 7L15 12L10 17' stroke='%231B8EE9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") no-repeat 50% 50%;
    mask-size: cover;
    background-color: var(--black);
    margin-left: var(--spacing-3xs);
    transition: all 200ms ease;
    transform: rotate(180deg);
  }
  .link-more-left:hover:before {
    background-color: var(--dark-blue);
  }
  

.cart-empty .double-button{
	flex-direction: row;
}

.cart-empty .grey{
	padding-top: var(--spacing-2xs);
	padding-bottom: var(--spacing-m);
}

.cart-empty{
	margin-bottom: var(--spacing-2xl);
}

.pick-up-information-type svg{
	fill: var(--grey);
}

.modal_bg {
  position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: #21212178;
    display: flex;
    align-items: center;
    justify-content: center;
	z-index: 999;
	background-color: rgba(0, 0, 0, 0.5); /* Затемненный фон */
	animation: fadeIn 0.3s ease; /* Анимация появления */
}
.modal_content{
	padding: var(--spacing-l) var(--spacing-s);
	gap: var(--spacing-s);
	border-radius: 0;
	background: var(--bg);
	position: relative;
	/*max-height: calc(100% - 3.5rem);
	overflow: hidden auto;*/
	    margin: var(--spacing-3xs);
}
.modal_data h2, .modal_data h6 {
	padding: 0 var(--spacing-s);
}
.modal_bg.fadeOut {
    animation: fadeOut 0.2s ease; /* Анимация исчезновения */
}
.modal_subtitle{
	font-size: 16px;
	font-weight: 400;
	padding-top: var(--spacing-2xs);
	padding-bottom: var(--spacing-3xs);
}

.scroll-modal .double-button {
	flex-direction: row;
}

.btn-darkgrey {
	padding: var(--spacing-2xs) var(--spacing-s);
    border-radius: none;
    background: var(--border);
    transition: all 300ms ease;
    font-weight: 500;
    color: var(--grey);
    min-width: fit-content;
    cursor: pointer;
	white-space:nowrap;
}



.timer_code{
	padding-top: var(--spacing-2xs);
} 

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}



.modal_exit{
    stroke: var(--grey);
    fill: none;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.modal_exit:hover{
    stroke: var(--black);
}
.modal_data{
  display: flex;
    flex-direction: column;
    gap: var(--spacing-s);
}
.modal_title{
  font-size: 24px;
  font-weight: 600;
  color: var(--black);
}

.modal_exit svg{
	stroke: var(--grey);
	transition: all 200ms ease;
}

.modal_exit svg:hover{
	stroke: var(--red);
}


.scroll-modal{
	position: relative;
    max-height: calc(100vh - 20rem);
    overflow: hidden auto;
    display: block;
    padding: 0 var(--spacing-s);
	width: 100%;
}

.contact-list svg{
	fill: var(--grey);
}

.l-slider-menu {
    position: fixed;
    left: 0;
    top: 61px;
    height: calc(100% - 61px);
    transform: translateX(-100%) translate3d(0, 0, 0);
    transition: transform 300ms ease-in-out, box-shadow 150ms linear;
    z-index: 2147483648 !important;
    width: 100%;
	display:none;
}

.l-s-menu-content {
    background-color: var(--bg);
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    width: 330px;
	overflow-y: auto;
}
.l-s-menu-open {
    transform: translateX(0);
    background: rgb(0 0 0 / 60%);
}

.blue-btn{
	background: var(--accent);
    color: var(--black);
    border: 1px solid var(--accent);
	font-weight: 500;
}

.green-btn{
	background: var(--green);
    color: var(--white);
    border: 1px solid var(--green);
	font-weight: 500;
}

.blue-btn:hover{
	background:  var(--light-blue);
    color: var(--black);
    border: 1px solid var(--accent);
	font-weight: 500;
}

.green-btn:hover{
	background: var(--light);
    color: var(--black);
    border: 1px solid var(--green);
	font-weight: 500;
}

.green-stroke {
	border-color: var(--green);
	background: var(--bg);
}

.green-stroke:hover {
	border-color: var(--green);
	background: var(--light-green);
}

.hero-image-product{
	position: relative;
	border: 1px solid var(--border);
	border-radius: var(--radius-m);
	background: var(--bg);
	display: flex;
    align-items: center;
    justify-content: center;
}
.hero-image-product .sticker{
	opacity:1;
	transition: all 300ms ease;
}
.hero-image-product:hover .sticker{
	opacity:0.5;
}
.hero-image-product img{
	border: none;
	border-radius: 0;
}
.containerZoomG{
  position: relative;
  overflow:hidden;
  user-select: none;
  border-radius: 0;
}
.viewZoomG{
  width:100%;
  height:100%;
  transition: transform .3s;
  border-radius: 0;
  cursor: none;
}
.viewZoomG img{
  width:auto;
  height:auto;
  max-width:100%;
  pointer-events: none;
}

.cursorSquare {
	position: absolute;
	pointer-events: none;
	display: none;
	justify-content: center;
	align-items: center;
}
.cursor-pointer{
	cursor:pointer;
}
.zoom-cursor-icon{
	height: 37px;
	position: absolute;
	width: 28px;
}
.zoom-area-icon{ 
	stroke: #dbdbdb75;
}
.images-additional .thumbnail.active img{
	border: 1px solid var(--accent);
}

.mobile-menu{
	display:none;
}


.footer-mobile{
	display:none;
}

.icon-cards-compare-wish {
    display: flex;
   /* gap: var(--spacing-s);*/
   gap: var(--spacing-2xs);
    justify-content: space-between;
}


.view-images {
	display:none;
	position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #fefefe;
}

.view-images-header-bg{
	background: #F3F3F7;
	padding: 0 5px;
}

.view-images-header{
	padding: 15px 0;
    max-width: 1480px;
    display: flex;
    align-items: center;
    margin-right: auto;
    margin-left: auto;
    justify-content: space-between;
}

.view-images-content{
	max-width: 1480px;
	margin-right: auto;
	margin-left: auto;
	height: 90vh;
	padding: 0 5px;
}

.view-images .close {
	stroke: var(--red);
	float: right;
}

.view-images .close svg{
	float: right;
}

.view-images .close:hover,
.view-images .close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.viewPopContent{
	display: grid;
	grid-template-columns: 0fr 4fr;
	gap: var(--spacing-m);
	align-items: start;
	justify-items: center;
	padding-top: 30px;
	height: inherit;
}

.hero-view-image{
	display: flex;
	align-items: flex-start;
	justify-content: center;
	height: inherit;
}

.hero-view-image .containerZoomG{
	height: inherit;
	max-height: inherit;
}

.hero-view-image img {
	border: none;
	border-radius: var(--radius-m);
	max-height: 100%;
	width: auto;
}

.additional-view-images{
	height: 70vh;
    overflow: hidden auto;
    /*padding: 0 12px;*/
    width: 60px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
	gap: 10px;
	transform:scaleX(-1);
}

.viewPopContent .additional-view-images img{
	width:60px;
}
.viewPopContent .additional-view-images::-webkit-scrollbar-thumb:vertical {height: 2px;background-color: #007aff;}
.viewPopContent .additional-view-images::-webkit-scrollbar-thumb:horizontal {height: 2px;background-color: #007aff;}
.viewPopContent .additional-view-images::-webkit-scrollbar {width: 2px; height: 2px;}

.additional-view-images .thumbnail.active img{
	border: 1px solid var(--accent);
}

.overflowHidden{
	overflow: hidden;
}


.adaptive-tablet-productCard {
	display:none;
}

/*@media(max-width: 1120px){
	.viewPopContent {
		display: grid;
		grid-template-columns: 1fr;
		gap: var(--spacing-m);
		align-items: end;
		padding-top: 30px;
		height: inherit;
		align-content: space-evenly;
	}
	.additional-view-images {
		height: 70vh;
		overflow: hidden auto;
		padding: 0 12px;
		width: 100px;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		gap: 10px;
		grid-row-start: 2;
	}
	.hero-view-image {
		display: flex;
		align-items: center;
		justify-content: center;
		height: inherit;
		grid-row-start: 1;
	}
}*/

.cart-empty .double-button button{
    width: max-content;
    white-space: nowrap;
}

button[disabled], .disabled{
   opacity: 50%;
   cursor: no-drop!important;
} 


.footer-mobile-doublebtn{
	display:none;
}

.compare-title h2{ 
	margin-bottom: 0;
}

.hero-description-cardproduct .price-tablet-adaptive{
	display:none;
}

.grid {
	display:grid;
}

.grid-sticky {
	position: sticky;
    top: 54px;
	margin:  0;
	z-index:1;
}


.hero-description-cardproduct{
	margin-bottom: var(--spacing-l);
}


.code-with-review-faq .status{
	display: none;
}

.dnew-product .code-with-review-faq .status{
	 display: flex;
    align-items: center;
}
.dnew-product .code-with-review-faq{
	margin-top: 0;
	margin-bottom: 0;
}

.title-pagecard {
	gap: var(--spacing-2xs);
}

.hero-description-cardproduct {
    margin-bottom: 0;
}


.swiper-button-next.slick-arrow, .swiper-button-prev.slick-arrow{
width: 40px;
    height: 40px;
}


.hero-chtoto{    
display: inherit;
    width: auto !important;
    max-width: 100%;
    Height: 400px;
    z-index: 0;
    border-radius: var(--radius-m);
    user-select: none;
}


.card-statusdelivery span{
	width: 20px;
	height: 20px;
	background: var(--border);
	border-radius: var(--radius-2xl);
}


.card-statusdelivery {
	padding-bottom: var(--spacing-l);
}

.card-statusdelivery .text{
	display:flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacing-3xs);
}

.card-statusdelivery {
	display:flex;
	flex-direction: row;
	align-items: center;
	gap: var(--spacing-s);
	position: relative;
    z-index: 5;
}

.accent {
	color: var(--accent);
}

.conrainer-status {
	display:flex;
	flex-direction: row;
	position: relative;
	padding-bottom: var(--spacing-s);
}

.vertical-border{
	border: 2px dashed var(--border);
    position: absolute;
    height: 85%;
    left: 8px;
    top: var(--spacing-xs);
}


.card-statusdelivery:last-child {
	padding-bottom:0;
}

.vertical-border-solid {
	border: 2px solid var(--border);
    position: absolute;
    height: 68%;
    left: 8px;
    top: var(--spacing-xs);
}


.accent-dot {
	background: var(--accent)!important;
}


.status-delivery-modal {
	width:300px;
	display:flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacing-s);
}

.status-delivery-modal button{
	width: auto;
}

.double-forms {
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--spacing-2xs);
}

.scroll-modal button{
	white-space: nowrap;
	width: auto;
	padding: var(--spacing-2xs) var(--spacing-s);
}

.modal-card h2{
	padding-bottom: var(--spacing-2xs);
}


.text-review-login {
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-2xs);
	margin-bottom: var(--spacing-s);
}


.review-modal {
	max-width: 700px;
    width: inherit;
}

.scroll-modal .stars{
	margin: 0;
	margin-bottom: var(--spacing-s);
}


.scroll-modal .faq-form{
	gap: var(--spacing-2xs);
}


.dark-blue {
	color: var(--dark-blue);
}

.add-photo-btn {
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-2xs);
}

.photo-add {
	padding: var(--spacing-xs);
	display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-2xs);
	border: 1px dashed var(--accent);
	background: var(--bg-second);
	border-radius: none;
}


.address_size {
	max-width: 600px;
    width: inherit;
}


.third-forms {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--spacing-2xs);
}

.two-forms {
	display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xs);
}

.double-button-modal {
	display: flex;
    gap: var(--spacing-2xs);
    flex-direction: row;
	justify-content: flex-start;
	width: fit-content;
}

.delete-modal h6 {
	padding: 0 ;
}

.delete-modal {
	padding: 0 var(--spacing-s) ;
}

.delete-modal p{
	padding: var(--spacing-s) 0;
}

.red {
	background: var(--red);
}

.login-modal h6{
	padding:0;
}

.login-modal .form-group-input {
	padding: var(--spacing-xs) 0 var(--spacing-3xs) 0;
}

.login-modal {
	padding:0 var(--spacing-s);
}

.login-size{
	max-width: 500px;
    width: inherit;
}

.a-content-to-header{
	visibility: hidden;
	opacity: 0;
	transition: .4s,opacity .4s;
	position: sticky;
	top: 120px;
	z-index: 501;
	max-width: 1480px;
	margin-right: auto;
	margin-left: auto;
	transform: scale(0);
    transform-origin: top right;
}

.a-content-to-header:not(.hiddenA) {
	visibility: visible;
    opacity: 1;
    box-sizing: border-box;
    transform: scale(1);
}



/*.icon-menu-header .account:hover .a-content-to-header {
    visibility: visible;
    opacity: 1;
    height: 100%;
    max-height: max-content;
    min-height: 590px;
    box-sizing: border-box;
    transform: scale(1);
}*/

.view-account-pop{
	position: absolute;
    top: -110px;
    z-index: 3;
    padding: 40px var(--spacing-s);
    right: 0;
}

.view-account-pop-content{
  display: flex;
  box-shadow: 0px 4px 40px 0px #00000020;
  width: max-content;
  border-radius: var(--radius-l);
}
.view-account-pop-notification{
	background: var(--bg-second);
	padding: var(--spacing-s) var(--spacing-s) 0 var(--spacing-s);
	display: flex;
	flex-direction: column;
	gap: var(--spacing-s);
	border-radius: var(--radius-l) 0 0 var(--radius-l);
}
.view-account-notification {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-s);
}

.view-account-notification h2 {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.view-account-notification h5{
	font-size: 24px;
	font-weight: 700;
}
.view-account-notification h5 a{
	font-size: 12px;
	font-weight: 500;
}
.view-account-pop-notification h5, .view-account-notification h5{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.view-account-pop-n-c{
  flex-basis: 100%;
}
.view-account-pop-n-not{
  border: 1px solid var(--border);
  height: 415px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-m);
  gap: var(--spacing-2xs);
  margin-bottom: 20px;
}

.view-account-n-not{
	padding:50px;
}

.view-account-pop-n-not .h4{
  font-size: 16px;
  font-weight: 600;
  color: var(--black);
}
.view-account-pop-n-not span{
  font-size: 14px;
  font-weight: 400;
  color: var(--black);
  width: 70%;
  text-align: center;
}
.view-account-pop-n-list{
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
  overflow: hidden auto;
  height: 370px;
  padding-bottom: 20px;
}
.view-account-notification .view-account-pop-n-list{	
	overflow: unset;
	height: auto;
}

.view-account-n-list{
	display: flex;
	flex-direction: column;
	gap: var(--spacing-s);
	height: 400px;
}

.view-account-notification .view-account-n-list{
	display: flex;
	flex-direction: column;
	gap: var(--spacing-s);
	height: 100%;
}

.v-a-pop-n-l-date-group{
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xs);
}

.v-a-pop-n-l-date-group .tag{
  margin-bottom: -5px;
}
.a-content-to-header .view-account-pop-notification{
	width: 400px;
}
.pop-notification-view{
  padding: var(--spacing-2xs);
  border-radius: var(--radius-m);
  background: var(--bg);
  display: flex;
  gap: var(--spacing-xs);
  position: relative;
  overflow: hidden;
  transition: all 300ms ease;
}

.pop-notification-view.novelty:before {
    content: '';
    position: absolute;
    width: 15px;
    height: 100%;
    left: 0px;
    top: 0px;
    border-left: 2px solid #DC092E;
    border-radius: none;
	transition: all 300ms ease;
}
.view-account-pop-n-list::-webkit-scrollbar-thumb:vertical {height: 0px;background-color: #007aff;}
.view-account-pop-n-list::-webkit-scrollbar-thumb:horizontal {height: 0px;background-color: #007aff;}
.view-account-pop-n-list::-webkit-scrollbar {width: 0px; height: 0px;}

.view-account-notification .pop-notification-view{
  background: var(--bg-second);
}

.pop-n-v-icon{
  width: 32px;
  height: 32px;
  border-radius: none;
  /*background: #efefef;*/
}
.pop-n-v-text{
      padding-right: var(--spacing-l);
}
.pop-n-v-text-title{
  font-size: 14px;
  font-weight: 600;
  color: var(--black);
  padding-bottom: var(--spacing-3xs);
}

.pop-n-v-arrow{
    position: absolute;
    right: 10px;
}
.pop-n-v-arrow svg{
  stroke: var(--accent);
  transition: all 200ms ease;
}
.view-account-pop-menu{
  background: var(--bg);
  background: var(--bg);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
  padding: var(--spacing-m);
  border-radius: 0 var(--radius-l) var(--radius-l) 0;
}
.view-account-pop-menu{
  background: var(--bg);
  background: var(--bg);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
  padding: var(--spacing-m);
}

.reward-c{
        position: relative;
        border-radius: var(--radius-m);
        background-color: #F2F5FA;
        padding: 6px;
        overflow: hidden;
      }
.reward-c-d {
    position: relative;
    border: 1px dashed var(--accent);
    height: inherit;
    border-radius: var(--radius-m);
    padding: 19px 24px;
}

.reward-c::before, .reward-c::after {
    z-index: 1;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 38px;
    background-color: #F2F5FA;
    background-image: radial-gradient(circle at center, var(--bg) 13px, #ffffff00 4px);
    background-repeat: no-repeat;
    overflow: hidden;
}



.reward-c::before {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    left: -8px;
    background-position: -2px 0px;
}

.reward-c::after {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    right: -8px;
    background-position: 2px 0px;
}
      .border-reward-c-d-left{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        width: 26px;
        height: 40px;
        overflow: hidden;
        display: flex;
        justify-content: flex-start;
      }
      .border-reward-c-d-right{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        width: 26px;
        height: 40px;
        overflow: hidden;
        display: flex;
        justify-content: flex-start;
      }
      .border-reward-c-d-left::before,
      .border-reward-c-d-right::after {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 21px;
        height: 31px;
        background-color: #F2F5FA;
      }

      .border-reward-c-d-left::before {
        border-right: 1px dashed var(--accent);
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        overflow: hidden;
        left: 0px;
        background-position: -2px 0px;
        border-top: 1px dashed var(--accent);
        border-bottom: 1px dashed var(--accent);
      }

      .border-reward-c-d-right::after {
        border-left: 1px dashed var(--accent);
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
        overflow: hidden;
        right: 0px;
        background-position: 2px 0px;
        border-top: 1px dashed var(--accent);
        border-bottom: 1px dashed var(--accent);
      }

      .reward-c-d-t{
        font-size: 16px;
        font-weight: 600;
        color: var(--black);
        padding-bottom: var(--spacing-2xs);
      }
      .reward-c-d-i{
        padding-bottom:16px;
      }
      .reward-c-d-b{
        
      }


.hero-description-cardproduct {
	margin-bottom: var(--spacing-l);
}


.chooseCity-modal h2{
	padding:0;
	padding-bottom: var(--spacing-2xs);
}

.chooseCity-modal .search-form-header {
	padding: var(--spacing-xs) 0 var(--spacing-m) 0;
	display:flex;
	flex-direction: column;
    gap: var(--spacing-3xs);
	position: unset;
	width: 100%
}

.chooseCity-modal {
	padding: 0 var(--spacing-s);
}

.city-choose .custom-radio + label span {
	margin-right: 0;
}

.city-choose .custom-radio + label {
    gap: var(--spacing-2xs);
}

.chooseCity-modal .scroll-modal{
	padding: 0 var(--spacing-s) 0 0;
    min-height: 380px;
    max-height: 380px;
    height: calc(100vh - 20rem);
}



.chooseCity-modal .city-choose{
    display: flex;
    gap: var(--spacing-xs);
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
}

.chooseCity-modal .city-choose>* {
    flex: 0 0 calc(33.33% - 15px);
}

.not-search{
    grid-column: span 2;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: var(--black);
}


.cart-sticky-information-mobile{
  display:none;
}

.edit-to-list-cart{
  display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
}
.header-e-t-l-cart{
  display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-e-t-l-cart a{
	color: var(--black);
}
.products-e-t-l-cart{
  display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
}
.product-e-t-l-cart{
  display: flex;
    flex-direction: column;
    gap: var(--spacing-3xs);
}
.t-product-e-t-l-cart{
  font-size: 12px;
  font-weight: 400;
  color: var(--black);
}
.ps-product-e-t-l-cart{
  display: flex;
    align-items: center;
    justify-content: space-between;
  font-size: 12px;
  font-weight: 500;
  color: var(--grey);
}
.border-c{
  border-top: 1px solid var(--border);
  border-bottom: none;
  padding: var(--spacing-s) 0 0 0;
}

.preloader {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background: linear-gradient(-45deg, #fdfdfd, var(--bg-second) 25%);
    border-radius: 6px;
    animation: preloader 0.8s infinite alternate;
}
.preloader-flex{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
}

@keyframes preloader {
    0% {
        opacity: 1;
        background-position: 0% 50%;
    }
    100% {
        opacity: 0.7;
        background-position: 100% 50%;
    }
}

#mobile-menu-list .l-s-menu-content{
width: 100%;
}



.accordion-footer-link:after {
	display:none;
}


.filters-categories-catalog{
	display:none;
}

.catalog-lists{
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--spacing-m);
    padding-top: var(--spacing-m);
}

.catalog-lists .catalog-item{
	height: 254px;
	border: 1px solid var(--border);
	border-radius: 0;
	position: relative;
	transition: all 300ms ease; 
}
  
.catalog-item .catalog-flex-i{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	width: 400px;
	padding: var(--spacing-s);
}

.catalog-item .catalog-title {
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    color: var(--black);
    margin-bottom: var(--spacing-2xs);
    height: 45px;
}

.catalog-item .catalog-sub-list {
    display: flex;
    gap: var(--spacing-2xs);
    flex-direction: column;
    overflow: hidden;
    height: 118px;
}

.catalog-item .catalog-sub-list a{
	font-size: 14px;
	font-weight: 400;
	color: var(--black);
}
.catalog-item .catalog-sub-list a:hover{
	color: var(--grey);
}

.catalog-item .catalog-count{
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 20px;
	font-weight: 600;
	text-align:end;
	color: var(--grey);
}
.catalog-item .catalog-count span{
	display: block;
	font-size: 12px;
	font-weight: 500;
}
.catalog-item .catalog-image{
	position: absolute;
	bottom: 20px;
	right: 20px;
	user-select: none;
}

.review-card form{
	display: flex;
    width: 100%;
    flex-direction: column;
}

.address-modal form {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-s);
}

.photo-add-list{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-2xs);
}
.photo-a-view{
	position: relative;
	width: 95px;
    height: 95px;
    background-size: cover;
    background-repeat: no-repeat;
}
.photo-a-view span{
	position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
}
.photo-a-view img{
	width: 100px;
	border-radius: none;
}
.photo-add {
	cursor: copy;
    position: relative;
	padding: var(--spacing-xs);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-2xs);
    border: 1px dashed var(--accent);
    background: var(--bg-second);
    border-radius: none;
}
.draging {
  transform: scale(1.1);
}
.photo-add input[type="file"] {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
  top: 0;
  left: 0;
  cursor:pointer;
}
.full-stars {
	display: inline-flex;
}
.full-stars .rating-group {
    display: inline-flex;
}
.full-stars input {
    display:none;
}
.full-stars label {
    margin: 0;
    cursor: pointer;
	display: inline-flex;
}
.full-stars label svg {
    height: 20px;
    width: 20px;
    fill: var(--yellow);
    transition: fill 0.3s;
}
.full-stars input:checked ~ label svg {
    fill: var(--border);
}

.full-stars .rating-group:hover label svg {
   fill: var(--yellow);
}
.full-stars .rating-group input:hover ~ label svg {
    fill: var(--border);
}
.not-review{
	display: flex;
	flex-direction: column;
	gap: var(--spacing-2xs);
}
.not-review h4{
	font-size: 16px;
	font-weight: 600;
	color: var(--black);
}
.not-review p{
	font-size: 16px;
	font-weight: 400;
	color: var(--black);
}

.viewProduct-account, .back-account, .mobile-account{
	display:none;
	user-select: none;
}

.back-account {
	color:var(--black);
}

#error-not-found {
    padding-top: var(--spacing-2xl);
	display: flex;
    justify-content: center;
    flex-direction: column;
	align-items: center;
	gap:40px;
}
#error-not-found img{
	text-align: center;
	width: auto;
    max-width: 35%;
	user-select: none;
}
.flex-error{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-l);
}
.flex-error-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-s);
	text-align:center;
}
.flex-error-content h2{
   text-align: center;
}
.flex-error-content span{
	font-size: 16px;
	font-weight: 400;
	max-width: 414px;
	text-align: center;
}
.flex-error button{
    width: fit-content;
}

.description-element {
	display: flex;
    gap: var(--spacing-3xs);
}

.description-elememnts {
	display: flex;
    gap: var(--spacing-3xs);
	flex-direction: column;
}

.address-radio + label {
    display: flex;
	align-items: flex-start;
}
.address-account-detail {
	display: flex;
    gap: var(--spacing-2xs);
	flex-direction: column;
}

.address-account-details{
	display: flex;
    gap: var(--spacing-s);
	flex-direction: column;
}

.address-card-acc{
	padding-bottom: var(--spacing-s);
	border-bottom: 1px dashed  var(--border);
	display: flex;
    justify-content: space-between;
}


.edit-delete-links {
	display: flex;
    gap: var(--spacing-s);
}

.address-account-details button{
	width: fit-content;
	padding: var(--spacing-2xs) 30px;
}

.content-account button{
	width: fit-content;
	padding: var(--spacing-2xs) 30px;
}

.card-bonus {
	padding: var(--spacing-s) var(--spacing-m);
	background: var(--bg-second);
	display: flex;
	justify-content: space-between;
	align-items:center;
	border-radius: var(--radius-m);
	height: auto;
}

.num-bonus {
	display: flex;
	gap: var(--spacing-2xs);
	align-items: center;
}
.num-bonus h2{
	font-size: 18px;
}

.bonus-phone{
	display: flex;
	gap: var(--spacing-3xs);
	flex-direction: column;
}

.cards-bonus {
	display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-m);
	margin-bottom: var(--spacing-m);
}

.mobile-account-sale{
	padding: var(--spacing-2xs) var(--spacing-xs) var(--spacing-2xs) var(--spacing-xs);
	gap: var(--spacing-2xs);
	border-radius: var(--radius-m);
	background: var(--bg-second);
	display: flex;
	flex-direction: column;
	justify-content: center;

}
.mobile-account-sale-title{
	font-size: 12px;
	font-weight: 500;
	color: var(--grey);
}
.mobile-account-sale-progress{
	background-color: var(--border);
	height: 5px;
	position: relative;
	flex-direction: column;
	width: 100%;
	display: flex;
	border-radius: var(--radius-m);
}
.mobile-account-line-active{
	background-color: var(--accent);
	height: 5px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: var(--radius-m);
	width: 80%;
	max-width:100%;
}
.bonus-text-progress{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
	
.card-amount-purchase{
	align-items: flex-start;
	flex-direction: column;
	gap: var(--spacing-2xs);
}

.bonus-progress {
	display: flex;
	gap: var(--spacing-3xs);
	flex-direction: column;
	width: 100%;
}



.row-table{
	padding: var(--spacing-xs) 0;
    display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
	gap:5px;
}
.tables{
  border-radius: var(--radius-m);
    border: 1px solid var(--border);
    overflow: hidden;
}
.table-grey-name{
	background: var(--bg-second);
}

.table-blue-title{
	background: var(--black);
	color: var(--bg);
	font-size: 14px;
	font-weight: 600;
}

.table-history-bonus{
	display:grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.product-card-previw button{
	padding: var(--spacing-2xs) var(--spacing-3xs);
	    width: 100%;
}

.subscribe .btn-shadow{
	padding: var(--spacing-2xs) var(--spacing-s);
    height: 100%;
}

.dropdown-es{
	position: relative;
	display: block;
}

.dropdown-es > a {
  text-decoration: none; /* Убирает подчеркивание */
  transition: color 0.2s; /* Плавный переход цвета текста */
}

.dropdown-es > a .arrow1 {
  transition: transform 0.2s; /* Плавный переход поворота стрелки */
}

.dropdown-es:hover > a {
  color: var(--grey);/* Синий цвет текста при наведении */
}

.dropdown-es:hover > a .arrow1 {
  transform: rotate(180deg); /* Поворот стрелки вверх при наведении */
	stroke: var(--dark-blue);
}
.dropdown-es .dropdown-es-flex{
	display: flex;
    flex-direction: column;
}
.dropdown-es-content {
  position: absolute;
  background: var(--bg);
  box-shadow: 0 -2px 4px rgba(35, 31, 32, .05), 0 4px 8px rgba(35, 31, 32, .1);
  min-width: 160px;
  padding: 12px;
  z-index: 1;
  visibility: hidden;
  transition: all 0.2s;
  opacity: 0;
  width: max-content;
  top: 18px;
}

.dropdown-es:hover .dropdown-es-content {
  visibility: visible;
  opacity: 1;
  z-index: 3;
}

.dropdown-es a.dropdown-es-link{
	font-size: 14px;
	font-weight: 400;
	text-align: left;
	color: var(--black);
}

.dropdown-es a.dropdown-es-link:hover{
	color: var(--accent);
}

.dropdown-es a.dropdown-es-link-check{
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	color: var(--accent);
	white-space: nowrap;
	display: block;
}
.dropdown-es a.dropdown-es-link-check:after {
    content: '';
    margin-top: 2px;
    border-bottom: 1px dashed var(--accent);
    display: block;
}

.dropdown-es a.dropdown-es-link-check:hover{
	color: var(--dark-blue);
}
.dropdown-es a.dropdown-es-link-black{
	font-size: 14px;
	font-weight: 400;
	text-align: left;
	color: var(--black);
	white-space: nowrap;
	display: block;
	padding: 8px;
}
.dropdown-es a.dropdown-es-link-black:hover{
	color: var(--black);
    background: var(--grey-m);
}
.dropdown-es .title-grey{
	font-size: 14px;
	font-weight: 400;
	color: var(--grey);
}
.social-tabs{
    display: flex;
    gap: var(--spacing-xs);
}
.social-tabs .social-tab-link{
	background: var(--bg-3);
    border-radius: 50rem;
    padding: var(--spacing-2xs);
}
.border-grey{
	display: block;
	border-bottom: 1px solid var(--border);
}

.logged svg.arrow2 {
    /*stroke: var(--red);*/
}
.logged svg.mobile-icon {
    stroke: var(--grey);
}

.catalog-item .catalog-title  .h5{
    font-size: 20px;
    font-weight: 600;
    line-height: 24.38px;
    text-align: left;
	text-transform: uppercase;
	color: var(--black);
}

.mg-hero-block{
	display: flex;
	flex-direction: column;
	gap: var(--spacing-xs);
}
.mg-hero-block .mg-hero-title{
  padding: 0;
}
.mg-hero-block .mg-show-more{
  padding: 0;
}
.mg-categories-lists{
	display: flex;
	flex-direction: column;
	gap: var(--spacing-xs);
}
.mg-categories-lists .mg-hero-link {
	display: none;
	padding: 0;
	font-size: 14px;
	font-weight: 400;
	color: var(--grey);
}

.mg-categories-lists .mg-hero-link.show {
	display: inline;
}
.mg-categories-lists .mg-hero-link:nth-child(-n+7) {
	display: inline;
}
.mg-show-more {
    display: none;
}

.mg-categories-lists .mg-hero-link:nth-child(7) ~ .mg-show-more {
    display: flex;
    cursor: pointer;
    align-items: center;
}

.mg-show-more svg {
	stroke: var(--accent);
	margin-left: var(--spacing-3xs);
	transition: transform 0.3s ease;
}
.mg-show-more svg.rotate {
	transform: rotate(180deg);
}

.catalog-lists .catalog-item:hover{
	border: 1px solid var(--accent);
}

.btn-search svg{
	stroke: var(--black);
}

.btn-search svg:hover{
	stroke: var(--dark-blue);
}
.btn-x-search{
	font-size: 0px;
    border-radius: 0;
    padding: var(--spacing-2xs) 0px;
    background: none;
}
.btn-x-search svg{
	stroke: var(--grey);
}

.mobile-icon-view{
  display:none;
}

.developer-page{
	padding-top: 50px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.developer-page video{
	text-align: center;
    width: auto;
    max-width: 50%;
    user-select: none;
}


.developer-page h2{
	text-align: center;
}

.developer-page button{
	width: auto;
	margin-top: var(--spacing-s);
	margin-bottom: var(--spacing-l);
}

.variation-product-b{
	display: flex;
    flex-direction: column;
    gap: var(--spacing-2xs);
	align-items: center;
}
.variation-product-b img{
	border-radius: none;
    border: none;
	width: 60px;
    height: 60px;
	object-fit: cover;
	background-image: url('/uploads/p-200.png'); /* Путь к вашей заглушке */
	background-size: cover;
}

.variation-product-b img.loaded {
	background-image: none; /* Удалить фоновое изображение */
}

.variation-product-c{
	padding: var(--spacing-3xs);
	max-width: 74px !important;
    min-width: 74px !important;
	height:74px;
	border-radius: var(--radius-m);
    border: 1px solid var(--border);
}
.variation-product-c:hover{
	 border: 1px solid var(--accent);
}

.variation-product-c:hover a h3{
	color: var(--accent);
}
.variation-product-c.active{
	 border: 1px solid var(--accent);
	/*background: var(--bg-second);*/
}
.variation-product-c.active a h3{
	color: var(--accent);
}
.variations-products-b .slider-box{
	gap: var(--spacing-s);
}
.variation-product-b img:active {
   border-radius: none;
    border: none;
	width: 60px;
    height: 60px;
}
.preview-product{
    position: absolute;
	box-shadow: 0px 8px 40px 0px #00000026;
	padding: var(--spacing-s);
	gap: var(--spacing-2xs);
	border-radius: var(--radius-m);
	background: var(--bg);
	display: flex;
    gap: var(--spacing-s);
	max-width:505px;
	z-index:400;
}
.preview-product-img{
	border-radius: var(--radius-m);
	border: 1px solid var(--border);
	cursor:pointer;
}
.preview-product-img img{
	border-radius: var(--radius-m);
	width: 150px;
    height: 150px;
	border: none;
}
.preview-product-content{
	
}
.preview-product-content h3{
	padding-top: var(--spacing-3xs);
}
.preview-product-content .price-card{
	padding-top: var(--spacing-2xs);
}
.preview-product-content .button-card{
	padding-top: var(--spacing-s);
}

.menu-account-first{
	padding: var(--spacing-s);
    box-shadow: 0px 4px 40px 0px #00000014;
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    border-radius: var(--radius-m);
    flex-direction: row;
}

.avatar-account{
	flex: 1 0 auto;
}

.name-account-menu{
	display: flex;
    align-items: center;
    gap: var(--spacing-3xs);
    flex-direction: row;
}

.menu-account-first a{
	stroke: var(--grey);
	transition: all 200ms ease;
	font-size: 14px;
    font-weight: 500;
    color: var(--black);
	width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu-account-first a:hover{
	color: var(--grey);
	stroke: var(--grey);
}

.megamenu-link {
	gap: var(--spacing-2xs);
}


.common-maintenance{
    display: grid;
    grid-template-columns: 40% 60%;
	align-items: center;
	padding: var(--spacing-m) 0;
}

.common-maintenance img{
    width:100%;
	user-select: none;
}

.maintenance-bg {
	background-image: url(/uploads/maintan.svg);
	background-repeat: repeat-x;
    background-position: bottom;
	height: 100%;
}

.box-maintenance {
	display:flex;
	gap: var(--spacing-xs);
	flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.flex-maintenance {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    max-width: 1480px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 var(--spacing-s);
    height: 100vh;
    justify-content: center;
}

.delete-smth{
	stroke: var(--grey);
	display: flex;
    align-items: center;
    gap: var(--spacing-2xs);
	color: var(--grey);
}

.delete-smth:hover{
	stroke: var(--red);
	color: var(--red);
}

.edit-form {
	position:relative;
}

.edit-form input {
	background: var(--bg-second);
}

.edit-form-icon {
	position:absolute;
	right: 12px;
    bottom: 12px;
	transition: all 300ms ease;
	stroke: var(--grey);
}

.edit-form input[disabled] {
	border: 1px solid var(--border);
}

.edit-form-icon:hover {
	stroke: var(--accent);
}

.stages-progress{
	display:none;
}
.menu-type-order{
	display:none;
}
.finish-checkout{
	display:none;
}

.legal-type-form {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--spacing-s);
}

.form-grids {
	display: grid;
    grid-template-columns: 2fr 2fr;
}

.form-grid {
	    grid-column: span 1;
}

.form-grids .legal {
	    grid-column: span 2;
}

.legal-privacy-content {
	width: 100%;
}

.wishlist-description-empty {
	display:flex;
	gap: var(--spacing-3xs);
	align-items: center;
}

.empty-page-account{
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
	border-radius: var(--radius-m);
	border: 1px solid var(--border);
	gap: var(--spacing-2xs);
	padding: var(--spacing-l);
}

.address-empty-account{
	gap: var(--spacing-s);
}

.more-attr{
	display:none;
}

.filter-name-manufacturer {
	display: flex;
    align-items: center;
    justify-content: space-between;
	border-bottom: 1px solid var(--border);
	padding-bottom: var(--spacing-s);
	margin-bottom: var(--spacing-s);
	
}

.filter-checkboxes-brands {
	display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
    align-items: flex-start;
}


.filter-checkboxes-brands .custom-checkbox + label {
	align-items: flex-start;
}

.brand-grid-two{
	padding-top: var(--spacing-m);
    display: grid;
    grid-template-columns: 1fr 4fr;
    grid-column-gap: var(--spacing-m);
}

.flex-manufacturer {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    gap: var(--spacing-2xs);
    user-select: none;
    flex-wrap: wrap;
}

.flex-manufacturer a{
	padding: var(--spacing-3xs) var(--spacing-2xs);
	background: var(--bg-second);
	border-radius:2px;
}

.flex-manufacturer a:hover{
	color: var(--accent);
}

.letters-en-ru-brands{
	display:flex;
	align-items: baseline;
    justify-content: space-between;
	gap: var(--spacing-m);
	margin: var(--spacing-s) 0 0 0;
}

.letters-en-ru-brands .switcher-point {
	flex: 1 0 auto;
}

.manufacturer-brand-letter {
	color: var(--accent);
	padding-bottom: var(--spacing-xs);
}

.flex-manufacturer-content {
	display:flex;
	flex-direction: column;
    gap: var(--spacing-l);
	margin-top: var(--spacing-s);
}

.manufacturer-lists a{
	color: var(--black);
}

.manufacturer-lists a:hover {
	color: var(--accent);
}

.absence-letter {
	color: var(--grey);
}


.flex-manufacturer a.absence-letter:hover{
	color: var(--grey);
	cursor: auto;
	user-select: none;
}

.map-brands-countries {
	width: 100%;
    height: 500px;
	overflow: hidden;
	border-radius: var(--radius-m);
	border: 1px solid var(--border);
	position:relative;
	margin-top: var(--spacing-2xl);
	margin-bottom: var(--spacing-l);
}

.map-brands-countries svg{
	position:absolute;
	right:50px;
}

.flex-manufacturer-content .paginations{
	display: flex;
    align-items: center;
    gap: var(--spacing-2xs);
}

.flex-manufacturer-content .page-number {
	border: 1px solid var(--border);
}


.flex-manufacturer-content .paginations a{
	font-size: 14px;
    font-weight: 500;
    text-align: center;
    width: 30px;
    height: 30px;
    color: var(--black);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: none;
    transition: all 200ms ease;
    stroke: var(--accent);
}


.brand-search {
	background: var(--bg-second);
	width: auto;
}

.brand-search svg{
	stroke: var(--grey);
}


.brand-search:hover {
	background: var(--bg-second);
	stroke: var(--accent);
}

.brand-search svg:hover{
		stroke: var(--accent);
}


.filters-brands {
	display: none;
}

.search-brand-form {
    border: 1px solid var(--border);
	border-radius: none;
	display: flex;
    width: 100%;
}

.search-brand-form input{
	border: none;
}

.manufacturer-lists {
	    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: var(--spacing-m);
}

.brand-description-herosection {
    display: grid;
    align-items: flex-start;
    grid-template-columns: 3fr 1fr;
    grid-column-gap: var(--spacing-m);
    justify-content: end;
    justify-items: stretch;
}

.brand-description {
	display: flex;
    gap: var(--spacing-xs);
    flex-direction: column;
}

.flag-brand {
	display: flex;
    gap: var(--spacing-2xs);
	align-items: center;
}

.flag-brand .h3{
    color: var(--grey);
}

.flag-brand svg{
	border-radius: var(--radius-2xl);
	border: 1px solid var(--border);
}

.brand-description-text {
	display: flex;
    gap: var(--spacing-m);
    flex-direction: column;
	align-items: flex-start;
}

.brand-description-text button{
	width:auto;
}

.tabs-brand{
	border-bottom: 1px solid var(--border);
    margin: var(--spacing-m) 0 var(--spacing-l) 0;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    height: max-content;
    width: 100%;
    scrollbar-width: none;
}

.tab-brands-more {
	display:flex;
	gap: var(--spacing-m);
	flex-direction: column;
}

.catalog-content .h4 {
    padding-bottom: var(--spacing-2xs);
}

.tab-brands-flex {
	display:flex;
	gap: var(--spacing-xl);
	flex-direction: column;
}


.logo-brand-mobile {
	display:none;
}

.container-Logo-brand {
    display: inline-block;
}

.logo-brand {
    border-radius: none;
    border: 1px solid var(--border);
    transition: all 400ms ease;
    float: right;
	width: 200px;
    height: 100px;
    display: flex;
    align-items: center;
	justify-content: center;
}
.logo-brand-n{
	display: flex;
	position: relative;
	width: 180px;
	height: 162px;
	min-width: 180px;
	width: 100%;
	max-width: 180px;
	border-radius: none;
	padding: 16px;
	background: #FFFFFF;
	border: 1px solid #E1E4E8;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}
.logo-brand-n:hover{
	border: 1px solid var(--accent);
}
.logo-brand-n-title{
	position: absolute;
	font-weight: 500;
	font-size: 12px;
	line-height: 100%;
	color: #808080;
	top: 16px;
	left: 16px;
}
.logo-brand-n-img svg{
	transition: all 400ms ease;
}
.logo-brand-n:hover svg{
	transform: scale(1.1);
}
.logo-brand-n-count{
	position: absolute;
	font-weight: 500;
	font-size: 12px;
	line-height: 100%;
	color: #808080;
	bottom: 16px;
	right: 16px;
}
.order-status-content {
    display: grid;
    grid-template-columns: 2fr 3fr;
    gap: var(--spacing-m);
}

.form-order-status {
	display: flex;
    gap: var(--spacing-m);
	flex-direction: column;
}

.form-order-status button{
	width:fit-content;
	padding: var(--spacing-2xs) 30px;
}

.inputs-order-status {
	display: flex;
    gap: var(--spacing-s);
	flex-direction: column;
}

.img-statusOrder {
	display:flex;
	justify-content: center;
}

.img-statusOrder svg{
	width:100%;
}

.back-statusOrder{
		display: flex;
        align-items: center;
        gap: var(--spacing-3xs);
        padding-bottom: 20px;
		color: var(--black);
		width: fit-content;
}

.orderSt-info-content {
	display: grid;
    grid-template-columns: 3fr 7fr;
    gap: var(--spacing-m);
	margin-top: var(--spacing-m);
}
   

.inform-order-detail {
	display: flex;
    align-items: flex-start;
	justify-content: space-between;
}

.inform-order-details {
	display: flex;
    gap: var(--spacing-xs);
	flex-direction: column;
}


.inform-statusOrder {
	border-radius: var(--radius-m);
	padding: var(--spacing-s);
	background: var(--bg-second);
	display: flex;
    gap: var(--spacing-s);
	flex-direction: column;
}

.inform-order-detail .grey {
	width:50%;
}

.item-order-Status {
	text-align: right;
	width:50%;
}

.orderSt-info-content1 {
	display:flex;
	gap: var(--spacing-xs);
	flex-direction: column;
	
}

.product-ordderSt {
	display: flex;
    gap: var(--spacing-s);
	padding-bottom: var(--spacing-xs);
	border-bottom: 1px dashed var(--border);
}

.name-amount-HistOrd {
	display: grid;
    grid-template-columns: 4fr 2fr;
	gap: var(--spacing-s);
	width:100%
}

.price-amount-orderSt {
	display:flex;
	gap: var(--spacing-s);
	align-items: center;
	justify-content: space-between;
}

.pic-name-orderSt img {
	width:80px;
	border-radius: none;
	border: 1px solid var(--border);
}

.products-ordderSt {
	display:flex;
	gap: var(--spacing-xs);
	flex-direction: column;
}

.productInform-orderSt {
	padding: var(--spacing-xs) 0;
	display:flex;
	gap: var(--spacing-xs);
	flex-direction: column;
	border-bottom: 1px dashed var(--border);
}


.green-text {
	color: var(--green);
}

.total-order-detail {
	display: flex;
    align-items: flex-start;
    justify-content: space-between;
	padding-top: var(--spacing-xs);
}

.search-header-mobile .btn-x-search{
	padding-right: 10px;
}

.name-filter {
	display: flex;
    justify-content: space-between;
    align-items: center;
	padding-bottom: var(--spacing-s);
}

.name-filter:active svg.arrow1 {
        transform: rotate(180deg);
}


.catalog-filter {
	padding-bottom:var(--spacing-s);
	border-bottom: 1px dashed var(--border);
}

.catalog-filters {
	display: flex;
	flex-direction: column;
	gap:var(--spacing-s);
}
.catalog-filters.l-s-menu-open{
	background: #fff!important;
	animation: none !important;
}
.catalog-filter-vh{
	display: flex;
	flex-direction: column;
	gap:var(--spacing-s);
	overflow: auto;
    height: 70vh;
}
.actionCards-products {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-m);
}

.img-action {
	max-width: 100%;
    max-height: 100%;
	object-fit: cover;
	border-radius:10px 0 0;
}

.card-action {
	border:1px solid var(--border);
	border-radius:10px;
	overflow: hidden;
	height: auto;
	display:flex;
	flex-direction: column;
	transition: all 300ms ease;
}

.actionCards-products a:hover{
	border:1px solid var(--accent);
}

.tag-action {
	width: fit-content;
	border-radius:3px;
	padding: 2px 5px;
	font-size: 10px;
	text-transform: uppercase;
}

.cheaper-tag {
	color: var(--bg);
	background:#DC6209;
}

.action-content-card {
	padding: 10px 15px 20px 15px;
	display:flex;
	flex-direction: column;
	gap:var(--spacing-2xs);
	height: 100%;
}

.data-holiday {
	display:flex;
	justify-content: space-between;
	padding: var(--spacing-xs);
	background: var(--bg-second);
}

.black-date {
	color: var(--black);
}

.data-holiday{
	font-weight: 400;
}

.shop-action {
	color: var(--bg);
	background:#0C6304;
}

.red-date {
	color:var(--red);
}

.one-and-one {
	color: var(--black);
	background:var(--yellow);
}

.installment-tag {
	color: var(--bg);
	background:var(--black);
}

.present-tag {
	color: var(--bg);
	background: #BE09DC;
}

.for-us-tag {
	color: var(--bg);
	background: #1055D7;
}

.action-tag {
	color: var(--bg);
	background: var(--red);
}


.brand-content div {
    line-height: 140%;
    color: var(--grey);
	font-weight: 400;
}

.action-carousel {
	margin-top: 80px;
}

.brand-content .h4 {
	padding-bottom: var(--spacing-2xs);
}

.action-btn-filter {
	display:none;
	justify-content: center;
	margin-bottom: var(--spacing-s);
	margin-top: var(--spacing-2xs);
}

.jqvmap-pin {
pointer-events: auto!important;
cursor:pointer;
}

.modalBrands{
	width: 100%;
	position: absolute;
	height: 100%;
	background: #00000061;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}
.modal-dataBrands{
	width: 450px;
	height: 312px;
	padding: 40px;
	gap: 20px;
	border-radius: none;
	background: #FFFFFF;
	position: relative;
	display: flex;
	flex-direction: column;
}
.modal-headerBrands{
	display: flex;
	border-bottom: 1px solid #DADCDE;
	padding: 0px 0px 15px 0px;
	gap: 20px;
}

.modal-headerBrands .h6{
	display: flex;
	align-items: center;
	gap: 15px;
}

.modal-headerBrands .h6 svg{
	border-radius: 50rem;
	border: 1px solid var(--border);
}


.modal-contentBrands{
	display: flex;
	gap: var(--spacing-xs);
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
}

.modal-contentBrands a{
	flex: 0 0 calc(33.33% - 10px);
	color: #212121;
}

.map-brands-countries svg {
	position: unset;
	right: 0px;
}
#vmap {
	width: 100%;
	height: 500px; /* Высоту можно установить по вашему желанию */
	overflow: auto; /* Включаем прокрутку, если карта выходит за пределы контейнера */
	position: relative; /* Необходимо для позиционирования абсолютного элемента */
}
      
.map-pin {
	position: relative;
	width: 35px;
	height: 35px;
	background-color: white;
	border-radius: none;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #FFFFFF;
	box-shadow: 0px 4px 10px 0px #00000026;
}
.map-pin span{
	display: inline-flex;
	border: 1px solid var(--border);
	border-radius: 100px;
}
.map-pin span svg{
	border-radius: 50rem;
	overflow: hidden;
}
.map-pin::after {
	content: "";
	position: absolute;
	bottom: -8px;
	border-width: 6px 3px 0;
	border-style: solid;
	border-color: white transparent transparent;
	left: 50%;
	transform: translateX(-50%);
}

.title-action-page {
	display:flex;
	flex-direction: column;
    gap: var(--spacing-2xs);
}

.img-actionIndivid {
	width:100%;
	border-radius: var(--radius-m);
}

.grid-6column {
	display:grid;
	grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-m);
	margin-top: var(--spacing-m);
}

.action-full-description {
	display:flex;
	flex-direction: column;
    gap: var(--spacing-2xs);
}

.timeFinish {
	display:flex;
	flex-direction: row;
	gap: var(--spacing-2xs);
}


.timeFinish div {
	align-content: center;
}

.numTimer {
	font-size: 32px;
	font-weight: 500;
}

.timerAction-view {
	display:flex;
	flex-direction: row;
	gap: var(--spacing-2xs);
	justify-content: center;
}

.numTimer-textTimer {
	display:flex;
	flex-direction: column;
	gap: var(--spacing-3xs);
	justify-content: center;
	align-items: center;
}


.timer-Individinform {
	display:flex;
	flex-direction: column;
	gap: var(--spacing-2xs);
	align-items: center;
	background: var(--bg-second);
	border-radius: var(--radius-m);
	padding: var(--spacing-s);
	justify-content: center;
}

.timer-promocode-information {
	display:grid;
	grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-m);
}

.promocode-card {
	display:flex;
	flex-direction: column;
	gap: var(--spacing-xs);
}

.copy-form-icon {
	position:absolute;
	right: 12px;
    bottom: 12px;
	transition: all 300ms ease;
}


.promocode-form-copy {
	position:relative;

}

.descriptionIndivid-action{
	display: flex;
    flex-direction: column;
    gap: var(--spacing-m);
}

.action-products-individ {
	margin-top: var(--spacing-2xl);
}

.copy-descript {
	    text-align: center;
}

.action-full-description-mobi {
	display:none;
}

.adderess_del_size{
width: 600px;
}

.textForEmpty {
	text-align: center;
}

.modal600 {
width:600px;
}

.edit_contact_account .h6{
    text-align: center;
}
.edit_contact_account p{
    text-align: center;
}

.header-editUp{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding-bottom: var(--spacing-2xs);
}
#data-code{
	text-align:center;
}
.login-modal #data-code .form-group-input{
	padding: var(--spacing-s) 0 var(--spacing-3xs) 0;
}
.edit_contact_account #data-code{
display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
}
.edit_contact_account #data-code .form-group-input{
    width: 100%;
}

.bonus-condition {
	display: flex;
    align-items: center;
	gap: var(--spacing-2xs); 
}

.title-bonus-conditions h2 {
	padding-bottom: var(--spacing-s);
	margin-top: var(--spacing-m);
}

.bonus-conditions{
	display: flex;
	gap: var(--spacing-2xs); 
	flex-direction: column;
}

.address-allDel {
	justify-content: flex-end;
}

.address-card-acc:last-of-type {
   border-bottom: 0px solid var(--border);
}

.address-empty-account button{
	    width: auto;
}

.name-amount-HistOrd a{
color: var(--black);

}
.pic-name-orderSt{
	display: flex;
    gap: 15px;
	align-items: center;
}
.pic-name-orderSt a:hover {
    color: var(--grey);
}

.status-order .tag-action {
	font-size: 12px;
}



.historyOrder-review {
	display: flex;
    flex-direction: column;
	justify-content: space-between;
	height: 100%;
	align-items: flex-start;
}

.price-amount-orderSt .h4{
	font-weight: 500;
}



.price-amount-historyOrder {
	align-items: flex-start;
}

.hist-content {
	display: flex;
    flex-direction: column;
	gap:var(--spacing-3xs);
}

.img-historyOrd img {
	width:50px;
	height:50px;
	border-radius:var(--radius-s);
	background: var(--bg);
	border: 1px solid var(--bg-second);
}

.img-historyOrd {
	display: flex;
    flex-direction: row;
	gap: var(--spacing-2xs);
	justify-content: flex-end;
	user-select: none;
}

.img-historyOrd-arrow {
	display: flex;
    flex-direction: row;
	gap: var(--spacing-s);
	justify-content: flex-end;
	align-items: center;
	cursor: pointer;
}
 
.showMore-pics {
	width:50px;
	height:50px;
	background: var(--bg); 
	color:var(--accent);
	border-radius:var(--radius-s);
	display: flex;
	justify-content: center;
    align-items: center;
	border: 1px solid var(--bg-second);
}

.inform-historyOrder {
    display: flex;
    gap: var(--spacing-s);
    flex-direction: column;
	margin-top: var(--spacing-s);
}

.inform-history-details {
	display:grid;
	grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-m);
}

.historyOrder-review .grey {
	color: var(--grey);
}


.historyOrder-review .dotted-link:after {
	border-bottom: 1px dashed var(--grey);
}

.n-dotted-link:after {
	border-bottom: 1px dashed var(--grey);
}


.historyOrder-review a.grey:hover .dotted-link:after
{
	border-bottom: 1px dashed var(--grey);
}



.historyOrder-review .grey:hover {
	color: var(--grey);
}

.preview-product {
	opacity: 0;
	transform: scale(0);
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.preview-product.hide {
	opacity: 0;
	transform: scale(0);
}
.preview-product.show {
	opacity: 1;
	transform: scale(1);
}


.item-order-Status-total {
	    font-weight: 600;
		color:var(--black);
}

.amount-product-OrderHist {
	display: flex;
    width: 30%;
    justify-content: flex-end;
}

.price-product-OrderHist {
	display: flex;
    width: 70%;
    justify-content: flex-end;
}


.mobile-notification {
	display:none;
}

.usefull-information {
	display:flex;
	flex-direction: column;
	gap: var(--spacing-s);
}

.usefull-information-text {
	display:flex;
	flex-direction: column;
	gap: var(--spacing-m);
}

.usefull-inform-point {
	display:flex;
	flex-direction: column;
	gap: var(--spacing-s);
}

.usefull-inform-points {
	display:flex;
	flex-direction: column;
	gap: var(--spacing-m);
}

.usefull-checkpoint-inform {
	display:flex;
	flex-direction: row;
	gap: var(--spacing-2xs);
	align-items: center;
}


.usefull-checkpoints-inform {
	display:flex;
	flex-direction: column;
	gap: var(--spacing-2xs);
}

.advantagesProduct {
	    display: flex;
    flex: none;
}

.flex-price-dis{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: column;
}
.green-tag{
	color: #06C92E;
	background: #E7FAEB;
}

.pick-up-information-type.phone {
	stroke: var(--grey);
	color: var(--black);
    font-weight: 400;
}

.information-shop-address {
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-2xs);
}

.information-address-main {
	display: flex;
    flex-direction: column;
    gap: 8px;
	cursor:pointer;
}


.information-address-point {
	display: flex;
    flex-direction: column;
    gap: var(--spacing-s);
}

.grid-2-4column {
	display: grid;
    gap: var(--spacing-m);
    grid-template-columns: 2fr 4fr;
	margin-top: var(--spacing-m);
}

.address-point {
	display: flex;
    flex-direction: row;
	border-bottom: 1px dashed var(--border);
	padding-bottom: var(--spacing-s);
	padding-top: var(--spacing-s);
	gap: var(--spacing-2xs);
	transition: all 300ms ease; 
}

.address-point:hover {
	background: var(--bg-second);
}

.address-points {
	display: flex;
    flex-direction: column;
	overflow-y: auto;
    height: 509px;
	padding-right: var(--spacing-3xs);
}

.pick-up-information-type.phone:hover {
    color: var(--grey);
	stroke: var(--grey);
}


.map-yandex {
	height : 600px;
	border-radius: none;
}


.content-tabs {
	margin-top: var(--spacing-m);
}

.form-nearMe {
	display: flex;
    flex-direction: column;
	gap: var(--spacing-xs);
	margin-bottom: var(--spacing-s);
}

.circle-address {
	display: flex;
    flex: none;
}

.finish-c-c-comment {
        padding: 10px;
        border-radius: none;
        background: #FABC2233;
        font-size: 12px;
        font-style: italic;
        font-weight: 400;
        color: var(--black);
}
.content-map{
	-webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInSlider;
    animation-name: fadeInSlider;
}

.title-banner {
	display:grid;
	gap: var(--spacing-m);
    grid-template-columns: 1fr 1fr;
	padding: 50px;
	background: var(--bg-second);
	border-radius: var(--radius-m);
	user-select: none;
	margin-bottom: var(--spacing-3xs);
}


.title-banner-content {
	display: flex;
    flex-direction: column;
	gap: var(--spacing-s);
	justify-content: center;
}

.title-banner-img {
	display: flex;
    align-items: center;
	    user-select: none;
}

.title-banner-img img{
	max-width: 100%;
    height: auto;
	    user-select: none;
}

.tabs-information {
	justify-content: center;
	margin: var(--spacing-m) 0;
}

.grid-information {
	display:grid;
	gap: var(--spacing-m);
    grid-template-columns: 1fr 1fr;
}


.pickup-information-content {
	display: flex;
    flex-direction: column;
	gap: var(--spacing-m);
	align-items: flex-start;
}

.title40px {
	font-size: 40px;
}

.conditions-inform-list a{
	font-weight: 400;
}

.checkpoints-inform-list a{
	color: var(--black);
	font-weight: 400;
}

.checkpoints-inform-list a:hover{
	color: var(--accent);
}

.conditions-inform-list a:hover{
	color: var(--accent);
}

.checkpoints-inform-list {
	display: flex;
    flex-direction: column;
    gap: var(--spacing-s);
	align-items: flex-start;
}

.number-checkpoint-inform {
	width: 24px;
    height: 24px;
    background: var(--accent);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 1000px;
    color: var(--black);
	font-weight: 500;
	flex: none;
}

.attention-information {
	display: flex;
    flex-direction: row;
    gap: var(--spacing-xs);
	padding:var(--spacing-s) var(--spacing-m) var(--spacing-s) var(--spacing-xs);
	background: var(--light-red);
	border-left: 3px solid var(--red);
}

.attention-information svg{
	stroke: var(--red);
}

.attention-inform-list {
	display: flex;
    flex-direction: column;
    gap: var(--spacing-2xs);
}

.conditions-inform-content {
	border:1px solid var(--border);
	border-radius: var(--radius-m);
	padding:var(--spacing-l);
	display:flex;
	gap: var(--spacing-s);
	flex-direction: column;
	height: fit-content;
}

.conditions-inform-list {
	display: flex;
    flex-direction: column;
    gap: var(--spacing-m);
}

.conditions-inform-list .usefull-checkpoint-inform {
	align-items: center;
}

.green-text-medium{
	color: var(--green);
	font-weight: 500;
}

.one-attention-information{
	align-items: center;
}

.pickup-city{
	display: inline-flex;
    align-items: center;
    gap: var(--spacing-3xs);
    color: var(--accent);
}

.pickup-city-title {
	display: block;
}


.icon-flex {
	    height: 24px;
}

.grid-payment-inform {
	display:grid;
	gap: var(--spacing-m);
    grid-template-columns: 2fr 4fr;
	margin-top: var(--spacing-m);
	margin-bottom: var(--spacing-2xl);
}

.btn-grey-stroke {
	border-radius: var(--radius-m);
	border: 1px solid var(--border);
	padding: 15px 20px 15px 30px;
	font-weight:500;
	display: flex;
    align-items: center;
    justify-content: space-between;
	transition: all 300ms ease;
	cursor: pointer;
}

.btn-grey-stroke svg{
	stroke: var(--grey);
}

.btn-grey-stroke.active {
	border: 1px solid var(--accent);
	background: var(--bg-second);
}

.paymentMethod-btns {
	display:flex;
	gap: var(--spacing-xs);
	flex-direction: column;
}

.btn-grey-stroke:hover {
	border: 1px solid var(--accent);
}

.btn-grey-stroke:active {
	border: 1px solid var(--accent);
	background: var(--bg-second);
}

.methodPay-inform-list {
	display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
}
.methodPay-inform-list h1{
	text-transform: uppercase;
}
.methodPay-inform-list-t {
	display: flex;
    flex-direction: column;
    gap: 8px;
}

.conditions-inform-content.methodPay {
	    gap: var(--spacing-m);
		border: none;
		padding:0;
		padding-left: var(--spacing-m);
}

.tabs-uni {
  border-bottom: 1px solid var(--border);
  margin: 0 0 var(--spacing-l) 0;
  display:flex;
    background: var(--bg);
  overflow-x: auto;
    overflow-y: hidden;
    height: max-content;
    width: 100%;
    scrollbar-width: none;
  box-shadow: 26px -2px 10px 0px var(--bg);
}

.warranty-condition {
	display: flex;
    align-items: center;
	gap: var(--spacing-2xs);
	font-weight: 400;
	color: var(--black);
}

.warranty-conditions a:hover {
	color: var(--accent);
}

.warranty-conditions {
	display: grid;
    grid-template-columns: 1fr 1fr;
	gap: var(--spacing-s);
}


.cheque-photo-img img{
	max-width: 50%;
    height: auto;
}

.banner-credit {
	border-radius: var(--radius-m);
	background: linear-gradient(180deg, var(--accent) 0%, #0f5083 100%);
	padding: 50px;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
	gap: var(--spacing-m);
	position:relative;
	overflow: hidden;
	    cursor: pointer;
}

.banner-credit-text, .banner-credit-text .h6 {
	color: var(--bg);
}

.white-btn {
	background: var(--bg);
	color: var(--black);
	width: fit-content;
	padding: 15px 40px;
	font-weight: 600;
	font-size: 18px;
	z-index:10;
}

.banner-credit-text {
	color: var(--bg);
	display: flex;
    flex-direction: column;
	gap: var(--spacing-2xs);
	width: 655px;
}

.bg-logo-two {
	position:absolute;
}

.big-logo-banner {
	top: -10%;
    right: 10%;
}

.small-logo-banner {
    top: -40px;
    left: 30px;
}

.white-btn:hover {
    background: var(--light-blue);
    color: var(--accent);
}

.overlay-mode {
	mix-blend-mode: darken;
}

.credit-inform-list {
	display: flex;
    gap: var(--spacing-2xs);
    flex-direction: column;
}

.credit-inform-content {
	display: flex;
    gap: var(--spacing-m);
    flex-direction: column;
}

.credit-information-section{
	display: flex;
    gap: var(--spacing-m);
    flex-direction: column;
	align-items: center;
}

.grid-installment-inform {
	display: grid;
    grid-template-columns: 1fr 3fr;
	gap: var(--spacing-m);
}

.installment-card {
	border-radius: var(--radius-m);
	border: 1px solid var(--border);
	padding: 10px 40px 10px 30px;
	display:flex;
	flex-direction: row;
	align-items: center;
	gap: var(--spacing-m);
	user-select: none;
}



.creditCard-inform-list {
    width: 100%;
}

.installments-cards-section {
	display:flex;
	gap: var(--spacing-m);
	flex-direction: column;
    align-items: center;
	padding-top: var(--spacing-3xs);
}

.bank-information-section {
	display: grid;
    grid-template-columns: 3fr 1fr;
	gap: var(--spacing-m);
}

.bank-inform-content {
    display: flex;
    gap: var(--spacing-s);
    flex-direction: column; 
}

.bank-brand {
	    width: 100%;
    height: 150px;
}

.bank-inform-contents {
	display:flex;
	gap: var(--spacing-xl);
	flex-direction: column;
}

.bank-inform-content .usefull-checkpoint-inform {
	align-items: center;
}

.bank-inform-content .credit-inform-content {
    gap: var(--spacing-s);
}


.image-creditCards {
	display: flex;
    align-items: center;
    user-select: none;
}

.image-creditCards img{
	max-width: 100%;
    height: auto;
    user-select: none;
}


.garant-condition-text {
	display: flex;
	gap: var(--spacing-s); 
	flex-direction: column;
}

.up-checkpoint {
	align-items: flex-start !important;
}

.list-dots-inform {
	display: flex;
    flex-direction: column;
    gap: 10px;
	margin-left:30px;
}

.number-checkpoint-content {
    display: flex;
    align-items: center;
    gap: var(--spacing-2xs);
}

.usefull-points {
	display: flex;
    flex-direction: column;
	align-items: flex-start;
}

.vozvrat-contentText{
	display: flex;
    flex-direction: column;
	gap: var(--spacing-m);
	align-items: center;
}

.grey-section {
	padding: 50px;
	border-radius: var(--radius-m);
	background: var(--bg-second);
	margin: var(--spacing-2xl) 0;
}

.grid-vozvrat {
	display: grid;
    grid-template-columns: 1fr 1fr;
	gap: var(--spacing-m);
    align-items: start;	
}

.gap40px {
	gap: var(--spacing-l);
}

.vozvrat-form {
	display: flex;
    flex-direction: column;
    gap: var(--spacing-m);
    align-items: flex-start;
}

.vozvrat-btns {
	display: flex;
    flex-direction: row;
    gap: var(--spacing-s);
}

.vozvrat-btns .btn-grey-stroke{
	padding: var(--spacing-2xs) var(--spacing-s) var(--spacing-2xs) var(--spacing-s);
    border-radius: none;
}

.vozvrat-form-input {
	
}

.custum-file-upload {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-3xs);
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border: 1px dashed var(--border);
  padding: var(--spacing-s);
  border-radius: 5px;
}

.custum-file-upload .icon {
  display: flex;
  align-items: center;
  justify-content: center;
}


.custum-file-upload .text {
  display: flex;
  align-items: center;
  justify-content: center;
}

.custum-file-upload .text span {
  color: var(--grey);
}

.custum-file-upload input {
  display: none;
}


.vozvrat-form-input {
	display: flex;
    flex-direction: column;
    gap: var(--spacing-s);
}

.vozvrat-form-input button{
	    width: fit-content;
}

.vozvrat-form-tabs {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
}

.name-doc {
	font-weight:600;
}


.ready-file-img {
	display: flex;
    align-items: center;
    user-select: none;
}

.ready-file-img img{
	max-width: 30px;
    height: auto;
    user-select: none;
}

.ready-file-img-name {
	display: flex;
    align-items: center;
	flex-direction: row;
	gap: var(--spacing-2xs);
}


.radiobtn-vozvrat {
	display: flex;
    align-items: center;
	flex-direction: row;
	gap: var(--spacing-l);
}

.readyFile-del{
	display: flex;
    align-items: center;
	flex-direction: row;
	gap: var(--spacing-3xs);
	padding: 5px 0;
	width: 50%;
}

.del-FileIcon {
	display: flex;
    align-items: center;
    justify-content: center;
}

.readyFiles-del {
	display: flex;
    align-items: center;
    gap: var(--spacing-2xs);
}

.sticky-img {
	height: max-content;
    position: sticky;
    top: 65px;
}

.img-responsive {
	height: 40px;
    margin: 4px 0;
}

.line-height150 {
	line-height:150%
}

.price-product-comment { 
    padding: 10px;
    border-radius: none;
    background: #FABC2233;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    color: var(--black);
    margin-top: -5px;
	cursor:pointer;
}

.pointer{
	cursor:pointer;
}
.tooltip{
	cursor:pointer;	
}

.css-login-modal h6{
	text-align: center;	
}
.css-login-modal .desc-r{
	text-align: center;	
	font-size: 14px;
	font-weight: 400;
	color: #212121;
	padding: var(--spacing-2xs) 0 var(--spacing-3xs) 0;
}

.mg-categories-lists .mg-hero-link:hover, .mg-hero-block .mg-hero-title:hover h3 {
	color: var(--accent);
}
.catalog-filters .f-footer, .catalog-filters .f-header{
	display:none;
}

.compare__group-attributes:first-child {
    margin-top: 20px;
}
.compare__group-attributes[data-index]:hover{
	background: #F3F3F7;
}
.compare__groups-lists .compare__group-attributes[data-index]:first-child:not(.hero-c-a) {
    border-top: 1px solid #eee;
}
.compare__attributes {
    height: auto;
}
.compare__row_attribute {
    border-radius: 8px;
}
.compare__row {
    display: grid;
    grid-template-columns: [sidebar] 300px [content] calc(100% - 300px);
    width: 100%; 
}
.compare__sidebar {
    grid-column: sidebar;
}
.compare__title-attribute {
    padding: 15px 0;
    position: relative;
}
.compare__select-checkbox {
    display: none;
    left: 16px;
    position: absolute;
    top: 26px;
}

.checkbox-field {
    position: relative;
}
.compare__content {
    display: flex;
    grid-column: content;
    height: 100%;
    overflow: hidden;
    width: 100%;
	gap: 30px; 
	position:relative;
}
.compare__content-item:not(.tns-item) {
   /* width: calc(25% - 25px);*/
   width: 254px;
}

.compare__content-item_attribute, .compare__content-item_attribute-none {
    padding: 15px 0;
}
.compare__content-item {
    flex-shrink: 0;
    float: left;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
}
.compare-checkbox {
	display: flex;
   /* align-items: center;*/
    gap: 10px;
	padding: 0 5px;
}
.compare-titleBigo{
	font-size: 20px;
	font-weight: 600;
	line-height: 24.38px;
	white-space: nowrap;
	padding-top: 20px;
}
.compare-titleBigo span{
	margin-top:10px;
	font-size: 14px;
	font-weight: 400;
	line-height: 19.6px;
} 

.border-bottom-padding-40{
	border-bottom: 1px solid #eee;
    padding-bottom: 40px;
}
.border-bottom-padding-20{
	border-bottom: 1px solid #eee;
}
.align_items_end{
	align-items: end;
}
.pb-20 {
    padding-bottom: 20px;
}
.image-compare {
    border: 1px solid var(--border);
    text-align: center;
    border-radius: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.compare-content-tabs{
	display:none;
}
.compare-content-tabs.c-active{
	display:block;
}
.logo a {
	display: flex;
}
.text-dev{
	display: flex;
    flex-direction: column;
    align-items: flex-end;
	gap:2px;
}
.logo.dark-logo{
	display:none;
}
.select-search-container {
  position: relative;
  width: 100%;
}
.select-search-container .select-hidden {
  display: none;
}
.select-search-container .select-search-input {
  cursor: pointer;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none;
  -moz-outline: none;
  -webkit-outline: none;
}
.select-search-container .select-search-input:focus {
  border: 1px solid var(--accent);
  box-shadow: 0px 0px 4px 0px rgba(170, 196, 74, 0.75);
  outline: none;
}
.select-search-container .fake-select {
  position: absolute;
  transform: scaleY(0);
  width: 100%;
  transform-origin: 0% 0%;
  max-height: 0;
}
.select-search-container .fake-select.active {
  max-height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
  transform: scaleY(1);
  transform-origin: 0% 0%;
  background: var(--bg);
  border-radius: 5px;
  box-shadow: 0px 4px 40px 0px #2121211A;
}
.select-search-container .fake-select .fake-select-choice {
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid var(--border);
}
.select-search-container .fake-select .fake-select-choice:last-child {
  border-bottom: none;
}
.select-search-container .fake-select .fake-select-choice.find {
  /* background: var(--accent); */
  /* color: #ffffff; */
}
.select-search-container .fake-select .fake-select-choice:hover {
  background: var(--bg-second);
  cursor: pointer;
}
.select-search-container .fake-select .fake-select-choice.not-select {
  display: none;
}
.flex-space-between-center{
	display: flex;
    justify-content: space-between;
    align-items: center;
	width: 100%;
}
.tag-ic{
	stroke: var(--black);
}
.locked svg.arrow1{
	stroke: var(--red);
}
.promo-contents{
	gap: 10px;
	padding-bottom: 30px;
}
.promo-head{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.promo-head h4{
	margin-bottom:0;
}
.promo-controls{
	display: flex;
	gap: 10px;
}
.promo-controls .slide-next{
	stroke: #84888F;
}
.promo-controls .slide-prev{
	stroke: #84888F;
}
.promo-controls .slide-prev, .promo-controls .slide-next{
	background:#F3F3F7;
	width: 24px;
	height: 24px;
	padding: 0px;
	border-radius: 5px;
	display: block;
	position: unset;
	transform: unset!important;
	opacity: 1;
	box-shadow: none;
	content: '';
}
.promo-product{
	min-width: 420px!important;
	padding: 20px;
	gap: 15px;
	border-radius: none;
	border: 1px dashed #84888F;
}
/*.promo-products-list{
	display: grid;
    gap: 30px;
    grid-template-columns: 1fr 1fr;
	align-items: center;
	border-bottom: 1px solid #DADCDE;
	padding-bottom:15px;
	margin-bottom:15px;
	justify-items: start;
}*/
.promo-products-list {
    display: flex;
    gap: 30px;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    border-bottom: 1px solid #DADCDE;
    padding-bottom: 15px;
    margin-bottom: 15px;
    justify-items: start;
}
.promo-product-list{
	display: flex;
	flex-direction: column;
	gap: 5px;
	max-width: 195px;
}
.promo-product-img{
	display:flex;
}
.promo-product-img img{
	width: 110px;
	height: 110px;
	border-radius: none;
	border:none;
}
.promo-product-name{
	font-size: 14px;
	font-weight: 500;
	line-height: 16.8px;
	text-align: left;
}
.promo-product-price{
	display: flex;
	align-items: baseline;
	gap: 5px;
}
.promo-price-card{
	
}
.price-through{
	text-decoration: line-through;
	color: var(--grey);
	line-height: 120%;
	font-size: 12px;
}
.promo-footer{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 10px;
}
.promo-footer-prices{
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.promo-footer-price{
	display: flex;
	align-items: baseline;
	gap: 5px;
}
.promo-footer-sticker{
	background: #212121;
	padding: 2px 5px 2px 5px;
	border-radius: 2px;
	color: #fff;
	width: fit-content;
	font-size: 12px;
	font-weight: 500;
	line-height: 14.63px;
	text-align: left;
}
.locked{
	pointer-events: none;
}
.share-blog{
	gap: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.share-title{
	color: #212121;
	font-size: 14px;
	font-weight: 400;
	line-height: 19.6px;
}
.share-lists{
	display:flex;	
	gap:10px;
}
.share-lists a{
	padding: 10px;
    border-radius: 100rem;
    background: #F3F3F7;
    display: flex;
    align-items: center;
    justify-content: center;
}
.share-lists a:hover{
    background: #ebebeb;
}
.blog-sticker-list{
	display: flex;
    align-items: center;
    gap: 20px;
}
.blog-date{
	display: flex;
    align-items: center;
    gap: 5px;	
}
.blog-page-name{
	display: flex;
    gap: 20px;	
	flex-direction: column;
}
.blog-page-title-content{
	display: flex;
    justify-content: space-between;
    align-items: flex-end;	
	margin-bottom:30px;
}
.blog-content-base{  
	display: grid;
    grid-template-columns: 2fr 6fr 2fr;
    gap: 30px;
}
.blog-content-disc{  
	display: grid;
    grid-template-columns: 12fr;
    gap: 30px;
}
.blog-menu{
	display: flex;
    gap: 15px;
    flex-direction: column;
    position: sticky;
    top: 60px;
    height: fit-content;
	padding-bottom: 33px;
}
.blog-menu-title{
	
}
.blog-menu-content{
	display: flex;	
	flex-direction: column;
	border: 1px solid #DADCDE;
	border-radius: none;
}
.blog-menu-content a{
	font-size: 14px;
	font-weight: 400;
	line-height: 17.07px;
	text-align: left;
	color: #212121;
	padding:20px;
}
.blog-menu-content a.active{
	color: var(--green);
}
.blog-menu-content a:not(:last-child){
	border-bottom: 1px solid #DADCDE;
}
.blog-menu-content a:hover{
	color: var(--green);
}
.blog-modules{
	padding-bottom: 33px;
}
.blog-video{
	display:flex;
	margin-bottom: 40px;
}
.blog-video iframe{
	border-radius:10px;
	width:100%;
}
.blog-poster{
	display:flex;
	margin-bottom: 40px;
}
.blog-poster img{
	border-radius:10px;
	width:100%;
}

.pfix-attr{
	/*position: fixed;
    top: 36px;
    left: 0;
    width: 100%;*/
	position: sticky;
    top: 82px;
    background: #fff;
	z-index: 1;
	transition: all 300ms ease;
}
.compare-shadow {
	display:none;
}
.pfix-attr .compare-shadow{
	display:block;
    content: '';
    position: fixed;
    left: 0;
    width: 100%;
    height: 110px;
    top: 77px;
	/*background: #fff;*/
    box-shadow: 0px 4px 40px 0px #2121211A;
}

.pc-shadow-end {
    height: 1px;
}
.pfix-attr.border-bottom-padding-40{
	border-bottom: 0px solid #eee;
    padding-bottom: 0px;
}
.pfix-attr .compare__attributes{
	/*max-width: 1480px;
    margin-right: auto;
    margin-left: auto;*/
}
.pfix-attr .align_items_end{
	align-items: start;
}
.pfix-attr .price-card, .pfix-attr .button-card{
	display:none;
}
.pfix-attr .compare-Productcard img{
	height: 52px;
	padding: var(--spacing-3xs);
}
.pfix-attr .image-compare {
    border: 1px solid var(--border);
    text-align: center;
    border-radius: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: fit-content;
}
.compare__slider-p{
	display: flex;
    gap: 30px;
	transition: transform 0.5s ease;
    scroll-behavior: smooth;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInSlider;
    animation-name: fadeInSlider;
}
.compare__slider-a{
	display: flex;
    gap: 30px;
	transition: transform 0.5s ease;
    scroll-behavior: smooth;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInSlider;
    animation-name: fadeInSlider;
}
.compare__slider-co:hover .slide-prev {
	opacity: 1;
	transform: translateY(-50%) translateX(57%); /* Move into view */
}
.compare__slider-co:hover .slide-next {
	opacity: 1;
	transform: translateY(-50%) translateX(-57%); /* Move into view */
}
.mcompare__row{
	
}
.mcompare__row_attribute{
	
}
.grid-mcompare{
	display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.mc-bottom{
    padding-bottom: 15px;
    border-bottom: 1px solid #DADCDE;
    margin-bottom: 20px;
}
.mcompare__slider-p{
	display: flex;
    gap: 0;
    width: -webkit-fill-available;
	transition: transform 0.5s ease;
    scroll-behavior: smooth;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInSlider;
    animation-name: fadeInSlider;
}
.mcompare__slider-a{
	display: flex;
    gap: 0;
    width: -webkit-fill-available;
	transition: transform 0.5s ease;
    scroll-behavior: smooth;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInSlider;
    animation-name: fadeInSlider;
}
.mcompare__slider-co{
	overflow: hidden;
    display: flex;
}
.mcompare__slider-co .compare__content-item:not(.tns-item){
	width:100%;
}
.mcompare__slider-co .compare-Productcard .btn-shadow {
	background: var(--accent);
    color: var(--black);
	box-shadow: none;
	font-weight: 600;
}
.mcompare__slider-co .compare-card .button-card {
	flex-direction: column;
}
.mcompare__slider-co .price-card {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 0;
}
.mcompare__slider-co  .compare-Productcard .icon-cards-compare-wish {
	width: 100%;
	justify-content: space-between;
}
.mcompare__title-a{
	color: #212121;
	font-size: 12px;
	font-weight: 600;
	line-height: 14.63px;
	text-align: left;
}
.mcompare__rows_attribute{
	border-top: 1px solid #DADCDE;
    display: flex;
    gap: 20px;
    flex-direction: column;
    padding: 20px 0;
}
.mcompare__content-item{
	padding: 0px 0;
}
.mcompare__rows_attribute .compare__content-item_attribute, .mcompare__rows_attribute .compare-point{
	padding:0px;
}
.mc-content-tabs .compare__groups-lists .compare__group-attributes[data-index]:first-child:not(.hero-c-a) {
    border-top: 0px solid #eee; 
}
.mc-content-tabs .pfix-attr .compare__sidebar, .mc-content-tabs .pfix-attr .price-card {
	display:none;
}
.mc-content-tabs .pfix-attr .mc-bottom{
	padding-bottom: 0px;
    border-bottom: 0px solid #DADCDE;
    margin-bottom: 0px;
}
.mc-content-tabs .pfix-attr {
    position: sticky;
    top: 55px;
    background: #fff;
    z-index: 1;
    transition: all 300ms ease;
}
.mc-content-tabs .compare-shadow {
	display:none;
}
.mc-content-tabs .pfix-attr .compare-shadow {
    content: '';
    position: fixed;
    left: 0;
    width: 100%;
    height: 100px;
    top: 57px;
    /* background: #fff; */
    box-shadow: 0px 4px 40px 0px #2121211A;
	display:block;
}
.mc-content-tabs .pfix-attr .compare-pcount {
    position: absolute;
    top: 5px;
    right: 5px;
	left: unset;
    color: #84888F;
    font-size: 8px;
    font-weight: 600;
    line-height: 9.75px;
    text-align: left;
}
.mc-content-tabs .pfix-attr .compare-card a{
	font-size: 12px;
	font-weight: 500;
	line-height: 14.4px;
}
/*NEW Product Page*/
.data-productCart{
	display: flex;
    gap: 20px;
    flex-direction: column;
    margin-top: 6px;
}
.menu-productCart{
	position: relative;
	display: flex;
	padding: 5px;
	gap: 5px;
	border-radius: none;
	border: 0px solid #DADCDE;
}
.menu-productCart .pTab-href{
	position: relative;
	display: flex;
	padding: 15px 20px 15px 20px;
	border-radius: none;
	font-size: 14px;
	font-weight: 600;
	line-height: 17.07px;
	color: #212121;
	transition: color 0.3s;
}
.menu-productCart .pTab-href:hover{
	background: #F3F3F700;
	color:var(--grey);
}
.menu-productCart .pTab-href.pActive{
	/*background: var(--accent);*/
	color: var(--black);
}
.menu-productCart .pTab-href.pActive:hover{
	background: #1b8ee900;
	color: var(--black);
}
.body-productCart{

}
.body-productCart .pTab-content{
	display: none;
	transition: all 200ms ease;
	font-size:15px;
	line-height: 120%;
}
/* .body-productCart .pTab-content h2{ */
	/* margin-bottom:20px; */
/* } */
.body-productCart .pTab-content.pActive{
	display: block;
}
.grid-pAttr{
	display: grid;
    grid-template-columns: 9fr 3fr;
    gap:30px;
}
.pAttr-list{
	
}
.pAttr-addation{
	display: flex;
    flex-direction: column;
    gap: 20px;
}
.pAttr-addation .document-complect-list{
	gap:5px;
}
.pAttr-addation .document-complect .h4, .descript-cardproduct-small .h4, #variationsList .h4{
	margin-bottom: 10px;
	text-transform: uppercase;
}
.pAttr-compare{
	background: #F3F3F7;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}
.menu-productCart .active-bg {
    position: absolute;
    height: calc(100% - 10px);
    width: 0;
    top:5px;
    background-color: var(--bg);
    transition: left 0.3s, width 0.3s;
    z-index: -1;
    border-radius: none;
}
.menu-productCart .bg-theme {
	position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -2;
    background: #F3F3F7;
    border-radius: none;
}

.brand-description-text button, .brand-banner .button, .developer-page .btn-shadow{
	padding: var(--spacing-2xs) var(--spacing-s);
} 

/*end*/

.vm-mclose{
	display: none;
}
.vm-images-p{
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: #fefefe;
	display: flex;
flex-direction: column;
gap: 20px;
}
.vm-images-p .close{
	cursor: pointer;
}
.vm-images-header-bg{
	background: #F3F3F7;
	padding: 0 5px;
}
.vm-images-header{ 
	padding: 15px 0;
	max-width: 1480px;
	display: flex;
	align-items: center;
	margin-right: auto;
	margin-left: auto;
	justify-content: space-between;
}
.vm-images-p .close {
	stroke: var(--red);
}
.vm-content{
	  max-width: 1480px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	padding: 0 5px;
	display: flex;
}
.vm-left{
	display: flex;
flex-direction: column;
gap: 50px;
}
.vm-tabs{
	display: flex;
	flex-direction: column;
	 gap: 20px;
}
.vm-tabs .vm-tab{
	padding: 10px 20px 10px 20px;
	gap: 10px;
	border-radius: 5px;
	border: 1px solid #DADCDE;
	background: #FFFFFF;
	cursor: pointer;
	width: max-content;
	transition: all 300ms ease;
}
.vm-tabs .vm-tab:hover{
	background: #F3F3F7;
}
.vm-tabs .vm-tab.active {
	background: #F3F3F7;
	border: 1px solid var(--accent);
}
.vm-lists{
		max-height: 350px;
	overflow: hidden auto;
	padding-right: 10px;
	width: fit-content;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 10px;
	transform: scaleX(-1);
}
.vm-lists-scroll{
		display: none;
	flex-direction: column;
	justify-content: flex-start;
	gap: 10px;
		transform: scaleX(-1);
}
.vm-lists-scroll.active{
		display: flex;
}
.vm-lists .vm-list{
	display: flex;
	gap:15px;
	cursor: pointer;

}
.vm-list-img{
	display:flex;
}
.vm-list-img img{
	width: 60px;
}
.vm-list-name{
	font-size: 12px;
	font-weight: 400;
	line-height: 14.63px;
	text-align: left;
	color: #212121;
}
.vm-lists .vm-list img{
	transition: all 300ms ease;
}
.vm-lists .vm-list:hover img{
	border: 1px solid var(--accent);
}
.vm-lists .vm-list.active img{
		border: 1px solid var(--black);
		transition: all 300ms ease;
}
.vm-right{
	display: flex;
align-items: flex-start;
width: 100%;
justify-content: center;
}
.vm-view{
	display: none;
}
.vm-view.active{
	position: relative;
width: 84%;
/*height: 100%;*/
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.vm-sliders {
	height: inherit;
width: inherit;
}
.vm-sliders-container{
	display: flex;
width: 100%;
transition: transform 0.7s ease;
}
.vm-slide-img{
	min-width: 100%;
/* height: calc(100% - -35px); */
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.7s ease;
box-sizing: border-box;
}
.vm-slide-img img{
	width: fit-content;
max-height: calc(100vh - 130px);
border: none;
background: none;
}
.vm-prev-img{
	height: 40px;
width: 40px;
background: var(--bg);
border-radius: 100px;
left: 20px;
position: absolute;
top: 50%;
padding: 5px;
user-select: none;
cursor: pointer;
box-shadow: 0px 0px 10px 0px #00000040;
stroke: var(--black);
display: flex;
align-items: center;
justify-content: center;
}
.vm-next-img{
	height: 40px;
width: 40px;
background: var(--bg);
border-radius: 100px;
right: 20px;
position: absolute;
top: 50%;
padding: 5px;
user-select: none;
cursor: pointer;
box-shadow: 0px 0px 10px 0px #00000040;
stroke: var(--black);
display: flex;
align-items: center;
justify-content: center;	
}
.not-click{
  opacity: 0.5;
cursor: no-drop;
pointer-events: none;
}

.vm-images-p .vm-lists::-webkit-scrollbar-thumb:vertical {height: 2px;background-color: var(--accent);}
.vm-images-p .vm-lists::-webkit-scrollbar-thumb:horizontal {height: 2px;background-color: var(--accent);}
.vm-images-p .vm-lists::-webkit-scrollbar {width: 2px; height: 2px;}

.vm-sliders-container {
	position: relative;
}

.vm-slide-img {
	/*position: absolute;
	top: 0;
	left: 0;*/
	width: 100%;
	opacity: 0;
	transition: opacity 0.5s ease;
	z-index: 0;
	pointer-events: none;
}

.vm-slide-img.visible {
	opacity: 1;
	z-index: 1;
	pointer-events: auto;
}

.vm-slide-img.hidden {
	opacity: 0;
	z-index: 0;
	pointer-events: none;
}


.vm-video {
	/*position: absolute;
	top: 0;
	left: 0;*/
	width: 100%;
	opacity: 0;
	transition: opacity 0.5s ease;
	z-index: 0;
	pointer-events: none;
}

.vm-video.visible {
	opacity: 1;
	z-index: 1;
	pointer-events: auto;
}

.vm-video.hidden {
	opacity: 0;
	z-index: 0;
	pointer-events: none;
}

.svideo-img .player{
	background-image: url(/template/view/theme/default/image/player.png);
    background-size: cover;
    width: 60px;
    height: 60px;
    cursor: pointer;
	bottom: unset;
    right: unset;
}
.yshorts-modal{
	background: none;
	height: 100%;
    max-width: 488px;
    width: 100%;
}
.yshorts-modal .modal_data, .yshorts-modal .modal_data > div, .yshorts-modal .modal_data > div > iframe{
	height: inherit;
    width: inherit;
}
.yshorts-modal .modal_exit {
    stroke: var(--bg);
    fill: none;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.yshorts-modal .modal_exit svg{
    stroke: var(--bg);
}
/*
.modal_exit svg{
	stroke: var(--bg);
}*/
.yshorts-modal iframe{
	border-radius: 20px;
}
.svideos-block{
	width: 100%;
	/*margin-top: var(--spacing-2xl);*/
}
.videos-shorts{
	display: flex;
    gap: 30px;
	overflow-x: auto;
	padding-bottom: 15px;
	overflow-y: hidden;
	height: max-content;
	scrollbar-width: none;
}
.video-short{
	display: flex;
    flex-direction: column;
    gap: 10px;
	max-width: 180px;
	transition: 200ms ease;
}
.svideo-title{
    -webkit-line-clamp: 2;
    max-height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 40px;
}
.svideo-img{
	display: flex;
    position: relative;
    background-image: var(--img-blog);
    background-size: cover;
    padding: 0.5rem;
    width: 180px;
    max-width: 100%;
    height: 321px;
    /* padding-bottom: 54%; */
    border-radius: none;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--bg-grey);
    align-items: center;
    justify-content: center;
}
.svideo-view{
	display: flex;
    align-items: center;
    gap: var(--spacing-2xs);
    color: var(--grey);
}

.pd-top20{
	padding-top: var(--spacing-s);
}
.pd-top35{
	padding-top: 35px;
}
.pd-top30{
	padding-top: var(--spacing-m);
}
.player{
	background-image: url('/template/view/theme/default/image/player.png');
    background-size: cover;
	width: 60px;
    height: 60px;
	cursor:pointer;
	 transition: 500ms ease;
}
.video-short:hover .player{
  transform: scale(1.1);
}

.video-short:active .player{
  transform: scale(1);
}
.blog-category .tabs-action{
	gap: var(--spacing-xs);
}
.video-block{
	display: flex;
    flex-direction: column;
}
.blog-block{
	display: flex;
    gap: 10px;
    flex-direction: column;
}
.blog-block-title {
	
}
.blog-block-img{
	position: relative;
	background-image: var(--img-blog);
    background-size: cover;
    padding: 0.5rem;
    width: 100%;
    height: auto;
    padding-bottom: 54%;
    border-radius: none;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--bg-grey);
}
.blog-block-date{
	color: var(--black);
	font-size: 12px;
	font-weight: 500;
}
.blog-block-description{
	color: #84888F;
	font-size: 14px;
	font-weight: 400;
}
.gblog-content{
	width: 100%;
	margin-top: var(--spacing-2xl);
}
/*.gblog-lists {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--spacing-m);
    overflow-x: auto;
    overflow-y: hidden;
    height: max-content;
    scrollbar-width: none;
}*/
.gblog-lists {
	display: flex;
    gap: 30px;
    overflow-x: auto;
    padding-bottom: 15px;
    overflow-y: hidden;
    height: max-content;
    scrollbar-width: none;
}
.gblog-block {
    display: none;
    gap: 10px;
    flex-direction: column;
    max-width: 338px;
}
.gblog-block.active{
	display: flex;
}
.gblog-block-description{
	-webkit-line-clamp: 2;
    max-height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.gblog-block-title{
	-webkit-line-clamp: 2;
    max-height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.gblog-block-date{
	color: var(--accent);
    font-size: 12px;
    font-weight: 500;
}
.gblog-block-img {
    position: relative;
    background-image: var(--img-blog);
    background-size: cover;
    padding: 0.5rem;
    width: 100%;
    height: auto;
    padding-bottom: 54%;
    border-radius: none;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--bg-grey);
}

.loader {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loader::before,
.loader::after {
  position: absolute;
  content: "";
  height: 8em;
  width: 8em;
  border: 1em solid var(--accent);
  border-radius: none;
  animation: loader_79178 2s linear infinite;
}

.loader::after {
  opacity: 0;
  animation-delay: 1s;
}

@keyframes loader_79178 {
  0% {
    border: 1em solid var(--accent);
    transform: scale(0);
    opacity: 1;
  }

  100% {
    border: 0 solid var(--accent);
    transform: scale(1);
    opacity: 0;
  }
}

/*new code 07022025*/
.icon-svg-16x16 {
  display: inline-block;
  vertical-align: middle;			
  height: 16px;
  width: 16px;
  top: 0px;	
}
.a-flex{
	display:flex;
	gap:5px;
	align-items: center;
}
.a-grey-text{
	color: var(--grey);
}
.code-with-review-faq-new{
	display: flex;
    gap: var(--spacing-s);
    align-items: center;
    margin-top: var(--spacing-2xs);
    margin-bottom: var(--spacing-m);
}
.review-total-b{
	font-size: 14px;
	font-weight: 500;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #212121;
}
.active-compare{
	color:var(--accent);
}
.dnew-product .active-compare{
	color:var(--green);	
}

.dnew-product .active-compare svg{
	stroke:var(--black)!important;	
}
.wishlist_status, .compare_status{
	text-transform: uppercase;
}
.wishlist_status.active{
	color:var(--red);
}
.p-guarantii-manufacturer{
	display: flex;
    align-items: center;
	justify-content: space-between;
}
.p-guarantii-manufacturer a{
	display:flex;
}
.p-manufacturer-list{
	display: flex;
    align-items: center;
	gap: 5px;
}
.p-guarantii{
	background: #FEF2D3;
	padding: 10px 20px 10px 20px;
	gap: 10px;
	border-radius: 5px;
	font-size: 12px;
	font-weight: 600;
	line-height: 14.63px;
	text-align: left;
	color: #212121;
}
.arrow-pm{
	background: #F3F3F7;
	display:flex;
	border-radius: 5px;
}
.p-manufacturer-list:hover .arrow-pm svg{
	stroke: var(--accent);
}
.arrow-pm svg{
	stroke: var(--grey);
}
.arrow-pm:hover svg{
	stroke: var(--accent);
}
.p-gr-or{
	display:flex;	
	gap: 10px;
	border-radius: 5px;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	background: #F3F3F7;
	align-items: center;
	cursor:pointer;
}
.p-gr-or:hover svg{
	stroke: var(--accent);
}
.p-gr-or-ic{
	width: 30px;
	height: 30px;
}
.p-gr-or-ic img{
	width: 30px;
	height: 30px;
	border: 0px solid var(--border);
}
.p-gr-or:active .p-gr-or-ic img,
.p-gr-or-ic img:active{
	border: 0px solid #ffffff00;
}
.p-gr-or-tx{
	display: flex;
    flex-direction: column;
}
.p-gr-or-txg{
	font-weight: 600;
	font-size: 12px;
	line-height: 120%;
	color: #212121;
}
.p-gr-or-txs{
	font-weight: 500;
	font-size: 10px;
	line-height: 120%;
	color: #84888F;
}
.p-gr-or-icr{
	background: #FFFFFF;
	width: 24px;
	height: 24px;
	border-radius: 5px;
}
.p-gr-or-icr svg{
	
}
.code-with-review-faq.ncwrf{
	margin-bottom: 0px;
}
.flex-content.page-np{
	padding: 0 var(--spacing-s) 0 var(--spacing-s);
}
.img-hpf{
	position: relative;
    display: flex;
    flex-direction: row-reverse;
    gap: var(--spacing-m);
}
.img-hpf .hero-image-product{
	border: 0px solid var(--border);
}
.page-np .hero-description-cardproduct{
	display: grid;
    gap: var(--spacing-m);
    grid-template-columns: 5fr 4fr;
	margin-bottom: 0;
}
.page-np .slider-product{
	position: relative;
    display: flex;
    flex-direction: row-reverse;
    gap: var(--spacing-2xs);
}
.page-np .images-additional{
	height: inherit;
	gap: 5px;
    display: flex;
    flex-direction: column;
}
.page-np .images-additional .thumbnail.active img{
	width:93px;
	height:93px;
}
.page-np .stickers{
	display: inline-grid;
    justify-items: start;
	gap: var(--spacing-3xs);
	position:absolute;
	left: 0;
	top: 0;
	padding: 0;
}
.page-np .stickers-right{
	padding: 0;
}
.page-np .stickers .sticker img{
	
}
.page-np .stickers-right .sticker img{
	max-width: 158px;
}
.page-np .slider-product img{
	border: 1px solid #dadcde00;
}
.page-np .image-additional a{
	display:flex;
}
.td-icons{
	
}
.td-view-icons{
	display: flex;
    justify-content: center;
    align-items: center;
}
.td-view-icons:before{
	content: url('/template/view/theme/default/image/3d_icons.svg');
	width:40px;
	height:40px;
	position: absolute;
}
.td-view-icons img{
}
.page-np .price-card-inform{
	display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}
.page-np .price-tablet .double-button-row{
    gap: var(--spacing-2xs);
}
.greys-block-cp{
	display: flex;
    flex-direction: column;
    gap: 5px;
}
.cp-addons{
	display: flex;
    justify-content: space-between;
    align-items: center;
	cursor:pointer;
}
.cp-gap{
	gap:5px;
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.cp-addons:hover .arrow-pm svg{
	stroke: var(--accent);
}
.cp-addons-ball{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cash-back-cp{
	display: flex;
    align-items: center;
    gap: 5px;
	font-weight: 500;
	font-size: 12px;
	line-height: 14.63px;
	letter-spacing: 0%;
}
.cash-back-total-cp{
	display: flex;
    align-items: center;
    gap: 5px;
	font-weight: 600;
	font-size: 14px;
	line-height: 19.6px;
	letter-spacing: 0%;
}
.grey-block-cp{
	background: #F3F3F7;
	display:flex;
	gap: 5px;
	border-radius: none;
	padding: 10px;
	font-weight: 500;
	font-size: 12px;
	line-height: 14.63px;
	align-items: center;
}
.grey-block-cp a{
	font-weight: 500;
	font-size: 12px;
	line-height: 14.63px;
}
.ic-cp{
	
}
.ic-cp img{
	width: 30px;
}
.r-red span{
	background:var(--red);
	border-radius:5px;
	border-radius: 5px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	color:var(--bg);
}
.find-cheapN{
	display: flex;
    align-items: center;
    padding: var(--spacing-s);
    justify-content: space-between;
    border-radius: none;
    color: var(--black)!important;
	gap: 10px;
	border: 1px solid #DADCDE;
	font-weight: 600;
	font-size: 14px;
	line-height: 19.6px;
	letter-spacing: 0%;
}
.find-cheapN:hover .arrow-right {
    stroke: var(--accent);
}
.find-cheapN:hover {
    border: 1px solid var(--accent);
}
.find-cheapN.disabled:hover {
    border: 1px solid #DADCDE;
}
.find-cheapN .arrow-right {
    stroke: var(--grey);
}
.nqty-btn {
	width: 143.5px;
	height: 40px;
	border-radius: 0px;
	padding: 4px;
	gap: 5px;
	display: flex;
    align-items: center;
}
.nqty-btn i{
	display:flex;
	width: 32px;
	height: 32px;
	border-radius: 0px;
	gap: 10px;
	padding-right: 2px;
	padding-left: 2px;
	background: var(--accent);
	align-items: center;
    justify-content: center;
}
.nqty-btn i:has(svg.disabled) {
  background-color: var(--grey-m); /* любой нужный цвет */
}
.nqty-btn.qtySelector .qtyValue {
    font-size: 16px;
    font-weight: 400;
    border: none;
    padding: 0px;
    width: 59px;
    height: 100%;
    float: left;
    text-align: center;
    color: var(--black);
}
.pvideo-on{
	width:93px;
	height:93px;
	background:var(--grey-m);
	display: flex;
    justify-content: center;
    align-items: center;
	cursor:pointer;
}
.pvideo-on:hover{
	background:var(--grey);
}
.pvideo-on img{
	border: 0px solid #dadcde00;
	border-radius: 0px;
	background: #ffffff00;
}
.more-vimg{
	position: relative;
	cursor:pointer;
}
.more-vimg:before{
	background: #0000007d;
    content: attr(data-countimg) '';
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
	font-weight: 600;
	font-size: 20px;
	color: var(--bg);
	border-radius: var(--radius-m);
}
.dates-productCart{
	display: grid;
    gap: var(--spacing-m);
    grid-template-columns: 9fr 3fr;
}
.page-np .grid-pAttr{
	display: grid;
    grid-template-columns: 6fr 3fr;
    gap: 30px;
}
.page-np .characteristics-big-inform{
	display: grid;
    gap: var(--spacing-m);
    grid-template-columns: 1fr;
}
.fleft-text{
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.page-np .characteristics-big-inform{
	margin-top: 0px;
	border: 1px solid #DADCDE;
    border-radius: none;
    border-width: 1px;
    padding: 15px;
}
.page-np .grid-pAttr{
	margin-top: var(--spacing-s);
}
.body-productCart .pTab-content .fleft-text h2{
	margin-bottom: 0px;
}
.addons-content-next{
	display: flex;
    gap: 10px;
    flex-direction: column;
    position: sticky;
    top: 71px;
    height: fit-content;
}
.addons-content-next .delivery-pickup{
	display: flex;
    align-items: flex-start;
    padding: var(--spacing-s);
    background: var(--white);
    justify-content: space-between;
    border-radius: 0;
    flex-direction: column;
    gap: var(--spacing-s);
	border: 1px solid var(--grey-m);
}
.dnew-product .dates-productCart{
	margin-top: 10px;
}
.dnew-product .data-productCart{
	margin-top: 0px;
}
.products-to-list{
	display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--spacing-m);
}
.data-productCart .grid-box{
	display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--spacing-m);
}
.discont-price-text{
	font-weight: 700;
	font-size: 12px;
}
.dnew-product .find-cheap-icon .grey-text{
	font-weight: 500;
	font-size: 12px;
} 
.big-border-mobile{
	display:none;
} 
.mini-border-mobile{
	display:none;
}
.data-productCart .body-productCart .compare-cards{
	display: grid;
    grid-template-columns: 3fr 6fr;
    gap: 30px;
}
.dnew-product .promo-initialize{
	padding-top: 30px;
}
.dnew-product .promo-contents{
	padding-bottom: 0px;
}
.page-np .recently-viewed-content{
	padding-top:77px;
}
.dnew-product .sliderMobile {
	display:none;
}
.dnew-product .one-product-img .hero-thumbnail img{
	width: 750px;
}
.dnew-product .page-np .one-product-img .slider-product {
    flex-direction: row;
    width: fit-content;
}
.page-np .title-pagecard {
	display: grid;
    align-items: center;
    justify-content: space-between;
    grid-template-columns: 9fr 3fr;
}
.page-np .title-pagecard .status{
	text-align: right;
	text-transform: uppercase;
}
.page-np .title-pagecard h1{
	font-weight: 700;
	font-size: 24px;
	text-transform: uppercase;
}
#pAccessories h2 {
    margin-bottom: var(--spacing-s);
}
/*end*/
.cart-product-info img.cshare_img{
	border: 0px solid var(--border);
	width: 100px;
    height: 100px;
}
/*contact-page-lists*/
.contact-page-form{
	display: flex;
    gap: 30px;
	flex-direction: column;
}
.contact-page-lists{
	display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 30px;
}
.contact-page-list{
	border-radius: none;
    gap: 10px;
    padding-top: 20px;
    padding-right: 30px;
    padding-bottom: 20px;
    padding-left: 30px;
    background: #F3F3F7;
    display: flex;
    flex-direction: column;
}
.contact-page-list h4{
	margin-bottom:5px;
}
.contact-page-data{
	display: flex;
    gap: 10px;
}
.contact-page-data svg.stroke{
	stroke: var(--black);
	flex: none;
}
.contact-page-data svg.fill{
	fill: var(--black);
	flex: none;
}
.contact-page-d{
	display: flex;
    gap: 5px;
	flex-direction: column;
}
.contact-page-d a, .contact-page-d span{
	color: #212121;
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
}
.contact-page-d span.danger{
	font-weight: 600;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: 0%;
	color: #DC092E;
}
.contact-page-d a:hover{
	color: var(--grey);
}
.contact-maps-page{
    border-radius: none;
}
.contact-maps-page iframe{
	border-radius:10px;
	height: 350px;
}
.contacts-details{
	display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 60px;
}
.contacts-details-data-full{
	border-radius: none;
	gap: 15px;
	border-width: 1px;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
	border: 1px solid #DADCDE;
	display: flex;
    flex-direction: column;
}
.contacts-details-data-list{
	display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.contacts-details-data{
	display: flex;
    flex-direction: column;
    gap: 6px;
}
.contacts-details-type{

}
.contacts-details-type span:nth-child(1){
font-weight: 500;
font-size: 14px;
line-height: 100%;
letter-spacing: 0%;
}
.contacts-details-type span{

}
.contacts-details-data-full .icon-flex{
	align-items: center;
	height: 20px;
}
.contacts-details-data-full .attention-information{
	align-items: center;
}

/* =Animate the stuff kyWvQw
------------------------ */

.line {
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 15px;
	background-color: #fff;
}
.load-3{
	display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 6px;
    height: 10px;
}
}
.ring-1 {
  width: 10px;
  height: 10px;
  margin: 0 auto;
  padding: 10px;
  border: 7px dashed #4b9cdb;
  border-radius: 100%;
}

.ring-2 {
  position: relative;
  width: 45px;
  height: 45px;
  margin: 0 auto;
  border: 4px solid #4b9cdb;
  border-radius: 100%;
}

.ball-holder {
  position: absolute;
  width: 12px;
  height: 45px;
  left: 17px;
  top: 0px;
}

.ball {
  position: absolute;
  top: -11px;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background: #4282b3;
}

.letter-holder {
  padding: 16px;
}

.letter {
  float: left;
  font-size: 14px;
  color: #777;
}

.square {
  width: 12px;
  height: 12px;
  border-radius: 4px;
  background-color: #4b9cdb;
}

.spinner {
  position: relative;
  width: 45px;
  height: 45px;
  margin: 0 auto;
}

.bubble-1,
.bubble-2 {
  position: absolute;
  top: 0;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  background-color: #4b9cdb;
}
.border-wrapper {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  background: #f3f3f7;
  padding: 5px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.get-i-block {
  position: relative;
  background: #f3f3f7;
  border-radius: none;
  display: flex;
  gap: 5px;
  padding: 5px;
  z-index: 2;
  width: 100%;
  flex: none;
  border: 1px dashed var(--accent);
}


.border-wrapper:before {
  height: 100%;
  width: 100%;
  background-image: linear-gradient(to right, #00000000 0%, #00000000 15%, #1B8EE9 calc(100% - 40rem));
  background-position: 131px 46px;
  background-repeat:no-repeat; /* this is important !! */
  transform-origin: center;
  /*content: "";*/
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 0%;
  animation: spin 7s linear infinite;
  padding: 2px;
}

@keyframes spin {
  to {
    transform: translate(-50%, -50%) rotate(0);
  }
  from {
    transform: translate(-49%, -48%) rotate(360deg);
  }
}


.get-i-block-th{
	display:flex;
	flex-direction: column;
}
.danger-text{
	color: var(--red);
}
.get-i-block-h{
	font-weight: 600;
	font-size: 14px;
	line-height: 140%;
	color: var(--red);
}
.get-i-block-t{
	font-weight: 500;
	font-size: 12px;
	line-height: 100%;
	color: #000000;
}
.get-i-block-t a{
	font-weight: 500;
	font-size: 12px;
	line-height: 100%;
	color: #000000;
}
.get-i-block-t a:hover{
	color: var(--accent);
}
.get-i-block-t a.dotted-link:after {
	border-bottom: 1px dashed #000000;
}
.get-i-block-ic img{
	width: 40px;
}
.bubble-2 {
  top: auto;
  bottom: 0;
}

.bar {
  float: left;
  width: 15px;
  height: 6px;
  border-radius: 2px;
  background-color: #4b9cdb;
}
.load-1 .line:nth-last-child(1) {
  animation: loadingA 1.5s 1s infinite;
}
.load-1 .line:nth-last-child(2) {
  animation: loadingA 1.5s 0.5s infinite;
}
.load-1 .line:nth-last-child(3) {
  animation: loadingA 1.5s 0s infinite;
}

.load-2 .line:nth-last-child(1) {
  animation: loadingB 1.5s 1s infinite;
}
.load-2 .line:nth-last-child(2) {
  animation: loadingB 1.5s 0.5s infinite;
}
.load-2 .line:nth-last-child(3) {
  animation: loadingB 1.5s 0s infinite;
}

.load-3 .line:nth-last-child(1) {
  animation: loadingC 0.6s 0.1s linear infinite;
}
.load-3 .line:nth-last-child(2) {
  animation: loadingC 0.6s 0.2s linear infinite;
}
.load-3 .line:nth-last-child(3) {
  animation: loadingC 0.6s 0.3s linear infinite;
}

.load-4 .ring-1 {
  animation: loadingD 1.5s 0.3s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;
}

.load-5 .ball-holder {
  animation: loadingE 1.3s linear infinite;
}

.load-6 .letter {
  animation-name: loadingF;
  animation-duration: 1.6s;
  animation-iteration-count: infinite;
  animation-direction: linear;
}

.l-1 {
  animation-delay: 0.48s;
}
.l-2 {
  animation-delay: 0.6s;
}
.l-3 {
  animation-delay: 0.72s;
}
.l-4 {
  animation-delay: 0.84s;
}
.l-5 {
  animation-delay: 0.96s;
}
.l-6 {
  animation-delay: 1.08s;
}
.l-7 {
  animation-delay: 1.2s;
}
.l-8 {
  animation-delay: 1.32s;
}
.l-9 {
  animation-delay: 1.44s;
}
.l-10 {
  animation-delay: 1.56s;
}

.load-7 .square {
  animation: loadingG 1.5s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;
}

.load-8 .line {
  animation: loadingH 1.5s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;
}

.load-9 .spinner {
  animation: loadingI 2s linear infinite;
}
.load-9 .bubble-1,
.load-9 .bubble-2 {
  animation: bounce 2s ease-in-out infinite;
}
.load-9 .bubble-2 {
  animation-delay: -1s;
}

.load-10 .bar {
  animation: loadingJ 2s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;
}

/*TABLE*/
.bm-table{
	border: 1px solid #DADCDE;
    border-radius: none;
    padding: 0;
}
table.table-view{
	border: 0px solid #DADCDE;
	border-radius: none;
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
	overflow: hidden;
}
table.table-view thead input{
	border: 0px solid #DADCDE;
    text-align: center;
    color: #000;
    background: #00000000;
}
table.table-view tbody input{
	border: 0px solid #DADCDE;
	text-align: center;
}
 table.table-view thead tr{
	
}
table.table-view thead tr th{
	background: #F3F3F7;
	box-shadow: 0px -1px 0px 0px #E6E7E9 inset;
	padding: 8px 16px 8px 16px;
	font-size: 14px;
	font-weight: 600;
	line-height: 17.07px;
	text-align: left;
	color: #212121;
}

table.table-view tbody tr{
	border-bottom: 1px solid #DADCDE;
}
table.table-view tbody tr:last-child{
	border-bottom: 0px solid #DADCDE;
}
table.table-view tbody tr td{
	padding: 8px 16px 8px 16px;
	font-size: 14px;
	font-weight: 400;
	line-height: 19.6px;
	text-align: center;
	color: #212121;
	text-align: left;
}
@media(max-width:1200px){
	table.table-view thead {
		display:none;
	}
	table.table-view tbody tr td{
		display: flex;
        text-align: right;
        justify-content: space-between;
		font-size: 12px;
		font-weight: 400;
		line-height: 16.8px;
		color: #212121;
		padding: 7.5px 10px 7.5px 10px;
	}
	table.table-view tbody tr td::before{
		content: attr(data-header);
		text-align: left;
		font-size: 12px;
		font-weight: 400;
		line-height: 16.8px;
		color: #84888F;
		margin-bottom: 5px;
	}
	table.table-view tbody tr:nth-child(odd) {
	  background-color: #F3F3F7;
	}

	table.table-view tbody tr:nth-child(even) {
	  background-color: #ffffff;
	}
}
/*endTABLE*/

/*banner*/
.grid-c2{
	display: grid;
    grid-template-columns: 9.5fr 3fr;	
	gap: 30px;
}
.banner-one{
	cursor:pointer;
}
.banner-one img{
	width: 100%;
	border-radius: none;
}
.h-s-banner{
	width: 100%;
	display: flex;
    flex-direction: column;
    gap: 8px;
}
.h-s-b-lists{
	position: relative;
	width: 100%;              /* резиновая ширина */
	max-width: 100%;          /* защита от выхода за пределы */
	padding-top: 41.667%;
	overflow: hidden;
}
.h-s-b-list {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 0;
	pointer-events: none;
	transition: opacity 0.5s ease-in-out;
	cursor:pointer;
}

.h-s-b-list img {
	width: 100%;
	height: 100%;
	/*object-fit: cover;*/
	display: block;
	border-radius:none;
}
img.h-s-b-deskto{
	display:block;
}
img.h-s-b-mobile{
	display:none;
}
.h-s-b-list.active {
	opacity: 1;
	z-index: 1;
	pointer-events: auto;
}
.h-s-b-control{
	display: flex;
	align-items: center;
	gap: 16px;
}
.h-s-b-count{
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	color: #84888F;
}
.h-s-b-line{
	width:100%;
	position:relative;
}
.h-s-b-line .h-s-b-l-static{
	
	background: #DADCDE;
	height: 1px;
}
.h-s-b-line .h-s-b-l-progress{
	background: var(--accent);
	height: 1px;
	width:0%;
	position: absolute;
	top: 0;
	left: 0;
	transition: width 0.5s ease;
}
.h-s-b-arrow{
	display: flex;
	gap: 8px;
	align-items: center;
}
.h-s-b-prev {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: none;
  user-select: none;
  cursor: pointer;
}
.h-s-b-next {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: none;
  user-select: none;
  cursor: pointer;
}

.progress-ring {
  transform: rotate(-90deg);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.progress-ring__bg {
  fill: none;
  stroke: #DADCDE;
  stroke-width: 1;
}

.progress-ring__circle {
  fill: none;
  stroke: var(--accent);
  stroke-width: 1;
  stroke-dasharray: 113;
  stroke-dashoffset: 113;
  transition: stroke-dashoffset 0.1s linear;
}

.h-s-icon-next {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(/template/view/theme/default/image/arrow-right.svg) no-repeat center;
  background-size: 70%;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.h-s-icon-prev {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(/template/view/theme/default/image/arrow-left.svg) no-repeat center;
  background-size: 70%;
  width: 100%;
  height: 100%;
  z-index: 1; 
}
.two-banner-h{
	display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--spacing-m);
	width: 100%;
}
.two-banner-h-b{
	border-radius: none;
}
.two-banner-h-b img{
	width:100%;
	border-radius: none;
}
.b2b-banner-h{
	display:none;
}
.margin-top-80-px-home{
	margin-top:80px
}



/*dropdown*/
.breadcrumbs-item.view-b-lists{

}
.open-b-category{
	display: flex;
	align-items: center;
	gap: 8px;
	user-select:none;
	align-items: center;
	background-color: hsla(37, 38%, 81%, 0);
	border-radius: 4px;
	display: flex;
	position: relative;
	transition: background-color .3s;
}
.open-b-category.view-b-category{
	background-color: hsla(37, 38%, 81%, .12);
}
.b-category-filter {
	display: flex;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    pointer-events: none;
    position: absolute;
    background: #fff;
    box-shadow: 0px 4px 16px 0px #00040429;
    border-radius: none;
    z-index: 1;
    top: 10px;
    margin-top: 8px;
    min-width: max-content;
    left: 0;
    flex-direction: column;
    gap: 5px;
	padding: 10px;
}

.breadcrumbs-item.view-b-lists .b-category-filter {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}
.breadcrumbs-item.view-b-lists svg {
	fill: var(--black);
	transform: rotate(90deg);
}
.breadcrumbs-item .breadcrumbs-link svg:hover{
	fill: var(--black);
}
.b-category-filter .b-category-option{
	align-items: center;
	border-bottom: 1px solid rgba(95, 94, 92, .12);
	box-sizing: border-box;
	cursor: pointer;
	display: flex;
	position: relative;
	text-decoration: none;
	transition: background-color .3s ease;
	border: none;
	font-weight: 400;
	font-size: 12px;
	line-height: 120%;
	justify-content: space-between;
	gap:10px;
	transition: all 200ms ease;
}
.b-category-filter .b-category-option svg{
	display:none;
}
.b-category-filter .b-category-option:hover{
	color: var(--grey);
}
.b-category-filter .b-category-option.a-accept{
	color: var(--grey);
}
.b-category-filter .b-category-option.active-b-category svg{
	display:flex;
}

/*end */

.p-page-addons{
	padding-top:20px;
	display: flex;
    flex-direction: column;
	gap:10px;
	border-top: 1px solid #DADCDE;
}
.p-page-addon{
	display: flex;
    gap: 10px;
    align-items: center;
	cursor:pointer;
}
.p-page-a-ic{
	border: 1px solid #DADCDE;
    width: 34px;
    height: 34px;
    gap: 10px;
    border-radius: 4px;
    padding: 5px;
    display: flex
;
    align-items: center;
}
.p-page-tx{
	display: flex;
    flex-direction: column;
}
.p-page-txg{
	font-weight: 600;
	font-size: 12px;
	line-height: 120%;
	color: #212121;
	transition: all 200ms ease;
}
.p-page-tx-ar{
	display: flex;
    align-items: center;
}
.p-page-txs{
	font-weight: 500;
	font-size: 10px;
	line-height: 120%;
	color: #84888F;
}
.p-page-addon:hover .p-page-txg{
	color:var(--accent);
}
.p-page-addon:hover .arrow-pm svg{
	stroke:var(--accent);
}
.p-page-addon .arrow-pm{
	background: #ffffff;
}
.p-page-a-is{
	display: flex;
    flex-direction: column;
	gap: 15px;
}
.p-page-a-is-ls{
	display: flex;
    flex-direction: column;
	gap: 5px;
	color: #84888F;
	font-weight: 500;
	font-size: 10px;
	line-height: 100%;
}
.btn-absolute-c-w{
	position:absolute;
	right:5px;
	top:5px;
	display: flex;
    flex-direction: column;
	gap: 20px;
	z-index:1;
}
.sliderMobile .stickers, .sliderMobile .stickers-bleft, .sliderMobile .stickers-right, .sliderMobile .stickers-bright{
	z-index:1;
}
.scroll-menu-product{
	display:none;
}

/*PAGE CART*/
body.page-checkout-cart{
	/*background: var(--bg-second);
	
	header{
		background: var(--bg-second);
	}
	.header-desktop{
		background: var(--bg-second);
	}
	.form-search{
		background: var(--bg);
	}*/
	.basic-cart-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-top: unset;
		border-bottom: unset;
		/*padding: var(--spacing-xs);*/
		margin-bottom: var(--spacing-3xs);
		background: var(--bg);
		border-radius: var(--radius-m);
	}
	.basic-cart-products {
		gap: var(--spacing-2xs);
	}
	.basic-cart-products .basic-cart-product {
		display: grid;
		grid-template-columns: 6fr 4fr;
		justify-content: space-between;
		border-bottom: unset;
		padding-bottom: var(--spacing-s);
		gap: 25px;
		/*padding: var(--spacing-xs);*/
		border-radius: var(--radius-m);
		background: var(--bg);
		row-gap: 10px;
	}
	.cart-sticky-data {
		background: var(--bg);
	}
	.reward-c {
		padding: 6px;
		background: linear-gradient(146deg, #D0D7FF 0%, #FAD5D5 100%);
	}
	.reward-c-d{
		border: 1.8px dashed var(--black);
		padding: 14px;
		
	}
	.reward-c::before, .reward-c::after, .border-reward-c-d-right::after { display:none; }
	.border-reward-c-d-left::before { display:none; }
	.cart-product-info img {
		border: unset;
		width: 80px;
		height: 80px;
	}
	.cart-sticky-data-list {
		gap: var(--spacing-2xs);
	}
	.cart-sticky-data-list .cart-sticky-data-title {
		display: flex;
		align-items: center;
		flex: 1 0 auto;
		font-weight: 400;
		gap: var(--spacing-2xs);
		max-width: 160px;
	}
	.cart-sticky-data-list .cart-sticky-data-title:after {
		content: "";
		display: block;
		border-bottom: 1px dotted #D7DBE9;
		flex: 1;
		margin: 0;
		position: relative;
		top: 0.4rem;
	}
	.title-page-cart {
		grid-template-columns: 3fr 1fr;
	}
	.addons-cart-view{
		display: flex;
        flex-direction: column;
        gap: 10px;
		padding-left: 40px;
	}
	.cart-related-card{
		display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
		background: #FFFFFF;
		width: 86px!important;
		max-width: 86px!important;
		min-width: 86px!important;
		height: 86px;
		gap: 2px;
		border-radius: none;
		padding: 5px;
		transition: all 300ms ease;
		border: 1px solid #fff00000;
		cursor:pointer;
	}
	.cart-related-card:hover {
		border: 1px solid var(--accent);
	}
	.cart-related-card-img{
		display:flex;
	}
	.cart-related-card-img img{
		width:60px;
		height:60px;
	}
	.cart-related-card-price{
		color: #212121;
		font-weight: 500;
		font-size: 12px;
		line-height: 120%;
	}
	.addons-cart .sliderContent{
		background: none;
		gap: var(--spacing-2xs);
	}
	.addons-cart-title-arrow{
		display: flex;
        justify-content: space-between;
        align-items: center;
	}
	.arrow-s-pn{
		display: flex;
        gap: 10px;
	}
	.arrow-s-pn .slide-next, .arrow-s-pn .slide-prev{
		position: unset;
        opacity: 1;
        display: flex !important;
        transform: none;
        width: 24px;
        height: 24px;
        border-radius: 5px;
        box-shadow: none;
		padding: 0px;
	}
	.cart-related-card-price.danger{
		color:var(--red);
	}
	
	.not-products-cart{
		display: flex;
		flex-direction: column;
		gap: 15px;
		padding-top: 30px;
	}
	.not-products-cart .cart-product-info img{
		opacity:50%;
		filter: grayscale(1);
	}
	.not-products-cart .cart-product-info .cart-product-name{
		opacity:50%;
		filter: grayscale(1);
	}
	
	.basic-cart-content-header{
		display: flex;
		flex-direction: column;
	}
	
	.not-products-cart .basic-cart-products {
        gap: 0;
        background: var(--bg);
        border-radius: var(--radius-m);
		/*padding: 0 var(--spacing-xs);*/
    }
	
	.not-products-cart .basic-cart-products .basic-cart-product{
		border-radius: 0;
		position:relative;
		padding: 20px 0;
	}
	.not-products-cart .basic-cart-products .basic-cart-product:after{
		border-bottom: 1px dashed var(--border);
        content: "";
        width: 100%;
        position: absolute;
        bottom: 0;
	}
	.not-products-cart .basic-cart-products .basic-cart-product:last-child:after {
		border-bottom: none;
	}
	.preloader {
		width: 100%;
		height: 100%;
		position: relative;
		overflow: hidden;
		background: linear-gradient(-45deg, #fdfdfd, #fff 25%);
		border-radius: 6px;
		animation: preloader 0.8s infinite alternate;
	}
	.preloader-flex{
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		gap: 16px;
	}

	@keyframes preloader {
		0% {
			opacity: 1;
			background-position: 0% 50%;
		}
		100% {
			opacity: 0.7;
			background-position: 100% 50%;
		}
	}
}
/*END*/
.flex-row-8 {
    display: flex;
    gap: 8px;
    flex-direction: row;
}
.bg-relative {
    position: relative;
}
.align-center {
    align-items: center;
}
.open-sort{
	display: flex;
	align-items: center;
	gap: var(--spacing-2xs);
	user-select:none;
	align-items: center;
	background-color: hsla(37, 38%, 81%, 0);
	border-radius: 4px;
	display: flex;
	position: relative;
	transition: background-color .3s;
}
.open-sort.view-sort{
	background-color: hsl(227.16deg 38% 81% / 12%);
}
.sort-filter {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.3s ease, transform 0.3s ease;
	pointer-events: none;
	position: absolute; 
	background: #fff; 
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	z-index: 10;
	top: 20px;
	margin-top: 8px;
	min-width: max-content;
	right: 0;
}

.sort-filter.active-view {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}
.sort-filter .sort-option{
	align-items: center;
	border-bottom: 1px solid rgba(95, 94, 92, .12);
	box-sizing: border-box;
	cursor: pointer;
	display: flex;
	padding: 10px 30px 10px 0;
	position: relative;
	text-decoration: none;
	transition: background-color .3s ease;
	border: none;
	padding: 8px 16px 8px 16px;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: .7px;
	line-height: 24px;
	justify-content: space-between;
	gap:10px;
}
.sort-filter .sort-option svg{
	display:none;
}
.sort-filter .sort-option:hover{
	background-color: hsl(227.16deg 38% 81% / 12%);
}
.sort-filter .sort-option.active-sort{
	background-color: hsl(227.16deg 38% 81% / 12%);
}
.sort-filter .sort-option.active-sort svg{
	display:flex;
}
.promo-twin-banner{
	display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    gap: 32px;
}
.title-promo-banner.h1{
	text-transform: uppercase;	
}
.promo-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--grey);
  color: var(--white);
  padding: 40px;
  min-height: 300px;
}

.promo-block.yellow {
  background-color: var(--accent);
  color: var(--black);
}
.promo-block.grey {
  background-color: var(--grey);
  color: var(--white);
}

.promo-block.grey .promo-text .h3{
  color: var(--white);
}

.promo-block.yellow .promo-text .h3{
  color: var(--black);
} 

.promo-text .h3{
  font-weight: 550;
  text-transform: uppercase;
}
.promo-text{
	height: -webkit-fill-available;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.promo-text a{
	display: flex;
    gap: 12px;
    flex-direction: column;
}
.promo-image{
	flex: none;
}
.promo-block.yellow .promo-text p {
	font-weight: 400;
	font-size: 14px;
	line-height: 120%;
	color: var(--black);
}
.promo-block.grey .promo-text p {
	font-weight: 400;
	font-size: 14px;
	line-height: 120%;
	color: var(--white);
}

.promo-btn {
	display: inline-flex;
    padding: 12px 24px;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s;
    width: fit-content;
	font-weight: 500;
	line-height: 110%;
}

.promo-block.yellow .promo-btn{
	border: 1px solid var(--black);
    color: var(--black);
}

.promo-block.grey .promo-btn{
	border: 1px solid var(--white);
    color: var(--white);
}

.promo-block.yellow .promo-btn:hover{
	border: 1px solid var(--white);
    color: var(--black);
	background-color: var(--white);
}

.promo-block.grey .promo-btn:hover{
	border: 1px solid var(--white);
    color: var(--black);
	background-color: var(--white);
}


.promo-image img {
  max-height: 200px;
  object-fit: contain;
}

@keyframes loadingA {
  0 {
    height: 15px;
  }
  50% {
    height: 35px;
  }
  100% {
    height: 15px;
  }
}

@keyframes loadingB {
  0 {
    width: 15px;
  }
  50% {
    width: 35px;
  }
  100% {
    width: 15px;
  }
}

@keyframes loadingC {
  0 {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 5px);
  }
  100% {
    transform: translate(0, 0);
  }
}

@keyframes loadingD {
  0 {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes loadingE {
  0 {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes loadingF {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes loadingG {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  50% {
    transform: translate(70px, 0) rotate(360deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}

@keyframes loadingH {
  0% {
    width: 15px;
  }
  50% {
    width: 35px;
    padding: 4px;
  }
  100% {
    width: 15px;
  }
}

@keyframes loadingI {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes bounce {
  0%,
  100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}

@keyframes loadingJ {
  0%,
  100% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(80px, 0);
    background-color: #f5634a;
    width: 25px;
  }
}

::-moz-selection {
	    color: var(--black);
    background-color:  var(--accent);
    caret-color: red;
}
::selection {
    color: var(--white);
    background-color:  var(--grey);
    caret-color: red;
} 
.body-mini{
	font-weight: 400;
	font-style: Roman;
	font-size: 13px;
	line-height: 120%;
	color: var(--grey);
}


.circle {
  animation: move571 1s linear infinite;
}

.circle.right {
  animation-direction: reverse;
}


/*product*/

/* .product-full-content { */
    /* display: grid; */
    /* grid-template-columns: 5fr 4fr 3fr; */
	/* grid-template-rows: 11ch auto auto; */
    /* gap: 15px 30px; */
/* } */
    
/* .product-column1 { */
    /* grid-row: span 2 / span 2; */
/* } */

/* .product-column2 { */
    /* grid-column: span 2 / span 2; */
/* } */

/* .product-column3 { */
    /* grid-column-start: 2; */
    /* grid-row-start: 2; */
/* } */

/* .product-column4 { */
    /* grid-row: span 2 / span 2; */
    /* grid-column-start: 3; */
    /* grid-row-start: 2; */
/* } */

/* .product-column5 { */
    /* grid-column: span 2 / span 2; */
    /* grid-row-start: 3; */
/* } */

.product-full-content {
  display: grid;
  grid-template-columns: 5fr 4fr 3fr;
  grid-template-rows: auto 1fr auto;
  gap: 15px 30px;
  grid-auto-flow: row;
  grid-template-areas:
    "product-column1 product-column2 product-column2"
    "product-column1 product-column3 product-column4"
    "product-column5 product-column5 product-column4";
}

.product-column1 { grid-area: product-column1; }

.product-column2 {
	grid-area: product-column2;
	display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
 }

.product-column3 { grid-area: product-column3; }

.product-column4 { grid-area: product-column4; }

.product-column5 {
	grid-area: product-column5;
	display: flex;
    flex-direction: column;
    gap: 40px;
}

.one-attribute{
	display: flex;
    align-items: baseline;
    gap: var(--spacing-2xs);
}
.one-attribute .h4{
	text-transform: uppercase;
	font-size: 16px;
    font-weight: 600;
}
.one-attribute .s-text{
	font-weight: 400;
	font-size: 16px;
	line-height: 120%;
}
.product-purchases {
	display: flex;
    flex-direction: column;
    gap: 8px;
}

.product-purchases-title {
	font-weight: 900;
	font-style: Black;
	font-size: 16px;
	line-height: 120%;
	text-transform: uppercase;
}

.product-purchases-lists {
	display: flex;
    flex-direction: column;
    gap: 8px;
}

.product-purchase-lists {
	display: flex;
    align-items: center;
    gap: 30px;
}

.product-purchase-item {
	display: flex;
    flex-direction: column;
    gap: 8px;
	max-width: 160px;
}

.product-purchase-image {
	text-align: center;
    max-width: 160px;
}

.product-purchase-image img {
    width: 100%;
}
.product-purchase-title-price{
	display: flex;
    flex-direction: column;
    gap: 8px;
}
.product-purchase-title, .product-purchase-title a {
	font-weight: 400;
	font-size: 14px;
	line-height: 110.00000000000001%;
	color: var(--black);
}

.product-purchase-title a:hover {
	color: var(--grey);
}

.product-purchase-price {
	font-weight: 400;
	font-size: 10px;
	line-height: 120%;
	text-transform: uppercase;
}
.product-purchase-price b{
	font-weight: 900;
	font-size: 14px;
	line-height: 120%;
	text-align: right;
	text-transform: uppercase;
}

.product-purchase-icon{
	flex: none;
}

.product-purchase-bprices{
	display: flex;
    flex-direction: column;
    gap: 8px;
}

.product-purchase-bprice{
	font-weight: 400;
    font-size: 13px;
    text-transform: uppercase;
}
.product-purchase-bprice b{
	font-weight: 900;
	font-size: 24px;
	text-transform: uppercase;
}

.product-purchase-button{
	
}
.payment-methods-tabs{
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}
.delivery-pickup-methods-contents{
	background: #ffed001a;
    border-left: 3px solid #FFED00;
    padding: 20px;
	grid-column: span 2;
}
.payment-methods-contents{
	background: #ffed001a;
    border-left: 3px solid #FFED00;
    padding: 20px;
    margin-left: 45px;
}
.payment-method-content{
	display:none;
}
.payment-method-content.active{
	display:block;
}
.addation-contents-page {
	display: grid;
    grid-template-columns: 2fr 9fr;
    gap: 40px;
}

.addation-contents-page-menu {
	display: flex;
    flex-direction: column;
    background: var(--border);
	height: fit-content;
	position: sticky;
    top: 90px;
}
.addation-contents-page-menu a{
	color: var(--black);
    padding: 8px 16px;
	border-left: 8px solid #ffed0000;
}
.addation-contents-page-menu a.active{
    border-left: 8px solid var(--accent);
}
.addation-contents-page-menu a:hover{
	color: var(--grey);
}

.addation-contents-page-c {
	display: flex;
    flex-direction: column;
    gap: 8px;
}
.accordions-kr{
	background: var(--bg-second);
    padding: var(--spacing-xs) var(--spacing-s);
    display: flex;
    gap: var(--spacing-m);
    cursor: pointer;
    border-radius: 0;
    justify-content: space-between;
	align-items: center;
}
.open-accordions-kr{
    border: 1px solid var(--border);
    user-select: none;
}
.accordions-kr-arrow{
	display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: var(--white);
	transition: transform 0.3s ease;
	flex: none;
}
.accordions-kr-close.active .accordions-kr-arrow{
	background: var(--accent);
}
.accordions-kr-close .accordions-kr-arrow svg{
	transition: transform 0.3s ease;
    transform: rotate(0deg);
	stroke: var(--black);
}
.accordions-kr-close.active .accordions-kr-arrow svg{
	background: var(--accent);
	transform: rotate(180deg);
}
.accordions-kr-title{
	font-weight: 550;
	font-size: 20px;
}
.accordions-kr-section{
	
}
.accordions-kr-section-flex{
	display: flex;
    flex-direction: column;
    gap: 16px;
}
.accordions-kr-close .accordions-kr-section {
    display: none;
}
.accordions-kr-section{
    padding: var(--spacing-s);
}
.image-text-content{
	display: flex;
    gap: 16px;
}
.image-text-img{
	width: 144px;
    display: flex;
	flex: none;
}
.image-text-img img{
	width: 100%;
    height: fit-content;
}
.image-text-ct{
	
}
ul.markers {
}

ul.markers li {
	display: flex;
    gap: 8px;
    padding-left: 8px;
}
ul.markers li:before {
	content: "•";
}
.table {
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid var(--grey-m);
	border-collapse: collapse; 
}
.table th {
	padding: 16px;
	font-weight: 550;
	font-size: 14px;
	text-align: center;
	background: var(--grey-m);
    border: none;
}
.table td.center-text {
	text-align: center;
}
.table td {
	border-bottom: 1px solid var(--grey-m);
	padding: 16px;
}
.pagination-c-page{
	display: flex;
    flex-direction: row;
    gap: 8px;
	justify-content: center;
}
.pagination-c-page button{
	display: flex;
    align-items: center;
    width: fit-content;
	background: var(--grey-m);
}
.pagination-c-page button.active{
	background: var(--accent);
}
.pagination-c-page button:hover{
	color:var(--black);
	background: var(--grey);
}
.kredit-d{
	width: 100%;	
}
.bg-grey{
	background: var(--grey-m);
}
.content-form-block{
	padding: 32px;
}
.form-guarantee{
	display: grid;
	grid-template-columns: 1fr 1fr;
    gap: var(--spacing-s);
}
.grid-column-guarantee-2 {
    grid-column: span 2;
}
.addation-contents-page-c ol li {
   display: list-item;
}
.grid-2-type-full{
	display: grid;
    grid-template-columns: 6fr 6fr;
    gap: 20px;
}
.gifts-page-g{
	display: flex;
    flex-direction: column;
    gap: 20px;
}
.arrow-menu-list-f{
	display: flex;
    justify-content: space-between;
}
.arrow-menu-list-f svg{
	stroke: var(--black);
    flex: none;
	transition: all 200ms ease;
}
.arrow-menu-list-f:hover svg{
	stroke: var(--grey);
    flex: none;
}
.count-shop-region{
	display: flex;
    align-items: baseline;
    gap: 8px;
	font-weight: 400;
	font-size: 20px;
	position: relative;
}
.shopRegion{
	font-weight: 550;
	font-size: 20px;
	display: flex;
    align-items: center;
    gap: 8px;
	color: var(--green);
	cursor:pointer;
}
.shopRegion svg{
	stroke: var(--green);
    transition: all 200ms ease;
}
.shop-region-lists{
	display: flex;
    flex-direction: column;
    gap: 8px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 30px;
    background: var(--grey-m);
    padding: 16px;
	font-weight: 550;
	font-size: 20px;
}
.shop-region-item{
	cursor:pointer;
	display:flex;
	font-weight: 550;
	font-size: 20px;
	justify-content: space-between;
    align-items: center;
	color: var(--grey);
}
.shop-region-item.active{
	color: var(--black);
}
.shop-region-item svg{
	display:none;
}
.shop-region-item.active svg{
	display:flex;
}
.contacts-tabs-info{
	display: flex;
    flex-direction: column;
    gap: 20px;
}
@keyframes move571 {
  25% {
    transform: translateX(-32px);
  }

  75% {
    transform: translateX(32px);
  }
}

.code-builder {
	display: flex;
    background-color: var(--accent);
    padding: 30px 40px;
    text-align: center;
    /*overflow: hidden;*/
    margin: 0;
    gap: 20px;
    flex-direction: column;
    align-items: center;
}

.product-code {
	display: flex; 
	justify-content: space-between; 
	font-weight: 900; 
	font-size: 3.5vw; 
	line-height: 1.2; 
	padding: 0; 
	position: relative; 
	gap:20px;
}

.code-segment {
	margin: 0 3px; 
	display: inline-block; 
	white-space: nowrap; 
	position: relative; /* Контейнер для абсолютного позиционирования маркера */
}

/* Стили для встроенного маркера */
.segment-marker { 
	display: flex;
	flex-direction: column; 
	align-items: center;
	cursor: pointer;
	border-top: 1px solid var(--black);
	position: relative;
	gap: 5px;
}


		
.arrow-symbol {
	font-size: 0px;
	/* line-height: 0.6; */
	font-weight: bold;
	color: var(--black);
	transform: scaleX(-0.7);
	width: 14px;
	display: flex;
	align-items: flex-start;
}
.arrow-symbol::before {
	content: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 15' fill='currentColor'>\
<path d='M4 0h2v9h3l-4 6-4-6h3z'/>\
</svg>");
	color: #333;
	display: block;
	width: inherit;
	height: inherit;
}

.icon-symbol {
	width: 20px;
	height: 20px;
	background-color: white;
	border: 3px solid #666; 
	border-radius: 50%; 
	box-shadow: 0 0 0 2px #ffda00; /* Желтый ободок */
}

.instruction-text {
	font-size: 14px;
	color: #333;
	margin-top: 20px;
	position: relative; 
	text-align: left;
	width: 100%;
}

/* Стили для Всплывающего окна (Preview Popup) */
.preview-popup-info {
	background-color: var(--bg);
	border: 1px solid var(--border);
	padding: 5px 10px;
	border-radius: 4px;
	position: absolute; 
    bottom: 30px; /* Появляется над точкой (icon) */
    left: 50%; /* Центрируется относительно segment-marker */
    transform: translateX(-50%);
	z-index: 1;
	font-size: 14px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	display: none;
	color: var(--black);
	max-width: 250px;
	white-space: normal;
	text-align: left;
	overflow-wrap: break-word;
	font-weight: 400;
	width: 214px;
}

.decription-html-view{
	margin-top: 80px;
    display: flex;
    flex-direction: column;
    gap: 80px;
}
.decription-html-view iframe{
	max-width:100%;
}
.usefull-information-desc{
	padding: 40px;
    gap: 32px;
    border: 1px solid var(--border);
    display: flex;
    flex-direction: column;
}
.usefull-information-desc{
	padding: 40px;
    gap: 32px;
    border: 1px solid var(--border);
    display: flex;
    flex-direction: column;
	
}
.editor-html-view{
	
}
.symbols-html-view{
	display: flex;
    gap: 24px;
    flex-direction: column;
}
.symbols-html-view .h2{
	text-transform: uppercase;
}

.purpose-block{
	display: flex;
    gap: 10px;
}
.purpose-block .h4{
	text-transform: uppercase;
}

.modal_content.credit_modal {
	padding: 0px;
}

.credit_modal .modal_exit {
	z-index: 1;
}

.installment-m-content {
	display: flex;
	position: relative;
}

.installment-m-left {
	width: 380px;
	background: #fff;
	border-right: 1px solid #eee;
	overflow-y: auto;
}

.installment-m-product {
	padding: 20px;
	text-align: center;
	border-bottom: 1px solid #eee;
}

.installment-m-product img {
	max-width: 140px;
	border-radius: 12px;
}

.installment-m-product-name {
	margin: 12px 0 4px;
	font-weight: bold;
}

.installment-m-price-old {
	color: #999;
	text-decoration: line-through;
	font-size: 14px;
}

.installment-m-price-now {
	font-size: 32px;
	font-weight: bold;
	color: var(--black);
	margin: 8px 0;
}

.installment-m-badge {
	background: var(--light-yellow);
	color: var(--black);
	padding: 6px 14px;
	border-radius: 20px;
	font-size: 13px;
	display: inline-block;
	margin-top: 8px;
}



.installment-m-card {
	display: flex;
	align-items: center;
	padding: 12px 20px;
	border-bottom: 1px solid #eee;
	cursor: pointer;
	transition: all .2s;
	position: relative;
	gap: 10px;
}

.installment-m-card-icon {
	width: 40px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.installment-m-card:hover,
.installment-m-card.active {
	background: var(--light-yellow);
}

.installment-m-card.active::after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 6px;
	background: var(--accent);
}

.installment-m-card img {}

.installment-m-card-name {
	font-weight: bold;
	font-size: 14px;
}

.installment-m-card-details {
	font-size: 12px;
	color: #666;
}

.installment-m-right {
	flex: 1;
	padding: 30px;
	background: #fafafa;
	display: none;
	flex-direction: column;
}

.installment-m-right.active {
	display: flex;
	max-width: 650px;
}

.installment-m-header {
	text-align: center;
	margin-bottom: 30px;
}

.installment-m-header img {
	width: 250px;
	margin-bottom: 10px;
	max-width: 100%;
}

.installment-m-monthly-big {
	font-size: 48px;
	font-weight: bold;
	color: var(--black);
	margin: 10px 0;
}

.installment-m-total-text {
	font-size: 15px;
	color: #555;
}

.installment-m-slider-box {
	margin: 15px 0;
}

.installment-m-slider-label {
	font-weight: bold;
    margin-bottom: 12px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

input.installment-m-range {
	width: 100%;
	height: 10px;
	border-radius: 5px;
	background: #e0e0e0;
	outline: none;
	-webkit-appearance: none;
	padding: 0;
	transition: all 0ms ease;
}

input.installment-m-range:hover {
	border: none;
}

input.installment-m-range::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 15px;
	height: 15px;
	background: var(--accent);
	border-radius: 50%;
	cursor: pointer;
}

.installment-m-slider-values {
	display: flex;
	justify-content: space-between;
	margin-top: 8px;
	font-size: 13px;
	color: #777;
	font-weight: normal;
}

.range-labels {
  position: relative;
  width: 100%;
  height: 20px;
  margin-top: 5px;
}
.range-labels span {
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  font-size: 12px;
  color: #777;
  pointer-events: none;
  white-space: nowrap;
}

.installment-m-downpayment-info {
	background: #f0f0f0;
	padding: 12px;
	border-radius: 10px;
	margin: 15px 0;
	font-size: 14px;
	text-align: center;
	color: #333;
}

.installment-m-options {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin: 25px 0;
}

.installment-m-option {
	flex: 1;
	min-width: 140px;
	padding: 12px;
	border: 1px solid #ddd;
	border-radius: 10px;
	text-align: center;
	font-size: 13px;
	background: #fff;
}

.installment-m-option input {
	margin-right: 6px;
}

.installment-m-btn {
	background: var(--accent);
	color: #fff;
	border: none;
	padding: 18px;
	font-size: 18px;
	font-weight: bold;
	border-radius: 12px;
	cursor: pointer;
	margin-top: auto;
}
@media(max-width:1200px){.credit2
{
padding-top: 3px;
}}

.installment-m-btn:hover {
	background: #c2185b;
}

.installment-m-note {
	font-size: 13px;
	color: #888;
	line-height: 1.5;
	margin-top: 20px;
	padding-bottom: 15px;
}

.installment-m-close {
	position: absolute;
	top: 16px;
	right: 20px;
	font-size: 36px;
	color: #aaa;
	cursor: pointer;
	background: none;
	border: none;
	z-index: 10;
}
::-moz-scrollbar {width: var(--w-slider); height: var(--h-slider);}
::-moz-scrollbar-track-piece  {	background-color: var(--border);}
::-moz-scrollbar-thumb:vertical {height: 30px;background-color: var(--accent);}
::-moz-scrollbar-thumb:horizontal {height: 30px;background-color: var(--accent);}
::-webkit-scrollbar {width: var(--w-slider); height: var(--h-slider);}
::-webkit-scrollbar-track-piece  { background: var(--border) 100% 100% no-repeat;background-size: cover; }
::-webkit-scrollbar-thumb:vertical {height: 30px;background-color: var(--accent);}
::-webkit-scrollbar-thumb:horizontal {height: 30px;background-color: var(--accent);}