@keyframes zoomInCenter {
  from {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.9);
  }
  30% {
    opacity: 1;
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  30% {
    opacity: 1;
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(10%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes sticky {
  from {
    opacity: 0;
    transform: translateY(-110%);
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes animInUp {
  from {
    transform: translateY(10%) scale(0.98);
  }
  to {
    transform: translateY(0);
  }
}
.animInUp {
  -webkit-animation-name: animInUp;
  animation-name: animInUp;
}

.zoomInCenter {
  animation-name: zoomInCenter;
  animation-timing-function: ease-in-out;
}

/* Typography */
h1,.h1h2 {
  font-size: 56px;
}
h1._lg {
  font-size: 64px;
}

h2 {
  font-size: 42px;
}

h3,.h1h3 {
  font-size: 35px;
}

h4 {
  font-size: 26px;
}
h4._sm {
  font-size: 24px;
}
h4._lg {
  font-size: 28px;
}

h5 {
  font-size: 22px;
}
h5._lg {
  font-size: 24px;
}
h5._sm {
  font-size: 20px;
}

h6,.cart--product h2 {
  font-size: 18px;
}
h6._sm {
  font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "DM Serif Text", sans-serif;
  font-weight: 400;
  line-height: 1em;
}

p {
  font-size: 18px;
  line-height: 1.2em;
}
p._lg {
  font-size: 20px;
}
p._sm {
  font-size: 16px;
}

.weight-bold {
  font-weight: bold;
}

:root {
  height: 100%;
}

html {
  height: 100%;
  scroll-behavior: smooth;
}

* {
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
  box-sizing: border-box;
}

button {
  cursor: pointer;
  outline: none;
  background: transparent;
}
button:focus {
  outline: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* width */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #fff;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}

body {
  height: 100%;
  cursor: default;
  font-size: 16px;
  color: #332b21;
  line-height: 1.2em;
  font-weight: 400;
  font-family: "DM Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
}

body.active {
  overflow: hidden;
}

a {
  cursor: pointer;
  text-decoration: none;
  color: #000;
}

ul,
li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

img,
svg {
  pointer-events: none;
}

.input {
  display: flex;
  width: 100%;
  font-size: 16px;
}
.input input,
.input textarea, .input__selected {
  padding: 0.78em 1em !important;
  width: 100%;
  background-color: #fff;
  border: 1px solid #cccccc !important; 
  resize: none;
  border-radius: 6px !important;
  transition: all 0.3s ease-out 0.1s !important;
  color: #332b21;
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: inherit;
  line-height: 1 !important;
}
.input input::placeholder,
.input textarea::placeholder, .input__selected::placeholder {
  color: #b3aaa0;
  transition: 0.25s cubic-bezier(0.147, 0.664, 0.688, 0.714) 0.05s;
}
.input input:focus,
.input textarea:focus {
  border-color: var(--header-purple-line-color);
}
.input input:focus::placeholder,
.input textarea:focus::placeholder {
  color: #cccccc;
}
.input--select {
  position: relative;
  min-width: 130px;
}
.input--select .input__selected {
  cursor: pointer;
  transition-delay: 0.25s;
  width: 100%;
  padding-right: 2.5em;
}
.input--select .input__selected:hover {
  opacity: 0.8;
  border-color: var(--header-purple-line-color);
}
.input--select .input__selected-outer {
  position: relative;
  width: 100%;
}
.input--select .input__selected-arrow {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  color: #332b21;
  transition: all 0.3s ease-out 0.1s;
}
.input--select .input__selected-placeholder {
  color: #b3aaa0;
}
.input--select .input__dropdown {
  position: absolute;
  top: calc(100% + 10px);
  width: 100%;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #cccccc;
  color: #332b21;
  box-sizing: border-box;
  padding: 8px 5px;
  border-radius: 6px;
  z-index: 1;
  pointer-events: none;
  transition: all 0.3s ease-out 0.1s;
  scrollbar-width: none; /* Firefox 64 */
  -ms-overflow-style: none; /* Internet Explorer 11 */
}
.input--select .input__dropdown::-webkit-scrollbar {
  /** WebKit */
  display: none;
}
.input--select .input__dropdown-item {
  cursor: pointer;
  padding: 0.4em 0.5em;
  transition: all 0.3s ease-out 0.1s;
}
.input--select .input__dropdown-item:hover {
  background: #fff;
  color: var(--header-purple-line-color);
}
.input--select.active .input__selected {
  color: #332b21;
  border-color: var(--header-purple-line-color);
  transition-duration: 0.1s;
  transition-delay: 0s;
}
.input--select.active .input__selected-arrow {
  transform: translateY(-50%) rotate(180deg);
}
.input--select.active .input__dropdown {
  max-height: 30vh;
  overflow-y: auto;
  pointer-events: all;
  opacity: 1;
}
.input--radio {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  font-size: 16px;
  border: 1px solid #cccccc;
  border-radius: 6px;
  padding: 0.7em 0.75em;
}
.input--radio input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 1;
}
.input--radio input:checked + .input__circle {
  background: rgb(255, 93, 208);
  border-color: rgb(255, 93, 208);
}
.input--radio input:checked + .input__circle::after {
  opacity: 1;
}
.input--radio .input__circle {
  width: 1.5em;
  height: 1.5em;
  border: 1px solid #cccccc;
  border-radius: 50%;
  position: relative;
  transition: all 0.3s ease-out 0.1s;
}
.input--radio .input__circle:after {
  content: "";
  width: 40%;
  height: 40%;
  border-radius: 50%;
  background: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.3s ease-out 0.1s;
}
.input--radio .input__text {
  color: #675642;
  flex: 1;
}
.input--search {
  position: relative;
}
.input--search input {
  padding: 0.63em 1em 0.63em 2.5em !important;
}
.input--search .icon {
  font-size: 1.25em;
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  color: #675642;
}
.input__outer {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.input__outer label {
  color: #675642;
  font-weight: 700;
}
.input__outer p {
  font-size: 14px;
  color: #675642;
  font-style: italic;
}
.input__outer-row {
  display: flex;
  gap: 16px;
}

.buton {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.7em 1.4em;
  border: 1px solid transparent;
  border-radius: 6px;
  font-family: "DM Sans", sans-serif;
  color: var(--add-to-cart-button-bg-color);
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  transition: all 0.3s ease-out 0.1s;
}
.buton:active {
  opacity: 0.7;
}
.buton:disabled {
  cursor: default;
  opacity: 0.5 !important;
}
.button--primary {
  background: var(--add-to-cart-button-bg-color) !important;
  border-color: var(--add-to-cart-button-bg-color) !important;
  color: #fff !important;
  gap: 15px !important;
}
.button--primary-icon{
   background: var(--button-primary-bg-color) !important;
   border-color: var(--button-primary-bg-color) !important;
}
.button--primary .icon {
  font-size: inherit;
}
.button--primary._lg {
  font-size: 18px;
  padding: 0.77em 1.4em;
}
.button--primary-icon {
  padding: 0.7em 0.94em;
}
.button--primary:hover {
  background: var(--button-primary-bg-color-active) !important;
  border-color: var(--button-primary-bg-color-active) !important;
}
.button--primary:active {
  opacity: 0.8;
  background: var(--button-primary-bg-color-active) !important;
  border-color: var(--button-primary-bg-color-active) !important;
  transition-duration: 0.2s;
  transition-delay: 0s;
}
.button--secondary {
  font-size: 18px;
  padding: 0.78em 0.8em;
  background: var(--header-purple-line-color);
  border-color: var(--header-purple-line-color);
  color: #fff;
  gap: 15px;
}
.button--secondary:hover {
  background: #58a760;
  border-color: #58a760;
}
.button--secondary:active {
  opacity: 0.7;
  background: #58a760;
  border-color: #58a760;
  transition-duration: 0.2s;
  transition-delay: 0s;
}
.button--border {
  font-weight: 400;
  padding: 0.65em 1em;
  border-color: var(--header-purple-line-color);
  color: var(--header-purple-line-color);
  gap: 8px;
}
.button--border:hover {
  background: rgba(40, 115, 48, 0.05);
}
.button--text {
  position: relative;
  font-weight: 700;
  padding: 0 0 10px 0;
  gap: 8px;
  color: var(--header-purple-line-color);
}
.button--text::after {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  background: var(--header-purple-line-color);
  transition: all 0.3s ease-out 0.1s;
}
.button--text:hover {
  opacity: 0.7;
}
.button--text:hover::after {
  width: 90%;
}
.button--text:hover:active {
  opacity: 0.5;
}
.button--arrow {
  font-size: 24px;
  padding: 0;
  width: 2.6em;
  height: 2.6em;
  color: var(--header-purple-line-color);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.08);
  background: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.button--arrow-right {
  right: -16px;
}
.button--arrow-left {
  left: -16px;
}
.button--arrow .icon {
  font-size: inherit;
}
.button--arrow.swiper-button-disabled {
  opacity: 0 !important;
}
.button--arrow:hover {
  border-color: var(--header-purple-line-color);
}
.button--rounded {
  border-radius: 50%;
}
.button--icon {
  padding: unset;
  font-size: 24px;
}
.button--icon .icon {
  font-size: inherit;
}
.button--icon:hover {
  transform: scale(1.1);
}
.button--filter {
  gap: 12px;
  font-size: 16px;
  padding: 0.7em 0.8em;
  justify-content: space-between;
  align-items:center;
}
.button--filter .circle {
  font-size: 12px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #d5edf9;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #332b21;
  transition: inherit;
}
.button--filter:hover .circle {
  background: rgba(40, 115, 48, 0.2);
}
.button--link {
  padding: unset;
  text-decoration: underline;
  color: var(--header-purple-line-color);
  font-weight: 700;
}
.button--link:hover {
  color: #58a760;
}
.buton .icon {
  transition: unset;
}

.icoBtn {
  position: relative;
  z-index: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease-out 0.1s;
  width: 2.3em;
  height: 2.3em;
  font-size: 16px;
  color: #332b21;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
}
.icoBtn svg {
  width: 1.5em;
  height: 1.5em;
  transition: 0.2s cubic-bezier(0.5, 1, 0.89, 1) 0.12s;
}
.icoBtn-badge {
  position: absolute;
  bottom: 67.5%;
  left: 60.5%;
  width: 2em;
  height: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #332b21;
  border-radius: 2em;
  color: #fff;
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 100%;
}

.is-not-zero
{
  display: flex !important;
}
.is-not-zero .alg-wc-wl-counter{display:block !important}

.icoBtn--main {
  border-radius: 50%;
}
.icoBtn--main:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background: #d5edf9;
  opacity: 0;
  border-radius: inherit;
  z-index: -1;
  transform: translate(-50%, -50%) scale(0);
  transition: 0.25s cubic-bezier(0.34, 1.56, 0.64, 1) 0.05s;
}
.icoBtn--main:hover svg {
  scale: 0.9;
}
.icoBtn--main:hover:after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.icoBtn--main:active svg {
  scale: 0.95;
  transition-duration: 0.1s;
  transition-delay: 0s;
}
.icoBtn--main:active:after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.2);
  transition-duration: 0.2s;
  transition-delay: 0s;
}

.ratioImage {
  position: relative;
  padding-bottom: 100%;
  width: 100%;
}
.ratioImage img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  /*object-fit: cover;*/
}
.basket__item-image .ratioImage img {
  width: auto;
  left: 50%;
  transform: translateX(-50%);
  height: 100% !important;
}
.ratioImage--contain img {
  object-fit: contain;
}

.badge {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding: 0.32em 0.5em;
  color: #332b21;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 1;
  background: var(--header-purple-line-color);
  color: #fff;
  min-height: 24px;
}
.badge--lg {
  font-size: 16px;
}
.badge--sm {
  font-size: 12px;
  font-weight: 400;
}
.badge--xs{font-size:11px;}

.badge--grey {
  color: #675642;
  background: #eceae7;
}
.badge--light {
  background: #d5edf9;
  color: #8faa56;
}
.badge--white {
  background: #fff;
  color: #8faa56;
}
.badge--red {
  background: #fd391f;
}
.badge--opacity {
  background-color: #93B997;
}

.checkbox {
  display: inline-flex;
  position: relative;
  font-size: 20px;
  z-index: 0;
  cursor: pointer;
}
.checkbox:hover {
  opacity: 0.7;
}
.checkbox input {
  width: 1em;
  height: 1em;
  z-index: 1;
  font-size: inherit;
  opacity: 0;
  cursor: pointer;
}
.checkbox input:checked + span::before {
  opacity: 1;
}
.checkbox input:checked + span::after {
  border-color: var(--header-purple-line-color);
}
.checkbox span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.checkbox span::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  border-radius: 4px;
  transition: all 0.3s ease-out 0.1s;
}
.checkbox span::before {
  content: "";
  position: absolute;
  display: block;
  top: 40%;
  left: 50%;
  width: 0.25em;
  height: 0.5em;
  border-bottom: 1.5px solid var(--header-purple-line-color);
  border-right: 1.5px solid var(--header-purple-line-color);
  transform: translate(-50%, -50%) rotate(45deg);
  opacity: 0;
  transition: all 0.3s ease-out 0.1s;
}
.checkbox__outer {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  transition: all 0.3s ease-out 0.1s;
}
.checkbox__outer:hover {
  opacity: 0.6;
}
.checkbox__outer label {
  color: #332b21;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  padding-left: 0.75em;
  cursor: pointer;
}
.checkbox__outer label a {
  color: inherit;
  font-style: normal;
  font-weight: 400;
  font-size: inherit;
  text-decoration: underline;
  transition: 0.3s ease;
}
.checkbox__outer label a:hover {
  opacity: 0.6;
}

.custIcon {
  position: relative;
  display: inline-block;
  font-size: 16px;
  height: 0.8em;
  width: 0.8em;
  color: inherit;
}
.custIcon--left::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 75%;
  height: 75%;
  background: transparent;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translate(-25%, -50%) rotate(45deg);
}
.custIcon--rtArr:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 75%;
  height: 75%;
  background: transparent;
  border-right: 2px solid currentColor;
  border-top: 2px solid currentColor;
  transform: translate(-50%, -50%);
}
.custIcon--rtArr::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 2px;
  background: currentColor;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.custIcon--right::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 75%;
  height: 75%;
  background: transparent;
  border-right: 2px solid currentColor;
  border-top: 2px solid currentColor;
  transform: translate(-75%, -50%) rotate(45deg);
}
.custIcon--up::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  border-bottom: 5px solid #7b8a8a;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease-in-out;
}
.custIcon--down::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  border-top: 5px solid #7b8a8a;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease-in-out;
}
.custIcon--cross:before, .custIcon--cross:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 100%;
  background: #332b21;
}
.custIcon--cross:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.custIcon--cross:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.custIcon--tick {
  margin-right: 5px;
}
.custIcon--tick:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 45%;
  height: 80%;
  border-bottom: 2px solid #332b21;
  border-right: 2px solid #332b21;
  transform: translate(-50%, -50%) rotate(45deg);
}
.custIcon--dots {
  font-size: 5px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background: #332b21;
  transition: 0.2s ease-in;
}
.custIcon--dots:before, .custIcon--dots:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background: inherit;
  transition: 0.2s ease-in;
}
.custIcon--dots:before {
  left: calc(100% + 0.75em);
}
.custIcon--dots:after {
  right: calc(100% + 0.75em);
}
.custIcon--dots.active {
  width: 4.5em;
  border-radius: 2px;
}
.custIcon--dots.active:before, .custIcon--dots.active:after {
  opacity: 0;
}
.custIcon--rounded {
  font-size: inherit;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background: var(--header-purple-line-color);
}
.custIcon--rounded:after {
  top: 45%;
  width: 25%;
  height: 50%;
  border-color: #332b21;
}

.noBreak {
  white-space: nowrap;
}

.stepper {
  display: flex;
  align-items: flex-start;
  position: relative;
}
.stepper__progress {
  width: 96px;
  height: 45px;
  position: absolute;
  top: 0;
  left: 88px;
}
.stepper__progress-bg {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: #fff;
  width: 100%;
  height: 2px;
  z-index: -1;
}
.stepper__progress-line {
  position: absolute;
  top: 50%;
  width: 0;
  height: 2px;
  background: var(--header-purple-line-color);
  transition: 0.3s ease;
  transform: translateY(-50%);
}
.stepper__item {
  font-size: 18px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 150px;
  position: relative;
}
.stepper__item-progress {
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  transition: all 0.3s ease-out 0.1s;
}
.stepper__item-progress:before, .stepper__item-progress:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 50%;
  height: 2px;
  transform: translateY(-50%);
  background: #fff;
  z-index: -1;
}
.stepper__item-progress:before {
  right: 50%;
}
.stepper__item-progress:after {
  left: 50%;
}
.stepper__item.done .stepper-icon {
  color: #fff;
  background: var(--header-purple-line-color);
  border-color: transparent;
}
.stepper__item.done .stepper__item-progress:after {
  background: var(--header-purple-line-color);
}
.stepper__item.done + .stepper__item > .stepper__item-progress::before {
  background: var(--header-purple-line-color);
}
.stepper__item.active .stepper-title {
  color: var(--header-purple-line-color);
}
.stepper__item.active .stepper-icon {
  color: var(--header-purple-line-color);
  background: #fff;
  border-color: var(--header-purple-line-color);
}
.stepper__item:first-child .stepper__item-progress::before {
  display: none;
}
.stepper__item:last-child .stepper__item-progress::after {
  display: none;
}
.stepper-icon {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5em;
  height: 2.5em;
  border-radius: 50%;
  background: #fff;
  padding: 10px;
  border: 1px solid transparent;
  box-shadow: 0 0 0 4px #fff;
  transition: all 0.3s ease-out 0.1s;
  color: var(--header-purple-line-color);
  font-size: 0.9em;
  color: #332b21;
  font-weight: 400;
}
.stepper-title {
  color: rgba(40, 115, 48, 0.75);
  font-size: inherit;
  font-weight: 400;
  padding: 0 15px;
  text-align: center;
  transition: all 0.3s ease-out 0.1s;
}

.icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  width: 1em;
  height: 1em;
  transition: all 0.3s ease-out 0.1s;
}
.icon svg {
  fill: currentColor;
  width: 100%;
  height: 100%;
}
.icon--stroke svg {
  fill: transparent;
  stroke: currentColor;
}
.icon__outer {
  font-size: 24px;
  width: 2.3em;
  height: 2.3em;
  min-width: 2.3em;
  min-height: 2.3em;
  border-radius: 50%;
  background-color:var(--ups-icon-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon__outer .icon {
  color: #fff;
  font-size: inherit;
}

.toggle {
  position: relative;
  z-index: 0;
}
.toggle__switch {
  position: relative;
  display: inline-block;
  width: 4.16em;
  height: 2.22em;
}
.toggle__switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 2em;
}
.toggle__switch-slider::after {
  content: "";
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid #332b21;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: inherit;
  z-index: 1;
  opacity: 0.04;
}
.toggle__switch-slider::before {
  position: absolute;
  content: "";
  height: 1.55em;
  width: 1.55em;
  left: 0.333em;
  bottom: 0.333em;
  background-color: var(--header-purple-line-color);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}
.toggle input {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.toggle input:checked + .toggle__switch .toggle__switch-slider::after {
  border: 2px solid var(--header-purple-line-color);
}
.toggle input:checked + .toggle__switch .toggle__switch-slider:before {
  transform: translateX(1.944em);
}

.list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 18px;
}
.list__item {
  font-size: 15px;
  color: #675642;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  line-height: 1.2;
}
.list__item .icon {
  color: #a0c36c;
  font-size: 15px;
  width: 1.1em;
  height: 1.1em;
}
.list__item-text {
  margin-top: 2px;
  line-height: 1.2;
  flex: 1;
}
.list--circle {
  gap: 10px;
}
.list--circle .list__item {
  position: relative;
  color: #332b21;
  padding-left: 12px;
  font-size: 18px;
  line-height: 1.2;
}
.list--circle .list__item::before {
  content: "";
  width: 4px;
  height: 4px;
  background: #332b21;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.more {
  position: relative;
}
.more__button {
  position: absolute;
  top: 2px;
  right: 0;
  font-size: 18px;
}
.more h3 {
  margin-bottom: 40px;
}

.pagination {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
}
@media(max-width:768px){
  .pagination {
    gap: 5px;
    font-size: 14px;
  }
}
.pagination__button {
  width: 2em;
  height: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: var(--header-purple-line-color);
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.3s ease-out 0.1s;
}
.pagination__button.active {
  background-color: #d5edf9;
}
.pagination__button:hover {
  border-color: var(--header-purple-line-color);
}
.pagination__outer {
  display: flex;
  align-items: center;
  gap: 32px;
}


@media (max-width:600px){
  .woocommerce-pagination .pagination > .pagination__button { display:none; }

  /* Always show first 3 */
  .woocommerce-pagination .pagination > .pagination__button:first-of-type,
  .woocommerce-pagination .pagination > .pagination__button:nth-of-type(2),
  .woocommerce-pagination .pagination > .pagination__button:nth-of-type(3),

  /* Show last page number (not Next) */
  .woocommerce-pagination .pagination > .pagination__button:nth-last-of-type(2),

  /* Show current, one before and one after */
  .woocommerce-pagination .pagination > .pagination__button.current,
  .woocommerce-pagination .pagination > .pagination__button.current + .pagination__button,
  .woocommerce-pagination .pagination > .pagination__button:has(+ .current),

  /* Prev/Next */
  .woocommerce-pagination .pagination > .pagination__button.prev,
  .woocommerce-pagination .pagination > .pagination__button.next {
    display:flex;
  }
  .woocommerce-pagination {
        display: flex;
        width: 100%;
    }

    .woocommerce-pagination .pagination {
        display: flex;
        width: 100%;
        justify-content: space-between; /* spread prev/next to edges */
        align-items: center;
    }

    .woocommerce-pagination .pagination__button:not(.prev):not(.next) {
        margin: 0 auto; /* center numeric links group */
    }

    .woocommerce-pagination .prev {
        margin-right: auto;
    }

    .woocommerce-pagination .next {
        margin-left: auto;
    }

}

.text--primary {
  color: var(--header-purple-line-color);
}
.text--link {
  color: var(--header-purple-line-color);
  text-decoration: underline;
  transition: all 0.3s ease-out 0.1s;
}
.text--link:hover {
  opacity: 0.7;
}
.text--brown {
  color: #675642;
}

.main {
  display: flex;
  flex-direction: column;
  overflow: unset;/*hidden;*/
  overflow-x:clip;
  min-height: 100%;
}

.autoContainer {
  max-width: 1576px;
  margin: 0 auto;
  padding: 0 60px;
}

.box {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.box--sm {
  gap: 8px;
}

.montapacking-shipping {
  gap: 12px;
  display: flex;
  flex-direction: column;
}
.box--bg {
  background: #e9efdb;
  padding: 16px;
  color:black;
  gap: 4px;
  border-radius: 6px;
}
.box--bg p{font-size:14px;font-weight: normal;}
.box--bg strong {
  color: #8faa56;
  padding-bottom:0px;
}

.box--bg .text--small{
  padding-top:12px;
}

.badge--light--instock {
  background: #e9efdb;
}

.box--lg {
  font-size: 18px;
}
.box--textLeft {
  text-align: left;
}

.cart {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.cart__info {
  display: flex;
  flex-direction: column;
}
.cart__info-box {
  display: flex;
  align-items: stretch; 
  justify-content: space-between;
  margin-bottom: 16px;
}
@media(min-width:768px){
  .cart__info-box{gap:16px}

  .next.pagination__button{
    margin-left:32px;
        width: auto !important;
  }

}

.prev.pagination__button{display: none;}

.cart__info-box > div {
    flex: 1;                 /* equal width */
    display: flex;           /* center text inside */
    justify-content: center; /* horizontal center */
    align-items: center;     /* vertical center */
}

.cart__info-price {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  font-size: 14px;
  line-height: 1;
  color: #675642;
  margin-bottom: 16px;
}
.cart__info-price del {
  margin-left: 8px;
}
.cart__info-price strong {
  margin-left: auto;
  font-size: 20px;
}
.cart__info-group {
  display: flex;
  flex-direction: column;
}
.cart__info-stars {
  align-items: center;
  display: flex;
  margin-bottom: 8px;
}
.cart__info-stars .icon {
  font-size: 24px;
  color: #eceae7;
  transition: all 0.3s ease-out 0.1s;
}
.cart__info-stars .icon.active {
  color: var(--header-purple-line-color);
}
.cart__info h6,.cart__info h2 {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  min-height: 2em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 8px;
}
.cart__info p {
  margin-bottom: 8px;
  font-size: 16px;
  min-height: 3.8em;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cart--product .cart__info-group .cart__info-stars {
  display: none;
}
.cart__info{height: 100%;}
.cart--product .cart__info-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top:auto;
}
.cart--list {
  width: 100% !important;
  flex-direction: row;
  align-items: center;
}
.cart--list .cart__image {
  width: 200px;
}
.cart--list .cart__info {
  flex: 1;
  flex-direction: row;
  justify-content: space-between;
  gap: 30px;
}
.cart--list .cart__info-group {
  max-width: 350px;
  flex: 1;
}
.cart--list .cart__info-group .cart__info-stars {
  display: flex;
}
.cart--list .cart__info-container {
  max-width: 320px;
  flex: 1;
}
.cart--list .cart__info-container .cart__info-stars {
  display: none;
}
.cart h6,.cart h2 {
  line-height: 1.2;
}
.cart .badge--lg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.row {
  display: flex;
  gap: 32px;
}
.row--wrap {
  flex-wrap: wrap;
}
.row--slider {
  position: relative;
}
.row--slider._hideArrow .button--arrow-left {
  display: none;
}

.group {
  margin-bottom: 40px;
}
.group__desktop {
  display: flex;
  align-items: center;
  gap: 4px;
}
.group__desktop-button {
  display: flex;
  align-items: center;
  grid-area: 4px;
  font-size: 14px;
  color: var(--header-purple-line-color);
}
.group__desktop-button a{
  color: var(--header-purple-line-color);
}
.group__desktop-button .icon {
  color: #332b21;
  font-size: 16px;
}
.group__desktop-button.active {
  color: #b3aaa0;
}
.group__mobile {
  display: none;
}
.group__mobile-button {
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--header-purple-line-color);
  transition: all 0.3s ease-out 0.1s;
}
.group__mobile-button .icon {
  width: 1em;
  height: 1em;
}
.group__mobile-button:hover {
  opacity: 0.7;
}

.footer__row {
  padding: 56px 0;
  position: relative;
  display: flex;
  gap: 32px;
}
.footer__row:before {
  content: "";
  width: 100vw;
  height: 100%;
  background: var(--header-purple-line-color);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.footer__column {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 336px;
}
.footer__column._sm {
  max-width: 214px;
}
.footer__column:last-child {
  margin-left: auto;
}
.footer__column._social {
  display: none;
}
.footer__column-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.footer__column-link {
  font-size: 16px;
  color: #675642;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease-out 0.1s;
  position: relative;
}
.footer__column-link::after {
  content: "";
  width: 0;
  height: 1px;
  background: var(--header-purple-line-color);
  position: absolute;
  left: 0;
  bottom: -2px;
  opacity: 0;
  transition: all 0.3s ease-out 0.1s;
}
.footer__column-link:hover {
  color: var(--header-purple-line-color);
}
.footer__column-link:hover::after {
  width: 100%;
  opacity: 1;
}
.footer__column-container {
  display: flex;
  gap: 16px;
}
.footer__column-social {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.footer__column p {
  font-size: 16px;
  color: #675642;
}
.footer__column p a {
  color: #ffffff;
  text-decoration: underline;
  white-space: nowrap;
  transition: all 0.3s ease-out 0.1s;
}
.footer__column p a:hover {
  opacity: 0.7;
}
.footer__payments {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
.footer__payments-item {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 58px;
  height: 24px;
  transition: all 0.3s ease-out 0.1s;
}
.footer__payments-item:hover {
  transform: scale(1.1);
}
.footer__payments-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer__payments-item._sm {
  height: 20px;
}
.footer__payments-item._lg {
  max-width: unset;
  height: 48px;
  margin-right: auto;
}
.footer__payments-item._lg:hover {
  transform: scale(1.05);
}
.footer__copy {
  padding: 23px 0;
  display: flex;
  justify-content: space-between;
}
.footer__copy-group {
  display: flex;
  gap: 32px;
}
.footer__copy-link {
  font-size: 14px;
  color: #675642;
  transition: all 0.3s ease-out 0.1s;
}
.footer__copy-link:hover {
  color: var(--header-purple-line-color);
  opacity: 0.7;
}
.footer__copy p {
  font-size: 14px;
  color: #675642;
}

.header {
  position: sticky;
  top: -84px;/*0px;*/
  left: 0;
  width: 100%;
  padding: 0;
  z-index: 999991;
  transition: 0.25s cubic-bezier(0.147, 0.664, 0.688, 0.714) 0.05s;
  transition-property: top;
  transition-duration: 0.2s;
  transition-delay: 0s;
}
.header-placeholder {
  width: 100%;
  height: 241px;
  transition: 0.1s ease-out 0.02s;
}
.header-placeholder._sm {
  height: 130px;
}

.promobanner{padding:8px}
.promobanner a{color:white}
.headerQL {
  padding: 10px 0;
  background: var(--header-purple-line-color);
  position: relative;
  z-index: 0;
  align-content:center;
  height:48px;
}
.headerQL__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.headerQL-item {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 0.75em;
  transition: 0.25s ease-out 0.1s;
  color: #fff;
  font-size: 14px;
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
}
.headerQL-item svg {
  width: 1.4em;
  height: 1.4em;
}
.headerQL-item:hover {
  opacity: 0.7;
}
.headerMain {
  position: relative;
  background: #fff;
}
.headerMain-logo {
  font-size: 20px;
  transition: 0.25s cubic-bezier(0.147, 0.664, 0.688, 0.714) 0.05s;
  transition-property: font-size;
  transition-duration: 0.2s;
  transition-delay: 0s;
  min-width: 110px;
}
.headerMain-logo img,
.headerMain-logo svg {
  width: 5em;
  height: 5em;
  object-fit: contain;
}
.headerMain__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5em;
  padding: 8px 0;
}
.headerMain__inner-burger {
  display: none;
}
.headerMain__actions {
  display: flex;
  align-items: center;
  gap: 3px;
}
.headerMain__actions .icoBtn span {
  display: none;
}
.headerMain__search {
  flex: 1;
  max-width: 700px;
}
.headerMain .input__outer {
  flex-grow: 1;
  max-width: 700px;
  position: relative;
}
.headerMain .input__outer .button--icon {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  opacity: 0;
  pointer-events: none;
}
.headerMain .input__outer .button--icon:hover {
  color: var(--header-purple-line-color);
}
.headerMain .input__outer.active {
  z-index: 5;
}
.headerMain .input__outer.active input {
  border-color: var(--header-purple-line-color);
  padding-right: 2.5em;
}
.headerMain .input__outer.active .button--icon {
  opacity: 1;
  pointer-events: all;
}
.headerMain .burger {
  display: none;
}
.headerMenu {
  background: var(--menu-background-orange-color);
}
.headerMenu__inner {
  display: flex;
}
.headerMenu__inner-mobactions {
  display: none;
}
.headerSearch {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(28, 48, 46, 0.35);
  padding: 0 0 20px;
  z-index: 0;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease-out 0.1s;
  display: flex;
  flex-direction: column;
}
.headerSearch .autoContainer {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
}
.headerSearch__inner {
  margin: 0 auto;
  height: 90%;
}
.headerSearch__container {
  padding: 32px 12px 32px 32px;
  background: #fff;
  border-radius: 6px;
  display: flex;
  gap: 20px;
  height: 100%;
  max-width: 1194px;
  margin: 0 auto 0;
}
.webshoplogo{display:none}
@media(min-width:1200px){
  .headerSearch__container {width:1194px}
  .webshoplogo{display:block !important}
}
.headerSearch__column {
  width: 230px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding-right: 16px;
  overflow: auto;
  height: 100%;
}
.headerSearch__column-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.headerSearch__column-category {
  display: flex;
  flex-direction: column;
}
.headerSearch__column-button {
  display: flex;
  font-size: 16px;
  line-height: 1;
  padding: 12px 0;
  color: var(--header-purple-line-color);
  border-bottom: 1px solid #cccccc;
  cursor: pointer;
  transition: all 0.3s ease-out 0.1s;
  font-family: "DM Sans", sans-serif;
}
.headerSearch__column-button:hover {
  color: #58a760;
  opacity: 0.7;
}
.headerSearch__column-button:active {
  opacity: 0.5;
}
.headerSearch__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 40px;
  height: 100%;
  overflow: auto;
  padding-right: 20px;
}
.headerSearch__content-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
  color: #675642;
}
.headerSearch__content-box .buton {
  font-size: inherit;
}
.headerSearch__content-row {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
.headerSearch__box {
  display: none;
  align-items: center;
  gap: 16px;
}
.headerSearch .cart {
  width: calc(33.33% - 22px);
}
.headerSearch.active {
  pointer-events: all;
  opacity: 1;
  z-index:3;
}

/*
.header.sticky {
  position:fixed;
}
.admin-bar .header.sticky {
  top: -40px;
}

.header.sticky .headerMain-logo {
  font-size: 14px;
}
.header.sticky .headerMenu .nav-link {
  padding: 0.8em 1.335em;
  transition-duration: 0.2s;
  transition-delay: 0s;
}
.header.sticky + .header-placeholder {
  height: 140px;
  transition-duration: 0.2s;
  transition-delay: 0s;
}
.header.sticky + .header-placeholder._sm {
  height: 98px;
}
.header--sm.sticky {
  top: 0;
}
*/

.header--sm .headerMain {
  border-bottom: 1px solid #eceae7;
}
.header--sm .headerQL {
  display: none;
}
.nav {
  display: flex;
  flex-grow: 1;
}
.nav-group {
  display: flex;
  align-items: center;
}
.nav-link a{
  color: var(--menu-text-white-color);
}
.nav-link {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  padding: 19px;/*1.335em;*/
  z-index: 0;
  white-space: nowrap;
  flex-shrink: 0;
  color: #332b21;
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
}

.burger {
  cursor: pointer;
  display: block;
  position: relative;
  font-size: 22px;
  width: 1em;
  height: 0.8em;
  color: #332b21;
  background: transparent;
  transition: 0.2s ease;
}
.burger span, .burger::after, .burger::before {
  position: absolute;
  left: 50%;
  width: 100%;
  height: 2px;
  background-color: currentColor;
  border-radius: 2px;
  transition: all 0.3s ease;
}
.burger span {
  top: 50%;
  transform: translate(-50%, -50%);
}
.burger::before {
  content: "";
  top: 0;
  transform: translateX(-50%);
}
.burger::after {
  content: "";
  bottom: 0;
  transform: translateX(-50%);
}
.burger:hover {
  opacity: 0.8;
}
.burger.active {
  color: var(--header-purple-line-color);
}
.burger.active::before {
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.burger.active::after {
  bottom: 50%;
  transform: translate(-50%, 50%) rotate(-45deg);
}
.burger.active span {
  width: 0;
  opacity: 0;
  transition: 0.2s ease;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  z-index: 999992;
  overflow-y: auto;
  padding: 16px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease-out 0.1s;
}
.popup__inner {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.popup__container {
  position: relative;
  margin: auto;
  width: 100%;
  max-width: 704px;
  background: #fff;
  box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  opacity: 0;
  transform: scale(0.9);
  transition: all 0.3s ease-out 0.1s;
}
.popup__container-footer {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 24px;
  border-top: 1px solid #eceae7;
}
.popup__container-footer .buton {
  font-size: 18px;
}
.popup__container-footer .button--border {
  border-color: #675642;
  color: #675642;
  padding: 0.65em 1.6em;
  font-weight: 700;
}
.popup__container-footer .button--border:hover {
  background: rgba(103, 86, 66, 0.1);
}
.popup__container-footer .button--secondary {
  padding: 0.78em 1.45em;
}
.popup__close {
  font-size: 24px;
  position: absolute;
  top: 16px;
  right: 16px;
  color: #b8b8b8;
}
.popup__close:hover {
  color: var(--header-purple-line-color);
}
.popup__product {
  padding: 40px;
  display: flex;
  flex-direction: column;
  font-size: 16px;
}
.popup__product-group {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  gap: 24px;
}
.popup__product-image {
  transition: all 0.3s ease-out 0.1s;
  font-size: 16px;
  flex: 1;
  max-width: 85px;
  min-width: 85px;
}
.popup__product-image img {
  width:75px;
  height: auto;;
  object-fit: contain;
}
.popup__product-info {
  padding: 16px;
  background: #ffc336;
}
.popup__product h5 {
  margin-bottom: 32px;
}
.popup.active {
  opacity: 1;
  pointer-events: all;
}
.popup.active .popup__container {
  opacity: 1;
  transform: scale(1);
}

.example__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
}
.example .box {
  width: 400px;
}

.hero {
  background: #d5edf9;
  margin-bottom: -40px;
}
.hero__inner-row {
  display: flex;
  justify-content: space-between;
  gap: 50px;
}
.hero__content {
  width: 48%;
  max-width: 578px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 48px;
  padding: 120px 0;
}
.hero__content p {
  max-width: 460px;
}
.hero__image {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 50%;
}
.hero__image img {
  width: 50vw;
  min-width: 50vw;
  height: 100%;
  object-fit: cover;
}
.hero .box p {
  font-size: 20px;
}

.latest {
  padding-bottom: 40px;
}
.latest__item {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 24px;
  background: var(--ups-icon-color);
  border-radius: 6px;
  width: 100%;
}
.latest__item-group {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.latest__item-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 96px;
}
.latest__item-image img {
  width: 100%;
  object-fit: contain;
}
.latest .box {
  font-size: 18px;
}
.latest .box p {
  line-height: 1.25;
}

.goods {
  padding: 40px 0;
}
.goods .row {
  position: relative;
  padding-top: 24px;
  border-top: 1px solid #eceae7;
}
.goods .cart {
  width: 100%;
}
.goods .cart__info-stars {
  display: none;
}
.goods .cart h6 {
  margin-bottom: 16px;
}
.goods .cart p {
  display: none;
}
.goods h3 {
  color: #675642;
}

.brands {
  padding: 40px 0;
}
.brands__item {
  width: 100%;
  font-size: 20px;
  overflow:hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6em;
  border: 1px solid #cccccc;
  border-radius: 6px;
}
.brands__item-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6em;
  height: 3.25em;
}
.brands__item-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  min-width:120px;
}
@media(max-width: 767px) {
  .brands__item-image img {
    min-width: 95px;
  }
}
.brands__item-image._lg {
  width: 7em;
}

.about {
  padding: 40px 0;
}
.about__inner-row {
  background: #d5edf9;
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  gap: 50px;
}
.about__content {
  display: flex;
  flex-direction: column;
  padding: 32px;
  gap: 40px;
  max-width: 492px;
}
.about__image {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 722px;
  flex: 1;
}
.about__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.about .box {
  margin-bottom: 40px;
}
.about .box--sm {
  margin-bottom: unset;
}
.about .box p._lg {
  font-size: 20px;
}

.category:not(body) {
  padding: 40px 0;
}
.category__item {
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
}
.category__item-info {
  padding: 16px;
  background: #eceae7;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.category__item-image {
  position: relative;
}
.category__item .ratioImage {
  padding-bottom: 71%;
}
.category__item .badge {
  position: absolute;
  bottom: 12px;
  left: 8px;
}
.category__item h5 {
  color: #675642;
}
.category__item._lg .ratioImage {
  padding-bottom: 52%;
}
.category .badge {
  font-size: 14px;
}

.benefits {
  padding-top: 120px;
  margin-top: auto;
}
.benefits__inner {
  position: relative;
  padding: 28px 0;
}
.benefits__inner:before {
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  background: #d5edf9;;
  z-index: -1;
}
.benefits .row {
  justify-content: space-between;
}
.benefits__item {
  display: flex;
  align-items: center;
  gap: 16px;
  color: #414141;
}

.products {
  padding: 20px 0 40px;
}
.products__row {
  display: flex;
  gap: 56px;
}
.products__row-column {
  width: 312px;
}
.products__container {
  flex: 1;
}
.products__container-group {
  display: flex;
  align-items: center;
  gap: 40px;
  padding-bottom: 16px;
  border-bottom: 1px solid #eceae7;
  margin-bottom: 24px;
}
.products__container-group .input--select {
  width: 100%;
  max-width: 200px;
  z-index: 2;
}
.products__container-group .input--select .input__selected {
  padding: 0.95em 2.8em 0.95em 1em;
}
.products__container-total {
  color: #675642;
}
.products__container-row {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 24px;
  margin-bottom: 120px;
  z-index: 0;
}
.products__container-row._grid .cart {
  width: 100%;
  flex-direction: row;
}
.products__container-row._grid .cart__image {
  width: 200px;
}
.products__container-row._grid .cart__info {
  flex-direction: row;
}
.products__container-box {
  display: flex;
  align-items: center;
  gap: 16px;
}
.products__container-box strong {
  white-space: nowrap;
}
.products__container-box._left {
  margin-left: auto;
}
.products__container-box._lg {
  flex: 1;
}
.products__container-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.products__container-footer .input--select {
  width: auto;
  min-width: 85px;
}
.products__container .cart {
  width: calc(25% - 18px);
}
.products__container .button--border {
  padding: 0.9em 1em;
  color: #332b21;
  border-color: #cccccc;
}
.products__container .button--border:hover {
  border-color: var(--header-purple-line-color);
  color: var(--header-purple-line-color);
}
.products__container h3,.products__container h1,.content-container h1 {
  margin-bottom: 40px;
}
.products__category {
  padding-top: 16px;
  margin-bottom: 64px;
}
.products__category-slider {
  display: none;
}
.products__category-container {
  display: flex;
  flex-direction: column;
}
.headerMenu .products__category-button a,.swiper-slide .products__category-button a {
    color:white;
}

.products__category-button {
  padding: 12px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid #eceae7;
  cursor: pointer;
  font-size: 16px;
  transition: all 0.3s ease-out 0.1s;
}
.products__category-button small {
  color: #b3aaa0;
}
.products__category-button:hover {
  color: var(--header-purple-line-color);
  opacity: 0.7;
}
.products__category h5 {
  margin-bottom: 40px;
}
.products__suggestions {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.products__suggestions-row {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
.products__more {
  display: flex;
  gap: 32px;
  max-width: 1072px;
  position: relative;
}
.products__more-item {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
}
.products__more-box {
  font-size: 24px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px 16px;
  color: #fff;
  transition: all 0.3s ease-out 0.1s;
  cursor: pointer;
}
.products__more-box .icon {
  color: inherit;
  font-size: 18px;
  transition: all 0.3s ease-out 0.1s;
}
.products__more-box h4 {
  font-size: inherit;
  color: inherit;
  transition: all 0.3s ease-out 0.1s;
}
.products__more-box:hover {
  opacity: 0.7;
}
.products__more-image {
  position: relative;
}
.products__more-image:after {
  content: "";
  width: 100%;
  height: 40%;
  background: linear-gradient(0deg, #332b21 0%, rgba(51, 43, 33, 0) 100%);
  opacity: 0.7;
  border-radius: 0px 0px 6px 6px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.products__more .ratioImage {
  padding-bottom: 120%;
}
.products__more .swiper {
  width: 100%;
}
.row .swiper{width:100%}
.products__more .button--arrow {
  display: none;
}
.products .button--filter {
  display: none;
}
.products--suggestions {
  padding: 40px 0;
}
.products--suggestions .cart {
  width: calc(20% - 20px);
}

.filter__inner-box {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  gap: 24px;
}
.filter__inner-box .buton {
  display: none;
}
.filter__inner-box .buton:hover {
  color: var(--header-purple-line-color);
}
.filter__dropdown {
  border-bottom: 1px solid #eceae7;
  transition: all 0.3s ease-out 0.1s;
}
.filter__dropdown._space {
  margin-bottom: 32px;
}
.filter__dropdown-content {
  height: 0;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  transition: all 0.3s ease-out 0.1s;
}
.filter__dropdown-button {
  font-size: 18px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
  cursor: pointer;
  transition: all 0.3s ease-out 0.1s;
}
.filter__dropdown-button:hover {
  color: var(--header-purple-line-color);
}
.filter__dropdown-button .icon {
  font-size: 1.1em;
}
.filter__dropdown-container {
  display: flex;
  flex-direction: column;
  /* align-items: flex-start; */
  gap: 16px;
}
.filter__dropdown-group {
  display: flex;
  align-items: center;
  gap: 16px;
}
.filter__dropdown-box {
  display: flex;
  align-items: center;
  gap: 16px;
}
.filter__dropdown-box .input {
  flex: 1;
  max-width: 72px;
}
.filter__dropdown .input--search {
  margin-bottom: 24px;
}
.filter__dropdown .button--text:not(.buton) {
  margin-right: auto;
  padding: 0 0;
}
.filter__dropdown .button--text:not(.buton)::after {
  display: none;
}
.filter__dropdown.active {
  padding-bottom: 25px;
}
.filter__dropdown.active .filter__dropdown-content {
  pointer-events: all;
  opacity: 1;
  height: unset;
}
.filter__dropdown.active .filter__dropdown-button .icon {
  transform: rotate(180deg);
}
.filter__footer {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 16px;
  width: 100%;
  border-top: 1px solid #eceae7;
  background: #fff;
  padding: 16px;
}
.filter__footer .buton {
  width: 100%;
}

section.checkout,.detail {
  padding: 20px 0 40px;
}
.detail__row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 40px;
}
.detail__row-column {
  width: calc(45% - 20px);
  max-width: 460px;
}
.detail__row .swiper-slide {
  cursor: pointer;
}
.detail__content {
  width: calc(55% - 20px);
  max-width: 704px;
}
.detail__content-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  margin-bottom: 24px;
}
.detail__content-box .button--text {
  font-weight: 400;
  padding-bottom: 2px;
  font-size: 14px;
}
.detail__content-box .button--text:after {
  bottom: 0;
  height: 1px;
}
.detail__content-slider {
  position: relative;
  width:100% !important;
  float:none !important;
  margin-bottom: 16px;
}
.detail__content-slider .button--arrow {
  font-size: 20px;
  width: 2.4em;
  height: 2.4em;
  background: #eceae7;
  border-radius: 6px;
  box-shadow: unset;
  color: #332b21;
}
.detail__content-slider .button--arrow:hover {
  border-color: var(--header-purple-line-color);
  color: var(--header-purple-line-color);
}
.detail__content-image {
  border: 1px solid #b3aaa0;
}
.detail__content-image .ratioImage {
  padding-bottom: 76%;
}
.detail__item {
  position: relative;
}
.detail__item-bio {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  position: absolute;
  bottom: 16px;
  left: 16px;
}
.detail__item-bio img {
  width: 100%;
  object-fit: contain;
}
.detail__item .ratioImage {
  padding-bottom: 75%;
}
/* .detail__item .ratioImage img {
  object-fit: contain;
} */
.detail__item .badge {
  display: none;
}
.detail__info {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
}
.detail__info-price {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
}
.detail__info-text {
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
}
.detail__info-discount {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  color: #b3aaa0;
}
.detail__info-box {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.detail__info-group {
  display: flex;
  align-items: flex-start;
  gap: 32px;
}
.detail__info-row {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
}
.detail__info-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.detail__info-list .list {
  margin-bottom: 4px;
}
.detail__info-list h6 {
  font-weight: 700;
  font-family: "DM Sans", sans-serif;
}
.detail__info-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 124px;
}
.detail__info-logo img {
  width: 100%;
  object-fit: contain;
}
.detail__info .badge {
  font-size: 14px;
}
.detail__info .badge--grey {
  font-size: 16px;
}
.detail__info .button--primary {
  flex: 1;
  font-size: 18px !important;
  padding: 0.8em 1.4em !important;
}
.detail__info .button--primary:not(.cwgstock_button) {
    max-width: 306px !important;
}
.detail__info .box {
  max-width: 336px;
}
.detail__info .input--select {
  width: auto;
  min-width: 78px;
}
.detail__info .input--select .input__selected {
  padding: 0.95em 2em 0.95em 1em;
}
.detail .badge--grey {
  font-weight: 400;
}

.info {
  padding: 40px 0;
}
.info__inner {
  display: flex;
  flex-direction: column;
  gap: 80px;
  max-width: 704px;
}
.info__item {
  display: flex;
  flex-direction: column;
}
.info__item-button {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  font-size: 18px;
  line-height: 1.2;
  font-family: "DM Serif Text", sans-serif;
  color: #332b21;
  transition: all 0.3s ease-out 0.1s;
}
.info__item-button .icon {
  font-size: 0.9em;
  color: inherit;
}
.info__item-content {
  display: none;
  flex-direction: column;
  gap: 40px;
}
.info__item-more {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.info__item-more .button--border {
  background: #fff;
  position: relative;
}
.info__item-more .button--border::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  pointer-events: none;
  border-radius: inherit;
  transition: all 0.3s ease-out 0.1s;
}
.info__item-more .button--border:hover {
  background: rgba(40, 115, 48, 0.05);
}
.info__item-more::before {
  content: "";
  width: 100%;
  height: 1px;
  background: #eceae7;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}
.info__item-list {
  display: flex;
  flex-direction: column;
}
.info__item-row {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 15px;
  line-height: 24px;
  padding: 6px 0 5px 0px;
  border-bottom: 1px solid #eceae7;
}
.info__item-row:nth-child(1) {
  padding-top: 0;
}
.info__item-row span {
  flex: 1;
}
.info__item-row span:nth-child(1) {
  max-width: 220px;
}
.info__item-row._price span:nth-child(1) {
  max-width: unset;
}
.info__item-row._price span:nth-child(2) {
  flex: unset;
}
.info__item-text {
  font-size: 14px;
  line-height:24px;
}

.info__item-box {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 32px;
  background: #d5edf9;
}
.info__item-box p {
  font-size: 16px;
}
.info__item-box p a {
  color: var(--header-purple-line-color);
  text-decoration: underline;
}
.info__item.active .info__item-content {
  display: flex;
  animation-name: fadeIn;
  animation-duration: 0.3s;
}
.info__item.active .info__item-button {
  margin-bottom: 24px;
}
.info__item.active .info__item-button .icon {
  transform: rotate(180deg);
}

.basket {
  padding: 20px 0 40px;
}
.basket__row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 40px;
}
.basket__row-column {
  width: 336px;
}
.basket__content {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.basket__content-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  /* margin-bottom: 40px; */
}
.basket__content-box .button--primary {
  font-size: 18px;
  padding: 0.78em 1.5em;
}
.basket__content-container {
  display: flex;
  flex-direction: column;
  width: 66%;
}
.basket__info {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 12px;
}
.basket__info-group {
  width: 324px;
  display: flex;
  justify-content: space-between;
  gap: 5px;
}
.basket__info-group span {
  width: 104px;
  text-align: right;
}
.basket__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: 8px 0 24px 0;
  
}

.basket__info,.basket__item  {border-bottom: 1px solid #eceae7;}

.basket__info{padding-bottom:16px;margin-bottom:0px !important}

.basket__item-image {
  width: 150px;
  min-width: 150px;
}
.basket__item-container {
  flex-grow:1;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  position: relative;
}
.basket__item-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 1;
}
.basket__item-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 324px;
  gap: 4px;
  padding-bottom: 30px;
}
.basket__item-buttons {
  display: flex;
  position: absolute;
  bottom: 12px;
  right: 6px;
  gap: 14px;
}
.basket__item-buttons .buton {
  font-size: 20px;
  color: #b3aaa0;
}
.basket__item-price {
  font-size: 16px;
  text-align: right;
  width: 104px;
}
.basket__item .input--select {
  min-width: 70px;
  width: auto;
  margin-left: auto;
}
.basket__item .input__outer {
  width: 104px;
  display: flex;
  justify-content: flex-end;
}
.basket__item .box--bg {
  padding: 14px 8px;
  color: var(--header-purple-line-color);
}
.basket__benefits {
  background:#F9F9F9;
  border-radius:6px;
  width: 336px;
  padding: 24px 24px 48px;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.basket__benefits h6 {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
}
.basket__benefits .list {
  margin-bottom: 32px;
}
.basket__benefits .footer__payments {
  margin-bottom: unset;
}
.basket__benefits-outer {
  position: absolute;
  top: 0;
  right: 0;
}
.basket__benefits-outer .button--border {
  display: none;
  font-weight: 700;
  color: #675642;
  border-color: #675642;
}
.basket__benefits-outer .button--border:hover {
  background: rgba(103, 86, 66, 0.1);
}
.basket__order {
  padding: 32px;
  background: #f9f9f9;
  border-radius: 6px;
  width: 66%;
}
.basket__order-container {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.basket__order-group {
  width: 100%;
  max-width: 304px;
  margin-left: auto;
  display: flex;
  flex-direction: column;
}
.basket__order-group .button--border {
  padding: 0.65em 0.6em;
}
.basket__order-box {
  display: flex;
  gap: 4px;
  margin-bottom: 24px;
}
.basket__order-footer {
  display: flex;
  justify-content: space-between;
}
.basket__order-footer .buton {
  font-size: 18px;
}
.basket__order-footer .button--border {
  padding: 0.8em 1.2em;
}
.basket__order-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 16px;
  font-weight: 700;
  color: #675642;
  margin-bottom: 14px;
}
.basket__order-button .icon {
  color: #675642;
}
.basket__order-item {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  line-height: 1.2;
  color: #675642;
}
.basket__order-item .icon {
  color: #675642;
}
.basket__order-item._lg {
  font-size: 22px;
  font-weight: 700;
  color: #332b21;
  margin-top: 8px;
}
.basket__order-text {
  display: flex;
  align-items: center;
  gap: 16px;
}
.basket__order-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.basket__order .input input {
  padding: 0.55em 0.8em;
}
.basket__order .button--border {
  font-weight: 700;
  color: #675642;
  border-color: #675642;
}
.basket__order .button--border:hover {
  background: rgba(103, 86, 66, 0.1);
}
.basket__order .box {
  margin: 0 0 40px auto;
  padding: 14px 8px;
}
.basket .badge--grey {
  font-weight: 400;
}

div.checkout {
  padding: 40px 0;
}
/* checkout codes moved to checkout.css  from here */

.order {
  padding: 20px 0 40px;
}
.order__inner {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.order__content {
  max-width: 740px;
  width: 100%;
  margin: 0 auto;
}
.order__group {
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.order__group-box {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.order__info {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 64px;
}
.order__info-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-left: 36px;
  position: relative;
}
.order__info-number {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  width: 24px;
  height: 24px;
  color: #fff;
  background: var(--header-purple-line-color);
  border-radius: 50%;
  position: absolute;
  top: 1px;
  left: 0;
}
.order .box {
  font-size: 16px;
}

.account {
  padding: 20px 0 40px;
}
.account__row {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  max-width: 1234px;
}
.account__row-column {
  width: calc(50% - 15px);
  max-width: 500px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
}
.account__group {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
.account__group-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
}
.account__group-link {
  font-size: 16px;
  color: #b3aaa0;
  text-decoration: underline;
  transition: all 0.3s ease-out 0.1s;
}
.account__group-link:hover {
  opacity: 0.7;
}
.account__container {
  display: flex;
  align-items: flex-start;
  gap: 56px;
}
.account__container .input--select {
  max-width: 312px;
}
.account__container .input--select .input__selected-outer {
  display: none;
}
.account__container .input--select .input__dropdown {
  position: unset;
  opacity: 1;
  max-height: unset;
  pointer-events: all;
  padding: unset;
  border: unset;
  padding: unset;
}
.account__container .input--select .input__dropdown-item {
  padding: 16px 0;
  border-bottom: 1px solid #eceae7;
  display: flex !important;
  font-weight: 700;
}
.account__container .input--select .input__dropdown-item:nth-child(1) {
  padding-top: unset;
}
.account__info {
  display: none;
  flex-direction: column;
  gap: 32px;
}
.account__info-box {
  display: flex;
  gap: 16px;
  font-size: 16px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}
.account__info-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 16px;
  line-height: 1.2;
  color: #675642;
}
.account__info-group h5 {
  color: #332b21;
}
.account__info-link {
  font-size: 16px;
  color: var(--header-purple-line-color);
  text-decoration: underline;
  transition: all 0.3s ease-out 0.1s;
}
.account__info-link:hover {
  opacity: 0.7;
}
.account__info.active {
  display: flex;
}
.account__tabs {
  width: 312px;
}
.account__tabs-button {
  padding: 16px 0;
  font-size: 16px;
  font-weight: 700;
  border-bottom: 1px solid #eceae7;
  cursor: pointer;
  transition: all 0.3s ease-out 0.1s;
}
.account__tabs-button:hover {
  opacity: 0.7;
}
.account__tabs-button.active,.account__tabs-button.is-active a {
  color: #b3aaa0 !important;
}
.account__tabs-button:nth-child(1) {
  padding-top: 0;
}
.account__tabs-selected {
  display: none;
}
.account .button--secondary {
  font-size: 18px;
  padding: 0.78em 1.4em;
  min-width: 48px;
}
.account .box p {
  font-size: 16px;
}
.account h3 {
  margin-bottom: 40px;
}

.contact {
  padding: 20px 0 40px;
}
.contact__content {
  display: flex;
  flex-direction: column;
  gap: 56px;
  max-width: 704px;
}
.contact__content-box {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.contact__content-box._lg p {
  font-size: 20px;
  line-height: 1.4;
}
.contact__content-box._lg a {
  color: var(--header-purple-line-color);
  text-decoration: underline;
  white-space: nowrap;
  transition: all 0.3s ease-out 0.1s;
}
.contact__content-box._lg a:hover {
  opacity: 0.7;
}
.contact__content .box {
  font-size: 16px;
}
.contact__content p {
  font-size: 16px;
}
.contact__content .text--secondary {
  color: #675642;
}

@media (max-width: 1560px) {
  .nav-link {
    font-size: 16px;
    padding: 1.335em 1em;
  }
}
@media (max-width: 1440px) {
  h1 {
    font-size: 50px;
  }
  h1._lg {
    font-size: 60px;
  }
  h2 {
    font-size: 50px;
  }
  .hero__content {
    padding: 90px 0 100px;
  }
}
@media (max-width: 1360px) {
  .autoContainer {
    padding: 0 40px;
  }
  h1 {
    font-size: 45px;
  }
  h1._lg {
    font-size: 55px;
  }
  h2 {
    font-size: 45px;
  }
  h3 {
    font-size: 35px;
  }
  .row {
    gap: 20px;
  }
  .latest__item {
    width: 100%;
  }
  .latest__item-image {
    width: 80px;
  }
  .benefits {
    padding-top: 100px;
  }
  .products__row .cart {
    width: calc(33.33% - 16px);
  }
  .checkout__basket {
    width: 400px;
    padding: 20px;
  }
  .checkout__basket .list {
    font-size: 16px;
  }
}
@media (max-width: 1280px) {
  h1 {
    font-size: 40px;
  }
  h1._lg {
    font-size: 50px;
  }
  h2 {
    font-size: 40px;
  }
  p {
    font-size: 16px;
    line-height: 1.2em;
  }
  p._lg {
    font-size: 18px;
  }
  .headerQL {
    padding: 8px 0;
  }
  .headerQL-item {
    font-size: 13px;
  }
  .headerQL-item svg {
    width: 1.2em;
    height: 1.2em;
  }


  .headerMain .input__outer {
    max-width: 550px;
  }
  .header-placeholder {
    height: 200px;
  }
  /*
  .header.sticky {
    top: -32px;
  }
  .header.sticky .headerMenu .nav-link {
    padding: 1em 0.6em;
  }
  .header--sm.sticky {
    top: 0;
  }
  */
  .nav {
    justify-content: space-between;
  }
  .nav-link {
    font-size: 14px;
    padding: 1em 0.6em;
  }
  .hero {
    margin-bottom: -20px;
  }
  .hero__content {
    padding: 60px 0 60px;
  }
  .hero .box p {
    font-size: 18px;
  }
  .latest__item {
    gap: 24px;
  }
  .latest .box {
    font-size: 16px;
  }
  .about__inner-row {
    gap: 30px;
  }
  .about .box {
    margin-bottom: 20px;
  }
  .about .box--sm {
    margin-bottom: unset;
  }
  .about .box p._lg {
    font-size: 18px;
  }
  .products__category h5 {
    margin-bottom: 30px;
  }
  .products__row-column {
    width: 280px;
  }
  .filter__inner-box {
    margin-bottom: 30px;
  }
  .basket__row {
    gap: 30px;
  }
  .basket .list {
    font-size: 16px;
    margin-bottom: 25px;
  }
  .basket__item {
    gap: 20px;
  }
  .checkout__tabs-text {
    font-size: 14px;
  }
  .checkout__tabs-icon {
    font-size: 18px;
  }
  .checkout__basket {
    width: 370px;
  }
  .checkout__basket-item {
    padding: 16px 0;
  }
  .checkout__basket-total {
    padding: 16px 0;
  }
  .checkout__basket .list {
    font-size: 14px;
    padding-top: 16px;
  }
  .checkout__form-container {
    gap: 24px;
  }
  .checkout__form-row {
    gap: 24px;
  }
  .checkout__form-checkboxes {
    width: calc(50% - 12px);
  }
  .checkout__form .input__outer {
    width: calc(50% - 12px);
  }
  .checkout__form .input__outer._sm {
    width: calc(33.333% - 12px);
  }
  .order__inner {
    gap: 20px;
  }
}
@media (max-width: 1160px) {
  .autoContainer {
    padding: 0 24px;
  }
  .more h3 {
    margin-bottom: 35px;
  }
  .about__inner-row {
    gap: 0;
  }
  .about__content {
    max-width: 470px;
  }
  .footer__row {
    flex-wrap: wrap;
  }
  .footer__column {
    flex: unset;
    width: 33%;
  }
  .footer__column:last-child {
    margin: unset;
  }
  .products__row {
    gap: 30px;
  }
  .products--suggestions .cart {
    width: calc(25% - 18px);
  }
  .detail__info {
    gap: 30px;
  }
  .detail__info-text {
    font-size: 35px;
  }
  .basket__content-container {
    width: 100%;
  }
  .basket__order {
    width: 100%;
  }
  .basket__order-group {
    max-width: unset;
    margin: unset;
  }
  .basket__order .box {
    margin-left: unset;
  }
  .basket__benefits {
    width: 100%;
  }
  .basket__benefits-outer {
    position: unset;
    width: 100%;
  }
  .basket__item-container {
    flex: 1;
  }
  .checkout__inner {
    gap: 20px;
  }

  form.checkout>.woocommerce-NoticeGroup{width:calc(100% - 370px)}

  .checkout__basket {
    width: 350px;
  }
  .checkout__form .button--primary {
    font-size: 16px;
  }
}

.header-placeholder-gap{height:20px}
.home .header-placeholder-gap{display:none}

@media (max-width: 1025px) {
  .header-placeholder-gap{display:none;}
  .more h3 {
    margin-bottom: 30px;
  }
  .button--arrow {
    font-size: 22px;
  }
  .button--arrow-right {
    right: 10px;
  }
  .button--arrow-right._unset {
    right: -5px;
  }
  .button--arrow-left {
    left: 10px;
  }
  .button--arrow-left._unset {
    left: -5px;
  }
  .group {
    margin-bottom: 16px;
  }
  .group__desktop {
    display: none;
  }
  .group__mobile {
    display: flex;
  }
  .cart--product .cart__info-group .cart__info-stars {
    display: flex;
  }
  .cart--product .cart__info-container .cart__info-stars {
    display: none;
  }
  h1 {
    font-size: 35px;
  }
  h1._lg {
    font-size: 45px;
  }
  h2 {
    font-size: 35px;
  }
  h3 {
    font-size: 32px;
  }
  .headerQL {
    justify-content: space-between;
  }
  .headerQL-item:nth-child(n+4) {
    display: none;
  }
  .headerSearch__content-row {
    gap: 24px;
  }
  .headerSearch .cart {
    width: calc(50% - 12px);
  }
  .footer__row {
    padding: 40px 0;
  }
  .latest .row {
    width: calc(100% + 48px);
    margin-left: -24px;
  }
  .latest .swiper-slide {
    width: 340px;
  }
  .goods {
    padding: 30px 0;
  }
  .brands {
    padding: 30px 0;
  }
  .brands__item {
    font-size: 18px;
  }
  .brands .swiper-slide {
    width: 200px;
  }
  .brands .row {
    width: calc(100% + 48px);
    margin-left: -24px;
  }
  .about {
    padding: 30px 0;
  }
  .about__content {
    padding: 25px;
    max-width: 420px;
  }
  .about .box {
    margin-bottom: 0;
  }
  .about .box--sm {
    margin-bottom: unset;
  }
  .category {
    padding: 30px 0;
  }
  .category .row {
    width: calc(100% + 48px);
    margin-left: -24px;
  }
  .benefits {
    padding-top: 80px;
  }
  .products__row {
    flex-direction: column;
    gap: 24px;
  }
  .products__row-column {
    width: 100%;
  }
  .products__row .cart {
    position: relative;
    padding-bottom: 16px;
    width: calc(33.3% - 11px);
  }
  .products__row .cart::after {
    content: "";
    width: 100vw;
    height: 1px;
    background: #eceae7;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .products__category {
    margin-bottom: unset;
    padding: unset;
  }
  .products__category-slider {
    display: flex;
    width: calc(100% + 48px);
    margin-left: -24px;
  }
  .products__category-container {
    display: none;
  }
  .products__category-button {
    border-bottom: unset;
    padding: 8px 11px;
    border-radius: 4px;
    background: var(--menu-background-orange-color);
  }
  .products__category-button small {
    display: none;
  }
  .products__category-button.active {
    color: #fff;
    background: var(--header-purple-line-color);
  }
  .products__category .swiper-slide {
    width: auto;
  }
  .products__category h5 {
    display: none;
  }
  .products__container-total {
    display: none;
  }
  .products__container-box > strong {
    display: none;
  }
  .products__container-box._left {
    display: none;
  }
  .products__container-group {
    gap: 12px;
    padding-bottom: 0;
    margin-bottom: 16px;
    border: unset;
  }
  .products__container-row {
    padding: 16px 0;
    border-top: 1px solid #eceae7;
    margin-bottom: 32px;
    gap: 16px;
    overflow: hidden;
  }
  .products__container-footer .products__container-box {
    display: none;
  }
  .products__more {
    width: calc(100% + 48px);
    margin-left: -24px;
  }
  .products__more-box {
    font-size: 22px;
  }
  .products__more .button--arrow {
    display: flex;
  }
  .products .button--filter {
    display: flex;
  }
  .products .pagination__outer {
    width: 100%;
    justify-content: space-between;
  }
  .products .pagination__outer .button--secondary {
    font-size: 20px;
    padding: unset;
    width: 2em;
    height: 2em;
  }
  .products .pagination__outer .button--secondary span {
    display: none;
  }
  .products .pagination__outer .button--secondary .icon {
    display: flex;
  }
  /* .products h3 {
    display: none;
  } */
  .filter {
    position: fixed;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 10;
    opacity: 0;
    transform: translateX(100%);
    pointer-events: none;
    transition: all 0.3s ease-out 0.1s;
  }
  .filter__inner {
    padding: 16px 16px 100px 16px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
    height: 100%;
  }
  .filter__inner-box {
    margin-bottom: unset;
    padding: 9px 0 25px;
    position: relative;
  }
  .filter__inner-box .buton {
    display: flex;
  }
  .filter__inner-box:after {
    content: "";
    width: 100vw;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #eceae7;
  }
  .filter__footer {
    display: flex;
  }
  .filter.active {
    transform: translateX(0%);
    opacity: 1;
    pointer-events: all;
    z-index:99999999;
  }
  .detail {
    padding: 20px 0 30px;
  }
  .info {
    padding: 30px 0;
  }
  .info__inner {
    gap: 60px;
  }
  .basket__content-box .buton {
    font-size: 16px;
  }
  .basket__order-footer .buton {
    font-size: 16px;
  }
  div.checkout {
    padding: 30px 0;
  }
  .checkout__inner {
    flex-direction: column;
  }
  .checkout__total {
    display: flex;
  }
  .checkout__content {
    max-width: unset;
    gap: 30px;
  }
  form.checkout>.woocommerce-NoticeGroup{width:100% }

  .checkout__basket {
    display: none;
  }
  .order {
    padding: 20px 0 30px;
  }
  .order__inner {
    gap: 8px;
  }
  .order__info {
    margin-bottom: 40px;
  }
  .account {
    padding-bottom: 30px;
  }
  .contact {
    padding: 20px 0 30px;
  }
}
@media (max-height: 600px) {
  .headerTabs-link{padding:8px 0px !important}
}
@media (max-height: 800px) and (min-height: 600px) {
  .headerTabs-link{padding:10px 0px !important}
}
@media (min-width: 941px) {
  .headerTabs {
    position: absolute;
    width:100%;
    background: #fff;
    z-index: 0;
    overflow: hidden;
    visibility: hidden;
    max-height: 0;
    transition: all 0s linear 0.3s, 0.3s ease-out max-height;
  }
  .headerTabs h6 {
    font-weight: 700;
    font-family: "DM Sans", sans-serif;
    pointer-events: none;
  }
  .headerTabs-fog {
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    visibility: hidden;
    opacity: 0;
    background: rgba(28, 48, 46, 0.35);
    z-index: 1;
    transition: all 0s linear 0.5s, 0.3s ease-out opacity 0.2s;
  }
  .headerTabs-fog.active {
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: visible;
    transition: 0.3s ease-out opacity;
  }
  .headerTabs.active {
    visibility: visible;
    transform: translateY(0%);
    transition-delay: 0s;
    max-height: 85vh;
    z-index: 2;
    transition: 0.3s ease-out max-height 0.1s;
  }
  .headerTabs.active ~ .headerTabs-fog {
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: visible;
    transition: 0.3s ease-out opacity;
  }
  .headerTabs__tab {
    display: none;
    transition: all 0s linear 0.2s;
  }
  .headerTabs__tab-body {
    display: flex;
    gap: 2em;
  }
  .headerTabs__tab-body-list {
    padding: 1.335em 0 2em;
    display: flex;
    flex-direction: column;
    gap: 0.8em;
    font-size: 18px;
    flex-grow:1;
  }
  .headerTabs__tab-body-grid {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.9em;
    flex-shrink: 0;
    font-size: 18px;
    width: 32%;
    z-index: 0;
    padding: 1.335em 1.335em 2em 1em;
  }
  .headerTabs__tab-body-grid:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 50vw;
    height: 100%;
    background: var(--header-purple-line-color);
    z-index: -1;
  }
  .headerTabs__tab-body-grid h6 {
    width: 100%;
  }
  .headerTabs__tab-body-grid ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }
  .headerTabs__tab-body-grid ul li {
    width: calc(50% - 0.5em);
    height: fit-content;
    background: #fff;
    border: 1px solid #cccccc;
    border-radius: 6px;
    transition: 0.25s cubic-bezier(0.147, 0.664, 0.688, 0.714) 0.05s;
  }
  .headerTabs__tab-body-grid ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 6em;
    width: 100%;
  }
  .headerTabs__tab-body-grid ul li a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-height: 3.4em;
    max-width: 8em;
  }
  .headerTabs__tab-body-grid ul li:hover {
    filter: contrast(1.2);
    border-color: #58a760;
  }
  .headerTabs__tab-body-grid ul li:active {
    scale: 0.98;
    border-color: var(--header-purple-line-color);
  }
  .headerTabs__tab.active {
    display: block;
    transition-delay: 0s;
  }
  .headerTabs__links {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .headerTabs-link {
    position: relative;
    padding: 1em 0;
    width: calc(50% - 0.8em);
    color: var(--header-purple-line-color);
    font-family: "DM Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: inherit;
    line-height: 100%;
  }
  .headerTabs-link:before, .headerTabs-link:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #cccccc;
  }
  .headerTabs-link::after {
    background: #58a760;
    width: 0;
    opacity: 0;
    height: 2px;
    transition: 0.25s cubic-bezier(0.147, 0.664, 0.688, 0.714) 0.05s;
  }
  .headerTabs-link:hover {
    color: #332b21;
  }
  .headerTabs-link:hover:after {
    width: 100%;
    opacity: 1;
  }
  .headerTabs .button--link {
    margin: auto auto 0 0;
  }
  .nav-link:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #1c302e;
    opacity: 0;
    scale: 0.96;
    transition: 0.25s cubic-bezier(0.147, 0.664, 0.688, 0.714) 0.05s;
    z-index: -1;
  }
  .nav-link:hover:after {
    scale: 1;
    opacity: 0.1;
  }
  .nav-link:active:after {
    scale: 1;
    opacity: 0.14;
    transition-duration: 0.1s;
  }
  .nav-link.active {
    z-index: 2;
    background-color: var(--menu-background-orange-color);
  }
}
@media (max-width: 940px) {
  :root {
    --header-height: 150px;
  }
  ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }
  .more h3 {
    margin-bottom: 25px;
  }
  .autoContainer {
    padding: 0 20px;
  }
  .cart {
    gap: 25px;
  }
  .group {
    margin-bottom: 16px;
  }
  .group__desktop {
    display: none;
  }
  .group__mobile {
    display: flex;
  }
  .page-content{margin-top:20px}
  .headerMain {
    border-bottom: 1px solid #eceae7;
  }
  .headerMain__inner {
    flex-wrap: wrap;
    gap: 8px 1em;
    padding: 8px 0 16px;
  }
  .headerMain__inner-burger {
    display: block;
    min-width: 100px;
  }
  .headerMain__inner .input__outer {
    order: 1;
    width: 100%;
    max-width: unset;
  }
  .headerMain__actions {
    min-width: 100px;
    justify-content: flex-end;
  }
  .headerMain__actions .icoBtn {
    animation: fadeInUp 0.3s ease-out;
  }
  .headerMain__actions .icoBtn span {
    display: unset;
    font-family: "DM Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #332b21;
  }
  .headerMain__actions .icoBtn.mobMenu {
    /* display: none; */
    width: unset;
    gap: 0.6em;
    padding: 0.4em 0.6em;
    border-radius: 2em;
  }
  /* .headerMain__actions.active .icoBtn {
    display: none;
  } */
  .headerMain__actions.active .icoBtn.mobMenu {
    display: flex;
  }
  .headerMain-logo {
    min-width: unset;
    font-size: 18px;
  }
  .header .burger {
    display: block;
  }
  .headerMenu {
    display: flex;
    position: fixed;
    top: 147px;
    left: 0;
    width: 100%;
    height: calc(100% - 147px);
    z-index: 0;
    transform: translate(100%);
    opacity: 0;
    pointer-events: none;
    transition: all 0s ease 0.25s, opacity 0.2s ease-in-out 0s;
    padding: 3em 0;
  }
  .headerMenu.active {
    pointer-events: all;
    transform: translate(0);
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
    overflow-y: scroll;
  }
  .headerMenu .autoContainer {
    display: flex;
    width: 100%;
  }
  .headerMenu__inner {
    width: 100%;
    flex-direction: column;
  }
  .headerMenu__inner-mobactions {
    display: flex;
    margin-top: auto;
  }
  .headerMenu__inner-mobactions .button--text {
    color: white;
    padding: 0.45em 0;
  }
  .headerMenu__inner-mobactions .button--text:after {
    display: none;
  }
  .headerTabs {
    position: fixed;
    top: var(--header-height);
    left: 100%;
    width: 100%;
    height: calc(100% - var(--header-height));
    background: var(--menu-background-orange-color);
    z-index: 1;
    overflow: hidden;
    overflow-y: scroll;
    visibility: hidden;
    max-width: 0;
    max-height: 0;
    transition: all 0s linear 0.3s, 0.3s ease-out left;
  }
  .headerTabs h6 {
    position: relative;
    display: flex;
    gap: 0.45em;
    font-weight: 700;
    font-family: "DM Sans", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 100%;
    color: white;
    padding-left: 1.2em;
    transition: 0.15s ease-out;
  }
  .headerTabs h6:before, .headerTabs h6:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
  }
  .headerTabs h6:before {
    width: 0.45em;
    height: 0.45em;
    border-top: 2px solid currentColor;
    border-left: 2px solid currentColor;
    transform: translateY(-50%) rotate(-45deg);
  }
  .headerTabs h6:after {
    width: 0.6em;
    height: 2.3px;
    border-radius: 2px;
    background: currentColor;
    transform: translateY(-50%);
  }
  .headerTabs h6:active {
    opacity: 0.8;
  }
  .headerTabs-fog {
    display: none;
  }
  .headerTabs.active {
    visibility: visible;
    max-width: 100vw;
    max-height: 100vh;
    left: 0;
    transition-delay: 0s;
    z-index: 2;
    transition: 0.23s ease-out left 0.1s;
  }
  .headerTabs__tab {
    display: none;
    transition: all 0s linear 0.2s;
  }
  .headerTabs__tab-body {
    display: flex;
    gap: 2em;
  }
  .headerTabs__tab-body-list {
    display: flex;
    flex-direction: column;
    gap: 0.8em;
    font-size: 18px;
    padding: 1.335em 0 2em;
    width: 100%;
  }
  .headerTabs__tab-body-grid {
    display: none;
  }
  .headerTabs__tab.active {
    display: block;
    transition-delay: 0s;
  }
  .headerTabs__links {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .headerTabs-link {
    position: relative;
    padding: 0.75em 0;
    width: 100%;
    font-family: "DM Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: white;
  }
  .headerTabs-link:before, .headerTabs-link:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #cccccc;
  }
  .headerTabs-link::after {
    background: #58a760;
    width: 0;
    opacity: 0;
    height: 2px;
    transition: 0.25s cubic-bezier(0.147, 0.664, 0.688, 0.714) 0.05s;
  }
  .headerTabs-link:active {
    color: #332b21;
  }
  .headerTabs-link:active:after {
    width: 100%;
    opacity: 1;
  }
  .headerSearch {
    background: #fff;
    padding: 0 0 40px;
  }
  .headerSearch .autoContainer {
    padding-right: 6px;
  }
  .headerSearch__box {
    width: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    padding: 25px 16px;
    border-bottom: 1px solid #eceae7;
  }
  .headerSearch__box h4 {
    font-size: 22px;
  }
  .headerSearch__inner {
    padding-right: 10px;
    overflow: auto;
  }
  .headerSearch__container {
    flex-direction: column;
    padding: unset;
    gap: 45px;
  }
  .headerSearch__column {
    width: 100%;
    max-width: unset;
    overflow: unset;
    max-width: unset;
    flex: unset;
    padding-right: unset;
  }
  .headerSearch__content {
    width: 100%;
    order: -1;
    gap: 16px;
    flex: unset;
    height: unset;
    overflow: unset;
    padding-right: unset;
  }
  .headerSearch__content-box {
    padding: 16px 0;
    border-bottom: 1px solid #eceae7;
    font-size: 16px;
  }
  .headerSearch .cart {
    width: calc(33.3% - 16px);
  }
  .header-placeholder {
    height: 211px;
  }
  .header-placeholder._sm {
    height: 159px;
  }
  .header--sm .headerQL {
    display: block;
  }
  .header--sm .burger {
    opacity: 0;
  }

  /*
  .header--sm.sticky {
    top: -31px;
  }
  .header--sm.sticky .headerMain__inner {
    padding: 8px 0;
  }
  .header.sticky .headerMain__inner {
    padding: 8px 0;
  }
  .header.sticky .headerMenu {
    top: 92px;
    height: calc(100% - 92px);
  }
  */
  .nav {
    flex-direction: column;
    justify-content: flex-start;
    font-size: 18px;
  }
  .nav-link {
    color: #332b21;
    font-weight: 700;
    font-size: inherit;
    line-height: 100%;
    padding: 0.8em 0 !important;
    width: 100%;
    border-bottom: 1px solid #cccccc;
  }
  .nav-link:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 0.4em;
    width: 0.4em;
    height: 0.4em;
    border-top: 2px solid white;
    border-right: 2px solid white;
    transform: translateY(-50%) rotate(45deg);
  }
  .navs__inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 35%;
    min-width: 280px;
    height: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0px 4px 24px -1px rgba(51, 43, 33, 0.2);
    padding: 50px 25px;
    transform: translate(-100%);
    opacity: 0;
    transition: 0.15s ease-in-out 0s;
  }
  .navs__inner-group {
    flex-direction: column;
    align-items: flex-start;
    padding: 25px 0;
    gap: 8px;
    color: #332b21;
    border-top: 1px solid #fff;
    width: 100%;
  }
  .navs__inner-group:first-child {
    border: 0;
  }
  .navs__inner-link {
    color: #332b21;
  }
  .navs__inner-link:after {
    left: 0;
    top: 50%;
    width: 2px;
    height: 80%;
    transform: translateY(-50%);
  }
  .navs__inner-link:hover:after {
    width: 2px;
    height: 100%;
  }
  .hero {
    margin: 0 0 -10px;
  }
  .hero__content {
    padding: 40px 0;
    gap: 32px;
  }
  .latest__item-image {
    width: 75px;
  }
  .brands__item {
    font-size: 16px;
  }
  .brands .swiper-slide {
    width: 180px;
  }
  .about__inner-row {
    flex-direction: column;
    max-width: 768px;
    margin: 0 auto;
  }
  .about__content {
    max-width: unset;
  }
  .about__image {
    max-width: unset;
    order: -1;
  }
  .about .box {
    gap: 8px;
  }
  .footer__row {
    gap: 40px;
  }
  .footer__column {
    width: calc(50% - 20px);
    max-width: unset;
    gap: 16px;
  }
  .footer__column._sm {
    max-width: unset;
  }
  .detail__info {
    gap: 20px;
  }
  .detail__info-text {
    font-size: 30px;
  }
  .detail__info-price {
    gap: 16px;
  }
  .detail__info .list {
    font-size: 16px;
  }
  .detail__row {
    gap: 20px;
  }
  .detail__row-column {
    width: calc(48% - 10px);
  }
  .detail__content {
    width: calc(52% - 10px);
  }
  .detail .box--lg {
    font-size: 16px;
  }
  .detail .button--primary {
    font-size: 16px;
    padding: 0.95em 1.4em;
  }
  .products--suggestions .cart {
    width: calc(33.3% - 16px);
  }
  .basket__item-image {
    width: 22%;
  }
  .account h3 {
    margin-bottom: 30px;
  }
  .account__tabs {
    width: 280px;
  }
}
@media (max-width: 768px) {
  .button--arrow {
    font-size: 20px;
  }
  .button--arrow-right {
    right: 16px;
  }
  .button--arrow-right._unset {
    right: 0;
  }
  .button--arrow-left {
    left: 16px;
  }
  .button--arrow-left._unset {
    left: 0;
  }
  .autoContainer {
    padding: 0 16px;
  }
  .cart {
    gap: 20px;
  }
  .hero {
    margin-bottom: unset;
  }
  .hero__inner-row {
    flex-direction: column;
    gap: 0;
  }
  .hero__content {
    width: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
  }
  .hero__content p {
    margin: 0 auto;
    width: 85%;
  }
  .hero__image {
    order: -1;
    width: 100%;
    align-items: center;
    justify-content: center;
  }
  .hero__image img {
    width: 100vw;
    min-width: 100vw;
  }
  .latest {
    padding: 20px 0;
  }
  .latest .row {
    width: calc(100% + 32px);
    margin-left: -16px;
  }
  .latest__item {
    padding: 16px;
  }
  .latest__item-group {
    position: relative;
  }
  .latest__item-image {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .latest__item .box {
    width: 70%;
  }
  .brands__item {
    font-size: 14px;
  }
  .brands__item-image {
    width: 6.7em;
    height: 3.4em;
  }
  .brands .swiper-slide {
    width: 160px;
  }
  .brands .row {
    width: calc(100% + 32px);
    margin-left: -16px;
  }
  .category .row {
    width: calc(100% + 32px);
    margin-left: -16px;
  }
  .category .swiper-slide {
    width: 300px;
  }
  .benefits__inner {
    padding: 16px 0;
  }
  .footer__copy {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 40px;
  }
  .footer__copy-group {
    flex-direction: column;
    order: -1;
    gap: 16px;
  }
  .products {
    padding: 20px 0 0;
  }
  .products__category-slider {
    display: flex;
    width: calc(100% + 32px);
    margin-left: -16px;
  }
  .products__row .cart {
    width: calc(50% - 12px);
  }
  .products__suggestions {
    gap: 20px;
  }
  .products__suggestions-row {
    gap: 20px 16px;
  }
  .products__more {
    width: calc(100% + 32px);
    margin-left: -16px;
  }
  .products__more-box {
    font-size: 20px;
  }
  .products--suggestions {
    padding: 20px 0;
  }
  .products--suggestions .cart {
    width: calc(50% - 8px);
  }
  .detail__row {
    flex-direction: column;
    gap: 8px;
  }
  .detail__row-column {
    width: 100%;
    max-width: unset;
  }
  .detail__content {
    width: 100%;
  }
  .detail__content-slider {
    margin-bottom: unset;
  }
  .detail__content-box {
    margin-bottom: 8px;
  }
  .detail__content-row {
    display: none;
  }
  .detail__item-bio {
    width: 40px;
  }
  .detail__item .badge--lg {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
  }
  .detail__item .ratioImage {
    padding-bottom: 70%;
  }
  .detail__info {
    gap: 16px;
  }
  .detail__info-price {
    order: -1;
    gap: 8px;
  }
  .detail__info-box {
    flex-direction: row;
    align-items: flex-end;
  }
  .detail__info-text {
    order: 1;
    font-size: 26px;
  }
  .detail__info-discount {
    font-size: 14px;
  }
  .detail__info-row {
    gap: 8px;
  }
  .detail__info-list {
    gap: 12px;
  }
  .detail__info-list h6 {
    margin-bottom: unset;
  }
  .detail__info .badge--green {
    display: none;
  }
  .detail__info .badge--grey {
    font-size: 12px;
  }
  .detail .box--lg {
    width: 100%;
    max-width: unset;
    font-size: 14px;
    padding: 12px;
  }
  .detail .list {
    gap: 8px;
    margin-bottom: 14px;
  }
  .detail .button--arrow {
    font-size: 18px;
  }
  .info__item-box {
    padding: 25px;
  }
  .info__item-button {
    font-size: 24px;
  }
  .basket__content {
    gap: 16px;
  }
  .basket__content-box {
    margin-bottom: 20px;
  }
  .basket__content-box .buton {
    display: none;
  }
  .basket__info {
    display: none;
  }
  .basket__item {
    gap: 20px;
    justify-content: flex-start;
  }
  .basket__item-info {
    width: 100%;
    gap: 8px;
  }
  .basket__item-container {
    flex-direction: column;
    width: 100%;
    flex: 1;
    gap: 16px;
  }
  .basket__item-group {
    padding-bottom: unset;
    justify-content: flex-start;
    gap: 16px;
    max-width: unset;
    width: auto;
    flex-wrap: wrap;
  }
  .basket__item-price {
    width: auto;
    margin-left: 10px;
  }
  .basket__item-price:nth-child(1) {
    display: none;
  }
  .basket__item-image {
    width: 33%;
  }
  .basket__item-buttons {
    position: unset;
  }
  .basket__item .input__outer {
    width: unset;
  }
  .basket__item .box {
    width: 100%;
  }
  .basket__order {
    padding: 16px;
    margin-bottom: 24px;
  }
  .basket__order-button {
    margin-bottom: 16px;
  }
  .basket__order-box {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #b3aaa0;
  }
  .basket__order-info {
    gap: 10px;
  }
  .basket__order-item._lg {
    font-size: 20px;
    margin-top: 14px;
  }
  .basket__order .button--border:not(.apply_coupon) {
    display: none;
  }
  .basket__order .button--primary {
    width: 100%;
    padding: 0.95em 1.4em;
  }
  .basket__order .box {
    margin-bottom: 32px;
  }
  .basket__benefits {
    padding: 16px 16px 32px;
  }
  .basket__benefits .list {
    margin-bottom: 16px;
  }
  .basket__benefits-outer {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .basket__benefits-outer .button--border {
    display: flex;
    padding: 0.95em 1em;
    width: 100%;
  }
  .basket .woocommerce-notices-wrapper .wc-forward{display:none}

  .checkout__content {
    gap: 24px;
  }
  .checkout__total-group {
    font-size: 12px;
  }
  .checkout__box {
    padding: 16px;
    gap: 16px;
    font-size: 14px;
  }
  .checkout__form-checkboxes {
    width: 70%;
  }
  .checkout__send {
    gap: 24px;
  }
  .checkout__send-group {
    padding: 16px;
  }
  .checkout__send-group p {
    font-size: 14px;
  }
  .checkout__send-group .checkout__send-link {
    margin-bottom: unset;
  }
  .checkout__send-wrapper {
    margin-bottom: 16px;
  }
  .checkout__send-wrapper._sm {
    gap: 16px;
  }
  .checkout__send-item {
    padding: 16px;
  }
  .checkout__send-item._payment {
    padding: 16px;
  }
  .checkout__send-item._payment .checkout__send-link {
    margin-bottom: unset;
  }
  .checkout__send-item._payment .input--select {
    margin-bottom: 16px;
    max-width: unset;
    width: 100%;
  }
  .checkout__send-link {
    font-size: 14px;
    margin-bottom: 40px;
    display: block;
  }
  .checkout__send-info {
    font-size: 14px;
  }
  .checkout__send .buton {
    font-size: 16px;
  }
  .checkout__send .button--primary {
    position: unset;
    width: 100%;
    justify-content: space-between;
  }
  .checkout__send .button--border {
    width: 100%;
  }
  .checkout__send .box {
    font-size: 14px;
  }
  .checkout__send .input {
    font-size: 14px;
  }
  .checkout__info .checkout__send-link {
    margin-bottom: unset;
  }
  .checkout__info-item {
    font-size: 14px;
    padding: 16px 0;
  }
  .order__group {
    gap: 16px;
  }
  .order__group-box {
    gap: 16px;
  }
  .order__info {
    gap: 16px;
  }
  .order__info-number {
    font-size: 12px;
  }
  .order__info h4 {
    margin-bottom: 8px;
  }
  .account__row {
    flex-direction: column;
    max-width: unset;
    gap: 80px;
  }
  .account__row-column {
    gap: 16px;
    width: 100%;
    max-width: unset;
  }
  .account__group {
    padding: 8px 0 0 0;
    gap: 16px;
  }
  .account__group-link {
    font-size: 14px;
  }
  .account__tabs {
    width: 240px;
  }
  .account .button--secondary {
    font-size: 16px;
  }
  .account .input {
    font-size: 14px;
  }
  .account .box p {
    font-size: 14px;
  }
  .account h3 {
    margin-bottom: 16px;
  }
  .account h5 {
    font-size: 22px;
  }
  .account--logged h3 {
    margin-bottom: 30px;
  }
  .contact__content {
    gap: 40px;
  }
  .contact__content-box {
    gap: 16px;
  }
  .contact__content-box._lg p {
    font-size: 18px;
  }
  .contact h3 {
    font-size: 28px;
  }
  .contact h3._sm {
    font-size: 26px;
  }
  .contact h5 {
    font-size: 22px;
  }
  .contact p {
    font-size: 14px;
  }
  .contact .box._sm {
    gap: 8px;
  }
  .contact .box._sm h5 {
    margin-bottom: 8px;
  }
  .headerSearch .cart {
    width: calc(50% - 12px);
  }
}

.wp-singular form.cart{max-width:calc(100% - 50px);}

@media (max-width: 580px) {

  .header {
    top: -66px;
  }
  .headerQL{
    max-height:32px;
  }

  .wp-singular .alg-wc-wl-toggle-btn{padding:8px 2px !important}

  .button--arrow {
    font-size: 18px;
    top: 55%;
  }
  .more__button {
    position: relative;
    margin-right: auto;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
    font-size: 16px;
    padding-bottom: 8px;
  }
  .cart {
    gap: 10px;
  }
  .cart__info {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .cart__info-group {
    width: 100%;
  }
  .cart__info-stars {
    display: flex;
    margin-bottom: 16px;
  }
  .cart__info-box {
    width: 100%;
    justify-content: space-between;
    gap: 5px;
    margin-bottom: 16px;
  }
  .cart__info-price {
    width: 104px;
    flex-wrap: wrap;
    font-size: 12px;
    margin: unset;
  }
  .cart__info-price strong {
    width: 100%;
    font-size: 18px;
    margin: 8px 0 0;
  }
  .cart__info-price del {
    margin-left: 4px;
  }
  .cart h6 {
    margin-bottom: 4px;
  }
  .cart p {
    font-size: 14px;
    margin-bottom: 8px;
  }
  .cart .button--primary {
    padding: unset;
    font-size: 20px;
    width: 2em;
    height: 2em;
    margin-left: auto;
  }
  .cart .button--primary span {
    display: none;
  }
  .cart .button--primary .icon {
    display: flex;
  }
  .cart .badge--lg {
    font-size: 14px;
  }
  .cart--product .cart__info-container {
    flex-wrap: wrap;
    flex-direction: row;
  }
  h1 {
    font-size: 30px;
  }
  h1._lg {
    font-size: 40px;
  }
  h3 {
    font-size: 28px;
  }
  h5 {
    font-size: 20px;
  }
  h5._lg {
    font-size: 22px;
  }
  h5._sm {
    font-size: 18px;
  }
  h6,.cart--product h2 {
    font-size: 16px;
  }
  h2 {
    font-size: 30px;
  }
  .hero .box {
    gap: 8px;
  }
  .hero .box p {
    font-size: 16px;
  }
  .goods .row {
    margin-bottom: 30px;
    padding-top: unset;
    border-top: unset;
  }
  .goods .cart__info-stars {
    display: flex;
  }
  .goods .cart__info-price {
    margin: unset;
  }
  .goods .cart h6 {
    margin-bottom: 4px;
  }
  .goods .cart p {
    display: block;
  }
  .brands {
    padding: 20px 0;
  }
  .brands .row {
    margin-bottom: 24px;
  }
  .about {
    padding: 20px 0;
  }
  .about__content {
    padding: 16px;
  }
  .about .box p._lg {
    font-size: 16px;
  }
  .category {
    padding: 20px 0;
  }
  .category .row {
    margin-bottom: 24px;
  }
  .category .swiper-slide {
    width: 270px;
  }
  .benefits {
    padding-top: 60px;
  }
  .benefits__item {
    align-items: center;
    justify-content: center;
  }
  .footer__row {
    flex-direction: column;
  }
  .footer__column {
    width: 100%;
    max-width: 362px;
  }
  .footer__column-social {
    display: none;
  }
  .footer__column._social {
    display: flex;
  }
  .footer h5 {
    font-size: 22px;
  }
 
  .products__more-box {
    padding: 16px;
    font-size: 16px;
  }
  .products--suggestions h4 {
    font-size: 24px;
  }
  .products--suggestions h4._sm {
    font-size: 16px;
  }
  .products h3 {
    font-size: 28px;
  }
  .popup__product {
    padding: 48px 16px 40px;
  }
  .popup__product-group {
    margin-bottom: 16px;
    gap: 12px;
  }
  .popup__product-info {
    font-size: 14px;
    padding: 8px;
  }
  .popup__close {
    top: 8px;
    right: 8px;
  }
  .popup__container-footer {
    flex-direction: column;
    gap: 8px;
    padding: 16px;
  }
  .popup__container-footer .buton {
    font-size: 16px;
  }
  .popup__container-footer .button--border {
    padding: 0.95em 1.6em;
    order: 1;
  }
  .popup__container-footer .button--secondary {
    padding: 0.9em 1.45em;
  }
  .popup h5 {
    margin-bottom: 24px;
    font-size: 20px;
  }
  .detail {
    padding: 16px 0 20px;
  }
  .detail h3 {
    font-size: 28px;
  }
  .info {
    padding: 20px 0;
  }
  .info__inner {
    gap: 40px;
  }
  .info__item-button {
    font-size: 22px;
    margin-bottom: 16px;
  }
  .info__item-content {
    gap: 16px;
  }
  .info__item-row {
    font-size: 16px;
    padding: 8px 0;
  }
  .info__item-row span:nth-child(1) {
    max-width: unset;
  }
  .info__item-text {
    font-size: 14px;
    margin: 8px 0;
  }
  .info__item-box {
    padding: 16px;
    gap: 8px;
  }
  .info__item-box h4 {
    font-size: 22px;
  }
  .info__item-box p {
    font-size: 14px;
  }
  .info .list__item {
    font-size: 16px;
  }
  .basket {
    padding-bottom: 20px;
  }
  .basket__item {
    align-items: flex-start;
    gap: 10px;
  }
  .basket h3,.basket .h1h3 {
    font-size: 28px;
  }
  div.checkout {
    padding: 20px 0;
  }
  .checkout__tabs {
    padding-bottom: 12px;
  }
  .checkout__tabs-button {
    flex-direction: column;
    gap: 8px;
  }
  .checkout__tabs-button::after {
    height: 2px;
    bottom: -13px;
  }
  .checkout__tabs-button.active:after {
    width: 100%;
  }
  .checkout__tabs-icon {
    font-size: 16px;
  }
  .checkout__tabs-text {
    font-size: 12px;
  }
  .checkout__content {
    gap: 16px;
  }
  .checkout__box {
    margin-bottom: 8px;
  }
  .checkout__form .input {
    font-size: 14px;
  }
  .checkout__form-group {
    flex-direction: column;
    gap: 40px;
  }
  .checkout__form-box {
    width: 100%;
    max-width: unset;
  }
  .checkout__form-checkboxes {
    width: 100%;
  }
  .checkout__form-row {
    flex-wrap: wrap;
  }
  .checkout__form .input__outer {
    width: 100%;
  }
  .checkout__form .input__outer p {
    font-size: 12px;
  }
  .checkout__form .input__outer._sm {
    width: 100%;
  }
  .checkout__form .checkbox__outer label {
    font-size: 14px;
  }
  .checkout__form .button--primary {
    padding: 0.95em 1.4em;
    width: 100%;
  }
  .checkout__form .list {
    font-size: 12px;
    flex-wrap: nowrap;
  }
  .checkout__form .list__box:nth-child(2) {
    margin: 0 auto;
  }
  .checkout__send-group {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .order {
    padding-bottom: 20px;
  }
  .order__info-number {
    top: 0;
  }
  .order h3 {
    font-size: 28px;
  }
  .order h4 {
    font-size: 24px;
  }
  .order h5 {
    font-size: 20px;
  }
  .order .box h4 {
    font-size: 20px;
  }
  .account {
    padding-bottom: 20px;
  }
  .account__group-box {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .account__group-box .button--secondary {
    order: -1;
    width: 100%;
    justify-content: space-between;
  }
  .account h3 {
    font-size: 28px;
  }
  .account__container {
    flex-direction: column;
    gap: 40px;
  }
  .account__tabs {
    width: 100%;
    position: relative;
  }
  .account__tabs-selected {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    font-size: 14px;
    border: 1px solid #cccccc;
    border-radius: 6px;
  }
  .account__tabs-selected .icon {
    font-size: inherit;
    width: 1.3em;
    height: 1.3em;
    transition: all 0.3s ease-out 0.1s;
  }
  .account__tabs-container {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    background: #fff;
    width: 100%;
    border: 1px solid #cccccc;
    border-radius: 6px;
    padding: 6px 15px;
    pointer-events: none;
    opacity: 0;
    max-height: 0;
    transition: all 0.3s ease-out 0.1s;
    scrollbar-width: none; /* Firefox 64 */
    -ms-overflow-style: none; /* Internet Explorer 11 */
  }
  .account__tabs-container::-webkit-scrollbar {
    /** WebKit */
    display: none;
  }
  .account__tabs-button {
    font-size: 14px;
    font-weight: 400;
    padding: 8px 0;
  }
  .account__tabs-button:nth-child(1) {
    padding: 8px 0;
  }
  .account__tabs-button:last-child {
    border-bottom: unset;
  }
  .account__tabs.active .account__tabs-container {
    pointer-events: all;
    opacity: 1;
    max-height: 500px;
  }
  .account__tabs.active .account__tabs-selected .icon {
    transform: rotate(180deg);
  }
  .account__info {
    gap: 32px;
  }
  .account__info-group {
    font-size: 14px;
    margin-bottom: 8px;
  }
  .account__info-group h5 {
    font-size: 18px !important;
  }
  .account--logged h3 {
    margin-bottom: 16px;
  }
  .account--logged h4,
  .account--logged h5 {
    font-size: 22px;
  }
  .contact {
    padding: 20px 0 20px;
  }
  .headerMain-logo {
    font-size: 16px;
  }
  .headerQL-item {
    justify-content: center;
  }
  .headerMenu {
    top: 175px;
    height: calc(100% - 175px);
  }
  .headerSearch h6 {
    font-size: 18px;
  }
  .header-placeholder {
    height: 200px;
  }
  .header-placeholder._sm {
    height: 149px;
  }
}
@media (max-width: 460px) {
  ::-webkit-scrollbar {
    width: 2px;
    height: 2px;
  }
  h1 {
    font-size: 28px;
  }
  h1._lg {
    font-size: 35px;
  }
  h2 {
    font-size: 22px;
  }
  h3 {
    font-size: 20px;
  }
  h5._lg {
    font-size: 18px;
  }
  h5._sm {
    font-size: 16px;
  }
  p._lg {
    font-size: 16px;
  }
  .button--primary._lg {
    font-size: 16px;
    padding: 0.9em 1em;
  }
  .button--arrow {
    font-size: 16px;
  }
  .hero__content {
    padding: 32px 0;
    align-items: flex-start;
    text-align: left;
    width: 100%;
    max-width: 360px;
    margin: unset;
  }
  .hero__content p {
    width: 100%;
  }
  .goods {
    padding: 20px 0;
  }
  .products {
    padding-top: 16px;
  }
  .products__more .swiper-slide {
    width: 200px;
  }
  .products__container-row {
    padding-bottom: 0;
  }
  .headerMain-logo {
    font-size: 12px;
  }
  .header-placeholder {
    height: 180px;
  }
  .header-placeholder._sm {
    height: 129px;
  }
  .headerMenu {
    top: 160px;
    height: calc(100% - 160px);
  }
  /*
  .header.sticky .headerMain-logo {
    font-size: 12px;
  }
  .header.sticky .headerMenu {
    top: 82px;
    height: calc(100% - 82px);
  }
  .sticky_is_on{display:block !important}

  */

  .basket {
    padding-top: 16px;
  }
}
@media (max-width: 380px) {
  .headerSearch .cart {
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
  }
  .products__container-box._lg {
    width: 100%;
  }
  .products__container-group {
    flex-direction: column;
    width: 100%;
  }
  .products__container-group .input--select {
    width: 100%;
    max-width: unset;
  }
  .products__container-group .buton {
    width: 100%;
    justify-content: space-between;
  }
  .products__row .cart {
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
  }
  .products__row .cart p {
    min-height: unset;
  }
  .products__row .cart h6 {
    min-height: unset;
  }
  .products--suggestions .cart {
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
  }
  .products--suggestions .cart p {
    min-height: unset;
  }
  .products--suggestions .cart h6 {
    min-height: unset;
  }
}

.woocommerce-notices-wrapper{display: block;}

table.info__item-list {
  width: 100%;
  border-collapse: collapse;
  font-size: 18px;
  line-height: 1.2;
}
table.info__item-list td {
  padding: 16px 0;
  border-bottom: 1px solid #eceae7;
  vertical-align: middle;
}
table.info__item-list  tr:first-child td {
  padding-top: 0;
}
table.info__item-list  tr td:first-child span {
  display: block;
  max-width: 220px;
}
table.info__item-list  td:last-child span {
  display: block;
}

.info__item-text{padding-bottom:15px}

#payment{background:none !important}




.widget_shopping_cart_content {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.cart-visible .widget_shopping_cart_content {
  display: block;
  opacity: 1;
}


.popover {
  position: relative;
  cursor: pointer;
}

.popover::after {
  white-space: pre; /* <--- IMPORTANT */
  content: attr(data-content);
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: #333;
  color: #fff;
  padding: 6px 10px;
  border-radius: 4px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
  font-size: 12px;
  margin-bottom: 8px;
  text-align: center;
}

.popover:hover::after {
  opacity: 1;
}


.woocommerce-dashboard .woocommerce,.woocommerce-account .woocommerce_flexbox{
  display:flex;gap:4px;margin:10px auto;
}
.woocommerce-dashboard .woocommerce h2,.woocommerce-account .woocommerce h2{
  font-size:26px;margin-bottom:12px}

.woocommerce-dashboard .woocommerce ul li,.woocommerce-account .woocommerce ul li{
  line-height:26px;}

.woocommerce-page img{max-height: 100%;}

.box--bg--error,.box--bg--outofstock,    .box--bg--outofstock strong,.badge--light--outofstock{background:rgb(247, 197, 197);color:red !important}
.box--bg--notice,.badge--light--onbackorder,.box--bg--onbackorder,.box--bg--onbackorder strong{color:#6596ac !important;background:#dbe9ef}

.badge--light--onbackorder{text-align: center;}

.cart--product .added_to_cart,.single .added_to_cart{display:none !important}

.woocommerce-orders-table__cell a{padding-right:12px}


/*
@media(min-width:1025px){
.admin-bar .header-placeholder{height: 260px !important;}
.admin-bar .header{top:32px !important}
}
@media(max-width:1025px){
.admin-bar .header:not(.sticky){top:46px !important}
}
*/

.rotated {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}
.info__item-container_main {
  max-height: 200px;
  overflow: hidden;
  position: relative;
  transition: max-height 0.4s ease;
}

/* Gradient overlay at bottom */
.hasmoretext::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to bottom, transparent, #fff);
  pointer-events: none;
  transition: opacity 0.4s ease;
}
.hasnomoretext{margin-bottom:40px}

/* Expanded state */
.info__item-container_main.expanded {
  max-height: 9999px;
}

.info__item-container_main.expanded::after {
  opacity: 0;
}

.sticky .headerQL{display: none;}

@media(min-width:940px){
  .backToMenu{display: none;}
}

.woocommerce-account .woocommerce-MyAccount-content{
  flex-grow:1;
}
.woocommerce-account .woocommerce-MyAccount-navigation{max-width:250px}



#reviews{margin-top:50px}
#reviews span,#reviews p,#reviews div{padding:8px 0px}

@media(min-width:1025px){
.mobileonly{display: none !important;}
.billingheading{margin-top:40px}
}

@media(max-width:1025px){
  .desktoponly{display: none !important;}
}

.woocommerce-form-coupon-toggle>.woocommerce-info,.woocommerce-form-coupon-toggle>.woocommerce-error,
.cart .woocommerce-error,.cart .woocommerce-error {margin-bottom:0px}

.woocommerce-error>li{padding-left:2em;}

.woocommerce-form-login__submit{margin-top:20px;float:initial !important}

.taxonomy-description p{font-size:16px !important;line-height:24px;}

#customer_login p{font-size:16px !important;padding-bottom:12px;line-height:20px;}
.content-container{padding:20px 0px;}


/*prodsingle*/
.custom-select-wrapper {
  position: relative;
  display: inline-block;
  width: 70px;
}

.custom-select {
  width: 100%;
  padding: 8px 30px 8px 10px; /* right padding for caret */
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 6px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: white;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.4%205.7%22%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M4.7%2C5.7C4.4%2C5.7%2C4.2%2C5.6%2C4%2C5.4L0.3%2C1.7c-0.4-0.4-0.4-1%2C0-1.4s1-0.4%2C1.4%2C0l3%2C3l3-3c0.4-0.4%2C1-0.4%2C1.4%2C0%20s0.4%2C1%2C0%2C1.4L5.4%2C5.4C5.2%2C5.6%2C4.9%2C5.7%2C4.7%2C5.7z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 10px;
  cursor: pointer;
}
 .footer__row a,.footer__row h5,.footer__row p,.footer__row span {color:white}

 .info__item-content ul,.info__item-content li{list-style: disc;line-height: 24px;}
 .info__item-content ul{margin:20px;}
/* 
.woocommerce-checkout .headerQL, */
.woocommerce-checkout .headerMenu{display:none}



.sale-badge {
  position: absolute;
  top: 10px;
  box-shadow: 0 0 0 .3rem white;
  z-index: 1;
  right: 10px;
  background: #f26531;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex
;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1.1;
  text-align: center;
  font-size:11px;
}
.sale-badge span:first-child {
  font-size: 25px;   /* bigger percentage */
}
.single .detail__info-group .sale-badge{position:relative !important;top:-20px}

@media (max-width: 600px) {
  .woocommerce-pagination .hide-page { display: none; }
}


/*wishlist toast*/
.iziToast-message.slideIn{
  font-size: 15px !important;
  color:white !important;
  font-weight:bold !important;
}
.alg-wc-wl-izitoast { background: var(--add-to-cart-button-bg-color) !important;}
.iziToast:after{box-shadow:none !important;}
.iziToast.iziToast-theme-dark .iziToast-close{font-size: 14px !important;}