@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap");
@font-face {
  font-family: "Vetrino";
  src: url("./Vetrino.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
}
:root {
  --font__general: "Montserrat", sans-serif;
  --font__titles: "Vetrino", sans-serif;
  --color__main-text: #34343B;
  --color__black: #000000;
  --color__dark-gray: #242328;
  --color__white: #ffffff;
  --color__accent: #E10886;
  --color__accent-hover: #ca0778;
  --color__sub-title-black: #54545C;
  --transition__general: all .3s ease-in-out;
  --vh: 90vh;
  --size_3: 0.68vw;
  --size_5: 1.13vw;
  --size_6: 1.36vw;
  --size_8: 1.81vw;
  --size_10: 2.35vw;
  --size_12: 2.72vw;
  --size_13: 2.98vw;
  --size_14: 3.17vw;
  --size_15: 3.4vw;
  --size_16: 3.66vw;
  --size_17: 3.85vw;
  --size_18: 4.08vw;
  --size_20: 4.53vw;
  --size_22: 4.99vw;
  --size_24: 5.44vw;
  --size_25: 5.67vw;
  --size_26: 5.89vw;
  --size_28: 6.35vw;
  --size_30: 6.8vw;
  --size_32: 7.23vw;
  --size_36: 8.16vw;
  --size_38: 8.61vw;
  --size_40: 9.07vw;
  --size_42: 9.52vw;
  --size_48: 10.88vw;
  --size_60: 13.6vw;
  --size_64: 14.51vw;
  --size_96: 21.76vw;
  --size_144: 32.64vw;
}

@media screen and (min-width: 640px) {
  :root {
    --size_3: .47vw;
    --size_5: .8vw;
    --size_6: .94vw;
    --size_8: 1.25vw;
    --size_10: 1.56vw;
    --size_12: 1.88vw;
    --size_13: 2vw;
    --size_14: 2.2vw;
    --size_15: 2.34vw;
    --size_16: 2.5vw;
    --size_17: 2.66vw;
    --size_18: 2.81vw;
    --size_20: 3.12vw;
    --size_22: 3.44vw;
    --size_24: 3.75vw;
    --size_25: 3.9vw;
    --size_26: 4.06vw;
    --size_28: 4.4vw;
    --size_30: 4.7vw;
    --size_32: 5vw;
    --size_36: 5.6vw;
    --size_38: 5.94vw;
    --size_40: 6.25vw;
    --size_42: 6.56vw;
    --size_48: 7.5vw;
    --size_60: 9.4vw;
    --size_64: 10vw;
    --size_96: 15vw;
    --size_144: 22.5vw;
  }
}
@media screen and (min-width: 960px) {
  :root {
    --size_3: .31vw;
    --size_5: .52vw;
    --size_6: .62vw;
    --size_8: 0.83vw;
    --size_10: 1vw;
    --size_12: 1.25vw;
    --size_13: 1.35vw;
    --size_14: 1.33vw;
    --size_15: 1.56vw;
    --size_16: 1.67vw;
    --size_17: 1.77vw;
    --size_18: 1.88vw;
    --size_20: 2.08vw;
    --size_22: 2.3vw;
    --size_24: 2.5vw;
    --size_25: 2.6vw;
    --size_26: 2.71vw;
    --size_28: 2.92vw;
    --size_30: 3.12vw;
    --size_32: 3.33vw;
    --size_36: 3.75vw;
    --size_38: 3.96vw;
    --size_40: 4.17vw;
    --size_42: 4.4vw;
    --size_48: 5vw;
    --size_60: 6.25vw;
    --size_64: 6.67vw;
    --size_96: 10vw;
    --size_144: 15vw;
  }
}
@media screen and (min-width: 1200px) {
  :root {
    --size_3: .25vw;
    --size_5: .42vw;
    --size_6: .5vw;
    --size_8: 0.67vw;
    --size_10: .7vw;
    --size_12: 1vw;
    --size_13: 1.08vw;
    --size_15: 1.25vw;
    --size_14: 1.17vw;
    --size_16: 1.33vw;
    --size_17: 1.42vw;
    --size_18: 1.5vw;
    --size_20: 1.67vw;
    --size_22: 1.83vw;
    --size_24: 2vw;
    --size_25: 2.08vw;
    --size_26: 2.17vw;
    --size_28: 2.33vw;
    --size_30: 2.5vw;
    --size_32: 2.67vw;
    --size_36: 3vw;
    --size_38: 3.2vw;
    --size_40: 3.33vw;
    --size_42: 3.5vw;
    --size_48: 4vw;
    --size_60: 5vw;
    --size_64: 5.33vw;
    --size_96: 8vw;
    --size_144: 12vw;
  }
}
@media screen and (min-width: 1440px) {
  :root {
    --size_3: .21vw;
    --size_5: .35vw;
    --size_6: .42vw;
    --size_8: 0.56vw;
    --size_10: .7vw;
    --size_12: 0.83vw;
    --size_13: 0.9vw;
    --size_14: .97vw;
    --size_15: 1.04vw;
    --size_16: 1.11vw;
    --size_17: 1.42vw;
    --size_18: 1.25vw;
    --size_20: 1.4vw;
    --size_22: 1.53vw;
    --size_24: 1.67vw;
    --size_25: 1.74vw;
    --size_26: 1.81vw;
    --size_28: 1.94vw;
    --size_30: 2.08vw;
    --size_32: 2.22vw;
    --size_36: 2.5vw;
    --size_38: 2.64vw;
    --size_40: 2.8vw;
    --size_42: 2.92vw;
    --size_48: 3.33vw;
    --size_60: 4.17vw;
    --size_64: 4.44vw;
    --size_96: 6.67vw;
    --size_144: 10vw;
  }
}
@media screen and (min-width: 1660px) {
  :root {
    --size_3: .3rem;
    --size_5: .5rem;
    --size_6: .6rem;
    --size_8: .8rem;
    --size_10: 1rem;
    --size_12: 1.2rem;
    --size_13: 1.3rem;
    --size_14: 1.4rem;
    --size_15: 1.5rem;
    --size_16: 1.6rem;
    --size_17: 1.7rem;
    --size_18: 1.8rem;
    --size_20: 2rem;
    --size_22: 2.2rem;
    --size_24: 2.4rem;
    --size_25: 2.5rem;
    --size_26: 2.6rem;
    --size_28: 2.8rem;
    --size_30: 3rem;
    --size_32: 3.2rem;
    --size_36: 3.6rem;
    --size_38: 3.8rem;
    --size_40: 4rem;
    --size_42: 4.2rem;
    --size_48: 4.8rem;
    --size_60: 6rem;
    --size_64: 6.4rem;
    --size_96: 9.6rem;
    --size_144: 14.4rem;
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  font-family: var(--font__general);
}

body {
  color: var(--color__main-text);
  font-weight: 400;
  font-family: var(--font__general);
  background-color: var(--color__white);
}
body.no-scroll, body.overflow-hidden {
  position: fixed;
  width: 100%;
  overflow: hidden;
  touch-action: none;
}

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

a {
  transition: var(--transition__general);
  text-decoration: none;
  font-family: var(--font__general);
  color: inherit;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  font-weight: inherit;
}

img {
  display: block;
  max-width: 100%;
}

.container {
  margin-inline: auto;
  width: 89.33vw;
}

@media screen and (min-width: 1440px) {
  .container {
    width: 86.11vw;
  }
}
.bg--black {
  background-color: var(--color__dark-gray);
}
.bg--white {
  background-color: var(--color__white);
}
.bg--accent {
  background-color: var(--color__accent);
}
.bg--gray {
  background-color: var(--color__sub-title-black);
}
.bg--purple {
  background-color: #763293;
}

.text-main {
  font-family: var(--font__general);
}

.text-title {
  font-family: var(--font__titles);
}

.text--size_6 {
  font-size: var(--size_6);
}
.text--size_12 {
  font-size: var(--size_12);
}
.text--size_13 {
  font-size: var(--size_13);
}
.text--size_14, .contact-form__field input, .contact-form__field textarea {
  font-size: var(--size_14);
}
.text--size_16 {
  font-size: var(--size_16);
}
.text--size_18 {
  font-size: var(--size_18);
}
.text--size_20 {
  font-size: var(--size_20);
}
.text--size_24 {
  font-size: var(--size_24);
}
.text--size_30 {
  font-size: var(--size_30);
}
.text--size_36 {
  font-size: var(--size_36);
}

.text--w_500 {
  font-weight: 500;
}
.text--w_600 {
  font-weight: 600;
}
.text--w_700 {
  font-weight: 700;
}

.text--color_white {
  color: var(--color__white);
}
.text--color_black {
  color: var(--color__black);
}

.text--center {
  text-align: center;
}

.text--upp {
  text-transform: uppercase;
}

@media screen and (min-width: 960px) {
  .text--size-L_10 {
    font-size: var(--size_10);
  }
  .text--size-L_12 {
    font-size: var(--size_12);
  }
  .text--size-L_14 {
    font-size: var(--size_14);
  }
  .text--size-L_16 {
    font-size: var(--size_16);
  }
  .text--size-L_18 {
    font-size: var(--size_18);
  }
  .text--size-L_20 {
    font-size: var(--size_20);
  }
  .text--size-L_24 {
    font-size: var(--size_24);
  }
  .text--size-L_30 {
    font-size: var(--size_30);
  }
  .text--size-L_32 {
    font-size: var(--size_32);
  }
  .text--size-L_36 {
    font-size: var(--size_36);
  }
  .text--size-L_38 {
    font-size: var(--size_38);
  }
  .text--size-L_42 {
    font-size: var(--size_42);
  }
  .text--size-L_48 {
    font-size: var(--size_48);
  }
}
@media screen and (min-width: 1440px) {
  .text--size-XL_12 {
    font-size: var(--size_12);
  }
  .text--size-XL_14 {
    font-size: var(--size_14);
  }
  .text--size-XL_16 {
    font-size: var(--size_16);
  }
  .text--size-XL_18 {
    font-size: var(--size_18);
  }
  .text--size-XL_64 {
    font-size: var(--size_64);
  }
}
@media screen and (min-width: 1660px) {
  .text--size-XXL_16 {
    font-size: var(--size_16);
  }
}
.btn {
  outline: none;
  border: none;
  text-decoration: none;
  display: block;
  background-color: transparent;
  cursor: pointer;
  transition: var(--transition__general);
}
.btn svg {
  transition: var(--transition__general);
}

.btn--icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn--full_accent, .main-product__buttons .shopify-payment-button__button {
  background-color: var(--color__accent);
  color: var(--color__white);
}
.btn--full_accent:hover, .main-product__buttons .shopify-payment-button__button:hover, .btn--full_accent:focus, .main-product__buttons .shopify-payment-button__button:focus {
  background-color: var(--color__accent-hover);
}

.btn--border_accent {
  background-color: var(--color__white);
  border: 0.1rem solid var(--color__accent);
  color: var(--color__accent);
}
.btn--border_accent svg {
  fill: var(--color__accent);
}
.btn--border_accent:hover, .btn--border_accent:focus {
  background-color: var(--color__accent);
  color: var(--color__white);
}
.btn--border_accent:hover svg, .btn--border_accent:focus svg {
  fill: var(--color__white);
}

.slider__pagination.swiper-pagination .swiper-pagination-bullet {
  height: var(--size_3);
  width: var(--size_16);
  opacity: 0.6;
  background-color: var(--color__white);
  border-radius: 0;
  margin-inline: 0.2rem;
  transition: var(--transition__general);
}
.slider__pagination.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.slider__scrollbar.swiper-scrollbar {
  position: static;
  height: 1.07vw;
  background: #CED2E1;
  border-radius: 0;
}
.slider__scrollbar.swiper-scrollbar .swiper-scrollbar-drag {
  background-color: var(--color__accent);
  border-radius: 0;
  cursor: pointer;
}
.slider__btn::after {
  display: none;
}
.slider__btn.swiper-button-lock {
  display: none;
}
.slider__btns {
  display: none;
}

@media screen and (min-width: 640px) {
  .slider__scrollbar.swiper-scrollbar {
    height: 0.62vw;
  }
}
@media screen and (min-width: 960px) {
  .slider__scrollbar.swiper-scrollbar {
    height: 0.42vw;
  }
  .slider__btn {
    display: flex;
    width: 4.4vw;
    height: 4.4vw;
    background-color: rgba(255, 255, 255, 0.4);
    transition: var(--transition__general);
  }
  .slider__btn svg {
    width: var(--size_8);
    height: var(--size_14);
  }
  .slider__btn:hover, .slider__btn:focus {
    background-color: var(--color__white);
  }
  .slider__btns {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.4rem;
    margin-inline-start: var(--size_16);
  }
  .slider__btns .slider__btn {
    position: static;
    border: 0.1rem solid #CED2E1;
    margin: 0;
  }
  .slider__btns .slider__btn:hover, .slider__btns .slider__btn:focus {
    border-color: var(--color__accent);
  }
  .slider__navigation {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
}
@media screen and (min-width: 1440px) {
  .slider__scrollbar.swiper-scrollbar {
    height: 0.33vw;
  }
  .slider__btn {
    width: 2.9vw;
    height: 2.9vw;
  }
}
@media screen and (min-width: 1660px) {
  .slider__scrollbar.swiper-scrollbar {
    height: 0.4rem;
  }
  .slider__btn {
    width: 4.2rem;
    height: 4.2rem;
  }
}
.grid {
  display: grid;
}

.grid--col_1 {
  grid-template-columns: 1fr;
}
.grid--col_2 {
  grid-template-columns: 1fr 1fr;
}

.grid--gap_20 {
  gap: var(--size_20);
}
.grid--gap_30 {
  gap: var(--size_30);
}

@media screen and (min-width: 640px) {
  .grid--col-M_2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 960px) {
  .grid--col-L_2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid--col-L_3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1440px) {
  .grid--col-XL_5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
.accordion {
  position: relative;
}
.accordion__heading {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: var(--size_8);
  cursor: pointer;
}
.accordion__heading svg {
  transition: var(--transition__general);
}
.accordion__content {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition__general);
}
.accordion.active .accordion__content {
  max-height: 100rem;
  opacity: 1;
  visibility: visible;
  padding-block-start: var(--size_10);
}
.accordion.active .accordion__heading svg {
  transform: rotate(180deg);
}

@keyframes rotation {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.loader {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 3;
  display: none;
}
.loader::after {
  content: "";
  display: block;
  position: absolute;
  width: var(--size_48);
  height: var(--size_48);
  border: 0.5rem solid var(--color__accent);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  animation: rotation 1s linear infinite;
  border-bottom-color: transparent;
}

.hamburger {
  width: 7.73vw;
  height: 5.07vw;
}
.hamburger__wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.hamburger__line {
  position: absolute;
  width: 100%;
  height: 0.2rem;
  background-color: var(--color__accent);
  transition: var(--transition__general);
  left: 0;
  right: 0;
}
.hamburger__line:nth-child(1) {
  top: 0;
}
.hamburger__line:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
  width: 85%;
}
.hamburger__line:last-child {
  bottom: 0;
}

@media screen and (min-width: 640px) {
  .hamburger {
    width: 4.53vw;
    height: 2.97vw;
  }
}
@media screen and (min-width: 960px) {
  .hamburger {
    width: 3vw;
    height: 2vw;
  }
}
@media screen and (min-width: 960px) {
  .catalogue-btn {
    gap: var(--size_17);
    padding: var(--size_12) var(--size_17);
    width: max-content;
  }
  .catalogue-btn svg {
    width: 2vw;
    height: 2vw;
    transition: var(--transition__general);
  }
  .catalogue-btn:hover svg, .catalogue-btn:focus svg {
    transform: rotate(180deg);
  }
}
@media screen and (min-width: 1200px) {
  .catalogue-btn svg {
    width: 1.58vw;
    height: 1.58vw;
  }
}
@media screen and (min-width: 1440px) {
  .catalogue-btn svg {
    width: 1.32vw;
    height: 1.32vw;
  }
}
@media screen and (min-width: 1660px) {
  .catalogue-btn svg {
    width: 1.9rem;
    height: 1.9rem;
  }
}
.menu-drawer {
  background-color: var(--color__white);
}
.menu-drawer__inner-container {
  padding-block: var(--size_25) var(--size_26);
}
.menu-drawer__navigation-container {
  padding-inline: var(--size_25);
  overflow-x: hidden;
}
.menu-drawer__heading {
  padding-block-end: var(--size_18);
}
.menu-drawer__menu-title {
  margin-block-end: 2.93vw;
}
.menu-drawer__catalogue-btn {
  gap: var(--size_8);
  justify-content: flex-start;
}
.menu-drawer__catalogue-btn svg {
  width: var(--size_24);
  height: var(--size_12);
  fill: var(--color__accent);
}
.menu-drawer__close-btn {
  width: var(--size_20);
  height: var(--size_20);
  margin-inline-start: auto;
}
.menu-drawer__close-btn svg {
  width: 100%;
  height: 100%;
  fill: var(--color__accent);
  transition: var(--transition__general);
}
.menu-drawer__close-btn:hover svg, .menu-drawer__close-btn:focus svg {
  transform: rotate(45deg);
}
.menu-drawer__menu-item.has-submenu {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-block: var(--size_12);
  padding-inline: 0;
}
.menu-drawer__menu-item.has-submenu svg {
  height: 1.87vw;
  width: 2.93vw;
  fill: var(--color__main-text);
  transition: var(--transition__general);
}
.menu-drawer__menu details {
  border-block-end: 0.1rem solid rgba(0, 0, 0, 0.1019607843);
}
.menu-drawer__menu details[open] > summary svg {
  transform: rotate(180deg);
}
.menu-drawer__inner-submenu details {
  border-block-end: none;
}
.menu-drawer__inner-submenu details summary span {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--size_16);
}
.menu-drawer__submenu .menu-drawer__menu-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--size_16);
  padding-block: var(--size_8);
}
.menu-drawer__submenu .menu-drawer__menu-item img {
  transition: var(--transition__general);
  width: var(--size_24);
  height: auto;
}
.menu-drawer__submenu .menu-drawer__menu-item.active, .menu-drawer__submenu .menu-drawer__menu-item:hover, .menu-drawer__submenu .menu-drawer__menu-item:focus {
  color: var(--color__accent);
}
.menu-drawer__submenu .menu-drawer__menu-item.active img, .menu-drawer__submenu .menu-drawer__menu-item:hover img, .menu-drawer__submenu .menu-drawer__menu-item:focus img {
  filter: brightness(0) saturate(100%) invert(18%) sepia(93%) saturate(7455%) hue-rotate(317deg) brightness(92%) contrast(96%);
}
.menu-drawer__menu-nav {
  padding-block: var(--size_12);
  display: flex;
  flex-direction: column;
  gap: var(--size_18);
}
.menu-drawer__utility-links ul {
  display: flex;
  flex-direction: row;
  gap: var(--size_26);
}
.menu-drawer__utility-links {
  padding-block-start: var(--size_22);
  border-block-start: 0.1rem solid rgba(0, 0, 0, 0.1019607843);
}
.menu-drawer__social {
  width: var(--size_26);
  height: var(--size_26);
}
.menu-drawer__social svg {
  width: 100%;
  height: 100%;
  fill: var(--color__accent);
  transition: var(--transition__general);
}
.menu-drawer__social:hover, .menu-drawer__social:focus {
  opacity: 0.7;
}

@media screen and (min-width: 640px) {
  .menu-drawer__menu-title {
    margin-block-end: 1.72vw;
  }
  .menu-drawer__menu-item.has-submenu svg {
    height: 1.09vw;
    width: 1.72vw;
  }
}
@media screen and (min-width: 960px) {
  .menu-drawer__menu-title {
    margin-block-end: 1.15vw;
  }
  .menu-drawer__menu-item.has-submenu svg {
    height: 0.73vw;
    width: 1.15vw;
  }
}
.cart-btn {
  position: relative;
}
.cart-btn .cart-count-bubble {
  border-radius: 50%;
  color: var(--color__white);
  width: var(--size_17);
  height: var(--size_17);
  top: -45%;
  right: -70%;
  left: auto;
}

@media screen and (min-width: 960px) {
  .cart-btn .cart-count-bubble {
    width: var(--size_20);
    height: var(--size_20);
  }
}
@media screen and (min-width: 960px) {
  .mega-menu {
    padding: var(--size_17) var(--size_18);
    overflow-y: auto;
    max-height: 65vh;
  }
  .mega-menu::-webkit-scrollbar {
    width: 0.4rem;
  }
  .mega-menu::-webkit-scrollbar-thumb {
    background-color: var(--color__accent);
    border-radius: 0;
  }
  .mega-menu > ul {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
  .mega-menu > ul > li:not(:last-child) {
    border-inline-end: 0.1rem solid #DCDCED;
  }
  .mega-menu__menu-parent, .mega-menu__link {
    padding-inline: var(--size_10);
  }
  .mega-menu__menu-parent {
    margin-block-end: var(--size_10);
  }
  .mega-menu__menu-parent a:hover, .mega-menu__menu-parent a:focus {
    color: var(--color__accent);
  }
  .mega-menu__link {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--size_10);
    height: var(--size_40);
  }
  .mega-menu__link img {
    width: var(--size_20);
    transition: var(--transition__general);
  }
  .mega-menu__link.active, .mega-menu__link:hover, .mega-menu__link:focus {
    color: var(--color__accent);
    background-color: #F7E7F0;
  }
  .mega-menu__link.active img, .mega-menu__link:hover img, .mega-menu__link:focus img {
    filter: brightness(0) saturate(100%) invert(18%) sepia(93%) saturate(7455%) hue-rotate(317deg) brightness(92%) contrast(96%);
  }
  .mega-menu__mega-btn {
    position: absolute;
    bottom: var(--size_18);
    right: var(--size_17);
    width: max-content;
    gap: var(--size_10);
    color: var(--color__accent);
    text-decoration: underline;
  }
  .mega-menu__mega-btn svg {
    fill: var(--color__accent);
    width: var(--size_24);
    height: var(--size_13);
  }
}
.predictive-search {
  max-height: 90dvh;
}
.predictive-search::-webkit-scrollbar {
  width: 0.4rem;
}
.predictive-search::-webkit-scrollbar-thumb {
  background-color: var(--color__accent);
  border-radius: 0;
}
.predictive-search__heading {
  margin-inline: var(--size_20);
  border-block-start: 0.1rem solid #DCDCED;
  padding-block: var(--size_20) var(--size_18);
}
.predictive-search__results-list {
  margin-inline: var(--size_20);
}
.predictive-search__list-item:not(:last-child) {
  border-block-end: 0.1rem solid #DCDCED;
}
.predictive-search__item {
  padding: var(--size_10) 0;
  gap: var(--size_20);
  grid-template-columns: 20vw auto;
  align-items: center;
}
.predictive-search__item:hover .predictive-search__item-heading, .predictive-search__item:focus .predictive-search__item-heading {
  color: var(--color__accent);
}
.predictive-search__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.predictive-search__item-heading {
  color: var(--color__sub-title-black);
  line-height: normal;
  transition: var(--transition__general);
}
.predictive-search__price {
  margin-block-start: var(--size_6);
}
.predictive-search__price.price--on-sale .price__sale {
  display: flex;
  flex-direction: column;
}
.predictive-search__item--term, .predictive-search__no-results {
  text-align: center;
  padding: var(--size_20);
  justify-content: center;
  color: var(--color__main-text);
}
.predictive-search__results-groups-wrapper {
  position: relative;
  overflow-y: auto;
  max-height: calc(var(--vh, 90vh) * 0.75);
}
.predictive-search__results-groups-wrapper::-webkit-scrollbar {
  width: 0.4rem;
}
.predictive-search__results-groups-wrapper::-webkit-scrollbar-thumb {
  background-color: var(--color__accent);
  border-radius: 0;
}
.predictive-search__loader {
  padding-block: var(--size_20);
}

predictive-search[loading=true] .predictive-search__loader {
  display: block;
}

@media screen and (min-width: 640px) {
  .predictive-search__item {
    grid-template-columns: 11.7vw auto;
  }
}
@media screen and (min-width: 960px) {
  .predictive-search__heading {
    padding-block: var(--size_30) var(--size_10);
  }
  .predictive-search__heading, .predictive-search__results-list {
    margin-inline: 8.85vw;
  }
  .predictive-search__item {
    grid-template-columns: 7.8vw auto;
    padding-block: var(--size_15);
  }
  .predictive-search__list-item:last-child {
    border-block-end: 0.1rem solid #DCDCED;
  }
  .predictive-search__item--term {
    padding: var(--size_18) var(--size_20) var(--size_36);
    transition: var(--transition__general);
  }
  .predictive-search__item--term:hover, .predictive-search__item--term:focus {
    color: var(--color__accent);
  }
  .predictive-search__results-groups-wrapper {
    max-height: 80dvh;
  }
}
@media screen and (min-width: 1440px) {
  .predictive-search__heading, .predictive-search__results-list {
    margin-inline: 5.9vw;
  }
  .predictive-search__item {
    grid-template-columns: 5.2vw auto;
  }
}
@media screen and (min-width: 1660px) {
  .predictive-search__heading, .predictive-search__results-list {
    margin-inline: 8.5rem;
  }
  .predictive-search__item {
    grid-template-columns: 7.5rem auto;
  }
}
.search-modal {
  bottom: auto;
  position: fixed;
  width: 100%;
  height: max-content;
}
.search-modal__close-button {
  width: var(--size_22);
  height: var(--size_22);
}
.search-modal__close-button svg {
  width: 100%;
  height: 100%;
  fill: var(--color__accent);
  transition: var(--transition__general);
}
.search-modal__close-button:hover, .search-modal__close-button:focus {
  transform: rotate(180deg);
}
.search-modal__submit-btn {
  width: var(--size_16);
  height: var(--size_16);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.search-modal__submit-btn svg {
  fill: var(--color__dark-gray);
  transition: var(--transition__general);
}
.search-modal__submit-btn:hover svg, .search-modal__submit-btn:focus svg {
  fill: var(--color__accent);
}
.search-modal__content {
  padding: var(--size_22) var(--size_20) var(--size_18);
}
.search-modal__input {
  padding: var(--size_10) var(--size_10) var(--size_10) var(--size_32);
  color: var(--color__main-text);
  font-family: var(--font__general);
  font-size: var(--size_14);
  background-color: var(--color__white);
}
.search-modal__reset-btn {
  display: none;
}

@media screen and (min-width: 960px) {
  .search-modal {
    width: 86.1%;
    margin-inline: auto;
  }
  .search-modal__content {
    padding-inline: 8.85vw;
  }
  .search-modal__close-button {
    width: var(--size_16);
    height: var(--size_16);
  }
  .search-modal__submit-btn {
    width: var(--size_20);
    height: var(--size_20);
  }
  .search-modal__input {
    font-size: var(--size_16);
    padding-inline-start: var(--size_40);
  }
}
@media screen and (min-width: 1440px) {
  .search-modal__content {
    padding-inline: 5.9vw;
  }
}
@media screen and (min-width: 1660px) {
  .search-modal__content {
    padding-inline: 8.5rem;
  }
}
.collection-banner {
  padding-block: 30%;
  position: relative;
  padding-inline: var(--size_16);
  overflow: hidden;
}
.collection-banner__media {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
}
.collection-banner__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--transition__general);
}
.collection-banner__media::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background: linear-gradient(180deg, rgba(52, 52, 59, 0) 0%, rgba(52, 52, 59, 0.7) 100%);
}
.collection-banner__hidden-title {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  z-index: 1;
}
.collection-banner__hidden-title h3 {
  opacity: 0;
  visibility: hidden;
}
.collection-banner__content {
  position: relative;
  z-index: 1;
}
.collection-banner__title {
  gap: 0.8vw;
}
.collection-banner__title svg {
  fill: var(--color__white);
  width: 5.6vw;
  height: var(--size_10);
  transition: var(--transition__general);
}
.collection-banner:hover .collection-banner__media img, .collection-banner:focus .collection-banner__media img {
  transform: scale(1.05);
}
.collection-banner:hover .collection-banner__title svg, .collection-banner:focus .collection-banner__title svg {
  transform: translateX(30%);
}

.collection-banner--type_page {
  padding-inline: var(--size_14);
  padding-block: 48% var(--size_14);
}
.collection-banner--type_page .collection-banner__title {
  justify-content: flex-start;
}

@media screen and (min-width: 960px) {
  .collection-banner__title {
    gap: 0.3vw;
  }
  .collection-banner__title svg {
    width: 2.2vw;
  }
  .collection-banner--type_page {
    padding-inline: var(--size_18);
    padding-block: 41.5% var(--size_18);
  }
  .collection-banner--type_page .collection-banner__title {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 1440px) {
  .collection-banner__title {
    gap: var(--size_8);
  }
  .collection-banner__title svg {
    width: 1.74vw;
    height: 0.9vw;
  }
}
@media screen and (min-width: 1660px) {
  .collection-banner__title svg {
    width: 2.5rem;
    height: 1.3rem;
  }
}
.product-badge {
  position: absolute;
  z-index: 1;
  padding-block: 0.4vw;
  padding-inline: 1.6vw;
}

.product-badge--pos_top-left {
  top: var(--size_10);
  left: var(--size_10);
}
.product-badge--pos_top-right {
  top: var(--size_10);
  right: var(--size_10);
}

@media screen and (min-width: 640px) {
  .product-badge {
    padding: 0.3vw 0.94vw;
  }
}
@media screen and (min-width: 960px) {
  .product-badge {
    padding: 0.2vw 0.62vw;
  }
}
@media screen and (min-width: 1440px) {
  .product-badge {
    padding: 0.2vw 0.8vw;
  }
}
@media screen and (min-width: 1660px) {
  .product-badge {
    padding: 0.4rem 1rem;
  }
}
.video-badge {
  position: absolute;
  z-index: 1;
  flex-direction: column;
  padding: 0;
}
.video-badge span {
  margin-block-start: 0.3vw;
}
.video-badge__icon {
  width: var(--size_16);
  height: var(--size_16);
  padding: var(--size_3);
  background: rgba(255, 255, 255, 0.81);
}
.video-badge__icon svg {
  width: 100%;
  height: 100%;
  fill: var(--color__accent);
}

@media screen and (min-width: 960px) {
  .video-badge span {
    margin-block-start: 0.2rem;
  }
  .video-badge__icon {
    padding: 0.62vw;
    width: var(--size_26);
    height: var(--size_26);
  }
}
@media screen and (min-width: 1440px) {
  .video-badge__icon {
    padding: 0.42vw;
  }
}
@media screen and (min-width: 1440px) {
  .video-badge__icon {
    padding: 0.6rem;
  }
}
.product-card {
  height: auto;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.product-card__inner {
  position: relative;
}
.product-card__media-content {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  display: flex;
}
.product-card__media-content h3, .product-card__media-content a {
  width: 100%;
  height: 100%;
  opacity: 0;
}
.product-card__img, .product-card__video {
  position: relative;
  width: 100%;
}
.product-card__img picture, .product-card__video picture {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  width: 100%;
}
.product-card__img video, .product-card__video video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 120%;
  height: 100%;
}
.product-card__img img, .product-card__video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-card__img::after, .product-card__video::after {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  padding-block-start: 134%;
}
.product-card__img a, .product-card__video a {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  letter-spacing: 0;
  left: 0;
  z-index: 2;
}
.product-card__title {
  color: var(--color__sub-title-black);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 100%; /* fallback */
  max-height: 100%; /* fallback */
  -webkit-line-clamp: 1; /* number of lines to show */
  -webkit-box-orient: vertical;
}
.product-card__content {
  margin-block-start: var(--size_8);
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: var(--size_8);
}
.product-card__price {
  margin-block-start: auto;
}
.product-card:hover .product-card__title, .product-card:focus .product-card__title {
  color: var(--color__accent);
}

.brend-slide {
  border: 0.1rem solid #CED2E1;
  height: 11.47vw;
  padding-block: var(--size_8);
  transition: var(--transition__general);
  position: relative;
}
.brend-slide__img {
  height: 100%;
  width: 100%;
}
.brend-slide img {
  height: 100%;
  margin-inline: auto;
  width: auto;
}
.brend-slide__link {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  z-index: 1;
  cursor: pointer;
}
.brend-slide--link:hover, .brend-slide--link:focus {
  border-color: var(--color__accent);
}

@media screen and (min-width: 640px) {
  .brend-slide {
    height: 6.72vw;
  }
}
@media screen and (min-width: 960px) {
  .brend-slide {
    padding-block: var(--size_14);
    height: 5.73vw;
  }
}
@media screen and (min-width: 1440px) {
  .brend-slide {
    height: 3.8vw;
  }
}
@media screen and (min-width: 1660px) {
  .brend-slide {
    height: 7.5rem;
  }
}
.cart-footer__blocks {
  background-color: #F6F6FA;
  padding: var(--size_16);
  width: 100%;
  margin-inline: auto;
}
.cart-footer__totals {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.cart-footer__btns {
  margin-block-start: var(--size_32);
}
.cart-footer__btn, .cart-footer__btns {
  width: 100%;
}
.cart-footer__total-value {
  white-space: nowrap;
}

@media screen and (min-width: 960px) {
  .cart-footer__blocks {
    width: clamp(32rem, 66.67vw, 64rem);
  }
}
.product-tag {
  color: #8686A0;
  border: 0.1rem solid #DCDCED;
  background: #F6F6FA;
  padding: var(--size_6) var(--size_10);
}

@media screen and (min-width: 960px) {
  .product-tag {
    padding: var(--size_6) var(--size_14);
  }
}
.product-faq {
  border-bottom: 0.1rem solid #DCDCED;
}
.product-faq__heading {
  padding-block-end: var(--size_10);
}
.product-faq__heading svg {
  width: var(--size_14);
  height: var(--size_8);
  fill: var(--color__main-text);
}
.product-faq__content p:not(:last-child), .product-faq__content ul:not(:last-child), .product-faq__content ol:not(:last-child), .product-faq__content h1:not(:last-child), .product-faq__content h2:not(:last-child), .product-faq__content h3:not(:last-child), .product-faq__content h4:not(:last-child), .product-faq__content h5:not(:last-child), .product-faq__content h6:not(:last-child), .product-faq__content blockquote:not(:last-child) {
  margin-block-end: var(--size_12);
}
.product-faq__content ul, .product-faq__content ol {
  padding-inline-start: var(--size_24);
}
.product-faq__content ul, .product-faq__content ul > li {
  list-style-type: disc;
}
.product-faq__content ol, .product-faq__content ol > li {
  list-style-type: decimal;
}
.product-faq__content li:not(:last-child) {
  margin-block-end: var(--size_8);
}
.product-faq__content h1, .product-faq__content h2, .product-faq__content h3, .product-faq__content h4, .product-faq__content h5, .product-faq__content h6 {
  font-weight: 500;
}
.product-faq__content h1 {
  font-size: var(--size_20);
}
.product-faq__content h2 {
  font-size: var(--size_18);
}
.product-faq__content h3 {
  font-size: var(--size_16);
}
.product-faq__content h4 {
  font-size: var(--size_14);
}
.product-faq__content h5 {
  font-size: var(--size_12);
}
.product-faq__content blockquote {
  padding-inline-start: var(--size_24);
  border-left: 0.1rem solid var(--color__accent);
  padding-block: var(--size_8);
}
.product-faq__content a {
  text-decoration: underline;
  color: var(--color__accent);
}
.product-faq__content a:hover, .product-faq__content a:focus {
  opacity: 0.5;
}
.product-faq.active .product-faq__content {
  padding-block: var(--size_10) var(--size_16);
}

@media screen and (min-width: 960px) {
  .product-faq__heading {
    font-weight: 500;
  }
}
.breadcrumbs {
  display: none;
}

@media screen and (min-width: 960px) {
  .breadcrumbs {
    display: block;
    padding-block: var(--size_28) var(--size_40);
  }
  .breadcrumbs__list {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .breadcrumbs__item:not(:last-child) {
    margin-inline-end: 0.4rem;
  }
  .breadcrumbs__item:not(:last-child) .breadcrumbs__link {
    text-decoration: underline;
  }
  .breadcrumbs__item:not(:last-child)::after {
    content: "/ ";
  }
  .breadcrumbs__item:last-child .breadcrumbs__link {
    color: #8686A0;
  }
  .breadcrumbs__link:hover, .breadcrumbs__link:focus {
    color: var(--color__accent);
  }
}
.product-media__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-media__video video {
  width: 120%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
}
.product-media__img, .product-media__video {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  z-index: 1;
}
.product-media__zoom {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  z-index: 2;
  background-repeat: no-repeat;
  background-size: cover;
}

.product-media-gallery__badge {
  top: var(--size_14);
  right: var(--size_14);
}
.product-media-gallery__slide {
  position: relative;
  overflow: hidden;
}
.product-media-gallery__slide::after {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  padding-block-start: 105%;
}
.product-media-gallery__main-slide::after {
  padding-block-start: 133%;
}
.product-media-gallery__thumbnail-slide {
  border: 0.1rem solid transparent;
  transition: var(--transition__general);
}
.product-media-gallery__thumbnail-slide img {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-media-gallery__thumbnail-slide:hover, .product-media-gallery__thumbnail-slide:focus, .product-media-gallery__thumbnail-slide.swiper-slide-thumb-active {
  border-color: var(--color__accent);
}
.product-media-gallery__thumbnails {
  margin-block-start: var(--size_8);
  display: none;
}
.product-media-gallery__main-slider:not(.swiper-initialized) .slider__btn {
  display: none;
}
.product-media-gallery__thumbnails, .product-media-gallery__main-slider {
  overflow: visible;
}
.product-media-gallery__btn {
  display: none;
  pointer-events: none;
}

@media screen and (min-width: 640px) {
  .product-media-gallery__main-slide::after {
    padding-block-start: 120%;
  }
}
@media screen and (min-width: 960px) {
  .product-media-gallery {
    display: flex;
    flex-direction: row-reverse;
    gap: var(--size_10);
    height: 60vh;
  }
  .product-media-gallery__thumbnails, .product-media-gallery__main-slider {
    overflow: hidden;
    margin: 0;
    height: 100%;
  }
  .product-media-gallery__main-slider {
    flex-grow: 1;
  }
  .product-media-gallery__main-slide::after {
    padding-block-start: 150%;
  }
  .product-media-gallery__thumbnails {
    width: 8vw;
    display: block;
    flex-shrink: 0;
  }
  .product-media-gallery__btn {
    display: flex;
    pointer-events: all;
  }
}
@media screen and (min-width: 1440px) {
  .product-media-gallery {
    height: 70vh;
    max-height: 40vw;
  }
  .product-media-gallery__main-slide::after {
    padding-block-start: 133%;
  }
  .product-media-gallery__thumbnails {
    width: 6vw;
    height: 100%;
  }
}
@media screen and (min-width: 1660px) {
  .product-media-gallery {
    height: 80vh;
  }
  .product-media-gallery__thumbnails {
    width: 9.6rem;
  }
}
.variant-swatch__label {
  padding: var(--size_5);
  border: 0.1rem solid #DCDCED;
  min-width: 10vw;
  text-align: center;
  transition: var(--transition__general);
  margin: var(--size_12) var(--size_10) 0 0;
  cursor: pointer;
}
.variant-swatch:not(:disabled) + .variant-swatch__label:hover, .variant-swatch:not(:disabled) + .variant-swatch__label:focus {
  background-color: var(--color__accent);
  color: var(--color__white);
  border-color: var(--color__accent);
}
.variant-swatch:checked + .variant-swatch__label {
  background-color: var(--color__accent);
  color: var(--color__white);
  border-color: var(--color__accent);
}
.variant-swatch:disabled + .variant-swatch__label {
  pointer-events: none;
  background-color: var(--color__white);
  color: #8686A0;
  border-color: #DCDCED;
}

@media screen and (min-width: 640px) {
  .variant-swatch__label {
    min-width: 5vw;
  }
}
@media screen and (min-width: 960px) {
  .variant-swatch__label {
    min-width: var(--size_36);
  }
}
.color-swatch__label {
  border-width: 0.1rem;
  border-style: solid;
  transition: var(--transition__general);
  padding-block: var(--size_5);
  border-radius: 0;
  background-color: transparent;
  padding-inline: 0;
  margin: var(--size_12) 3vw 0 0;
  border-color: transparent;
  cursor: pointer;
}
.color-swatch__label span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: var(--size_20);
  height: var(--size_20);
  padding-inline: var(--size_6);
  transition: var(--transition__general);
}
.color-swatch__label--empty {
  border-color: #DCDCED;
}
.color-swatch__label--white span {
  border: 0.1rem solid #DCDCED;
}
.color-swatch__label:hover span, .color-swatch__label:focus span {
  transform: translateY(-15%);
}
.color-swatch:disabled + .color-swatch__label {
  pointer-events: none;
  opacity: 0.5;
  position: relative;
}
.color-swatch:disabled + .color-swatch__label::after, .color-swatch:disabled + .color-swatch__label::before {
  content: "";
  display: block;
  position: absolute;
  position: absolute;
  height: 0.1rem;
  width: 110%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--color__black);
}
.color-swatch:disabled + .color-swatch__label::after {
  transform: translate(-50%, -50%) rotate(45deg);
}
.color-swatch:disabled + .color-swatch__label::before {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.color-swatch:checked + .color-swatch__label {
  border-color: var(--color__accent);
  padding-inline: var(--size_5);
  pointer-events: none;
}

@media screen and (min-width: 640px) {
  .color-swatch__label {
    margin: var(--size_12) 2.34vw 0 0;
  }
}
@media screen and (min-width: 960px) {
  .color-swatch__label {
    margin: var(--size_12) var(--size_13) 0 0;
  }
}
.size-table-btn {
  gap: var(--size_8);
}
.size-table-btn__icon {
  height: var(--size_26);
  width: 9vw;
  transition: var(--transition__general);
}
.size-table-btn__icon svg {
  width: var(--size_22);
  height: var(--size_13);
}
.size-table-btn span {
  color: var(--color__main-text);
  text-decoration: underline;
  transition: var(--transition__general);
}
.size-table-btn:hover .size-table-btn__icon, .size-table-btn:focus .size-table-btn__icon {
  background-color: var(--color__accent);
}
.size-table-btn:hover .size-table-btn__icon svg, .size-table-btn:focus .size-table-btn__icon svg {
  fill: var(--color__white);
}
.size-table-btn:hover span, .size-table-btn:focus span {
  color: var(--color__accent);
}

@media screen and (min-width: 640px) {
  .size-table-btn__icon {
    width: 7vw;
  }
}
@media screen and (min-width: 960px) {
  .size-table-btn {
    gap: var(--size_10);
  }
  .size-table-btn__icon {
    width: var(--size_36);
  }
  .size-table-btn__icon svg {
    width: var(--size_24);
    height: var(--size_14);
  }
}
.product-variant-swatches__title {
  margin: 0;
}
.product-variant-swatches__swatch-label {
  letter-spacing: normal;
  line-height: normal;
  display: inline-block;
}
.product-variant-swatches__size-btn {
  margin-block-start: var(--size_20);
  width: 100%;
  justify-content: flex-start;
}

.quant-block {
  border: 0.1rem solid #EBEDF3;
  width: auto;
  min-height: auto;
  border-radius: 0;
}
.quant-block__btn {
  background-color: #EBEDF3;
  width: var(--size_32);
  height: var(--size_32);
  transition: var(--transition__general);
}
.quant-block__btn svg {
  width: var(--size_13);
  flex-shrink: 0;
  height: auto;
}
.quant-block__btn:hover, .quant-block__btn:focus {
  background-color: #d3d5da;
}
.quant-block__btn.disabled {
  pointer-events: none;
}
.quant-block__input {
  font-size: var(--size_16);
  padding: var(--size_6);
  font-weight: 400;
  opacity: 1;
  font-family: var(--font__general);
  color: #000000;
  max-width: var(--size_40);
}

.complementary-products {
  padding-block: var(--size_30);
}
.complementary-products__title {
  color: #464652;
  margin-block-end: var(--size_20);
}
.complementary-products__grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--size_20);
}
.complementary-products__item {
  width: calc((100% - var(--size_20)) / 2);
}

@media screen and (min-width: 960px) {
  .complementary-products {
    padding-block-start: var(--size_60);
  }
  .complementary-products__title {
    margin-block-end: var(--size_30);
  }
}
.backdrop {
  position: fixed;
  width: 100%;
  height: 100%;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.3019607843);
  backdrop-filter: blur(20px);
  z-index: 5;
  transition: var(--transition__general);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.backdrop.active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.backdrop.active .size-modal {
  transform: translate(-50%, -50%);
}

@media screen and (min-width: 960px) {
  .backdrop.active .size-modal {
    transform: translate(0%, -50%);
  }
}
.model__title {
  margin-block-end: var(--size_15);
}
.model__param-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: var(--size_8);
}
.model__param-item:not(:last-child) {
  margin-block-end: var(--size_15);
}
.model__item-value {
  text-align: end;
}

.size-modal {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--color__white);
  padding: var(--size_20);
  width: 100%;
  max-height: 100vh;
  transition: var(--transition__general);
}
.size-modal__heading {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-block-end: var(--size_20);
  border-block-end: 0.1rem solid var(--color__accent);
}
.size-modal__close-btn {
  width: var(--size_22);
  height: var(--size_22);
  margin-inline-start: auto;
}
.size-modal__close-btn svg {
  width: 100%;
  height: 100%;
  fill: var(--color__accent);
  transition: var(--transition__general);
}
.size-modal__close-btn:hover svg, .size-modal__close-btn:focus svg {
  transform: rotate(180deg);
}
.size-modal__brand {
  width: 18%;
  margin-inline-start: var(--size_12);
}
.size-modal__brand img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.size-modal__model {
  margin-block-start: var(--size_20);
}
.size-modal__table {
  max-height: 50vh;
  overflow-y: auto;
  padding-block: var(--size_10);
}
.size-modal__table::-webkit-scrollbar {
  width: 0.2rem;
  height: 0.4rem;
}
.size-modal__table::-webkit-scrollbar-thumb {
  width: 0.2rem;
  background-color: var(--color__accent);
}
.size-modal__table strong, .size-modal__table b {
  font-weight: 500;
}
.size-modal__table table tr:first-child td, .size-modal__table table tr:first-child th, .size-modal__table table thead td, .size-modal__table table thead th {
  padding-block-end: var(--size_20);
  color: #8686A0;
}
.size-modal__table table td {
  border-block-end: 0.1rem solid #CED2E1;
  padding: var(--size_10) var(--size_8);
  width: fit-content !important;
  white-space: nowrap;
}

@media screen and (min-width: 640px) {
  .size-modal__brand {
    width: 14%;
  }
}
@media screen and (min-width: 960px) {
  .size-modal {
    top: 50%;
    right: 0;
    left: auto;
    transform: translateY(-50%);
    width: max-content;
    min-width: 57.3vw;
    padding: var(--size_20) var(--size_30);
  }
  .size-modal__table table td {
    padding-block: var(--size_10) var(--size_13);
  }
}
@media screen and (min-width: 1440px) {
  .size-modal {
    min-width: 38.2vw;
  }
}
@media screen and (min-width: 1660px) {
  .size-modal {
    min-width: 55rem;
  }
}
.adv-banner {
  position: relative;
  padding-block: var(--size_24);
  min-height: 51.5vh;
  display: flex;
}
.adv-banner__img {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
}
.adv-banner__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.adv-banner__img::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background: rgba(65, 54, 54, 0.27);
}
.adv-banner__content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
}
.adv-banner__title {
  text-align: center;
}
.adv-banner__btn {
  margin-block-start: var(--size_24);
  padding: var(--size_16) var(--size_48);
}

.collection-card {
  height: auto;
}
.collection-card.swiper-slide {
  max-width: 25vw;
}
.collection-card__img {
  position: relative;
  width: 100%;
  border: 0.1rem solid transparent;
  transition: var(--transition__general);
}
.collection-card__img picture {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
}
.collection-card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.collection-card__img::after {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  padding-block-start: 28.6vw;
}
.collection-card__img a {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  z-index: 1;
}
.collection-card__content {
  margin-block-start: var(--size_6);
}
.collection-card__huge-title {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border: 0.1rem solid #DCDCED;
  height: auto;
  width: 100%;
  text-align: center;
  padding-block-start: 28.6vw;
}
.collection-card__huge-title span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.collection-card.active .collection-card__title, .collection-card:hover .collection-card__title, .collection-card:focus .collection-card__title {
  color: var(--color__accent);
}
.collection-card.active .collection-card__img, .collection-card.active .collection-card__huge-title, .collection-card:hover .collection-card__img, .collection-card:hover .collection-card__huge-title, .collection-card:focus .collection-card__img, .collection-card:focus .collection-card__huge-title {
  border-color: var(--color__accent);
}
.collection-card.active .collection-card__img::after {
  background-color: rgba(0, 0, 0, 0.2);
}

.collection-card--size_sm .collection-card__img::after {
  padding-block-start: 54%;
}
.collection-card--size_sm .collection-card__img::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background: linear-gradient(180deg, rgba(52, 52, 59, 0) 0%, rgba(52, 52, 59, 0.51) 100%);
  z-index: 1;
}
.collection-card--size_sm .collection-card__huge-title {
  padding-block-start: 54%;
}
.collection-card--size_sm .collection-card__title {
  font-weight: 700;
}
.collection-card--size_sm .collection-card__content {
  margin-block-start: var(--size_14);
}

.collection-card--style_plain .collection-card__img {
  border: 0.1rem solid #dcdced;
}
.collection-card--style_plain .collection-card__img picture {
  width: 90%;
  height: 90%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.collection-card--style_plain .collection-card__img img {
  object-fit: contain;
}
.collection-card--style_plain .collection-card__img::before {
  display: none;
}

@media screen and (min-width: 640px) {
  .collection-card.swiper-slide {
    max-width: 19vw;
  }
  .collection-card__img::after {
    padding-block-start: 24vw;
  }
  .collection-card__huge-title {
    padding-block-start: 24vw;
  }
}
@media screen and (min-width: 960px) {
  .collection-card.swiper-slide {
    max-width: 15vw;
  }
  .collection-card__huge-title {
    padding-block-start: 20vw;
  }
  .collection-card__img::after {
    padding-block-start: 20vw;
  }
}
@media screen and (min-width: 1440px) {
  .collection-card.swiper-slide {
    max-width: 13vw;
  }
  .collection-card__img::after {
    padding-block-start: 15.3vw;
  }
  .collection-card__huge-title {
    padding-block-start: 15.3vw;
  }
}
.child-cats__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--size_8);
  padding: var(--size_10) var(--size_20);
  background-color: #F6F6FA;
}
.child-cats__btn {
  color: var(--color__main-text);
  white-space: nowrap;
  padding: var(--size_6) var(--size_10);
  background-color: var(--color__white);
}
.child-cats__btn.active {
  background-color: var(--color__accent);
  color: var(--color__white);
  padding: var(--size_6) var(--size_10);
  pointer-events: none;
}
.child-cats__btn:hover:not(.active), .child-cats__btn:focus:not(.active) {
  color: var(--color__accent);
}

@media screen and (min-width: 960px) {
  .child-cats__row {
    padding: var(--size_12) var(--size_36);
  }
  .child-cats__btn {
    padding: var(--size_8) var(--size_16);
  }
}
.active-facets {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--size_14) var(--size_28);
}
.active-facets__item {
  gap: var(--size_15);
}
.active-facets__item svg {
  width: var(--size_15);
  height: var(--size_15);
  fill: #8D8D9B;
  transition: var(--transition__general);
}
.active-facets__item:hover svg, .active-facets__item:focus svg {
  fill: var(--color__accent);
}
.active-facets__color {
  width: var(--size_24);
  height: var(--size_24);
  flex-shrink: 0;
}
.active-facets__color--white {
  border: 0.1rem solid #8D8D9B;
}
.active-facets__title {
  color: var(--color__white);
  padding: var(--size_5) var(--size_16);
}
.active-facets__remove-all-item svg {
  fill: var(--color__main-text);
}
.active-facets__remove-all-item span {
  transition: var(--transition__general);
}
.active-facets__remove-all-item:hover span, .active-facets__remove-all-item:focus span {
  color: var(--color__accent);
}
.active-facets__remove-all {
  margin-inline-start: auto;
}

@media screen and (min-width: 960px) {
  .active-facets__item {
    gap: var(--size_12);
  }
  .active-facets__color {
    width: var(--size_28);
    height: var(--size_28);
  }
  .active-facets__title {
    padding-inline: var(--size_18);
  }
}
@media screen and (min-width: 1440px) {
  .active-facets {
    gap: var(--size_14) var(--size_32);
  }
}
.sorting-select {
  position: relative;
}
.sorting-select__icon {
  width: var(--size_24);
  height: var(--size_14);
}
.sorting-select__icon svg {
  fill: var(--color__accent);
  width: 100%;
  height: 100%;
  transition: var(--transition__general);
}
.sorting-select__heading {
  gap: var(--size_13);
  width: 100%;
  transition: var(--transition__general);
  cursor: pointer;
  border-color: transparent;
}
.sorting-select__heading span {
  display: none;
}
.sorting-select__content {
  position: absolute;
  background-color: var(--color__white);
  top: calc(100% + var(--size_6));
  right: 0;
  left: auto;
  width: max-content;
  border: 0.1rem solid #CECEE4;
  z-index: 2;
  padding-block: var(--size_10);
  opacity: 0;
  visibility: hidden;
  transition: var(--transition__general);
}
.sorting-select__option {
  padding: var(--size_10) var(--size_15) var(--size_10) var(--size_20);
  transition: var(--transition__general);
  cursor: pointer;
}
.sorting-select__option:hover, .sorting-select__option:focus, .sorting-select__option.active {
  color: var(--color__accent);
  background-color: #F7E7F0;
}
.sorting-select.active .sorting-select__content {
  opacity: 1;
  visibility: visible;
}
.sorting-select.active .sorting-select__heading {
  background-color: var(--color__accent);
  color: var(--color__white);
}
.sorting-select.active .sorting-select__heading svg {
  fill: var(--color__white);
}

@media screen and (min-width: 960px) {
  .sorting-select {
    width: max-content;
  }
  .sorting-select__heading {
    padding: var(--size_15) var(--size_28);
    border-color: var(--color__accent);
  }
  .sorting-select__heading span {
    display: block;
  }
  .sorting-select__content {
    width: max-content;
    left: auto;
    right: 0;
  }
  .sorting-select__option {
    padding-inline: var(--size_20);
  }
}
.facets__form {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.facets__options-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--size_13);
  flex-wrap: wrap;
  display: none;
}
.facets__options-list.active {
  display: flex;
}
.facets__color {
  width: var(--size_25);
  height: var(--size_25);
  flex-shrink: 0;
  cursor: pointer;
  border: 0.1rem solid transparent;
  transition: var(--transition__general);
}
.facets__color--white {
  border: 0.1rem solid #8D8D9B;
}
.facets__option-title {
  padding: var(--size_5) var(--size_8);
  min-width: var(--size_48);
  text-align: center;
  background-color: var(--color__white);
  transition: var(--transition__general);
  border: 0.1rem solid #DCDCED;
  cursor: pointer;
}
.facets__label {
  display: flex;
  position: relative;
  cursor: pointer;
}
.facets__label input {
  appearance: none;
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  z-index: 1;
  cursor: pointer;
}
.facets__label.active .facets__color {
  border: 0.1rem solid var(--color__accent);
}
.facets__label.active .facets__option-title {
  background-color: var(--color__accent);
  border-color: var(--color__accent);
  color: var(--color__white);
}
.facets__label.disabled .facets__color {
  opacity: 0.3;
  position: relative;
}
.facets__label.disabled .facets__color::after, .facets__label.disabled .facets__color::before {
  content: "";
  display: block;
  position: absolute;
  position: absolute;
  height: 0.1rem;
  width: 110%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--color__dark-gray);
}
.facets__label.disabled .facets__color::after {
  transform: translate(-50%, -50%) rotate(45deg);
}
.facets__label.disabled .facets__color::before {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.facets__label.disabled .facets__option-title {
  color: #8686A0;
}
.facets__label.disabled input {
  pointer-events: none;
}
.facets__label:hover:not(.disabled) .facets__option-title, .facets__label:hover:not(.disabled) .facets__color, .facets__label:focus:not(.disabled) .facets__option-title, .facets__label:focus:not(.disabled) .facets__color {
  border-color: var(--color__accent);
}
.facets__togglers {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--size_28);
  flex-wrap: wrap;
  margin-block: 0 var(--size_20);
}
.facets__active {
  flex-basis: 100%;
  order: 1;
}
.facets__active.active {
  margin-block-end: var(--size_15);
}
.facets__wrapper {
  order: 2;
}
.facets__filter-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--size_5);
}
.facets__filter-title span {
  transition: var(--transition__general);
}
.facets__filter-title svg {
  fill: var(--color__main-text);
  width: var(--size_10);
  height: var(--size_6);
  transition: var(--transition__general);
}
.facets__filter-toggler {
  cursor: pointer;
}
.facets__filter-toggler.active span {
  color: var(--color__accent);
}
.facets__filter-toggler.active svg {
  fill: var(--color__accent);
  transform: rotate(180deg);
}
.facets__sorting {
  margin-block: 0 var(--size_20);
  margin-inline-start: auto;
  order: 3;
}
.facets__options {
  order: 4;
  flex-basis: 100%;
}
.facets__size-btn {
  width: 100%;
  justify-content: flex-start;
  margin-block-start: var(--size_20);
}

@media screen and (min-width: 960px) {
  .facets__color {
    width: var(--size_28);
    height: var(--size_28);
  }
  .facets__form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
  .facets__options-list {
    padding-block-start: var(--size_15);
  }
  .facets__togglers {
    margin: 0;
  }
}
@media screen and (min-width: 1440px) {
  .facets__togglers {
    gap: var(--size_36);
  }
  .facets__togglers {
    flex-wrap: nowrap;
  }
  .facets__wrapper {
    order: 1;
  }
  .facets__active {
    order: 4;
    margin: 0;
    flex-basis: 33%;
    flex-grow: 1;
  }
  .facets__active.active {
    margin-block-start: var(--size_20);
  }
  .facets__sorting {
    order: 2;
  }
  .facets__options {
    order: 3;
    flex-basis: 100%;
    grid-column: span 3;
  }
}
.modal-cart-item {
  gap: var(--size_14) var(--size_16);
  padding-block-start: var(--size_16);
  padding-block-end: var(--size_16);
}
.modal-cart-item__image {
  width: calc(var(--size_12) * 10);
  position: relative;
  height: 100%;
}
.modal-cart-item__image picture {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
}
.modal-cart-item__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.modal-cart-item__image::after {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  padding-block-start: 125%;
}
.modal-cart-item__name {
  color: #54545C;
}
.modal-cart-item__name:hover, .modal-cart-item__name:focus {
  color: var(--color__accent);
}
.modal-cart-item__footing {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
}
.modal-cart-item__old-price {
  margin-inline-end: var(--size_18);
  color: #8D8D9B;
}
.modal-cart-item__price {
  margin-block-start: var(--size_10);
}
.modal-cart-item__quantity {
  align-self: flex-end;
}
.modal-cart-item__options {
  margin-block-start: var(--size_8);
}
.modal-cart-item__options .product-option:not(:first-child) {
  margin-block-start: var(--size_6);
}
.modal-cart-item__color-option {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.modal-cart-item__color {
  width: var(--size_16);
  height: var(--size_16);
  display: block;
  margin-inline-start: var(--size_10);
}
.modal-cart-item__color--white {
  border: 0.1rem solid #8D8D9B;
}
.modal-cart-item__remove {
  text-decoration: underline;
}
.modal-cart-item__remove:hover, .modal-cart-item__remove:focus {
  color: var(--color__accent);
}

@media screen and (min-width: 960px) {
  .modal-cart-item {
    padding-block-start: var(--size_20);
    padding-block-end: var(--size_6);
    column-gap: var(--size_20);
  }
  .modal-cart-item__details {
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: var(--size_10);
  }
  .modal-cart-item__image {
    width: calc(var(--size_16) * 10);
  }
  .modal-cart-item__options {
    margin: 0;
  }
  .modal-cart-item__options .product-option:not(:first-child) {
    margin-block-start: var(--size_10);
  }
  .modal-cart-item__price {
    grid-column: 2/3;
    grid-row: 1/4;
    margin-block-start: 0;
    text-align: end;
  }
  .modal-cart-item__old-price {
    margin: 0;
    display: flex;
    flex-direction: column;
  }
}
.cart-drawer {
  width: 100%;
}

.modal-cart {
  padding-inline: var(--size_20);
  width: 100%;
  position: relative;
}
.modal-cart__header {
  padding-block: var(--size_20);
  border-block-end: 0.1rem solid var(--color__accent);
}
.modal-cart__close-btn {
  width: var(--size_22);
  height: var(--size_22);
}
.modal-cart__close-btn svg {
  width: 100%;
  height: 100%;
  fill: var(--color__accent);
  transition: var(--transition__general);
}
.modal-cart__close-btn:hover svg, .modal-cart__close-btn:focus svg {
  transform: rotate(180deg);
}
.modal-cart__footer {
  padding-block: var(--size_20) var(--size_30);
  border-block-start: 0.1rem solid #CED2E1;
}
.modal-cart__btn {
  padding: var(--size_16);
  width: 100%;
}
.modal-cart__final-price {
  color: #54545C;
  margin-block: 0 var(--size_20);
}
.modal-cart__empty-btns {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--size_16);
  margin-block-start: var(--size_24);
}
.modal-cart__continue-btn {
  padding: var(--size_16);
}
.modal-cart.loading .modal-cart__loader {
  display: block;
}
.modal-cart cart-drawer-items {
  padding-inline-end: var(--size_8);
}
.modal-cart cart-drawer-items::-webkit-scrollbar-thumb {
  background-color: var(--color__accent);
}

@media screen and (min-width: 640px) {
  .cart-drawer {
    width: 85.94vw;
  }
}
@media screen and (min-width: 960px) {
  .cart-drawer {
    width: 57.3vw;
  }
  .modal-cart {
    padding-inline: var(--size_30);
  }
}
@media screen and (min-width: 1440px) {
  .cart-drawer-wrapper.drawer {
    top: 9.86vw;
    height: 80%;
  }
  .cart-drawer {
    width: 38.2vw;
  }
}
@media screen and (min-width: 1660px) {
  .cart-drawer-wrapper.drawer {
    top: 14.2rem;
  }
  .cart-drawer {
    width: 55rem;
  }
}
.faq-item {
  border-block-start: 0.1rem solid #CED2E1;
}
.faq-item:last-child {
  border-block-end: 0.1rem solid #CED2E1;
}
.faq-item__heading {
  padding-block: var(--size_20);
}
.faq-item__heading span {
  transition: var(--transition__general);
}
.faq-item__icon {
  width: var(--size_22);
  height: var(--size_22);
}
.faq-item__icon svg {
  width: 100%;
  height: 100%;
  fill: var(--color__accent);
}
.faq-item__content ul, .faq-item__content ol {
  padding-inline-start: var(--size_20);
}
.faq-item__content ul li:not(:last-child), .faq-item__content ol li:not(:last-child) {
  margin-block-end: var(--size_12);
}
.faq-item__content ul, .faq-item__content ul > li {
  list-style-type: disc;
}
.faq-item__content ol, .faq-item__content ol > li {
  list-style-type: decimal;
}
.faq-item__content p:not(:last-child), .faq-item__content h1:not(:last-child), .faq-item__content h2:not(:last-child), .faq-item__content h3:not(:last-child), .faq-item__content h4:not(:last-child), .faq-item__content h5:not(:last-child), .faq-item__content h6:not(:last-child) {
  margin-block-end: var(--size_16);
}
.faq-item__content ul {
  margin-block-end: var(--size_20);
}
.faq-item__content a {
  color: var(--color__accent);
  text-decoration: underline;
}
.faq-item__content a:hover, .faq-item__content a:focus {
  opacity: 0.7;
}
.faq-item__content hr {
  background-color: #ced2e1;
}
.faq-item__content strong, .faq-item__content b {
  font-weight: 500;
}
.faq-item.active .faq-item__heading span {
  color: var(--color__accent);
}
.faq-item.active .faq-item__heading svg {
  transform: rotate(45deg);
  fill: var(--color__main-text);
}
.faq-item.active .faq-item__content {
  padding-block-start: 0;
  padding-block-end: var(--size_20);
}

@media screen and (min-width: 960px) {
  .faq-item__heading {
    padding-block: var(--size_32);
  }
  .faq-item__icon {
    width: var(--size_28);
    height: var(--size_28);
  }
  .faq-item.active .faq-item__content {
    padding-block-end: var(--size_32);
  }
}
.contact-address__img {
  width: 100%;
  position: relative;
  margin-block-end: var(--size_20);
}
.contact-address__img picture {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
}
.contact-address__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contact-address__img::after {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  padding-block-start: 75.5%;
}
.contact-address__block:not(:last-child) {
  border-block-end: 0.1rem solid #CED2E1;
  padding-block-end: var(--size_20);
}
.contact-address__block:not(:first-child) {
  padding-block-start: var(--size_20);
}
.contact-address__contacts {
  display: flex;
  flex-direction: column;
  gap: var(--size_16);
}
.contact-address__subtitle {
  margin-block-end: var(--size_10);
}
.contact-address__socials .list-social__item {
  width: var(--size_26);
  height: var(--size_26);
}
.contact-address__socials .list-social__item:hover svg, .contact-address__socials .list-social__item:focus svg {
  fill: var(--color__accent-hover);
}
.contact-address__work-time, .contact-address__link {
  padding-inline-start: var(--size_20);
  margin-block-start: var(--size_16);
}
.contact-address__link {
  display: block;
  text-decoration: underline;
}
.contact-address__link:hover, .contact-address__link:focus {
  color: var(--color__accent);
}

@media screen and (min-width: 960px) {
  .contact-address__address-block {
    display: flex;
    flex-direction: row;
    gap: var(--size_10);
  }
  .contact-address__img {
    margin: 0;
    width: 40%;
    flex-shrink: 0;
  }
  .contact-address__block:not(:last-child) {
    padding-block-end: var(--size_30);
  }
  .contact-address__block:not(:first-child) {
    padding-block-start: var(--size_30);
  }
  .contact-address__content {
    display: flex;
    flex-direction: column;
  }
  .contact-address__link {
    margin-block-start: auto;
  }
  .contact-address__contacts {
    gap: var(--size_14);
  }
}
@media screen and (min-width: 1440px) {
  .contact-address__img {
    width: 43.5%;
  }
  .contact-address__img::after {
    padding-block-start: 54.4%;
  }
  .contact-address__address-block {
    gap: 5.9vw;
  }
  .contact-address__work-time, .contact-address__link {
    padding-inline-start: var(--size_28);
  }
  .contact-address__work-time {
    margin-block-start: var(--size_24);
  }
  .contact-address__form {
    height: auto;
  }
}
@media screen and (min-width: 1660px) {
  .contact-address__address-block {
    gap: 8.5rem;
  }
}
.contact-form__title, .contact-form__descr {
  text-align: center;
}
.contact-form__title {
  margin-block-end: var(--size_25);
}
.contact-form__descr {
  margin-block-end: var(--size_20);
}
.contact-form__field {
  width: 100%;
}
.contact-form__field input, .contact-form__field textarea {
  width: 100%;
  border: 0.1rem solid #CED2E1;
  background: var(--color__white);
  padding: var(--size_16);
  font-family: var(--font__general);
  outline: none;
  border-radius: 0;
  transition: var(--transition__general);
}
.contact-form__field input:focus-within, .contact-form__field textarea:focus-within {
  border-color: var(--color__dark-gray);
}
.contact-form__field:not(:last-of-type) {
  margin-block-end: var(--size_15);
}
.contact-form__field textarea {
  height: 34.13vw;
}
.contact-form__disclaimer a {
  color: var(--color__accent);
  text-decoration: underline;
}
.contact-form__disclaimer a:hover, .contact-form__disclaimer a:focus {
  opacity: 0.7;
}
.contact-form__btn {
  width: 100%;
  padding: var(--size_15);
  margin-block-start: var(--size_20);
}

@media screen and (min-width: 640px) {
  .contact-form__field textarea {
    height: 20vw;
  }
}
@media screen and (min-width: 960px) {
  .contact-form__title {
    margin-block-end: var(--size_14);
  }
  .contact-form__field textarea {
    height: 13.33vw;
  }
  .contact-form__btn {
    width: auto;
    margin-block-start: var(--size_24);
    padding: var(--size_15) var(--size_36);
  }
}
@media screen and (min-width: 1440px) {
  .contact-form__field textarea {
    height: 8.9vw;
  }
}
@media screen and (min-width: 1660px) {
  .contact-form__field textarea {
    height: 12.8rem;
  }
}
.image-content {
  display: flex;
  flex-direction: column;
  gap: var(--size_30);
}
.image-content--dir_inline {
  flex-direction: column-reverse;
}
.image-content__img {
  width: 100%;
}
.image-content__img img {
  width: 100%;
  height: auto;
}
.image-content__content hr {
  background-color: #ced2e1;
}
.image-content__content p:not(:last-child) {
  margin-block-end: var(--size_20);
}
.image-content__content ul, .image-content__content ol {
  padding-inline-start: var(--size_24);
  margin-block-end: var(--size_20);
}
.image-content__content ul, .image-content__content ul > li {
  list-style-type: disc;
}
.image-content__content ol, .image-content__content ol > li {
  list-style-type: decimal;
}
.image-content__content a {
  color: var(--color__accent);
  text-decoration: underline;
}
.image-content__content a:hover, .image-content__content a:focus {
  opacity: 0.7;
}
.image-content__content li:not(:last-child) {
  margin-block-end: var(--size_8);
}
.image-content__content h1 {
  font-size: 2em;
}
.image-content__content h1, .image-content__content h2, .image-content__content h3 {
  font-family: var(--font__titles);
}
.image-content__content h1, .image-content__content h2, .image-content__content h3, .image-content__content h4, .image-content__content h5, .image-content__content h6, .image-content__content p {
  margin-block-end: var(--size_20);
}
.image-content__content strong, .image-content__content b {
  font-weight: 500;
}

@media screen and (min-width: 960px) {
  .image-content {
    flex-direction: row;
  }
  .image-content--dir_inline {
    flex-direction: row-reverse;
  }
  .image-content--dir_inline .image-content__content {
    width: 49.2%;
  }
  .image-content--dir_reverse .image-content__img {
    width: 49.2%;
  }
  .image-content--align_center {
    align-items: center;
  }
  .image-content--align_bottom {
    align-items: flex-end;
  }
  .image-content__img {
    width: auto;
    flex-shrink: 0;
    flex-grow: 1;
  }
}
@media screen and (min-width: 1440px) {
  .image-content {
    gap: 8.7vw;
  }
}
@media screen and (min-width: 1660px) {
  .image-content {
    gap: 12.5rem;
  }
}
.size-table__title {
  margin-block-end: var(--size_13);
}
.size-table__heading {
  width: 100%;
  color: var(--color__white);
  padding: var(--size_8) var(--size_10);
}
.size-table__table {
  padding-block-end: var(--size_20);
}
.size-table__table strong, .size-table__table b {
  font-weight: 600;
}
.size-table__table table {
  width: auto !important;
  border: 0.1rem solid #CED2E1;
}
.size-table__table table tr {
  height: auto !important;
}
.size-table__table table td {
  padding: var(--size_10);
  background-color: var(--color__white);
  border-block-end: 0.1rem solid #CED2E1;
  width: auto !important;
  height: 100% !important;
}
.size-table__table table td:first-child {
  position: sticky;
  left: 0;
  top: 0;
  width: 28.53vw !important;
  box-shadow: 4px 0px 6px rgba(154, 154, 163, 0.33);
  display: block;
  font-weight: 600;
}
.size-table__table table td:not(:last-child) {
  border-inline-end: 0.1rem solid #CED2E1;
}
.size-table__table-wrapper {
  overflow-x: auto;
}
.size-table__table-wrapper::-webkit-scrollbar {
  background-color: #CED2E1;
  height: 0.4rem;
}
.size-table__table-wrapper::-webkit-scrollbar-thumb {
  background-color: var(--color__accent);
}
.size-table__scrollable {
  width: max-content;
}

@media screen and (min-width: 640px) {
  .size-table__table table td:first-child {
    width: 16.72vw !important;
  }
}
@media screen and (min-width: 960px) {
  .size-table__title {
    margin-block-end: var(--size_18);
  }
  .size-table__heading {
    padding: var(--size_16) var(--size_18);
  }
  .size-table__table-wrapper {
    overflow-x: visible;
  }
  .size-table__scrollable {
    width: 100%;
  }
  .size-table__table {
    padding: 0;
  }
  .size-table__table table {
    width: 100% !important;
  }
  .size-table__table table td:first-child {
    position: static;
    display: table-cell;
    box-shadow: none;
    width: auto !important;
  }
}
@media screen and (min-width: 1440px) {
  .size-table__table table td {
    padding: var(--size_18);
  }
}
.brand-table__logo {
  width: 26%;
  margin-block-end: var(--size_15);
}
.brand-table__logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.brand-table__img {
  width: 47%;
}
.brand-table__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.brand-table__table {
  margin-block-start: var(--size_30);
}
.brand-table__table table td:first-child {
  display: table-cell;
}
.brand-table__table table tr:not(:first-child) td {
  white-space: nowrap;
}

@media screen and (min-width: 960px) {
  .brand-table__logo {
    width: auto;
  }
  .brand-table__logo img {
    width: auto;
  }
  .brand-table__wrapper {
    display: flex;
    flex-direction: row;
    gap: var(--size_20);
  }
  .brand-table__img {
    width: 22.2%;
    flex-shrink: 0;
  }
  .brand-table__img img {
    height: auto;
  }
  .brand-table__table {
    margin: 0;
  }
  .brand-table__table .size-table__table table td {
    padding: var(--size_14);
  }
}
@media screen and (min-width: 1440px) {
  .brand-table__table .size-table__table table {
    width: auto !important;
  }
  .brand-table__img {
    width: 15.4%;
  }
}
.newsletter-form__field-wrapper div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.newsletter-form__field-wrapper input {
  background-color: #313037;
  padding: var(--size_16) var(--size_10);
  outline: none;
  border: none;
  font-family: var(--font__general);
  font-size: var(--size_12);
  flex-grow: 1;
  color: var(--color__white);
  transition: var(--transition__general);
  border: 0.1rem solid transparent;
}
.newsletter-form__field-wrapper input::-webkit-input-placeholder {
  color: #8D8D9B;
}
.newsletter-form__field-wrapper input:-moz-placeholder {
  color: #8D8D9B;
}
.newsletter-form__field-wrapper input::-moz-placeholder {
  color: #8D8D9B;
}
.newsletter-form__field-wrapper input:-ms-input-placeholder {
  color: #8D8D9B;
}
.newsletter-form__field-wrapper input:focus-within {
  border-color: var(--color__accent);
}
.newsletter-form__button {
  width: 12vw;
  height: 12vw;
}
.newsletter-form__button span {
  display: none;
}
.newsletter-form__button svg {
  fill: var(--color__white);
  width: var(--size_24);
  height: var(--size_12);
}

@media screen and (min-width: 640px) {
  .newsletter-form__button {
    width: 7vw;
    height: 7vw;
  }
}
@media screen and (min-width: 960px) {
  .newsletter-form__field-wrapper {
    font-size: var(--size_14);
  }
  .newsletter-form__field-wrapper input {
    height: 4.7vw;
  }
  .newsletter-form__button {
    height: 4.7vw;
    width: auto;
    gap: var(--size_8);
    padding: var(--size_16) var(--size_24);
  }
  .newsletter-form__button span {
    display: block;
  }
}
@media screen and (min-width: 1440px) {
  .newsletter-form__field-wrapper {
    font-size: var(--size_14);
  }
  .newsletter-form__field-wrapper input {
    height: 3.47vw;
    padding: var(--size_16);
  }
  .newsletter-form__button {
    height: 3.47vw;
  }
}
@media screen and (min-width: 1660px) {
  .newsletter-form__field-wrapper input {
    height: 5rem;
  }
  .newsletter-form__button {
    height: 5rem;
  }
}
.list-social {
  display: flex;
  flex-direction: row;
  gap: var(--size_18);
}
.list-social__item {
  width: var(--size_20);
  height: var(--size_20);
}
.list-social__item svg {
  fill: var(--color__accent);
  width: 100%;
  height: 100%;
  transition: var(--transition__general);
}
.list-social__item:hover svg, .list-social__item:focus svg {
  fill: var(--color__white);
}

@media screen and (min-width: 1440px) {
  .list-social {
    gap: var(--size_26);
  }
  .list-social__item {
    width: var(--size_26);
    height: var(--size_26);
  }
}
.help-size-btn {
  position: fixed;
  right: var(--size_10);
  bottom: var(--size_10);
  padding: var(--size_16);
  z-index: 2;
  gap: var(--size_8);
}
.help-size-btn svg {
  width: var(--size_26);
  height: var(--size_13);
  fill: var(--color__white);
}

@media screen and (min-width: 960px) {
  .help-size-btn {
    right: var(--size_16);
    bottom: var(--size_24);
    padding: var(--size_15) var(--size_20);
  }
}
.tab-switcher {
  padding: var(--size_6) var(--size_8);
  border: 0.1rem solid var(--color__accent);
  color: var(--color__accent);
}
.tab-switcher.active, .tab-switcher:hover, .tab-switcher:focus {
  background-color: var(--color__accent);
  color: var(--color__white);
}

@media screen and (min-width: 960px) {
  .tab-switcher {
    padding: var(--size_10) var(--size_12);
  }
}
.tab-content:not(.active) {
  display: none;
}
.tab-content__text {
  margin-block-end: var(--size_20);
}

.custom-input__input {
  padding: 1.5rem 0.9rem;
  border: 0.1rem solid #CED2E1;
  background-color: var(--color__white);
  width: 100%;
  outline: none;
  transition: var(--transition__general);
  font-family: var(--font__general);
}
.custom-input__input:focus-within {
  border-color: var(--color__main-text);
}
.custom-input__error {
  display: none;
  margin-block: 0.4rem 0;
  color: red;
}
.custom-input.error .custom-input__input {
  border-color: red;
}
.custom-input.error .custom-input__error {
  display: block;
}

@media screen and (min-width: 960px) {
  .custom-input__input {
    padding: 1.5rem 1.4rem 1.8rem;
  }
}
.custom-checkbox {
  display: flex;
  align-items: center;
  gap: 1.1rem;
}
.custom-checkbox__wrapper {
  width: 1.8rem;
  height: 1.8rem;
  border: 0.1rem solid var(--color__accent);
  position: relative;
}
.custom-checkbox input {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  z-index: 1;
  margin: 0;
  cursor: pointer;
}
.custom-checkbox__checkbox {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none"><path d="M3.82919 7.84588C3.73373 7.94481 3.6035 8 3.46821 8C3.33293 8 3.20269 7.94481 3.10724 7.84588L0.224383 4.87525C-0.0747943 4.56701 -0.0747943 4.06719 0.224383 3.75953L0.585359 3.38752C0.88463 3.07929 1.3692 3.07929 1.66838 3.38752L3.46821 5.24195L8.33162 0.231178C8.63089 -0.0770592 9.11593 -0.0770592 9.41464 0.231178L9.77562 0.603181C10.0748 0.911418 10.0748 1.41115 9.77562 1.7189L3.82919 7.84588Z" fill="white"/></svg>');
  background-repeat: no-repeat;
  background-size: 70%;
  background-position: center;
  transition: var(--transition__general);
}
input:checked + .custom-checkbox__checkbox {
  background-color: var(--color__accent);
}

.custom-radio {
  display: flex;
  align-items: center;
  gap: var(--size_14);
}
.custom-radio__wrapper {
  width: var(--size_22);
  height: var(--size_22);
  border: 0.1rem solid #999;
  position: relative;
  border-radius: 50%;
}
.custom-radio__wrapper:has(input:checked) {
  border-color: var(--color__accent);
}
.custom-radio input {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  z-index: 1;
  margin: 0;
  cursor: pointer;
}
.custom-radio__radio {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--color__accent);
  width: var(--size_12);
  height: var(--size_12);
  transition: var(--transition__general);
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
}
.custom-radio__label {
  cursor: pointer;
}
.custom-radio__label:has(strong) {
  font-weight: 400;
}
.custom-radio__label:has(strong) strong {
  font-weight: 600;
}
.custom-radio__label--type_with-img {
  display: flex;
  align-items: center;
  gap: 1.4rem;
}
.custom-radio__img {
  flex-shrink: 0;
}
input:checked + .custom-radio__radio {
  opacity: 1;
  visibility: visible;
}

.custom-select {
  position: relative;
  width: 100%;
}
.custom-select__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 0.1rem solid #CED2E1;
  background: #FFF;
  padding: 1.5rem 1.4rem;
  cursor: pointer;
}
.custom-select__icon {
  width: 1.3rem;
  height: 0.8rem;
}
.custom-select__icon svg {
  transform: rotate(180deg);
  width: 100%;
  height: 100%;
}
.custom-select__dropdown {
  border: 0.1rem solid #CED2E1;
  background: #FFF;
  position: absolute;
  inset-block-start: calc(100% - 0.2rem);
  inset-inline-start: 0;
  width: 100%;
  z-index: 1;
  padding: 1.4rem;
  transition: var(--transition__general);
}
.custom-select__search {
  width: 100%;
}
.custom-select__choices {
  max-height: 20rem;
  overflow-y: auto;
}
.custom-select__choices::-webkit-scrollbar {
  width: 0.4rem;
}
.custom-select__choices::-webkit-scrollbar-thumb {
  background-color: var(--color__accent);
}
.custom-select__choice {
  cursor: pointer;
  padding-block: 0.8rem;
  transition: var(--transition__general);
}
.custom-select__choice:hover, .custom-select__choice:focus {
  color: var(--color__accent);
  padding-inline-start: 0.4rem;
}
.custom-select:not(.active) .custom-select__icon svg {
  transform: rotate(0deg);
}
.custom-select:not(.active) .custom-select__dropdown {
  opacity: 0;
  visibility: hidden;
}

.form-toggler {
  padding: var(--size_13);
  border: 0.1rem solid #D9D9D9;
  transition: var(--transition__general);
  cursor: pointer;
}
.form-toggler__content {
  padding-inline: var(--size_5);
  padding-block-start: var(--size_24);
  display: none;
}
.form-toggler__select:not(:last-child) {
  margin-block-end: var(--size_15);
}
.form-toggler:has(input:checked) {
  background: #EBEDF3;
  border-color: transparent;
}
.form-toggler:has(input:checked) .form-toggler__content {
  display: block;
}

.checkout-form__title {
  margin-block-end: var(--size_20);
}
.checkout-form__group:not(:last-child) {
  border-block-end: 0.1rem solid #CED2E1;
  padding-block-end: var(--size_30);
}
.checkout-form__group:not(:first-child) {
  padding-block-start: var(--size_30);
}
.checkout-form__fields, .checkout-form__togglers {
  display: flex;
  flex-direction: column;
}
.checkout-form__togglers {
  gap: var(--size_10);
}
.checkout-form__fields {
  gap: var(--size_15);
}

.coupon-block {
  position: relative;
}
.coupon-block__btn {
  width: var(--size_48);
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 0;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}
.coupon-block__btn svg {
  width: var(--size_26);
  height: var(--size_13);
  fill: var(--color__white);
}
.coupon-block.active .coupon-block__btn {
  opacity: 1;
  visibility: visible;
}

@media screen and (min-width: 1200px) {
  .coupon-block__input {
    padding: var(--size_24) var(--size_64) var(--size_24) var(--size_26);
  }
  .coupon-block__btn {
    width: var(--size_64);
  }
}
.checkout-footer__block {
  background: #F6F6FA;
  padding: var(--size_14) var(--size_20) var(--size_20);
}
.checkout-footer__row {
  display: flex;
  justify-content: space-between;
  gap: var(--size_14);
  padding-block: var(--size_6);
}
.checkout-footer__row--outline {
  padding-block-end: var(--size_15);
  margin-block-end: var(--size_10);
  border-block-end: 0.1rem solid #CED2E1;
}
.checkout-footer__row p:last-child {
  text-align: end;
}
.checkout-footer__btn {
  width: 100%;
  padding: var(--size_15);
  margin-block-start: var(--size_32);
}
.checkout-footer__consent {
  margin-block-start: var(--size_14);
}
.checkout-footer__consent a {
  color: var(--color__accent);
  text-decoration: underline;
}
.checkout-footer__consent a:hover, .checkout-footer__consent a:focus {
  opacity: 0.5;
}
.checkout-footer__coupon {
  margin-block-end: var(--size_14);
}

@media screen and (min-width: 1200px) {
  .checkout-footer__consent {
    margin-block-start: var(--size_22);
  }
}
.shop-bar {
  padding-block: var(--size_8);
}
.shop-bar__text p {
  margin: 0;
}
.shop-bar__text a {
  text-decoration: underline;
  color: var(--color__accent);
}
.shop-bar__text a:hover, .shop-bar__text a:focus {
  opacity: 0.7;
}

@media screen and (min-width: 960px) {
  .shop-bar {
    padding-block: var(--size_12);
  }
}
.header {
  padding-block: var(--size_17);
  border-block-end: 0.1rem solid #CED2E1;
  width: 100%;
  transition: var(--transition__general);
}
.header__container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.header__logo {
  display: block;
  flex-basis: 50%;
  flex-shrink: 0;
}
.header__logo img {
  height: auto;
  width: 26.13vw;
  margin-inline: auto;
}
.header__icon {
  width: var(--size_17);
  height: var(--size_17);
}
.header__icon svg {
  width: 100%;
  height: 100%;
  fill: var(--color__main-text);
  transition: var(--transition__general);
}
.header__icon:hover svg, .header__icon:focus svg {
  fill: var(--color__accent);
}
.header__search {
  height: var(--size_17);
}
.header__tools {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: var(--size_24);
}
.header__menu-wr, .header__inline-menu {
  display: none;
}
.header__tools, .header header-drawer {
  flex-basis: 25%;
}

.section-header {
  transition: var(--transition__general);
  min-height: 17.4vw;
}
.section-header.fixed .header {
  position: fixed;
  top: 0;
  left: 0;
}
.section-header.hide .header {
  transform: translateY(-100%);
}

@media screen and (min-width: 640px) {
  .header__logo img {
    width: 15.13vw;
  }
  .section-header {
    min-height: 10.9vw;
  }
}
@media screen and (min-width: 960px) {
  .header__container {
    justify-content: flex-start;
  }
  .header__tools {
    margin-inline-start: auto;
    flex-basis: auto;
  }
  .header__logo {
    order: -1;
    flex-basis: auto;
  }
  .header__mega-btn {
    margin-inline: var(--size_16);
  }
  .header__menu-wr, .header__main-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .header__main-menu {
    gap: 2vw;
  }
  .header__main-menu a:hover, .header__main-menu a:focus, .header__main-menu a.active {
    color: var(--color__accent);
  }
  .header__icon {
    width: var(--size_20);
    height: var(--size_20);
  }
  .header__search {
    height: var(--size_20);
  }
  .header__tools {
    gap: var(--size_26);
  }
  .header__logo img {
    width: 10.2vw;
  }
  .header header-drawer {
    display: none;
  }
  .header__inline-menu {
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    border-block-start-style: solid;
    border-block-start-width: 0.1rem;
    border-block-start-color: var(--color__accent);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: var(--transition__general);
  }
  .header__inline-menu.open {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
  .section-header {
    min-height: 8.2vw;
  }
}
@media screen and (min-width: 1200px) {
  .header__mega-btn {
    margin-inline: 2.92vw var(--size_40);
  }
  .header__logo img {
    width: 8.7vw;
  }
  .header__main-menu {
    gap: 2.75vw;
  }
  .header__inline-menu {
    left: 50%;
    transform: translateX(-50%);
    width: 89.33vw;
  }
  .section-header {
    min-height: 6.5vw;
  }
}
@media screen and (min-width: 1440px) {
  .header {
    padding-block: var(--size_28);
  }
  .header__mega-btn {
    margin-inline: 2.43vw var(--size_40);
  }
  .header__main-menu {
    gap: 2.3vw;
  }
  .section-header {
    min-height: 7.1vw;
  }
}
@media screen and (min-width: 1660px) {
  .header {
    padding-block: 2.7rem 2.8rem;
  }
  .header__mega-btn {
    margin-inline: 3.5rem var(--size_40);
  }
  .header__logo img {
    width: 12.5rem;
  }
  .section-header {
    min-height: 10.1rem;
  }
}
.main-product {
  overflow: hidden;
}
.main-product__sale-badge {
  z-index: 2;
  top: var(--size_14);
  left: var(--size_14);
}
.main-product__tags {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--size_14);
}
.main-product__title > a {
  display: none;
}
.main-product__title, .main-product__tags, .main-product__accords, .main-product__gallery, .main-product__swatches:not(:last-of-type) {
  margin-block-end: var(--size_14);
}
.main-product__composition {
  padding-block-start: var(--size_10);
}
.main-product__price-quant-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-block-start: var(--size_20);
  gap: var(--size_20);
}
.main-product__price .price__sale .price-item--regular {
  font-size: var(--size_14);
}
.main-product__buttons {
  display: flex;
  flex-direction: column;
  gap: var(--size_14);
  margin-block-start: var(--size_20);
  width: 100%;
}
.main-product__buttons .shopify-payment-button {
  background-color: var(--color__white);
  width: 100%;
}
.main-product__buttons .shopify-payment-button.sticky {
  position: fixed;
  padding: var(--size_16) var(--size_8);
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
}
.main-product__buttons .shopify-payment-button__button {
  font-family: var(--font__general);
  letter-spacing: normal;
  line-height: normal;
  height: auto;
  min-height: auto;
  min-width: auto;
  font-size: var(--size_14);
  width: 100%;
  font-weight: 500;
  border: 0.1rem solid var(--color__accent);
  padding: var(--size_14);
}
.main-product__buttons .shopify-payment-button__button:disabled {
  background-color: var(--color__main-text);
  pointer-events: none;
  border-color: var(--color__main-text);
}
.main-product__buttons .shopify-payment-button__button::before, .main-product__buttons .shopify-payment-button__button::after {
  display: none;
}
.main-product__buttons .shopify-payment-button__button.shopify-payment-button__button--unbranded {
  position: relative;
}
.main-product__buttons .shopify-payment-button__button.shopify-payment-button__button--unbranded::after {
  content: "Купити зараз";
  background: inherit;
  font-size: inherit;
  color: inherit;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  transition: var(--transition__general);
}
.main-product__buttons .shopify-payment-button__button:hover, .main-product__buttons .shopify-payment-button__button:focus {
  color: var(--color__accent);
  background-color: var(--color__white);
}
.main-product__buttons .shopify-payment-button__button:hover.shopify-payment-button__button--unbranded::after, .main-product__buttons .shopify-payment-button__button:focus.shopify-payment-button__button--unbranded::after {
  background-color: var(--color__white);
}
.main-product__add-to-cart-wr {
  background-color: var(--color__white);
  width: 100%;
}
.main-product__btn {
  padding: var(--size_14);
  margin: 0;
  letter-spacing: normal;
  line-height: normal;
  height: auto;
  min-height: auto;
  width: 100%;
  min-width: auto;
  font-family: var(--font__general);
}
.main-product__btn:disabled {
  border-color: var(--color__main-text);
  color: var(--color__main-text);
  pointer-events: none;
}
.main-product__links {
  background-color: #EBEDF3;
  padding: var(--size_16);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--size_8);
  margin-block-start: var(--size_14);
}
.main-product__link-icon {
  width: var(--size_26);
}
.main-product__link {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--size_10);
}
.main-product__link svg {
  fill: var(--color__main-text);
  transition: var(--transition__general);
  width: var(--size_24);
  height: var(--size_24);
}
.main-product__link--highlight span {
  text-decoration: underline;
  transition: var(--transition__general);
}
.main-product__link--highlight:hover svg, .main-product__link--highlight:focus svg {
  fill: var(--color__accent);
}
.main-product__link--highlight:hover span, .main-product__link--highlight:focus span {
  color: var(--color__accent);
}
.main-product__link--highlight.main-product__link--stroke:hover svg, .main-product__link--highlight.main-product__link--stroke:focus svg {
  stroke: var(--color__accent);
}
.main-product__link--stroke svg {
  stroke: var(--color__main-text);
  fill: none;
  width: var(--size_26);
}

@media screen and (min-width: 640px) {
  .main-product__links, .main-product__buttons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 960px) {
  .main-product {
    overflow: visible;
  }
  .main-product__tags {
    gap: var(--size_8);
  }
  .main-product__swatches:not(:last-child) {
    margin-block-end: var(--size_20);
  }
  .main-product__content-wrapper {
    display: flex;
    flex-direction: row;
    gap: var(--size_10);
  }
  .main-product__media-wrapper {
    width: 50%;
    height: max-content;
    position: sticky;
    top: 10%;
  }
  .main-product__gallery {
    margin: 0;
  }
  .main-product__info-wrapper {
    flex-grow: 1;
    width: 50%;
  }
  .main-product__buttons {
    margin-block-start: var(--size_28);
  }
  .main-product__price .price__sale .price-item--regular {
    font-size: var(--size_16);
  }
  .main-product__links {
    display: flex;
  }
  .main-product__link-icon {
    width: auto;
  }
}
@media screen and (min-width: 1440px) {
  .main-product__tags {
    margin-block-end: var(--size_28);
  }
  .main-product__content-wrapper {
    justify-content: space-between;
  }
  .main-product__media-wrapper {
    width: 40%;
  }
  .main-product__info-wrapper {
    width: 55%;
    flex-grow: 0;
  }
  .main-product__accords {
    margin-block-end: var(--size_30);
  }
  .main-product__price-quant-block {
    margin-block-start: var(--size_30);
  }
  .main-product__links {
    display: grid;
  }
}
.hero-slider {
  position: relative;
}
.hero-slider__swiper {
  height: 90vw;
}
.hero-slider__slide {
  position: relative;
}
.hero-slider__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-slider__slide:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background-color: rgba(65, 54, 54, 0.2705882353);
}
.hero-slider__btn {
  display: none;
}
.hero-slider__content {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  padding-inline: var(--size_20);
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero-slider__content ul, .hero-slider__content ul > li {
  list-style-type: disc;
}
.hero-slider__content ol, .hero-slider__content ol > li {
  list-style-type: decimal;
}
.hero-slider__content strong, .hero-slider__content b {
  font-weight: 500;
}
.hero-slider__content h1, .hero-slider__content h2, .hero-slider__content h3, .hero-slider__content h4, .hero-slider__content h5, .hero-slider__content h6 {
  font-weight: 500;
  margin-block: var(--size_20);
}
.hero-slider__content ul, .hero-slider__content ol {
  padding-inline-start: var(--size_36);
}
.hero-slider__content li:not(:last-child) {
  margin-block-end: var(--size_8);
}
.hero-slider__content a {
  text-decoration: underline;
  color: var(--color__accent);
}
.hero-slider__content a:hover, .hero-slider__content a:focus {
  opacity: 0.7;
}
.hero-slider__pagination.swiper-pagination {
  bottom: var(--size_16);
}

@media screen and (min-width: 640px) {
  .hero-slider__swiper {
    height: 50vw;
  }
}
@media screen and (min-width: 960px) {
  .hero-slider__swiper {
    height: 30.7vw;
  }
  .hero-slider__btn {
    display: flex;
  }
  .hero-slider__btn--prev {
    left: 3.4vw;
  }
  .hero-slider__btn--next {
    right: 3.4vw;
  }
}
@media screen and (min-width: 1440px) {
  .hero-slider__swiper {
    height: 25vw;
  }
  .hero-slider__btn--prev {
    left: 6.9vw;
  }
  .hero-slider__btn--next {
    right: 6.9vw;
  }
}
@media screen and (min-width: 1660px) {
  .hero-slider__swiper {
    height: 45vh;
  }
}
.collection-list {
  padding-block: var(--size_16);
}
.collection-list__container {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--size_16);
}

@media screen and (min-width: 640px) {
  .collection-list__container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 960px) {
  .collection-list__container {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--size_20);
  }
}
.featured-collection {
  padding-block: var(--size_30);
  overflow: hidden;
}
.featured-collection__swiper {
  overflow: visible;
}
.featured-collection__title {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--size_8);
  margin-block-end: var(--size_22);
}
.featured-collection__title svg {
  width: var(--size_18);
  height: var(--size_10);
  fill: var(--color__main-text);
}
.featured-collection__btn {
  gap: var(--size_8);
  width: 100%;
  padding: var(--size_16);
  margin-block-start: var(--size_30);
}
.featured-collection__btn svg {
  width: var(--size_26);
  height: var(--size_13);
}
.featured-collection__navigation {
  margin-block-start: var(--size_26);
}

@media screen and (min-width: 640px) {
  .featured-collection__btn {
    width: 50%;
    margin-inline: auto;
  }
}
@media screen and (min-width: 960px) {
  .featured-collection__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: var(--size_18);
  }
  .featured-collection__title {
    margin: 0;
    gap: var(--size_14);
  }
  .featured-collection__title svg {
    width: var(--size_26);
    height: var(--size_13);
  }
  .featured-collection__swiper {
    width: 100%;
    flex-basis: 100%;
    order: 1;
  }
  .featured-collection__btn {
    margin: 0;
    width: auto;
    padding: var(--size_16) var(--size_20);
  }
  .featured-collection__navigation {
    margin-block-start: var(--size_30);
  }
}
@media screen and (min-width: 1440px) {
  .featured-collection {
    padding-block: var(--size_40);
  }
}
.about-us {
  padding-block: var(--size_30);
}
.about-us__title {
  margin-block-end: var(--size_20);
}
.about-us__subtitle {
  margin-block-end: var(--size_14);
}
.about-us__img img {
  width: 100%;
  height: auto;
}
.about-us__img-vert {
  max-width: 55%;
  margin-inline-start: auto;
}
.about-us__text {
  margin-block-start: var(--size_20);
}
.about-us__text strong, .about-us__text b {
  font-weight: 600;
}
.about-us__img-hor {
  margin-block-start: var(--size_20);
  width: 100%;
}

@media screen and (min-width: 960px) {
  .about-us {
    padding-block: var(--size_96) var(--size_60);
  }
  .about-us__container {
    display: grid;
    grid-template-columns: auto 0.65fr 0.35fr 1fr;
    gap: var(--size_16);
  }
  .about-us__subtitle {
    grid-column: span 2;
    padding-block-start: 25%;
  }
  .about-us__title, .about-us__subtitle {
    margin: 0;
  }
  .about-us__img-vert {
    max-width: 100%;
    margin-inline-start: 0;
    grid-row: span 2;
    margin-block-start: var(--size_16);
  }
  .about-us__text {
    margin: 0;
  }
  .about-us__img-hor {
    margin-block-start: var(--size_40);
  }
  .about-us__bottom-block {
    grid-column: span 2;
    padding-block-start: 10%;
  }
}
@media screen and (min-width: 1660px) {
  .about-us__container {
    width: 124rem;
  }
}
.brand-slider {
  overflow: hidden;
  padding-block: var(--size_30);
}
.brand-slider__swiper {
  overflow: visible;
}
.brand-slider__navigation {
  margin-block-start: var(--size_20);
}

@media screen and (min-width: 960px) {
  .brand-slider__navigation {
    margin-block-start: var(--size_40);
  }
}
.page-links {
  padding-block: var(--size_30);
}

@media screen and (min-width: 960px) {
  .page-links {
    padding-block: var(--size_60);
  }
}
#insta-feed {
  padding-block-start: var(--size_30);
}
#insta-feed h2 {
  font-size: var(--size_24);
  font-family: var(--font__titles);
  margin-block-end: var(--size_30) !important;
  margin-inline: auto;
  width: 89.33vw;
}

.section .shopify-block .instafeed-bottom-link-wrapper, .section .shopify-block .instafeed-bottom-link-wrapper[data-feed-id="0"] {
  padding-block-end: var(--size_60);
}
.section .shopify-block .instafeed-bottom-link-wrapper > a, .section .shopify-block .instafeed-bottom-link-wrapper a, .section .shopify-block .instafeed-bottom-link-wrapper[data-feed-id="0"] > a, .section .shopify-block .instafeed-bottom-link-wrapper[data-feed-id="0"] a {
  margin: var(--size_30) 0 0;
  color: var(--color__accent);
  font-family: var(--font__titles);
  font-size: var(--size_14);
}
.section .shopify-block .instafeed-bottom-link-wrapper > a::after, .section .shopify-block .instafeed-bottom-link-wrapper a::after, .section .shopify-block .instafeed-bottom-link-wrapper[data-feed-id="0"] > a::after, .section .shopify-block .instafeed-bottom-link-wrapper[data-feed-id="0"] a::after {
  border-color: var(--color__accent);
}

@media screen and (min-width: 960px) {
  #insta-feed {
    padding-block-start: var(--size_60);
  }
  #insta-feed h2 {
    font-size: var(--size_32);
    margin-block-end: var(--size_48) !important;
  }
  .section .shopify-block .instafeed-bottom-link-wrapper, .section .shopify-block .instafeed-bottom-link-wrapper[data-feed-id="0"] {
    padding-block-end: 10rem;
  }
  .section .shopify-block .instafeed-bottom-link-wrapper > a, .section .shopify-block .instafeed-bottom-link-wrapper a, .section .shopify-block .instafeed-bottom-link-wrapper[data-feed-id="0"] > a, .section .shopify-block .instafeed-bottom-link-wrapper[data-feed-id="0"] a {
    font-size: var(--size_16);
  }
}
.related-products {
  padding-block: var(--size_30);
  overflow: hidden;
}
.related-products__title {
  margin-block-end: var(--size_24);
}
.related-products__navigation {
  margin-block-start: var(--size_24);
}
.related-products__swiper {
  overflow: visible;
}

@media screen and (min-width: 960px) {
  .related-products {
    padding-block: var(--size_60);
  }
  .related-products__navigation {
    margin-block-start: var(--size_30);
  }
}
.collection-hero {
  padding-block: var(--size_20);
  overflow: hidden;
}
.collection-hero__cats {
  overflow: visible;
}
.collection-hero__cats-wrapper {
  padding-block: var(--size_20) 0;
}
.collection-hero__adv-banner {
  margin-block-start: var(--size_20);
}

@media screen and (min-width: 960px) {
  .collection-hero {
    padding-block: 0 var(--size_30);
  }
  .collection-hero__cats-wrapper {
    padding-block: var(--size_30) 0;
  }
  .collection-hero__adv-banner {
    margin-block-start: var(--size_28);
  }
}
.shop {
  padding-block: var(--size_20) var(--size_30);
}
.shop__grid {
  display: grid;
  grid-template-columns: repeat(2, calc((100% - var(--size_20)) / 2));
  gap: var(--size_20);
}
.shop__load-more {
  display: block;
  width: 100%;
  margin-block-start: var(--size_40);
  padding: var(--size_16);
  text-align: center;
}
.shop__empty-btn {
  width: 100%;
  padding: var(--size_16);
  display: block;
  text-align: center;
}
.shop__empty-btns {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--size_20);
  margin-block-start: var(--size_20);
}
.shop__not-found {
  text-align: center;
}
.shop__facets {
  margin-block-end: var(--size_20);
}
.shop__collection.loading .shop__loader {
  display: block;
}

@media screen and (min-width: 640px) {
  .shop__grid {
    grid-template-columns: repeat(3, calc((100% - 2 * var(--size_20)) / 3));
  }
  .shop__load-more {
    width: max-content;
    margin-inline: auto;
    padding: var(--size_16) var(--size_24);
  }
  .shop__empty-btns {
    flex-direction: row;
    margin-inline: auto;
  }
}
@media screen and (min-width: 960px) {
  .shop {
    padding-block: var(--size_30) var(--size_60);
  }
  .shop__grid {
    row-gap: var(--size_40);
    grid-template-columns: repeat(4, calc((100% - 3 * var(--size_20)) / 4));
  }
  .shop__facets {
    margin-block-end: var(--size_30);
  }
  .shop__empty-btn {
    width: max-content;
  }
}
@media screen and (min-width: 1440px) {
  .shop__load-more {
    margin-block-start: 7rem;
  }
}
.all-collections {
  padding-block: var(--size_20) var(--size_60);
}
.all-collections__title {
  margin-block-end: var(--size_20);
}

@media screen and (min-width: 960px) {
  .all-collections__title {
    margin-block-end: var(--size_28);
  }
}
.faq {
  padding-block: var(--size_20) var(--size_60);
}
.faq__content {
  margin-block-start: var(--size_30);
}
.faq__wrapper {
  margin-block-start: 13.33vw;
}

@media screen and (min-width: 640px) {
  .faq__wrapper {
    margin-block-start: 7.8vw;
  }
}
@media screen and (min-width: 960px) {
  .faq {
    padding-block: var(--size_26) calc(var(--size_10) * 10);
  }
  .faq__content {
    margin-block-start: var(--size_48);
    max-width: 80%;
  }
  .faq__wrapper {
    margin-block-start: 5.2vw;
  }
}
@media screen and (min-width: 1440px) {
  .faq__wrapper {
    margin-block-start: 3.6vw;
  }
}
@media screen and (min-width: 1660px) {
  .faq__wrapper {
    margin-block-start: 5.2rem;
  }
}
.page-banner {
  padding-block: var(--size_20);
}
.page-banner__img {
  width: 100%;
}
.page-banner__img img {
  width: 100%;
  height: auto;
}
.page-banner__box {
  background-color: #F6F6FA;
}
.page-banner__content {
  padding: var(--size_16) var(--size_20);
}
.page-banner__txt {
  margin-block-start: var(--size_12);
}
.page-banner__btn {
  margin-block-start: var(--size_22);
  gap: var(--size_8);
  padding: var(--size_15);
}
.page-banner__btn svg {
  width: var(--size_26);
  height: var(--size_13);
  fill: var(--color__white);
}

@media screen and (min-width: 960px) {
  .page-banner {
    padding-block: var(--size_60);
  }
  .page-banner__box {
    display: grid;
    grid-template-columns: auto 43.7%;
  }
  .page-banner__img {
    height: 100%;
  }
  .page-banner__img img {
    height: 100%;
    object-fit: cover;
  }
  .page-banner__txt, .page-banner__btn {
    margin-block-start: 0;
  }
  .page-banner__btn {
    width: max-content;
    padding: var(--size_15) var(--size_20);
    margin-block-start: auto;
  }
  .page-banner__content {
    order: -1;
    display: flex;
    flex-direction: column;
    padding: 5.2vw;
    gap: var(--size_20);
  }
}
@media screen and (min-width: 1440px) {
  .page-banner__content {
    padding: 3.47vw;
  }
}
@media screen and (min-width: 1660px) {
  .page-banner__content {
    padding: 5rem;
  }
}
.contact {
  padding-block: var(--size_20) var(--size_60);
}
.contact__title {
  margin-block-end: var(--size_30);
}
.contact__form, .contact__address {
  background: #F6F6FA;
}
.contact__address {
  padding: var(--size_15) var(--size_15) var(--size_20);
  margin-block-end: var(--size_40);
}
.contact__form {
  padding: var(--size_30) var(--size_15);
}

@media screen and (min-width: 960px) {
  .contact__title {
    margin-block-end: var(--size_40);
  }
  .contact__form {
    padding: var(--size_36) var(--size_30);
  }
  .contact__address {
    padding: var(--size_16) var(--size_30) var(--size_30);
    flex-shrink: 0;
    width: 50%;
    margin: 0;
    height: auto;
  }
  .contact__wrapper {
    display: flex;
    gap: var(--size_20);
    flex-direction: row;
  }
}
@media screen and (min-width: 1440px) {
  .contact__address {
    width: 57.7%;
  }
}
.text-content {
  padding-block: var(--size_30) var(--size_60);
}
.text-content__heading {
  margin-block-end: var(--size_40);
}
.text-content__img-content {
  margin-block-end: var(--size_28);
}
.text-content__txt {
  margin-block-end: var(--size_30);
}
.text-content__txt strong, .text-content__txt b {
  font-weight: 500;
}
.text-content__txt ul, .text-content__txt ol {
  padding-inline-start: var(--size_24);
  margin-block-end: var(--size_20);
}
.text-content__txt ul, .text-content__txt ul > li {
  list-style-type: disc;
}
.text-content__txt ol, .text-content__txt ol > li {
  list-style-type: decimal;
}
.text-content__txt a {
  color: var(--color__accent);
  text-decoration: underline;
}
.text-content__txt a:hover, .text-content__txt a:focus {
  opacity: 0.7;
}
.text-content__txt h1 {
  font-size: 2em;
}
.text-content__txt h1, .text-content__txt h2, .text-content__txt h3 {
  font-family: var(--font__titles);
}
.text-content__txt h4, .text-content__txt h5, .text-content__txt h6 {
  font-weight: 500;
}
.text-content__txt h1, .text-content__txt h2, .text-content__txt h3, .text-content__txt h4, .text-content__txt h5, .text-content__txt h6, .text-content__txt p {
  margin-block-end: var(--size_20);
}
.text-content__cols {
  display: flex;
  flex-direction: column;
  gap: var(--size_30);
  margin-block-end: var(--size_30);
}
.text-content__col::after {
  content: "";
  display: block;
  position: relative;
  width: 25.5%;
  background-color: var(--color__accent);
  height: 0.2rem;
  margin-block-start: var(--size_14);
}

@media screen and (min-width: 960px) {
  .text-content__block--txt-align_left {
    text-align: left;
  }
  .text-content__block--txt-align_center {
    text-align: center;
  }
  .text-content__block--txt-align_right {
    text-align: right;
  }
  .text-content__block--block-align_right {
    margin-inline-start: auto;
  }
  .text-content__block--block-align_center {
    margin-inline: auto;
  }
  .text-content__block--block-align_left {
    margin-inline-end: auto;
  }
  .text-content__block--width_50 {
    max-width: 50%;
  }
  .text-content__block--width_100 {
    width: 100%;
  }
  .text-content__heading, .text-content__txt {
    margin-block-end: 8.33vw;
  }
  .text-content__img-content {
    margin-block-end: 5.73vw;
  }
  .text-content__cols {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--size_40);
    margin-block-end: 5.6vw;
  }
  .text-content__col::after {
    margin-block-start: var(--size_10);
  }
}
@media screen and (min-width: 1440px) {
  .text-content {
    padding-block-end: 6.9vw;
  }
  .text-content__heading, .text-content__txt {
    margin-block-end: 5.56vw;
  }
  .text-content__img-content {
    margin-block-end: 3.8vw;
  }
  .text-content__img-content + .text-content__cols {
    margin-block-start: 11vw;
  }
  .text-content__cols {
    margin-block-end: 3.75vw;
  }
}
@media screen and (min-width: 1660px) {
  .text-content {
    padding-block-end: 10rem;
  }
  .text-content__heading, .text-content__txt {
    margin-block-end: 8rem;
  }
  .text-content__img-content {
    margin-block-end: 5.5rem;
  }
  .text-content__img-content + .text-content__cols {
    margin-block-start: 15.4rem;
  }
  .text-content__cols {
    margin-block-end: 5.4rem;
  }
}
.search-page {
  padding-block: var(--size_30) var(--size_60);
}

.table-sizes {
  overflow: hidden;
  padding-block: var(--size_20);
}
.table-sizes__tables:not(:last-child), .table-sizes__table:not(:last-child) {
  margin-block-end: var(--size_30);
}
.table-sizes__title {
  margin-block-end: var(--size_40);
}

@media screen and (min-width: 960px) {
  .table-sizes__title {
    margin-block-end: var(--size_60);
  }
}
@media screen and (min-width: 1200px) {
  .table-sizes__tables--2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--size_30);
  }
}
.brand-table-sizes {
  padding-block: var(--size_30) var(--size_60);
}
.brand-table-sizes__table {
  padding-block: var(--size_30);
  border-block-start: 0.1rem solid #CED2E1;
}

.cart-page {
  padding-block: var(--size_30) var(--size_60);
}
.cart-page__heading {
  display: flex;
  flex-direction: column;
  gap: var(--size_24);
}
.cart-page__continue {
  margin-inline-start: auto;
  width: max-content;
  display: block;
  padding: var(--size_8);
}

@media screen and (min-width: 640px) {
  .cart-page__heading {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .cart-page__continue {
    padding: var(--size_16) var(--size_24);
  }
}
@media screen and (min-width: 960px) {
  .cart-page__container {
    width: clamp(32rem, 66.67vw, 64rem);
  }
}
.content {
  padding-block: var(--size_30);
}
.content__title {
  margin-block-end: var(--size_24);
}
.content__content strong, .tab-content__text strong, .faq__content strong, .content__content b, .tab-content__text b, .faq__content b {
  font-weight: 500;
}
.content__content hr, .tab-content__text hr, .faq__content hr {
  background-color: #ced2e1;
}
.content__content p, .tab-content__text p, .faq__content p, .content__content ul, .tab-content__text ul, .faq__content ul, .content__content ol, .tab-content__text ol, .faq__content ol {
  margin-block-end: var(--size_18);
}
.content__content h1, .tab-content__text h1, .faq__content h1, .content__content h2, .tab-content__text h2, .faq__content h2, .content__content h3, .tab-content__text h3, .faq__content h3, .content__content h4, .tab-content__text h4, .faq__content h4, .content__content h5, .tab-content__text h5, .faq__content h5, .content__content h6, .tab-content__text h6, .faq__content h6 {
  font-weight: 500;
  margin-block: var(--size_20);
}
.content__content ul, .tab-content__text ul, .faq__content ul, .content__content ul > li, .tab-content__text ul > li, .faq__content ul > li {
  list-style-type: disc;
}
.content__content ol, .tab-content__text ol, .faq__content ol, .content__content ol > li, .tab-content__text ol > li, .faq__content ol > li {
  list-style-type: decimal;
}
.content__content ul, .tab-content__text ul, .faq__content ul, .content__content ol, .tab-content__text ol, .faq__content ol {
  padding-inline-start: var(--size_36);
}
.content__content li:not(:last-child), .tab-content__text li:not(:last-child), .faq__content li:not(:last-child) {
  margin-block-end: var(--size_8);
}
.content__content a, .tab-content__text a, .faq__content a {
  text-decoration: underline;
  color: var(--color__accent);
}
.content__content a:hover, .tab-content__text a:hover, .faq__content a:hover, .content__content a:focus, .tab-content__text a:focus, .faq__content a:focus {
  opacity: 0.7;
}

@media screen and (min-width: 960px) {
  .content {
    padding-block: var(--size_60);
  }
  .content__title {
    margin-block-end: var(--size_48);
  }
}
.recently-viewed {
  overflow: hidden;
  padding-block: var(--size_30) var(--size_60);
}
.recently-viewed__title {
  margin-block-end: var(--size_24);
}

@media screen and (min-width: 960px) {
  .recently-viewed {
    padding-block: 5rem 10rem;
  }
  .recently-viewed__title {
    margin-block-end: var(--size_30);
  }
}
.tabs {
  padding-block: var(--size_30) var(--size_60);
}
.tabs__switchers {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--size_8);
  margin-block-start: var(--size_48);
}
.tabs__tab-content {
  margin-block-start: var(--size_30);
}

@media screen and (min-width: 960px) {
  .tabs {
    padding-block: 0 var(--size_60);
  }
}
.checkout-page {
  padding-block: var(--size_20) var(--size_64);
}
.checkout-page__title {
  margin-block-end: var(--size_20);
}
.checkout-page__form {
  margin-block: var(--size_38) var(--size_48);
}
.checkout-page__cart-item {
  column-gap: var(--size_16);
  display: grid;
  grid-template: repeat(2, auto)/repeat(4, 1fr);
}
.checkout-page__cart-item:not(:last-child) {
  padding-block-end: var(--size_20);
}
.checkout-page__cart-item .cart-item__details {
  width: auto;
  grid-column: 2/5;
}
.checkout-page__cart-item .cart-item__quantity {
  grid-column: 2/5;
}

@media screen and (min-width: 960px) {
  .checkout-page__cart-item .cart-item__details {
    display: block;
  }
  .checkout-page__cart-item .cart-item__options {
    margin-block-start: var(--size_8);
  }
  .checkout-page__cart-item .cart-item__discounted-prices {
    text-align: start;
    margin-block-start: var(--size_16);
    display: flex;
    align-items: center;
    gap: var(--size_16);
  }
  .checkout-page__cart-item .cart-item__quantity {
    grid-column: 2/5;
  }
}
@media screen and (min-width: 1200px) {
  .checkout-page {
    padding-block: var(--size_48) var(--size_96);
  }
  .checkout-page__title {
    margin-block-end: var(--size_38);
  }
  .checkout-page__form {
    margin: 0;
  }
  .checkout-page__content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--size_24);
    justify-content: space-between;
  }
  .checkout-page__form {
    grid-column: 1/2;
    grid-row: 1/4;
  }
  .checkout-page__items {
    width: 100%;
  }
  .checkout-page__cart-item:not(:last-child) {
    border-block-end: 0.1rem solid #CED2E1;
  }
  .checkout-page__cart-item:not(:first-child) {
    padding-block-start: var(--size_20);
  }
}
@media screen and (min-width: 1440px) {
  .checkout-page__content {
    grid-template-columns: repeat(2, 0.42fr);
  }
}
.icon-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--size_12);
}
.icon-title svg {
  fill: var(--color__accent);
  flex-shrink: 0;
}
.icon-title span {
  transition: var(--transition__general);
}

.icon-title--address {
  font-style: normal;
}
.icon-title--address svg {
  width: var(--size_12);
  height: var(--size_16);
}
.icon-title--phone svg {
  width: var(--size_16);
  height: var(--size_16);
}
.icon-title--mail svg {
  width: var(--size_16);
  height: var(--size_12);
}

.icon-title--link:hover span, .icon-title--link:focus span {
  color: var(--color__accent);
}

@media screen and (min-width: 960px) {
  .icon-title {
    gap: var(--size_16);
  }
  .icon-title--address {
    align-items: flex-start;
  }
}
.footer-faq {
  padding-block: var(--size_12);
  border-block-start: 0.1rem solid #35333d;
  padding-inline: var(--size_20);
}
.footer-faq__heading svg {
  fill: var(--color__white);
  width: var(--size_12);
  height: var(--size_8);
}
.footer-faq__list {
  display: flex;
  flex-direction: column;
  gap: var(--size_12);
}
.footer-faq.active .footer-faq__content {
  padding-block-start: var(--size_10);
}
.footer-faq:not(:only-child):last-of-type {
  border-block-end: 0.1rem solid #35333d;
}
.footer-faq:only-child {
  border-block-end: 0.1rem solid #35333d;
  border-block-start: none;
}

@media screen and (min-width: 960px) {
  .footer-faq {
    border: none;
    padding: 0;
  }
  .footer-faq__heading {
    padding: 0;
    text-transform: none;
    margin-block-end: var(--size_10);
  }
  .footer-faq__heading svg {
    display: none;
  }
  .footer-faq__content {
    opacity: 1;
    visibility: visible;
    max-height: 100%;
  }
  .footer-faq__list {
    gap: var(--size_10);
  }
  .footer-faq:not(:only-child):last-of-type {
    border-block-end: none;
  }
  .footer-faq:only-child {
    border: none;
  }
  .footer-faq.active .footer-faq__content {
    padding-block-start: 0;
  }
}
.footer__top-row {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-block: var(--size_20);
  gap: var(--size_16);
}
.footer__logo {
  height: var(--size_26);
}
.footer__logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer__newsletter {
  width: 100%;
}
.footer__contacts, .footer__item--collapsed {
  margin-inline: calc(-1 * var(--size_20));
}
.footer__item--collapsed:first-of-type {
  border-block-start: 0.1rem solid #35333d;
}
.footer__bottom-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-block-end: var(--size_18);
}
.footer__sub-title {
  margin-block-end: var(--size_6);
}
.footer__payments-wr {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--size_28);
}
.footer__contacts {
  margin-block-end: var(--size_16);
  flex-basis: 100%;
  flex-grow: 1;
}
.footer__item--txt {
  margin-block-end: var(--size_13);
}
.footer__payment img {
  border-radius: 0.4rem;
  width: var(--size_30);
  height: var(--size_20);
}
.footer a:hover, .footer a:focus {
  color: var(--color__accent);
}

@media screen and (min-width: 960px) {
  .footer__top-row {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    padding-block: var(--size_32);
  }
  .footer__logo {
    height: var(--size_64);
  }
  .footer__newsletter {
    max-width: 60%;
  }
  .footer__menu {
    column-count: 5;
    column-gap: var(--size_10);
    padding-block-end: var(--size_20);
    border-block-start: 0.1rem solid #35333d;
    padding-block-start: var(--size_30);
  }
  .footer__item--collapsed {
    break-after: column;
  }
  .footer__item--collapsed .footer-faq__list {
    color: #ced2e1;
  }
  .footer__item--collapsed .footer-faq__heading {
    font-size: var(--size_14);
    font-weight: 700;
  }
  .footer__item--txt:has(+ .footer__item--collapsed) {
    break-after: column;
  }
  .footer__bottom-row {
    flex-direction: row;
    justify-content: space-between;
    padding-block: var(--size_16) var(--size_24);
    gap: var(--size_64);
    border-block-start: 0.1rem solid #35333d;
  }
  .footer__socials {
    order: 1;
  }
  .footer__contacts {
    flex-basis: auto;
    margin: 0;
  }
  .footer__contacts .footer-faq__list {
    display: grid;
    grid-template-columns: auto auto;
    width: max-content;
    column-gap: var(--size_64);
    row-gap: var(--size_12);
  }
  .footer__contacts .footer-faq__list li:first-child {
    grid-row: span 2;
  }
  .footer__contacts, .footer__item--collapsed {
    margin-inline: 0;
  }
  .footer__sub-title {
    margin-block-end: var(--size_10);
  }
  .footer__contacts-wr .footer-faq__heading {
    display: none;
  }
  .footer__item--txt {
    margin-block-end: var(--size_10);
  }
}
@media screen and (min-width: 1440px) {
  .footer__newsletter {
    max-width: 41%;
  }
  .footer__logo {
    height: 5.2vw;
  }
  .footer__menu {
    column-gap: var(--size_64);
  }
}
@media screen and (min-width: 1660px) {
  .footer__logo {
    height: 7.5rem;
  }
}
.copyright {
  background: #1F1E22;
  padding-block: var(--size_18) var(--size_24);
  text-align: center;
  font-weight: 300;
}
.copyright__text {
  flex-basis: 100%;
}
.copyright__container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--size_16) var(--size_12);
}
.copyright__link {
  text-decoration: underline;
}
.copyright__link:hover, .copyright__link:focus {
  color: var(--color__accent);
}

@media screen and (min-width: 960px) {
  .copyright {
    padding-block: var(--size_16) var(--size_18);
  }
  .copyright__text {
    flex-basis: auto;
    flex-grow: 0;
  }
  .copyright__container {
    justify-content: space-between;
  }
}
.not-found {
  padding-block: 18.67vw var(--size_60);
}
.not-found__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.not-found__icon {
  width: 76%;
}
.not-found__icon svg {
  width: 100%;
  height: 100%;
}
.not-found__title {
  margin-block-start: 13.33vw;
}
.not-found__btn {
  width: 100%;
  padding: var(--size_15);
  margin-block-start: var(--size_36);
  display: block;
  text-align: center;
}

@media screen and (min-width: 640px) {
  .not-found {
    padding-block-start: 10.9vw;
  }
  .not-found__title {
    margin-block-start: 7.8vw;
  }
}
@media screen and (min-width: 960px) {
  .not-found {
    padding-block: 9.4vw 10.4vw;
  }
  .not-found__icon {
    width: 43.54vw;
  }
  .not-found__title {
    margin-block-start: 7.8vw;
  }
  .not-found__btn {
    width: auto;
    padding: var(--size_15) var(--size_48);
    margin-block-start: 4.6vw;
  }
}
@media screen and (min-width: 1440px) {
  .not-found {
    padding-block: 6.25vw 6.9vw;
  }
  .not-found__icon {
    width: 29vw;
  }
  .not-found__title {
    margin-block-start: 5.2vw;
  }
  .not-found__btn {
    margin-block-start: 3vw;
  }
}
@media screen and (min-width: 1660px) {
  .not-found {
    padding-block: 9rem 10rem;
  }
  .not-found__icon {
    width: 41.8rem;
  }
  .not-found__title {
    margin-block-start: 7.5rem;
  }
  .not-found__btn {
    margin-block-start: 4.4rem;
  }
}

/*# sourceMappingURL=styles.css.map */

.insta {
  padding-block: var(--size_30);
  overflow: hidden;
}
.insta__title {
  margin-block-end: var(--size_20);
}
.insta__link {
  gap: var(--size_8);
  font-weight: 400;
}
.insta__link svg {
  fill: var(--color__accent);
  transition: var(--transition__general);
  width: var(--size_14);
  height: var(--size_14);
}
.insta__link span {
  text-decoration: underline;
  transition: var(--transition__general);
}
.insta__link:hover svg, .insta__link:focus svg {
  fill: var(--color__accent-hover);
}
.insta__link:hover span, .insta__link:focus span {
  color: var(--color__accent-hover);
}
.insta__swiper {
  margin-block-start: var(--size_30);
  overflow: visible;
}
.insta__slide {
  position: relative;
  height: 80vw;
}
.insta__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.insta__slide-link {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  opacity: 0;
}

@media screen and (min-width: 640px) {
  .insta__slide {
    height: 46.8vw;
  }
}
@media screen and (min-width: 960px) {
  .insta__slide {
    height: 21.15vw;
  }
}
@media screen and (min-width: 1440px) {
  .insta {
    padding-block: var(--size_60);
  }
  .insta__title {
    margin-block-end: 0.4rem;
  }
  .insta__swiper {
    margin-block-start: var(--size_48);
  }
  .insta__link svg {
    width: var(--size_16);
    height: var(--size_16);
  }
  .insta__slide {
    height: 14.1vw;
  }
}