:root{
  --main-color : #132024;
  --orange : #FFA101;
  --grey : #6D7E82;
  --green-dark: #31525B;
  --green: #28B469;
  --red : #ED0A34;
  --back-grey :#F3F3F5;
}

@font-face {
  font-family: 'Okta Neue';
  src: url('fonts/OktaNeue-Bold.woff2') format('woff2'),
      url('fonts/OktaNeue-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Okta Neue';
  src: url('fonts/OktaNeue-Medium.woff2') format('woff2'),
      url('fonts/OktaNeue-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Okta Neue';
  src: url('fonts/OktaNeue-Black.woff2') format('woff2'),
      url('fonts/OktaNeue-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Okta Neue';
  src: url('fonts/OktaNeue-Thin.woff2') format('woff2'),
      url('fonts/OktaNeue-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Okta Neue';
  src: url('fonts/OktaNeue-Regular.woff2') format('woff2'),
      url('fonts/OktaNeue-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Okta Neue';
  src: url('fonts/OktaNeue-SemiBold.woff2') format('woff2'),
      url('fonts/OktaNeue-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

*{
  font-family: 'Okta Neue';
}

@media(min-width:1220px){
  .container{
    max-width: 1160px;
  }
}
.header-container{
  display: flex;
  flex-direction: column;
  background-color: #fff;
}
ul{
  padding-left: 0;
  margin-bottom: 0;
}
.header_top{
  width: 100%;
}
.header-top-container{
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header_bottom{
  background-color: #31525B;
}

.header-bottom-container{
  width: 100%;
  height: 64px;
}

.header-top-menu,
.social_list{
  display: flex;
  align-items: center;
  column-gap:16px;
}
.social_list{
  column-gap: 12px;
}
a{
  text-decoration: none;
}

.lang{
  text-transform: uppercase;
  color: #132024;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  transform: translateY(2px);
  padding: 2px 2.5px;
  line-height: 20px; /* 142.857% */
}
.header-top-menu li a{
  color: #6D7E82;
  transition: .3s ease;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
}

.header-top-menu li a:hover{
  color: #132024;
}

.number-socials{
  display: flex;
  align-items: center;
  column-gap: 16px;
}

.header-number{
  color: #132024;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.number-socials a{
  transition: .3s ease;
}
.number-socials a:hover{
  color: #FFA101;
}
.header-number span{
  color: #FFA101;
}
.social_list li a{
  display: flex;
  align-items: center;
}
.logo{
  height: 32px;
}

.header-bottom-container{
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 50px;
}

.logo img,
.logo svg{
  max-height: 100%;
  object-fit: contain;
  height: auto;
}
.catalog-and-search{
  display: flex;
  align-items: center;
 background-color: #fff;
  height: 32px;
  margin-right: 24px;
  position: relative;
}

.catalog-open{
  height: 100%;
  width: 120px;
  display: flex;
  align-items: center;
  column-gap: 4px;
  border-radius: 2px 0px 0px 2px;
  background: #F3F3F5;
  color:  #132024;
  font-size: 14px;
  justify-content: center;
  padding: 4px 6px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
}
.search-form{
  display: flex;
  align-items: center;
  height: 100%;
}
.search-form input{
  width: 496px;
  height: 32px;
  background-color: #fff;
  padding: 2px 8px;
  color: #6D7E82;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
}
input::placeholder{
  color: #CACCD0;
}

.search-form button{
  width: 32px;
  height: 32px;
  border-radius: 0 2px 2px 0;
  background:  #FFA101;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-dropdown{
  position: relative;
  z-index: 9;
}
.dropdown-open{
  display: flex;
  align-items: center;
  column-gap: 4px;
}
.header-bottom-tools{
  display: flex;
  align-items: center;
}

.user-dropdown .dropdown-open{
  display: flex;
  min-width: 168px;
  height: 32px;
  padding: 6px 16px;  justify-content: center;
  align-items: center;
  border-radius: 2px;
  background:  #FFA101;
  cursor: pointer;
  color: #31525B;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
}
.user-dropdown .dropdown-open a{
  color: #31525B;
}

.user-dropdown .registered-user-dropdown-open{
  background-color: transparent;
  color: #FFA101;
}

.user-dropdown .registered-user-dropdown-open p{
  display: flex;
  align-items: center;
  white-space: nowrap;
  column-gap: 8px;
  margin-bottom: 0;
}

.user-dropdown .registered-user-dropdown-open p .name_title{
  padding: 6px 6px;
  color: #FFF;
  text-align: center;
  background-color: #FFA101;
  border-radius: 2px;
  font-size: 14px;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
}

.name-user{
  width: 82px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropdown-open svg{
  transition: .3s ease;
}

.dropdown-open.active svg{
  transform: rotate(180deg);
}

.dropdown-drop-inner{
  display: flex;
  flex-direction: column;
  border-radius: 2px;
  background: #fff;
  padding: 12px 8px;
  /* shadow-03 */
  box-shadow: 0px 4px 40px 0px rgba(32, 32, 32, 0.08);

}

.dropdown-drop-inner a{
  padding: 10px 12px;
  display: flex;
  align-items: center;
  column-gap: 12px;
  color: var(--main-color);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
  transition: .3s ease;
}
.dropdown-drop-inner a:hover{
  background-color: #F3F3F5;
}
.dropdown-drop-inner a.active{
  background-color: #F3F3F5;
}
.dropdown-drop-inner a svg{
  flex: none;
}
.dropdown-drop{
  position: absolute;width: 100%;
  margin-top: 5px;
  display: none;
  width: 240px;
}

.header-tool-icon{
  width: 32px;
  height: 32px;
  margin-left: 16px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  position: relative;
}

.header-tool-count{
  position: absolute;
  width: 14px;
  height: 14px;
  color:  #FFA101;
  text-align: center;
  font-size: 8px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px; /* 200% */
  text-transform: uppercase;
  border-radius: 100%;
  top: -7px;
    right: -7px;
    padding-left: 1px;
  background-color: #132024;
}
.filled-wishlist{
  display: none;
}

.header-wishlist.added .filled-wishlist{
  display: block;
}
.header-wishlist.added .empty-wishlist{
  display: none;
}

.banner-container{
  display: flex;
  column-gap: 24px;
  margin-top: 24px;
  padding-bottom: 48px;
}
.banner-navside,
.banner-daily{
  width: 264px;
  min-height: 404px;

}

.banner-image{
  width: calc(100% - 576px);
  min-height: 404px;
}

.banner-navside{
  border-radius: 2px;
  background:  #F3F3F5;
}
.nav-parent{
  display: flex;
  align-items: center;
  column-gap: 12px;
  padding: 10px 8px;
  color:  #6D7E82;
  position: relative;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
  transition: .3s ease;
}

.nav-parent:after{
  width: 16px;
  position: absolute;
  right: 10px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(images/right-arr.svg);
  transition: .3s ease;
  content: '';
}
.nav-parent.active:after{
  background-image: url(images/yellow-right-arr.svg);
}

.nav-parent:hover:after{
  background-image: url(images/yellow-right-arr.svg);
}

.nav-parent svg path{
  transition: .3s ease;
}

.nav-parent:hover{
  color: #FFA101;
}

.nav-parent.active{
  color: #FFA101;
}

.nav-parent.active svg path{
  fill: #FFA101;
}

.nav-parent:hover svg path{
  fill: #FFA101;
}

.navside-links{
  padding: 2px 0;
}

.custom-tab{
  display: none;
}

.custom-tab.active{
  display: block;
}
.tablinks{
  display: flex;
  align-items: center;
  column-gap: 24px;
  margin-bottom: 24px;
}

.solid-tablinks a{
  color: #CACCD0;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px; /* 106.667% */
  transition: .3s ease;
}

.solid-tablinks a.active{
  color: #132024;
}

.solid-tablinks a:hover{
  color: #132024;
  opacity: .6;
}

.product-card{
  padding: 16px;
  border-radius: 2px;
  border: 1px solid #D4D6DB;
  display: flex;
  flex-direction: column;
  position: relative;
}
.product-card-image{
  width: 100%;
  padding: 8px;
  margin-bottom: 8px;
}

.product-card-image img{
  aspect-ratio: 1/1;
  width: 100%;
  object-fit: cover;
}

.product-card-details{
  display: flex;
  flex-direction: column;
}

.product-card-title{
  color:  #132024 !important;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 133.333% */
  margin-bottom: 4px;
}

.product-card-status{
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}

.product-card-status.in-stock{
  color: #28B469;
  margin-bottom: 8px;
  display: block;
}
.product-card-status.no-stock{
  color: #ED0A34;
  margin-bottom: 8px;
  display: block;
}
.pc-discount-price{
  display: block;
  color:  #6D7E82;
  text-decoration: line-through;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 8px;
  line-height: 28px; /* 116.667% */
}

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

.product-card-price p{
  color: #132024;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px; /* 112.5% */
  margin-bottom: 0;
}
.product-card-price p span{
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  margin-left: 4px;
  line-height: 24px;
}

.pc-monthly-info{
  color:  #6D7E82;
  text-align: right;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
}

.pc-add-to-cart{
  margin-top: 32px;
  height: 44px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #31525B;
  transition: .3s ease;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
}

.pc-add-to-cart:hover{
  background-color: #FFA101;
}

.cs-controls{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
}


.cs-pagination{
  width: auto !important;
  position: relative;
  top: unset !important;
  bottom: unset !important;
  margin: 0 8px;
  display: flex;
}

.swiper-button-disabled{
  opacity: .4;
}
.custom-pagination .swiper-pagination-bullet{
  background-color: #F3F3F5;
  width: 12px;
  height: 12px;
  opacity: 1;
}

.custom-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background-color: #FFA101;
  opacity: 1;
}
.cs-button-prev,
.cs-button-next{
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-pagination ul li{
  width: 24px;
  height: 24px;
  display: flex;
  border-radius: 4px;
  justify-content: center;
}
.custom-pagination ul li.disabled{
  opacity: .5;
}
.custom-pagination ul li:first-child{
  background-image: url(images/right-arr.svg?v=2);
  background-position: center;
  width: 24px;
  height: 24px;
  transform: rotate(-180deg);
  background-repeat: no-repeat;
}
.custom-pagination ul li:last-child{
  background-image: url(images/right-arr.svg?v=2);
  background-position: center;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
}
.custom-pagination ul li.active{
  background-color: #31525B;
  color: #fff;
}
.custom-pagination ul li:last-child *,
.custom-pagination ul li:first-child *{
  opacity: 0 !important;
}

.product-carousel{
  margin-bottom: 48px;
  display: block;
}

.card-wishlist{
  border-radius: 2px;
  background:#F3F3F5;width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 5;
}
.section-title{
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px; /* 106.667% */
  color: var(--main-color);
  margin-bottom: 24px;
}
.brand-slider .swiper-slide{
  width: fit-content;
}
.partners-section .swiper-wrapper{
  justify-content: center;
}
.partners-section{
  background-color: var(--back-grey);
  padding: 24px 0;
  margin-bottom: 48px;
}

.c-wishlist-icon{
  width: 16px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(images/heart.svg);
}
.card-wishlist.added .c-wishlist-icon{
  background-image: url(images/heart-filled.svg);
}
.suggestion-card{
  border-radius: 2px;
  overflow: hidden;
  position: relative;
  width: calc((100% - 72px) / 4);
  height: 320px;
}

.suggestion-card img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .8s ease;
}

.suggestion-card:hover img{
  transform: scale(1.02);
}

.suggestion-list{
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.sg_text{
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  padding: 19px 16px;
  border-radius: 0px 0px 2px 2px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.75) 100%);
}
.sg_text span{
  color: #FFF;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 120% */
}
.suggestions-section{
  margin-bottom: 48px;
}
.banner-daily{
  display: flex;
  flex-direction: column;
  border-radius: 2px;
  border: 1px solid #D4D6DB;
}
.banner-daily .product-card{
  border: 0;
}

.banner-daily h3{
  padding: 8px 16px;
  color: var(--main-color);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 24px; /* 133.333% */
}

#countdown{
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #D4D6DB;
  padding-bottom: 8px;
}
.banner-daily .pc-add-to-cart{
  margin-top: 16px;
}
.banner-daily .product-card-title,
.product-card-price p span{
  font-size: 16px;
  line-height: 20px;
}
.banner-daily .pc-monthly-info{
  font-size: 14px;
  line-height: 20px;
}
.banner-daily .product-card-price p{
  font-size: 24px;
  line-height: 28px;
}

.banner-daily .pc-discount-price{
  font-size: 18px;
  line-height: 24px;
}

.banner-daily .product-card-image{
  height: 140px;padding: 0;
}
.banner-daily .product-card-image img{
  height: 100%;
  object-fit: contain;
}

#countdown div{
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--green);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  position: relative;
  line-height: 20px; /* 142.857% */
}

.divider{
  position: relative;
  width: 1px;
  height: 14px;
  margin: 0 20px;
  background-color: var(--back-grey);
  content: '';
}
#countdown div span{
  color: #6D7E82;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
}
.footer{
  background-color: var(--green-dark);
}
.footer-left{
  max-width: 246px;
}
.footer-container{
  display: flex;
  justify-content: space-between;
  column-gap: 232px;
  padding: 40px 0;
}

.footer_logo img,
.footer_logo svg{
  height: 48px;
  width: auto;
}

.footer-socials{
  display: flex;
  flex-direction: column;
  margin-top: 56px;
}

.footer-socials p{
  color: #CACCD0;
  margin-bottom: 16px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
}

.footer-social-list{
  display: flex;
  align-items: center;
  column-gap: 16px;
}

.footer-social-list li a{
  display: flex;
  align-items: center;
}
.footer-right{
  width: calc(100% - 478px);
  display: flex;
  column-gap: 120px;
}

.footer-block{
  display: flex;
  flex-direction: column;
  width: calc(50% - 8px);
}

.footer-title{
  color:  #FFF;
  margin-bottom: 24px;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; /* 116.667% */
}

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

.footer-list.footer-menu-list li a{
  color: #CACCD0;
  transition: .3s ease;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
}
.footer-list.footer-menu-list li a:hover{
  color: #fff;
}

.footer-list.footer-contact-list li a{
  display: flex;
  align-items: center;
  column-gap: 10px;
  transition: .3s ease;
  color: #ffff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
}
.footer-list.footer-contact-list li a:hover{
  color: var(--orange);
}

.show_on_map_link{
  justify-content: flex-start;
  color: #6D7E82 !important;
  text-align: left;
  padding-left: 34px;
}.show_on_map_link:hover{
  color: #fff !important;
}

.banner-navside{
  position: relative;
  z-index: 5;
}
.navside-megamenu{
  position: absolute;
  width: 100%;
  height: 100%;
  width: calc(1136px - 264px);
  left: 264px;
  border-left: 1px solid #D4D6DB;
  background-color: #F3F3F5;
  padding: 12px 24px;
  padding-right: 4px;
  top: 0;
  opacity: 0;
  pointer-events: none;
}

.navside-links>ul>li:hover .navside-megamenu{
  opacity: 1;
  pointer-events: all;
}
.simplebar-track.simplebar-vertical{
  width: 4px;
  background-color: #D4D6DB;
  border-radius: 18px;
}
.simplebar-scrollbar:before{
  opacity: .6 !important;
  background: #52575C !important;
  border-radius: 18px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.navside-mega-inner{
  position: relative;
  width: 100%;
  height: 100%;
}
.banner-container{
  position: relative;
}
.navside-mega-inner-grid{
  position: relative;
  width: 100%;
  height: 100%;

  column-count: 4;
}

.navside-mega-block{
  width: 100%;
  display: inline-block;
  padding-bottom: 16px;
  padding-right: 24px;
}
.navside-mega-block .navside-mega-title{
  color: var(--main-color);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 133.333% */
  margin-bottom: 4px;
}

.navside-mega-block ul{
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}

.navside-mega-block ul li a{
  color:  #6D7E82;
  font-size: 12px;
  font-style: normal;
  transition: .3s ease;
  font-weight: 600;
  line-height: 16px; /* 133.333% */
}
.navside-mega-block ul li a:hover{
  color: var(--orange);
}

.page-section{
  padding-top: 24px;
  padding-bottom: 40px;
}

.breadcrumbs{
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  flex-wrap: wrap;
  row-gap: 8px;
}

@media(min-width:768px){
  .pg-swiper .swiper-pagination{
    display: none;
  }
}
.pg-swiper .swiper-pagination-bullet{
  width: 20px;
  border-radius: 4px;
  height: 2px;
  background-color: #fff;
  opacity: .5;
}
.pg-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{
  opacity: 1;
}
.filter-close-mobile{
  display: none;
}

.cc-head-right{
  display: flex;
  align-items: center;
  column-gap: 12px;
}

.mobile-open-filter{
  display: flex;
  display: none;
  align-items: center;
  column-gap: 8px;
}

.mobile-open-filter svg{
  width: 20px;
  height: 20px;
}

.breadcrumbs a{
  color:  #CACCD0;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
  position: relative;
}

.breadcrumbs a:before{
  position: relative;
  content: '/';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
  margin: 0 8px;
}
.breadcrumbs a:first-child::before{
  content: none;
}

.breadcrumbs a:last-child::before{
  color: #6D7E82;
}
.breadcrumbs a:last-child{
  color: #6D7E82;
}

.page-title{
  margin-bottom: 24px;
}

.page-title h1{
  color: var(--main-color);
  margin-bottom: 0;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px; /* 106.667% */
}

.page-tab-links{
  display: flex;
  overflow: hidden;
  background-color: #F3F3F5;
  border-radius: 8px;
  height: 44px;
  width: fit-content;
  max-width: max-content;
  margin-bottom: 24px;
}
.page-tab-links li a{
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color:  #6D7E82;
  font-size: 16px;
  border-radius: 8px;
  transition: .3s ease;
  height: 100%;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
}
.page-tab-links li a:hover{
  color: var(--green-dark)
}
.page-tab-links li a.active{
  background-color: var(--green-dark);
  color: #fff;
}
.blog-list{
  display: flex;
  flex-wrap: wrap;
  row-gap: 54px;
  column-gap: 24px;
  margin-bottom: 48px;
}

.blog-card{
  width: calc((100% - 48px) / 3);
  display: flex;
  flex-direction: column;
}
.blog-card-img{
  width: 100%;
  height: 240px;
  transition: .3s ease;
}

.blog-card:hover .blog-card-img{
  box-shadow: 0px 4px 40px 0px rgba(32, 32, 32, 0.15);
  transform: translateY(-3px);
}

.blog-card-img img{
  height: 100%;
  width: 100%;
  border-radius: 2px;
  object-fit: cover;
}

.blog-card-info{
  display: flex;
  flex-direction: column;
  padding-top: 16px;
}
.blog-card-category{
  color: var(--orange);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 171.429% */
}

.blog-card-title{
  margin-bottom: 8px;
  margin-bottom: 24px;
  color: var(--main-color);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 133.333% */
}

.blog-card-description{
  margin-bottom: 45px;
  color:  #6D7E82;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
}

.blog-card-read-more{
  color: var(--orange);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
}

.custom-pagination{
  display: flex;
  justify-content: center;
}

.custom-pagination ul{
  display: flex;
  align-items: center;
  column-gap: 3px;
}

.custom-pagination ul li a{
  color: var(--main-color);
  border-radius: 4px;
  width: 24px;
  height: 24px;
  border: 1px solid transparent;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
}

.custom-pagination ul li a.active{
  border: 1px solid var(--main-color);
}

.custom-pagination ul li a.disabled{
  opacity: .5;
}

.blog-inner-ttle{
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}

.blog-inner-ttle .bi-title-category{
  color: var(--orange);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 120% */
  margin-bottom: 8px;
}
.blog-inner-ttle h1{
  margin-bottom: 0;
  color: var(--main-color);
  font-size: 42px;
  font-style: normal;
  font-weight: 600;
  line-height: 50px; /* 119.048% */
}

.blog-inner-container{
  max-width: 744px;
  margin: 0 auto;
  margin-bottom: 48px;
}

.blog-inner-top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 8px;
}

.blog-inner-infos{
  display: flex;
  align-items: center;
}
.separator-svg{
  margin-left: 12px;
  margin-right: 14px;
}
.blog-inner-infos span{
  display: flex;
  align-items: center;
  column-gap: 8px;
  color: #6D7E82;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
}
.blog-inner-share{
  display: flex;
  align-items: center;
  column-gap: 24px;
}
.blog-inner-share a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

.blog-inner-share a img,
.blog-inner-share a svg{
  width: 100%;
  height: 100%;
}

.blog-main-image{
  width: 100%;
  overflow: hidden;
  height: auto;
  border-radius: 8px;
  margin-top: 24px;
}

.blog-main-image img{
  width: 100%;
  height: auto;
}
.blog-content{
  color: var(--main-color);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
}
.blog-content img{
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.blog-content p{
  margin: 24px 0;
}
.blog-content iframe{
  width: 100%;
}

.back-to-blog-list{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  color: #31525B;
  border: 1px solid #31525B;
  border-radius: 2px;
  transition: .3s ease;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
  width: fit-content;
  margin: 0 auto;
  max-width: max-content;

}
.back-to-blog-list:hover{
  background-color: #31525B;
  color: #fff;
}

.default-page-content{
  color: var(--main-color);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
}

.default-page-content p{
  display: flex;
  flex-direction: column;
  column-gap: 8px;
  margin: 24px 0;
}
.default-page-content h1,
.default-page-content h2,
.default-page-content h3,
.default-page-content h4,
.default-page-content h5,
.default-page-content h6{
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
}
.default-page-content h1 + p,
.default-page-content h2 + p,
.default-page-content h3 + p,
.default-page-content h4 + p,
.default-page-content h5 + p,
.default-page-content h6 + p{
  margin-top: 8px;
  padding-left: 20px;
}

.default-page-content p:empty{
  display: none;
}

.faq-container{
  max-width: 744px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
}
.acc-item{
  display: flex;
  flex-direction: column;
  padding: 16px 12px;
  border-bottom: 1px solid #F3F3F5;
}

.acc-open{
  display: flex;
  justify-content: space-between;
  column-gap: 12px;
  cursor: pointer;

}

.acc-open p{
  margin-bottom: 0;
}
.acc-open .accordion-icon{
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(images/acc-open.svg);
  flex: none;
}

.acc-content{
  padding: 12px;
  color:var(--main-color);
  display: none;
  background-color: #F3F3F5;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  margin-top: 14px;
}

.acc-open.active .accordion-icon{
  background-image: url(images/acc-close.svg);
}

.account-reg-section{
  min-height: calc(100vh - 104px);
  background-color: #F3F3F5;
  background-position: bottom right;
  background-repeat: no-repeat;
  background-image: url(images/acc-back.svg);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.acc-reg-box{
  max-width: 552px;
  width: 100%;
  background: #fff;
  filter: drop-shadow(0px 4px 40px rgba(32, 32, 32, 0.08));
  padding: 48px;
  border-radius: 2px;
}
.acc-bpx-title{
  margin-bottom: 40px;
}
.acc-bpx-title h4{
  color: var(--main-color);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; /* 116.667% */
  margin-bottom: 8px;
}

.acc-bpx-title p{
  color: var(--main-color);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}

.acc-reg-form-group{
  margin-bottom: 16px;
}
.acc-reg-form-group-multi{
  display: flex;
  align-items: center;
}
.acc-inp,
.acc-reg-form-group-multi input{
  width: 100%;
  padding: 0 12px;
  border-radius: 2px;
  border: 1px solid  #D4D6DB;
  height: 56px;
  color: var(--main-color);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
}
.acc-reg-form-group-multi{
  height: 56px;
  border: 1px solid  #D4D6DB;
  padding: 6px 12px;
  margin-bottom: 16px;
}
.acc-reg-form-group-multi input{
  border: 0;
  height: 24px;
}

.acc-submit{
  width: 100%;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border-radius: 2px;
  background-color: #31525B;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  transition: .3s ease;
  line-height: 20px; /* 125% */
  margin-bottom: 16px;
}

.acc-submit:hover{
  background-color: var(--orange);
}
.acc-submit.disabled{
  background-color: rgba(49, 82, 91, 0.20);
  pointer-events: none;
}

.forgot_password{
  color:  #31525B;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  transition: .3s ease;
  line-height: 20px; /* 142.857% */
  margin-bottom: 24px;
  display: block;
}

.forgot_password:hover{
  color: var(--main-color);
}

.acc-reg-text,
.acc-reg-text-accept{
  color: #CACCD0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}

.acc-reg-text a{
  color: var(--orange);
  font-size: 14px;
  font-style: normal;
  margin-left: 8px;
  transition: .3s ease;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}

.acc-reg-text a:hover{
  color: #31525B;
}

.acc-reg-text-accept{
  margin-top: 16px;
}

.acc-reg-text-accept a{
  color: #31525B;
  font-size: 14px;
  font-style: normal;
  transition: .3s ease;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}

.acc-reg-text-accept a:hover{
  color: var(--orange);
}

.form-floating input{
  padding-left: 12px !important;
  padding-right: 12px !important;
  height: 56px !important;
  border-radius: 4px;
  border: 1px solid #D4D6DB;
  color:  #132024;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px !important; /* 125% */
  padding-bottom: 12px !important;
  padding-top: 25px !important;
}

.acc-reg-form-group .form-floating label{
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  color: #CACCD0;
  top: 16px;
  left: 12px;
  padding-left: 0;
}
.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label{
  font-size: 14px !important;
  transform: translateY(-8px) !important;
  color: #6D7E82 !important;
}

.acc-reg-form-group-multi .chosen-container{
  width: 54px !important;
  margin-right: 0;
  flex: none;
}

.chosen-container-single .chosen-single span{
  margin-right: 0;
}

.chosen-search{
  display: none;
}

.chosen-results{
  display: flex;
  flex-direction: column;
}

.chosen-results li{
  padding: 5px 8px;
  color: #132024;
}
.chosen-container .chosen-results li.highlighted{
  color: #132024 !important;
}
.acc-reg-form-group-multi .chosen-single{
  border: 0 !important;
  color:  #132024;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
}
.chosen-container .chosen-results li.active-result.result-selected{
  background-color: #31525B;
  color: #fff !important;
}

.acc-reg-form-group-multi .chosen-container.chosen-with-drop .chosen-drop{
  margin-left: -8px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.chosen-container-active.chosen-with-drop .chosen-single div b{
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(images/select-down.svg);
  transform: rotate(180deg);
}
.chosen-single div b{
  background-position: center;
  background-repeat: no-repeat;
  transition: .3s ease;
  background-size: contain;
  background-image: url(images/select-down.svg);
}

.multi_group-label{
  color:  #6D7E82;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  position: absolute;
  top: 4px;
  left: 12px;
}
.acc-reg-form-group-multi{
  position: relative;
  padding-top: 23px;
}

.login-timer{
  display: flex;
  align-items: center;
  column-gap: 4px;
  color:  #6D7E82;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}

.login-timer{
  margin-top: 4px;
  margin-bottom: 16px;
}

.send-code-again{
  color: var(--orange);
  background-color: transparent;
  display: none;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}

.login-timer.expired .send-code-again{
  display: block;
}

.login-timer.expired  span{
  display: none;
}

.reg-back{
  display: flex;
  align-items: center;
  column-gap: 2px;
  color:  #31525B;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  margin-bottom: 34px;
}
.acc-reg-form-group-2{
  display: flex;
  column-gap: 16px;
}
.acc-reg-form-group-2  .form-floating{
  width: calc(50% - 8px);
}

.predictive-search-dropdown{
  position: absolute;
  top: 40px;
  width: 100%;
  left: 0;
  background-color: #fff;
  padding: 24px;
  height: auto;
  border-radius: 2px;
  display: none;
  /* Shadow/04 */
  box-shadow: 0px 4px 4px 0px rgba(0, 32, 51, 0.04), 0px 8px 24px 0px rgba(0, 32, 51, 0.12);
}
.header{
  position: fixed;
  z-index: 99;width: 100%;
  top: 0;
}
body{
  padding-top: 104px;
}



@media(max-width:991px){
  body{
    padding-top: 0;
  }
  body:has(.cart-popout.active) .body-layer{
    display: block !important;
  }
  body:has(.cart-popout.active){
    overflow: hidden;
  }
  .predictive-search-dropdown{
    top: 64px !important;
  }
  .header{
    position: relative;
    z-index: 9;
  }
}
.predictive-search-list{
  display: flex;
  flex-direction: column;
}

.predictive-search-list a{
  padding: 16px 0;
  border-bottom: 1px solid #F3F3F5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 24px;
}

.predictive-item-left{
  display: flex;
  align-items: center;
  column-gap: 32px;
}
.predictive-search-img{
  width: 80px;
  height: 80px;
  border-radius: 2px;
  flex: none;
}

.predictive-search-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2px;
}
.predictive-search-list a:first-child{
  padding-top: 0;
}

.predictive-search-list a:last-child{
  border-bottom: 0;
}

.predictive-item-left p{
  color: var(--main-color);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  transition: .3s ease;
}
.predictive-search-list a:hover .predictive-item-left p{
  color: var(--orange);
}

.predictive-right-price{
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 4px;
}

.ps-discounted-price{
  color:  #6D7E82;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 133.333% */
  text-decoration: line-through;
  margin-bottom: 0;
}


.ps-regular-price{
  color: var(--main-color);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; /* 116.667% */
  margin-bottom: 0;
}

.predictive-search-all{
  color: var(--orange);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  transition: .3s ease;
  margin: 8px 0;
}

.predictive-search-all:hover{
  color: var(--green-dark);
}

.cart-popout{
  position: absolute;
  right: 0;
  top: 40px;
  width: 360px;
  border-radius: 2px;
  background: #fff;
  padding: 16px;
  padding-top: 40px;
  opacity: 0;
  pointer-events: none;
  transition: .4s ease;
  /* Shadow/04 */
  box-shadow: 0px 4px 4px 0px rgba(0, 32, 51, 0.04), 0px 8px 24px 0px rgba(0, 32, 51, 0.12);
}

.cart-popout.active{
  opacity: 1;
  pointer-events: all;
}
.cart-popout-list{
  display: flex;
  flex-direction: column;

}
.cart-popout-item{
  padding: 16px 0;
  border-bottom: 1px solid #F3F3F5;
  display: flex;
  column-gap: 16px;
}
.cart-popout-item:first-child{
  padding-top: 0;
}

.cart-popout-item:last-child{
  border-bottom: 0;
}

.cart-popout-image{
  width: 80px;
  height: 80px;
  flex: none;
}

.cart-popout-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cart-pp-product-info{
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}

.cart-pp-product-info h5{
  color: var(--main-color);
  font-size: 14px;
  font-style: normal;
  text-align: left;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  margin-bottom: 0;
  transition: .3s ease;
}

.cart-popout-item:hover .cart-pp-product-info h5{
  color: var(--orange);
}

.cart-pp-item-price{
  color: var(--main-color);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  margin-bottom: 0;
}

.cart-pp-item-price span{
  font-size: 24px;
}

.orange-btn{
  padding: 12px 20px;
  border-radius: 2px;
  background:  #FFA101;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  color:  #31525B;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
  transition: .3s ease;
}

.orange-btn:hover{
  background-color: #31525B;
  color: #fff;
}

.cart-pp-redirect{
  width: 100%;
  margin-top: 8px;
}


.header-megamenu{
  position: absolute;
  left: 0;
  top: 104px;
  width: 100%;
  background-color: #F3F3F5;
  padding: 32px ;
  height: calc(100vh - 104px);
  display: none;
}
.navside-links>ul>li.active>a{
  color: #FFA101;
}
.navside-links>ul>li.active svg path {
  fill: #FFA101;
}

.navside-links>ul>li.active .navside-megamenu{
  opacity: 1;
  pointer-events: all;
}

.o-hidden{
  height: 100vh;
  overflow: hidden;
}

.body-layer{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 98;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}

.ct-items{
  display: flex;
  flex-direction: column;
  max-height: 325px;
    overflow-y: auto;
}
@media(min-width:991px){
  .body-layer{
    display: none !important;
  }
}

.header-megamenu .container,
.header-megamenu .header-megamenu-continer,
.header-megamenu .banner-container{
  height: 100%;
}

.banner-image{
  background-color: #B3D8E5;
  border-radius: 2px;
  padding: 40px 32px;
  display: flex;
  column-gap: 32px;
  position: relative;
  overflow: hidden;

}
.banner-image:after{
  width: 257px;
  position: absolute;
  right: -5px;
  bottom: -10px;
  z-index: 1;
  height: 245px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(images/bb2.png);
  content: '';
}
.banner-text-block{
  display: flex;
  flex-direction: column;
  z-index: 3;
  position: relative;
  justify-content: flex-end;
}
.banner-image-block{
  width: 175px;
  display: flex;
  flex: none;
  align-items: center;
  height: 100%;
  z-index: 3;
  position: relative;
}

.banner-image-block img{
  width: 100%;
  height: auto;
}

.banner-text-block h2{
  color: var(--main-color);
  margin-bottom: 20px;
  font-family: "Okta Neue";
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.4;
}

.banner-text{
  color: var(--main-color);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
  margin-bottom: 48px;
}

.banner-link{
  width: fit-content;
  max-width: max-content;
  min-width: 160px;
  height: 44px;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 4px;
  transition: .3s ease;
  border-radius: 4px;
  background:  #31525B;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
}

.banner-link span{
  transform: translateY(-2px);
}
.banner-link:hover{
  background-color: var(--orange);
  color: #fff;
}

.collection-section-container{
  display: flex;
}

.collection-filterside{
  width: 264px;
  border-radius: 2px;
  border: 1px solid  #D4D6DB;
  height: 100%;
  padding-bottom: 16px;
}

.collection-cards{
  width: calc(100% - 264px);
  padding-left: 24px;
}

.collection-cards-header{
  display: flex;
  align-items: center;
  padding: 12px;
  justify-content: space-between;
  border-radius: 2px;
  background:  #F3F3F5;
}

.collection-cards-header p{
  margin-bottom: 0;
  color: var(--main-color);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 133.333% */
}

.chosen-single{
  min-width: 100%;
  border-radius: 2px;
  border: 1px solid  #6D7E82;
  color:  #6D7E82;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  padding-left: 20px;
  padding-right: 30px;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  height: 32px !important;
}
.chosen-container-single .chosen-single span{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.chosen-container-single .chosen-single div{
  right: 10px;
}
.chosen-container{
  width: 100% !important;
}

.collection-cards-header .chosen-block{
  min-width: 160px;
}

.collection-card-list{
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-top: 24px;
}

.collection-card-list .product-card{
  width: calc((100% - 48px) / 3);
}


.collection-cards .custom-pagination{
  margin-top: 32px;
}

.collection-filterside-head-block{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-bottom: 1px solid #D4D6DB;
}

.collection-filterside-head-block h5{
  margin-bottom: 0;
  color: var(--main-color);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 120% */
}

.filter-icon{
  background-color: transparent;
}
.collection-filter-block{
  margin-bottom: 24px;
}
.collection-filter-block-title{
  padding:10px  16px;
}
.collection-filter-block-title h3{
  margin-bottom: 0;
  color: var(--main-color);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 133.333% */
}

.filter-category-dropdown{
  position: relative;
  display: flex;
  flex-direction: column;

  border-bottom:1px solid #D4D6DB ;
}

.filter-category-open{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.filter-category-open p{
  margin-bottom: 0;
  color:  #6D7E82;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
}

.filter-category-open svg{
  transition: .3s ease;
}

.filter-category-open.active svg{
  transform: rotate(90deg);
}
.filter-category-list{
  display: none;
  padding: 10px 16px;
  padding-top: 0;
}

.filter-category-open{
  cursor: pointer;
  padding: 10px 16px;
}
.filter-category-list ul{
  display: flex;
  flex-direction: column;
}
.filter-category-list li{
  padding: 10px 0;
  border-bottom: 1px solid #D4D6DB;
}
.single_filter-input{
  border-bottom: 1px solid #D4D6DB;
}
.single_filter-input label{
  padding: 10px 16px;
  display: flex;
  cursor: pointer;
}
.filter-category-list ul li { display: none; } /* Hide all items by default */
.filter-category-list ul li.visible { display: block; } /* Class to show items */
.filter-category-list li label{
  display: flex;
  cursor: pointer;
}
.filter-category-list li label p,
.single_filter-input label p{
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  color:  #6D7E82;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  justify-content: space-between;
  column-gap: 12px;
  margin-bottom: 0;
}

.filter-category-list label input,
.single_filter-input label input{
  display: none;
}

.filter-category-list li label p:after{
  border-radius: 4px;
  border: 1px solid #D4D6DB;
  background-color:  #F3F3F5;width: 16px;
  height: 16px;
  flex: none;
  content: '';
  background-position: center;
  background-repeat: no-repeat;
}
.single_filter-input label p:after{
  border-radius: 4px;
  border: 1px solid #D4D6DB;
  background-color:  #F3F3F5;width: 24px;
  height: 24px;
  content: '';
  background-position: center;
  background-repeat: no-repeat;
  flex: none;
}

.filter-category-list li label input:checked + p{
  color: var(--orange);
}

.single_filter-input label input:checked + p{
  color: var(--orange);
}

.filter-category-list li label input:checked + p:after{
  background-image: url(images/thick.svg);
  background-color: #FFA101;
  border-color: #FFA101;
}
.single_filter-input  label input:checked + p:after{
  background-image: url(images/thick.svg);
  background-color: #FFA101;
  border-color: #FFA101;
  background-size: 14px;
}

.show_filter_more{
  display: flex;
  align-items: center;
  color: var(--orange);
  column-gap: 4px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  margin: 12px 0;
  background-color: transparent;
  display: none;
}

.filter-category-list ul li.visible:last-child{
  border-bottom: 0;
}

.price-filter-inputs{
  padding: 0 16px;
  display: flex;
  column-gap: 16px;
  margin-top: 8px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.price-filter-inputs input{
  color: var(--main-color);
  font-size: 14px;
  font-style: normal;
  padding: 0 12px;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  height: 44px;
  border-radius: 2px;
  border: 1px solid  #D4D6DB;
  background:  #FFF;
  width: calc(50% - 8px);
}
.color-filter-list{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 16px;
}

.color-filter-list label{
  display: flex;
}

.input-color-selector{
  border-radius: 2px;
  width: 24px;
  background-position: center;
  background-repeat: no-repeat;
  height: 24px;
  cursor: pointer;
}

.color-filter-list input:checked + .input-color-selector{
  background-image: url('images/checked-color.svg');
}
.color-filter-list input:disabled + .input-color-selector{
  opacity: .2;
  cursor: auto;
}

.collection-filter-buttons{
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  padding: 0 16px;
}

.collection-filter-buttons button,
.filter-reset{
  width: 100%;
  height: 44px;
  display: flex;
  align-items: center;
  transition: .3s ease;
  border-radius: 2px;
  justify-content: center;
  color:  #31525B;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
}

.filter-submit{
  background-color: #FFA101;
  border: 1px solid #FFA101;
}

.filter-reset{
  border: 1px solid #31525B;
  background-color: #fff;
}

.collection-filter-buttons button:hover{
  color: #fff;
  background-color: #31525B;
  border: 1px solid #31525B;
}

.filter-reset:hover{
  color: #fff;
  background-color: #31525B;
  border: 1px solid #31525B;
}

.product-page-container{
  display: flex;
  column-gap: 24px
}
.product-page-gallery{
  width: 456px;
}

.product-page-information{
  width: calc(100% - 456px);
  display: flex;
  flex-wrap: wrap;
}

.pg-slide {
  padding: 32px;
  color: #fff;
}
.pg-slide .swiper-container {
  width: 100%;
  height: 100%;
}
.slider__flex {
  display: flex;
  align-items: flex-start;
}
.slider__col {
  display: flex;
  flex-direction: column;
  width: 150px;
  margin-right: 32px;
}
.slider__prev,
.slider__next {
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.slider__prev:focus,
.slider__next:focus {
  outline: none;
}
.slider__thumbs {
  height: calc(400px - 96px);
}
.slider__thumbs .slider__image {
  transition: 0.25s;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.5;
}
.slider__thumbs .slider__image:hover {
  opacity: 1;
}
.slider__thumbs .swiper-slide-thumb-active .slider__image {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
}
.slider__images {
  height: 400px;
}
.slider__images .slider__image img {
  transition: 3s;
}
.slider__images .slider__image:hover img {
  transform: scale(1.1);
}
.slider__image {
  width: 100%;
  height: 100%;
  border-radius: 30px;
  overflow: hidden;
}
.slider__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 767.98px) {
  .slider__flex {
    flex-direction: column-reverse;
  }
  .slider__col {
    flex-direction: row;
    align-items: center;
    margin-right: 0;
    margin-top: 24px;
    width: 100%;
  }
  .slider__images {
    width: 100%;
  }
  .slider__thumbs {
    height: 100px;
    width: calc(100% - 96px);
    margin: 0 16px;
  }
  .slider__prev,
  .slider__next {
    height: auto;
    width: 32px;
  }
}


.pg-swiper{
  width: 360px;
height: 360px;
padding-left: 6px !important;
}

.pg-swiper img,
.pg-swiper a{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
}
.open_image-gallery{
  border-radius: 2px;
  background:  #F3F3F5;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 1;
  right: 12px;
  top:12px;
}
.pg-thumbs{
  height: 360px;
  flex: none;

}
.pg-thumbs img{
  width: 72px;
  height: 72px;
  cursor: pointer;
  object-fit: cover;
}

.pg-slider{
  width: 100%;
  display: flex;
}

.swiper-thumbs{
  width: 90px;
  margin-right: 10px;
  padding-right: 24px;
}

.product-info-left{
  width: calc(100% - 360px);
  padding-right: 24px;
}

.product-info-right{
  width: 360px;
}

.product-name{
  color: var(--main-color);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; /* 116.667% */
  margin-bottom: 24px;
}

.product-labels{
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}

.product-labels span{
  color:  #31525B;
  padding: 4px 8px;
  border-radius: 2px;
  width: fit-content;
  max-width: max-content;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}

.product-page-information .card-wishlist {
  position: relative;
  top: unset;
  right: unset;
  margin-top: 16px;
}
.card-wishlist  *{
  pointer-events: none;
}
.color-variant-selector{
  margin-top: 16px;
}
.color-variant-selector h4{
  color: var(--main-color);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 133.333% */
}

.color-variant-selector .color-filter-list{
  padding: 0;
}
.pcs_card{
  display: flex;
  align-items: center;
  column-gap: 40px;
  padding: 24px;
}

.pcs_card img{
  width: 65px;
  height: 38px;
  object-fit: contain;
  flex: none;
}

.pcs_card_Desc h5{
  color: var(--main-color);
  margin-bottom: 8px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
}
.pcs_card_Desc p{
  margin-bottom: 0;
  color:  #6D7E82;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}

.product-credit-slider{
  height: 96px;
  width: 100%;
  border: 1px solid #D4D6DB;
  margin-bottom: 24px;
}
.product-page-actions{
  width: 100%;
  height: 96px;
  border: 1px solid #D4D6DB;
  display: flex;
  align-items: center;
  padding: 16px;
  column-gap: 16px;
}

.pp-price .pp-discounted-price{
  color:  #6D7E82;
  text-decoration: line-through;
  margin-bottom: 2px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
}

.pp-price .pp_last-price{
  color: #132024;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 120% */
  margin-bottom: 0;
}

.buy_one_click{
  display: flex;
  align-items: center;
  column-gap: 2px;
  transition: .3s ease;
  color:  #31525B;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
  border-radius: 2px;
  flex: none;
  background:  #FFA101;
  padding: 10px 20px;
  height: 44px;
}
.buy_one_click svg path{
  transition: .3s ease;
}
.buy_one_click:hover svg path{
 fill: #fff;
}

.buy_one_click:hover{
  background-color: #31525B;
  color: #fff;
}

.pp_add_to_cart{
  border-radius: 2px;
  background:  #31525B;
  width: 44px;
  height: 44px;
  transition: .3s ease;
  display: flex;
  align-items: center;
  flex: none;
  justify-content: center;

}

.pp_add_to_cart:hover{
  background-color: #FFA101;
}

.pp-infobox{
  display: flex;
  align-items: center;
  column-gap: 4px;
  border-radius: 2px;
  border: 1px solid  rgba(49, 82, 91, 0.20);
  height: 56px;
  font-size: 14px;
  color: #31525B;
  padding: 5px 26px;
  width: 100%;
  padding-left: 0;
}
.pp-infobox-icon{
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pp-infobox p{
  margin-bottom: 0;
  color:  #31525B;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}

.product-page-infoboxes{
  margin-top: 24px;
  display: flex;
  align-items: center;
  column-gap: 22px;
}

.pp-info-tablinks{
  display: flex;
  width: fit-content;
  max-width: max-content;
  align-items: center;
  background:  #F3F3F5;
  border-radius: 2px;
  margin-top: 72px;
}

.pp-info-tablinks a{
  color:  #6D7E82;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  border-radius: 2px;
  display: flex;
  align-items: center;
  height: 32px;
  padding: 4px 18px;
}
.pp-info-tablinks{
  margin-bottom: 16px;
}
.pp-info-tablinks a.active{
  color: #fff;
  background-color: #25282B;
}

.pp-info-tab{
  display: none;
}

.pp-info-tab.active{
  display: block;
}

.pp-tab-inner ul{
  display: flex;
  flex-wrap: wrap;
  column-gap: 80px;
  row-gap: 8px;
}

.pp-tab-inner ul li{
  width: calc(50% - 40px);
  display: flex;
  align-items: center;
  column-gap: 20px;
}

.pp-tab-inner ul li p{
  margin-bottom: 0;
  color: var(--main-color);

  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
}
.pp-tab-inner ul li span{
  color:  #132024;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
}

.pp-tab-inner{
  color: var(--main-color);

  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 125% */
}

.recommended-products{
  margin-top: 8px;
}

.product-gift{
  position: absolute;
  z-index: 8;
  left: 15px;
  top: 8px;
  width: 64px;
  height: 64px;
  border-radius: 2px;
  border: 2px solid var(--orange);
}

.product-gift-icon{
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFA101;
  border-radius: 2px 0;
  left: -1px;
  top: -1px;
  position: absolute;
  z-index: 2;
}

.product-gift img{
  width: 100%;
  height: 100%;
}

.user-panel-container{
  display: flex;
  padding: 32px 0;
  padding-top: 8px;
}
.page-section{
  min-height: calc(100vh - 380px);
}

.user-panel-navbar{
  width: 264px;
  border-radius: 2px;
  background:  #FFF;
  box-shadow: 0px 4px 40px 0px rgba(32, 32, 32, 0.08);
  display: flex;
  flex-direction: column;
  padding: 8px;
}
.user-panel-contentside{
  width: calc(100% - 264px);
  padding-left: 24px;
}

.user-panel-content-block{
  border-radius: 2px;
  border: 1px solid  #F3F3F5;

  padding: 24px;
  box-shadow: 0px 6px 20px 0px rgba(19, 22, 60, 0.06);
}
.user-panel-navbar a{
  display: flex;
  align-items: center;
  column-gap: 12px;
  color: var(--main-color);
  padding: 10px 12px;
  border-radius: 8px;
  transition: .3s ease;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
}
.user-panel-navbar a:hover{
  background-color:#F3F3F5 ;
}

.user-panel-navbar a.active{
  background-color:#F3F3F5 ;
}
.up-nav-icon{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}


.user-panel-title{
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}

.user-panel-title h4{
  color: #132024;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; /* 116.667% */
  margin-top: 8px;
}

.user-panel-title-text{
  color: #132024;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  max-width: 472px;
}

.user-panel-form-container{
  display: flex;
  row-gap: 16px;
  column-gap: 24px;
  flex-wrap: wrap;
}

.custom-form-group.wh-50{
  width: calc(50% - 12px);
}

.custom-form-group.wh-33{
  width: calc(( 100% - 48px) / 3);
}

.custom-form-group.wh-100{
  width: 100%;
}
.user-panel-password{
  border-top: 0 !important;
}
.custom-form-group .form-floating>label, .select-floating>label{
  top: 14px;
  color: #CACCD0;
  padding-left: 0;
}

.custom-form-group .form-floating>.form-control:focus~label,.custom-form-group .form-floating>.form-control:not(:placeholder-shown)~label,.custom-form-group .form-floating>.form-select~label{
  transform: translateY(-6px) !important;
}

.acc-reg-form-group-multi .chosen-single{
  padding-left: 0 !important;
  padding-right: 10px;
}
.acc-reg-form-group-multi .chosen-single span{
  justify-content: flex-start;
}

.acc-reg-form-group-multi .chosen-container-single .chosen-single div{
  right: 2px;
}
.user-block-submit{
  display: flex;
  justify-content: flex-end;
}

.up-submit{
  color:  #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
  border-radius: 2px;
  background:  #FFA101;
  height: 44px;
  display: flex;
  align-items: center;
  padding: 10px 24px;
  transition: .3s ease;
}
.up-submit:hover{
  background-color: #31525B;
}
.user-panel-form-title{
  margin: 16px 0;
}
.user-panel-form-title h5{
  margin-bottom: 12px;
  color:  #132024;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 133.333% */
}

.user-panel-form-title p{
  margin-bottom: 0;
  color: #6D7E82;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 133.333% */
}
.add-address-form{
  padding-top: 4px;
  border-top: 1px solid #F3F3F5;
}

.user-panel-form  .form-floating>label span{
  color: #FFA101;
}

.floating-select{
  height: 56px;
  border-radius: 4px;
  border: 1px solid #D4D6DB;
}

.floating-select .chosen-single{
  border: 0 !important;
  box-shadow: unset !important;
  outline: none !important;
}

.floating-select>label{
  font-size: 14px !important;
  transform: translateY(-11px) !important;
  color: #6D7E82 !important;
}

.floating-select .chosen-container{
  margin-top: 22px;
}

.floating-select .chosen-container .chosen-single{
  padding-left: 12px;
}

.floating-select .chosen-container-single .chosen-single span{
  justify-content: flex-start;
  color: #132024 !important;
}

.floating-select .chosen-container-single .chosen-single div{
  top: -12px;
}

.custom-form-group .form-group .form-control{
  width: 100%;
  height: 56px !important;
  color: #132024;
  font-size: 16px;
  padding-left: 12px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
}
.custom-form-group .form-group .form-control::placeholder{
  color: #CACCD0;
}

.add-address-form .up-submit{
  min-width: 232px;
  justify-content: center;
}

.cfg-label{
  display: flex;
  align-items: center;
  column-gap: 8px;
}

.cfg-label input{
  width: 24px;
  height: 24px;
  border-radius: 4px;
  flex: none;
  border: 1px solid  #D4D6DB;
  background:  #F3F3F5;
  background-position: center;
  background-repeat: no-repeat;
}

.cfg-label p{
  margin-bottom: 0;
}

.cfg-label input:checked{
  background-color: var(--orange);
  border: 1px solid  var(--orange);
  background-image: url(images/checked-color.svg);
}
.user-block-submit{
  margin-top: 24px;
}
.custom-form-group.error input{
  border-color: red !important;
}

.custom-form-group.error .floating-select{
  border-color: red !important;
}

.added-addresses{
  display: flex;
  flex-direction: column;
}

.added-address-box{
  display: flex;
  width: 100%;
  padding: 24px;
  column-gap: 24px;
  border-radius: 2px;
  border: 1px solid  #F3F3F5;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.added-address-address,
.added-address-name,
.added-address-country{
  color:  #132024;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
}

.added-address-actions{
  display: flex;
  align-items: center;
  column-gap: 16px;
}

.added-address-action{
  width: 24px;
  height: 24px;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.added-addresses{
  margin-bottom: 16px;
}

.add_new_address{
  color:  #31525B;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  transition: .3s ease;
  line-height: 20px; /* 125% */
  margin: 14px 0;
}

.add_new_address:hover{
  color: var(--orange);
}

.show-hide-pass{
  position: absolute;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(images/show-pass.svg);
  background-color: transparent;
  right: 12px;
  top: 16px;
  opacity: .5;
}

.custom-form-group{
  position: relative;
}

.show-hide-pass.active{
  background-image: url(images/hide-pass.svg);
}

.error_note{
  margin-top: 4px;
  font-size: 12px;
  color: red;
  display: none;
}

.custom-form-group.error .error_note{
  display: block;
}

.user-panel-orders-empty{
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 16px;
  padding: 16px;
}

.user-panel-orders-empty .empty-orders-icon{
  margin-bottom: 8px;
}

.user-panel-orders-empty h6{
  color:  #132024;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; /* 116.667% */
  margin-bottom: 0;
}

.user-panel-orders-empty p{
  color:  #132024;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 20px; /* 125% */
}
.user-panel-orders-empty a{
  border-radius: 6px;
  border: 1px solid #25282B;
  height: 32px;
  padding: 5px 22px;
  display: flex;
  align-items: center;
  transition: .3s ease;
  justify-content: center;
  color:  #6D7E82;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
}
.user-panel-orders-empty a:hover{
  background-color: #25282B;
  color: #fff;
}

.user-panel-orders{
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  margin-top: 40px;
}

.user-panel-order{
  padding: 24px;
  border-radius: 2px;
  border: 1px solid  #F3F3F5;
}

.user-panel-order-heading{

  display: flex;
  align-items: center;
  column-gap: 24px;
  justify-content: space-between;
}

.user-panel-order-heading-box{
  display: flex;
  row-gap: 8px;
  flex-direction: column;

}

.user-panel-order-heading-box p{
  color: #132024;
  margin-bottom: 0;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 133.333% */
}

.user-panel-order-heading-box span{
  color: #132024;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
}

.user-panel-order-heading-box span.success{
  color: #28B469;
}
.user-panel-order-heading-box span.pending{
  color: #F6A609;
}

.user-panel-order-heading-box span.error{
  color: red;
}

.order-detail-open{
  width: 44px;
  height: 44px;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(images/big-plus.svg);
}
.order-detail-open.active{
  background-image: url(images/big-minus.svg);
}

.upo-order-details-inner{
  display: flex;
  padding: 16px 0;
  border-top: 1px solid #F3F3F5;
  margin-top: 16px;
  padding-bottom: 0;
}

.upo-totals{
 width: 264px;
}

.upo-info{
  width: calc(100% - 264px);
  padding-right: 16px;
}

.upo-order-products{
  display: flex;
  flex-direction: column;
}

.upo-order-product{
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid #F3F3F5;
}

.upo-order-product:first-child{
  padding-top: 0;
}

.upo-order-product:last-child{
  padding-bottom: 0;
  border-bottom: 0;
}

.upo-order-product-details{
  display: flex;
  align-items: center;
  column-gap: 16px;
}

.upo-order-product-details-image{
  flex: none;
  width: 80px;
  height: 80px;
}

.upo-order-product-details-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.upo-order-product-details p{
  max-width: 163px;
  color:  #132024;
  transition: .3s ease;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 20px; /* 142.857% */
}

.upo-order-product-details:hover p{
  color: var(--orange);
}

.upo-order-qty{
  color:  #132024;
  margin-bottom: 0;
  text-align: center;
  width: 32px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
}

.upo-order-price{
  color:  #132024;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 20px;
}

.upo-order-price span{
  font-size: 24px;
}

.upo-info h5{
  color:  #132024;
  margin-bottom: 8px;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 133.333% */
  margin-top: 32px;
}

.bill-address{
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 24px;
  border-radius: 2px;
  border: 1px solid  #F3F3F5;
  padding: 16px;
}

.bill-address-info{
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}
.bill-address-info p{
  margin-bottom: 0;
  color: #132024;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 133.333% */
}

.upo-change-bill-address{
  color:  #FFF;
  font-size: 14px;
  font-style: normal;
  height: 32px;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  padding: 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background:  rgba(49, 82, 91, 0.20);
  transition: .3s ease;
}

.upo-change-bill-address:hover{
  background:  rgba(49, 82, 91, 1);
  color: #fff;
}

.upo-totals-inner{
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 24px 16px;
  border-radius: 2px;
  border: 1px solid  #F3F3F5;
}

.upo-totals-inner h4{
  color:  #132024;
  font-size: 20px;
  font-style: normal;
  margin-bottom: 16px;
  font-weight: 600;
  line-height: 24px; /* 120% */
}

.upo-totals-items{
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
}

.upo-totals-items li{
  padding: 8px 0;
  border-bottom: 1px solid #F3F3F5;
  display: flex;
  column-gap: 10px;
  justify-content: space-between;
  align-items: center;
}
.upo-totals-items li:last-child{
  border-bottom: 0;
}

.upo-totals-name{
  color:  #6D7E82;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  min-width: 165px;
  line-height: 16px; /* 133.333% */
  margin-bottom: 0;
}

.upo-totals-items-totals .upo-totals-name{
  font-size: 14px;
}
.upo-totals-items-totals{
  padding-bottom: 8px;
  margin-bottom: 16px;
  border-bottom: 1px solid #F3F3F5;
}
.upo-totals-items-totals li{
  border: 0;
}
.upo-totals-price{
  color:  #132024;
  white-space: nowrap;
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 20px; /* 142.857% */
}
.last-total-price{
  display: flex;
  align-items: center;
  column-gap: 8px;
  justify-content: space-between;
}

.last-total-price-text{
  margin-bottom: 0;
  color:  #132024;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}

.last-total-price-last{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.last-total-price-last p{
  color: #132024;
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  margin-bottom: 0;
}

.last-total-price-last span{
  color:  #6D7E82;
  text-align: right;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
}

.user-panel-order-details{
  display: none;
}

.mobile-search-close{
  background-color: transparent;
  width: 24px;
  height: 24px;
  display: none;
  margin-left: 12px;
}

.mobile-ct-close{
  position: absolute;
    z-index: 5;
    right: 16px;
    top: 8px;
}

.header-mobile-catalog-open{
  display: flex;
  align-items: center;
  column-gap: 12px;
  justify-content: center;
  padding: 6px 16px;
  background-color: #fff;
  margin-bottom: 16px;
}

@media(min-width:991px){
  .header-mobile-catalog-open{
    display: none;
  }
}

.mobile-menu{
  position: fixed;
  width: 100%;
  max-width: 320px;
  background-color: #fff;
  height: 100vh;
  right: 0;
  z-index: 99;
  top: 0;
  transform: translateX(100%);
  opacity: 1;
  transition: .5s ease-in-out;
  padding: 16px;

}

.mobile-catalog{
  position: fixed;
  width: 100%;
  max-width: 400px;
  background-color: #fff;
  height: 100vh;
  left: 0;
  z-index: 99;
  top: 0;
  transform: translateX(-100%);
  opacity: 1;
  transition: .5s ease-in-out;
  padding: 16px;
}

.mobile-catalog.active{
  transform: translateX(0);
}
.mobile-menu-close svg,
.mobile-ct-close svg{
  width: 20px;
  height: 20px;
}
.mobile-menu.active{
  opacity: 1;
  transform: translateX(0);
}
.mobile-menu-inner{
  position: relative;
  width: 100%;
  padding-top: 5px;
  height: 100%;
  overflow-y: auto;
}
.mobile-catalog-inner{
  position: relative;
  width: 100%;
  padding-top: 5px;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.mobile-menu-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.logo-mm svg{
  width: 90px;
}
.mobile-menu-close{
  position: relative;

  z-index: 45;
}
.mobile-menu-links{
  display: flex;
  flex-direction: column;
  row-gap: 6px;
}
.mobile-menu-user{
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #D4D6DB;
  padding-top: 16px;
  border-top: 1px solid #D4D6DB;
}

.mobile-menu-user .mobile-menu-links li a{
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.mobile-menu-user .mobile-menu-links li a svg path{
  fill: var(--main-color);
}
.mobile-menu-links li a{
    padding: 4px 0;
    display: flex;
    align-items: center;
    column-gap: 12px;
    color: var(--main-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    transition: .3s ease;
}

.back-to-parent,
.back-to-parent-child{
  display: flex;
  align-items: center;
  column-gap: 8px;
  background-color: transparent;
}

.back-to-parent p,
.back-to-parent-child p{
  margin-bottom: 0;
}
.has-grand-child::after{
    width: 16px;
    position: absolute;
    right: 0;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(images/right-arr.svg);
    transition: .3s ease;
    content: '';
}
.mobile-catalog .nav-parent:after{
  right: 0;
}

.mm-child-menu,
.mm-grand-child-menu{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 5;
  transform: translateX(100%);
  pointer-events: none;
  transition: .5s ease-in-out;
  overflow: hidden;
}

.mobile-catalog-close{
  cursor: pointer;
}
.mm-child-menu.active,
.mm-grand-child-menu.active{
  transform: translateX(0);
  pointer-events: all;
  overflow-y: auto;
}


.mobile-catalog .nav-parent{
  font-size: 15px;
}

.mm-child-menu ul li a,
.mm-grand-child-menu ul li a{
  font-size: 15px;
  padding: 10px 8px;
  width: 100%;
    color: #6D7E82;
}

.cart-container{
  display: flex;
}
.main-cart-totals{
  width: 264px;
  padding-top: 40px;
}
.main-cart-items{
  width: calc(100% - 264px);
  padding-right: 24px;
}

.page-title-section{
  padding-top: 24px;

}

.cart-table{
  width: 100%;

}

.cart-table th{
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  color: #6D7E82;
  padding:12px 8px;

}

.cart-table th:nth-child(3),
.cart-table th:nth-child(4){
  text-align: center;
}

.cart-table th:last-child{
  text-align: right;
}
.cart-table td:nth-child(3){
  max-width: 106px;
  text-align: center;
}

.cart-table td:last-child{
  text-align: center;
}

.cart-table th button{
  color: #31525B;
  font-size: 12px;
  background-color: transparent;
  font-weight: 600;
  line-height: 16px;
  text-align: left;

}
.cart-table  td{
  padding:16px 8px;
}

.cart-table tbody{
  border: 1px solid #F3F3F5;
}

.cart-table tbody tr{
  border-bottom: 1px solid #F3F3F5;
}

.cart-image-and-check{
  display: flex;
  align-items: center;
  column-gap: 32px;
  padding-left: 24px;
}

.cart-image-and-check input{
  width: 24px;
  height: 24px;
  background-color: #F3F3F5;
  border: 1px solid #D4D6DB;
  border-radius: 4px;
  flex: none;
}

.cart-image-and-check input:checked{
  background-color:#FFA101;
  border-color: #FFA101;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(images/cart-check.svg);
}

.cart-image-and-check img{
  width: 80px;
  height: 80px;
  object-fit: contain;
  flex: none;
}

.cart-pn{
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  max-width: 256px;
  margin-bottom: 0;
  color: #132024;
}

.quantity-input-snippet{
  display: flex;
  align-items: center;
  justify-content: center;
}

.quantity-input-snippet input{
  width: 32px;
  height: 32px;
  padding: 5px;
  color: #132024;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  flex: none;
}

.quantity-input-snippet button{
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  width: 32px;
  height: 32px;
  flex: none;
}

.cart-item-price{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.cart-item-lalst-price{
  color:  #132024;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 0;
}

.cart-item-lalst-price span{
  text-transform: uppercase;
  color: #132024;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.cart-item-discount-price{
  color:  #6D7E82;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 133.333% */
  margin-bottom: 0;
  text-decoration: line-through;
}

.cart-item-discount-price span{
  color:  #6D7E82;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  text-transform: uppercase;
}

.cart-item-delete,
.wish-item-delete{
  width: 32px;
  height: 32px;

  background-color: transparent;
}
.wish-item-delete *{
  pointer-events: none;
}

.main-cart-item-totals-inner{
  width: 100%;
  padding: 24px 16px;
  border: 1px solid #F3F3F5;
  display: flex;
  flex-direction: column;
}

.main-cart-item-totals-inner h4{
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;color: #132024;
  margin-bottom: 24px;
}

.price-item-list{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.price-item-list>span{
  color: #6D7E82;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}

.price-item-list p{
  margin-bottom: 0;
  color:  #132024;
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  line-height: 20px; /* 142.857% */
}

.price-item-list p span{
  color:  #6D7E82;
  text-align: right;
  font-family: "Okta Neue";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
}

.totals-divider{
  width: 100%;
  height: 1px;
  background-color: #D4D6DB;
  margin-top: 8px;
  margin-bottom: 16px;
}

.cart-page-submit {
  margin-top: 16px;
}

.wislhist-container .main-cart-items{
  width: 100%;
  padding-right: 0;
}

.wislhist-container .cart-table tr td:first-child{
  width: 150px;
}

.ad_cart_from_wishlist{
  margin-left: auto;
  margin-right: auto;
  min-width: 180px;
}

.typ-container{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 56px;
  margin-bottom: 40px;
  row-gap: 16px;
}

.typ-container *{
  margin-bottom: 0;
}

.typ-container h2{
  color: #132024;
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px; /* 112.5% */
}

.typ-order-number{
  color: #132024;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
}

.typ-title-info{
  color: #6D7E82;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
}

.spacer{
  display: block;
  margin: 16px 0;
}

.thank-you-items .price-item-list>span{
  font-size: 12px;
}
.thank-you-items .cart-image-and-check{
  padding-left: 10px;
}

.thank-you-items .cart-table td:first-child{
  width: 120px;
}

.thank-you-items .cart-table td:nth-child(2){
  width: 256px;
}

.thank-you-items .cart-table td:nth-child(3){
  max-width: unset;
}

.thank-you-items .main-cart-totals{
  padding-top: 24px;
}

.typ-info-boxes{
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  margin-top: 40px;
}

.typ-info-box h4{
  color: #132024;
  margin-bottom: 8px;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 133.333% */
}

.typ-info-list{
  display: flex;
  align-items: center;
  border-radius: 2px;
  border: 1px solid  #F3F3F5;
  padding: 24px;
}

.typ-info-list p{
  padding-right: 16px;
  margin-bottom: 0;
  color: #132024;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
  width: 30%;
}
.typ-info-list p:nth-child(2){
  width: 40%;
}

.continue-shopping{
  padding: 12px 20px;
  min-width: 232px;
  margin: 32px auto;
  border: 1px solid #FFA101;
  color: #31525B;
  transition: .3s ease;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
}

.continue-shopping:hover{
  background-color: #FFA101;
  color: #fff;
}
.countinue-shopping-btn-cnt{
  width: 100%;
  display: flex;
  justify-content: center;
}

.checkout-steps{
  display: flex;
  align-items: center;
  column-gap: 24px;
}

.checkout-step{
  width: calc((100% - 48px) / 3);
  display: flex;
  flex-direction: column;
}

.checkout-step span{
  color: #6D7E82;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  margin-bottom: 8px;
  display: block;
}

.checkout-step-line{
  width: 100%;
  height: 8px;
  border-radius: 8px;
  background-color: #CACCD0;
}

.checkout-step.active span{
  color: #132024;
}

.checkout-step.active .checkout-step-line{
  background-color: #132024;
}
.thank-you-items.checkout-container .main-cart-totals{
  padding-top: 0;
}
.checkout-form{
  margin-top: 40px;
}
.checkout-form-title{
display: flex;
flex-direction: column;
margin-bottom: 16px;
}

.checkout-form-title h4{
  color: #132024;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; /* 116.667% */
  margin-bottom: 8px;
}

.checkout-form-title p{
  color:  #6D7E82;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 133.333% */
  margin-bottom: 0;
}

.checkout-form .form-floating>label,.checkout-form .select-floating>label{
  top: 14px;
  color: #CACCD0;
}
.checkout-form .form-floating>label span,.checkout-form .select-floating>label span{
  color: #FFA101;
}
.multi_group-label span{
  color: #FFA101;
}

.checkout-inputs{
  display: flex;
  flex-wrap: wrap;
  column-gap: 24px;
}
.input-wrapper{
  width: 100%;
}
.input-wrapper.input-wrapper-half{
  width: calc(50% - 12px);
}

.full-select .chosen-container{
  width: 100% !important;
}
.full-select .chosen-container-single .chosen-single div{
  top: -9px;
}

.input-wrapper  textarea{
  width: 100%;
  height: 56px;
  padding-left: 12px !important;
  padding-right: 12px !important;
  height: 56px !important;
  border-radius: 4px;
  border: 1px solid #D4D6DB;
  color: #132024;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px !important;
  padding-bottom: 12px !important;
  padding-top: 18px !important;
}

.input-wrapper  textarea::placeholder{
  color:#CACCD0 ;
}

.checkbox-lbl{
  display: flex;
  align-items: center;
  column-gap: 8px;
}

.checkbox-lbl input{
  border-radius: 4px;
  width: 24px;
  height: 24px;
  border: 1px solid #D4D6DB;
 background-repeat: no-repeat;
  background-position: center;
  background-color: #F3F3F5;
  background-size: 14px;
}

.checkbox-lbl input:checked{
  background-color: #FFA101;
  border: 1px solid #FFA101;
  background-image: url(./images/thick.svg);
}

.checkbox-lbl p{
  color:  #132024;
  margin-bottom: 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
}

.checkout-container{
  margin-top: 32px;
}

.input-wrapper .error_note{
  margin-top: -10px;
}

.input-wrapper.has_error .error_note{
  display: block;
}
.input-wrapper.has_error input{
  border: 1px solid red;
}

.input-wrapper.has_error:has(.acc-reg-form-group-multi) input{
  border: 0;
}
.input-wrapper.has_error:has(.acc-reg-form-group-multi) .acc-reg-form-group-multi{
  border: 1px solid red;
}

.checkout-form-title-without-form{
  margin-top: 40px;
}

.typ-address-info_list .cart-image-and-check{
  padding-left: 0;
  margin-right: 32px;
}

.address-edit{
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 24px;
}
.typ-address-taxes.typ-info-list.typ-address-info_list p{
  width: calc((100% - 356px ) / 2);
}
.typ-info-list.typ-address-info_list p{
  width: calc((100% - 412px ) / 2);
}
.typ-info-address{
  min-width: 300px;
}

.add_new_address{
  color:  #31525B;
  font-size: 16px;
  transition: .3s ease;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
  margin-top: 24px;
}

.add_new_address:hover{
  color: #FFA101;
}

.promo-code-holder{
  padding: 8px;
  background-color: #F3F3F5;
  border-radius: 2px;
  margin-top: 8px;
}

.promo-code-holder p{
  color:  #132024;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  margin-bottom: 0;
}

.promo-code-form{
  margin-top: 8px;
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.promo-code-form input{
  width: 100%;
  background-color: #fff;
  color: #132024;
  border: 1px solid #D4D6DB;
  border-radius: 2px;
  height: 32px;
  padding: 0 8px;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 133.333% */
}

.promo-code-form button{
  border-radius: 2px;
  background:  #FFA101;
  width: fit-content;
  flex: none;
  height: 32px;
  padding: 0 16px;
  color:  #FFF;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 133.333% */
}

.choose-payment-option{
  display: flex;
  column-gap: 24px;
  align-items: center;
}

.choose-payment-option label{
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 8px;
  min-width: 264px;
  cursor: pointer;
  width: fit-content;
  height: 56px;
  border-radius: 2px;
  background-color: #F3F3F5;
}

.choose-payment-option label p{
  margin-bottom: 0;
  color:  #132024;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
}

.choose-payment-option label input{
  width: 16px;
  height: 16px;
  background-color: #fff;
  border:4px solid #fff ;
  transition: .3s ease;
  border-radius: 100%;
}
.choose-payment-option label input:checked{
  border: 4px solid #FFA101;
}

.cart-last-table{
  margin-top: 32px;
}

.cart-last-table th{
  text-align: center !important;
}

@media(max-width:1200px){
  .cart-item-lalst-price{
    font-size: 15px;
    line-height: 20px;
  }
  .cart-item-lalst-price span,
  .cart-item-discount-price span{
    font-size: 12px;
    line-height: 20px;
  }
  .cart-item-discount-price{
    font-size: 14px;
    line-height: 20px;
  }
  .cart-image-and-check{
    padding-left: 5px;
  }
  .cart-image-and-check input{
    width: 16px;
    height: 16px;
    border-radius: 2px;
    background-size: 10px;
  }
  .cart-image-and-check{
    column-gap: 16px;
  }
  .cart-image-and-check img{
    width: 50px;
    height: 50px;
  }

  .cart-pn{
    font-size: 12px;
    line-height: 16px;

  }
  .wislhist-container .cart-table tr td:first-child {
    width: 100px;
}
.ad_cart_from_wishlist{
  min-width: unset;
}
.ad_cart_from_wishlist{
  font-size: 14px;
}
}

@media(max-width:991px){
  .cart-container{
    flex-direction: column;
  }
  .main-cart-items{
    width: 100%;
    margin-bottom: 24px;
    padding-right: 0;
  }
  .cart-pn{
    font-size: 12px;
    line-height: 16px;
    font-size: 12px;
        line-height: 16px;
        width: 113px;
        word-wrap: break-word;
  }
  .main-cart-totals{
    width: 100%;
    padding-top: 0;
  }

  .cart-table{
    min-width: 600px;
  }
  .cart-table-holder{
    overflow-x: auto;
  }
  .thank-you-items .cart-table td:nth-child(2){
    width: 150px;
  }
  .thank-you-items .cart-table td:first-child {
    width: 87px;
}

.thank-you-items .cart-table{
  min-width: unset;
}
.typ-container h2{
  font-size: 24px;
  line-height: 30px;
}
}
@media(max-width:768px){
  .typ-info-list{
    flex-direction: column;
    align-items: flex-start;
    row-gap: 10px;
    padding: 12px;
  }
  .typ-container{
    margin-bottom: 0;
  }
  .address-edit{
    position: absolute;
    right: 4px;
        top: 4px;

    z-index: 5;
  }

  .choose-payment-option{
    flex-direction: column;
    align-items: center;
    row-gap: 16px;
  }
  .payment-label{
    width: 100% !important;
  }
  .checkout-step span{
    font-size: 12px;

  }
  .checkout-steps{
    column-gap: 6px;
  }
  .checkout-step{
    width: calc((100% - 12px) / 3);
  }
  .typ-info-list{
    position: relative;
  }
  .typ-info-list p{
    width: 100% !important;
  }

  .input-wrapper.input-wrapper-half{
    width: 100%;
  }
  .errors span{
        font-size: 12px;
        padding: 10px 8px;
        color: darkred;
  }
}
.button-validation{
  color: red;
    font-size: 12px;
    background: rgb(255 0 0 / 10%);
    padding:6px 10px;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 0;
    display: none;
}

.card-slider  .swiper-slide{
  height: auto;
}
.product-card{
  height: 100%;
}
.product-card-details{
  padding-bottom: 60px;
}
.collection-card-list .product-card{
  height: auto;
}

.pc-add-to-cart{
  position: absolute;
  bottom: 16px;
  width: calc(100% - 32px);
}
@media(max-width:500px){
  .pc-add-to-cart{
    position: absolute;
    bottom: 10px;
    width: calc(100% - 20px);
  }
}