/* Шрифты */

@font-face {
  font-family: "SF Proverbial Gothic";
  font-style: normal;
  font-weight: 400;
  src: local("SF Proverbial Gothic"),
    url("https://fonts.cdnfonts.com/s/6828/SF Proverbial Gothic.woff")
      format("woff");
    font-display: swap;

}
@font-face {
  font-family: "SF Proverbial Gothic";
  font-style: italic;
  font-weight: 400;
  src: local("SF Proverbial Gothic"),
    url("https://fonts.cdnfonts.com/s/6828/SF Proverbial Gothic Oblique.woff")
      format("woff");
      font-display: swap;
}
@font-face {
  font-family: "SF Proverbial Gothic";
  font-style: normal;
  font-weight: 700;
  src: local("SF Proverbial Gothic"),
    url("https://fonts.cdnfonts.com/s/6828/SF Proverbial Gothic Bold.woff")
      format("woff");
      font-display: swap;
}
@font-face {
  font-family: "SF Proverbial Gothic";
  font-style: italic;
  font-weight: 700;
  src: local("SF Proverbial Gothic"),
    url("https://fonts.cdnfonts.com/s/6828/SF Proverbial Gothic Bold Oblique.woff")
      format("woff");
      font-display: swap;
}
@font-face {
  font-family: "SF Proverbial Gothic Condensed";
  font-style: normal;
  font-weight: 400;
  src: local("SF Proverbial Gothic Condensed"),
    url("https://fonts.cdnfonts.com/s/6828/SF Proverbial Gothic Condensed.woff")
      format("woff");
      font-display: swap;
}
@font-face {
  font-family: "SF Proverbial Gothic Extended";
  font-style: normal;
  font-weight: 400;
  src: local("SF Proverbial Gothic Extended"),
    url("https://fonts.cdnfonts.com/s/6828/SF Proverbial Gothic Extended.woff")
      format("woff");
      font-display: swap;
}
@font-face {
  font-family: "SF Proverbial Gothic Condensed";
  font-style: italic;
  font-weight: 400;
  src: local("SF Proverbial Gothic Condensed"),
    url("https://fonts.cdnfonts.com/s/6828/SF Proverbial Gothic Condensed Oblique.woff")
      format("woff");
      font-display: swap;
}
@font-face {
  font-family: "SF Proverbial Gothic Extended";
  font-style: italic;
  font-weight: 400;
  src: local("SF Proverbial Gothic Extended"),
    url("https://fonts.cdnfonts.com/s/6828/SF Proverbial Gothic Extended Oblique.woff")
      format("woff");
      font-display: swap;
}

@font-face {
  font-family: "Minerva Modern";
  font-style: normal;
  font-weight: 500;
  src: local("Minerva Modern"),
    url("https://fonts.cdnfonts.com/s/91020/MinervaModern Black.woff")
      format("woff");
      font-display: swap;
}
@font-face {
  font-family: "Minerva Modern";
  font-style: normal;
  font-weight: 500;
  src: local("Minerva Modern"),
    url("https://fonts.cdnfonts.com/s/91020/MinervaModern BlackItalic.woff")
      format("woff");
      font-display: swap;
}
@font-face {
  font-family: "Minerva Modern";
  font-style: normal;
  font-weight: 500;
  src: local("Minerva Modern"),
    url("https://fonts.cdnfonts.com/s/91020/MinervaModern Bold.woff")
      format("woff");
      font-display: swap;
}
@font-face {
  font-family: "Minerva Modern";
  font-style: normal;
  font-weight: 500;
  src: local("Minerva Modern"),
    url("https://fonts.cdnfonts.com/s/91020/MinervaModern BoldItalic.woff")
      format("woff");
      font-display: swap;
}
@font-face {
  font-family: "Minerva Modern";
  font-style: normal;
  font-weight: 500;
  src: local("Minerva Modern"),
    url("https://fonts.cdnfonts.com/s/91020/MinervaModern Italic.woff")
      format("woff");
      font-display: swap;
}

@font-face {
  font-family: "Cervanttis";
  src: url("./fonts/Cervanttis.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/*Admin Menu style*/

.theme-sidebar a {
    display: block;
    padding: 10px 15px;
    background: #f1f1f1;
    border-radius: 4px;
    text-decoration: none;
}

.theme-sidebar a.button-primary {
    background: #007cba;
    color: #fff;
}

.wrapper {
  max-width: 1350px;
  margin: 0 auto;
  width: 100%;
}

.error {
    border: 2px solid red !important;
}

img {
  vertical-align: top;
  max-width: 100%;
}

body {
  font-size: 16px;
  line-height: 150%;
letter-spacing: 0.32px;
  color: #0d0300;
  font-display: swap;
}


.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0); /* Прозрачный по умолчанию */
  z-index: 3999; /* Над фоном, но под меню */
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none; /* Отключаем клики */
}

/* Активное состояние затемнения */
.overlay.active {
  background: rgba(0, 0, 0, 0.5); /* Полупрозрачный фон */
  opacity: 1;
  pointer-events: all; /* Включаем клики */
}

.swiper-main {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-selling {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-team {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-reviews {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.slider-buttons-swiper {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%, 0);
  display: flex;
}

.swiper-button-prev {
  background-image: url("../img/left-arrow.svg");
  background-size: cover;
  background-repeat: no-repeat;
  transform: rotate(180deg);
}
.swiper-button-next {
  background-image: url("../img/left-arrow.svg");
  background-size: cover;
  background-repeat: no-repeat;
  /* transform: rotate(180deg); */
}

/* Убрать стандартный текст кнопок */
.swiper-button-prev::after,
.swiper-button-next::after {
  display: none;
}

.custom-logo {
    max-width: 250px;
}

/* MENU SECTION STYLES */

/* Основной контейнер */
.custom-select {
    position: relative;
    display: inline-block;
    z-index: 3999;
}

/* Кнопка выбора */
.select-button {
    background: transparent;
    font-family: 'Quattrocento Sans', sans-serif;
    color: white;
    padding: 8px;
    font-size: 15px;
    border-radius: 5px;
    cursor: pointer;
    width: 60px;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Выпадающий список */
.select-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #000;
    border-radius: 5px;
    list-style: none;
    padding: 0;
    margin: 5px 0;
    width: 100%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Стили пунктов списка */
.select-dropdown li {
    padding: 10px;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    transition: background 0.3s;
    font-family: 'Quattrocento Sans', sans-serif;
}

/* Показываем меню при активном состоянии */
.custom-select.active .select-dropdown {
    display: block;
}


.menu {
  min-width: 345px;
  background-color: #fff;
  margin-left: auto;
  padding: 14px 14px 14px 32px;
  min-height: 100vh;
  max-height: 100vh;
  z-index: 4000;
  overflow-y: auto;
  position: absolute;
  top: 0;
  right: 0;
}

.close-menu {
  display: none;
}

.show-menu {
  display: block;
}

.menu__close {
  display: flex;
  align-items: center;
  justify-content: end;
  margin-bottom: 40px;
}

.menu__inner {
  display: flex;
  align-items: center;
  flex-direction: column;
  align-items: start;
  margin-bottom: 60px;
}

.menu__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 18px 0;
  border-bottom: 1px solid #cccccc;
}

.menu__item-title {
  text-transform: uppercase;
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 14px;
  line-height: 150%;
    letter-spacing: 0.32px;
    color: #0d0300;
}

.menu__item-link {
   color: #0d0300; 
}

.menu__item-icon {
  width: 24px;
  height: 24px;
}

.menu__list {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: start;
}

.menu__list-item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.menu__list-title {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 2%;
  color: rgb(58, 58, 58);
}

.menu__category-nav {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 18px;
  border-bottom: 1px solid #cccccc;
}

.menu__category-img {
  width: 24px;
  height: 24px;
}

.menu__category-title {
  text-transform: uppercase;
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
    letter-spacing: 0.32px;
  color: rgb(13, 3, 0);
}

.menu__category-items {
  display: flex;
  flex-direction: column;
  align-items: start;
  padding-left: 24px;
}

.menu__category-item {
  padding: 18px 0;
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
    letter-spacing: 0.32px;
  color: rgb(58, 58, 58);
  border-bottom: 1px solid #cccccc;
  width: 100%;
}

.menu__category-item a {
    color: rgb(58, 58, 58);
}

.menu__featured-nav {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 18px;
  border-bottom: 1px solid #cccccc;
}

.menu__featured-img {
  width: 24px;
  height: 24px;
}

.menu__featured-title {
  text-transform: uppercase;
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
    letter-spacing: 0.32px;
  color: rgb(13, 3, 0);
}

.menu__featured-items {
  display: flex;
  flex-direction: column;
  align-items: start;
  padding-left: 24px;
}

.menu__featured-item {
  padding: 18px 0;
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
    letter-spacing: 0.32px;;
  color: rgb(58, 58, 58);
  border-bottom: 1px solid #cccccc;
  width: 100%;
}

.menu__featured-item a {
    color: rgb(58, 58, 58);
}

.menu__material-nav {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 18px;
  border-bottom: 1px solid #cccccc;
}

.menu__material-img {
  width: 24px;
  height: 24px;
}

.menu__material-title {
  text-transform: uppercase;
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
    letter-spacing: 0.32px;
  color: rgb(13, 3, 0);
}

.menu__material-items {
  display: flex;
  flex-direction: column;
  align-items: start;
  padding-left: 24px;
}

.menu__material-item {
  padding: 18px 0;
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
    letter-spacing: 0.32px;
  color: rgb(58, 58, 58);
  border-bottom: 1px solid #cccccc;
  width: 100%;
}

.menu__material-item a {
    color: rgb(58, 58, 58);
}

/* HEADER TOP STYLES */

.header__nav {
    height: 60px;
}

.header {
  border-bottom: 1px solid #0d0300;
  margin-bottom: 40px;
  position: sticky;
  top: 0;
  z-index: 3001;
  background-color: #fff;
}

.menu__item-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.header__mob {
  display: none;
}

.header__top {
  background-color: #0d0300;
  color: white;
}

.header__info {
  padding: 16px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header__info-text {
  text-transform: uppercase;
  line-height: 150%;
  font-size: 16px;
 letter-spacing: 1px;
}

.header__info-inner {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-right: 12px;
  border-right: 1px solid white;
}

.header__info-icon {
  width: 18px;
  height: 18px;
}

.header__info-title a {
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 1px;
  color: #fff;
}

.header__info-map {
  display: flex;
  align-items: center;
}

.header__language {
  margin-left: 12px;
  text-transform: uppercase;
  background-color: transparent;
  color: white;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 1px;
}

.header__language > option {
  text-transform: uppercase;
  background-color: transparent;
  color: black;
  font-size: 16px;
  line-height: 150%;
    letter-spacing: 0.32px;
  border: none;
}

/* HEADER STYLES */

.header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 28px 0;
}

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

.header__item {
  padding: 18px 0;
  font-family: "Quattrocento Sans", sans-serif;
}

.header__link {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 150%;
  color: #0d0300;
  position: relative;
  padding-bottom: 3px;
  font-family: "Quattrocento Sans", sans-serif;
  letter-spacing: 1px;
}

.header__link::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0%;
  width: 0%;
  transition: 0.3s;
  height: 2px;
  background-color: #0d0300;
}

.header__link:hover.header__link::after {
  width: 100%;
}

.header__link-active::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0%;
  width: 100%;
  height: 2px;
  background-color: #0d0300;
  transition: 0.3s all;
}

.header__options-list {
  display: flex;
  align-items: center;
  gap: 20px;
  height: 25px;
}

.header__options-item {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.header__options-item img {
  transition: 0.3s all;
}

.header__options-item:hover.header__options-item img {
  transform: scale(1.2);
}

.header__options-link {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 150%;
  color: #0d0300;
    font-family: "Quattrocento Sans", sans-serif;
  letter-spacing: 1px;
}

/* HEADER DROPDOWNMENU STYLES */

.header__dropdown.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  z-index: 1000;
}

.header__dropdown {
  width: 100%;
  background-color: #fff;
  position: absolute;
  top: 101%;
  left: 0;
  right: 0;
  z-index: -1000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.dropdown__inner {
  display: flex;
  align-items: start;
  padding: 38px 0 103px 0;
  gap: 140px;
}

.dropdown__title {
  text-transform: uppercase;
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
    letter-spacing: 0.32px;
  color: rgb(13, 3, 0);
  margin-bottom: 32px;
}

.dropdown__list {
  display: flex;
  align-items: start;
  gap: 100px;
}

.dropdown__list-item {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.dropdown__list-item a {
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
    letter-spacing: 0.32px;
  color: rgb(58, 58, 58);
}

/* HEADER-SEARCH TOP STYLES */

.header__search {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}

.header__search-box {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #000;
  position: relative;
  min-width: 550px;
}

.header__search-input {
  min-width: 550px;
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
    letter-spacing: 0.32px;
  color: rgb(115, 115, 115);
  padding-bottom: 8px;
}

.header__search-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding-bottom: 8px;
}

.header__search-active {
  display: flex;
}

/* MAIN SECTION STYLES */

.intro {
  margin-bottom: 130px;
}

.intro__inner {
  display: flex;
  align-items: start;
  justify-content: space-between;
  min-height: 800px;
  margin-bottom: 130px;
  flex-wrap: wrap;
}

.intro__content {
  display: flex;
  flex-direction: column;
  align-items: start;
}

.intro__content img {
  max-width: 100%;
  height: auto;
    display: block;
}

.intro__photo img {
    max-width: 100%;
    height: auto;
    display: block;
}

.main-photo-2 {
    max-height: 700px;
}

.intro__title {
  font-size: 60px;
  line-height: 150%;
  font-family: "Jost", sans-serif;
  color: #0d0300;
  margin-bottom: 40px;
}

.intro__btn {
  margin-top: 60px;
  font-size: 16px;
  line-height: 150%;
    letter-spacing: 0.32px;
  color: #0d0300;
  text-transform: uppercase;
  padding: 12px 61px;
  background-color: #fedcc3;
  border: 1px solid #0d0300;
  transition: 0.3s all;
  font-family: "Quattrocento Sans", sans-serif;
}

.intro__btn:hover {
  background-color: #f5c9aa;
}

.slider-buttons {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-left: auto;
}

.slider-arrow-icon {
  width: 25px;
}

.slider-arrow-icon-right {
  transform: rotate(180deg);
  width: 25px;
}

/* CATEGORY SECTION STYLES */

.category {
  margin-bottom: 130px;
}

.category__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.catehory__title {
  font-size: 45px;
  line-height: 130%;
  font-family: "Jost", sans-serif;
  color: #0d0300;
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
}

.catogory__items {
  margin-bottom: 60px;
}

.catogory__items-tile {
  margin-top: 8px;
  display: inline-block;
  font-size: 24px;
  line-height: 120%;
  color: #0d0300;
  position: relative;
}

.catogory__items-tile:hover.catogory__items-tile::after {
  opacity: 100%;
  right: -30px;
}

.catogory__items-tile::after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translate(0, -35%);
  background-image: url("../img/right-arrow.svg");
  background-size: contain; /* или нужный размер */
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0%;
  transition: 0.3s all;
}

.slider-buttons-category {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* COLLECTION SECTION SLYLES */

.collection {
  min-height: 700px;
  background: url("../img/collection/bg.webp");
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 130px;
}

.collection__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 700px;
}

.collection__title {
  font-family: Jost;
  font-size: 45px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 32px;
  color: rgb(13, 3, 0);
}

.collection__text {
  text-align: center;
  font-weight: 400;
  color: rgb(58, 58, 58);
  margin-bottom: 60px;
  max-width: 480px;
}

.collection__btn {
  border: 1px solid rgb(13, 3, 0);
  padding: 12px 61px;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  text-transform: uppercase;
  color: rgb(13, 3, 0);
  background: transparent;
  transition: 0.3s all;
}

.collection__btn:hover {
  background-color: rgb(13, 3, 0);
  color: #fff;
}

/* ARRIVALS SECTION STYLES */

.arrivals {
  margin-bottom: 130px;
}

.arrivals__img {
    border-bottom: 1px solid #737373;
}

.arrivals__inner {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.arrivals__title {
  font-family: "Jost", sans-serif;
  font-weight: 400;
  font-size: 45px;
    letter-spacing: 0.9px;
  color: rgb(13, 3, 0);
  margin-bottom: 40px;
display:flex;
    justify-content: center;
}

.arrivals__items {
  margin-bottom: 60px;
}

.arrivals__item-title {
  margin-top: 12px;
  text-transform: uppercase;
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
    letter-spacing: 0.32px;
  color: rgb(58, 58, 58);
  margin-bottom: 10px;
  display: inline-block;
  min-height: 75px;
}

.arrivals__price {
  font-family: "Jost", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: 0;
  color: rgb(13, 3, 0);
  display: flex;
  align-items: center;
  gap: 8px;
}

.arrivals__price-old {
    font-family: "Jost", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0;
  color: #ccc;
    text-decoration: line-through;
}

.arrivals__items-block {
  position: relative;
  cursor: pointer;
}

.arrivals__like:hover {
  transform: scale(1.2);
}

.arrivals__new {
  position: absolute;
  top: 0;
  left: 0;
  margin: 8px 0 0 8px;
  padding: 2.5px 8px;
  color: white;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 10px;
  line-height: 150%;
letter-spacing: 0.32px;
  background-color: rgb(255, 123, 27);
}

.arrivals__like {
  opacity: 100%;
  position: absolute;
  top: 0;
  right: 0;
  margin: 8px 0 0 8px;
  transition: 0.3s all;
  cursor: pointer;
  min-height: 30px;
}


.arrivals__like-add {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  margin: 8px 0 0 8px;
  transition: 0.3s all;
  z-index: 100;
}

.arrivals__icon:hover {
  fill: #0d0300;
}

.arrivals__items-block:hover .arrivals__shopnow {
  opacity: 100;
  transition: 0.3s;
}

.arrivals__shopnow {
  opacity: 0;
  position: absolute;
  display: block;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 12px 79px;
  font-size: 16px;
  line-height: 150%;
  color: rgb(13, 3, 0);
  text-transform: uppercase;
  border: 1px solid rgb(13, 3, 0);
  background-color: rgb(254, 220, 195);
  transition: 0.3s all;
}

.shop__shop-now {
  opacity: 0;
  position: absolute;
  bottom: 35%;
  width: 100%;
  text-align: center;
  padding: 12px 79px;
  font-size: 16px;
  line-height: 150%;
  color: rgb(13, 3, 0);
  text-transform: uppercase;
  border: 1px solid rgb(13, 3, 0);
  background-color: rgb(254, 220, 195);
  transition: 0.3s all;
}

.shop__product:hover .shop__shop-now {
  opacity: 100%;
}

.arrivals__shopnow:hover {
  background-color: rgb(247, 205, 175);
}

/* FEATURED SECTION STYLES */

.featured {
  margin-bottom: 130px;
}

.featured__inner {
  display: flex;
  align-items: center;
  min-height: 750px;
  justify-content: space-between;
  flex-wrap: wrap;
}

.featured__main {
  position: relative;
}

.featured__info {
  position: absolute;
  bottom: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.featured__info-title {
  font-weight: 400;
  font-family: "Jost", sans-serif;
  font-size: 35px;
  line-height: 120%;
  letter-spacing: 0;
  color: rgb(13, 3, 0);
  margin-bottom: 40px;
}

.featured__info-btn {
  padding: 12px 61px;
  background-color: transparent;
  border: 2px solid #0d0300;
  text-transform: uppercase;
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
    letter-spacing: 0.32px;
  color: rgb(13, 3, 0);
  transition: 0.3s all;
}

.featured__info-btn:hover {
  background-color: rgb(13, 3, 0);
  color: #fff;
}

.featured__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
}

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

.featured__item-info {
  position: absolute;
  bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  font-family: "Jost", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  color: rgb(13, 3, 0);
  cursor: pointer;
}

.featured__item-info:hover.featured__item-info > img {
  opacity: 100%;
}

.featured__item-info img {
  width: 16px;
  height: 16px;
  opacity: 0%;
  transition: 0.3s all;
}

/* SALE SECTION STYLES */

.sale {
  margin-bottom: 130px;
}

.sale__image {
    border-bottom: 1px solid #737373;
}

.sale__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.sale__title {
  margin-bottom: 40px;
  font-family: "Jost", sans-serif;
  font-weight: 400;
  font-size: 45px;
  line-height: 130%;
  color: rgb(13, 3, 0);
  letter-spacing: 0%;
}

.sale__items {
  margin-bottom: 60px;
}

.sale__item-block {
  position: relative;
  margin-bottom: 12px;
  transition: 0.3s all;
  cursor: pointer;
}

.sale__item-block:hover .sale__like {
  opacity: 100%;
}

.sale__new {
  position: absolute;
  top: 0;
  left: 0;
  margin: 8px 0 0 8px;
  padding: 2.5px 8px;
  color: white;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 10px;
  line-height: 150%;
    letter-spacing: 0.32px;
  background-color: rgb(255, 123, 27);
}

.sale__like {
  opacity: 0%;
  position: absolute;
  top: 0;
  right: 0;
  margin: 8px 0 0 8px;
  cursor: pointer;
}

.sale__like-add {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  margin: 8px 0 0 8px;
  cursor: pointer;
}

.sale__item-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
    letter-spacing: 0.32px;
  color: rgb(58, 58, 58);
  text-transform: uppercase;
  min-height: 92px;
  cursor: pointer;
  display: inline-block;
}

.sale__prices {
  display: flex;
  align-items: end;
  gap: 12px;
}

.price__now {
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
    letter-spacing: 0.48px;
  color: rgb(13, 3, 0);
}

.price__old {
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
    letter-spacing: 0.32px;
  color: rgb(204, 204, 204);
  text-decoration: line-through;
}

.slider-arrow-icon {
  transition: 0.3s all;
}

.slider-arrow-icon:hover {
  transform: scale(1.2);
}

/* SPECTIAL SECTION STYLES */

.special {
  margin-bottom: 130px;
}

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

.special__item {
  position: relative;
}

.special__box {
  position: absolute;
  top: 60px;
  left: 40px;
  width: 100%;
  max-width: 280px;
  display: flex;
  flex-direction: column;
  align-items: start;
}

.special__title {
  font-weight: 400;
  font-size: 35px;
  line-height: 120%;
  letter-spacing: 0;
  color: rgb(13, 3, 0);
  margin-bottom: 40px;
}

.special__btn {
  padding: 12px 61px;
  background-color: transparent;
  text-transform: uppercase;
  color: #0d0300;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 2%;
  border: 2px solid #0d0300;
  transition: 0.3s all;
}

.special__btn:hover {
  background-color: #0d0300;
  color: white;
}

/* SELLING SECTION STYLES */

.selling {
  margin-bottom: 130px;
}

.selling__image {
    border-bottom: 1px solid #737373;
}

.selling__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.selling__title {
  margin-bottom: 40px;
  font-weight: 400;
  font-family: "Jost", sans-serif;
  font-size: 45px;
  line-height: 130%;
  letter-spacing: 0;
  color: rgb(13, 3, 0);
}

.selling__items {
  margin-bottom: 60px;
}

.selling__item {
  position: relative;
}

.selling__item img {
  transition: 0.3s all;
}

.selling__item img:hover {
  transform: scale(1.05);
  cursor: pointer;
}

.selling__hot {
  position: absolute;
  top: 8px;
  left: 8px;
  text-transform: uppercase;
  color: #fff;
  background-color: rgb(98, 185, 89);
  padding: 2.5px 9px;
  font-weight: 500;
  font-family: "HK Grotesk", sans-serif;
  font-size: 10px;
  line-height: 150%;
    letter-spacing: 0.32px;
}

.selling__item-title {
  margin-top: 12px;
  text-transform: uppercase;
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
    letter-spacing: 0.32px;
  color: rgb(58, 58, 58);
  min-height: 92px;
  cursor: pointer;
  display: block;
}

.selling__price {
  font-family: "Jost", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: 0;
  color: rgb(13, 3, 0);
}

/* DISCOVER SECTION STYLES */

.discover {
  min-height: 700px;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 130px;
}

.discover__inner {
  padding-top: 155px;
  display: flex;
  flex-direction: column;
  align-items: start;
  max-width: 545px;
}

.discover__mobile {
  display: none;
}

.discover__title {
  margin-bottom: 32px;
  font-family: "Jost", sans-serif;
  font-weight: 400;
  font-size: 45px;
  line-height: 130%;
  color: rgb(13, 3, 0);
}

.discover__text {
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: rgb(58, 58, 58);
    letter-spacing: 0.32px;
  margin-bottom: 60px;
  max-width: 545px;
}

.discover__btn {
  text-transform: uppercase;
  padding: 12px 61px;
  font-family: "Quattrocento Sans", sans-serif;
  color: rgb(13, 3, 0);
  border: 2px solid #0d0300;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  background-color: transparent;
  transition: 0.3s all;
}

.discover__btn:hover {
  background-color: #0d0300;
  color: #fff;
}

/* BRAND SECTION STYELS */

.brand {
  margin-bottom: 130px;
}

.brand__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.brand__title {
  font-family: "Jost", sans-serif;
  font-weight: 400;
  line-height: 130%;
  font-size: 45px;
  color: rgb(13, 3, 0);
  margin-bottom: 60px;
}

.brand__items {
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 55px;
  display: grid;
}

.brand__item img {
  cursor: pointer;
  transition: 0.3s all;
  display: flex;
  align-items: center;
  justify-content: center;
}

.brand__item:hover img {
  transform: scale(1.2);
}

/* REVIEWS SECTION STYLES */

.reviews {
  margin-bottom: 130px;
}

.reviews__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 60px;
}

.reviews__title {
  font-family: "Jost", sans-serif;
  font-weight: 400;
  font-size: 45px;
  line-height: 130%;
  color: rgb(13, 3, 0);
}

.reviews__text {
  min-height: 135px;
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(58, 58, 58);
  margin-bottom: 10px;
}

.reviews__profile {
  border-top: 1px solid #000;
  padding-top: 10px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.reviews__profile-name {
  font-family: "Jost", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  color: rgb(13, 3, 0);
  margin-bottom: 8px;
}

.reviews__profile-data {
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: rgb(58, 58, 58);
  letter-spacing: 0.32px;
}

/* SOCIAL SECTION STYLES */

.social {
  margin-bottom: 130px;
}

.social__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.social__title {
  font-weight: 400;
  font-family: "Jost", sans-serif;
  font-size: 45px;
  line-height: 130%;
  color: rgb(13, 3, 0);
  margin-bottom: 12px;
}

.social__subtitle {
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(58, 58, 58);
  margin-bottom: 60px;
}

.social__items {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 30px;
}

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

.social__item:hover .social__icon {
  opacity: 50%;
}

.social__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 100%;
  height: 100%;
  background-color: #0d0300;
  opacity: 0%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all;
}

/* ABOUT SECTION STYLES */

.about {
  margin-bottom: 130px;
}

.about__title {
  font-family: "Jost", sans-serif;
  font-weight: 400;
  font-size: 45px;
  line-height: 130%;
  color: rgb(13, 3, 0);
  margin-bottom: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about__text {
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(58, 58, 58);
}

.about__btn {
  border: none;
  background-color: transparent;
  text-transform: uppercase;
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(13, 3, 0);
  margin-top: 10px;
  margin-bottom: 130px;
}

.option {
  display: none;
}

.show {
  display: block;
}

.shop__filters-box.show {
  display: flex; /* Показываем блок как flex */
}

.about__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}

.about__item {
  display: flex;
  align-items: center;
  gap: 20px;
}

.about__item-title {
  font-family: "Jost", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  color: rgb(13, 3, 0);
  margin-bottom: 12px;
}

.about__item-text {
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: rgb(58, 58, 58);
  letter-spacing: 0.32px;
}

/* SUBSCRIBE SECTION STYLES */

.subscribe {
  background-color: rgb(254, 220, 195);
}

.subscribe__inner {
  padding: 24px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.subscribe__text {
  font-family: "Jost", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  color: rgb(13, 3, 0);
}

.subscribe__form {
  display: flex;
  align-items: center;
}

.subscribe__btn {
  padding: 12px 97px;
  background-color: #000;
  color: #fff;
  text-transform: uppercase;
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
}

.subscribe__input {
  padding: 9px 0 15px 20px;
  min-width: 623px;
  border: 3px solid transparent;
}

/* FOOTER SECTION STULES */

.footer {
  padding: 60px 0;
  background-color: #000;
  color: #fff;
}

.footer__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 60px;
}

.footer__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 80px;
  margin-bottom: 60px;
}

.footer__list {
  display: flex;
  align-items: center;
  gap: 80px;
}

.footer__link {
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
  position: relative;
}

.footer__link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 2px;
  background-color: #fff;
  transition: 0.3s all;
}

.footer__link:hover.footer__link::after {
  width: 100%;
}

.footer__social {
  display: flex;
  align-items: center;
  gap: 20px;
}

.footer__social img {
  transition: 0.3s all;
  cursor: pointer;
}

.footer__social img:hover {
  transform: scale(1.2);
}

.footer__copyright {
  border-top: 1px solid #fff;
  padding-top: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer__text {
  font-family: "HK Grotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgba(255, 255, 255, 0.5);
}

.footer__pay {
  display: flex;
  align-items: center;
  gap: 12px;
}

.footer__pay img {
  transition: 0.3s all;
  cursor: pointer;
}

.footer__pay img:hover {
  transform: scale(1.1);
}

.footer__fivestars {
  display: flex;
  align-items: center;
  gap: 15px;
  font-family: "Quattrocento Sans", sans-serif;
  color: rgba(255, 255, 255, 0.5);
  font-size: 16px;
}

.footer__fivestars a {
  color: #fff;
}

.cart__empty-message {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #333;
  margin-top: 50px;
}

.cart__empty-message a {
  color: #ff6f61;
  text-decoration: none;
  font-weight: 600;
}

.cart__empty-message a:hover {
  text-decoration: underline;
}

/* =========== SHOP PAGE STYLES =========== */

.shop__pages {
  margin-bottom: 40px;
}

.shop__main {
  margin: 40px 0 130px 0;
}

.shop__pages-inner {
  display: flex;
  align-items: center;
  gap: 12px;
}

.shop__pages-slash {
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(115, 115, 115);
}

.shop__pages-item {
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(13, 3, 0);
  text-transform: uppercase;
}

.shop__pages-item-active {
  color: rgb(115, 115, 115);
}
.shop__category {
    overflow: hidden; /* Предотвращает скачки */
    height: auto;
      margin-bottom: 20px;
  min-width: 320px;
}


.shop__category-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: start;
  min-height: 250px;
  cursor: pointer;
}

.shop__category-img {
    min-height: 170px;
    margin-bottom: 10px;
        width: 200px; /* Указать точные размеры */
    object-fit: cover; /* Обрезка по контейнеру */
}


.shop__category-items {
  min-height: 300px;
}

.shop__search-result {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 2px;
  position: absolute;
  top: 190%;
  left: 0;
  display: none;
}

.shop__search-result span {
  font-weight: 700;
  text-transform: uppercase;
}

.shop__inner {
  display: flex;
  align-items: start;
  gap: 40px;
}

.shop__products {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;
}

.shop__product {
  position: relative;
}

.shop__new {
  position: absolute;
  top: 8px;
  left: 8px;
  background-color: rgb(255, 123, 27);
  color: #fff;
  text-transform: uppercase;
  padding: 2.5px 8px;
  font-weight: 500;
  font-size: 10px;
  line-height: 150%;
  letter-spacing: 0.32px;
}

.shop__sale {
  position: absolute;
  top: 8px;
  left: 8px;
  background-color: rgb(239, 99, 99);
  color: #fff;
  text-transform: uppercase;
  padding: 2.5px 8px;
  font-weight: 500;
  font-size: 10px;
  line-height: 150%;
  letter-spacing: 0.32px;
  min-height: 20px;
}

.shop__hot {
  position: absolute;
  top: 8px;
  left: 8px;
  background-color: rgb(98, 185, 89);
  color: #fff;
  text-transform: uppercase;
  padding: 2.5px 8px;
  font-weight: 500;
  font-size: 10px;
  line-height: 150%;
  letter-spacing: 0.32px;
}

.swiper-wrapper {
    min-height: 250px;
}

.shop__product-img {
  margin-bottom: 12px;
  border-bottom: 1px solid #737373;
}

.shop__product-title {
  font-family: "Quattrocento Sans", sans-serif;
  text-transform: uppercase;
  color: rgb(58, 58, 58);
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  min-height: 100px;
  display: inline-block;
  cursor: pointer;
}

.shop__product-title a {
    color: rgb(58, 58, 58);
}

.shop__product-price {
  display: flex;
  align-items: center;
  gap: 12px;
      min-height: 40px;
}

.shop__product-now-price {
  font-family: "Jost", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: 0;
  color: rgb(13, 3, 0);
}

.shop__product-old-price {
  color: rgb(204, 204, 204);
  text-decoration: line-through;
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: 0.32px;
}

.shop__nav {
  display: flex;
  align-items: center;
  justify-content: end;
  margin-bottom: 40px;
  width: 100%;
  position: relative;
}

.shop__nav-settings {
  width: 24px;
  height: 24px;
  margin-right: 30px;
  display: none;
}

.shop__sort {
  display: flex;
  align-items: center;
  justify-content: flex-end;
    float: right;
  gap: 16px;
}

.shop__sort-text {
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(58, 58, 58);
}

.shop__sort-select {
  text-transform: uppercase;
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(13, 3, 0);
}

.shop__filters-box {
  min-width: 236px;
  z-index: 3000;
  gap: 30px;
  display: flex;
  flex-direction: column;
}

.filter__title-text {
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(13, 3, 0);
  text-transform: uppercase;
}

.shop__category-title {
    display: inline-block;
  margin-top: 8px;
  font-size: 24px;
  line-height: 120%;
  color: #0d0300;
  position: relative;
}

.shop__category-title:hover.shop__category-title::after {
  opacity: 100%;
  right: -30px;
}

.shop__category-title::after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translate(0, -35%);
  background-image: url("../img/right-arrow.svg");
  background-size: contain; /* или нужный размер */
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0%;
  transition: 0.3s all;
}
/* 
.shop__filters {
    margin-bottom: 40px;
} */

.shop__filters-close {
  margin-bottom: 40px;
  display: none;
}

.filter__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.filter__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.filter__item {
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(58, 58, 58);
  display: flex;
  align-items: start;
  gap: 12px;
}

.filter__input {
  width: 20px;
  height: 20px;
}

.shop__filters-btn {
  text-transform: uppercase;
  font-weight: 400;
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(13, 3, 0);
  padding: 12px 38px;
  border: 1px solid #000;
  background-color: transparent;

  transition: 0.3s all;
}

.shop__filters-btn:hover {
  background-color: rgb(13, 3, 0);
  color: white;
}

/* =========== PRODUCT PAGE STYLES =========== */

.product__main {
  margin: 40px 0 130px 0;
}

.product__pages-item-active {
  color: rgb(58, 58, 58);
}

.product__pages-item {
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(13, 3, 0);
}

.product__intro {
  margin-bottom: 130px;
}

.product__inner {
  display: flex;
  align-items: start;
  gap: 30px;
}

.product__photo {
  max-width: 660px;
  width: 100%;
}

.product__photo-main {
  margin-bottom: 30px;
  cursor: pointer;
  width: 100%;
  min-width: 660px;
}

.product__photo-list {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 30px;
}

.product__photo-item {
  cursor: pointer;
}

.product__title {
  font-family: "Jost", sans-serif;
  font-weight: 400;
  font-size: 35px;
  line-height: 120%;
  color: rgb(13, 3, 0);
  margin-bottom: 24px;
}

.product__stock {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(58, 58, 58);
  margin-bottom: 40px;
  font-family: "Quattrocento Sans", sans-serif;
}

.product__price {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 16px;
  margin-bottom: 40px;
}

.product__price-new {
  font-family: "Jost", sans-serif;
  font-size: 24px;
  line-height: 120%;
  color: rgb(13, 3, 0);
}

.product__price-old {
  font-size: 20px;
  line-height: 120%;
  color: rgb(204, 204, 204);
  text-decoration: line-through;
}

.product__color {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.product__color-name {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 2px;
  letter-spacing: 0.32px;
  color: rgb(13, 3, 0);
}

.product__color-variable {
  display: flex;
  align-items: center;
  gap: 16px;
}

.product__color-variable-item {
  padding: 3.5px;
  border: 2px solid rgb(204, 204, 204);
  cursor: pointer;
}

.product__color-variable-item-active {
  border: 2px solid #000;
}

.product__size {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.product__size-name {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 2px;
  letter-spacing: 0.32px;
  color: rgb(13, 3, 0);
}

.product__size-variable {
  display: flex;
  align-items: center;
  gap: 16px;
}

.product__size-variable-item {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  line-height: 150%;
  letter-spacing: 0;
  color: rgb(13, 3, 0);
  padding: 3px 8.5px;
  border: 1px solid rgb(204, 204, 204);
  cursor: pointer;
}

.product__size-variable-item-active {
  border: 1px solid #000;
}

.product__size-variable-item-novailability {
  color: rgb(204, 204, 204);
  cursor: auto;
}

.product__quantity {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 60px;
}

.product__quantity-value {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(13, 3, 0);
}

.product__counter {
  border: 1px solid rgb(204, 204, 204);
  display: flex;
  align-items: center;
}

.product__counter__value {
  font-size: 12px;
  line-height: 150%;
  letter-spacing: 0.32px;
  padding: 3px 8px;
  font-weight: 700;
}

.product__counter__btn {
  background-color: transparent;
  padding: 5px 9px;
  color: rgb(58, 58, 58);
  font-weight: 700;
  font-size: 20px;
}

.product__buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 60px;
}

.product__btn {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(13, 3, 0);
  padding: 12px 0;
  text-transform: uppercase;
  width: 50%;
  border: 1px solid #000;
}

.product__btn-wishlist {
  background-color: #fff;

  transition: 0.3s all;
}

.product__btn-wishlist:hover {
  background-color: #000;
  color: #fff;
}

.product__btn-bag {
  background-color: rgb(254, 220, 195);

  transition: 0.3s all;
}

.product__btn-bag:hover {
  background-color: #000;
  color: rgb(254, 220, 195);
}

.product__info-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 24px;
  padding-bottom: 4px;
}

.product__info-nav-item {
  font-family: "Jost", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: rgb(13, 3, 0);
  padding: 0 20.5px;
  cursor: pointer;
  position: relative;
}

.product__info-nav-item-active.product__info-nav-item:after {
  opacity: 100%;
}

.product__info-nav-item:after {
  content: "";
  background-color: #000;
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: -5px;
  left: 0;
  opacity: 0%;

  transition: 0.3s all;
}

.product__info-textarea {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(58, 58, 58);
  margin-bottom: 12px;
}

.product__info-size {
  display: none;
}

.product__info-delivery {
  display: none;
}

.product__info-list {
  list-style-type: circle;
}

.product__info-list-item {
  color: rgb(58, 58, 58);
  font-size: 16px;
  font-family: "Quattrocento Sans", sans-serif;
  letter-spacing: 0.32px;
  line-height: 150%;
  list-style: circle;
  margin-left: 20px;
}

.modal {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  position: fixed;
  display: flex;
  z-index: 4000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
}

.modal.modal--visible {
  opacity: 1;
  visibility: visible;
}

.modal__content {
  position: relative;
  width: 90%;
  max-width: 800px;
  background-color: transparent;
  border-radius: 8px;
  overflow: hidden;
  transform: translateY(-20px);
  transition: transform 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal.modal--visible .modal__content {
  transform: translateY(0);
}

/* =========== ABOUT PAGE STYLES =========== */

.aboutpage__intro {
  margin-bottom: 130px;
}

.aboutpage__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.aboutpage__title-block {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}

.aboutpage__title {
  font-family: "Jost", sans-serif;
  font-size: 60px;
  line-height: 105%;
  color: rgb(13, 3, 0);
  text-align: center;
  max-width: 976px;
}

.aboutpage__story {
  margin-bottom: 130px;
}

.aboutpage__author {
  font-family: "Jost", sans-serif;
  font-size: 24px;
  line-height: 120%;
  color: rgb(58, 58, 58);
  margin-bottom: 40px;
}

.aboutpage__story-inner {
  display: flex;
  align-items: start;
  gap: 30px;
}

.aboutpage__story-photo {
  max-width: 660px;
  width: 100%;
}

.aboutpage__story-photo-main {
  width: 100%;
  min-width: 660px;
  margin-bottom: 30px;
}

.aboutpage__story-photo-inner {
  display: flex;
  align-items: center;
  gap: 30px;
  width: 100%;
}

.aboutpage__story-photo-inner img {
  width: 50%;
}

.aboutpage__story-title {
  font-family: "Jost", sans-serif;
  font-size: 45px;
  line-height: 130%;
  color: rgb(13, 3, 0);
  margin-bottom: 32px;
}

.aboutpage__story-subtitle {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(58, 58, 58);
  margin-bottom: 34px;
}

.aboutpage__story-content-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 40px;
  margin-bottom: 34px;
}

.aboutpage__story-content-item-title {
  font-family: "Jost", sans-serif;
  font-size: 35px;
  line-height: 120%;
  color: rgb(13, 3, 0);
  margin-bottom: 16px;
}

.aboutpage__story-content-item-text {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(58, 58, 58);
  max-width: 283px;
}

.aboutpage__story-content-signature-name {
  font-family: "Jost", sans-serif;
  font-size: 20px;
  line-height: 120%;
  color: rgb(13, 3, 0);
  margin-bottom: 28px;
}

.aboutpage__story-content-signature-item {
  font-family: "Cervanttis", sans-serif;
  font-size: 50px;
  line-height: 130%;
  color: rgb(13, 3, 0);
}

.aboutpage__mission {
  margin-bottom: 130px;
  background-size: cover;
  background-repeat: no-repeat;
}

.aboutpage__mission-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 700px;
}

.aboutpage__mission-title {
  font-family: "Jost", sans-serif;
  font-size: 45px;
  line-height: 130%;
  color: rgb(13, 3, 0);
  margin-bottom: 32px;
}

.aboutpage__mission-subtitle {
  display: inline-block;
  max-width: 660px;
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(58, 58, 58);
  margin-bottom: 40px;
}

.aboutpage__mission-items {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.aboutpage__mission-itemp-title {
  font-family: "Jost", sans-serif;
  font-size: 24px;
  line-height: 120%;
  color: rgb(13, 3, 0);
  margin-bottom: 12px;
}

.aboutpage__mission-item-text {
  max-width: 660px;
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(58, 58, 58);
}

.aboutpage__pearls {
  margin-bottom: 130px;
}

.aboutpage__pearls-intro {
  display: flex;
  align-items: start;
  gap: 30px;
}

.aboutpage__pearls-photo {
  display: flex;
  gap: 30px;
  min-width: 705px;
}

.aboutpage__pearls-photo-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 30px;
  padding-top: 40px;
}

.aboutpage__pearls-content {
  padding-top: 80px;
}

.aboutpage__pearls-content-title {
  font-family: "Jost", sans-serif;
  font-size: 45px;
  line-height: 130%;
  color: rgb(13, 3, 0);
  margin-bottom: 32px;
}

.aboutpage__pearls-content-subtitle {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(58, 58, 58);
  margin-bottom: 40px;
}

.aboutpage__team {
  margin-bottom: 130px;
}

.aboutpage__team-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.aboutpage__team-title {
  font-family: "Jost", sans-serif;
  font-size: 45px;
  line-height: 130%;
  letter-spacing: 0;
  color: rgb(13, 3, 0);
  margin-bottom: 6px;
}

.aboutpage__team-subtitle {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(58, 58, 58);
  margin-bottom: 60px;
  max-width: 398px;
  text-align: center;
}

.aboutpage__team-items {
  margin-bottom: 40px;
}

.aboutpage__team-item-photo {
  margin-bottom: 16px;
  cursor: pointer;
}

.aboutpage__team-item-title {
  font-family: "Jost", sans-serif;
  font-size: 24px;
  line-height: 120%;
  color: rgb(13, 3, 0);
  margin-bottom: 8px;
  display: flex;
  justify-content: center;
}

.aboutpage__team-item-post {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(58, 58, 58);
  display: flex;
  justify-content: center;
}

.aboutpage__team-item {
  position: relative;
}

.aboutpage__team-item:hover .aboutpage__team-item-social {
  opacity: 100%;
}

.aboutpage__team-item-social {
  display: flex;
  flex-direction: column;
  gap: 12px;

  position: absolute;
  top: 18px;
  right: 18px;
  opacity: 0;

  transition: 0.3s all;
}

.aboutpage__team-item-social-media {
  width: 24px;
  height: 24px;
  cursor: pointer;

  transition: 0.3s all;
}

.aboutpage__team-item-social-media:hover {
  transform: scale(1.1);
}

.aboutpage__values {
  margin-bottom: 130px;
}

.aboutpage__values-intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.aboutpage__values-content {
  max-width: 640px;
}

.aboutpage__values-title {
  font-family: "Jost", sans-serif;
  font-size: 45px;
  line-height: 130%;
  color: rgb(13, 3, 0);
  margin-bottom: 32px;
}

.aboutpage__values-subtitle {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(58, 58, 58);
  margin-bottom: 60px;
  max-width: 650px;
}

.aboutpage__values-items {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.aboutpage__values-item-title {
  font-family: "Jost", sans-serif;
  font-size: 24px;
  line-height: 120%;
  color: rgb(13, 3, 0);
  margin-bottom: 12px;
}

.aboutpage__values-item-text {
  font-family: "Quattrocento Sans";
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(58, 58, 58);
  max-width: 650px;
}

.aboutpage__values-photo {
  display: flex;
  align-items: center;
  gap: 30px;
}

.aboutpage__values-photo-box {
  max-width: 315px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.aboutpage__brand {
  margin-bottom: 130px;
}

.aboutpage__contact {
  margin-bottom: 130px;
}

.aboutpage__contact-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 47px;
}

.aboutpage__contact-content {
  max-width: 413px;
}

.aboutpage__contact-title {
  font-family: "Jost", sans-serif;
  font-size: 24px;
  line-height: 120%;
  color: rgb(13, 3, 0);
  margin-bottom: 20px;
}

.aboutpage__contact-items {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 32px;
}

.aboutpage__contact-item {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 440px;
}

.aboutpage__contact-item-text {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  letter-spacing: 0.32px;
  line-height: 150%;
  color: rgb(58, 58, 58);
}

.aboutpage__contact-days {
  margin-bottom: 32px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.aboutpage__contact-day {
  display: flex;
  flex-direction: column;
}

.aboutpage__contact-day-title {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(13, 3, 0);
}

.aboutpage__contact-day-hours {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(58, 58, 58);
}

.aboutpage__contact-info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.aboutpage__contact-info-item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.aboutpage__contact-info-text {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(58, 58, 58);
}

.aboutpage__contact-map {
  width: 100%;
  height: 500px;
}

/* =========== HELP PAGE STYLES =========== */

.help__title-block {
  margin-bottom: 80px;
}

.help__title-block-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.help__title {
  font-family: "Jost", sans-serif;
  font-size: 60px;
  line-height: 105%;
  color: rgb(13, 3, 0);
  margin-bottom: 32px;
}

.help__input-box {
  position: relative;
  border-bottom: 1px solid #000;
  width: 100%;
  max-width: 600px;
}

.help__input {
  width: 100%;
  padding: 10px 40px 10px 0px;
  border-radius: 0;
  outline: none;
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(115, 115, 115);
  text-transform: uppercase;
}

.help__input-btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

.help__input-btn img {
  width: 24px;
  height: 24px;
}

.help__inner {
  margin-bottom: 80px;
}

.help__title-main {
  font-family: "Jost", sans-serif;
  font-size: 45px;
  line-height: 130%;
  letter-spacing: 0;
  color: rgb(13, 3, 0);
  margin-bottom: 40px;
}

.help__shipping {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
}

.help__item-title {
  font-family: "Jost", sans-serif;
  font-size: 24px;
  line-height: 120%;
  color: rgb(13, 3, 0);
  padding-bottom: 4px;
  border-bottom: 1px solid #000;
  margin-bottom: 12px;
}

.help__item-text {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
}

.help__returns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
}

.help__repairs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
}

.help__custom {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
}

.help__faqs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
}

.help__faqs-box {
  display: flex;
  align-items: start;
  gap: 14px;
  flex-direction: column;
}

.help__faqs-box-title-box {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  min-height: 58px;
  cursor: pointer;
}

.help__faqs-box-title-box-active {
  border-bottom: 1px solid #000;
}

.help__faqs-item {
 display: contents;
  flex-direction: column;
  gap: 24px;
  
}

.help__faqs-box-title {
  font-family: "Jost", sans-serif;
  font-size: 24px;
  line-height: 120%;
  color: rgb(13, 3, 0);
  padding-bottom: 8px;
}

.help__faqs-box-text {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(13, 3, 0);
  display: none;
}

.help__faqs-box-title-box img {
  transition: transform 0.3s ease; /* Плавный переход */
  transform: rotate(0deg); /* Исходное положение */
}

/* Поворот стрелки при активном состоянии */
.help__faqs-box-title-box-active img {
  transform: rotate(180deg); /* Поворот на 180 градусов */
}

.help__support {
  display: flex;
  align-items: start;
  gap: 100px;
  width: 100%;
}

.get__support-form {
  width: 100%;
  max-width: 660px;
}

.get__support-form-title {
  font-family: "Jost", sans-serif;
  font-size: 24px;
  line-height: 120%;
  color: rgb(13, 3, 0);
  margin-bottom: 40px;
}

.get__support-form-box {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 20px;
}

.get__support-form-label {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(58, 58, 58);
}

.get__support-form-label span {
  color: red;
}

.get__support-form-input {
  padding: 12px;
  width: 100%;
  border: 1px solid #636363;
  color: rgb(115, 115, 115);
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
}

.get__support-form-textarea {
  padding: 12px;
  width: 100%;
  border: 1px solid #636363;
  color: rgb(115, 115, 115);
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  min-height: 120px;
}

.get__support-form-textarea {
  margin-bottom: 20px;
}

.get__support-form-btn {
  width: 100%;
  text-transform: uppercase;
  padding: 12px 0;
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(13, 3, 0);
  background-color: rgb(254, 220, 195);
  border: 1px solid rgb(58, 58, 58);
cursor: pointer;
  transition: 0.3s all;
}

.get__support-form-btn:hover {
  background-color: rgb(240, 203, 178);
}

.get__support-info-box {
  margin-bottom: 20px;
}

.get__support-info-title {
  font-family: "Jost", sans-serif;
  font-size: 20px;
  line-height: 120%;
  color: rgb(13, 3, 0);
  margin-bottom: 20px;
}

.get__support-info-block {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.get__support-info-address {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(58, 58, 58);
}

.get__support-form-store {
  min-width: 460px;
}

.store__main {
  padding: 108px 0;
  margin-top: -35px;
  position: relative;
    z-index: 10;
}

#mapstore {
    position: fixed; /* Фиксируем карту на фоне */
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh; /* Растягиваем карту на всю высоту экрана */
    z-index: -1;
}

.store__inner {
  max-width: 524px;
  display: flex;
  flex-direction: column;
  gap: 40px;
    padding: 60px 32px;
  background-color: #fff;
  border: 1px solid rgb(13, 3, 0);
    z-index: 2; 
}

.store__title {
  font-family: "Jost", sans-serif;
  font-size: 24px;
  line-height: 120%;
  color: rgb(13, 3, 0);
  margin-bottom: 40px;
}

.store {
  font-size: 20px;
}

.hidden {
  display: none !important;
}

/* ============ CART SECTIOM STYLE ============ */

.cart__intro {
  margin: 60px 0 130px 0;
}

.cart__title {
  font-family: "Jost", sans-serif;
  font-size: 45px;
  line-height: 120%;
  color: rgb(13, 3, 0);
  margin-bottom: 40px;
}

.cart__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 840px;
}

.cart__inner {
  display: flex;
  align-items: start;
  gap: 80px;
}

.cart__item {
   border-bottom: 1px solid #777777; 
  padding-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cart__item-main {
  display: flex;
  align-items: center;
  gap: 32px;
  min-width: 645px;
  width: 100%;
}

.cart__item-title {
  font-family: "Jost", sans-serif;
  font-size: 20px;
  line-height: 120%;
  color: rgb(13, 3, 0);
  margin-bottom: 12px;
}

.cart__item-text {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  color: rgb(58, 58, 58);
  margin-bottom: 5px;
}

.cart__item-box {
  display: flex;
  align-items: center;
  gap: 12px;
}

.cart__item-delete {
  cursor: pointer;

  opacity: 100%;

  transition: 0.3s all;
}

.cart__item-delete:hover {
  transform: scale(1.2);
}

.cart__item-price {
  font-family: "Jost", sans-serif;
  font-size: 24px;
  /*letter-spacing: 120%;*/
  color: rgb(13, 3, 0);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cart__item-price-old {
  color: rgb(115, 115, 115);
  font-size: 18px;
}

.cart__info {
  padding: 20px;
  border: 1px solid rgb(13, 3, 0);
}

.cart__info__box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.cart__info-box-title {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  color: rgb(58, 58, 58);
}

.cart__info-box-price {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  color: rgb(58, 58, 58);
}

.cart__info-box-discount {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  color: rgb(58, 58, 58);
}

.cart__info-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #000;
  padding-top: 20px;
  margin-bottom: 20px;
}

.cart__info-total-title {
  font-family: "Jost", sans-serif;
  font-size: 20px;
  line-height: 120%;
  color: rgb(13, 3, 0);
}

.cart__info-total-price {
  font-family: "Jost", sans-serif;
  font-size: 24px;
  line-height: 120%;
  color: rgb(13, 3, 0);
}

.cart__info-btn {
  display: inline-block;
  text-align: center;
  width: 100%;
  padding: 12px 0;
  text-transform: uppercase;
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 16px;
  background-color: #fedcc3;
  border: 1px solid rgb(13, 3, 0);
  color: rgb(13, 3, 0);;

  transition: 0.3s all;
}

.cart__info-btn:hover {
  background-color: #000;
  color: #fedcc3;
}

.cart__info-btn:hover a {
  color: #fff;
}

.cart__info-btn a {
  color: #000;

  transition: 0.3s all;
}

.cart__info-item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.cart__info-input-text {
  font-family: "HK Grotesk", sans-serif;
  font-size: 14px;
  color: rgb(115, 115, 115);
}

.cart__item-img {
  min-width: 50px;
  max-width: 180px;
}

.privacy__intro {
  margin: 60px 0 130px 0;
}

.privacy__title {
  margin-bottom: 60px;
  font-family: "Jost", sans-serif;
  font-size: 45px;
  line-height: 130%;
  color: rgb(13, 3, 0);
  text-align: center;
}

.privacy__text {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(58, 58, 58);
}

/* =========== CHECKOUT SECTION STYLE =========== */

.checkout__intro {
  margin: 60px 0 130px 0;
}

.checkout__inner {
  display: flex;
  align-items: start;
  gap: 30px;
}

.checkout__title {
  font-size: 45px;
  font-family: "Jost", sans-serif;
  line-height: 130%;
  margin-bottom: 32px;
}

.checkout__form-title {
  font-family: "Jost", sans-serif;
  font-size: 24px;
  letter-spacing: 0.32px;
  color: rgb(13, 3, 0);
  margin-bottom: 24px;
}

.checkout__form-form {
    width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.checkout__form {
  width: 100%;
}

.checkout__form-box {
  display: flex;
  flex-direction: column;
  gap: 8px;
    width: 100%;
}

.checkout__form-label {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(58, 58, 58);
}

.checkout__form-label span {
  color: red;
}

.checkout__form-input {
  border: 1px solid rgb(115, 115, 115);
  padding: 12px;
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  color: rgb(115, 115, 115);
}

.checkout__form-textarea {
  border: 1px solid rgb(115, 115, 115);
  padding: 12px;
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  color: rgb(115, 115, 115);
  min-height: 120px;
}

.checkout__info-title {
  font-family: "Jost", sans-serif;
  font-size: 24px;
  line-height: 120%;
  color: rgb(13, 3, 0);
  margin-bottom: 24px;
}

.checkout__item {
  display: flex;
  align-items: start;
  gap: 35px;
  margin-bottom: 32px;
  padding-bottom: 15px;
   border-bottom: 1px solid #737373; 
}

.checkout__item-title {
  font-family: "Jost", sans-serif;
  font-size: 20px;
  line-height: 120%;
  color: rgb(13, 3, 0);
  margin-bottom: 12px;
}

.checkout__item-text {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(58, 58, 58);
  margin-bottom: 8px;
}

.checkout__item-price {
  font-family: "Jost", sans-serif;
  font-size: 20px;
  line-height: 130%;
  color: rgb(58, 58, 58);
}

.heckout__item-amount {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(115, 115, 115);
}

.checkout__info-inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 60px;
}

.checkout__info-item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.checkout__info-item-title {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  color: rgb(58, 58, 58);
}

.checkout__info-item-input {
  width: 20px;
  height: 20px;
}

/* =========== LOGIN PAGE STYLES =========== */

.log__intro {
  margin: 60px 0 130px 0;
}

.log__main-title {
  display: flex;
  justify-content: center;
  font-family: "Jost", sans-serif;
  margin-bottom: 60px;
  font-size: 45px;
  line-height: 130%;
  color: rgb(13, 3, 0);
}

.log__form {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  max-width: 444px;
  margin: 0 auto;
}

.log__subtitle {
  text-align: center;
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 14px;
  line-height: 150%;
  margin-bottom: 32px;
  color: rgb(58, 58, 58);
}

.log__form.option {
  display: none; /* Скрываем форму входа */
}

.log__form-reset-password {
  align-items: center;
  justify-content: center;
  flex-direction: column;
  max-width: 444px;
  margin: 0 auto;
  display: none;
}

.log__form-reset-password.show {
  display: flex; /* Показываем форму сброса пароля */
}

.log__title {
  font-family: "Jost", sans-serif;
  margin-bottom: 32px;
  font-size: 35px;
  line-height: 120%;
  color: rgb(13, 3, 0);
}

.log__box {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 20px;
  width: 100%;
}

.log__box-label {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(58, 58, 58);
}

.log__box-label span {
  color: red;
}

.log__input {
  padding: 12px 16px;
  border: 1px solid rgb(115, 115, 115);
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(115, 115, 115);
}

.log__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
}

.log__inner-box {
  display: flex;
  align-items: start;
  gap: 8px;
}

.log__inner-input {
  width: 20px;
  height: 20px;
}

.log__inner-text {
  font-family: "HK Grotesk", sans-serif;
  font-size: 16px;
  line-height: 150%;
  color: rgb(115, 115, 115);

  transition: 0.1s all;
}

.log__forgot {
  text-transform: uppercase;
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(58, 58, 58);
  cursor: pointer;
}

.log__forgot:hover {
  color: rgb(13, 3, 0);
}

.log__forgot a {
color: rgb(58, 58, 58);
}

.log__forgot a:hover {
  color: rgb(13, 3, 0);
}

.log__btn {
  text-align: center;
  width: 100%;
  padding: 12px 0;
  text-transform: uppercase;
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  color: rgb(13, 3, 0);
  margin-bottom: 32px;
  border: 1px solid rgb(13, 3, 0);
  background-color: rgb(254, 220, 195);

  transition: 0.3s all;
}

.log__btn:hover {
  background-color: rgb(229, 189, 160);
}

.log__divider {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  position: relative;
  width: 100%;
  margin-bottom: 32px;
}

.log__divider-text {
  font-size: 20px;
  color: rgb(115, 115, 115);
  line-height: 120%;
  font-family: "Jost", sans-serif;
  background-color: #fff;
  z-index: 100;
  padding: 0 18px;
}

.log__divider::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%, 0);
  left: 0;
  height: 1px;
  width: 100%;
  background: #000;
}

.log__btn-google {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: transparent;
  text-transform: uppercase;
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(13, 3, 0);
  padding: 12px 0;
  width: 100%;
  border: 1px solid rgb(13, 3, 0);
  position: relative;
  margin-bottom: 32px;

  transition: 0.3s all;
}

.log__btn-google:hover {
  background-color: rgb(13, 3, 0);
  color: #fff;
}

.log__dont-account {
  display: flex;
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  color: rgb(58, 58, 58);
  margin-bottom: 8px;

  transition: 0.2s all;
}

.log__dont-account:hover {
  color: #000;
}

.log__create-account {
  font-family: "HK Grotesk", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  color: rgb(58, 58, 58);
  border: 1px solid transparent;
  border-bottom: 1px solid #000;
  padding: 5px;

  transition: 0.3s all;
}

.log__create-account:hover {
  border: 1px solid #000;
  background-color: #000;
  color: #fff;
}

/* =========== success page styles =========== */

.success-forgot-password__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 150px;
}

.success-forgot-password__img {
  margin-bottom: 40px;
  margin-left: 35px;
}

.success-error__img {
  margin-bottom: 40px;
}

.success-forgot-password__title {
  font-family: "Jost", sans-serif;
  font-size: 60px;
  line-height: 105%;
  color: rgb(13, 3, 0);
  margin-bottom: 32px;
}

.success-forgot-password__text {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  color: rgb(58, 58, 58);
  margin-bottom: 60px;
  text-align: center;
}

.success-forgot-password__btn {
  text-transform: uppercase;
  font-size: 16px;
  font-family: "Quattrocento Sans", sans-serif;
  line-height: 150%;
  color: rgb(13, 3, 0);
  padding: 12px 82px;
  border: 1px solid rgb(13, 3, 0);
  background-color: rgb(254, 220, 195);

  transition: 0.3s all;
}

.success-forgot-password__btn a {
  color: rgb(13, 3, 0);
}

.success-forgot-password__btn:hover {
  background-color: rgb(245, 205, 176);
}

/* ============ MY ACCOUNT PAGE STYLES ============ */

.account__intro {
  margin: 60px 0 130px 0;
}

.account__inner {
  display: flex;
  align-items: start;
  gap: 100px;
}

.account__sidebar {
  border: 1px solid rgb(13, 3, 0);
  min-width: 250px;
}

.account__sidebar-item {
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 16px;
  border-bottom: 1px solid rgb(13, 3, 0);
  cursor: pointer;
}

.account__sidebar-item-active {
  background-color: rgb(254, 220, 195);
}

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

.account__sidebar-title {
  font-family: "Jost", sans-serif;
  font-size: 20px;
  color: rgb(58, 58, 58);
}

.account__sidebar-title a {
    color: rgb(58, 58, 58);
}

.account__content {
  max-width: 1005px;
  width: 100%;
}

.account__title {
  font-family: "Jost", sans-serif;
  font-size: 45px;
  line-height: 130%;
  color: rgb(13, 3, 0);
  margin-bottom: 60px;
}

.account__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 145px;
  grid-row-gap: 40px;
}

.account__item-title {
  font-family: "Jost", sans-serif;
  font-size: 20px;
  line-height: 120%;
  color: rgb(13, 3, 0);
  margin-bottom: 16px;
}

.account__item-box {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 10px;
}

.account__item-box,
.account__item-form {
  min-height: 48px;
}

.account__item-text {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(58, 58, 58);
}

.account__item-change {
  cursor: pointer;

  transition: 0.3s all;
}

.account__item-change:hover {
  transform: scale(1.1);
}

.account__item-form {
  display: flex;
  align-items: center;
  display: none;
}

.account__item-input {
  padding: 12px 16px;
  border: 1px solid rgb(115, 115, 115);
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  color: rgb(115, 115, 115);
  width: 100%;
}

.account__item-btn {
  border: 1px solid rgb(13, 3, 0);
  padding: 12px 40px;
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  color: rgb(13, 3, 0);
}

.account__payment {
  max-width: 535px;
  width: 100%;
  display: none;
}

.account__payment-title {
  margin-bottom: 40px;
  font-family: "Jost", sans-serif;
  font-size: 24px;
  line-height: 120%;
  color: rgb(13, 3, 0);
}

.account__payment-items {
  display: flex;
  flex-direction: column;
  gap: 28px;
  width: 100%;
  margin-bottom: 40px;
}

.account__payment-item {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
}

.account__payment-item-box {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.account__payment-item-number {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 2%;
  color: rgb(13, 3, 0);
}

.account__payment-item-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.account__payment-item-data {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  color: rgb(58, 58, 58);
}

.account__payment-item-nav {
  display: flex;
  align-items: center;
  gap: 12px;
}

.account__payment-item-icon {
  cursor: pointer;

  transition: 0.3s all;
}

.account__payment-item-icon:hover {
  transform: scale(1.1);
}

/* Общий стиль формы */
.account__payment-add {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}

#add-payment-method {
    background: #fff;
    width: 100%;
    max-width: 400px;
}

.form-title {
    font-size: 1.4rem;
    margin-bottom: 15px;
}

/* Стилизация полей ввода */
#add-payment-method input,
#add-payment-method select {
    width: 100%;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 16px;
    transition: 0.3s ease-in-out;
}

/* Эффект при наведении */
#add-payment-method input:focus,
#add-payment-method select:focus {
    border-color: #333;
    outline: none;
}

/* Кнопка отправки */
.btn-submit {
    background: #333;
    color: white;
    font-size: 16px;
    padding: 10px;
    width: 100%;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.3s ease-in-out;
}

/* Эффект наведения на кнопку */
.btn-submit:hover {
    background: #555;
}

/* Для мобильных устройств */
@media (max-width: 480px) {
    #add-payment-method {
        width: 90%;
    }
}


.account__order {
  max-width: 1005px;
  width: 100%;
}

.account__order-items {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.account__order-item {
    border-bottom: 1px solid rgb(58, 58, 58);
    padding-bottom: 30px;
}

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

.account__order-item-name-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 28px;
}

.account__order-item-name {
  display: flex;
  align-items: center;
  gap: 16px;
}

.account__order-item-name-title {
  font-family: "Jost", sans-serif;
  font-size: 24px;
  color: rgb(58, 58, 58);
  line-height: 120%;
  text-decoration: uppercase;
}

.account__order-item-name-status {
  display: flex;
  align-items: center;
  gap: 8px;
}

.account__order-item-name-status-text {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
}

.confirmed {
  color: rgb(98, 185, 89);
}

.deliver {
  color: rgb(255, 123, 27);
}

.arrived {
  color: rgb(29, 174, 239);
}

.canceled {
  color: rgb(239, 99, 99);
}

.returned {
  color: rgb(182, 89, 22);
}

.account__order-item-way {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}

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

.account__order-item-way-box-title {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  color: rgb(58, 58, 58);
  text-transform: uppercase;
}

.account__order-item-way-data {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  color: rgb(58, 58, 58);
  letter-spacing: 0.32px;
}

.account__order-item-way-country {
  font-family: "Quattrocento Sans", sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  color: rgb(58, 58, 58);
  letter-spacing: 0.32px;
}

.account__order-item-info {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.account__order-item-info-item {
  display: flex;
  align-items: start;
  justify-content: space-between;
  max-width: 720px;
  gap: 20px;
  width: 100%;
}

.account__order-item-info-item-inner {
  display: flex;
  gap: 32px;
}

.account__order-item-info-item-box {
  display: flex;
  flex-direction: column;
}

.account__order-item-info-item-box-title {
  font-family: "Jost", sans-serif;
  font-size: 20px;
  margin-bottom: 12px;
  line-height: 130%;
}

.account__order-item-info-item-box {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  color: rgb(58, 58, 58);
  margin-bottom: 8px;
}

.account__order-item-info-item-box-price {
  display: flex;
  align-items: center;
  gap: 8px;
}

.account__order-item-info-item-box-price-new {
  font-family: "Jost", sans-serif;
  font-size: 20px;
  color: rgb(13, 3, 0);
}

.account__order-item-info-item-box-price-old {
  font-family: "HK Grotesk", sans-serif;
  font-size: 16px;
  color: rgb(204, 204, 204);
}

.account__order-item-info-item-amount {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  color: rgb(115, 115, 115);
}

.account__order-item-info-item-img {
  max-width: 140px;
}

.account__order {
  display: none;
}

.account__favorite-log-out {
    min-height: 236px;
}

.account__favorite-items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 25px;
  grid-row-gap: 35px;
}

.account__favorite-items-wish-list {
  grid-template-columns: repeat(5, 1fr);

}

.input-error {
  border: 2px solid red;
  background-color: #ffe6e6;
}

.account__favorite-item {
  cursor: pointer;
  position: relative;
}

.account__favorite-item-img {
  margin-bottom: 12px;
}

.account__favorite-item-title {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  letter-spacing: 0.32px;
  color: rgb(58, 58, 58);
  min-height: 92px;
  text-transform: uppercase;
}

.account__favorite-item-price {
  display: flex;
  align-items: center;
  gap: 12px;
}

.account__favorite-item-price-new {
  font-family: "Jost", sans-serif;
  font-size: 24px;
  line-height: 120%;
  color: rgb(13, 3, 0);
}

.account__favorite-item-price-old {
  font-family: "HK Grotesk", sans-serif;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(204, 204, 204);
}

.account__favorite-item-new {
  font-family: "HK Grotesk", sans-serif;
  font-size: 10px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: #fff;
  padding: 2.5px 8px;
  background-color: rgb(255, 123, 27);
  text-transform: uppercase;
  position: absolute;
  top: 8px;
  left: 8px;
}

.account__favorite-item-sale {
  font-family: "HK Grotesk", sans-serif;
  font-size: 10px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: #fff;
  padding: 2.5px 8px;
  background-color: rgb(239, 99, 99);
  text-transform: uppercase;
  position: absolute;
  top: 8px;
  left: 8px;
}

.account__favorite-item-hot {
  font-family: "HK Grotesk", sans-serif;
  font-size: 10px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: #fff;
  padding: 2.5px 8px;
  background-color: rgb(98, 185, 89);
  text-transform: uppercase;
  position: absolute;
  top: 8px;
  left: 8px;
}

.account__favorite-item-like {
  position: absolute;
  top: 8px;
  right: 8px;

  transition: 0.3s all;
}

.account__favorite-item-like:hover {
  transform: scale(1.1);
}

.account__favorite {
  display: none;
}

.account__password {
  max-width: 1005px;
  width: 100%;
  display: none;
}

.account__password-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
  margin-bottom: 60px;
}

.account__password-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.account__password-label {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(13, 3, 0);
}

.account__password-input {
  max-width: 100%;
  border: 1px solid rgb(115, 115, 115);
  padding: 16px;
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: rgb(115, 115, 115);
}

.account__password-btn {
  text-transform: uppercase;
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  color: rgb(13, 3, 0);
  letter-spacing: 0.32px;
  padding: 12px 73px;
  border: 1px solid rgb(13, 3, 0);
  background-color: rgb(254, 220, 195);

  transition: 0.3s all;
}

.success-error__text {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 60px;
  max-width: 618px;
  text-align: center;
}

.account__password-btn:hover {
  background-color: rgb(243, 197, 164);
}

/* MOBILE VERSION */

@media screen and (max-width: 1360px) {
  .reviews {
    padding: 0 15px;
  }
  
     .shop__shop-now {
        padding: 10px 32px;
        bottom: 38%;
    }

  .sale {
    padding: 0 15px;
  }

  .selling {
    padding: 0 15px;
  }

  .arrivals {
    padding: 0 15px;
  }

  .category {
    padding: 0 15px;
  }

  .account__main {
    padding: 0 15px;
  }

  .success-forgot-password {
    padding: 0 15px;
  }

  .log__main {
    padding: 0 15px;
  }

  .checkout__main {
    padding: 0 15px;
  }

  .privacy__main {
    padding: 0 15px;
  }

  .cart__main {
    padding: 0 16px;
  }

  .help__main {
    padding: 0 15px;
  }

  /* HEADER SECTION STYLES */
  .header__inner {
    display: none;
  }
  .header__mob {
    display: flex;
    padding: 14px 16px;
    align-items: center;
    justify-content: space-between;
  }

  .header__mob-box {
    display: flex;
    align-items: center;
    gap: 20px;
  }
 
  
  .header__mob-logo {
      max-width: 228px;
    height: 60px;
  }

  .header__info {
    padding: 16px 10px;
  }

  .header__inner {
    padding: 18px 10px;
  }

  .shop__main {
    padding: 0 15px;
  }

  /* =========== PRODUCT PAGE STYLES =========== */

  .product__main {
    padding: 0 15px;
  }

  .product__inner {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .product__pages-item {
    font-size: 14px;
  }

  .product__photo-main {
    min-height: 424px;
    min-width: 100px;
  }

  /* =========== ABOUT PAGE STYLES =========== */

  .aboutpage__main {
    padding: 0 15px;
  }

  .aboutpage__title-block {
    margin-bottom: 28px;
  }

  .aboutpage__title {
    font-size: 40px;
    line-height: 130%;
  }

  .aboutpage__author {
    font-size: 20px;
    line-height: 130%;
  }

  .aboutpage__intro {
    margin-bottom: 60px;
  }

  .aboutpage__story {
    margin-bottom: 60px;
  }

  .aboutpage__story-inner {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .aboutpage__pearls-intro {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .aboutpage__pearls-content {
    padding-top: 0;
    max-width: 545px;
  }

  .aboutpage__pearls-photo {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
  }

  .aboutpage__pearls-photo-box {
    flex-direction: row;
    display: flex;
    justify-content: center;
    min-height: 220px;
    min-width: 100px;
    gap: 14px;
    padding-top: 0px;
  }

  .aboutpage__pearls-photo-box img {
    width: 48%;
  }

  .aboutpage__values-intro {
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    align-items: center;
  }

  .aboutpage__values-title {
    font-size: 32px;
    margin-bottom: 20px;
  }

  .aboutpage__values-subtitle {
    font-size: 14px;
    margin-bottom: 20px;
  }

  .aboutpage__values-items {
    gap: 15px;
  }

  .aboutpage__values-item-title {
    font-size: 20px;
    margin-bottom: 8px;
  }

  .aboutpage__values-photo {
    flex-direction: column;
    max-width: 660px;
  }

  .aboutpage__values-photo-box {
    flex-direction: row;
    justify-content: center;
    max-width: 660px;
  }

  .aboutpage__values-photo-box img {
    width: 49%;
  }

  .aboutpage__brand {
    margin-bottom: 60px;
  }

  .aboutpage__contact {
    margin-bottom: 60px;
  }

  .aboutpage__contact-inner {
    flex-direction: column-reverse;
    gap: 30px;
  }
}

@media screen and (max-width: 1250px) {
    
  .account__password-items {
    grid-template-columns: repeat(2, 1fr);
  }

  .account__favorite-items {
    grid-template-columns: repeat(3, 1fr);
  }

  .intro__inner {
    justify-content: center;
  }

  .featured__inner {
    justify-content: center;
  }

  /* SUBSCRIBE SECTION STYLES */

  .subscribe__inner {
    flex-direction: column;
    align-items: start;
    padding: 20px 14px;
    gap: 28px;
  }

  .subscribe__text {
    font-size: 20px;
    line-height: 130%;
  }

  .subscribe__btn {
    padding: 12px 48px;
    font-size: 14px;
  }

  .subscribe__input {
    min-width: 150px;
  }
}

@media screen and (max-width: 1185px) {
    
  .account__favorite-items {
    grid-template-columns: repeat(2, 1fr);
  }

  .checkout__intro {
    margin: 28px 0 60px 0;
  }

  .checkout__inner {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .cart__inner {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px;
  }

  .help__support {
    flex-direction: column;
  }

  .help__faqs {
    grid-template-columns: repeat(1, 1fr);
  }

  .help__repairs {
    grid-template-columns: repeat(1, 1fr);
  }

  .help__custom {
    grid-template-columns: repeat(1, 1fr);
  }

  .help__shipping {
    grid-template-columns: repeat(2, 1fr);
  }

  .shop__products {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 850px) {
    
    .custom-logo {
    max-width: 175px;
}
    
    .shop__category-items {
  margin-bottom: 50px;
}
    
        .shop__shop-now {
        bottom: 40%;
    }
    
    
  .sale__item-title {
    min-height: 63px;
    font-size: 14px;
  }

  .price__now {
    font-size: 20px;
  }

  .slider-buttons-swiper {
    bottom: 15px;
  }
  
  .slider-buttons-shop {
      bottom: 50px;
  }

  .selling__item-title {
    min-height: 63px;
    font-size: 14px;
  }

  .selling__price {
    font-size: 20px;
  }

  .account__password-items {
    grid-template-columns: repeat(1, 1fr);
  }

  .account__main {
    margin: 28px 0 60px 0;
  }

  .account__inner {
    flex-direction: column;
    gap: 40px;
  }

  .account__title {
    font-size: 32px;
    margin-bottom: 32px;
  }

  .account__sidebar {
    width: 100%;
  }

  .checkout__info-inner {
    gap: 12px;
    margin-bottom: 20px;
  }

  .checkout__item-text {
    font-size: 14px;
  }

  .checkout__item-title {
    font-size: 18px;
  }

  .checkout__item {
    gap: 14px;
    margin-bottom: 28px;
    align-items: center;
  }

  .checkout__info-title {
    font-size: 20px;
  }

  .checkout__form-textarea {
    font-size: 14px;
  }

  .checkout__form-input {
    font-size: 14px;
  }

  .checkout__form-label {
    font-size: 14px;
  }

  .checkout__form-title {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .checkout__title {
    font-size: 32px;
    margin-bottom: 24px;
  }

  /*.checkout__form-form {*/
  /*  min-width: 400px;*/
  /*}*/

  .cart__item-main {
    gap: 14px;
  }

  .cart__item-main {
    min-width: 200px;
  }

  .shop__search-result {
    top: -22px;
  }

  .help__shipping {
    grid-template-columns: repeat(1, 1fr);
  }

  .help__returns {
    grid-template-columns: repeat(1, 1fr);
  }

  .aboutpage__story-photo-main {
    min-width: 100px;
    margin-bottom: 14px;
  }

  .aboutpage__story-photo-inner {
    min-width: 100px;
    gap: 14px;
  }

  .aboutpage__mission-inner {
    min-height: 400px;
  }

  .aboutpage__story-title {
    font-size: 32px;
    margin-bottom: 20px;
  }

  .aboutpage__story-subtitle {
    font-size: 14px;
    margin-bottom: 28px;
  }

  .aboutpage__story-content-item-title {
    font-size: 24px;
    line-height: 130%;
  }

  .aboutpage__story-content-item-text {
    font-size: 14px;
  }

  .aboutpage__story-content-signature-name {
    font-size: 18px;
  }

  .aboutpage__story-content-signature-item {
    font-size: 40px;
  }

  .aboutpage__mission {
    margin-bottom: 60px;
  }

  .aboutpage__mission-title {
    font-size: 32px;
    margin-bottom: 20px;
  }

  .aboutpage__mission-subtitle {
    font-size: 14px;
  }

  .aboutpage__mission-items {
    gap: 20px;
  }

  .aboutpage__mission-item-text {
    font-size: 14px;
  }

  .aboutpage__mission-itemp-title {
    font-size: 20px;
    line-height: 130%;
  }

  .aboutpage__pearls {
    margin-bottom: 60px;
  }

  .aboutpage__pearls-photo {
    min-width: 100px;
  }

  .aboutpage__team {
    margin-bottom: 60px;
  }

  .aboutpage__team-title {
    font-size: 32px;
  }

  .aboutpage__team-subtitle {
    font-size: 14px;
    margin-bottom: 28px;
  }

  .aboutpage__team-item-title {
    font-size: 20px;
    line-height: 130%;
  }

  .aboutpage__team-item-post {
    font-size: 14px;
  }

  .aboutpage__values {
    margin-bottom: 60px;
  }

  .aboutpage__values-photo-box {
    gap: 5px;
  }

  .aboutpage__contact-title {
    font-size: 20px;
    line-height: 130%;
  }

  .aboutpage__contact-items {
    margin-bottom: 24px;
  }

  .aboutpage__contact-item {
    gap: 10px;
  }

  .aboutpage__contact-item-text {
    font-size: 14px;
  }

  .aboutpage__contact-days {
    margin-bottom: 24px;
  }

  .aboutpage__contact-day-title {
    font-size: 14px;
  }

  .aboutpage__contact-day-hours {
    font-size: 14px;
  }

  .aboutpage__contact-info-item {
    gap: 10px;
  }

  .aboutpage__contact-info-text {
    font-size: 14px;
  }

  /* =========== PRODUCT PAGE STYLES =========== */

  .product__btn {
    font-size: 14px;
  }

  .product__stock {
    font-size: 14px;
  }

  .product__price-new {
    font-size: 20px;
  }

  .product__price-old {
    font-size: 18px;
  }

  .product__color-name {
    font-size: 14px;
  }

  .product__size-name {
    font-size: 14px;
  }

  .product__size-variable-item {
    font-size: 12px;
  }

  .product__quantity-value {
    font-size: 14px;
  }

  .product__counter__btn {
    font-size: 14px;
  }

  .product__info-nav-item {
    padding: 0 14px;
    font-size: 18px;
  }

  .product__info-textarea {
    font-size: 14px;
  }

  .product__info-list-item {
    font-size: 14px;
  }

  /* =========== SHOP PAGE STYLES =========== */

  .shop__products {
    grid-template-columns: repeat(2, 1fr);
  }

  .shop__filters-box {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 4000;
    padding: 40px 77px 60px 32px;
    max-height: 100vh;
    width: 345px;
    overflow-y: scroll;
  }

  .shop__filters-close {
    display: block;
  }

  .filter__title-text {
    font-size: 14px;
  }

  .shop__filters {
    margin-bottom: 33px;
  }

  .shop__nav-settings {
    display: flex;
  }

  .shop__nav {
    justify-content: space-between;
  }
}

@media screen and (max-width: 800px) {
    
.help__faqs {
    grid-gap: 0px;
}
    
.help__faqs-item {
    gap: 5px;
}    
    
.help__faqs-box-title {
    font-size: 16px;
}    
    
.help__title {
    font-size: 45px;
}    

.help__title-main {
    font-size: 36px;
}
    
.account__order-item-info-item-inner {
  gap: 5px;
}    

.account__order-item-info-item {
  gap: 5px;
}    
    
.checkout__item-img {
    max-width: 150px;
}    
    
.featured__item-info {
  font-size: 16px;
  line-height: 120%;
}    
    
.arrivals__shopnow {
  padding: 6px 42px;
  font-size: 12px;
  line-height: 150%;
}
    
  .reviews__items {
    margin-bottom: 25px;
  }

  .cart__info-btn {
    font-size: 14px;
    margin-bottom: 12px;
  }

  .cart__info-total-price {
    font-size: 20px;
  }

  .cart__info-total-title {
    font-size: 18px;
  }

  .cart__info-total {
    padding-top: 10px;
    margin-bottom: 10px;
  }

  .cart__info-box-price {
    font-size: 14px;
  }

  .cart__info-box-title {
    font-size: 14px;
  }

  .cart__info {
    padding: 10px;
  }

  .cart__item-price-old {
    font-size: 16px;
  }

  .cart__item-price {
    font-size: 12px;
  }

  .cart__item {
    align-items: end;
  }

  .cart__item-title {
    font-size: 14px;
  }

  .product__counter__value {
    font-size: 10px;
  }

  .cart__item-img {
    max-width: 140px;
  }

  .shop__pages-item {
    font-size: 12px;
  }

  .cart__item-text {
    font-size: 12px;
  }

  .cart__intro {
    margin: 28px 0 60px 0;
  }

  .cart__title {
    font-size: 32px;
    line-height: 130%;
    margin-bottom: 24px;
  }

  .aboutpage__story-content-items {
    grid-gap: 14px;
    margin-bottom: 40px;
  }

  .product__title {
    font-size: 24px;
    line-height: 130%;
  }

  .product__content {
    padding: 0 15px;
  }

  /*.menu {*/
  /*  top: 37px;*/
  /*}*/

  /* HEADER TOP SECTION STYLES */

  .header__info {
    padding: 8px 14px;
  }

  .header__info-text {
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 1px;
  }
  
  .header__info-inner {
      padding-right: 6px;
  }

  .header__info-title {
    display: none;
  }

  .header__language {
    font-size: 14px;
  }

  /* INTRO SECTION STYLES */

  .intro {
    margin-bottom: 60px;
    padding: 0 14px;
  }

  .intro__title {
    font-size: 40px;
    line-height: 130%;
    letter-spacing: 0;
  }

  .intro__btn {
    margin-bottom: 60px;
  }

  /* CATEGORY SECTION STYLES */

  .category {
    margin-bottom: 60px;
  }

  .catehory__title {
    font-size: 32px;
    line-height: 130%;
    letter-spacing: 0;
  }

  /* COLLECTION SECTION STYLES */

  .collection {
    margin-bottom: 60px;
  }

  .collection__title {
    font-size: 32px;
    line-height: 130%;
    letter-spacing: 0;
    margin-bottom: 20px;
  }

  .collection__text {
    max-width: 308px;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.32px;
    margin-bottom: 28px;
  }

  .collection__btn {
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.32px;
  }

  /* ARRIVALS SECTION STYLES */

  .arrivals {
    margin-bottom: 60px;
  }

  .arrivals__title {
    font-size: 32px;
    line-height: 130%;
    letter-spacing: 0;
    margin-bottom: 28px;
  }

  .arrivals__items {
    margin-bottom: 44px;
  }

  /* FEATURED SECTION STYLES */

  .featured {
    margin-bottom: 60px;
    padding: 0 14px;
  }

  .featured__inner {
    gap: 14px;
  }

  /* SALE SECTION STYLES */

  .sale {
    margin-bottom: 60px;
  }

  .sale__title {
    font-size: 32px;
    line-height: 130%;
    letter-spacing: 0;
    margin-bottom: 28px;
  }

  .sale__items {
    grid-template-columns: repeat(2, 1fr);
    padding: 0 14px;
    margin-bottom: 44px;
  }

  /* SPECTIAL SECTION STYLES */

  .special {
    margin-bottom: 60px;
  }

  .special__inner {
    flex-direction: column;
    gap: 20px;
  }

  .special__box {
    top: 40px;
    left: 14px;
  }

  .special__title {
    font-size: 24px;
    line-height: 130%;
    letter-spacing: 0;
    margin-bottom: 28px;
  }

  .special__btn {
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.32px;
    border: 1px solid #0d0300;
  }

  /* SELLING SECTION STYLES */

  .selling {
    margin-bottom: 60px;
  }

  .selling__title {
    font-size: 32px;
    line-height: 130%;
    margin-bottom: 28px;
  }

  .selling__items {
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 44px;
    padding: 0 14px;
  }

  /* DISCOVER SECTION STYLES */

  .discover {
    min-height: 600px;
    margin-bottom: 60px;
  }

  .discover__inner {
    padding: 40px 14px 0 14px;
  }

  .discover__title {
    font-size: 32px;
    line-height: 130%;
    margin-bottom: 20px;
  }

  .discover__text {
    max-width: 331px;
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 28px;
  }

  .discover__btn {
    font-size: 14px;
    letter-spacing: 0.32px;
    line-height: 150%;
  }

  .discover__mobile {
    display: flex;
    justify-content: center;
    padding-top: 8px;
  }

  /* BRAND SECTION STYELS */

  .brand {
    margin-bottom: 60px;
  }

  .brand__items {
    grid-template-columns: repeat(3, 1fr);
    padding: 0 14px;
  }

  /* REVIEWS SECTION STYLES */

  .reviews {
    margin-bottom: 60px;
  }

  .reviews__inner {
    gap: 28px;
  }

  .reviews__title {
    font-size: 28px;
    line-height: 130%;
    text-align: center;
  }

  .reviews__text {
    min-height: 150px;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 150%;
  }

  .reviews__profile-name {
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0;
  }

  .reviews__profile-data {
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.32px;
  }

  /* SOCIAL SECTION STYLES */

  .social {
    margin-bottom: 60px;
  }

  .social__title {
    font-size: 32px;
    line-height: 130%;
  }

  .social__subtitle {
    margin-bottom: 28px;
  }

  .social__items {
    grid-template-columns: repeat(3, 1fr);
    padding: 0 14px;
    grid-gap: 14px;
  }

  /* ABOUT SECTION STYLES */

  .about {
    margin-bottom: 60px;
  }

  .about__title {
    font-size: 32px;
    margin-bottom: 28px;
  }

  .about__text {
    padding: 0 14px;
    font-size: 14px;
  }

  .about__btn {
    padding: 0 14px;
    margin-bottom: 60px;
  }

  .about__items {
    grid-template-columns: repeat(1, 1fr);
    padding: 0 14px;
  }

  /* FOOTER SECTION STULES */

  .footer {
    padding: 40px 0;
  }

  .footer__logo {
    margin-bottom: 40px;
  }

  .footer__nav {
    flex-direction: column;
    gap: 20px;
  }

  .footer__list {
    flex-direction: column;
    gap: 20px;
  }

  .footer__link {
    font-size: 14px;
  }

  .footer__copyright {
    flex-direction: column;
    gap: 28px;
  }

  /* =========== SHOP PAGE STYLES =========== */

  .shop__sort-text {
    font-size: 14px;
  }

  .shop__sort-select {
    font-size: 14px;
  }
}

@media screen and (max-width: 675px) {
    
  .account__favorite-items {
    grid-column-gap: 14px;
  }

  .account__favorite-item-title {
    font-size: 14px;
    margin-bottom: 8px;
    min-height: 92px;
  }

  .account__order-item-way {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }

  .account__order-item-way-line-one {
    transform: rotate(90deg);
    max-width: 60px;
  }

  .account__order-item-way-line-two {
    transform: rotate(90deg);
    max-width: 60px;
  }

  .account__items {
    grid-template-columns: repeat(1, 1fr);
  }

  .success-forgot-password__text {
    font-size: 16px;
    margin-bottom: 32px;
  }

  .success-forgot-password__title {
    font-size: 40px;
    margin-bottom: 24px;
  }

  .aboutpage__story-photo-inner img {
    width: 49%;
  }

  .get__support-form-store {
    min-width: 300px;
  }

  .header__search-box {
    min-width: 300px;
  }

  .header__search-input {
    min-width: 300px;
  }
}

@media screen and (max-width: 450px) {
    
            .shop__shop-now {
        bottom: 43%;
    }
    
  .log__create-account {
    font-size: 14px;
    padding: 3px;
  }

  .log__dont-account {
    font-size: 14px;
  }

  .log__btn-google {
    font-size: 14px;
    padding: 16px 0;
  }

  .log__divider-text {
    font-size: 18px;
  }

  .log__btn {
    font-size: 14px;
  }

  .log__forgot {
    font-size: 14px;
  }

  .log__inner-text {
    font-size: 14px;
  }

  .log__input {
    padding: 16px;
    font-size: 14px;
  }

  .log__box-label {
    font-size: 14px;
  }

  .log__title {
    font-size: 24px;
    line-height: 130%;
  }

  .log__main-title {
    margin-bottom: 28px;
    font-size: 32px;
  }

  .log__intro {
    margin: 28px 0 60px 0;
  }

  .product__pages-item {
    font-size: 10px;
  }

  .aboutpage__story-photo-inner img {
    width: 48%;
  }
}