html {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: var(--bw-black);
  line-height: 1.2;
  overflow-x: hidden;
  height: 100%;
}

main {
  flex: 1 0 auto;
}

svg {
  outline: none;
}

img {
  height: auto;
}

:root {
  --bw-white: #FFFFFF;
  --bw-black: #282828;
  --bw-dark-mode: #191919;
  --main-blue: #2E90FA;
  --helpful-dark-blue: #6172F3;
  --main-purple: #EE46BC;
  --main-blue-10: #EAF4FF;
  --bw-white-10: rgba(255, 255, 255, 0.10);
  --gaming-msi: #E52629;
  --gaming-rog: #ED2024;
  --helpful-red: #EE4646;
  --gaming-tuf: #FF9E1B;
  --helpful-orange: #FDB022;
  --helpful-dark-orange: #FA9C2E;
  --bw-medium-grey: #B8B8B8;
  --bw-grey: #909090;
  --bw-light-grey: #ECECEC;
  --bw-dark-blue: #453F5D;
  --gaming-razer-blade: #44D62C;
  --helpful-green: #32D583;
  --gaming-razor: #44D62C;
  --helpful-violet: #E146EE;
  --main-violet: #9E77ED;
  --background: #F8F8F8;
}

/* html {
  position: relative;
} */

body {
  /* background-image: url('../images/logo-group.png');
  background-repeat: repeat; */
  /* position: absolute;
  left: -100%;
  width: 100%; */
  background-color: #F8F8F8;
  /*opacity: 0;*/
  transition: all 0.3s linear;
}

body.fade-in {
  /* background-color: transparent; */
  /* left: 0; */
  opacity: 1;
  transition: all 0.3s linear;
}

/*html::after {
  content: "";
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  height: 120px;
  border-top: 7px solid rgba(46, 169, 254, 1);
  border-radius: 50%;
  background-color: transparent;
  animation: spin 1s linear infinite;
  transition: all 3s linear;
  z-index: 100;
}

html::before {
  content: "";
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 110px;
  height: 110px;
  border-top: 7px solid rgba(230, 79, 167, 1);
  border-radius: 50%;
  background-color: transparent;
  animation: spin-2 1s linear infinite;
  transition: all 3s linear;
  z-index: 100;
}

html.loaded::after,
html.loaded::before {
  opacity: 0;
  transition: all 0.3s linear;
  z-index: -1;
}*/


@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes spin-2 {
  0% {
    transform: translate(-50%, -50%) rotate(360deg);
  }

  100% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
}

.hidden {
  display: none;
}

.h-100 {
  height: 100%;
}

.btn-copy {
  cursor: pointer;
}

.small-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  row-gap: 16px;
}

.small-row div[class*="col"] {
  padding: 0 8px;
}

#content p, p {
  margin-bottom: 1rem;
}

.page-template p a {
  color: var(--main-blue);
  text-decoration: underline;
}
.page-template p a:hover {
  text-decoration: none;
}

.section-bg {
  background-color: var(--background);
}

.product-bg {
  background-color: #F3F3F3;
  overflow: hidden;
}


.drift-bounding-box {
  width: 100px !important;
  height: 100px !important;
  border-radius: 12px;
  clip-path: polygon(5.56% 5.56%, 50% 0%, 94.44% 5.56%, 100% 50%, 94.44% 94.44%, 50% 100%, 5.56% 94.44%, 10% 90%, 50% 94.44%, 90% 90%, 94.44% 50%, 90% 10%, 50% 5.56%, 50% 34.62%, 38.24% 38.24%, 34.62% 50%, 38.24% 61.76%, 50% 65.38%, 61.76% 61.76%, 65.38% 50%, 61.76% 38.24%, 50% 34.62%, 50% 20.37%, 72.22% 27.78%, 79.63% 50%, 72.22% 72.22%, 50% 79.63%, 27.78% 72.22%, 20.37% 50%, 27.78% 27.78%, 50% 20.37%, 50% 5.56%, 10% 10%, 5.56% 50%, 10% 90%, 5.56% 94.44%, 0% 50%);
}

.drift-zoom-pane {
  width: 100% !important;
  height: 550px !important;
  background-color: var(--bw-white);
  border-radius: 12px;
  overflow: hidden;
}

.detail {
  position: relative;
  height: auto;
  border-radius: 12px;
  /*overflow: hidden;*/
}

.drift-img {
  cursor: grabbing;
}

/* Alerts */
.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  /* border-radius: 0.25rem; */
  border-radius: 6px;
}

.alert-dismissible {
  padding-right: 4rem;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
}

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.6rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.alert-light {
  color: #818182;
  background-color: #ededed;
  border-color: #fdfdfe;
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.alert+.alert {
  margin-top: 1rem;
}


#agreement_checkbox label:hover {
  color: var(--bw-black);
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  pointer-events: auto;
}

.scroll-all {
  overflow: hidden;
  overflow-x: scroll;
}

.form-group:has(textarea) {
  grid-column: 1 / -1;
}

.swiper-initialized {
  overflow: hidden;
}

.swiper-button-box .swiper-button-prev:after,
.swiper-button-box .swiper-button-next:after {
  font-size: 10px;
  font-weight: 600;
  color: var(--bw-white);
  transition: all 0.3s linear;
}

@media (any-hover: hover) {

  .swiper-button-prev:hover:after,
  .swiper-button-next:hover:after {
    color: var(--bw-white);
  }
}

@media (any-hover: hover) {

  .swiper-button-prev:hover,
  .swiper-button-next:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #2E90FA;
  }
}

.swiper-button-prev.swiper-button-prev,
.swiper-button-next.swiper-button-next {
  display: flex;
  align-items: center;
  justify-content: center;
  position: static;
  background-color: var(--main-blue);
  border-radius: 5px;
  width: 32px;
  height: 32px;
  transition: all 0.3s linear;
  overflow: hidden;
  z-index: 3;
}

.swiper-button-box .swiper-button-disabled {
  background-color: var(--bw-light-grey);
  opacity: 1;
}

.swiper-button-box {
  display: flex;
  align-items: center;
  gap: 10px;
}

.swiper-button-next {
  right: 0px;
}

.swiper-button-prev {
  left: auto;
  right: 65px;
}

.swiper-button-prev-color,
.swiper-button-next-color {
  background-color: #F3F3F3;
}

.preload-carousel {
  position: relative;
}

.preload-carousel:not(.swiper-initialized) .swiper-wrapper {
  opacity: 0;
  transition: opacity 0.2s ease;
}

.swiper-preloader {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  min-height: 100px;
}

.swiper-preloader svg {
  min-width: 100px;
  max-width: 100px;
}

.swiper-initialized .swiper-preloader {
  display: none;
}

.sticker-catalog,
.sticker-product {
  gap: 10px;
  grid-row: 1;
  position: static !important;
  z-index: 3;
}

.sticker-rectangle>div+div {
  margin-left: 0px;
}

#row-box {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}

#row-box.category-main {
  gap: 16px;
}

#content {
  width: 100%;
}

#column-left,
#column-right {
  max-width: 300px;
  width: 100%;
}

#column-left {
  z-index: 5;
}

.main__swiper-menu #column-right,
.main__swiper-menu #column-left {
  max-width: 100%;
}

.maker-box {
  display: flex;
  justify-content: center;
  text-align: center;
}

h1,
.h1 {
  font-weight: 700;
  font-size: clamp(1.375rem, 0.7628rem + 2.6122vw, 3.375rem);
  margin-bottom: clamp(0.625rem, 0.2041rem + 1.7959vw, 2rem);
  margin-top: clamp(0.625rem, 0.2041rem + 1.7959vw, 2rem);
}

h2,
.h2 {
  font-size: clamp(1.375rem, 1.1962rem + 1.0219vw, 2.25rem);
  font-weight: 500;
  margin-bottom: clamp(0.875rem, 0.7985rem + 0.3265vw, 1.125rem);
  margin-top: clamp(0.875rem, 0.7985rem + 0.3265vw, 1.125rem);
}

.section-top h2,
.section-top .h2,
.section-top .section__title {
  margin: 0;
}

h3,
.h3 {
  font-size: clamp(1.125rem, 1.0484rem + 0.438vw, 1.5rem);
  font-weight: 700;
  margin-bottom: clamp(0.625rem, 0.5484rem + 0.438vw, 1rem);
  margin-top: clamp(0.625rem, 0.5484rem + 0.438vw, 1rem);
}

h4,
.h4 {
  font-size: clamp(1.375rem, 1.3495rem + 0.146vw, 1.5rem);
  font-weight: 500;
  margin-bottom: clamp(0.875rem, 0.7985rem + 0.3265vw, 1.125rem);
  margin-top: clamp(0.875rem, 0.7985rem + 0.3265vw, 1.125rem);
}

h5,
.h5 {
  font-size: clamp(0.875rem, 0.8367rem + 0.1633vw, 1rem);
  font-weight: 700;
  margin-bottom: clamp(0.875rem, 0.7985rem + 0.3265vw, 1.125rem);
  margin-top: clamp(0.875rem, 0.7985rem + 0.3265vw, 1.125rem);
}

h6,
.h6 {
  font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
  font-weight: 700;
  margin-bottom: clamp(0.875rem, 0.7985rem + 0.3265vw, 1.125rem);
  margin-top: clamp(0.875rem, 0.7985rem + 0.3265vw, 1.125rem);
}

form label {
  display: block;
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.off {
  display: none;
}

.form-check-label-check::before,
.form-check-label-radio::before {
  content: '';
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid var(--bw-medium-grey);
  grid-column: 1;
  grid-row: 1;
}

.form-check-label-check::after,
.form-check-label-radio::after {
  content: '';
  grid-column: 1;
  grid-row: 1;
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg width='12' height='11' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10 3L4.5 8.5L2 6' stroke='%232E90FA' stroke-width='1.6666' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  align-self: flex-start;
  justify-content: center;
  width: 16px;
  height: 16px;
  scale: 0;
  opacity: 0;
  transition: all 0.2s linear;

}

.form-check-label-check:has(input:checked)::after,
.form-check-label-radio:has(input:checked)::after {
  scale: 1;
  opacity: 1;
  transition: all 0.2s linear;
}

.form-check-label-standart::after {
  content: '';
  border-radius: 50%;
  background-color: var(--main-blue);
  align-self: center;
  justify-self: center;
  grid-column: 1;
  grid-row: 1;
  scale: 0;
  opacity: 0;
  transition: all 0.2s linear;
}

.form-check-label-standart:has(input:checked)::after {
  scale: 1;
  opacity: 1;
  transition: all 0.2s linear;
}

.form-check-label-standart:has(input:checked)::after {
  border-radius: 50%;
  border: 1px solid var(--main-blue);
  background-color: var(--main-blue);
  width: 8px;
  height: 8px;
  scale: 1;
  opacity: 1;
  transition: all 0.2s linear;
}

.form-check-label-standart:has(input:checked)::before,
.form-check-label-check:has(input:checked)::before,
.form-check-label-radio:has(input:checked)::before {
  border: 1px solid var(--main-blue);
}

label:has(input[type="checkbox"], input[type="radio"]):hover {
  color: var(--bw-grey);
}

label:has(input:disabled) {
  color: var(--bw-grey);
  opacity: 0.5;
  pointer-events: none;
}

.form-check-label-standart::before {
  content: '';
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid var(--bw-medium-grey);
  grid-column: 1;
  grid-row: 1;
}

.arrow__items-svg-bg {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--main-blue);
  line-height: 1;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  transition: all 0.3s linear;
}

.arrow__items-svg-bg.active {
  background-color: var(--bw-light-grey) !important;
  transition: all 0.3s linear;
}

.arrow__items-svg-bg.active svg rect:first-child {
  height: 0;
  transition: all 0.3s linear;
}

.arrow__items-svg-bg.active svg rect:last-child {
  fill: #909090;
  transition: all 0.3s linear;
}

.card__inner-title-list .arrow__items-svg-bg {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--main-blue);
  border-radius: 0;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  transition: all 0.3s linear;
}

.arrow__items-svg-bg.active svg {
  transform: rotate(180deg);
  transition: all 0.3s linear;
}

.arrow__items-svg-bg svg {
  outline: none;
  width: 10px;
  height: 10px;
  transition: all 0.3s linear;
}

footer {
  flex: 0 0 auto;
}

.noscroll {
  overflow: hidden;
}

.visible-header {
  overflow: visible !important;
}

.container {
  padding: 0 15px;
  margin: 0 auto;
  max-width: 1370px;
  width: 100%;
}

.rel {
  position: relative;
}

.dark,
.dark-7 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
  opacity: 0;
}

.dark.active {
  z-index: 4;
  opacity: 1;
}

.dark-7.active {
  z-index: 7;
  opacity: 1;
}

.simplecheckout-error-text,
.text-danger {
  display: block;
  color: var(--helpful-red);
  font-size: 12px;
  font-weight: 600;
  padding: 7px 0;
}

.text-error {
  color: var(--helpful-red);
}

.form-error,
.error {
  display: block;
  color: var(--helpful-red);
  font-size: 12px;
  font-weight: 600;
  padding: 7px 0;
  margin: 0;
}

.has-error input, .has-error textarea, .has-error select {
  border: 1px solid var(--helpful-red) !important;
}

.has-error .rel-input::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 16px;
  content: '';
  background-repeat: no-repeat;
  background-image: url('../images/pop-up-icon/has-error.svg');
  width: 16px;
  height: 16px;
}

.btn-top {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  right: 55px;
  bottom: 100px;
  width: 40px;
  height: 40px;
  color: var(--bw-white);
  background-color: var(--bw-black);
  transition: all 0.3s linear;
  border-radius: 8px;
  z-index: 3;
  opacity: 0;
  box-shadow: inset 1 0 0 0 transparent;
  translate: 0 0 0;
}

@media (max-width: 767px) {
  .btn-top {
    right: 30px;
    bottom: 100px;
    /* top: auto; */
    width: 35px;
    height: 35px;
  }
}

@media (any-hover: hover) {

  .btn-top:hover {
    box-shadow: inset 50px 50px 0 0 var(--bw-dark-blue);
    transition: all 0.3s linear;
  }
}

.btn-top.active {
  /* translate: 0 -100vh 0; */
  transform: translateY(calc(-100vh + 190px));
  /* bottom: auto;
  top: 100px; */
  transition: all 0.3s linear;
}

@media (max-width: 1300px) {
  .btn-top.active {
    transform: translateY(calc(-100vh + 150px));
  }
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 16px;
  width: max-content;
  height: clamp(2.75rem, 2.5933rem + 0.8955vw, 3.5rem);
  color: var(--bw-white);
  font-weight: 600;
  border-radius: 6px;
  font-size: 16px;
  transition: all 0.3s linear;
  border-color: transparent;
  cursor: pointer;
}

.btn-primary {
  background-color: var(--main-blue);
}

.btn-success {
  background-color: var(--helpful-green);
}

.btn-default {
  color: var(--main-violet);
  border: 1px solid var(--main-violet);
}

.btn-danger {
  background-color: var(--gaming-msi);
}

.btn-unstyle {
  color: var(--bw-black);
  background-color: var(--bw-light-grey);
}

.btn-disabled {
  opacity: 0.5;
  pointer-events: none;
  filter: grayscale(1);
}

.boc_order_btn {
  white-space: nowrap;
}

.header__burg-box {
  position: relative;
}

/* datepicker */
.bootstrap-datetimepicker-widget .datepicker>div {
  background-color: #fff;
  box-shadow: 0px 0px 5px #00000036;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="date"],
input[type="time"],
input[type="search"],
select {
  width: 100%;
  outline: transparent;
  border: none;
  height: 54px;
  /*background-color: var(--background);*/
  font-size: clamp(0.75rem, 0.6991rem + 0.2508vw, 1rem);
  padding: 0 15px;
  transition: all 0.2s linear;
  border-radius: 6px;
  border: 1px solid var(--bw-light-grey);
}

input[type="checkbox"],
input[type="radio"] {
  display: none;
  width: 15px;
  height: 15px;
  margin: 0;
}

input::placeholder,
textarea::placeholder {
  font-size: 14px;
}

textarea {
  width: 100%;
  outline: transparent;
  resize: none;
  border: none;
  /*background-color: var(--background);*/
  border: 1px solid var(--bw-light-grey);
  padding: 15px;
  font-size: clamp(0.75rem, 0.6991rem + 0.2508vw, 1rem);
  border-radius: 5px;
  height: 100%;
  max-height: 120px;
  transition: all 0.2s linear;
}

select {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  border: transparent;
  color: var(--bw-black);
  border-radius: 6px;
  border: 1px solid var(--bw-light-grey);
  border-radius: 5px;
  outline: transparent;
  cursor: pointer;
  position: relative;
  padding: 0 45px 0 15px;
  background-image: url('../images/pop-up-icon/arrow.svg');
  background-repeat: no-repeat;
  background-position: center right 20px;
  appearance: none;
}

.select__main select {
  display: flex;
  align-items: center;
  padding: 0 45px 0 15px;
  background-image: url('../images/pop-up-icon/arrow.svg');
  background-repeat: no-repeat;
  background-position: center right 20px;
  appearance: none;
}

@media (any-hover: hover) {

  input[type="text"]:hover,
  input[type="tel"]:hover,
  input[type="email"]:hover,
  input[type="password"]:hover,
  input[type="search"]:hover,
  textarea:hover,
  select:hover {
    background-color: rgba(255, 255, 255, 0.15);
  }
}

.form-group {
  width: 100%;
  position: relative;
}

.form-group button+input {
  padding: 0 16px;
}

.rel-input {
  position: relative;
  display: grid;
}

.point-rel input,
.search-rel input,
.tel-rel input,
.user-rel input,
.email-rel input,
.lock-rel input {
  padding: 0 35px 0 55px;
}

.email-rel::after {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 15px;
  cursor: pointer;
  content: '';
  background-repeat: no-repeat;
  background-image: url('../images/pop-up-icon/email.svg');
  width: 22px;
  height: 18px;
  filter: invert(45%) sepia(95%) saturate(2625%) hue-rotate(196deg) brightness(104%) contrast(96%);
}

.lock-rel::after {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 15px;
  cursor: pointer;
  content: '';
  background-repeat: no-repeat;
  background-image: url('../images/pop-up-icon/lock.svg');
  width: 22px;
  height: 20px;
  filter: invert(45%) sepia(95%) saturate(2625%) hue-rotate(196deg) brightness(104%) contrast(96%);
}

.user-rel::after {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 15px;
  cursor: pointer;
  content: '';
  background-repeat: no-repeat;
  background-image: url('../images/pop-up-icon/user.svg');
  width: 22px;
  height: 27px;
  filter: invert(45%) sepia(95%) saturate(2625%) hue-rotate(196deg) brightness(104%) contrast(96%);
}

.tel-rel::after {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 15px;
  cursor: pointer;
  content: '';
  background-repeat: no-repeat;
  background-image: url('../images/pop-up-icon/phone.svg');
  width: 22px;
  height: 25px;
  filter: invert(45%) sepia(95%) saturate(2625%) hue-rotate(196deg) brightness(104%) contrast(96%);
}

.search-rel::after {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 15px;
  cursor: pointer;
  content: '';
  background-repeat: no-repeat;
  background-image: url('../images/pop-up-icon/search.svg');
  width: 30px;
  height: 25px;
  filter: invert(45%) sepia(95%) saturate(2625%) hue-rotate(196deg) brightness(104%) contrast(96%);
}

.point-rel::before {
  position: absolute;
  top: 50%;
  right: 15px;
  content: '';
  background-repeat: no-repeat;
  background-image: url(../images/pop-up-icon/arrow.svg);
  width: 20px;
  height: 20px;
  transform: translate(0, -50%) rotate(-90deg);
}

.point-rel::after {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 15px;
  cursor: pointer;
  content: '';
  background-repeat: no-repeat;
  background-image: url('../images/pop-up-icon/point.svg');
  width: 30px;
  height: 25px;
  filter: invert(45%) sepia(95%) saturate(2625%) hue-rotate(196deg) brightness(104%) contrast(96%);
}

.breadcrumb-box {
  display: flex;
  align-items: center;
  overflow-x: auto;
  padding-top: clamp(0.625rem, 0.4337rem + 0.8163vw, 1.25rem);
  padding-bottom: clamp(0.625rem, 0.4337rem + 0.8163vw, 1.25rem);
  /* background-color: #F8F8F8; */
}

.breadcrumb {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: auto;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
}

.breadcrumb li:not(:first-child)::before {
  display: flex;
  align-items: center;
  content: url("data:image/svg+xml;charset=UTF-8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M2 8.3H14M14 8.3L10.7 11.6M14 8.3L10.7 5' stroke='rgb(143 143 143)' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  margin: 0 10px;
  line-height: 1;
}

.breadcrumb-box .container {
  width: 100%;
}

.breadcrumb a {
  color: var(--bw-black);
}

.breadcrumb li {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: var(--bw-grey);
  line-height: 1;
  scroll-snap-align: center;
}

.store-slider {
  width: 100%;
}

.show-more-box {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.show-more {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column-reverse;
  gap: 20px;
  font-size: 18px;
  font-weight: 700;
  color: var(--bw-black);
  /* padding: 30px 0; */
}

.show-more svg {
  width: 100px;
  height: 100px;
}

@keyframes pulseAnimation {
  0% {
    stroke: #2E90FA;
  }

  50% {
    stroke: #4FC3F7;
  }

  100% {
    stroke: #2E90FA;
  }
}

.show-more svg path {
  animation: pulseAnimation 2s infinite;
}

.show-more-box {
  display: none;
}

.category-box .show-more-box {
  display: flex;
}

@media (max-width: 991px) {
  .show-more-box {
    display: flex;
  }

  .show-more {
    flex-direction: row;
    font-size: 14px;
    font-weight: 500;
  }

  .show-more svg {
    width: 20px;
    height: 20px;
  }
}

.pagination {
  display: grid;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(0.1875rem, 0.1236rem + 0.365vw, 0.5rem);
  width: 100%;
  padding: 16px !important;
  margin-bottom: clamp(1.875rem, -0.9517rem + 4.5593vw, 3.75rem);
}


.pagination li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  border-radius: 8px;
  min-width: 32px;
  height: 32px;
}

@media (any-hover: hover) {
  .pagination li:hover {
    color: var(--bw-dark-blue);
  }
}

.pagination__link-span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  pointer-events: none;
  color: var(--bw-white);
  background-color: var(--main-blue);
  border-radius: 8px;
  min-width: 32px;
  height: 32px;
  padding: 0 5px;
}

.pagination__link-first {
  pointer-events: none;
}

.pagination a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  padding: 0 5px;
}

@media (any-hover: hover) {
  .pagination li:hover {
    background-color: #e9e9e9;
  }
}

.pagination__null {
  pointer-events: none;
  width: 32px;
  height: 32px;
}

.pag-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pagination__prev svg path,
.pagination__next svg path {
  fill: #000000;
}

.pagination__prev svg {
  fill: #000000;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.pagination__next svg {
  fill: #000000;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media (any-hover: hover) {

  .pagination__prev:hover svg path,
  .pagination__next:hover svg path {
    fill: #000000;
  }
}


* {
  -webkit-tap-highlight-color: transparent;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: var(--main-purple);
  border-radius: 5px;
}

.header__contact-sub-list::-webkit-scrollbar,
.cart-scroll::-webkit-scrollbar,
.lavel-scroll::-webkit-scrollbar,
.header__burg-scroll::-webkit-scrollbar {
  width: 3px;
}

/**::-moz-scrollbar {
  width: 0px;
  height: 0px;
}

*::-moz-scrollbar-track {
  background: transparent;
}

*::-moz-scrollbar-thumb {
  background: var(--black);
}*/

.menu-nav-list {
  direction: rtl;
}

.menu-nav-list-sub::-webkit-scrollbar,
.menu-nav-list::-webkit-scrollbar {
  width: 3px;
}

.menu-nav-list li {
  direction: initial;
}

.menu-nav-list-sub {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/**.menu-nav-list,
*.menu-nav-list-sub {
  scrollbar-width: thin !important;
}*/

.fill {
  min-height: 60px;
  position: relative;
  z-index: 5;
}

body:has(.ocf-container) #column-left {
  z-index: 4;
}

.slider__btn-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 15px;
  /* margin-top: clamp(0.875rem, 0.7966rem + 0.4478vw, 1.25rem); */
  margin-bottom: clamp(0.875rem, 0.7966rem + 0.4478vw, 1.25rem);
}

.slider__btn-top > .slider__btn-top {
  margin-bottom: 0;
}

.checkout .slider__btn-top {
  margin-top: clamp(0.875rem, 0.7966rem + 0.4478vw, 1.25rem);
}

.section__title {
  color: var(--bw-black);
  font-size: clamp(1rem, 0.8955rem + 0.597vw, 1.5rem);
  font-weight: 500;
  margin: 0;
}

mark {
  color: var(--main-blue);
  background: none;
}

.section__title mark {
  font-weight: 700;
}

.section_title_bg {
  text-align: center;
  padding: clamp(1.125rem, 0.9422rem + 1.0448vw, 2rem);
  background-color: var(--bw-white);
  border-radius: 12px;
  margin: 0;
  margin-bottom: 8px;
  font-size: 24px;
  font-emphasize: 500px;
}

.next-product {
  color: var(--main-blue);
  font-weight: 600;
  border-bottom: 2px dotted var(--main-blue);
  margin: 0 auto;
  margin-left: 0;
}

.section-top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: clamp(0.875rem, 0.7966rem + 0.4478vw, 1.25rem);
}

.marg-bottom {
  padding-top: clamp(0.625rem, 0.4944rem + 0.7463vw, 1.25rem);
  padding-bottom: clamp(1.25rem, 1.1223rem + 0.7299vw, 1.875rem);
}

.marg-bottom .store__inner-top,
.marg-bottom .section-title,
.marg-bottom .h2,
.marg-bottom h2 {
  margin-top: 0;
}


.tab__order-items .arrow__items-svg-bg,
.header__burger-menu,
.header__burg-btn {
  display: none;
}

.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close-btn-in .mfp-close {
  font-family: 'Inter', sans-serif;
  font-size: 34px;
  font-weight: 300;
  color: var(--bw-black);
  justify-self: flex-end;
}

.mfp-close {
  position: static;
  color: var(--bw-white);
}

.swiper-pagination {
  position: static;
  display: flex;
  justify-content: center;
  padding: 12px 0;
  z-index: 1;
}

.swiper-pagination-bullet {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8px;
  height: 8px;
  opacity: 1;
  background: transparent;
  position: relative;
  border-radius: 5px;
  background-color: #CACAC8;
}

.swiper-pagination-bullet-active {
  width: 35px;
  background-color: #000000;
  font-weight: 700;
}

.list__filters-btn,
.list__filters-top-bg,
.product__list-off {
  display: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 1.2;
}

/* .select__main {
  display: none;
} */

.select2-container {
  display: block;
  width: auto !important;
}

.select2-container--default .select2-search--dropdown {
  display: none;
}

@media (any-hover: hover) {
  .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable:hover {
    color: var(--bw-black);
  }
}

.select2-dropdown {
  border: transparent;
}

body:has(.js-select-search) .select2-dropdown {
  border: 1px solid var(--bw-light-grey);
  padding: 10px;
}

body:has(.js-select-search) .select2-results {
  border: none;
  padding: 5px 0;
}

.select2-container--default .select2-selection--single {
  display: flex;
  align-items: center;
  /* min-width: 230px; */
  height: 38px;
  border: 1px solid var(--bw-light-grey);
  border-radius: 5px;
  padding-right: 25px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 30px;
  width: 30px;
  top: 50%;
  transform: translate(0, -50%);
  position: absolute;
  z-index: 3;
  padding: 0 45px 0 15px;
  color: var(--bw-black);
  background-image: url('../images/pop-up-icon/arrow.svg');
  background-repeat: no-repeat;
  background-position: center right 15px;
  appearance: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.select2-container--open .select2-dropdown--below {
  background-color: var(--background);
  border-radius: 5px;
}

.select2-container.select2-container--default.select2-container--open {
  width: auto;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 14px;
  font-weight: 500;
  /* color: var(--bw-grey); */
  padding: 0 15px;
}

.select2-container--open .select2-dropdown {
  margin-top: 5px;
}

.select2-results {
  display: flex;
  color: #7F7F7F;
  border: 1px solid var(--bw-light-grey);
  background-color: var(--background);
  padding: 15px 10px;
  border-radius: 5px;
  overflow: hidden;
}

.select2-results__options {
  font-size: 14px;
  font-weight: 500;
  display: block;
  width: 100%;
}

.select2-results__option {
  padding: 9px 6px;
}

.select2-results__option:hover {
  background-color: #f6f2f2;
  color: var(--bw-black);
  cursor: pointer;
}

.select2-container--default .select2-results__option--selected,
.select2-results__option[aria-selected="true"] {
  font-size: 14px;
  font-weight: 500;
  color: var(--bw-black);
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  color: #7F7F7F;
  background-color: transparent;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  color: var(--bw-black);
}

.select__main,
.select__main .js-example-basic-single,
.select__main .select2-container--default .select2-selection--single {
  width: 100%;
  height: clamp(2.75rem, 2.5933rem + 0.8955vw, 3.5rem);
  background-color: var(--background);
}

body:has(.js-select-search) .select2-container--default .select2-search--dropdown {
  display: flex;
  padding: 0;
  margin-bottom: 4px;
}

/* body:has(.js-select-search) .select2-container--open .select2-dropdown--below {
  background-color: transparent;
} */

.select2-container--default .select2-search--dropdown .select2-search__field {
  height: 34px;
  border: 1px solid var(--bw-light-grey);
  padding: 0 16px 0 32px;
}

.select2-search--dropdown {
  position: relative;
}

.select2-container--open .select2-dropdown--above {
  background-color: var(--background);
}

.select2-container--default .select2-search--dropdown .select2-search__field:hover {
  background-color: #ffffff;
}

.select2-search--dropdown::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 10px;
  cursor: pointer;
  content: '';
  background-repeat: no-repeat;
  background-image: url('../images/pop-up-icon/search-1.svg');
  width: 20px;
  height: 20px;
  filter: invert(45%) sepia(95%) saturate(2625%) hue-rotate(196deg) brightness(104%) contrast(96%);
}

.gallery-top .swiper-wrapper,
.gallery-thumbs .swiper-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.gallery-top {
  max-width: 570px;
  max-height: 570px;
  width: 100%;
  overflow: hidden;
  margin-bottom: 44px;
  min-width: 0;
  cursor: pointer;
}

@media (max-width: 991px) {
  .gallery-top {
    display: flex;
    flex-direction: column;
    max-height: max-content;
    margin-bottom: 0;
  }
}

/* .swiper-slide-custom {
  padding: 12px;
} */

.gallery-top img {
  display: flex;
  max-width: 570px;
  width: 100%;
}

.gallery-thumbs-box {
  max-width: 650px;
  width: 100%;
  margin-bottom: 35px;
}

#gallery-top .swiper-pagination {
  position: static;
  display: none;
}

@media (max-width: 991px) {
  .gallery-thumbs-box {
    display: none;
  }

  #gallery-top .swiper-pagination {
    display: flex;
  }
}

.gallery-thumbs {
  max-width: 650px;
  box-sizing: border-box;
  overflow: hidden;
  min-width: 0;
  cursor: pointer;
}

.gallery-top .swiper-wrapper,
.gallery-thumbs .swiper-wrapper {
  padding-bottom: 0;
  margin-bottom: 0;
}

.gallery-thumbs .swiper-slide {
  display: flex;
  border: 1px solid transparent;
  overflow: hidden;
  min-width: 0;
  border-radius: 12px;
  box-sizing: border-box;
}

.gallery-thumbs .swiper-slide img {
  display: flex;
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 8px;
}

.gallery-thumbs .swiper-slide-thumb-active {
  border-radius: 12px;
  border: 1px solid var(--bw-medium-grey);
}

.gallery-top .store__box-wrapp {
  position: absolute;
  top: 20px;
  right: 20px;
}

.gallery-top .store__box-wrapp .store__box-info {
  padding: 0 20px;
}

.gallery-top .swiper-button-prev,
.gallery-top .swiper-button-next {
  top: 50%;
  transform: translate(0, -50%);
  width: 25px;
  height: 25px;
}

.gallery-top .swiper-button-next {
  right: 15px;
}

.gallery-top .swiper-button-prev {
  left: 15px;
}


.gallery-top .swiper-button-prev::after,
.gallery-top .swiper-button-next::after {
  transform: rotateY(45deg);
  font-size: 14px;
}


.card__product-pop-up {
  display: grid;
  grid-template-columns: auto 1fr;
}

.card__product-pop-up .gallery-thumbs-box {
  max-width: 150px;
  width: 100%;
  height: auto;
  max-height: 570px;
  overflow: hidden;
  margin-bottom: 0;
}

.card__product-pop-up .gallery-top {
  justify-self: center;
}

.card__product-pop-up .gallery-thumbs .swiper-slide {
  height: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.card__product-pop-up .gallery-thumbs .swiper-slide img {
  max-height: 93px;
  max-width: 100%;
  height: auto;
  width: auto;
}

#card__product-main-pop-up #gallery-top-pop-up-count {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-width: 100px;
  height: 38px;
  border-radius: 12px;
  padding: 0 10px;
  border: 1px solid var(--bw-light-grey);
}

#card__product-main-pop-up .gallery-thumbs {
  max-height: 570px;
}

#card__product-main-pop-up .swiper-slide {
  width: 100% !important;
}

#card__product-main-pop-up .swiper-pagination {
  position: static;
}

.card__product-main-pop-up .swiper-pagination-fraction {
  font-size: 14px;
  color: var(--bw-black);
  z-index: 1;
}

#card__product-main-pop-up .swiper-button-prev,
#card__product-main-pop-up .swiper-button-next {
  top: 50%;
  transform: translate(0, -50%);
  width: 48px;
  height: 48px;
}

#card__product-main-pop-up .swiper-button-prev {
  left: -120px;
}

#card__product-main-pop-up .swiper-button-next {
  right: -120px;
}

.gallery-top-rel {
  position: relative;
  justify-self: center;
  width: fit-content;
}



/*--------------------------------------------------modal-dialog*/



.modal-body {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 16px;
  margin-bottom: 16px;
}

.modal-content {
  position: relative;
}

.modal-content .mfp-close {
  position: absolute;
  top: -25px;
  right: -25px;
}

.modal-body p {
  color: #000000;
  font-size: 14px;
}

.modal-body a {
  color: var(--bw-black);
  font-weight: 500;
}

.modal-footer {
  display: flex;
  gap: 20px;
}

.modal-footer {
  display: flex;
  gap: 20px;
}

.modal-footer a {
  height: 42px;
}

.modal-footer button {
  text-transform: none;
  height: 42px;
}


/*--------------------------------------------------pop-up*/


.cart-scroll {
  overflow: auto;
  max-height: calc(100vh - 335px);
  min-height: 120px;
  border-radius: 12px;
  border: 1px solid var(--bw-light-grey);
  margin-bottom: 20px;
}

#card__product-pumping .cart-scroll {
  min-height: 332px;
  border: none;
}

.cart-scroll::-webkit-scrollbar {
  width: 3px;
}

.header__cart-wrap {
  overflow: hidden;
}

.header__cart-order {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.header__cart-order-inner {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

@media (max-width: 767px) {
  .header__cart-order {
    flex-direction: column;
    width: 100%;
  }

  .header__cart-price-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
  }

  .header__cart-order-inner {
    width: 100%;
  }
}

@media (max-width: 575px) {
  .header__cart-order-inner {
    flex-direction: column;
  }

  .header__cart-order-inner .btn {
    width: 100%;
  }
}

.header__empty-cart {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: clamp(0.9375rem, 0.611rem + 1.8657vw, 2.5rem);
}

.cart__more-info {
  display: block;
  font-size: 14px;
  color: var(--bw-grey);
}

.header__order-title {
  display: block;
  font-size: 14px;
  color: var(--bw-grey);
  font-weight: 500;
  margin-bottom: 8px;
}

.header__price-all {
  white-space: nowrap;
  font-size: clamp(1.375rem, 1.2444rem + 0.7463vw, 2rem);
  font-weight: 600;
}

#cart.sing-in-pop-up {
  background-color: var(--bw-white);
}

.cart-rel .card__product-center-title {
  display: inline-block;
  min-height: auto;
  margin-bottom: 0;
}

.header__cart-full-empty .card__product-box {
  max-width: 100%;
  border-bottom: 1px solid var(--bw-light-grey);
  margin-bottom: 0;
}

.header__cart-full-empty .card__product-box:last-child {
  border-bottom: none;
}

.header__cart-full-empty .card__product-img-box {
  margin-bottom: 0;
}

.header__cart-full-empty .card__product-item {
  display: grid;
  grid-template-columns: auto 2fr auto 1fr;
  align-items: center;
  column-gap: 12px;
}

@media (max-width: 1199px) {

  .header__cart-full-empty .card__product-item {
    grid-template-columns: auto 2fr 1fr;
    row-gap: 12px;
  }

  .header__cart-full-empty .counter {
    grid-column: 2;
    grid-row: 2;
    justify-self: flex-end;
  }

  .header__cart-full-empty .card__product-price-box {
    grid-column: 3;
    grid-row: 2;
    gap: 0;
    justify-self: flex-end;
    width: auto;
  }
}

@media (max-width: 575px) {
  .header__cart-full-empty .card__product-center {
    grid-column: 2 / -1;
  }

  .header__cart-full-empty .counter {
    grid-column: 1;
    grid-row: 2;
    justify-self: flex-start;
  }

}

#cart .cart__slider .card__product-item {
  border-radius: 12px;
  border: 1px solid var(--bw-light-grey);
}

.header__cart-full-empty .card__product-img-box {
  display: grid;
  grid-template-columns: auto auto;
  grid-column: auto;
  grid-row: auto;
  max-width: 100px;
}

.header__cart-full-empty .card__product-img {
  max-width: 80px;
}

/* .card__product-img,
.card__product-off {
  grid-column: 1;
  grid-row: 1;
} */

.card__product-off {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: flex-end;
  border-radius: 6px;
  border: 1px solid var(--bw-light-grey);
  background: var(--bw-white);
  line-height: 1;
  width: 20px;
  min-width: 20px;
  height: 20px;
  z-index: 3;
}
.card__product-off:hover {
  opacity: 0.8;
}

.card__inner-main {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 20px;
}

.card__inner-main:not(:last-child) {
  border-bottom: 1px solid var(--bw-light-grey);
}

.card__inner-title-list {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}

.card__inner-items {
  display: none;
}

.card__inner-items-col {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.card__inner-main .card__inner-items-col {
  display: block;
}

.card__inner-items-price {
  white-space: nowrap;
}

@media (max-width: 767px) {

  .card__inner-items-col-top {
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr 1fr auto;
  }

  .card__inner-items-guarantee {
    display: block;
    font-size: 14px;
    grid-column: 1 / -1;
  }

  .card__inner-items-price {
    display: block;
    justify-self: flex-end;
  }

}

@media (max-width: 575px) {

  .card__inner-items-col-top {
    grid-template-columns: 1fr auto;
  }

  .card__inner-items-price-btn {
    grid-column: 1 / -1;
  }
}

.counter__calc {
  display: flex;
  align-self: center;
  gap: 5px;
  position: relative;
  border-radius: 12px;
  border: 1px solid var(--bw-light-grey);
  max-width: 105px;
  height: 42px;
  padding: 12px;
}


.counter__calc .counter__input {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--bw-black);
  font-size: 18px;
  text-align: center;
  border: none;
  outline: none;
  pointer-events: none;
  height: auto;
  padding: 0;
  background-color: transparent;
}

.counter__plus,
.counter__minus {
  display: flex;
  align-items: center;
  justify-content: center;
}

.counter__calc svg {
  width: 20px;
}

.counter__plus:hover svg path,
.counter__minus:hover svg path {
  stroke: var(--main-blue);
}


#card__product-pumping .card__product-img-box-filter {
  display: none;
}

#card__product-pumping .card__img {
  max-width: 150px;
}

#card__product-pumping .card__product-item {
  border-radius: 12px;
  border: 1px solid var(--bw-light-grey);
}

#card__product-pumping .card__product-item {
  border-radius: 12px;
  border: 1px solid var(--bw-light-grey);
}

#card__product-pumping .card__product-price-box .btn {
  background-color: var(--gaming-razer-blade);
}

#card__product-pumping .swiper-pagination-bullet-active {
  background-color: var(--gaming-razer-blade);
}

#card__product-pumping .btn-success {
  background: linear-gradient(90deg, #44D62C 0%, #2CADD6 100%);
}

#card__product-pumping .btn-default {
  border: 1px solid var(--gaming-razor);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-image: linear-gradient(90deg, #44D62C 0%, #2CADD6 100%);
}

#card__product-pumping .btn-default::after {
  background: var(--gaming-razor, linear-gradient(90deg, #44D62C 0%, #2CADD6 100%));
  opacity: 0.3;
}

.card__product-pumping {
  flex-basis: calc(50% - 10px);
}
@media (max-width: 1265px) {
  .card__product-pumping {
    flex: 1 1 100%;
  }
}
.card__hover-button .card__product-pumping {
  padding: 0 16px;
  width: auto !important;
}

.card__product-pumping svg path, .card__product-pumping:hover svg path {
  stroke: var(--bw-white);
}

/*.card__product-pumping:hover:after {
  background-color: #d32225;
}*/
.card__product-pumping:hover svg {
  filter: unset !important;
}



/*--------------------------------------------------*/


#card__product-pumping.sing-in-pop-up,
#card__product-main-pop-up.sing-in-pop-up,
#cart.sing-in-pop-up {
  max-width: 750px;
  width: 100%;
}

.card__product-pop-up-bottom .product__page-content-title {
  font-weight: 500;
  max-width: 600px;
  margin-bottom: 0;
}

.card__product-pop-up-bottom .btn {
  min-width: 190px;
  width: 100%;
}

.card__product-pop-up-bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 8px;
}

.card__product-pop-up-bottom .group-button {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
}

.sing-in-pop-up .select__main,
.sing-in-pop-up .select__main .js-example-basic-single,
.sing-in-pop-up .select__main .select2-container--default .select2-selection--single {
  margin: 0;
}

@media (max-width: 991px) {
  .card__product-pop-up {
    grid-template-columns: 100%;
  }

  #card__product-main-pop-up .swiper-button-prev,
  #card__product-main-pop-up .swiper-button-next,
  .card__product-pop-up-bottom {
    display: none;
  }

}

.slide-in-top.mfp-bg {
  opacity: 0;
  transition: all .5s ease-out;
}

/* overlay animate in */
.slide-in-top.mfp-bg.mfp-ready {
  opacity: 0.8;
}

/* overlay animate out */
.slide-in-top.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.slide-in-top.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all .5s ease-out;
  transform: translateY(-30%);
}

/* content animate it */
.slide-in-top.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
  transform: translateY(0);
}

/* content animate out */
.slide-in-top.mfp-wrap.mfp-removing .mfp-content {
  transform: translateY(-30%);
  opacity: 0;
}

.sing-in-pop-up {
  display: grid;
  position: relative;
  background-color: var(--bw-white);
  border-radius: 12px;
  max-width: 610px;
  /* height: calc(100vh - 50px); */
  width: 100%;
  height: auto;
  padding: clamp(0.75rem, 0.4888rem + 1.4925vw, 2rem);
  transition: all 3s linear;
  margin: 0 auto;
}

.form-pop-up {
  display: grid;
  grid-template-columns: 1fr;
  align-self: center;
}

.form-pop-up-title {
  font-size: clamp(1rem, 0.8955rem + 0.597vw, 1.5rem);
  font-weight: 500;
}

.form-pop-up-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.form-pop-up-top .mfp-close {
  position: static;
}

.form-box {
  display: grid;
  gap: 10px;
  margin-bottom: 10px;
}

.form-group {
  position: relative;
}

.form-group .left {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 15px;
  cursor: pointer;
}

.form-group .right {
  display: flex;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 15px;
  cursor: pointer;
}

.sign-in__link {
  display: block;
  font-size: 14px;
  font-weight: 500;
  text-align: right;
  margin-bottom: 20px;
}

.form-link {
  width: 100%;
}

.form-column-bottom-bt a {
  display: flex;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
}

.form-border {
  margin: 20px 0;
}

.sign-in__link+.form-border {
  margin-top: 0;
}

.form-column-bottom-bt {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.pop-up-box-left {
  margin-left: -20px;
}

.pop-up-box {
  position: relative;
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  gap: 50px;
}


/*--------------------------------------------------menu-nav*/


.menu-nav {
  width: 100%;
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 52px;
  /* height: max-content;*/
  height: calc(100vh - 150px);
  z-index: -1;
  pointer-events: none;
  transition: all 0.3s linear;
}

.menu-nav-main .arrow__items-svg-bg,
.menu-nav .arrow__items-svg-bg {
  display: flex;
  background-color: transparent;
  margin: 0 auto;
  margin-right: 0;
}

.menu-nav-box {
  width: 100%;
  height: 100%;
}

.menu-nav.active {
  opacity: 1;
  z-index: 5;
  pointer-events: auto;
  transition: all 0.3s linear;
}

.menu-nav-main .arrow__items-svg-bg svg,
.menu-nav .arrow__items-svg-bg svg {
  width: auto;
  height: auto;
  transition: all 0.3s linear;
}

.menu-nav-list {
  padding: 16px 0;
  border-radius: 0px 0px 0px 12px;
  width: 300px;
  background-color: var(--bw-white);
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  max-height: calc(100dvh - 60px);
  height: max-content;
  overflow-y: auto;
  transition: all 0.3s linear;
}

.menu-nav-list-main {
  border-radius: 0px 0px 12px 12px;
  background: var(--bw-white);
}

.menu-nav-list-main.active {
  border-radius: 0px 0px 0px 12px;
}

.menu-nav-list>li {
  font-size: 14px;
  font-weight: 500;
  color: var(--bw-black);
  transition: all 0.3s linear;
}

.menu-nav-list-sub li {
  font-size: 16px;
  font-weight: 400;
  color: var(--bw-black);
  transition: all 0.3s linear;
}

.menu-nav-list-sub .menu-subtitle {
  display: block;
  font-size: 18px;
  font-weight: 700;
  padding: 12px;
  min-height: 48px;
  color: var(--bw-black);
}

.menu-nav-list-sub .menu-subtitle:hover {
  background-color: var(--main-blue-10);
  color: var(--main-blue);
  transition: all 0.3s linear;
}

.menu-nav-list-sub a {
  position: relative;
}

@media (any-hover: hover) {
  .menu-nav-list-sub-list li:hover {
    background-color: var(--main-blue-10);
    color: var(--main-blue);
    transition: all 0.3s linear;
  }
}

.menu-nav-list-item>a {
  display: flex;
  align-items: center;
  gap: 15px;
  /* justify-content: space-between; */
  padding: 12px;
  min-height: 48px;
}

@media (any-hover: hover) {
  .menu-nav-list-item:hover {
    background-color: var(--main-blue-10);
    color: var(--main-blue);
    transition: all 0.3s linear;
  }
}

/* .header__catalog-menu {
  position: relative;
} */

.menu-nav::after {
  content: '';
  position: absolute;
  width: 300px;
  height: 30px;
  top: -20px;
}

@media (any-hover: hover) {
  .menu-nav-list-item:hover {
    background-color: var(--main-blue-10);
    color: var(--main-blue);
    transition: all 0.3s linear;
  }
}

.menu-nav-list-sub {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: min-content;
  padding: 16px 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 300px;
  right: 0;
  width: auto;
  max-width: 100%;
  text-align: start;
  opacity: 0;
  pointer-events: none;
  background-color: var(--bw-white);
  height: 100dvh;
  max-height: calc(100dvh - 122px);
  overflow-y: auto;
  pointer-events: none;
  z-index: -1;
}

.menu-nav-list-sub.active {
  opacity: 1;
  z-index: 3;
  pointer-events: auto;
}

.menu-nav-list-sub-list li {
  font-size: 14px;
  padding: 7px 12px;
}

@media (any-hover: hover) {
  .menu-nav-list-item:hover svg path {
    stroke: var(--main-blue);
  }
}

.main__swiper-bg .menu-nav {
  position: static;
  opacity: 1;
  z-index: 3;
}

.main__swiper-bg .menu-nav {
  position: static;
  opacity: 1;
  pointer-events: auto;
  z-index: 3;
}

.main__swiper-menu {
  display: flex;
  position: relative;
}

.menu-nav-main.active {
  z-index: 4;
}

.main__swiper-menu #column-left {
  max-width: 310px;
}

@media (max-width: 1199px) {
  .main__swiper-menu {
    flex-direction: column;
  }

  .main__swiper-menu #column-left {
    max-width: 100%;
  }
}

.main__swiper {
  margin-top: 10px;
}

.menu-nav-main .menu-nav-list {
  overflow: hidden;
  height: max-content;
  overflow-y: auto;
  max-height: calc(100dvh - 122px);
  margin-right: 10px;
}

#column-left .menu-nav-list {
  max-height: unset;
}

.menu-nav-main .menu-nav-list-sub {
  height: max-content;
  min-height: calc(100% - 25px);
  max-height: calc(100dvh - 122px);
}

/*#column-left .menu-nav-main .menu-nav-list-sub {
  height: calc(100% - 22px);
}*/

body:has(.fixed) .menu-nav-list-sub {
  height: max-content;
  min-height: 100%;
  max-height: calc(100dvh - 0px);
}

body:has(.fixed) .menu-nav {
  height: max-content;
}

body:has(.menu-nav.active) {
  overflow: hidden;
}

.menu-nav-main .menu-nav-list-sub.active {
  opacity: 1;
  z-index: 5;
  border-radius: 0px;
  background-color: var(--bw-white);
}

@media (max-width: 1199px) {

  .menu-nav-main {
    display: none;
  }

}


/*--------------------------------------------------header*/

.header {
  z-index: 6;
}

.header__top {
  padding-top: clamp(0.75rem, -0.6786rem + 1.9048vw, 1.25rem);
  padding-bottom: clamp(0.75rem, -0.6786rem + 1.9048vw, 1.25rem);
  background: var(--bw-white);
  position: relative;
  z-index: 6;
}

.header__top-inner {
  display: flex;
  align-items: center;
  gap: 40px;
}

.header__top-inner .logo img {
  max-width: 185px;
}

.header__nav {
  width: 100%;
}

.header__nav-list {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 60px;
}

.attention {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  height: 32px;
  color: var(--bw-white);
  background-color: var(--main-purple);
  border-radius: 100px;
  transition: all 0.3s linear;
}

@media (any-hover: hover) {
  .attention:hover {
    box-shadow: inset 50px 50px 0 0 var(--main-blue);
    transition: all 0.3s linear;
  }
}

.attention a {
  padding: 0 12px;
}

.header__top-inner .header__nav-list li span,
.header__top-inner .header__nav-list li a {
  display: flex;
  align-items: center;
  line-height: 1;
  gap: 5px;
}

.header__contact-btn-main {
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
  cursor: pointer;
}

.header__link-tel {
  display: flex;
  align-items: center;
  gap: 5px;
  line-height: 1;
}

.header__contact-sub {
  width: max-content;
  background-color: var(--bw-white);
  position: absolute;
  top: 35px;
  left: 0;
  min-width: 150px;
  padding: 10px 0;
  border-radius: 12px;
  box-shadow: 17px 33px 51px 4px rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: all 0.3s linear;
  /* translate: -100% 0 0; */
  transform: scale(0.7);
  z-index: 0;
  pointer-events: none;
}

.header__contact-sub-list {
  max-height: 350px;
  overflow: auto;
}

.header__top .header__contact-sub a,
.header__top .header__contact-sub button {
  padding: 10px 20px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: all 0.3s linear;
}

/*.header__contact-sub li:first-child {
  border-radius: 12px 12px 0 0;
  overflow: hidden;
}

.header__contact-sub li:last-child {
  border-radius: 0 0 12px 12px;
  overflow: hidden;
}*/

@media (any-hover: hover) {

  .header__contact-sub li:hover,
  .header__contact-sub button:hover {
    background-color: var(--main-blue-10);
    color: var(--main-blue);
  }
}

.header__contact-sub li.active {
  background-color: var(--main-blue-10);
  color: var(--main-blue);
}

.header__contact-sub::before {
  content: '';
  position: absolute;
  top: -20px;
  width: 100%;
  height: 30px;
}

.header__contact-btn-main .svg-rotate {
  transition: all 0.3s linear;
}


.header__contact-btn-main:hover .svg-rotate {
  rotate: 180deg;
  transition: all 0.3s linear;
}

.header__contact-btn-main:hover .header__contact-sub {
  opacity: 1;
  z-index: 10;
  pointer-events: auto;
  transition: all 0.3s linear;
  /* translate: 0 0 0; */
  transform: scale(1);
}


.header__lang {
  display: flex;
  align-items: center;
  gap: 10px;
}



/* .header__contact-sub {
  background-color: var(--bw-white);
  position: absolute;
  top: 35px;
  left: 0;
  transform-style: preserve-3d;
  perspective: 1000px;
  transition: all 0.3s ease-out;
  opacity: 0;
  transform: rotateX(90deg) rotateY(45deg) translateZ(-75px) scale(0.7);
  pointer-events: none;
}

.header__contact-btn-main:hover .header__contact-sub {
  opacity: 1;
  transform: rotateX(0deg) rotateY(0deg) translateZ(0) scale(1);
  transition: all 0.3s ease-out;
} */


@media (max-width: 1199px) {

  .header__top .header__town,
  .header__top .header__nav,
  .header__top .header__lang {
    display: none;
  }

  .header__top-inner {
    justify-content: center;
  }
}

.header__lang-item {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--bw-dark-blue);
  cursor: pointer;
  padding: 4px 0;
}

.header__top-inner .logo img {
  max-width: 135px;
  padding-left: 12px;
}

@media (max-width: 1199px) {
  .header__top-inner .logo img {
    max-width: 105px;
    padding-left: 12px;
  }
}

.header__lang-item.active {
  color: var(--bw-black);
  opacity: 0.5;
}

@media (any-hover: hover) {
  .header__lang-item:hover {
    color: var(--bw-medium-grey);
  }
}

.header__lang-item:first-child {
  border-right: 1px solid #B8B8B8;
  padding-right: 10px;
}

.header__bottom {
  position: static;
  background-color: var(--bw-dark-blue);
  color: var(--bw-white);
  z-index: 3;
  padding: 8px 0;
}

.header__bottom.fixed {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
}

.header__bottom .header__input::placeholder {
  color: var(--bw-white);
}

.header__bottom .header__input {
  height: 44px;
  border-radius: 12px;
  padding-right: 100px;
  color: var(--bw-white);
  background: rgba(255, 255, 255, 0.10);
  border: none;
}

.search-button {
  display: flex;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 14px;
  cursor: pointer;
}

#voice-button,
.voice-button {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 50px;
  cursor: pointer;
}

/* .header__botom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  position: relative;
} */

.header__botom-inner {
  display: grid;
  grid-template-columns: 300px 2fr auto auto auto auto;
  align-items: center;
  gap: 8px;
  position: relative;
}

@media (max-width: 1199px) {
  .header__botom-inner {
    display: flex;
  }
}

.header__catalog-menu {
  width: fit-content;
}

.header__catalog {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  color: var(--bw-white);
  max-width: fit-content;
  /* width: 300px; */
  padding-left: 12px;
}

.header__botom-inner .logo {
  margin-right: 20px;
}

.header__form {
  width: 100%;
}

.header__botom-inner .header-log {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-radius: 100px;
  background-color: rgba(255, 255, 255, 0.10);
  font-weight: 400;
  height: 38px;
  padding: 0 16px;
  margin-left: 30px;
  color: #fff;
}

.like-btn,
.compare-btn {
  display: flex;
  position: relative;
  padding: 0 30px;
}

.compare-btn svg {
  width: 30px;
  height: 30px;
}

.like-btn {
  border-left: 1px solid rgb(201, 201, 199, 0.5);
  border-right: 1px solid rgb(201, 201, 199, 0.5);
}

.header__cart {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr auto;
  gap: 10px;
  padding-left: clamp(0.625rem, -2.9464rem + 4.7619vw, 1.875rem);
}


.cart-title {
  display: block;
  color: var(--bw-white);
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  opacity: 0.5;
  margin-bottom: 5px;
}

.cart-value {
  display: block;
  color: var(--bw-white);
  font-size: 12px;
  font-weight: 500;
  background-color: var(--main-purple);
  white-space: nowrap;
  border-radius: 4px;
  padding: 4px;
}

.counter-num {
  color: var(--bw-white);
  font-size: 12px;
  font-weight: 500;
  background-color: var(--main-purple);
  white-space: nowrap;
  border-radius: 50%;
  padding: 4px;
  position: absolute;
  top: -5px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  line-height: 1;
}


.header__catalog-box-menu-bottom {
  display: none;
}

@media (max-width: 1199px) {

  .header__top .header__town,
  .header__top .header__nav,
  .header__top .header__lang {
    display: none;
  }

  .header__top-inner {
    justify-content: center;
  }

  .header__bottom .header__catalog-menu,
  .header__bottom .header-log,
  .header__bottom .compare-btn,
  .header__bottom .like-btn,
  .header__bottom .cart-title,
  .header__bottom .cart-value-off {
    display: none;
  }

  .header__cart {
    position: relative;
  }

  .cart-value {
    position: absolute;
    top: -5px;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    line-height: 1;
  }

  .header__burg-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bw-white-10);
    border-radius: 12px;
    padding: 12px;
    /* width: 44px;
    height: 44px; */
  }

  .header__burger-menu {
    background-color: var(--bw-white);
    display: block;
    max-width: 500px;
    width: 100%;
    top: 0;
    bottom: 0;
    position: fixed;
    left: -100%;
    overflow: hidden;
    transition: all 0.3s linear;
    z-index: 10;
  }

  .header__burger-menu.active {
    display: block;
    left: 0;
  }

  @media (any-hover: hover) {
    .header__burger-menu a:hover {
      opacity: 1;
    }
  }

  .header__burger-menu-top {
    background-color: var(--bw-dark-blue);
  }

  .header__burger-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    color: var(--bw-white);
    border-bottom: 1px solid var(--bw-white-10);
    padding: 8px 12px;
  }

  .header__burger-top .logo img {
    max-width: 105px;
    padding-left: 12px;
  }

  .header__burg-btn-close {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    width: 44px;
    height: 44px;
    font-size: 50px;
    color: var(--bw-white);
    background-color: var(--bw-white-10);
    border-radius: 12px;
    transition: all 0.3s linear;
    overflow: hidden;
  }

  .header__burg-btn-close svg {
    rotate: 0deg;
    transition: all 0.7s linear;
  }

  .header__burg-btn-close svg.active {
    rotate: 360deg;
    transition: all 0.7s linear;
  }

  .header__burger-bottom {
    padding: 14px 12px;
  }

  .header__burger-bottom-box {
    display: grid;
    gap: 5px;
  }

  .header__burger-bottom-box button {
    color: var(--bw-white);
  }

  .header__burger-log-name-tel {
    display: none;
  }

  .header__lang {
    margin: 0 auto;
    margin-right: 0;
  }

  .header__lang-item {
    color: var(--bw-white);
  }

  .header__lang-item.active {
    color: var(--bw-white);
  }

  .header-log {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin-left: 0;
  }

  .header__burger-menu .header-log {
    color: var(--bw-white);
  }

  .header__burger-menu .header__nav-list-btn {
    display: grid;
    justify-items: flex-start;
    grid-template-columns: 44px 1fr auto;
    align-items: center;
  }

  .header__burger-menu .header__nav-list {
    flex-direction: column;
    gap: 0;
  }

  .header__burger-menu .header__nav-list>li {
    width: 100%;
    border-bottom: 1px solid var(--bw-light-grey);
  }

  .header__burger-menu .header__nav-list a,
  .header__burger-menu .header__nav-list .header__nav-list-btn {
    padding: 12px;
    gap: 0;
    cursor: pointer;
    width: 100%;
  }

  .header__nav-list-btn-town-tel {
    padding: 12px;
  }

  .header__burger-menu .header__nav-list li {
    transition: all 0.3s linear;
  }

  .header__nav-list-btn svg {
    width: 28px;
    height: 28px;
  }

  @media (any-hover: hover) {

    .header__nav-mob-catalog-btn:hover,
    .header__burger-menu .header__nav-list-btn:hover,
    .header__nav-list-sub li:hover {
      background-color: var(--main-blue-10);
      color: var(--main-blue);
      transition: all 0.3s linear;
    }

    .header__burger-menu .header__nav-list-sub li:hover .zone-link {
      color: var(--main-blue);
      transition: all 0.3s linear;
    }

    .header__nav-mob-catalog-btn:hover svg path,
    .header__burger-menu .header__nav-list li:hover svg path,
    .header__nav-list-sub:hover svg path {
      stroke: var(--main-blue);
      transition: all 0.3s linear;
    }
  }

  .header__nav-mob-catalog-btn {
    width: 100%;
    padding: 12px;
  }

  .header__nav-mob-catalog-btn svg {
    width: 22px;
    height: 22px;
    margin-left: 4px;
  }

  .header__cart-value {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 11px;
    line-height: 1;
    color: var(--bw-white);
    background-color: var(--main-purple);
  }

  .header__burger-menu .header__nav-list-sub {
    display: none;
  }

  .header__burger-menu .header__nav-list-sub a,
  .header__burger-menu .header__nav-list-sub button {
    display: flex;
    align-items: center;
    gap: 5px;
    line-height: 1;
  }

  .header__burger-menu .header__nav-list-sub a,
  .header__burger-menu .header__nav-list-sub button {
    padding: 12px 30px;
  }

  .header__burger-menu .header__nav-list .header__arrow {
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -ms-grid-column-align: center;
    justify-self: center;
  }

  .header__burger-menu .header__nav-list .header__arrow.active {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }

  .header__nav-mob a {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
  }

  .header__nav-list-bottom {
    padding: 12px;
  }

  .header__nav-list-bottom a {
    padding: 12px 0;
  }

  .main__swiper-bg .menu-nav {
    display: none;
  }

  .header__burger-menu-rel {
    position: relative;
    height: 100%;
  }

  .header__burg-scroll {
    max-height: calc(100dvh - 115px);
    overflow: auto;
  }

  .lavel a {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .lavel-scroll {
    height: 100%;
    max-height: calc(100dvh - 70px);
    overflow: auto;
  }

  .lavel-scroll::-webkit-scrollbar,
  .header__burg-scroll::-webkit-scrollbar {
    width: 3px;
  }

  .header__catalog-list-3-lavel,
  .header__catalog-list-2-lavel,
  .header__catalog-list-1-lavel {
    display: block;
    flex-direction: column;
    background-color: var(--background);
    position: absolute;
    left: -100%;
    top: 0;
    bottom: 0;
    transition: all 0.3s linear;
    max-width: 500px;
    width: 100%;
    height: 100vh;
    transition: all 0.3s linear;
    z-index: 3;
  }

  .header__catalog-list-3-lavel.active,
  .header__catalog-list-2-lavel.active,
  .header__catalog-list-1-lavel.active {
    left: 0;
    transition: all 0.3s linear;
  }


  .header__catalog-sub-title-btn span {
    display: block;
    margin: 0 auto;
  }


  .header__catalog-list-3-lavel-btn-prev,
  .header__catalog-list-2-lavel-btn-prev,
  .header__catalog-list-1-lavel-btn-prev {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--bw-black);
    border-bottom: 1px solid var(--bw-light-grey);
    width: 100%;
    padding: 15px;
    transition: all 0.3s linear;
    cursor: pointer;
  }

  @media (any-hover: hover) {

    .header__catalog-list-3-lavel-btn-prev:hover,
    .header__catalog-list-2-lavel-btn-prev:hover,
    .header__catalog-list-1-lavel-btn-prev:hover {
      color: var(--main-blue);
      background-color: var(--main-blue-10);
      transition: all 0.3s linear;
    }
  }

  .header__catalog-list-3-lavel-btn-prev svg,
  .header__catalog-list-2-lavel-btn-prev svg,
  .header__catalog-list-1-lavel-btn-prev svg {
    scale: 1.7;
    transition: all 0.3s linear;
  }

  @media (any-hover: hover) {

    .header__catalog-list-3-lavel-btn-prev:hover svg path,
    .header__catalog-list-2-lavel-btn-prev:hover svg path,
    .header__catalog-list-1-lavel-btn-prev:hover svg path {
      fill: var(--main-blue);
      transition: all 0.3s linear;
    }

    .header__catalog-list-3-lavel-btn-prev:hover .header__menu-bottom-btn-close,
    .header__catalog-list-2-lavel-btn-prev:hover .header__menu-bottom-btn-close,
    .header__catalog-list-1-lavel-btn-prev:hover .header__menu-bottom-btn-close {
      color: var(--main-blue);
      transition: all 0.3s linear;
    }
  }

  .lavel li {
    display: grid;
    grid-template-columns: 1fr 50px;
    transition: all 0.3s linear;
    line-height: 1;
    color: var(--bw-black);
  }

  @media (any-hover: hover) {
    .lavel li:hover {
      background-color: var(--main-blue-10);
      color: var(--main-blue);
      transition: all 0.3s linear;
    }

    .lavel a:hover {
      opacity: 1;
    }

    .header__catalog-list-3-lavel-btn-next:hover,
    .header__catalog-list-2-lavel-btn-next:hover {
      background-color: var(--bw-light-grey);
    }

    .header__catalog-list-3-lavel-btn-next:hover svg path,
    .header__catalog-list-2-lavel-btn-next:hover svg path {
      stroke: var(--main-blue);
      background-color: var(--main-purple);
    }
  }

  .header__mob-catalog-box a {
    width: 100%;
    padding: 15px;
  }

  .header__mob-catalog-box li {
    border-bottom: 1px solid var(--bw-light-grey);
    width: 100%;
  }

  .header__catalog-box-menu-bottom-list-btn {
    width: 30px;
    height: 30px;
  }

  .header__catalog-box-menu-bottom-list-sub {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    background-color: #FFFFFF;
    width: 100%;
    max-width: 500px;
    z-index: 7;
    transition: all 0.3s linear;
  }

  .header__catalog-box-menu-bottom-list-sub.active {
    left: 0;
  }

  .header__catalog-box-menu-bottom-list-sub-title button,
  .header__menu-bottom-btn-close {
    font-size: 25px;
  }

}

.header-catalog__index {
  display: none;
}


@media (max-width: 1199px) {
  .header-catalog__index {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 56px;
    gap: 10px;
    color: var(--bw-white);
    background-color: var(--main-blue);
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    margin-top: 10px;
  }
}

@media (max-width: 767px) {
  .header__burg-scroll {
    max-height: calc(100dvh - 117px);
  }
}


/*--------------------------------------------------*/


.slider-padding .menu-nav {
  padding: 24px 0 0 0;
}

.main__swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100% !important;
  margin: 0;
}

.main__swiper-inner {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
}

.main__swiper-title {
  font-weight: 700;
  color: #FFFFFF;
  font-size: clamp(2.5rem, 1.5051rem + 4.2449vw, 5.75rem);
  margin-bottom: 12px;
}

.main__swiper-text {
  line-height: 1.5;
  color: #FFFFFF;
  font-size: clamp(0.875rem, 0.7985rem + 0.3265vw, 1.125rem);
  margin-bottom: 40px;
}

.main__swiper-col {
  display: flex;
  gap: 12px;
}

.main__swiper-link {
  max-width: 220px;
  width: 100%;
}

.main__swiper {
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  overflow: hidden;
}

/* .main__swiper .swiper-wrapper {
  max-height: 500px;
} */

.swiper-pagination {
  /* position: absolute;
  bottom: 20px; */
  position: static !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 12px 0;
  margin: 0;
  transition: all 0.3s linear;
}

.swiper-pagination-bullet {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 3px;
  opacity: 1;
  background: transparent;
  position: relative;
  border-radius: 10px;
  background-color: var(--bw-light-grey);
  transition: all 0.3s linear;
}

.swiper-pagination-bullet-active {
  width: 16px;
  height: 3px;
  background-color: var(--main-blue);
  transition: all 0.3s linear;
  font-weight: 700;
}

.main__swiper img {
  width: 100%;
  height: 100%;
}


/* @media (max-width: 1199px) {
  .main__swiper .swiper-wrapper {
    max-height: 460px;
  }
}

@media (max-width: 767px) {
  .main__swiper .swiper-wrapper {
    max-height: 300px;
  }
}

@media (max-width: 450px) {
  .main__swiper .swiper-wrapper {
    max-height: 220px;
  }
} */

/*--------------------------------------------------*/


.swiper-wrapper.card__product-box {
  max-width: 260px;
}

.card__product-item {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  /*grid-template-rows: 20px auto 1fr;*/
  /*grid-template-rows: minmax(30px, auto) auto;*/
  /* gap: 10px; */
  align-items: center;
  background-color: var(--bw-white);
  border-radius: 12px;
  overflow: hidden;
  height: 100%;
  padding: clamp(0.625rem, 0.0326rem + 0.9554vw, 1rem);
}

.card__product-item .ukrcreditsticker {
  position: absolute;
  z-index: 1;
  right: 20px;
  top: 15px;
}

.card__product-img-box {
  grid-column: 1;
  grid-row: 2;
  justify-self: center;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  #categories .card__product-img-box {
    display: none;
  }
}

.card__img {
  display: grid;
  width: 100%;
  object-fit: fill;
  aspect-ratio: 1 / 1;
  justify-self: center;
}

.card__product-img-box-filter {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 3px;
  max-width: 150px;
  grid-column: 1;
  grid-row: 2;
  align-self: flex-end;
  justify-self: center;
  margin-bottom: 3px;
  z-index: 3;
}


.input-color {
  display: grid;
  width: 20px;
  height: 20px;
  cursor: pointer;
  transition: all 0.3s linear;
}

.input-color::after {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  justify-self: center;
  transition: all 0.3s linear;
}

.input-color::after {
  background-color: var(--after-before-bg-color);
}

.input-color:has(input:checked)::after {
  box-shadow: 0 0 4px #00000075;
  /* translate: 0 -100% 0; */
  transition: all 0.3s linear;
}

/* .input-color::before {
  content: '';
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  justify-self: center;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  background-color: var(--bw-white);
  border: 2px solid var(--after-before-bg-color);
  transition: all 0.1s linear;
}

.input-color:has(input:checked)::before {
  border: 2px solid var(--after-before-bg-color);
} */

@media (max-width: 1199px) {
  .filter-box-inner {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

.filter-box-item {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.filter-box-titile {
  color: var(--bw-dark-blue);
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 12px;
}

.form-check-group label {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  height: 38px;
  border-radius: 6px;
  border: 1px solid var(--bw-light-grey);
  color: var(--bw-black);
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
}

.form-check-group label:has(input:disabled) {
  color: var(--bw-medium-grey);
}

.form-check-group label:has(input:checked) {
  color: var(--main-blue);
  border: 1px solid var(--main-blue);
  transition: all 0.1s linear;
}

.product__page-credit {
  display: grid;
  gap: 20px;
}

.filter-box-inner .card__product-img-box-filter {
  justify-content: flex-start;
  max-width: 100%;
  gap: 8px;
}

.filter-box-inner .input-color {
  width: 36px;
  height: 36px;
}

.filter-box-inner .input-color::after {
  content: '';
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  justify-self: center;
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 5px;
  line-height: normal;
  transition: all 0.1s linear;
}

.filter-box-inner .input-color:has(input:checked)::after {
  content: '';
  width: 24px;
  height: 24px;
  border-radius: 5px;
  transition: all 0.1s linear;
  box-shadow: none;
}

.filter-box-inner .input-color::before {
  content: '';
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  justify-self: center;
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 5px;
  line-height: normal;
  transition: all 0.1s linear;
}

.filter-box-inner .input-color:has(input:checked)::before {
  content: '';
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  justify-self: center;
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 5px;
  /* border: 2px solid var(--after-before-bg-color); */
  border: 1px solid var(--main-blue);
  transition: all 0.1s linear;
}

.input-color-off svg {
  width: 24px;
  height: 24px;
}

.input-color:has(input:checked)~.input-color-off {
  opacity: 1;
}

.input-color:has(input:checked)~.input-color-off svg {
  opacity: 1;
}

.input-color-off {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  justify-self: center;
  border-radius: 5px;
  background-color: rgba(0, 128, 0, 0.4);
  width: 24px;
  height: 24px;
  z-index: 1;
  opacity: 0;
  margin: 6px;
  line-height: 1;
  transition: all 0.1s linear;
}


.card__product-center-title {
  /* max-width: 300px; */
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-size: clamp(0.75rem, 0.7239rem + 0.1493vw, 0.875rem);
  font-size: 14px;
  margin-bottom: 12px;
}

@media (max-width: 574px) {
  .card__product-center-title {
    font-size: 13px;
  }
}

.store__box-img {
  overflow: hidden;
  grid-row: 1 / 4;
  grid-column: 1;
  align-self: flex-end;
  justify-self: center;
}

.store__svg-box-col {
  display: flex;
  align-items: center;
  gap: 2px;
}

.store__svg-box-col img {
  width: 16px;
}

.store__svg-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 5px;
  margin-bottom: 20px;
}

.swiper-slide .store__svg-box {
  min-height: 42px;
}

.store__box-coment-num {
  display: flex;
  font-size: 12px;
  line-height: 1;
  color: var(--bw-grey);
}

.store__svg-box-link {
  display: flex;
  align-items: center;
  gap: 5px;
}

.with-credits .store__svg-box-link {
  margin-right: auto;
}
.with-credits .store__svg-box-link svg {
  width: 14px;
  height: 14px;
}

.card__product-wrapper {
  /*grid-row: 3;*/
  display: grid;
  grid-row: 3;
  align-self: flex-start;
  height: 100%;
}

.card__product-wrapper .product-details {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
  font-size: 12px;
  margin-bottom: 10px;
}

.card__product-wrapper .product-details__stock {
  display: flex;
  gap: 5px;
  border-radius: 3px;
  white-space: nowrap;
}

.card__product-wrapper .product-details__stock.catalog-item__instock {
  color: var(--helpful-green);
}
.card__product-wrapper .product-details__stock.catalog-item__instock svg path {
  fill: var(--helpful-green);
}
.card__product-wrapper .product-details__stock.catalog-item__instock svg polyline {
  stroke: var(--helpful-green);
}

.card__product-wrapper .product-details__stock.catalog-item__preorder {
  color: var(--helpful-orange);
}
.card__product-wrapper .product-details__stock.catalog-item__preorder svg path {
  fill: var(--helpful-orange);
}

.card__product-wrapper .product-details__stock.catalog-item__outstock {
  color: var(--helpful-red);
}
.card__product-wrapper .product-details__stock.catalog-item__outstock svg path {
  fill: var(--helpful-red);
}

.card__product-wrapper .product-details__sku {
  color: rgb(113, 113, 113);
  cursor: pointer;
  white-space: nowrap;
  font-size: 12px;
}

.card__product-wrapper .card__product-center {
  display: grid;
  grid-template-rows: 63px 1fr;
}
@media (max-width: 767px) {
  #categories .card__product-wrapper .card__product-center {
    grid-template-rows: 30px 1fr;
  }
}
.copy-icon {
  display: inline-flex;
  vertical-align: top;
  width: 13px;
  height: 13px;
  background: url('data:image/svg+xml,<svg fill="%23717171" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 115.77 122.88" style="enable-background:new 0 0 115.77 122.88" xml:space="preserve"><g><path class="st0" d="M89.62,13.96v7.73h12.19h0.01v0.02c3.85,0.01,7.34,1.57,9.86,4.1c2.5,2.51,4.06,5.98,4.07,9.82h0.02v0.02 v73.27v0.01h-0.02c-0.01,3.84-1.57,7.33-4.1,9.86c-2.51,2.5-5.98,4.06-9.82,4.07v0.02h-0.02h-61.7H40.1v-0.02 c-3.84-0.01-7.34-1.57-9.86-4.1c-2.5-2.51-4.06-5.98-4.07-9.82h-0.02v-0.02V92.51H13.96h-0.01v-0.02c-3.84-0.01-7.34-1.57-9.86-4.1 c-2.5-2.51-4.06-5.98-4.07-9.82H0v-0.02V13.96v-0.01h0.02c0.01-3.85,1.58-7.34,4.1-9.86c2.51-2.5,5.98-4.06,9.82-4.07V0h0.02h61.7 h0.01v0.02c3.85,0.01,7.34,1.57,9.86,4.1c2.5,2.51,4.06,5.98,4.07,9.82h0.02V13.96L89.62,13.96z M79.04,21.69v-7.73v-0.02h0.02 c0-0.91-0.39-1.75-1.01-2.37c-0.61-0.61-1.46-1-2.37-1v0.02h-0.01h-61.7h-0.02v-0.02c-0.91,0-1.75,0.39-2.37,1.01 c-0.61,0.61-1,1.46-1,2.37h0.02v0.01v64.59v0.02h-0.02c0,0.91,0.39,1.75,1.01,2.37c0.61,0.61,1.46,1,2.37,1v-0.02h0.01h12.19V35.65 v-0.01h0.02c0.01-3.85,1.58-7.34,4.1-9.86c2.51-2.5,5.98-4.06,9.82-4.07v-0.02h0.02H79.04L79.04,21.69z M105.18,108.92V35.65v-0.02 h0.02c0-0.91-0.39-1.75-1.01-2.37c-0.61-0.61-1.46-1-2.37-1v0.02h-0.01h-61.7h-0.02v-0.02c-0.91,0-1.75,0.39-2.37,1.01 c-0.61,0.61-1,1.46-1,2.37h0.02v0.01v73.27v0.02h-0.02c0,0.91,0.39,1.75,1.01,2.37c0.61,0.61,1.46,1,2.37,1v-0.02h0.01h61.7h0.02 v0.02c0.91,0,1.75-0.39,2.37-1.01c0.61-0.61,1-1.46,1-2.37h-0.02V108.92L105.18,108.92z"/></g></svg>');
  background-size: 100% 100%;
}
.product__page-content-top .copy-icon {
  background: url('data:image/svg+xml,<svg fill="%23282828" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 115.77 122.88" style="enable-background:new 0 0 115.77 122.88" xml:space="preserve"><g><path class="st0" d="M89.62,13.96v7.73h12.19h0.01v0.02c3.85,0.01,7.34,1.57,9.86,4.1c2.5,2.51,4.06,5.98,4.07,9.82h0.02v0.02 v73.27v0.01h-0.02c-0.01,3.84-1.57,7.33-4.1,9.86c-2.51,2.5-5.98,4.06-9.82,4.07v0.02h-0.02h-61.7H40.1v-0.02 c-3.84-0.01-7.34-1.57-9.86-4.1c-2.5-2.51-4.06-5.98-4.07-9.82h-0.02v-0.02V92.51H13.96h-0.01v-0.02c-3.84-0.01-7.34-1.57-9.86-4.1 c-2.5-2.51-4.06-5.98-4.07-9.82H0v-0.02V13.96v-0.01h0.02c0.01-3.85,1.58-7.34,4.1-9.86c2.51-2.5,5.98-4.06,9.82-4.07V0h0.02h61.7 h0.01v0.02c3.85,0.01,7.34,1.57,9.86,4.1c2.5,2.51,4.06,5.98,4.07,9.82h0.02V13.96L89.62,13.96z M79.04,21.69v-7.73v-0.02h0.02 c0-0.91-0.39-1.75-1.01-2.37c-0.61-0.61-1.46-1-2.37-1v0.02h-0.01h-61.7h-0.02v-0.02c-0.91,0-1.75,0.39-2.37,1.01 c-0.61,0.61-1,1.46-1,2.37h0.02v0.01v64.59v0.02h-0.02c0,0.91,0.39,1.75,1.01,2.37c0.61,0.61,1.46,1,2.37,1v-0.02h0.01h12.19V35.65 v-0.01h0.02c0.01-3.85,1.58-7.34,4.1-9.86c2.51-2.5,5.98-4.06,9.82-4.07v-0.02h0.02H79.04L79.04,21.69z M105.18,108.92V35.65v-0.02 h0.02c0-0.91-0.39-1.75-1.01-2.37c-0.61-0.61-1.46-1-2.37-1v0.02h-0.01h-61.7h-0.02v-0.02c-0.91,0-1.75,0.39-2.37,1.01 c-0.61,0.61-1,1.46-1,2.37h0.02v0.01v73.27v0.02h-0.02c0,0.91,0.39,1.75,1.01,2.37c0.61,0.61,1.46,1,2.37,1v-0.02h0.01h61.7h0.02 v0.02c0.91,0,1.75-0.39,2.37-1.01c0.61-0.61,1-1.46,1-2.37h-0.02V108.92L105.18,108.92z"/></g></svg>');
  background-size: 100% 100%;
}
.active > .copy-icon {
  width: 13px;
  height: 13px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23717171" viewBox="0 0 1100 1000"><path transform="translate(0 1000) scale(1 -1)" d="M0 469l343 -344l658 658l-94 93l-564 -563l-250 249z" /></svg>');
}

/*@media (max-width: 574px) {
  .card__product-wrapper .card__product-center {
    grid-template-rows: 1.5fr 1fr;
  }
}*/

.card__product-price-box {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 10px;
}

.checkout__box .card__product-price-box {
  display: flex;
}
.checkout__box .card__product-price-box .counter {
  zoom: 0.7;
}

.card__product-price-box .btn {
  width: 48px;
  height: 48px;
  padding: 0;
}

.card__product-price-count {
  display: grid;
  align-items: center;
  gap: 2px;
}

.header__cart-full-empty .card__product-price-box {
  justify-self: flex-end;
}

#product .card__product-price-count {
  min-width: 126px;
}

.card__product-price-old-discount-box {
  display: flex;
  align-items: center;
  gap: 10px;
}

.card__product-price-old {
  display: flex;
  font-size: clamp(0.625rem, 0.5728rem + 0.2985vw, 0.875rem);
  color: var(--bw-grey);
  text-decoration: line-through;
  width: max-content;
  padding: 2px 0px;
}

.card__product-price-old-discount {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  padding: 3px 4px;
  border-radius: 100px;
  color: var(--bw-white);
  background-color: var(--helpful-red);
}

.card__product-price {
  display: flex;
  font-size: clamp(1rem, 0.8433rem + 0.8955vw, 1.75rem);
  color: var(--bw-black);
  font-weight: 600;
  white-space: nowrap;
}

.card__hover-button {
  display: grid;
  gap: 8px;
  grid-column: 1;
  grid-row: 2;
  align-self: flex-start;
  justify-self: flex-end;
  translate: 0 -100% 0;
  opacity: 0;
  margin-top: 40px;
  transition: all 0.3s linear;
  z-index: -1;
}

@media (any-hover: hover) {
  .card__product-box:hover .card__hover-button {
    translate: 0 0 0;
    opacity: 1;
    transition: all 0.3s linear;
    z-index: 3;
  }
}

@media (max-width: 767px) {
  .card__product-box .card__hover-button {
    translate: 0 0 0;
    opacity: 1;
    transition: all 0.3s linear;
    z-index: 3;
  }
}

.card__hover-button button:not(.btn-danger) {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid var(--bw-light-grey);
  background: var(--bw-white);
}

.card__hover-button button.active svg path {
  stroke: #000;
}

@media (any-hover: hover) {

  .card__hover-button button:hover img,
  .card__hover-button button:hover svg {
    filter: brightness(0.5);
  }
}

.stickers-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  grid-column: 1;
  grid-row: 1 / 3;
  align-self: flex-start;
  justify-self: flex-start;
  margin-bottom: 12px;
  z-index: 3;
}

.stickers {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 12px;
  color: var(--bw-white);
  font-weight: 600;
  line-height: 1;
  background-color: var(--black);
  border-radius: 5px;
  height: 20px;
  padding: 0px 5px;
}

.stickers-special {
  background-color: var(--helpful-orange);
}

.stickers-top {
  background-color: var(--helpful-violet);
}

.stickers-new {
  background-color: var(--helpful-dark-blue);
}

.stickers-stock {
  background-color: var(--helpful-orange);
}

.stickers-stock.avaibility-success {
  background: rgba(50, 213, 131, 0.10);
  color: var(--helpful-green);
}

.stickers-stock.avaibility-outstock {
  background: var(--helpful-red);
  color: #fff;
}

.stickers-stock.avaibility-preorder {
  background: var(--helpful-orange);
  color: #fff;
}

.next-product span:last-child {
  display: none;
}

@media (max-width: 767px) {
  /*.slider__btn-top .swiper-button-box {
    display: none;
  }*/

  .next-product {
    font-size: 12px;
    font-weight: 400;
    border-bottom: none;
    margin-left: auto;
    margin-right: 0;
  }

  .next-product span:last-child {
    display: flex;
  }

  .next-product span:first-child {
    display: none;
  }

}


/*--------------------------------------------------category-box*/



.category-box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-content: flex-start;
  gap: 8px;
  margin-bottom: 8px;
}

.category-box+.description {
  margin-top: clamp(1.875rem, -0.9517rem + 4.5593vw, 3.75rem);
}

@media (max-width: 1199px) {
  .category-box {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 991px) {

  .category-box {
    grid-template-columns: repeat(4, 1fr);
    gap: 2px;
    border-radius: 12px;
    margin-bottom: 2px;
    overflow: hidden;
  }

  body:has(.show-more-wrapper) .category-box {
    border-radius: 12px 12px 0 0;
  }

  body:has(.pagination) .category-box {
    border-radius: 12px 12px 0 0;
  }

  body:not(.pagination) .show-more-wrapper {
    border-radius: 0 0 12px 12px;
  }

  body:has(.pagination) .show-more-wrapper {
    border-radius: 0;
  }

  .category-box .card__product-item {
    border-radius: 0;
  }

  .category-box .show-more-box {
    display: none;
  }

  .category-main .show-more-box {
    margin-bottom: 2px;
    /* border-radius: 0 !important; */
  }

}

@media (max-width: 767px) {
  .category-box {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 520px) {
  .category-box {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

.category-main-wrapper .section__title {
  font-weight: 700;
}

.card__product-center-info {
  display: flex;
  color: var(--bw-grey);
  font-size: 14px;
  justify-content: center;
}

.font-600 .card__product-item {
  grid-template-rows: auto;

}

.font-600 .card__product-center-title {
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}

.section__title-count {
  color: var(--bw-grey);
  font-size: 14px;
  font-weight: 400;
  /* white-space: nowrap; */
  margin: 3px auto 0;
  margin-left: 10px;
}

.sort-btn-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
  padding: 12px 24px !important;
}

.sort-btn {
  background-color: #ffffff;
  pointer-events: none;
}

@media (max-width: 991px) {
  .sort-btn-box {
    justify-content: flex-start;
    padding: 0 !important;
    background-color: transparent !important;
  }

  .sort-btn-box .btn {
    pointer-events: auto;
    max-width: 170px;
    width: 100%;
  }
}

@media (max-width: 575px) {

  .sort-btn-box .btn {
    max-width: 100%;
    width: 100%;
  }
}

@media (max-width: 375px) {

  .sort-btn-box {
    flex-direction: column;
  }

}

.sort-options {
  display: flex;
  align-items: center;
  gap: 2px;
  color: var(--bw-dark-blue);
  font-size: 14px;
  font-weight: 500;
}

.sort-options a {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  height: 34px;
  border-radius: 100px;
  padding: 0 16px;
}

.sort-options a.active {
  color: var(--main-blue);
  border: 1px solid var(--main-blue);
}

.sort-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--bw-grey);
  font-size: 14px;
  height: 34px;
}

#sort-options-pop-up {
  display: none;
}

@media (max-width: 991px) {

  .sort-btn {
    color: var(--main-blue);
    border: 1px solid var(--main-blue);
    height: clamp(2.75rem, 2.5933rem + 0.8955vw, 3.5rem);
  }

  .sort-btn svg path {
    stroke: var(--main-blue);
  }

  #sort-options {
    display: none;
  }

  #sort-options-pop-up {
    display: block;
  }
}

#sort-options-pop-up .sort-options {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

#sort-options-pop-up .form-pop-up-title {
  font-weight: 700;
}

#sort-options-pop-up .sort-options li {
  width: 100%;
}

#sort-options-pop-up .sort-options a {
  justify-content: flex-start;
  border-radius: 8px;
  border: 1px solid var(--bw-light-grey);
  color: var(--bw-black);
  height: 54px;
  font-weight: 500;
}

#sort-options-pop-up .sort-options a.active {
  color: var(--main-blue);
  border: 1px solid var(--main-blue);
}


.card__product-item-same {
  /*color: var(--main-violet);*/
  color: #000;
  font-weight: 600;
  margin-bottom: 20px;
}

.card__product-item-compare-group:not(:last-child) {
  margin-bottom: 40px;
}

/*.card__product-item-compare .card__product-item-compare-group:nth-child(even) .card__product-item-same{
 color: var(--main-purple);
}*/

.card__product-item-compare-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  font-size: 12px;
}

.card__product-item-compare-list li span:first-child {
  color: var(--bw-grey);
}

.card__product-item-compare-list li span:last-child {
  text-align: right;
}

.card__product-item-compare-list li:not(:last-child) {
  border-bottom: 1px solid rgba(40, 40, 40, 0.05);
  padding: 10px 0;
  margin-bottom: 10px;
}

.category-box-compare {
  display: flex;
  gap: 8px;
  overflow-x: auto !important;
  margin-bottom: 0;
  /* white-space: nowrap; */
}

.category-box-compare::-webkit-scrollbar {
  height: 3px;
}

.category-box-compare .grid-item {
  max-width: 320px;
}

.category-box-compare .stickers-box {
  max-width: 150px;
}

.category-box-compare .card__product-item {
  border-radius: 12px;
}

.category-box-compare .card__product-item-compare {
  margin-top: 8px;
}


.select-all.mobile-clear-compare {
  display: none;
  border: none;
  margin: 10px 0;
}

@media (max-width: 767px) {
  .personal-main-wish-filter .select-all {
    display: none;
  }

  .select-all.mobile-clear-compare {
    display: flex;
  }

  .personal-main-wish-filter.product__page-bg {
    background: transparent;
    padding: 0;
    border: none;
  }

  .personal-main-wish-filter .filter-button-sort {
    background: transparent;
  }

}

/*--------------------------------------------------category*/




/*#column-left.filters__hide {
  display: flex;
  margin-right: 8px;
  height: max-content;
}*/

.filter-btn {
  display: none;
  font-weight: 500;
}

@media (max-width: 991px) {
  #column-left.filters__hide {
    display: none;
  }

  .filter-btn {
    display: flex;

  }
}

.filter-box-titile {
  font-size: 16px;
  font-weight: 600;
}

.filter-box-inner span {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
}

.filter-box-check {
  margin-bottom: 20px;
}

.category__product-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  height: max-content
}

.category__product-list .store__box-main {
  position: relative;
  transition: all 0.1s linear;
}

.category__product-filter {
  background-color: #FFFFFF;
  border-radius: 10px;
  height: 100%;
  max-width: 300px;
  width: 100%;
}

.list__checkbox-inner {
  padding: clamp(0.625rem, 0.375rem + 1.25vw, 1.875rem);
}

.list__checkbox-inner-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 700;
  padding-bottom: 10px;
  cursor: pointer;
}

.form-check {
  display: grid;
  gap: 10px;
  border-radius: 8px;
  border: 1px solid var(--bw-light-grey);
  padding: 20px;
}

.checkout__form-value {
  grid-row: 2;
  padding-left: 35px;
  color: var(--bw-grey);
  font-size: 14px;
}

.list-filters__form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.form-check-box {
  display: grid;
  align-items: center;
  gap: 12px;
}

.form-check-top-marg {
  margin-top: 10px;
}

.form-check-box {
  margin-bottom: 10px;
}

.filter-box-inner {
  display: grid;
  gap: 10px;
}

.filter-box-inner.horizontal-layout {
  display: flex;
  flex-wrap: wrap;
}

.form-check-label-standart,
.form-check-label-check,
.form-check-label-radio {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: flex-end;
  font-size: clamp(0.875rem, 0.8367rem + 0.1633vw, 1rem);
  /* width: fit-content; */
  color: var(--bw-dark-blue);
  font-weight: 500;
  gap: 12px;
  position: relative;
  cursor: pointer;
  line-height: 1;
  word-break: break-word;
  /*order: 1;*/
  margin-bottom: 0;
}

@media (any-hover: hover) {
  .form-check-label-radio:hover {
    opacity: 0.8;
  }
}

.form-check-label-check::before,
.form-check-label-radio::before {
  content: '';
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid var(--bw-medium-grey);
  grid-column: 1;
  grid-row: 1;
}

.form-check-label-standart:hover::before,
.form-check-label-check:hover::before,
.form-check-label-radio:hover::before {
  border: 1px solid var(--bw-grey);
}

.form-check-label-standart::before {
  content: '';
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid var(--bw-medium-grey);
  grid-column: 1;
  grid-row: 1;
}

.form-check-label-standart::after {
  content: '';
  border-radius: 50%;
  background-color: var(--main-blue);
  align-self: center;
  justify-self: center;
  grid-column: 1;
  grid-row: 1;
  scale: 0;
  /* translate: -100% 0 0; */
  opacity: 0;
  transition: all 0.2s linear;
}

input[type="radio"]:checked~.form-check-label-standart::after {
  background-color: var(--main-blue);
  width: 8px;
  height: 8px;
  scale: 1;
  /* translate: 0 0 0; */
  opacity: 1;
  transition: all 0.2s linear;
}

input[type="radio"]:checked~.form-check-label-standart::before {
  border: 1px solid var(--main-blue);
  transition: all 0.2s linear;
}

input[type="radio"]~label:hover,
input[type="checkbox"]~label:hover {
  color: var(--bw-grey);
}

input[type="radio"]:disabled~label,
input[type="checkbox"]:disabled~label {
  color: var(--bw-grey);
  opacity: 0.5;
  pointer-events: none;
}

.form-check-label-check~label,
.form-check-input:checked~label {
  color: #000000;
}

.input-checked[type="checkbox"]:checked~label::after,
.input-checked[type="radio"]:checked~label::after,
.form-check-input[type="checkbox"]:checked~label::after,
.form-check-input[type="radio"]:checked~label::after {
  /* content: url("data:image/svg+xml;charset=UTF-8,<svg width='12' height='11' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10 3L4.5 8.5L2 6' stroke='%232E90FA' stroke-width='1.6666' stroke-linecap='round' stroke-linejoin='round'/></svg>"); */
  content: '';
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg width='12' height='11' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10 3L4.5 8.5L2 6' stroke='%232E90FA' stroke-width='1.6666' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  align-self: flex-start;
  justify-content: center;
  grid-column: 1;
  grid-row: 1;
  width: 16px;
  height: 16px;
  transition: all 0.2s linear;
}

.input-checked[type="checkbox"]:checked~label::after,
.input-checked[type="radio"]:checked~label::after,
.form-check-input[type="checkbox"]:checked~label::after,
.form-check-input[type="radio"]:checked~label::after {
  scale: 1;
  opacity: 1;
  transition: all 0.2s linear;
}

.form-check-input[type="checkbox"]:checked~label::before,
.form-check-input[type="radio"]:checked~label::before {
  border-radius: 4px;
  border: 1px solid var(--main-blue);
}



/* .form-check-input[type="radio"]:checked~label::before,
.form-check-input[type="checkbox"]:checked~label::before {
  content: url("data:image/svg+xml;charset=UTF-8,<svg width='12' height='12' viewBox='0 0 12 12' fill='none'><path d='M10 3L4.5 8.5L2 6' stroke='%232E90FA' stroke-width='1.6666' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  border-radius: 3px;
  grid-column: 1;
  grid-row: 1;
  border: transparent;
} */


.form-inline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 25px;
}

.form-inline input {
  text-align: center;
  background-color: #FFFFFF;
  border-radius: 5px;
  width: 100%;
  height: 24px;
  font-size: 12px;
  font-weight: 700;
}

.form-inline .form-group {
  display: flex;
  align-items: center;
  gap: 10px;
}

.form-inline .form-group input {
  padding: 0 5px;
}

.form-inline .form-group span {
  font-size: 12px;
  color: #807F73;
}

.list__filters-checkbox-add {
  padding: clamp(0.625rem, 0.375rem + 1.25vw, 1.875rem);
  width: 100%;
}


/*--------------------------------------------------product__page*/



.product__page-left-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 20px;
}

.style__btn-availability {
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  width: max-content;
  padding: 8px;
}

.style__btn-availability.avaibility-success {
  background: rgba(50, 213, 131, 0.10);
  color: var(--helpful-green);
}

.style__btn-availability.avaibility-outstock {
  background: var(--helpful-red);
  color: #fff;
}

.style__btn-availability.avaibility-preorder {
  background: var(--helpful-orange);
  color: #fff;
}

.style__btn-follow {
  display: flex;
  align-items: center;
  gap: 3px;
  color: var(--bw-grey);
  font-size: 12px;
  border-radius: 5px;
  line-height: 1;
  padding: 8px;
}

.product__page {
  padding-bottom: 20px;
}

.product__page-box {
  display: grid;
  grid-template-columns: 100%;
  gap: 15px;
  margin-bottom: 40px;
}

.personal-main .product__page-box {
  margin-bottom: 0;
}

.product__card-slider {
  min-width: 0;
  width: 100%;
  margin-bottom: 8px;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
}

.product-page-tabs-inner {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  transition: all 0.3s linear;
  overflow: auto;
  white-space: nowrap;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  border-radius: 12px 12px 0px 0px;
  border-bottom: 1px solid var(--bw-light-grey);
  margin-bottom: 8px;
}

.line-bt {
  scroll-snap-align: center;
}

@media (max-width: 991px) {

  .product-page-tabs {
    overflow: hidden;
  }
}

@media (any-hover: hover) {
  .product-page-tabs__link:hover {
    color: var(--bw-black);
  }
}

.product__page-content-top .store__svg-box {
  gap: 20px;
  margin-bottom: 0;
}

.sku-box {
  font-size: 14px;
  color: var(--bw-black);
  display: flex;
  align-items: center;
  gap: 5px;
}

.product-follow {
  position: relative;
}

.product-follow .socials {
  position: absolute;
  right: -310px;
  justify-content: space-between;
  flex-wrap: wrap;
  width: max-content;
  background-color: var(--background);
  border-radius: 12px;
  padding: 10px 15px;
  transition: all 0.2s linear;
  margin: 0;
}

.product-follow .socials li svg {
  max-width: 30px;
  max-height: 30px;
}

.product-follow .socials.active {
  right: 0;
}

@media (max-width: 450px) {
  .product__page-content-top .store__svg-box {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: flex-start;
  }

  .sku-box {
    grid-column: 1 / -1;
    grid-row: 1;
    margin: 0;
  }
}


.product__page-content-top {
  padding: clamp(0.9375rem, 0.6505rem + 1.2245vw, 1.875rem);
}

.product__card-slider-inner {
  max-width: 500px;
  min-width: 0;
  position: relative;
}

.product__card-slider-inner .store__box-wrapp {
  position: absolute;
  top: 25px;
  right: 25px;
  z-index: 1;
}

.product__card-slider-inner .store__box-wrapp .store__box-info {
  padding: 0px 12px;
}

.product__card-slider-min {
  max-width: 500px;
  overflow: hidden;
  border-radius: 10px;
  cursor: pointer;
  min-width: 0;
}

.product__card-slider-min-img,
.product__card-slider-img {
  overflow: hidden;
  width: 100%;
}

.product__card-slider-min-img div {
  width: max-content !important;
}

.product__card-slider-min .slick-slide+.slick-current {
  border: 1px solid #7F7F7F;
  border-radius: 10px;
}

.product__card-slider .slick-slide {
  border: 1px solid transparent;
  border-radius: 10px;
  margin: 0 2px;
}

.product__card-slider-min .slick-slide {
  border: 1px solid transparent;
  border-radius: 10px;
  margin: 0 4px;
}

.product__page-availability-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.product__page-content-title {
  font-size: clamp(1rem, 0.8955rem + 0.597vw, 1.5rem);
  font-weight: 700;
  margin-bottom: 12px;
  margin-top: 0;
}

.product__page-content .store__svg-box {
  margin-bottom: 14px;
  justify-content: flex-start;
}

.product__page-left {
  display: grid;
  gap: 8px;
}

.product__page-content-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  row-gap: 20px;
  column-gap: 20px;
}

.product__page-content-form .card__product-cart,
.product__page-content-form .boc_order_btn {
  /*max-width: 195px;*/
  width: 100%;
}

.product__page-content-form .btn-group {
  display: flex;
  flex: 1 1 100%;
  gap: 20px;
  flex-wrap: wrap;
}

.product__page-content-form .btn-group .btn {
  flex: 1;
  white-space: nowrap;
}

.list-box-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 1rem;
  font-size: 14px;
}



@media (max-width: 1199px) {

  /*  .product__page-content-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }*/

  .product__page-content-form .card__product-cart {
    grid-column: 1 / -1;
    grid-row: 2;
    max-width: 100%;
    width: 100% !important;
  }

  .product__page-content-form .card__hover-button {
    grid-column: auto;
    grid-row: auto;
  }
}

.product__page-content-form .card__hover-button {
  display: flex;
  translate: 0 0 0;
  opacity: 1;
  z-index: 1;
  margin-left: auto;
  margin-top: 0;
}

.product__page-content-form .card__hover-button button {
  width: 56px;
  height: 56px;
}

@media (max-width: 375px) {
  .product__page-content-form .card__hover-button button {
    width: 36px;
    height: 36px;
  }
}

.product__page-credit-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
}

@media (max-width: 1199px) {

  .product__page-credit-box {
    /*justify-content: space-between;*/
    flex-wrap: wrap;
    gap: 20px;
  }

  .product__page-credit .btn {
    width: 100%;
  }
}

.product__page-credit-box-item {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  column-gap: 8px;
  flex-basis: calc(33.3333% - 20px);
}

@media (max-width: 574px) {
  .product__page-credit-box-item {
    flex-basis: calc(50% - 20px);
  }
}

@media (max-width: 400px) {
  .product__page-credit-box-item {
    flex-basis: calc(100% - 20px);
  }
}

.product__page-credit-count-box {
  display: grid;
}

.product__page-credit-count-num {
  grid-column: 1;
  grid-row: 1 / 3;
  align-self: flex-end;
  justify-self: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 1px;
}

.product__page-credit-count-box,
.product__page-credit-box .credit-icon {
  grid-column: 1;
  grid-row: 1 / 3;
}

.product__page-credit-box .credit-text {
  text-align: left;
}

.product__page-credit-title {
  display: block;
  text-align: left;
  color: var(--bw-grey);
  font-size: 12px;
}

.product__page-credit-count {
  color: var(--bw-black);
  font-size: 12px;
  font-weight: 600;
  border-bottom: 2px dashed var(--bw-black);
}

.product__page-delivery-box-inner {
  border: 1px solid var(--bw-light-grey);
  padding: 12px 16px;
  border-radius: 12px;
}

.product__page-delivery-box-inner:not(:last-child) {
  margin-bottom: 8px;
}

.product__page-delivery-box-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(0.625rem, 0.3638rem + 1.4925vw, 1.875rem);
  cursor: pointer;
}

.product__page-delivery-box-top>svg {
  width: clamp(1.625rem, 1.4944rem + 0.7463vw, 2.25rem);
}

.product__page-delivery-box-bottom {
  font-size: clamp(0.75rem, 0.7239rem + 0.1493vw, 0.875rem);
  display: none;
  margin-top: 10px;
}

.product__page-delivery-box-bottom-box {
  display: grid;
  grid-template-columns: 2fr auto;
  gap: 20px;
}

.product__page-delivery-box-bottom p:not(:last-child) {
  margin-bottom: 8px;
}

.product__page-delivery-box-title {
  font-size: clamp(0.75rem, 0.7239rem + 0.1493vw, 0.875rem);
  margin: 0 auto;
  margin-left: 0;
}

.product__page-delivery-count {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: clamp(0.75rem, 0.7239rem + 0.1493vw, 0.875rem);
  font-weight: 600;
}

.product__page-delivery-count svg {
  transition: all 0.3s linear;
}

.product__page-delivery-count svg.active {
  transition: all 0.3s linear;
  rotate: 180deg;
}

.input-group-col {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}

.input-group-text input {
  display: none;
  width: 20px;
  height: 20px;
}

.input-group-text label {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.3s linear;
  color: #000000;
  font-weight: 500;
  font-size: 14px;
}

.input-group-text img {
  display: flex;
  gap: 10px;
  width: 48px;
  height: 48px;
  border-radius: 3px;
}

@media (any-hover: hover) {
  .input-group-text label:hover {
    opacity: 0.8;
  }
}

.checked {
  display: flex;
  position: relative;
  margin: 0 auto;
}

.input-group-text label .checked::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 14px;
  background-position: center center;
  background-image: url('../images/page/check.svg');
  background-repeat: no-repeat;
  display: none;
  width: 18px;
  height: 18px;
}

.input-group-text label input:checked+.checked::after {
  content: '';
  display: block;
  z-index: 3;
}

.input-group-text input:checked+span img {
  filter: grayscale(100);
}

.product__page-content-form .header__count-col {
  display: flex;
  align-items: center;
  gap: 20px;
  grid-column: 1 / 3;
}

.page-tabs {
  position: relative;
  z-index: 3;
}

.tabs-inner {
  display: flex;
  gap: clamp(1.5rem, 1.3087rem + 0.8163vw, 2.125rem);
  padding-bottom: 1px;
  position: relative;
  overflow: auto;
  white-space: nowrap;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
}

.page-tabs-index .tabs-inner {
  margin-bottom: 20px;
}

.page-tabs-index .product-page-tabs__link {
  text-transform: uppercase;
}

.product-page-tabs__link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding-top: clamp(0.875rem, 0.7966rem + 0.4478vw, 1.25rem);
  padding-bottom: clamp(0.875rem, 0.7966rem + 0.4478vw, 1.25rem);
  padding-left: 10px;
  padding-right: 10px;
  color: var(--bw-grey);
  background-color: var(--bw-white);
  font-size: 14px;
  font-weight: 500;
  width: auto;
  position: relative;
}

.product-page-tabs__link.active {
  color: var(--bw-black);
}

.product-page-tabs__link:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 0;
  height: 3px;
  transition: all 0.3s linear;
  background-color: var(--main-blue);
}

.product-page-tabs__link.active::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  width: 100%;
  height: 3px;
  transition: all 0.3s linear;
  background-color: var(--main-blue);
}

.tabs__box-list {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: flex-start;
}

#tab-related .tabs__box-list {
  grid-template-columns: 1fr;
}

#tab-related .tabs__box-list .slider__btn-top {
  margin-top: clamp(1.25rem, 1.1223rem + 0.7299vw, 1.875rem);
}

.tabs__box-accessories {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
  width: 100% !important;
}

.tabs__box-accessories .card__product-box {
  max-width: 100%;
}

@media (max-width: 1300px) {
  .tabs__box-accessories {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 800px) {
  .tabs__box-accessories {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 600px) {
  .tabs__box-accessories {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 375px) {
  .tabs__box-accessories {
    grid-template-columns: 1fr;
  }
}

.tabs__box-list-description {
  display: grid;
  row-gap: 8px;
}

.tabs__box-items {
  display: grid;
  color: var(--black);
  font-weight: 600;
  overflow-x: hidden;
  list-style: none;
}

.tabs__box-items li {
  display: grid;
  grid-template-columns: 2fr auto 2fr auto;
  align-items: baseline;
  width: 100%;
  line-height: 1.5;
}

.tabs__box-items span:first-child {
  display: flex;
  grid-column: 1;
  grid-row: 1;
  width: fit-content;
  color: var(--bw-grey);
  background-color: #F8F8F8;
  padding-right: 15px;
  z-index: 1;
}

.tabs__box-items .line-flex {
  grid-column: 1 / 3;
  grid-row: 1;
  white-space: nowrap;
  height: 1px;
  width: 100%;
  border-bottom: 1px dashed var(--bw-medium-grey);
}

.tabs__box-items span:last-child {
  display: flex;
  grid-column: 3 / 5;
  grid-row: 1;
  color: var(--bw-black);
  padding-left: 15px;
}

.tabs__box-content-list h2 {
  color: var(--bw-black);
  font-size: clamp(1.125rem, 1.0466rem + 0.4478vw, 1.5rem);
  font-weight: 500;
  margin: 0;
  margin-bottom: clamp(1.25rem, 1.1194rem + 0.7463vw, 1.875rem);
}

.tabs__box-content-list ul li {
  font-size: clamp(0.875rem, 0.8489rem + 0.1493vw, 1rem);
  font-weight: 400;
  /*padding: clamp(0.75rem, -0.0398rem + 1.2739vw, 1.25rem);*/
  padding: 8px 15px;
}

.tabs__box-content-list ul li:nth-child(odd) {
  border-radius: 12px;
  background: #F8F8F8;
}

.tabs__box-content-list ul li:nth-child(even) span:first-child {
  border-radius: 12px;
  background: #ffffff;
  z-index: 1;
}

.tabs__box-content-list ul a {
  color: var(--main-blue);
}


@media (max-width: 991px) {

  .tabs__box-items li {
    grid-template-columns: 1fr;
    align-items: baseline;
  }

  .tabs__box-items span:first-child {
    grid-column: auto;
    grid-row: auto;
  }

  .tabs__box-items span:last-child {
    grid-column: auto;
    grid-row: auto;
    padding-left: 0;
  }

  .tabs__box-items .line-flex {
    display: none;
  }
}

.tab-review {
  display: grid;
  row-gap: clamp(1.25rem, 0.2627rem + 1.5924vw, 1.875rem);
}

.tab-review iframe {
  display: flex;
  width: 100%;
  height: 100%;
  max-height: 550px;
  aspect-ratio: 1 / 1;
  border-radius: 12px;
  overflow: hidden;
}

.tabs__box-list-left {
  position: sticky;
  top: 68px;
  padding: 24px !important;
  margin-left: 8px;
}

@media (max-width: 1500px) {
  .tabs__box-list-left {
    display: none;
  }
}

.tabs__box-list-left-button-box {
  display: grid;
  gap: 12px;
}

.tabs__box-list-left-button-box .btn {
  width: 100%;
}

.tabs__box-list-left .card__img {
  max-width: 280px;
}

.tabs__box-list-left .card__product-price-box {
  margin-bottom: 20px;
}

.tabs__box-list-left .card__product-box {
  max-width: 100%;
}

.tabs__box-list-left .card__product-item {
  grid-template-rows: auto;
  gap: 0;
  padding: 0;
  border-radius: 0;
  overflow: visible;
}

.tabs__box-list-left .card__hover-button {
  display: flex;
  gap: 8px;
  grid-column: auto;
  grid-row: auto;
  align-self: flex-start;
  justify-self: flex-end;
  translate: 0 0 0;
  opacity: 1;
  z-index: 1;
}

.tabs__box-list-left .card__hover-button button {
  width: 48px;
  height: 48px;
}

.product__page-box-wrapper-main {
  display: grid;
  grid-template-columns: 50% auto;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 40px;
}

.reviews-wrapper {
  display: flex;
  gap: 20px;
}

@media (max-width: 991px) {
  .product__page-box-wrapper-main {
    grid-template-columns: 100%;
  }
}

.product__page-box-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: flex-start;
  overflow: hidden;
  position: sticky;
  top: 68px;
}

@media (max-width: 991px) {
  .product__page-box-wrapper {
    position: static;
  }
}

.product__page-content {
  margin: 0 auto;
  margin-left: 0;
}

.product__page-content .stickers {
  height: 28px;
}

/*.product__page-content .stickers-box {
  margin-bottom: 44px;
}*/

@media (max-width: 991px) {
  .product__page-content .stickers-box {
    margin-bottom: 20px;
  }

  .category-main .pagination {
    border-radius: 0 0 12px 12px !important;
  }
}


.product__page-bg {
  padding: clamp(1.125rem, 0.9422rem + 1.0448vw, 2rem);
  background-color: var(--bw-white);
  border-radius: 12px;
}

.module-box {
  padding: clamp(1.125rem, 0.9422rem + 1.0448vw, 2rem);
  background-color: var(--bw-white);
  border-radius: 12px;
}

.module-box:not(:last-child) {
  margin-bottom: 8px;
}

.product__page-left .product__page-bg {
  z-index: 0;
}

.product__page-left .tabs__list-show {
  max-height: 152px;
  overflow: hidden;
  transition: all 0.3s linear;
  margin-bottom: 20px;
}

.product__page-left .tabs__list-show.active {
  transition: all 0.5s linear;
  max-height: 100vh;
}

.tabs__content {
  overflow: clip;
}

.tabs__box {
  height: 0;
  translate: -100% 0 0;
  /* display: none; */
}

.tabs__box.active {
  height: 100%;
  translate: 0 0 0;
  /* display: block; */
  transition: all 0.3s linear;
}

.tabs__content .store__inner-top {
  margin: 0;
  padding: clamp(0.9375rem, 0.6505rem + 1.2245vw, 1.875rem);
  border-bottom: 1px solid #F3F3F3;
}

@media (max-width: 767px) {
  .account-login-row {
    flex-wrap: wrap;
  }
  .account-login-row .small-row {
    row-gap: 8px;
  }
  .account-login-row .small-row div[class*="col"] {
    padding: 0;
  }
  .account-login-row #column-left {
    max-width: 100%;
  }
}


.form-account {
  padding: clamp(0.9375rem, 0.6505rem + 1.2245vw, 1.875rem);
}

.form-account label {
  display: flex;
  margin-bottom: 20px;
}

.form-account .form-box {
  display: flex;
  align-items: center;
  gap: 10px;
}

.tabs__box-wrapper-description p {
  color: #353535;
  margin-bottom: 30px;
  line-height: 1.3;
}

.tabs__box-wrapper-description ul {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-left: 20px;
  color: #353535;
  list-style: disc;
  margin-bottom: 30px;
}

.tabs__box-wrapper-description li::marker {
  color: #317def;
}

.tabs__box-wrapper-description h3 {
  display: block;
  font-weight: 600;
  margin-bottom: 14px;
}

.tabs__box-content-list-title {
  font-weight: 600;
}

.tabs__pop-up-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 8px;
}

@media (max-width: 575px) {
  .tabs__pop-up-box {
    flex-direction: column;
  }

  .tabs__pop-up-box .btn {
    width: 100%;
  }
}

.tabs__pop-up-box .store__svg-box {
  gap: 20px;
  margin: 0;
}

.store__svg-box-col svg {
  width: 14px;
  height: 14px;
}

.tabs__pop-up-box .store__svg-box-col svg {
  width: 28px;
  height: 28px;
}

.tabs__box-users-inner .store__svg-box-col svg path,
.tabs__pop-up-box .store__svg-box-col svg path {
  fill: var(--helpful-dark-orange);
  stroke: var(--helpful-dark-orange);
}


.store__svg-box-col svg path {
  fill: var(--helpful-dark-orange);
  stroke: var(--helpful-dark-orange);
}

.star-bad path {
  /* fill: var(--bw-light-grey) !important; */
  fill: none !important;
  stroke: var(--bw-light-grey) !important;
}

.store__box-coment-num-count {
  font-size: 18px;
  font-weight: 500;
}

#pop-up-review .pop-up-box-left {
  position: static;
  transform: none;
  left: auto;
  justify-self: center;
}

.tabs__box-users {
  display: grid;
  gap: 9px;
}

.respond__data {
  display: flex;
  color: var(--bw-medium-grey);
  font-size: 14px;
  font-weight: 400;
  margin: 0 auto;
  margin-right: 0;
}

.tabs__box-users-name {
  font-size: 16px;
  font-weight: 600;
}

.tabs__box-users-text {
  color: var(--bw-black);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
}

.tabs__box-users-text:not(:last-child) {
  margin-bottom: 20px;
}

.tabs__box-users-coment {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 24px;
}

.tabs__box-users-coment ul {
  display: grid;
  gap: 10px;
  font-size: 14px;
}

@media (max-width: 767px) {
  .tabs__box-users-coment {
    grid-template-columns: 1fr;
  }

  .tabs__box-users-coment ul:not(:last-child) {
    margin-bottom: 10px;
  }
}

.tabs__box-users-coment-count,
.review-text {
  display: flex;
  align-items: center;
  gap: 3px;
  color: var(--bw-grey);
  font-size: 14px;
}

.form-column-textarea {
  margin-bottom: 10px;
}

.rating {
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
  transition: all 0.2s linear;
  margin-bottom: 10px;
}

.rating:not(:checked)>input {
  display: none;
}

#rate:not(:checked)>label {
  cursor: pointer;
  float: right;
  color: #7F7F7F;
  text-align: center;
  padding-right: 3px;
}

#rate>input:checked~label svg path {
  fill: #e7890d;
  color: #e7890d;
}

@media (any-hover: hover) {
  .rating>input:hover~label svg path {
    fill: #545F6F;
    color: #545F6F;
  }
}

/*--------------------------------------------------about-us*/



.about__main-wrapper {
  display: grid;
  gap: 8px;
}

.about__main-wrapper .section_title_bg {
  margin: 0;
}

.about__main-wrapper .product__page-bg {
  padding: clamp(1rem, 0.438rem + 3.2117vw, 3.75rem);
}

.about__main-wrapper .product__page-bg img {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  margin: 0;
}

.about__us-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  align-items: center;
}

@media (max-width: 767px) {
  .about__us-box {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .about__us-box p {
    grid-row: 1;
  }
}


.about__us-box svg path {
  transition: all 0.3s linear;
}

@media (any-hover: hover) {
  .about__us-box svg path:hover {
    fill: var(--bw-dark-blue);
    cursor: pointer;
    transition: all 0.3s linear;
  }
}

.about__us-box-row-colab-box {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(6, 1fr);
  /* grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); */
}

@media (max-width: 991px) {
  .about__us-box-row-colab-box {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 575px) {
  .about__us-box-row-colab-box {
    grid-template-columns: repeat(2, 1fr);
  }
}

.about__us-box-row-colab-box a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  border: 1px solid var(--bw-light-grey);
  height: 100px;
  padding: 0 26px;
}

.description p {
  font-size: clamp(0.875rem, 0.8495rem + 0.146vw, 1rem);
}

.about__us-box-row {
  display: grid;
  align-items: center;
  gap: 20px;
}

.center_top .col-image {
  grid-row: 1;
}

.center_bottom .col-image {
  grid-row: 2;
}

.about__us-box-row+.right,
.about__us-box-row+.left {
  grid-template-columns: 1fr 1fr;
}



.right .col-image {
  grid-column: 2;
  grid-row: 1;
}

.left .col-image {
  grid-column: 1;
  grid-row: 1;
}

@media (max-width: 767px) {

  .about__us-box-row+.right,
  .about__us-box-row+.left {
    grid-template-columns: 1fr;
  }

  .right .col-image,
  .left .col-image {
    grid-column: auto;
    grid-row: auto;
  }
}

#content .col-text p {
  margin: 0;
}

#content .col-text p:not(:last-child) {
  margin-bottom: 1rem;
}

/*--------------------------------------------------about-us*/



.product__information-box-reverse,
.product__information {
  display: grid;
  gap: 8px;
}

.detail-more-descr-info {
  text-align: center;
  padding: clamp(1.125rem, 0.9422rem + 1.0448vw, 2rem);
  background-color: var(--bw-white);
  border-radius: 12px;
}

.title-detail-descr,
.product__information h1 {
  text-align: center;
  font-size: clamp(1.125rem, 0.8899rem + 1.3433vw, 2.25rem);
  font-weight: 700;
  padding: clamp(1.125rem, 0.9422rem + 1.0448vw, 2rem) 0;
  background-color: var(--bw-white);
  border-radius: 12px;
  margin: 0;
  /* margin-bottom: 8px; */
}

.detail-more-descr-info h1,
.detail-more-descr-info h2,
.product__information h2 {
  text-align: center;
  font-size: clamp(1.125rem, 0.8899rem + 1.3433vw, 2.25rem);
  font-weight: 500;
  /*padding: clamp(1.125rem, 0.9422rem + 1.0448vw, 2rem) 0;
  background-color: var(--bw-white);
  border-radius: 12px;*/
  margin: 0;
  margin-bottom: 25px;
}

.product__page-bg-h2 {
  text-align: center;
  padding: clamp(1.125rem, 0.9422rem + 1.0448vw, 2rem);
  background-color: var(--bw-white);
  border-radius: 12px;
}

.detail-more-descr-info p+img,
.product__page-bg-h2 p+img {
  margin-top: clamp(1rem, 0.5821rem + 2.3881vw, 3rem);

}

.detail-more-descr-info img,
.product__page-bg-h2 img {
  display: flex;
  border-radius: 12px;
  overflow: hidden;
  margin: 0 auto;
  height: auto;
}

.product__information-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: clamp(2.5rem, -8.7171rem + 18.0921vw, 9.375rem);
  align-items: center;
  padding: clamp(1.25rem, 0.7276rem + 2.9851vw, 3.75rem);
}

/* .product__information-box:not(:last-child) {
  margin-bottom: 8px;
} */


.product__information-img-left {
  border-radius: 12px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .product__information-box {
    grid-template-columns: 1fr;
  }
}

.product__information-box-reverse .product__information-box:nth-child(odd) .product__information-img-left {
  grid-column: 2;
  grid-row: 1;
}

.product__information-box-reverse .product__information-box:nth-child(even) .product__information-img-left {
  grid-column: 1;
  grid-row: 1;
}

@media (max-width: 767px) {
  .product__information-box-reverse .product__information-box:nth-child(odd) .product__information-img-left {
    grid-column: auto;
    grid-row: 1;
    justify-self: center;
    margin-bottom: 24px;
  }

  .product__information-box-reverse .product__information-box:nth-child(even) .product__information-img-left {
    grid-column: auto;
    grid-row: 1;
    justify-self: center;
    margin-bottom: 24px;
  }
}

.detail-more-descr-info h3,
.product__information h3 {
  font-size: clamp(1.375rem, 1.1922rem + 1.0448vw, 2.25rem);
  font-weight: 500;
  margin: 0;
  margin-bottom: 1rem;
  /*padding: clamp(1.125rem, 0.9422rem + 1.0448vw, 2rem) 0;
  background-color: var(--bw-white);
  border-radius: 12px;*/
}

/*.detail-more-descr-info div {
  padding: clamp(1.125rem, 0.9422rem + 1.0448vw, 2rem) 0;
  margin-bottom: 8px;
}*/

.detail-more-descr-info p,
.product__information p {
  font-size: clamp(0.875rem, 0.8489rem + 0.1493vw, 1rem);
  line-height: 1.7;
  font-weight: 400;
  margin-bottom: 1rem;
  /*padding: clamp(1.125rem, 0.9422rem + 1.0448vw, 2rem) 0;*/
}

.detail-more-descr-info>span,
.detail-more-descr-info>div>span,
.product__information>span {
  /*display: block;*/
  font-size: clamp(0.875rem, 0.8489rem + 0.1493vw, 1rem);
  line-height: 1.7;
  font-weight: 400;
  /*margin-bottom: 8px;
  padding: clamp(1.125rem, 0.9422rem + 1.0448vw, 2rem) 0;
  background-color: var(--bw-white);
  border-radius: 12px;*/
}

.detail-more-descr-info ul,
.product__information ul {
  list-style: disc;
  font-size: clamp(0.875rem, 0.8489rem + 0.1493vw, 1rem);
  line-height: 1.7;
  padding-left: 23px;
  margin-bottom: 1rem;
  /*padding: clamp(1.125rem, 0.9422rem + 1.0448vw, 2rem) 0;
  background-color: var(--bw-white);
  border-radius: 12px;*/
}

.detail-more-descr-infop:not(:last-child),
.product__information p:not(:last-child) {
  margin-bottom: 1rem;
}


.about-us h1 {
  font-size: clamp(2rem, 1.8469rem + 0.6531vw, 2.5rem);
  font-weight: 700;
  margin-bottom: 1rem;
}

.about-us h2 {
  font-size: clamp(1.375rem, 1.2985rem + 0.3265vw, 1.625rem);
  font-weight: 700;
  margin-bottom: 1rem;
}

.about-us p {
  font-size: 16px;
  line-height: 1.3;
}

.about-us p:not(:last-child) {
  margin-bottom: 1rem;
}

.about-us ul {
  list-style: disc;
  font-size: 16px;
  line-height: 1.3;
  padding-left: 23px;
  margin-bottom: 1rem;
}


/*--------------------------------------------------privacy*/


.privacy-description .container {
  max-width: 950px;
}

.privacy-description {
  padding: 20px 0;
}

.privacy-description h1 {
  font-size: clamp(1.375rem, 1.05rem + 1.625vw, 3rem);
  font-weight: 700;
  margin-bottom: 8px;
}

.privacy-description span {
  display: block;
  font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
  margin-bottom: 40px;
}

.privacy-description h2 {
  display: block;
  font-size: clamp(1.375rem, 1.25rem + 0.625vw, 2rem);
  font-weight: 700;
  margin-bottom: 24px;
}

.privacy-description ol b {
  display: block;
  font-size: clamp(1.125rem, 1.075rem + 0.25vw, 1.375rem);
  font-weight: 700;
  margin-bottom: 14px;
}

.privacy-description p {
  font-size: 18px;
  line-height: 1.3;
  margin-bottom: 40px;
}

.privacy-description span {
  display: block;
  font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
  margin-bottom: 40px;
}

.privacy-description ol {
  padding-left: clamp(1.25rem, 1rem + 1.25vw, 2.5rem);
}

.privacy-description li {
  list-style: none;
}


/*--------------------------------------------------blog__single-img-box*/


.blog__single-main {}

.blog__single-top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: flex-start;
  gap: 20px;
}

.blog__single-img-box {
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 20px;
}

.blog__single-top h1 {
  font-size: clamp(2.625rem, 2.0156rem + 2.7083vw, 4.25rem) !important;
}

.blog__single-top p {
  font-size: clamp(1.125rem, 1.0313rem + 0.4167vw, 1.375rem) !important;
}

.blog__single-img-box img {
  width: 100%;
  margin: 0 !important;
}

.blog__single-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 8px;
  font-size: 14px;
}


.blog__single-info:nth-child(2) {
  margin: 0 auto;
  margin-left: 0;
}

.blog__single-bottom {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

@media (max-width: 767px) {

  .blog__single-top {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    gap: 20px;
  }

  .blog__single-img-box {
    grid-row: 1;
  }

  .blog__single-img-box img {
    width: auto;
    max-height: 350px;
    margin: 0 auto !important;
  }

  .blog__single-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}

.blog__single-info span:first-child {
  color: var(--bw-grey);
}

.blog__single-info ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}

.blog__single-info ul li {
  border-radius: 4px;
  background: var(--bw-light-grey);
  color: var(--bw-dark-blue, #453F5D);
  font-weight: 500;
  line-height: 1;
  padding: 4px;
}

.blog__single-main .description p {
  font-size: 16px;
}

.blog__single-main .description p:not(:last-child) {
  margin-bottom: 20px;
}

.blog__single-main .description ul {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px;
}

.blog__single-main .description ol {
  font-size: 16px;
  list-style: auto;
  line-height: 1.5;
  margin-left: 20px;
  margin-bottom: 20px;
}

.blog__single-main .description ol li:not(:last-child) {
  margin-bottom: 20px;
}

.blog__single-main .description ol mark {
  background-color: transparent;
  color: var(--main-blue);
  font-weight: 600;
}

.blog__single-main .description ol li::marker {
  color: var(--main-blue);
  font-weight: 600;
}

.description h3 {
  color: var(--bw-black);
  font-size: 18px;
  font-weight: 700;
}

.description h3 {
  color: var(--bw-black);
  font-size: 18px;
  font-weight: 700;
}

.blog__single-main-coment,
.blog__single-main-slider,
.blog__single-main-wrapper {
  margin-bottom: clamp(1.25rem, 1.1223rem + 0.7299vw, 1.875rem);
}

.blog__single-main-coment .checkout__title {
  font-size: clamp(1.125rem, 1.0484rem + 0.438vw, 1.5rem);
  font-weight: 500;
}

.blog__single-coment-list-title {
  font-size: clamp(1.125rem, 1.0484rem + 0.438vw, 1.5rem);
  font-weight: 500;
}

.blog__single-main-coment .form-group-textarea {
  grid-column: 1 / -1;
}

.blog__single-main-coment .checkout__form-col {
  gap: 12px;
  margin-bottom: 20px;
}

.blog__single-add-coment-box {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: clamp(0.75rem, 0.6989rem + 0.292vw, 1rem);
}

.blog__single-add-coment-box .btn {
  max-width: 190px;
  width: 100%;
}

@media (max-width: 575px) {
  .blog__single-add-coment-box {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .blog__single-add-coment-box .btn {
    max-width: 100%;
  }
}

.blog__single-coment-list .store__svg-box {
  align-items: center;
  /* justify-content: flex-start; */
  gap: 20px;
}

.blog__single-coment-list .store__svg-box-col {
  display: none;
}

.blog__single-coment-list .respond__data {
  margin: 0;
}

.tabs__box-users-name {
  display: flex;
  align-items: center;
  gap: 10px;
}

.tabs__box-users-name img {
  width: 18px;
  filter: invert(45%) sepia(95%) saturate(2625%) hue-rotate(196deg) brightness(104%) contrast(96%)
}

.tabs__box-users-count-box {
  display: flex;
  align-items: center;
  gap: 20px;
}

.tabs__box-users-count-box button {
  display: flex;
  align-items: center;
  gap: 3px;
  line-height: 1;
}

.tabs__box-users-coment-count-plus span {
  color: var(--helpful-green);
  font-size: 14px;
}

.tabs__box-users-coment-count-plus svg path {
  fill: var(--helpful-green);
}

.tabs__box-users-coment-count-minus span {
  color: var(--bw-grey);
  font-size: 14px;
}

.tabs__box-users-coment-count-minus svg path {
  fill: var(--bw-grey);
}

.tabs__box-users-inner-botom {
  border-top: 1px solid var(--bw-light-grey);
  padding-left: 30px;
  padding-top: 15px;
  margin-top: 15px;
}


/*--------------------------------------------------blog*/



.blog-main-box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
  margin-bottom: 8px;
}

@media (max-width: 1199px) {
  .blog-main-box {
    grid-template-columns: 1fr 1fr;
    gap: 2px;
  }
}

@media (max-width: 575px) {
  .blog-main-box {
    grid-template-columns: 1fr;
  }
}

.blog__list-box {
  display: grid;
  gap: 8px;
  width: 100%;
}

.blog__list-box ul {
  color: var(--bw-black);
  font-size: 16px;
  font-weight: 500;
}

.blog__list-title {
  color: var(--bw-black);
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  margin-bottom: 20px;
}

.module-title {
  color: var(--bw-black);
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  margin-bottom: 20px;
}

.blog__list-box ul a {
  padding: 20px 0px;
}

.blog__list-box ul li:last-child a {
  padding: 20px 0 0 0;
}

.list-group a {
  padding: 20px 0px;
}

.list-group li.active a {
  color: var(--main-blue);
}

.list-group li:not(:last-child) {
  border-bottom: 1px solid var(--bw-light-grey);
}

.blog__list-box .product__page-bg li:not(:last-child) {
  border-bottom: 1px solid var(--bw-light-grey);
}

.blog__list-box .blog__category-list-sub li:last-child a {
  padding: 10px 0;
}

.blog__category-list-sub-btn {
  transition: all 0.3s linear;
}

.blog__category-list-sub-btn.active {
  rotate: 180deg;
  transition: all 0.3s linear;
}

.blog__category-list-box {
  display: grid;
  grid-template-columns: 1fr 30px;
  align-items: center;
}

.blog__category-list-sub-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  justify-self: center;
  cursor: pointer;
  width: 100%;
  height: 100%;
  align-self: center;
  justify-self: center;
  cursor: pointer;
  position: relative;
  transition: all 0.3s linear;
  z-index: 1;
}

.blog__category-list-sub-btn svg {
  transition: all 0.3s linear;
  z-index: 1;
}

@media (any-hover: hover) {
  .blog__category-list-sub-btn:hover svg path {
    stroke: var(--main-purple);
  }
}

.blog__category-list-sub {
  display: none;
  padding-left: 30px;
  font-size: 12px !important;
}

.blog__category-list-sub li a {
  padding: 10px 0;
}

.description h1,
.description .h1 {
  font-size: clamp(1.5rem, 1.3467rem + 0.8759vw, 2.25rem);
  font-weight: 600;
}

.description h2,
.description .h2 {
  font-size: 24px;
  font-weight: 500;
}

.description p {
  font-size: 14px;
  line-height: 1.5;
}

.description p:not(:last-child) {
  margin-bottom: 15px;
}

.description ul {
  font-size: 14px;
  line-height: 1.5;
  list-style: disc;
  padding-left: 20px;
  margin-bottom: 20px;
}

.description ul li {
  padding-left: 10px;
}

.description img {
  object-fit: contain;
  display: flex;
  margin: 0 auto;
  margin-top: clamp(1.5rem, 0.9347rem + 0.9119vw, 1.875rem);
  margin-bottom: clamp(1.5rem, 0.9347rem + 0.9119vw, 1.875rem);
}
@media screen and (min-width: 1200px) {
  .description img {
    max-height: 400px;
  }
}
@media screen and (min-width: 1600px) {
  .description img {
    max-height: 500px;
  }
}

.description ul li::marker {
  color: var(--main-blue);
}

.description a:not(.btn) {
  color: var(--main-blue);
  /* text-decoration: underline; */
}

.credit-main {
  padding-top: 0;
}

.blog__wrapper-box {
  background-color: var(--bw-white);
  padding: 16px;
  border-radius: 12px;
}

.blog__wrapper-img-box {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s linear;
  margin-bottom: clamp(0.625rem, 0.4944rem + 0.7463vw, 1.25rem);
}

@media (any-hover: hover) {
  .blog__wrapper-img-box:hover .blog__img {
    scale: 1.1;
    transition: all 0.3s linear;
  }
}

.blog__wrapper-img-box .blog__img {
  display: flex;
  width: 100%;
  height: 100%;
  scale: 1;
  transition: all 0.3s linear;
}

.blog-stickers {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  gap: 10px;
  font-size: 12px;
  color: var(--bw-white);
  height: 20px;
  font-weight: 600;
  line-height: 1;
  background-color: var(--black);
  border-radius: 5px;
  height: 20px;
  padding: 0px 5px;
}

.blog__wrapper-data-stickers-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.blog-stickers-special {
  background-color: var(--main-violet);
}

.blog-stickers-new {
  background-color: var(--helpful-orange);
}

.blog-stickers-info {
  background-color: var(--helpful-violet);
}

.blog-data {
  font-size: clamp(0.625rem, 0.5989rem + 0.1493vw, 0.75rem);
  color: var(--bw-grey);
}

.blog__wrapper-title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-weight: 600;
  height: 58px;
  margin-bottom: 15px;
}
@media screen and (max-width: 575px) {
  .blog__wrapper-title { height: auto; }
}

.blog__wrapper-feed-back {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  border-top: 1px solid var(--bw-light-grey);
  padding-top: 15px;
}

.blog__wrapper-feed-back li {
  display: flex;
  align-items: center;
  line-height: 1;
  gap: 5px;
  font-size: 14px;
  color: var(--bw-grey);
}

.blog__wrapper-feed-back li.article-likes {
  margin: 0 auto;
  margin-left: 0;
}

.blog__search-box {
  position: relative;
}

.blog__list-title-btn .arrow__items-svg-bg {
  display: none;
}

@media (max-width: 1199px) {
  .blog-main {
    flex-direction: column-reverse;
  }

  .blog-main #column-right {
    max-width: 100%;
  }

  .blog__list-box {
    grid-template-columns: 1fr;
  }

  .blog__rubrics {
    grid-row: 3;
    background-color: transparent;
    padding: 0;
    margin-bottom: 5px;
  }

  .blog__rubrics ul {
    display: flex;
    gap: 8px;
    white-space: nowrap;
    flex-wrap: nowrap;
    overflow: auto;
  }

  .blog__rubrics li:not(:last-child) {
    border-bottom: none !important;
  }

  .blog__rubrics li {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    background: var(--bw-white);
    font-size: 14px;
    font-weight: 600;
    height: 38px;
    transition: all 0.3s linear;
  }

  @media (any-hover: hover) {
    .blog__rubrics li:hover {
      box-shadow: inset 50px 50px 0 0 var(--main-purple);
      transition: all 0.3s linear;
    }


    .blog__rubrics li:not(:first-child):hover {
      color: var(--bw-white);
    }
  }

  .blog__list-box ul a {
    padding: 10px 0px;
  }

  .blog__rubrics li:first-child {
    color: var(--bw-white);
    background-color: var(--main-blue);
  }

  .blog__rubrics a {
    line-height: 1;
    padding: 0 16px !important;
  }

  .blog__category {
    margin-bottom: 10px;
  }

  .blog__list-title {
    display: none;
  }

  .blog__list-title-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    margin-bottom: 0;
  }

  .blog__list-title-btn .arrow__items-svg-bg {
    display: flex;
  }

  .blog__list-hide {
    display: none;
    margin-top: 10px;
  }

}

.blog__wrapper {
  margin-bottom: clamp(1.875rem, 1.4918rem + 2.1898vw, 3.75rem);
}




/*--------------------------------------------------personal-info*/



.personal-main #column-left {
  display: flex;
}

/*.personal-main {
  margin-bottom: clamp(1.875rem, 0.9808rem + 5.1095vw, 6.25rem);
}*/

@media (max-width: 991px) {
  #row-box.personal-main {
    display: grid;
  }

  .personal-main #column-left {
    max-width: 100%;
  }
}

.personal-left-wrapper {
  width: 100%;
  padding: 0;
}

.personal-left-wrapper .card__inner-title-list {
  display: none;
  padding: clamp(1.125rem, 0.9422rem + 1.0448vw, 2rem);
}


@media (max-width: 991px) {
  .personal-left-wrapper .card__inner-title-list {
    display: flex;
  }

  .personal-left-list {
    display: none;
  }
}

.personal-left-list a {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 6px;
}

.personal-left-list li {
  font-size: 15px;
  font-weight: 500;
  padding: 12px;
}

.personal-left-list li a.active {
  border-radius: 12px;
  background: var(--main-blue-10);
  pointer-events: none;
}

.personal-left-list li:not(:last-child) {
  border-bottom: 1px solid var(--bw-light-grey);
}

.personal-left-img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--main-blue-10);
}

.personal-main {
  display: grid;
  gap: 8px;
}

.personal-main-wrapper {
  display: grid;
  gap: 8px;
}

.personal-main-list li span:first-child {
  color: var(--bw-grey);
}

.personal-main-btn-change-wrapper {
  display: grid;
  border-radius: 12px;
  overflow: hidden;
}

.personal-main-btn-change-box {
  grid-column: 1;
  grid-row: 1;
  opacity: 0;
  transition: all 0.3s linear;
  translate: -100% 0 0;
  /* scale: 0; */
  max-height: 0;
  z-index: -1;
}

.personal-main-btn-change-box.active {
  opacity: 1;
  transition: all 0.3s linear;
  translate: 0 0 0;
  /* scale: 1; */
  max-height: 100%;
  z-index: 0;
}

.personal-main-birthday-title {
  display: block;
  color: var(--bw-grey);
  font-size: 15px;
  margin-bottom: 0;
}

.personal-main__form .checkout__form-col {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.personal-main__form .checkout__form-col:not(:last-child) {
  margin-bottom: 20px;
}

.personal-main__form .checkout__form-col .select__main {
  margin-bottom: 0;
}

.personal-main-save-cancel-box {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
}

.personal-main-save-cancel-box .btn {
  max-width: 190px;
  width: 100%;
}

.address-item {
  margin-bottom: 20px;
}

.address-item .address-title-info {
  color: var(--bw-grey);
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 5px;
}

.address-item .address-caption {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.address-item .address-caption .address-buttons {
  display: flex;
  align-items: center;
  gap: 12px;
}

.personal-main-cancel {
  color: var(--bw-black);
  border: 1px solid var(--bw-light-grey);
}

.personal-main-title-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.personal-main-title-box .personal-main-title {
  margin-bottom: 0;
}

.personal-main-title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
}

.personal-main-title-info {
  display: block;
  color: var(--bw-grey);
  margin-bottom: 20px;
}

.personal-main-list li {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  gap: 8px;
  padding: 12px 0;
}

@media (max-width: 991px) {
  .personal-main-list li {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 767px) {
  .personal-main-list li {
    grid-template-columns: 1fr;
  }
}

.personal-main-orders {
  display: grid;
  gap: 8px;
}

.personal-main-orders-item {
  border-radius: 12px;
  border: 1px solid var(--bw-light-grey);
  padding: 15px;
}

.personal-main-orders-item-top {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  align-items: center;
  gap: 16px;
}

.personal-main-orders-item-top.toggle-review,
.personal-main-orders-item-top.toggle-order {
  cursor: pointer;
}


@media (max-width: 991px) {
  .personal-main-orders-item-top {
    grid-template-columns: auto 1fr auto;
  }
}

@media (max-width: 575px) {
  .personal-main-orders-item-top {
    align-items: flex-start;
  }
}

.personal-main-orders-list-box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  justify-self: flex-start;
  gap: 50px;
}

@media (max-width: 1199px) {
  .personal-main-orders-list-box {
    justify-self: normal;
    gap: 16px;
  }
}

@media (max-width: 575px) {
  .personal-main-orders-list-box {
    grid-template-columns: 1fr;
  }
}

.personal-main-address-info {
  margin-bottom: 10px;
}

.personal-main-orders-list {
  display: grid;
  gap: 8px;
}

.personal-main-orders-list li:first-child {
  color: var(--bw-grey);
  font-size: 12px;
}

.personal-main-orders-list li:last-child {
  color: var(--bw-black);
  font-size: 14px;
}

.personal-status {
  display: block;
  width: 4px;
  height: 100%;
  max-height: 45px;
  border-radius: 5px;
}

.status-process {
  background-color: var(--helpful-orange);
}

.status-cancel {
  background-color: var(--bw-medium-grey);
}

.status-success {
  background-color: var(--main-blue);
}

.personal-main-img-box img {
  max-width: 46px;
  border-radius: 6px;
}

.personal-main-img-box {
  display: flex;
  align-items: center;
  gap: 8px;
}

@media (max-width: 991px) {
  .personal-main-img-box {
    justify-self: flex-start;
    grid-column: 1 / -1;
    grid-row: 2;
  }
}

.personal-main-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--bw-light-grey);
}


.personal-main-btn svg {
  transition: all 0.3s linear;
}

.personal-main-btn svg.active {
  transition: all 0.3s linear;
  rotate: 180deg;
}

.personal-main-orders-item-bottom-off-on {
  display: none;
}

.personal-main-orders-item-bottom {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  padding-left: 20px;
  margin-top: 20px;
}

@media (max-width: 991px) {
  .personal-main-orders-item-bottom {
    grid-template-columns: 1fr;
  }
}

.personal-main-orders-item-bottom .personal-main-orders-list {
  gap: 3px;
}

.personal-main-orders-item-bottom .personal-main-orders-list:not(:last-child) {
  margin-bottom: 12px;
}

.personal-main-orders-item-bottom-left {
  display: grid;
  gap: 20px;
}

.personal-main-orders-item-bottom-title {
  color: var(--bw-black, #282828);
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 16px;
}

.personal-main-orders-cart {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 12px;
}

.personal-main-orders-cart:not(:last-child) {
  margin-bottom: 12px;
}

.personal-main-orders-cart-info {
  display: grid;
  gap: 8px;
}

.personal-main-orders-cart-info .cart__more-info {
  font-size: 10px;
  margin-top: 5px;
}

.personal-main-orders-cart-info li:first-child {
  color: var(--bw-black);
  font-size: 12px;
}

.personal-main-orders-cart-info li:last-child {
  color: var(--bw-black);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.75px;
}

.personal-main-orders-cart img {
  max-width: 60px;
  width: clamp(3.125rem, 2.9973rem + 0.7299vw, 3.75rem);
  border-radius: 6px;
}

.category-box.grid {
  overflow: hidden;
  height: auto !important;
}

.category-box.grid .grid-item {
  position: static !important;
}

@media (max-width: 991px) {

  .personal-main .category-box {
    border-radius: 12px;
  }
}


.personal-main-wish-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 20px 32px;
}

@media (max-width: 991px) {
  .personal-main-wish-filter {
    padding: 0;
    padding: clamp(1.125rem, 0.9422rem + 1.0448vw, 2rem);
  }
}

.personal-main-wish-filter-info {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}

@media (max-width: 767px) {
  .personal-main-wish-filter-info {
    white-space: nowrap;
  }
}

.personal-main-wish-filter-info button {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  border: 1px solid var(--bw-light-grey);
  height: 32px;
  padding: 0 16px;
  white-space: nowrap;
}

.personal-main-wish-filter-info button.active {
  background: var(--bw-light-grey);
  border: 1px solid transparent;
}

.select-all {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 16px;
  color: var(--bw-grey);
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  border-radius: 100px;
  border: 1px solid var(--bw-light-grey);
  white-space: nowrap;
}

.card__wish-off {
  grid-row: 1;
  grid-column: 1;
  align-self: flex-start;
  justify-self: flex-end;
  z-index: 3;
}

.personal-main-reviews-box {
  display: grid;
  gap: 8px;
}

.personal-main-reviews-box .personal-main-orders-item-top {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 16px;
}

.personal-main-reviews-box .personal-main-orders-cart:not(:last-child) {
  margin-bottom: 0;
}

.personal-comment-text {
  border-radius: 12px;
  border: 1px solid var(--bw-light-grey);
  padding: clamp(1rem, 0.9489rem + 0.292vw, 1.25rem);
  margin-top: 20px;
}

.personal-comment-text p {
  font-size: 12px;
}

.personal-comment-text p:last-child {
  margin-bottom: 0 !important;
}

.personal-comment-text p:not(:last-child) {
  margin-top: 20px;
}

@media (max-width: 375px) {
  .personal-main-reviews-box .personal-main-orders-cart-info li:last-child {
    font-size: 12px;
  }
}



/*--------------------------------------------------checkout*/



.checkout-body {
  padding-top: 70px;
}

.checkout-body .header__top {
  min-height: 70px;
}

@media (max-width: 1199px) {
  .checkout-body .header__top {
    min-height: 50px;
  }

  .checkout-body {
    padding-top: 50px;
  }
}

.checkout-body .header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.checkout-body .header__top-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.checkout__main {
  max-width: 550px;
  width: 100%;
}

.checkout__wrapper {
  display: grid;
  grid-template-columns: 1fr 390px;
  align-items: flex-start;
  gap: 8px;
}

@media (max-width: 1300px) {
  .checkout__wrapper {
    grid-template-columns: 1fr;
  }

  .checkout-body .header__top-inner {
    font-size: 14px;
  }

  .checkout-body .header__top-inner .header__contact-sub a {
    padding: 10px 15px;
  }
}

.checkout-reg {
  display: grid;
  gap: 8px;
}

.checkout-btn-box {
  display: grid;
  gap: 16px;
}

.checkout-log {
  display: flex;
  width: 100%;
  color: var(--main-blue);
  border: 1px solid var(--main-blue);
}

.checkout-btn-box .google-btn {
  display: flex;
  width: 100%;
  color: var(--bw-black);
  border: 1px solid var(--bw-grey);
}

.checkout__form-col-box {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}


.checkout__form-col-box:has(.checkout__form-col-right) {
  grid-template-columns: 1fr 1fr;
}

.checkout__form-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(0.75rem, 0.6989rem + 0.292vw, 1rem);
}

.checkout__form-col:not(:last-child) {
  margin-bottom: clamp(0.75rem, 0.6989rem + 0.292vw, 1rem);
}

@media (max-width: 991px) {
  .checkout__form-col {
    grid-template-columns: 1fr;
  }

  .checkout__form-col-box:has(.checkout__form-col-right) {
    grid-template-columns: 1fr;
  }
}

.form-check .checkout__form-col {
  grid-template-columns: 1fr 1fr 1fr;
}

.form-check-box {
  margin: 0;
  margin-top: 20px;
}

.checkout__form-col-box:has(.checkout__form-col-right) .checkout__form-col .form-group:first-child {
  grid-column: 1;
}

.checkout__form-col-box:has(.checkout__form-col-right) .form-group:nth-child(2) {
  grid-column: 2;
}

.checkout__form-col-box:has(.checkout__form-col-right) .form-group:nth-child(n + 3) {
  grid-column: 1 / 3;
}


@media (max-width: 991px) {
  /* .checkout__form-col-box {
    display: grid;
    grid-template-columns: 1fr !important;
    gap: 20px;
  } */

  .checkout__form-col-box:has(.checkout__form-col-right) .checkout__form-col .form-group:first-child {
    grid-column: auto;
  }

  .checkout__form-col-box:has(.checkout__form-col-right) .form-group:nth-child(2) {
    grid-column: auto;
  }

  .checkout__form-col-box:has(.checkout__form-col-right) .form-group:nth-child(n + 3) {
    grid-column: auto;
  }
}

.checkout__title {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 20px;
}

.simplecheckout-warning-text {
  font-size: 14px;
}

.checkout-cart {
  position: sticky;
  top: 96px;
}

.checkout__box {
  padding: 24px;
}

.checkout__order-title {
  color: var(--bw-grey, #909090);
  font-size: 14px;
  font-weight: 400;
  border-bottom: 1px solid var(--bw-light-grey);
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.checkout-cart .card__product-box {
  display: grid;
  gap: 12px;
}

.checkout-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.checkout-list li span:nth-child(even) {
  color: var(--bw-black);
  text-align: right;
}

.checkout-list-payment {
  color: var(--bw-dark-blue);
  font-size: 16px;
  font-weight: 600;
}

.checkout-list-payment-count {
  color: var(--bw-dark-blue);
  font-size: 25px;
  font-weight: 600;
}

.checkout-list {
  display: grid;
  gap: 12px;
  color: var(--bw-grey);
  font-size: 14px;
  font-weight: 400;
  border-bottom: 1px solid var(--bw-light-grey);
  border-top: 1px solid var(--bw-light-grey);
  margin: 20px 0;
  padding: 20px 0;
}

.checkout-cart .card__product-item {
  grid-template-columns: 1fr 2fr;
  column-gap: 12px;
  padding: 0;
}

.checkout-cart .card__product-img-box {
  grid-column: auto;
  grid-row: auto;
  margin: 0;
  display: flex;
  border-radius: 12px;
  position: relative;
}

.checkout-cart .card__product-center-title {
  font-size: 12px;
  min-height: auto;
  -webkit-line-clamp: 2;
  font-weight: 400;
  margin-bottom: 2px;
}

.checkout-cart .cart__more-info {
  font-size: 10px;
  margin: 5px 0;
}

.checkout-cart .card__product-price {
  font-size: 16px;
  font-weight: 500;
}

.checkout-cart .card__product-price-old {
  font-size: 14px;
}

.checkout__order-bottom {
  display: grid;
  gap: 12px;
}

.checkout__order-bottom .simplecheckout-button-right {
  display: flex;
  flex-direction: column-reverse;
  gap: 12px;
}

.checkout__order-bottom .checkbox {
  text-align: center;
  font-size: 14px;
}

.checkout__order-bottom .checkbox a {
  color: var(--main-blue);
}

.checkout-cart .btn {
  width: 100%;
}

.checkout__form-promo {
  display: grid;
  gap: 10px;
}

.form-check-box-bottom {
  margin-top: 10px;
}

.product__page-credit-bottom {
  display: none;
}

.product__page-credit-bottom-box {
  display: flex;
  align-items: center;
  gap: 20px;
}

.product__page-credit-box-wrapper.active {
  border: 1px dashed var(--main-blue);
  border-radius: 12px;
}

.form-check.active {
  border: 1px solid var(--main-blue);
}

.product__page-credit-box-wrapper .product__page-credit-box-item {
  align-items: flex-start;
}

.form-check-box-bottom-btn {
  cursor: pointer;
}

.product__page-credit-bottom-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  margin-top: 20px;
}

@media (max-width: 991px) {
  .product__page-credit-bottom-box {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

.product__page-credit-bottom-box .checkout-list {
  border-bottom: none;
  padding: 0;
  margin: 0;
}

@media (max-width: 375px) {
  .product__page-credit-bottom-box .checkout-list li {
    flex-direction: column;
    align-items: flex-start;
  }

  .product__page-credit-box-wrapper .product__page-credit-box-item {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  .product__page-credit-box-wrapper .product__page-credit-box-item img {
    justify-self: center;
  }

  .checkout-body .header__top-inner {
    font-size: 12px;
    gap: 10px;
  }

  .checkout-body .header__top-inner .header__contact-sub {
    min-width: 120px;
  }

  .checkout-body .header__top-inner .header__contact-sub a {
    padding: 5px 10px;
  }

  .checkout-body .header__top-inner svg {
    width: 16px;
  }
}

.product__page-credit-bottom-title {
  font-size: 14px;
  margin-bottom: 16px;
}

.product__page-credit-box-wrapper {
  border-radius: 12px;
  border: 1px solid var(--bw-light-grey);
  padding: 20px;
}

.product__page-credit-box-wrapper:not(:last-child) {
  margin-bottom: 10px;
}

.form-check-box-bottom-btn .product__page-credit-title {
  font-size: 15px;
  color: var(--bw-black);
  margin-bottom: 5px;
}

.form-check-box-bottom-btn .product__page-credit-count {
  border-bottom: none;
  color: var(--bw-grey);
  font-size: 14px;
  font-weight: 400;
}

.checkout__wrapper .card__inner-title-list {
  font-weight: 400;
}

input[type=range] {
  -webkit-appearance: none;
  margin: 5.8px 0;
  background-color: transparent !important;
}

input[type=range]:focus {
  outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
  cursor: pointer;
  background: var(--main-blue);
  border-radius: 5px;
}

input[type=range]::-webkit-slider-thumb {
  border-radius: 50%;
  background: var(--bw-white);
  cursor: pointer;
  -webkit-appearance: none;
  border: 1px solid var(--main-blue);
  width: 20px;
  height: 20px;
  margin-top: -7px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: var(--main-blue);
}

input[type=range]::-moz-range-track {
  width: 100%;
  cursor: pointer;
  background: var(--main-blue);
  border-radius: 5;
}

input[type=range]::-moz-range-thumb {
  border-radius: 50%;
  background: var(--main-blue);
  cursor: pointer;
}

input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

input[type=range]::-ms-fill-lower {
  background: var(--bw-light-grey);
  border-radius: 50%;
}

input[type=range]::-ms-fill-upper {
  background: var(--bw-light-grey);
  border-radius: 50%;
}

input[type=range]::-ms-thumb {
  border-radius: 50%;
  background: var(--main-blue);
  cursor: pointer;
}

input[type=range]:focus::-ms-fill-lower {
  background: var(--bw-light-grey);
}

input[type=range]:focus::-ms-fill-upper {
  background: var(--bw-light-grey);
}

/* Track */
input[type=range]::-webkit-slider-runnable-track {
  height: 6.4px;
}

input[type=range]::-moz-range-track {
  height: 6.4px;
}

input[type=range]::-ms-track {
  height: 6.4px;
}

/* Thumb */
input[type=range]::-webkit-slider-thumb {
  width: 20px;
  height: 20px;
}

input[type=range]::-moz-range-thumb {
  width: 20px;
  height: 20px;
}

input[type=range]::-ms-thumb {
  width: 20px;
  height: 20px;
}

/*--------------------------------------------------*/


.consulting__link--azure a {
  position: relative;
  width: fit-content;
}

.consulting__link--azure a::after {
  content: "";
  position: absolute;
  top: 80%;
  left: 0;
  width: 100%;
  height: 2px;
  background: #40DDB6;
}

.list__categories-box {
  overflow: hidden;
}

.list__categories-items {
  display: flex;
  column-gap: 10px;
  row-gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

@media (any-hover: hover) {
  /*.list__categories-items li:hover {
    box-shadow: inset 50px 50px 0 0 var(--main-purple);
    transition: all 0.3s linear;
  }*/

  .list__categories-items li:not(:first-child):hover {
    color: var(--bw-white);
  }
}

@media (max-width: 1199px) {
  .list__categories-items {
    white-space: nowrap;
    flex-wrap: nowrap;
    overflow: auto;
  }
}

.filter-button-sort,
.list__categories-items li {
  border-radius: 100px;
  background: var(--bw-white);
  font-size: 14px;
  font-weight: 600;
  height: 38px;
  transition: all 0.3s linear;
}

.list__categories-items li:first-child {
  color: var(--bw-white);
  background-color: var(--main-blue);
}

.filter-button-sort,
.list__categories-items li a {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  width: 100%;
  height: 100%;
  padding: 0 16px;
}

.filter-button-sort.active {
  color: var(--bw-white);
  background-color: var(--main-blue);
}

.personal-main-wish-filter-info .filter-button-sort.active {
  color: var(--bw-black);
}

.filter-button-group li:first-child {
  background-color: transparent;
}

/*--------------------------------------------------subscribe*/


.subscribe {
  padding-top: clamp(1.25rem, 0.9888rem + 1.4925vw, 2.5rem);
  padding-bottom: clamp(1.25rem, 0.9888rem + 1.4925vw, 2.5rem);
  background-color: var(--bw-dark-blue);
}

.subscribe-box-all {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  color: var(--bw-medium-grey);
}

.subscribe-box-form {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-self: flex-end;
  max-width: 580px;
  width: 100%;
}

.subscribe-box-form input {
  color: var(--bw-white);
  background-color: var(--bw-white-10);
  border: none;
}

.subscribe-box-form input::placeholder {
  color: var(--bw-white);
}

.subscribe-box .section__title {
  color: var(--bw-white);
  font-size: clamp(1.25rem, 1.1978rem + 0.2985vw, 1.5rem);
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 10px;
}

.subscribe-box span {
  display: block;
  color: var(--bw-white);
  font-size: 14px;
}

.subscribe-box-form .btn {
  max-width: 190px;
  width: 100%;
}

@media (max-width: 1199px) {
  .subscribe-box-all {
    grid-template-columns: 1fr;
  }

  .subscribe-box-form {
    justify-self: auto;
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .subscribe-box-form {
    flex-direction: column;
  }

  .subscribe-box-form .btn {
    max-width: 100%;
  }
}

/*--------------------------------------------------delivery*/


.delivery-box .h2 {
  text-align: center;
  margin-bottom: 8px;
}

.delivery-box-inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

@media (max-width: 991px) {
  .delivery-box-inner {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 575px) {
  .delivery-box-inner {
    grid-template-columns: 1fr;
  }
}

.delivery-box-inner-box span {
  display: block;
  color: var(--bw-medium-grey);
  margin-bottom: 3px;
}

/*.delivery-box-inner-box {
  display: grid;
}*/

#content .delivery-box-inner-box p:last-child, .delivery-box-inner-box p:last-child {
  margin-bottom: 0;
}

.delivery-box img {
  margin: 0;
  margin-bottom: 12px;
}

.delivery-box-inner {
  margin-bottom: 40px;
}

.delivery-box-inner-box .pickup-points-list li {
  font-size: 14px;
}

.delivery-box-inner-box .pickup-points-list li > a {
  vertical-align: sub;
  margin-left: 5px;
}

.delivery-box-inner-box .pickup-points-list li > a svg path {
  stroke: var(--main-blue);
}


.pay-box-inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}

@media (max-width: 575px) {
  .pay-box-inner {
    grid-template-columns: 1fr;
  }

}

.pay-box-inner-box.wide {
  grid-column: 1 / -1;
}


@media (max-width: 575px) {
  .pay-box-inner-box.wide {
    grid-column: auto;
  }

}

/*--------------------------------------------------contact*/


.contact #column-left,
.contact #column-right {
  display: none;
}

.contact-box-inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  margin-bottom: 40px;
}

.contact-box-inner-call-center p {
  margin-bottom: 0 !important;
}

.contact-box-inner-box:has(.contact-tell).contact-box-inner-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 991px) {
  .contact-box-inner:has(.contact-tell).contact-box-inner {
    grid-template-columns: repeat(3, 1fr);
  }

  .contact-box-inner-box:has(.contact-tell).contact-box-inner-box {
    grid-column: 1 / -1;
  }
}

.contact-box-inner-call-center a {
  font-size: clamp(1.125rem, 1.0484rem + 0.438vw, 1.5rem);
  font-weight: 700;
}

.delivery-box-inner-box ul {
  font-size: 16px;
  list-style: none;
  padding: 0;
}

.delivery-box-inner-box ul li {
  padding: 0;
  padding: 1px 0;
}

.delivery-box-inner-box .btn {
  width: 100%;
}

.contact-box-inner-1 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.contact-box-item-1 {
  display: grid;
  justify-items: center;
  gap: 10px;
}

.contact-box-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
}

.contact-box-item img {
  grid-row: 1 / 3;
  margin: 0;
}

.contact-box-item-1 p,
.contact-box-item p {
  margin-bottom: 0 !important;
}

.contact-tell {
  font-size: 22px;
  color: var(--bw-black) !important;
  border: 1px solid var(--bw-light-grey);
}

.contact-box-title {
  display: flex;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 10px;
}

.contact-box-inner-1 p {
  display: flex;
  color: #909090;
  font-size: 14px;
  margin: 10px;
}

.socials-share {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

.contact-work-box {
  display: grid;
  align-items: center;
  justify-items: center;
  gap: 10px;
  width: 100%;
  color: var(--bw-black) !important;
  border: 1px solid var(--bw-light-grey);
  border-radius: 5px;
  padding: 10px;
}

.contact-work-box li:first-child {
  color: #909090;
}

.contact-work-box li:last-child {
  font-size: 22px;
}

.map-iframe {
  max-height: 605px;
  height: calc(100vh - 60px);
}

.map-iframe iframe {
  width: 100%;
  height: 100%;
}

.town-box {
  display: grid;
  gap: 10px;
}

.town-box-item {
  display: grid;
  grid-template-columns: auto 1fr 1fr 250px;
  gap: clamp(1.25rem, 0.6731rem + 2.5641vw, 3.75rem);
}

.town-box-inner {
  display: grid;
  gap: 10px;
  height: fit-content;
}

.town-box-inner ul {
  display: grid;
  gap: 10px;
  color: var(--bw-black);
}

.town-box-inner ul li {
  display: grid;
  grid-template-columns: 75px 1fr;
  gap: 10px;
}

.town-box-inner span {
  display: flex;
  margin-bottom: 10px;
}

.town-box-inner>span {
  color: #909090;
}

.town-box-inner .btn {
  width: 100%;
}

.town-box-inner h3 {
  margin: 0;
}

.town-box-item img {
  border-radius: 10px;
}

.show-on-map {
  color: var(--bw-black);
  background-color: #ECECEC;
}

.gm-style-iw:has(.custom-info-window) {
  max-width: 250px !important;
  padding: 10px;
}

.gm-style-iw:has(.custom-info-window) .gm-style-iw-ch {
  display: none;
}

.gm-style-iw:has(.custom-info-window) .gm-style-iw-chr {
  position: absolute;
  top: -2px;
  right: 0px;
}

.gm-style img {
  object-fit: contain;
}

.custom-info-window {
  display: grid;
  gap: 5px;
}

.custom-info-window h3,
.custom-info-window p {
  line-height: 1.2;
  margin: 0 !important;
}

.custom-info-window h3 {
  font-size: 18px;
  margin-top: 10px !important;
}

.custom-info-window strong {
  display: block;
  margin-bottom: 5px;
}

@media (max-width: 1199px) {
  .map-iframe {
    max-height: 520px;
  }

  .town-box-item {
    grid-template-columns: 1fr 1fr;
  }

  .town-box-item img {
    grid-column: 1;
    grid-row: 1 / 3;
    width: 100%;
    height: 100%;
  }

  .town-box-inner:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 991px) {
  .contact-box-inner-1 {
    grid-template-columns: repeat(2, 1fr);
  }

  .contact-box-item-1:first-child {
    grid-column: 1 / -1;
  }

  .contact-tell {
    width: 100%;
  }

  .contact-box-inner {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .map-iframe {
    max-height: 460px;
  }

  .town-box-item {
    grid-template-columns: 1fr;
  }

  .town-box-item img {
    grid-column: 1;
    grid-row: 1;
    max-height: 350px;
  }

  .town-box-inner:last-child {
    grid-column: 1;
  }
}

@media (max-width: 575px) {
  .contact-box-item {
    grid-template-columns: 1fr;
  }

  .contact-box-item img {
    grid-row: 1;
  }

  .contact-box-inner-1 {
    grid-template-columns: 1fr;
  }

  .contact-box-item-1:first-child {
    grid-column: 1;
  }
}


/*--------------------------------------------------swap-return*/


.swap-return .product__page-bg:not(:last-child) {
  margin-bottom: 8px;
}

.swap-return h2 {
  text-align: center;
  padding: clamp(1.125rem, 0.9422rem + 1.0448vw, 2rem);
  background-color: var(--bw-white);
  border-radius: 12px;
  margin: 0;
  margin-bottom: 8px;
}


/*--------------------------------------------------special*/


.special__box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

@media (max-width: 991px) {

  .special__box {
    grid-template-columns: 1fr;
  }
}

.special__box .special__box-thumb {
  display: flex;
  overflow: hidden;
  margin-bottom: 16px;
  border-radius: 12px;
  overflow: hidden;

}

.special__box .special__box-thumb:hover {
  opacity: 1;
}

.special__box img {
  transition: all 0.2s ease;
}

.special__box .special__box-thumb:hover img {
  transform: scale(1.05);
}

.special__data {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  color: var(--main-blue);
  font-size: 24px;
  font-weight: 700;
  border-radius: 12px;
  background: var(--main-blue-10);
  padding: 8px;
  width: 60px;
  height: 60px;
}

.special__box img {
  width: 100%;
  min-height: auto;
}

.special__data span {
  display: block;
  font-size: 14px;
}

.special__box-bottom {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin-top: 10px;
}

.special__box-title {
  font-weight: 600;
}

.special__box .product__page-bg {
  padding: 16px;
}

.special__data-disable {
  filter: grayscale(1);
}



/*--------------------------------------------------offer*/



.offer__box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  gap: 8px;
}


.offer__box .product__page-bg {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

@media (max-width: 991px) {
  .offer__box {
    grid-template-columns: 1fr;
  }
}

.offer__box .img-thumb {
  background-color: var(--bw-white);
  border-radius: 12px;
}

.offer__box img {
  width: 100%;
  height: 100%;
  /*max-height: 320px;
  min-height: 210px;
  aspect-ratio: 2 / 1;*/
  border-radius: 12px;
  overflow: hidden;
}

.offer__box-title {
  font-size: clamp(1.25rem, 1.0456rem + 1.1679vw, 2.25rem);
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 20px;
}

.offer__box-offer-time {
  display: block;
  font-size: 14px;
  margin-bottom: 10px;
}

#timer {
  display: flex;
  align-items: baseline;
  gap: 1px;
}

.timer-box {
  display: grid;
  gap: 1px;
}

.timer-top {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 500;
  border-radius: 12px;
  line-height: 1;
  background: var(--main-blue-10);
  width: 60px;
  height: 60px;
}

.timer-bottom {
  color: var(--bw-medium-grey);
  text-align: center;
  font-size: 14px;
  line-height: 1;
}

.timer-colon {
  font-size: 26px;
  margin: 0 5px;
}

@media (max-width: 375px) {
  .timer-top {
    font-size: 18px;
    width: 40px;
    height: 40px;
  }

  .timer-bottom {
    font-size: 12px;
  }

}

@media (max-width: 991px) {
  .offer-main .sort-btn {
    color: var(--bw-white);
    background-color: var(--main-blue);
  }

  .offer-main .sort-btn svg path {
    stroke: var(--bw-white);
  }
}

@media (max-width: 575px) {
  .offer-main .sort-btn {
    max-width: 100%;
    width: 100%;
  }

}

/*--------------------------------------------------credit*/


.credit-main .blog__single-main-wrapper {
  margin: 0;
  margin-bottom: 8px;
}

.count {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  font-size: clamp(0.875rem, 0.7813rem + 0.4688vw, 1.25rem);
  counter-reset: section;
  margin-bottom: 8px;
}

.credit-count {
  position: relative;
  display: grid;
  gap: 10px;
}

.credit-count::before {
  counter-increment: section;
  content: counter(section) "";
  color: #909090;
  background-color: #F8F8F8;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 10px;
}

.credit-count p {
  text-align: center;
}

.credit-center {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 30px;
  align-items: center;
}

.credit-count img {
  justify-self: center;
}

.credit-center h2 {
  font-size: clamp(1.5rem, 1.2188rem + 1.25vw, 2.25rem);
}

.bank-info-inner {
  display: grid;
  gap: 50px;
}

.bank-info {
  position: sticky;
  top: 85px;
  height: fit-content;
}

.bank-info-box {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 10px;
}

.bank-info-logo {
  margin-bottom: 30px;
}

.bank-info ul,
.accordion-content ul {
  display: grid;
  gap: 10px;
  list-style-type: disc;
  font-size: 14px !important;
  padding-left: 20px;
}

.bank-info ul li::marker,
.accordion-content ul li::marker {
  color: var(--box-color);
}

.credit-options {
  display: grid;
  gap: 10px;
  height: fit-content;
}

.accordion-title {
  font-weight: 500;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.accordion-content {
  display: none;
  margin-top: 20px;
}

.accordion-content.active {
  display: block;
}
.accordion-item {
  cursor: pointer;
}

.accordion-item:has(.accordion-content.active) {
  border: 2px solid var(--box-color);
  background: var(--box-color-bg);
}

.accordion-item svg rect:first-child {
  transition: all 0.3s linear;
}

.accordion-item svg rect {
  fill: var(--box-color)
}

.accordion-item:has(.accordion-content.active) svg rect:last-child {
  fill: #909090;
  transition: all 0.3s linear;
}

.accordion-item:has(.accordion-content.active) svg rect:first-child {
  fill: #909090;
  height: 0;
  transition: all 0.3s linear;
}

.accordion-item {
  border: 2px solid transparent;
}

/* .bank-info-box:nth-child(odd) .accordion-item:has(.accordion-content.active) {
  border: 2px solid #009B7B;
  background: #f2faf8;
}

.bank-info-box:nth-child(even) .accordion-item:has(.accordion-content.active) {
  border: 2px solid #2722FF;
  background: #f4f4ff;
}

.bank-info-box:nth-child(even) svg rect {
  fill: #2722FF;
}

.bank-info-box:nth-child(even) .credit-conditions li::marker,
.bank-info-box:nth-child(even) .accordion-content ul li::marker {
  color: #2722FF;
} */

@media (max-width: 991px) {
  .count {
    grid-template-columns: repeat(2, 1fr);
  }

  .bank-info-box {
    grid-template-columns: 1fr;
  }

  .bank-info {
    position: static;
  }

  .bank-info-logo {
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 30px;
  }
}


@media (max-width: 767px) {
  .credit-center {
    grid-template-columns: 1fr;
  }

  .credit-count img {
    max-height: 290px;
  }
}

@media (max-width: 575px) {
  .count {
    grid-template-columns: 1fr;
  }

  .bank-info-logo {
    width: fit-content;
    margin-left: 0;
  }
}

/*--------------------------------------------------footer*/


footer {
  background-color: var(--background);
}

.footer__center {
  padding-top: clamp(2.5rem, 2.2388rem + 1.4925vw, 3.75rem);
  padding-bottom: 10px;
}

.footer__center-inner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 30px;
  margin-bottom: clamp(1.875rem, 1.7444rem + 0.7463vw, 2.5rem);
}

@media (max-width: 1199px) {
  .footer__center-inner {
    grid-template-columns: repeat(3, 1fr);
  }

  .footer__inner-col {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    grid-column: 1 / -1;
  }
}

@media (max-width: 767px) {
  .footer__center-inner {
    grid-template-columns: 1fr;
  }

  .footer__inner-col {
    grid-template-columns: 1fr;
    grid-column: auto;
  }
}

.footer__center-logo .logo {
  display: inline-flex;
  margin-bottom: 10px;
}

.footer__center-logo .footer__title-list {
  pointer-events: auto;
}

.footer__info-bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 25px;
  padding: 20px 0;
  border-top: 1px solid rgba(40, 40, 40, 0.1);
}

.footer__info {
  max-width: 210px;
  text-align: left;
  font-size: 14px;
  margin-bottom: clamp(1.25rem, 1.1194rem + 0.7463vw, 1.875rem);
}

.footer__link {
  width: 100%;
  padding: 7px 0;
}

.footer__title-list {
  font-weight: 700;
  font-size: clamp(1rem, 0.9236rem + 0.3762vw, 1.375rem);
  pointer-events: none;
}

p.text-footer {
  font-weight: 400;
  font-size: 14px;
  margin: 0;
}

p.text-footer + .socials {
  margin-top: 10px;
}

.footer__work-time li {
  padding: 7px 0;
  line-height: 1.7;
}

.footer__items {
  margin-top: 20px;
}

.footer__items-address {
  margin-bottom: 20px;
}

.footer__item {
  font-size: clamp(0.875rem, 0.8495rem + 0.1254vw, 1rem);
  white-space: nowrap;
}

@media (max-width: 767px) {
  .footer__items {
    display: none;
  }

  .footer__title-list {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    pointer-events: auto;
  }

  .footer__title-list-socials {
    flex-direction: column;
    justify-content: flex-start;
  }
}

.footer__inner-col .footer__items {
  display: block;
}


.footer__items-address a {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}

.footer__items-address span {
  display: flex;
  gap: 10px;
}

.footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  font-size: 14px;
  color: #7F7F7F;
}

.footer__bottom div {
  display: flex;
  gap: 40px;
}

.footer .arrow__items-svg-bg {
  display: none;
}


@media (max-width: 767px) {
  .footer .arrow__items-svg-bg {
    display: flex;
  }

  .footer__inner {
    border-radius: 12px;
    border: 1px solid var(--bw-light-grey);
    padding: 16px;
  }
}

.footer .arrow__title-list {
  pointer-events: none;
}

.footer__item-tel {
  font-size: 18px;
  font-weight: 500;
}

.socials {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}


/*--------------------------------------------------*/


.row-gap {
  row-gap: 20px;
  margin-left: -10px;
  margin-right: -10px;
}

.row-gap [class*="col"] {
  padding-left: 10px;
  padding-right: 10px;
}

/* .form-group {
  margin-bottom: 20px;
} */

/*--------------------------------------------------hover*/


@media (any-hover: hover) {
  a:hover {
    opacity: 0.8;
  }


  .btn {
    transition: all 0.3s linear;
    position: relative;
    overflow: hidden;
    z-index: 1;
  }

  .btn::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
    left: -100%;
    z-index: -1;
    transition: left 0.3s linear;
  }

  .btn:hover::after {
    left: 0;
  }

  .btn-primary::after {
    background-color: #2E90FA;
  }

  .btn-succes::after {
    background-color: #32D583;
  }

  .btn-default::after {
    background: #9E77ED;
  }

  .btn-default:hover {
    color: var(--bw-white);
  }

  .btn-danger:after {
    color: #d32225;
  }
  .btn-danger:hover {
    color: var(--bw-white);
  }


  .main__swiper-link:hover {
    color: #000000;
    background-color: #F3F3F3;
  }

  .search-button:hover svg path,
  #voice-button:hover svg path,
  .header__burg-btn:hover svg path,
  .compare-btn:hover svg path,
  .like-btn:hover svg path,
  .header__cart:hover svg path {
    stroke: var(--main-purple);
  }

  .header__botom-inner .header-log:hover {
    background-color: rgba(255, 255, 255, 0.15);
  }

  .style__btn-two:hover {
    background-color: #e9e9e9;
  }
}

/*--------------------------------------------------media*/

.product-outstock {
  filter: grayscale(1);
}

.product-outstock .card__product-cart {
  pointer-events: none;
}

.swiper-wrapper.grid .swiper-slide {
  position: static !important;
}

.swiper-wrapper.grid {
  height: auto !important;
  transition: all 0.7s linear;
}

.grid-item {
  transition: 0.7s linear;
  transform: none !important;
}

/* page 404 */
.search-404 {
  display: flex;
  align-items: center;
  gap: 15px;
}

.search-404 svg path {
  stroke: var(--bw-black);
}

.search-404 .search-button:hover svg path {
  stroke: var(--main-blue);
}

/* brands page */
.mb1 {
  margin-bottom: 1rem;
}

.mb2 {
  margin-bottom: 2rem;
}

.brands-row {
  row-gap: 30px;
}

.brands-row .brand-item {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
  justify-content: center;
}

.brands-row .brand-item .brand-img {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  border: 1px solid var(--bw-light-grey);
  height: 100px;
  padding: 0 26px;
}

.brands-row .brand-item .brand-img img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 12px;
  overflow: hidden;
  margin: 0 auto;
}

/* special single page */
.special-dates {
  font-size: 14px;
  margin-top: 8px;
}

.buttons-group {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* compare page */

.compare-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 400px) {
  .compare-heading {
    flex-direction: column;
    gap: 1rem;
    align-items: center;
  }
}

.compare-box-main {
  display: grid;
  gap: 10px;
}

.compare-box-main .product__page-bg {
  /* display: grid;
  grid-template-columns: 1fr 1fr; */
  gap: 10px;
  font-size: clamp(0.875rem, 0.8244rem + 0.2532vw, 1.125rem);
  padding: 0;
  border-radius: 12px;
  margin-bottom: 10px;
}

.compare-box-main .compare-buttons {
  display: flex;
  gap: 15px;
  padding: 15px;
}
.compare-buttons .btn-primary:not(.active) {
  color: var(--main-blue);
  border: 1px solid var(--main-blue);
  background-color: #fff; 
}
.compare-buttons .btn-primary:not(.active):hover:after {
  display: none;
}

.compare-box-main .product__page-bg.compare__characteristics {
  padding: 10px 15px;
}

.compare-box-main .product-names .product-names__name {
  padding: 5px 10px;
  font-weight: 600;
}
.compare-box-main .product-names .product-names__name + .product-names__name {
  border-left: 1px solid var(--bw-grey);
}

.category-box-compare .card__product-item,
.category-box-compare .product__page-bg {
  max-width: 100%;
  height: fit-content;
}

.compare-box,
.compare-box-hide .attr-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

.compare-box-main .attr-product-name {
  font-size: 12px;
  color: var(--bw-grey);
}

.compare-box-main .compare-box-hide ul {
  padding: 5px 10px;
  border-radius: 0;
  font-size: clamp(0.75rem, 0.7247rem + 0.1266vw, 0.875rem);
}
.compare-box-main .compare-box-hide ul + ul {
  border-left: 1px solid var(--bw-grey);
}

@media (min-width: 1200px) { 
  .compare-box-main .attr-product-name {
    display: none;
  }
  .product-names {
    opacity: 0;
    pointer-events: none;
    position: fixed;
    z-index: -1;
    top: -60px;
    border-radius: 0 !important;
    margin-bottom: 0;
    width: calc(100% - 30px);
    max-width: 1340px;
    /*border-bottom: 1px solid #0000005e;*/
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.5);
    transition: opacity 0.2s ease, top 0.2s ease;
  }
  .product-names.active {
    position: fixed;
    top: 60px;
    z-index: 2;
    opacity: 1;
    pointer-events: auto;
  }
}

@media (max-width: 1199px) {

  .compare-box,
  .compare-box-hide .attr-row {
    grid-template-columns: repeat(2, 1fr);
  }

  .product-names {
    display: none;
  }

  .compare-box-main .compare-box-hide .attr-row ul.product__page-bg:nth-child(4n) {
    border: none;
  }
}

@media (max-width: 375px) {

  .compare-box,
  .compare-box-hide {
    grid-template-columns: 1fr;
  }
}

.compare-box-hide {
  background-color: #fff;
  border-radius: 12px;
  padding: 0;
  overflow: hidden;

}

.compare-box-hide ul li:not(:last-child) {
  margin-bottom: 10px;
}

.compare__characteristics {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  font-weight: 400;
  max-width: 100%;
  text-align: center;
  cursor: pointer;
  grid-column: 1 / -1;
}

.compare__characteristics-unic {
  color: var(--main-purple);
  font-weight: 600;
}

.compare-box-main .compare__value {
  font-size: clamp(0.875rem, 0.8244rem + 0.2532vw, 1.125rem);
  font-weight: 600;
  text-align: left;
  grid-column: 1 / -1;
  background: var(--bw-light-grey);
  border-radius: 0;
  padding: 7px 10px;
}

.compare__characteristics.active .arrow__items-svg-bg {
  background-color: var(--bw-light-grey) !important;
  transition: all 0.3s linear;
}

.compare__characteristics.active .arrow__items-svg-bg svg {
  transform: rotate(180deg);
  transition: all 0.3s linear;
}

.compare__characteristics.active .arrow__items-svg-bg svg rect:first-child {
  height: 0;
  transition: all 0.3s linear;
}

/* product badges */
.card__product-item .product-badges {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: stretch;
  gap: 4px;
  margin-bottom: 15px;
}
.card__product-item  .product-badges .badge-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid #1967C6;
  border-radius: 5px;
  padding: 3px;
  font-size: 12px;
  color: #1967C6;
  text-align: center;
  font-weight: 600;
  min-height: 36px;
}

.card__product-item  .product-badges .badge-item .badge-name {
  margin-bottom: 3px;
}
.card__product-item  .product-badges .badge-item .badge-value {
  font-size: 11px;
}
@media (min-width: 375px) and (max-width: 479px) {
  .card__product-item .product-badges {
    grid-template-columns: 1fr 1fr;
  }
}

.cart__slider .swiper-wrapper {
  align-items: stretch;
}

.cart__slider .swiper-wrapper .swiper-slide {
  display: flex;
  justify-content: center;
  height: auto;
}

.cart__slider .swiper-wrapper .swiper-slide .card__product-box {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* product badges product page */
.product-page-badges {
  display: grid;
  width: 100%;
  grid-template-columns: 2fr 1fr;
  justify-content: space-between;
}
.product-page-badges .badge-item {
  display: flex;
  gap: 15px;
  margin-bottom: 20px;
}
.product-page-badges .badge-item .badge-icon {
  width: 25px;
  min-width: 25px;
}
.product-page-badges .badge-item .badge-info {
  display: flex;
  flex-direction: column;
}
.product-page-badges .badge-item .badge-name {
  font-size: 10px;
  line-height: 11px;
  margin-bottom: 5px;
  color: var(--bw-grey);
}
.product-page-badges .badge-item .badge-value {
  font-size: 12px;
  line-height: 14px;
  color: #000000;
}
@media (max-width: 991px) {
  .product-page-badges { margin-top: 20px; gap: 10px; }
}
@media (max-width: 574px) {
  .product-page-badges {grid-template-columns: 1fr 1fr; }
}

/* product card list */
.product-pumping-list {
  display: grid;
  gap: 1rem;
  padding: 1rem;
}
.product-card-list .card__product-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: space-between;
}
.product-card-list .product-info {
  margin-right: auto;
}
.product-card-list .image {
  max-width: 120px;
}
.product-card-list .product-name {
  margin-bottom: 5px;
}
@media (min-width: 575px) {
  .product-pumping-list .product-buttons .btn {
    min-width: 225px;
  }
}

@media (max-width: 574px) {
  .product-pumping-list .product-buttons .btn span {
    display: none;
  }
}
@media (max-width: 400px) {
  .product-pumping-list .product-card-list .image {
    max-width: 80px;
  }
}

#card__product-pumping .btn-success {
  margin-left: auto;
  margin-right: auto;
}

.product-card-list .card__product-price {
  font-size: 18px;
}

.swal2-html-container a {
  display: inline;
  border-bottom: 1px dashed;
  color: var(--helpful-dark-blue);
  transition: 0.2s all ease;
}
.swal2-html-container > div {
  line-height: 1.5;
}
/*.swal2-html-container a:hover {
  opacity: 1;
}*/

.login-description {
  display: flex;
  flex-direction: column;
}
.login-description > .btn {
  margin-top: auto;
}

/* UKRCREDITS */
.ukrcreditsticker {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #000;
}
.ukrcreditsticker>div {
  position: relative;
  height:26px;
  width:26px
}
.ukrcreditsticker span {
  position: absolute;
  font-size: 10px;
  width: 14px;
  height: 14px;
  line-height: 14px;
  background: #fff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  right: 2px;
  bottom: 2px;
  text-shadow: -1px -1px 0 #FFF;
}

.ukrcreditsticker .ukrcreditPP {
  background: transparent url('/catalog/view/theme/default/image/ukrcredits/PP_logo.png') center center no-repeat;
  background-size: 100% 100%;
}
.ukrcreditsticker .ukrcreditPB {
  background: transparent url('/catalog/view/theme/default/image/ukrcredits/PP_logo.png') center center no-repeat;
  background-size: 100% 100%;
}
.ukrcreditsticker .ukrcreditII {
  background: transparent url('/catalog/view/theme/default/image/ukrcredits/II_logo.png') center center no-repeat;
  background-size: 100% 100%;
}
.ukrcreditsticker .ukrcreditIA {
  background: transparent url('/catalog/view/theme/default/image/ukrcredits/II_logo.png') center center no-repeat;
  background-size: 100% 100%;
}
.ukrcreditsticker .ukrcreditMB {
  background: transparent url('/catalog/view/theme/default/image/ukrcredits/MB_logo.png') center center no-repeat;
  background-size: 100% 100%;
}
.ukrcreditsticker .ukrcreditAB {
  background: transparent url('/catalog/view/theme/default/image/ukrcredits/AB_logo.png') center center no-repeat;
  background-size: 100% 100%;
}
.ukrcreditsticker .ukrcreditAA {
  background: transparent url('/catalog/view/theme/default/image/ukrcredits/AA_logo.png') center center no-repeat;
  background-size: 100% 100%;
}
.ukrcreditsticker .ukrcreditPL {
  background: transparent url('/catalog/view/theme/default/image/ukrcredits/PL_logo.png') center center no-repeat;
  background-size: 100% 100%;
}
.ukrcreditsticker .ukrcreditPU {
  background: transparent url('/catalog/view/theme/default/image/ukrcredits/PU_logo.png') center center no-repeat;
  background-size: 26px;
}

.btn-link {
  color: var(--main-blue);
  text-decoration: underline;
}
.btn-link:hover {
  text-decoration: none;
  opacity: 1;
}
/* Product delivery */
.product-delivery-box-wrapper + .product-delivery-box-wrapper {
  border-top: 1px solid var(--background);
  margin-top: 20px;
  padding-top: 20px;
}
.pd-box-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
}
.product-delivery-box-inner {
  display: grid;
  gap: 15px;
}
.product-delivery-box-inner .item {
  display: flex;
  gap: 10px;
  font-size: 14px;
}
.product-delivery-box-inner .item .info {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  column-gap: 10px;
  row-gap: 5px;
}
.product-delivery-box-inner .item .item-description {
  flex: 1 1 100%;
}
.attention-block {
  background: var(--background);
  padding: 15px;
  font-size: 14px;
  line-height: 1.3;
  border-radius: 12px;
  margin-top: 20px;
}
.attention-block p:last-child {
  margin-bottom: 0;
}

.product-delivery-box-wrapper .description-block {
  font-size: 14px;
}
.product-delivery-box-wrapper .description-block p:last-child {
  margin-bottom: 0;
}