@font-face {
  font-family: 'Bebas';
  src: url("../fonts/BebasNeue-Regular.ttf") format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/Montserrat-VariableFont_wght.ttf") format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/Montserrat-VariableFont_wght.ttf") format("woff");
  font-weight: 500;
  font-style: normal; }

html,
body {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #3B4643;
  background-color: #fff;
  scroll-behavior: smooth; }

h1 {
  font-size: 36px;
  line-height: 120%; }

h2 {
  font-size: 24px;
  line-height: 120%; }
  @media (min-width: 768px) {
    h2 {
      font-size: 32px; } }

h3 {
  font-size: 20px;
  line-height: 120%; }

* {
  box-sizing: border-box; }

body,
ul,
p {
  margin: 0;
  padding: 0; }

ul {
  list-style: none; }

a {
  text-decoration: none; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Bebas', serif;
  font-weight: 400;
  margin: 0;
  padding: 0; }

a,
button {
  outline: none; }

.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto; }

.nice-select:hover {
  border-color: #dbdbdb; }

.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: #999; }

.nice-select:after {
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  content: '';
  display: block;
  height: 5px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 5px; }

.nice-select.open:after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0); }

.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none; }

.nice-select.disabled:after {
  border-color: #cccccc; }

.nice-select.wide {
  width: 100%; }

.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important; }

.nice-select.right {
  float: right; }

.nice-select.right .list {
  left: auto;
  right: 0; }

.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px; }

.nice-select.small:after {
  height: 4px;
  width: 4px; }

.nice-select.small .option {
  line-height: 34px;
  min-height: 34px; }

.nice-select .list {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9; }

.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important; }

.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s; }

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  background-color: #f6f6f6; }

.nice-select .option.selected {
  font-weight: bold; }

.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default; }

.no-csspointerevents .nice-select .list {
  display: none; }

.no-csspointerevents .nice-select.open .list {
  display: block; }

.grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px; }
  .grid--center {
    justify-items: center; }
  @media (min-width: 768px) {
    .grid {
      grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 1024px) {
    .grid {
      grid-template-columns: repeat(5, 1fr);
      gap: 32px; } }
  .grid__item--1-1 {
    grid-column: 1 / 2; }
  .grid__item--1-2 {
    grid-column: 1 / 3; }
  .grid__item--2-2 {
    grid-column: 2 / 3; }
  @media (min-width: 768px) {
    .grid__item--tablet-1-1 {
      grid-column: 1 / 2; }
    .grid__item--tablet-1-2 {
      grid-column: 1 / 3; }
    .grid__item--tablet-2-2 {
      grid-column: 2 / 3; } }
  @media (min-width: 1024px) {
    .grid__item--descktop-1-1 {
      grid-column: 1 / 2; }
    .grid__item--descktop-1-2 {
      grid-column: 1 / 3; }
    .grid__item--descktop-1-3 {
      grid-column: 1 / 4; }
    .grid__item--descktop-1-4 {
      grid-column: 1 / 5; }
    .grid__item--descktop-1-5 {
      grid-column: 1 / 6; }
    .grid__item--descktop-2-2 {
      grid-column: 2 / 3; }
    .grid__item--descktop-2-3 {
      grid-column: 2 / 4; }
    .grid__item--descktop-2-4 {
      grid-column: 2 / 5; }
    .grid__item--descktop-2-5 {
      grid-column: 2 / 6; }
    .grid__item--descktop-3-3 {
      grid-column: 3 / 4; }
    .grid__item--descktop-3-4 {
      grid-column: 3 / 5; }
    .grid__item--descktop-3-5 {
      grid-column: 3 / 6; }
    .grid__item--descktop-4-4 {
      grid-column: 4 / 5; }
    .grid__item--descktop-4-5 {
      grid-column: 4 / 6; }
    .grid__item--descktop-5-5 {
      grid-column: 5 / 6; } }

.container {
  margin: 0 auto;
  width: 100%;
  padding: 0 20px; }
  @media (min-width: 480px) {
    .container {
      padding: 0;
      max-width: 440px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 596px; } }
  @media (min-width: 1024px) {
    .container {
      max-width: 944px; } }
  @media (min-width: 1400px) {
    .container {
      max-width: 1320px; } }
  @media (min-width: 1920px) {
    .container {
      max-width: 1558px; } }

.primary-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #3B4643;
  background-color: #CFE2A4;
  cursor: pointer;
  outline: none;
  width: 100%;
  height: 48px;
  padding: 12px 24px;
  border-radius: 8px;
  border: 1px solid #CFE2A4; }
  .primary-button:hover {
    border-color: #3B4643; }
  .primary-button:active {
    background-color: #668D33;
    color: #CFE2A4; }
  .primary-button:active svg path {
    stroke: #CFE2A4; }
  .primary-button.checked {
    background-color: #668D33;
    color: #CFE2A4; }
    .primary-button.checked svg path {
      stroke: #CFE2A4; }
  .primary-button__text {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 500;
    white-space: nowrap; }
  .primary-button__text--hide {
    display: none; }
    @media (min-width: 768px) {
      .primary-button__text--hide {
        display: block; } }

.search {
  position: relative; }
  .search__close {
    display: none;
    position: absolute;
    top: -24px;
    right: 0;
    background-color: inherit;
    border: none; }
  .search__input {
    border: 1px solid #668D33;
    border-radius: 8px;
    width: 100%;
    padding: 14px 10px 14px 40px; }
    .search__input:hover {
      border-color: #959595; }
    .search__input:focus {
      border-color: #959595;
      color: #3B4643;
      outline: none; }
  .search__button {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    background-color: transparent;
    border: none;
    cursor: pointer; }

.product-card {
  position: relative;
  overflow: visible;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 24px;
  border-radius: 8px;
  max-width: 286px; }
  @media (min-width: 1024px) {
    .product-card {
      margin-bottom: 32px; } }
  .product-card a {
    position: relative; }
  .product-card__img {
    width: 100%;
    height: auto;
    object-fit: contain; }
  .product-card__allert {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #3B4643;
    color: #EEEEEE;
    font-size: 16px;
    padding: 8px;
    border-radius: 0 8px; }
  .product-card__rating {
    display: flex;
    gap: 8px;
    align-self: flex-start; }
  .product-card__title {
    align-self: flex-start;
    font-weight: 500;
    height: 48px;
    color: #3B4643;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
  .product-card__input {
    width: 100%; }
    .product-card__input .nice-select {
      width: 100%;
      border: 1px solid #668D33;
      border-radius: 8px;
      color: #959595; }
    .product-card__input .list {
      width: 100%;
      border: 1px solid #668D33;
      border-radius: 8px; }
      .product-card__input .list .option:hover {
        background-color: #FFFFFF;
        color: #CFE2A4; }
      .product-card__input .list .selected {
        font-weight: 400; }
  .product-card__color {
    width: 100%;
    height: 42px;
    display: flex;
    align-items: center;
    gap: 8px; }
  .product-card__color--text {
    font-size: 16px;
    font-weight: 500; }
  .product-card__color--button {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    cursor: pointer; }
  .product-card__color--button.red {
    background-color: #CD6D89; }
  .product-card__color--button.green {
    background-color: #668D33; }
  .product-card__color--button.grey {
    background-color: #EEEEEE; }
  .product-card__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%; }
  .product-card__price {
    display: flex;
    align-items: center;
    gap: 16px;
    height: 48px; }
  .product-card__price--old {
    display: none;
    text-decoration: line-through;
    color: #959595; }
    @media (min-width: 1024px) {
      .product-card__price--old {
        display: block; } }
  .product-card__buttons {
    display: flex;
    align-items: center;
    gap: 8px; }
  .product-card__favourite {
    background-color: inherit;
    border: none;
    cursor: pointer; }
    .product-card__favourite.checked svg path {
      fill: #668D33; }

.swiper {
  position: relative;
  padding: 40px 0 48px 0 !important; }
  @media (min-width: 1024px) {
    .swiper {
      padding: 40px 0 !important; } }

.swiper-wrapper {
  height: fit-content; }

.swiper-navigation {
  position: absolute;
  top: 0;
  right: 0;
  width: 96px;
  height: auto; }

.swiper-button-prev {
  position: absolute;
  left: 0 !important;
  top: 16px !important; }
  .swiper-button-prev::after {
    display: none; }

.swiper-button-next {
  position: absolute;
  right: 0 !important;
  top: 16px !important; }
  .swiper-button-next::after {
    display: none; }

.swiper-pagination {
  left: 50% !important;
  transform: translateX(-50%) !important;
  bottom: 0 !important;
  display: flex;
  gap: 8px;
  max-width: 286px;
  height: 8px;
  margin: 0 auto;
  z-index: 0 !important; }

.swiper-bullet {
  display: block;
  height: 8px;
  width: 100%;
  border-radius: 8px;
  cursor: pointer;
  background-color: #EEEEEE; }

.swiper-bullet--active {
  background-color: #CFE2A4; }

.new-slider {
  width: 100%;
  height: auto;
  margin-top: -60px; }

.discount-slider {
  width: 100%;
  height: auto;
  margin-top: -60px; }

.sale-slider {
  width: 100%;
  height: auto;
  margin-top: -60px; }

.catalog-slider {
  width: 100%;
  height: 700px;
  margin-bottom: 64px;
  padding-top: 0 !important;
  padding-bottom: 72px !important; }
  @media (min-width: 768px) {
    .catalog-slider {
      height: 2800px;
      padding-bottom: 44px !important; } }
  @media (min-width: 1024px) {
    .catalog-slider {
      height: 2700px; } }
  @media (min-width: 1400px) {
    .catalog-slider {
      height: 916px; } }
  @media (min-width: 1920px) {
    .catalog-slider {
      height: 1400px; } }
  .catalog-slider__navigation {
    position: relative;
    height: 44px;
    width: 310px;
    margin: 24px auto 0 auto; }
    @media (min-width: 768px) {
      .catalog-slider__navigation {
        margin-top: -16px;
        width: 398px; } }
  .catalog-slider__prev.swiper-button-lock, .catalog-slider__next.swiper-button-lock {
    display: block; }
  .catalog-slider__prev.disabled, .catalog-slider__next.disabled {
    pointer-events: none;
    opacity: 0.5; }
  .catalog-slider__prev.swiper-button-prev, .catalog-slider__next.swiper-button-next {
    color: #3B4643;
    padding: 8px;
    border: 1px solid #CFE2A4;
    width: 89px;
    top: 0 !important;
    margin: 0;
    z-index: 0; }
  .catalog-slider__prev.swiper-button-prev {
    border-radius: 8px 0px 0px 8px;
    left: 0; }
  .catalog-slider__next.swiper-button-next {
    border-radius: 0px 8px 8px 0px;
    left: 219px; }
    @media (min-width: 768px) {
      .catalog-slider__next.swiper-button-next {
        left: 307px; } }
  .catalog-slider__pagination.swiper-pagination {
    position: absolute !important;
    top: 0 !important;
    left: 88px !important;
    transform: none !important;
    gap: 0px; }
  .catalog-slider__bullet {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    width: 44px;
    border: 1px solid #CFE2A4; }
  .catalog-slider__bullet--active {
    background-color: #668D33;
    color: #FFFFFF; }

.location {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none; }
  .location::-webkit-scrollbar {
    height: 0; }
  .location__link {
    color: #3B4643;
    white-space: nowrap; }
    .location__link.current {
      color: #668D33; }
  .location__divider {
    height: 27px;
    width: 1px;
    min-width: 1px;
    background-color: #CFE2A4; }

.secondary-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: 1px solid #CFE2A4;
  border-radius: 8px;
  padding: 6px 36px;
  background-color: inherit;
  cursor: pointer;
  outline: none;
  font-size: 16px;
  line-height: 120%;
  color: #3B4643;
  white-space: nowrap; }
  .secondary-button:active {
    background-color: #CFE2A4;
    color: #EEEEEE; }

.filters {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 32px;
  max-width: 286px; }
  .filters__block {
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 100%; }
  .filters__block--sort {
    gap: 8px; }
  .filters__head {
    color: #668D33; }
  .filters__input {
    width: 100%; }
  .filters__select {
    width: 100%;
    border: none;
    font-family: 'Montserrat';
    font-size: 16px;
    outline: none;
    cursor: pointer; }
    .filters__select::after {
      content: url("../images/icons/arrow-open.svg");
      top: 25%;
      transform: rotate(0deg);
      border: none; }
    .filters__select.open::after {
      transform: rotate(-180deg);
      top: 75%;
      right: 0; }
    .filters__select .list {
      width: 100%; }
    .filters__select .option:hover {
      color: #CFE2A4;
      background-color: #FFFFFF; }
    .filters__select .option.selected {
      font-weight: 400; }
    .filters__select .option.selected.focus {
      background-color: #FFFFFF; }
  .filters__block--price {
    gap: 24px; }
  .filters__buttons {
    display: flex;
    gap: 8px;
    width: 100%; }
  .filters__block--category {
    gap: 16px; }

#custom-range-input {
  width: 100%;
  height: 6px;
  background-color: #EEEEEE;
  border: none; }
  #custom-range-input .noUi-connect {
    background-color: #668D33; }
  #custom-range-input .noUi-handle {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    cursor: pointer;
    background-color: #668D33;
    box-shadow: none;
    border: 2px solid #FFFFFF; }
    #custom-range-input .noUi-handle-lower {
      right: -15px; }
    #custom-range-input .noUi-handle-upper::after, #custom-range-input .noUi-handle-lower::after {
      display: none; }
    #custom-range-input .noUi-handle-upper::before, #custom-range-input .noUi-handle-lower::before {
      display: none; }

.custom-checkbox {
  width: 100%; }
  .custom-checkbox__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    color: #668D33;
    cursor: pointer; }
  .custom-checkbox__title {
    color: #3B4643;
    font-size: 16px; }
  .custom-checkbox__button {
    border: none;
    background-color: inherit;
    cursor: pointer; }
  .custom-checkbox__list {
    height: 0;
    overflow: hidden;
    transition: height 0.8s ease;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px;
    pointer-events: none; }
  .custom-checkbox__item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px; }
  .custom-checkbox__hidden {
    position: absolute;
    opacity: 0;
    cursor: pointer; }
  .custom-checkbox__label {
    display: inline-block;
    width: 25px;
    height: 25px;
    padding-right: 25px;
    background-image: url("../images/icons/input.svg"); }
  .custom-checkbox__item.checked label {
    background-image: url("../images/icons/input-checked.svg"); }
  .custom-checkbox img {
    transition: all 0.5s ease; }
  .custom-checkbox.visible img {
    transform: rotate(180deg); }
  .custom-checkbox.visible .custom-checkbox__list {
    height: 100%;
    pointer-events: all; }

.popular-slider {
  width: 100%;
  height: 800px;
  padding-top: 0 !important;
  padding-bottom: 88px !important; }
  @media (min-width: 480px) {
    .popular-slider {
      padding-bottom: 80px !important; } }
  @media (min-width: 768px) {
    .popular-slider {
      height: 1000px; } }
  @media (min-width: 1024px) {
    .popular-slider {
      height: 520px; } }
  .popular-slider--title {
    margin-bottom: 32px; }
  .popular-slider--pagination {
    max-width: 500px !important; }

.rating {
  display: flex;
  align-items: center;
  gap: 16px; }
  .rating__stars {
    display: flex;
    align-items: center;
    gap: 8px; }
  .rating span {
    color: #959595;
    font-size: 16px; }

#review-rating img {
  cursor: pointer; }

.double-button {
  display: flex;
  align-items: center; }
  .double-button__first {
    border-radius: 8px 0 0 8px; }
  .double-button__second {
    border-radius: 0 8px 8px 0; }
  .double-button__first.active, .double-button__second.active {
    background-color: #CFE2A4; }
  .double-button__first, .double-button__second {
    width: 100%;
    padding: 12px 24px;
    border: 1px solid #CFE2A4;
    background-color: #FFFFFF;
    cursor: pointer;
    font-size: 16px;
    color: #3B4643; }
    .double-button__first:hover, .double-button__second:hover {
      background-color: #668D33;
      border-color: #668D33;
      color: #EEEEEE; }

.triple-button {
  display: flex;
  align-items: center;
  width: 108px;
  font-size: 20px;
  font-weight: 500;
  color: #3B4643; }
  @media (min-width: 1024px) {
    .triple-button {
      width: 164px; } }
  .triple-button button {
    border: 1px solid #CFE2A4;
    padding: 0 8px;
    height: 48px;
    background-color: #FFFFFF;
    cursor: pointer; }
    @media (min-width: 1024px) {
      .triple-button button {
        padding: 0 16px; } }
    .triple-button button:hover {
      border-color: #668D33; }
    .triple-button button:active {
      border-color: #CFE2A4; }
    .triple-button button.disabled {
      opacity: 0.5;
      pointer-events: none; }
  .triple-button__first {
    border-radius: 8px 0 0 8px; }
  .triple-button__second {
    border-radius: 0 8px 8px 0; }
  .triple-button__count {
    padding: 0 6px;
    border: none;
    border-bottom: 1px solid #CFE2A4;
    border-top: 1px solid #CFE2A4;
    line-height: 120%;
    font-size: 20px;
    text-align: center;
    width: 36px;
    height: 48px;
    pointer-events: none; }
    .triple-button__count::-webkit-outer-spin-button, .triple-button__count::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    .triple-button__count[type=number] {
      -moz-appearance: textfield; }
    @media (min-width: 1024px) {
      .triple-button__count {
        width: 60px;
        padding: 0 16px; } }

.review {
  display: flex;
  flex-direction: column;
  gap: 16px; }
  .review__head {
    display: flex;
    justify-content: space-between; }
  .review__profile {
    display: flex;
    gap: 16px; }
  .review__photo {
    border-radius: 50%; }
  .review__info {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .review__marks {
    align-self: self-end;
    display: flex;
    gap: 16px; }
  .review__mark {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 14px; }
    .review__mark img {
      cursor: pointer; }
  .review__divider {
    height: 1px;
    width: 100%;
    background-color: #CFE2A4; }

.popup {
  display: none; }
  .popup__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    width: 100%; }
    @media (min-width: 768px) {
      .popup__content {
        width: 600px; } }
  .popup__close {
    align-self: self-end;
    border: none;
    background-color: #FFFFFF;
    cursor: pointer; }
  .popup__allert {
    color: #668D33; }
  .popup__message {
    text-align: center; }
  .popup__back {
    width: 193px; }
  .popup__form {
    width: 100%; }
    .popup__form .input-wrapper {
      width: 100%; }
  .popup__rating {
    display: flex;
    flex-direction: column;
    gap: 16px; }
  .popup__inputs {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px; }
    @media (min-width: 768px) {
      .popup__inputs {
        flex-direction: row;
        gap: 32px; } }
  .popup__text {
    display: block;
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 120%; }
  .popup__review {
    position: relative;
    margin-bottom: 64px; }
    .popup__review img {
      position: absolute;
      left: 10px;
      top: 16px; }
    .popup__review textarea {
      font-family: 'Montserrat';
      font-size: 16px;
      line-height: 120%;
      color: #959595;
      text-align: start;
      padding-left: 40px;
      resize: none; }
  .popup__actions {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end; }
    .popup__actions button {
      width: 100px; }
  .popup__add-span {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -2;
    cursor: pointer;
    text-decoration: underline;
    font-size: 20px;
    line-height: 120%;
    font-weight: 500;
    color: #3B4643; }
    .popup__add-span.hidden {
      display: none; }
  .popup__file-name {
    position: absolute;
    left: 120px;
    bottom: 0;
    color: #3B4643;
    font-size: 14px;
    line-height: 120%; }
  .popup__delete-img {
    position: absolute;
    left: 0;
    bottom: 0;
    border: none;
    background-color: inherit;
    z-index: 4;
    cursor: pointer;
    text-decoration: underline;
    font-size: 20px;
    line-height: 120%;
    font-weight: 500;
    color: #3B4643;
    white-space: nowrap; }
    .popup__delete-img.hidden {
      display: none; }
  .popup__add-file {
    position: absolute;
    left: -80px;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
    color: #FFFFFF; }
    .popup__add-file.hidden {
      display: none; }
  .popup__buttons {
    display: flex;
    gap: 16px; }
    @media (min-width: 768px) {
      .popup__buttons {
        gap: 24px; } }
  .popup.fancybox__content {
    padding: 24px; }
    @media (min-width: 768px) {
      .popup.fancybox__content {
        border-radius: 8px;
        padding: 64px; } }

.fancybox__container {
  --fancybox-bg: rgba(59, 70, 67, 0.5)!important; }

.choosen {
  display: none;
  flex-direction: column;
  align-items: start;
  gap: 16px; }
  @media (min-width: 1024px) {
    .choosen {
      flex-direction: row;
      justify-content: space-between;
      gap: 32px; } }
  .choosen__list {
    display: flex;
    gap: 16px;
    flex-wrap: wrap; }
  .choosen__item {
    display: flex;
    align-items: center;
    gap: 8px; }
  .choosen__lable {
    font-size: 16px;
    line-height: 120%; }
  .choosen__close {
    border: none;
    background-color: #FFFFFF;
    cursor: pointer; }
  .choosen__clear {
    align-self: self-end;
    max-width: 152px; }
    @media (min-width: 768px) {
      .choosen__clear {
        max-width: 164px; } }
  .choosen.visible {
    display: flex; }

.blog-item:hover img {
  transform: scale(1.1); }

.blog-item__picture {
  border-radius: 8px;
  margin-bottom: 16px;
  overflow: hidden; }

.blog-item__img {
  display: block;
  height: auto;
  width: 100%;
  object-fit: cover;
  transition: all 0.5s ease; }

.blog-item__info {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #3B4643; }
  @media (min-width: 1920px) {
    .blog-item__info {
      padding: 0 16px; } }

.blog-item__title {
  font-size: 16px;
  font-weight: 500;
  line-height: 120%; }

.blog-item__text {
  font-size: 16px;
  line-height: 120%; }

.payment-field {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 32px 24px;
  border-radius: 8px;
  background-color: #3B4643;
  color: #EEEEEE; }
  @media (min-width: 768px) {
    .payment-field {
      padding: 32px; } }
  .payment-field__total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%; }

.cart-table th, .cart-table td {
  text-align: left;
  font-weight: 400;
  padding-bottom: 32px;
  padding-right: 8px; }
  @media (min-width: 1024px) {
    .cart-table th, .cart-table td {
      padding-right: 32px; } }
  .cart-table th:last-child, .cart-table td:last-child {
    padding-right: 0; }

.cart-table tr {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between; }
  @media (min-width: 768px) {
    .cart-table tr {
      display: table-row; } }
  .cart-table tr:last-child td {
    padding-bottom: 0; }

.cart-table__head {
  display: none; }
  @media (min-width: 768px) {
    .cart-table__head {
      display: table-header-group; } }

.cart-table__lable {
  display: flex;
  gap: 8px; }

.cart-table__img {
  height: 46px;
  width: auto;
  object-fit: contain; }

.cart-table__info {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 16px;
  line-height: 120%; }

.cart-table__close {
  background-color: inherit;
  border: none;
  cursor: pointer; }

.input {
  width: 100%;
  padding: 16px 10px;
  border: 1px solid #668D33;
  border-radius: 8px;
  color: #959595;
  outline: none;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 400;
  line-height: 120%; }
  .input:hover {
    border-color: #959595; }
  .input:focus {
    border-color: #959595;
    color: #3B4643; }
  .input.invalid {
    border-color: #CD6D89; }

.secondary-input {
  width: 140px;
  height: 48px;
  padding: 6px 37px;
  border: 1px solid #CFE2A4;
  border-radius: 8px;
  color: #3B4643;
  font-size: 16px;
  outline: none;
  transition: all 0.3s auto; }
  .secondary-input:focus {
    border-color: #668D33; }
  .secondary-input::-webkit-outer-spin-button, .secondary-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }

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

.product-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px; }
  @media (min-width: 1024px) {
    .product-list {
      gap: 32px; } }
  .product-list__field {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px; }
    .product-list__field.hidden {
      display: none; }
  .product-list__pagination {
    display: flex;
    border: 1px solid #CFE2A4;
    border-radius: 8px; }
  .product-list__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    width: 48px;
    margin: 0;
    border: none;
    border-right: 1px solid #CFE2A4;
    font-family: 'Montserrat';
    font-size: 14px;
    line-height: 120%;
    color: #3B4643;
    background-color: inherit;
    cursor: pointer; }
    .product-list__btn:last-child {
      border-right: none; }
    .product-list__btn:hover {
      background-color: #CFE2A4;
      color: #FFFFFF; }
    .product-list__btn.active {
      background-color: #668D33;
      color: #FFFFFF; }
    .product-list__btn.disabled {
      pointer-events: none;
      opacity: 0.5; }
    @media (min-width: 1024px) {
      .product-list__btn {
        width: 60px; } }
  .product-list__btn--prev, .product-list__btn--next {
    width: 89px; }
    @media (min-width: 1024px) {
      .product-list__btn--prev, .product-list__btn--next {
        width: 152px; } }
  .product-list .product-card {
    max-width: 152px; }
    @media (min-width: 768px) {
      .product-list .product-card {
        max-width: 286px; } }

.header {
  margin-top: 24px; }
  .header__catalog {
    align-self: center;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 68px; }
    @media (min-width: 768px) {
      .header__catalog {
        max-width: 100%; } }
    @media (min-width: 1024px) {
      .header__catalog {
        margin-bottom: 0; } }
  .header__logo {
    justify-self: end;
    width: fit-content; }
    @media (min-width: 1024px) {
      .header__logo {
        justify-self: start; } }
  .header__button {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    background-color: #FFFFFF;
    border: none;
    color: #3B4643; }
    .header__button__text {
      font-size: 14px; }
  .header__search.visible {
    grid-column: 1 / 3; }
  @media (min-width: 768px) {
    .header__search--button {
      display: none; } }
  .header__search--input {
    display: none; }
    @media (min-width: 768px) {
      .header__search--input {
        display: block;
        align-self: center; } }
  .header__nav {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 8px; }
    .header__nav img {
      height: 20px;
      width: 20px; }
  .header__line {
    align-self: end;
    width: 1px;
    height: 27px;
    background-color: #CFE2A4; }
  .header .visible {
    display: block; }
  .header .hide {
    display: none; }
  .header .invisible {
    visibility: hidden; }

.menu {
  margin: 16px 0 0 0;
  padding: 16px 0;
  background-color: #3B4643; }
  @media (min-width: 768px) {
    .menu {
      margin: 16px 0 0 0;
      padding: 16px 86px; } }
  @media (min-width: 1024px) {
    .menu {
      margin-top: 16px;
      padding: 16px 100px; } }
  .menu__row {
    white-space: nowrap;
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none; }
    .menu__row ::-webkit-scrollbar {
      height: 0; }
  .menu__row:first-child {
    margin-bottom: 24px; }
    @media (min-width: 768px) {
      .menu__row:first-child {
        margin-bottom: 16px; } }
    @media (min-width: 1024px) {
      .menu__row:first-child {
        margin-bottom: 0; } }
  .menu__link {
    display: inline-block;
    margin-right: 16px;
    color: #EEEEEE;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    transition: all 0.5s ease; }
    .menu__link:hover {
      color: #668D33;
      border-bottom: 1px solid #668D33; }
    @media (min-width: 768px) {
      .menu__link {
        margin-right: 32px; } }
  .menu__link--nav {
    color: #CFE2A4; }
    .menu__link--nav:last-child {
      margin-right: 0; }
      @media (min-width: 768px) {
        .menu__link--nav:last-child {
          margin-right: 32px; } }

.brands-section {
  margin-bottom: 64px; }
  .brands-section__wrapper {
    width: 100%; }
    @media (min-width: 1024px) {
      .brands-section__wrapper {
        margin: 0 auto;
        max-width: 944px; } }
    @media (min-width: 1400px) {
      .brands-section__wrapper {
        max-width: 1320px; } }
    @media (min-width: 1920px) {
      .brands-section__wrapper {
        max-width: 1558px; } }
  .brands-section__top {
    position: relative;
    width: 100%; }
    @media (min-width: 1024px) {
      .brands-section__top {
        grid-row: 1 / 3;
        height: 640px; } }
  .brands-section__top--img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
    @media (min-width: 1024px) {
      .brands-section__top--img {
        border-radius: 0 0 8px 8px; } }
  .brands-section__top--title {
    position: absolute;
    top: 16px;
    left: 20px;
    line-height: 120%;
    color: #668D33; }
    @media (min-width: 768px) {
      .brands-section__top--title {
        top: 24px;
        left: 86px; } }
  .brands-section__headbands {
    position: relative;
    width: 100%; }
    @media (min-width: 480px) {
      .brands-section__headbands {
        height: 308px; } }
    @media (min-width: 1024px) {
      .brands-section__headbands {
        grid-row: 1 / 2;
        height: 304px; } }
  .brands-section__headbands--img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
    @media (min-width: 768px) {
      .brands-section__headbands--img {
        border-radius: 0 0 8px 8px; } }
  .brands-section__headbands--title {
    position: absolute;
    bottom: 75px;
    right: 20px;
    width: 98px;
    line-height: 120%;
    color: #668D33;
    text-align: right; }
    @media (min-width: 768px) {
      .brands-section__headbands--title {
        bottom: 87px;
        right: 54px;
        width: 154px; } }
    @media (min-width: 1024px) {
      .brands-section__headbands--title {
        right: 16px; } }
  .brands-section__headbands--count {
    position: absolute;
    bottom: 16px;
    right: 20px;
    font-family: 'Bebas';
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; }
    @media (min-width: 768px) {
      .brands-section__headbands--count {
        bottom: 28px;
        right: 54px; } }
    @media (min-width: 1024px) {
      .brands-section__headbands--count {
        right: 16px; } }
  .brands-section__gift {
    position: relative;
    width: 100%;
    margin-bottom: 32px; }
    @media (min-width: 480px) {
      .brands-section__gift {
        height: 308px; } }
    @media (min-width: 1024px) {
      .brands-section__gift {
        grid-row: 2 / 3;
        height: 304px; } }
  .brands-section__gift--img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
    @media (min-width: 1024px) {
      .brands-section__gift--img {
        border-radius: 8px; } }
  .brands-section__gift--title {
    position: absolute;
    top: 24px;
    left: 20px;
    color: #668D33; }
    @media (min-width: 768px) {
      .brands-section__gift--title {
        left: 86px; } }
  .brands-section__text {
    margin-bottom: 8px;
    font-size: 16px; }
    @media (min-width: 1024px) {
      .brands-section__text {
        margin-bottom: 0; } }
  .brands-section__card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 16px;
    margin-bottom: 8px;
    color: #3B4643; }
    .brands-section__card:last-child {
      margin-bottom: 0; }
    .brands-section__card:hover img {
      transform: scale(1.1); }
    @media (min-width: 1024px) {
      .brands-section__card {
        margin-bottom: 0; } }
  .brands-section__card--picture {
    display: flex;
    justify-content: center;
    overflow: hidden;
    height: 400px;
    width: auto;
    margin: 0 -20px; }
    @media (min-width: 768px) {
      .brands-section__card--picture {
        margin: 0;
        border-radius: 8px; } }
  .brands-section__card--img {
    width: auto;
    height: 100%;
    transition: transform 0.3s ease; }
  .brands-section__card--list {
    position: absolute;
    top: 24px; }
    @media (min-width: 768px) {
      .brands-section__card--list {
        left: 24px; } }
    @media (min-width: 1024px) {
      .brands-section__card--list {
        top: 32px;
        left: 32px; } }
  .brands-section__card--item {
    position: relative;
    padding-left: 28px;
    margin-bottom: 16px;
    max-width: 182px;
    font-size: 16px;
    font-weight: 500; }
    .brands-section__card--item::before {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 20px;
      height: 20px;
      background: url("../images/icons/list-item.svg") center/cover; }

.advantages {
  margin-bottom: 64px; }
  .advantages__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px; }
    @media (min-width: 1024px) {
      .advantages__item {
        grid-row: 1 / 1; } }
  .advantages__img {
    width: 140px;
    height: 140px; }
    @media (min-width: 480px) {
      .advantages__img {
        width: 160px;
        height: 160px; } }
  .advantages__description {
    text-align: center; }
    @media (min-width: 1024px) {
      .advantages__description {
        max-width: 160px; } }
    @media (min-width: 1400px) {
      .advantages__description {
        min-width: 240px; } }

@media (min-width: 1024px) {
  .blog-section__title {
    grid-row: 1 / 1; } }

.blog-section__description {
  font-size: 16px; }
  @media (min-width: 1024px) {
    .blog-section__description {
      grid-row: 2 / 2; } }

.blog-section__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  overflow: hidden;
  margin: 0 -20px;
  padding: 0 20px;
  color: #3B4643; }
  @media (min-width: 768px) {
    .blog-section__link {
      margin: 0;
      padding: 0; } }
  .blog-section__link:hover img {
    transform: scale(1.1); }

.blog-section__link--picture {
  display: flex;
  justify-content: center;
  overflow: hidden;
  height: 400px;
  width: auto; }
  @media (min-width: 768px) {
    .blog-section__link--picture {
      border-radius: 8px; } }
  @media (min-width: 1024px) {
    .blog-section__link--picture {
      height: 320px; } }
  @media (min-width: 1400px) {
    .blog-section__link--picture {
      height: 400px; } }

.blog-section__link--img {
  height: 100%;
  transition: transform 0.5s ease; }
  @media (min-width: 768px) {
    .blog-section__link--img {
      width: 100%;
      height: auto; } }

.blog-section__link--title {
  align-self: flex-start; }

.footer {
  padding-bottom: 24px;
  margin-top: 64px; }
  @media (min-width: 768px) {
    .footer {
      padding-bottom: 64px; } }
  @media (min-width: 1400px) {
    .footer {
      padding: 64px 0; } }
  .footer__links {
    display: flex;
    justify-content: start;
    gap: 32px;
    color: #3B4643; }
    @media (min-width: 768px) {
      .footer__links {
        justify-content: center; } }
    @media (min-width: 1024px) {
      .footer__links {
        grid-row: 1 / 1; } }
    .footer__links a:hover {
      color: #668D33; }
  .footer__nav {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
    color: #668D33; }
    @media (min-width: 768px) {
      .footer__nav {
        flex-direction: row;
        justify-content: start;
        gap: 32px; } }
    @media (min-width: 1024px) {
      .footer__nav {
        grid-row: 2 / 2;
        margin-bottom: 0; } }
    .footer__nav a:hover {
      color: #3B4643; }
  .footer__link {
    font-size: 16px;
    color: inherit;
    height: fit-content;
    transition: color 0.3s ease; }
    @media (min-width: 1024px) {
      .footer__link {
        text-align: center; } }
  .footer__subscribe {
    display: flex;
    flex-direction: column;
    background-color: #3B4643;
    margin: 0 -20px;
    padding: 32px 24px; }
    @media (min-width: 768px) {
      .footer__subscribe {
        margin: 0 0 24px 0;
        border-radius: 8px; } }
    @media (min-width: 1024px) {
      .footer__subscribe {
        grid-row: 1 / 4; } }
  .footer__text {
    margin-bottom: 16px;
    color: #EEEEEE; }
  .footer__input {
    position: relative; }
  .footer__input--field {
    border: 1px solid #668D33;
    border-radius: 8px;
    width: 100%;
    padding: 14px 10px 14px 40px;
    margin-bottom: 16px;
    background-color: inherit;
    color: #EEEEEE; }
    .footer__input--field:hover {
      border-color: #959595; }
    .footer__input--field:focus {
      border-color: #959595;
      color: #FFFFFF;
      outline: none; }
    .footer__input--field.invalid {
      border-color: #CD6D89; }
  .footer__input--img {
    position: absolute;
    top: 13px;
    left: 10px; }
  @media (min-width: 1024px) {
    .footer__copyright {
      grid-row: 5 / 5; } }
  .footer__social {
    display: flex;
    justify-content: end;
    gap: 24px; }
    @media (min-width: 1024px) {
      .footer__social {
        grid-row: 5 / 5; } }
    .footer__social a:hover svg path {
      stroke: #668D33; }

.not-found {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px; }
  .not-found__head {
    text-align: center; }
  .not-found__screen {
    display: flex; }
  .not-found__picture {
    display: flex; }
    .not-found__picture img {
      width: 100%;
      height: auto;
      flex: 1; }
  .not-found__text {
    font-size: 16px;
    line-height: 120%;
    text-align: center; }
  .not-found__button {
    width: 145px;
    white-space: nowrap; }
    @media (min-width: 1024px) {
      .not-found__button {
        width: 193px; } }

.page__body {
  display: flex;
  flex-direction: column;
  min-height: 100vh; }

.page__main {
  flex: 1;
  padding-top: 64px; }

.page__main.home {
  padding: 0; }

.page__search-error {
  display: none;
  margin: 64px auto; }
  @media (min-width: 768px) {
    .page__search-error {
      text-align: center; } }
  .page__search-error.visible {
    display: block; }

.page__section {
  margin-bottom: 64px; }

.page__title {
  font-size: 32px; }

.page__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: 16px;
  line-height: 120%; }

.page__list-title {
  font-weight: 500; }

.page__item {
  position: relative;
  padding-left: 24px; }

.page__item::before {
  content: url("../images/icons/li-point.svg");
  display: inline-block;
  height: 20px;
  width: 20px;
  position: absolute;
  left: 0;
  top: 0; }

.page__nav {
  display: flex;
  gap: 24px;
  overflow-x: scroll; }
  .page__nav a {
    width: fit-content; }
  @media (min-width: 1024px) {
    .page__nav {
      flex-direction: column;
      gap: 16px;
      min-width: 132px;
      overflow: hidden; } }
  .page__nav::-webkit-scrollbar {
    height: 0; }

.page__nav--head {
  white-space: nowrap;
  color: #3B4643;
  width: fit-content;
  cursor: pointer;
  transition: color 0.3s ease; }
  .page__nav--head:hover {
    color: #668D33; }
  .page__nav--head.current {
    color: #668D33; }
  .page__nav--head img {
    margin-right: 8px; }

.page__nav--quit {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  border: none;
  background-color: #FFFFFF; }
  @media (min-width: 1024px) {
    .page__nav--quit {
      margin-top: 16px; } }

.catalog__top {
  margin-bottom: 64px; }

.catalog__location {
  grid-row: 1 / 1; }

.catalog__button {
  grid-row: 2 / 2;
  justify-self: end;
  width: 64px; }
  @media (min-width: 1024px) {
    .catalog__button {
      display: none; } }

.catalog__button.hidden {
  display: none; }

.catalog__filters {
  display: none;
  grid-row: 2 / 3; }
  @media (min-width: 1024px) {
    .catalog__filters {
      display: flex;
      grid-row: 2 / 4; } }

.catalog__filters.visible {
  display: flex;
  margin-top: 64px; }

.catalog__choosen {
  grid-row: 3 / 3; }
  @media (min-width: 1024px) {
    .catalog__choosen {
      grid-row: 1 / 1; } }

.catalog__product-list {
  grid-row: 4 / 5; }
  @media (min-width: 1024px) {
    .catalog__product-list {
      grid-row: 2 / 4; } }

.product__location {
  margin-bottom: 24px; }

.product__card {
  margin-bottom: 64px; }

.product__pictures {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px; }
  .product__pictures img {
    width: 100%;
    height: auto;
    overflow: hidden; }
  @media (min-width: 1024px) {
    .product__pictures {
      grid-row: 1 / 3; } }

.product__pictures--secondary {
  display: flex; }

.product__top {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 16px;
  margin-bottom: 24px; }
  @media (min-width: 1024px) {
    .product__top {
      margin-bottom: 32px; } }

.product__code {
  font-size: 16px;
  font-weight: 500; }

.product__price {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%; }
  @media (min-width: 768px) {
    .product__price {
      flex-direction: row; } }
  .product__price h2 {
    display: inline;
    margin-right: 16px; }

.product__price--old {
  text-decoration: line-through;
  color: grey; }

.product__bottom {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px; }

.product__label {
  font-size: 16px; }

.product__label--title {
  color: #668D33;
  display: inline-block;
  margin-bottom: 8px; }

.product__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px; }
  @media (min-width: 768px) {
    .product__actions {
      justify-content: start; } }

.product__actions--heart {
  border: none;
  background-color: #FFFFFF;
  cursor: pointer; }
  @media (min-width: 768px) {
    .product__actions--heart {
      order: 3; } }
  .product__actions--heart.checked svg path {
    fill: #668D33; }

@media (min-width: 768px) {
  .product__primary-button {
    max-width: 184px;
    order: 2;
    margin-left: 16px; } }

@media (min-width: 1024px) {
  .product__primary-button {
    max-width: 192px; } }

@media (min-width: 1024px) {
  .product__ditails {
    grid-row: 2 / 5; } }

.product__headers {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px; }
  @media (min-width: 1024px) {
    .product__headers {
      margin-bottom: 32px; } }

.product__head {
  cursor: pointer; }
  .product__head:hover {
    color: #668D33; }

.product__head.active {
  color: #668D33; }

.product__content {
  font-size: 16px;
  line-height: 120%; }

.product__content--item {
  display: none; }

.product__content--item.active {
  display: block; }

.product__content--info {
  display: flex;
  gap: 4px;
  margin-bottom: 16px; }

.product__reviews {
  display: flex;
  flex-direction: column;
  gap: 16px; }

.product__reviews.hide .review:nth-child(n + 4) {
  display: none; }

.product__buttons {
  display: flex;
  gap: 16px; }
  @media (min-width: 768px) {
    .product__buttons {
      max-width: 366px; } }
  @media (min-width: 1024px) {
    .product__buttons {
      align-self: self-end; } }

.product__buttons .primary-button,
.product__buttons .secondary-button {
  padding-right: 12px;
  padding-left: 12px;
  font-size: 20px;
  font-weight: 500;
  line-height: 120%;
  white-space: nowrap; }

.blog__location {
  margin-bottom: 32px; }

.blog__head {
  margin-bottom: 32px; }

.blog__top {
  margin-bottom: 64px; }

.blog__description {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 16px; }

.blog__title {
  color: #3B4643;
  transition: color 0.3s ease; }
  .blog__title:hover {
    color: #668D33; }

.blog__message {
  font-size: 16px;
  line-height: 120%; }

.blog__img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 400px;
  width: 100%;
  border-radius: 8px;
  overflow: hidden; }
  .blog__img img {
    width: auto;
    height: 100%;
    transition: scale 0.5s ease; }
    .blog__img img:hover {
      scale: 1.1; }

.publication__location {
  margin-bottom: 32px;
  white-space: nowrap; }

.publication__head {
  margin-bottom: 32px; }

.publication__banner {
  margin-bottom: 64px; }
  @media (min-width: 768px) {
    .publication__banner {
      margin-bottom: 24px; } }
  @media (min-width: 1024px) {
    .publication__banner {
      margin-bottom: 32px; } }

.publication__picture {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 -20px;
  padding: 0 20px;
  overflow: hidden; }
  @media (min-width: 768px) {
    .publication__picture {
      margin: 0;
      padding: 0; } }

.publication__img {
  width: auto;
  height: 100%; }

.publication__content {
  margin-bottom: 64px; }

.publication__topic {
  display: flex;
  flex-direction: column;
  gap: 16px; }

.publication__subtitle {
  font-size: 16px;
  line-height: 120%;
  font-weight: 500; }

.publication__options {
  display: flex;
  gap: 16px;
  flex-wrap: wrap; }

.publication__option {
  border: none;
  padding: 8px 16px;
  border-radius: 8px;
  background-color: #EEEEEE;
  cursor: pointer;
  font-family: 'Montserrat';
  font-size: 14px;
  line-height: 120%;
  color: #3B4643; }
  .publication__option:hover {
    color: #EEEEEE;
    background-color: #CFE2A4; }
  .publication__option:focus {
    color: #EEEEEE;
    background-color: #668D33; }

.publication__description {
  font-size: 16px;
  line-height: 120%; }
  .publication__description > p {
    margin-bottom: 16px; }

.publication__items {
  display: flex;
  flex-direction: column;
  gap: 24px; }
  @media (min-width: 768px) {
    .publication__items {
      flex-direction: row;
      flex-wrap: wrap; } }
  @media (min-width: 1920px) {
    .publication__items {
      gap: 32px; } }

@media (min-width: 768px) {
  .publication__item {
    max-width: 286px; } }

@media (min-width: 1024px) {
  .publication__item {
    max-width: 264px; } }

@media (min-width: 1400px) {
  .publication__item {
    max-width: 242px; } }

@media (min-width: 1920px) {
  .publication__item {
    max-width: 286px; } }

.hidden {
  display: none; }

.new__content {
  margin-bottom: 64px; }

.new__wallpaper {
  width: 100%;
  height: 100px;
  object-fit: cover;
  margin-top: 24px;
  margin-bottom: 64px; }
  @media (min-width: 768px) {
    .new__wallpaper {
      height: 200px; } }
  @media (min-width: 1024px) {
    .new__wallpaper {
      margin-top: 32px;
      height: 300px; } }

.new__button {
  justify-self: end;
  width: 64px; }
  @media (min-width: 1024px) {
    .new__button {
      display: none; } }

.new__button.hidden {
  display: none; }

.new__filters {
  display: none;
  grid-row: 2 / 3; }
  @media (min-width: 1024px) {
    .new__filters {
      display: flex; } }

.new__filters.visible {
  display: flex;
  margin-top: 64px; }

.new__product-list {
  grid-row: 4 / 5; }
  @media (min-width: 1024px) {
    .new__product-list {
      grid-row: 2 / 3; } }

.discount__content {
  margin-bottom: 64px; }

.discount__wallpaper {
  width: 100%;
  height: 100px;
  object-fit: cover;
  margin-top: 24px;
  margin-bottom: 64px; }
  @media (min-width: 768px) {
    .discount__wallpaper {
      height: 200px; } }
  @media (min-width: 1024px) {
    .discount__wallpaper {
      margin-top: 32px;
      height: 300px; } }

.discount__button {
  justify-self: end;
  width: 64px; }
  @media (min-width: 1024px) {
    .discount__button {
      display: none; } }

.discount__button.hidden {
  display: none; }

.discount__filters {
  display: none;
  grid-row: 2 / 3; }
  @media (min-width: 1024px) {
    .discount__filters {
      display: flex; } }

.discount__filters.visible {
  display: flex;
  margin-top: 64px; }

.discount__product-list {
  grid-row: 4 / 5; }
  @media (min-width: 1024px) {
    .discount__product-list {
      grid-row: 2 / 3; } }

.sale__content {
  margin-bottom: 64px; }

.sale__wallpaper {
  width: 100%;
  height: 100px;
  object-fit: cover;
  margin-top: 24px;
  margin-bottom: 64px; }
  @media (min-width: 768px) {
    .sale__wallpaper {
      height: 200px; } }
  @media (min-width: 1024px) {
    .sale__wallpaper {
      margin-top: 32px;
      height: 300px; } }

.sale__button {
  justify-self: end;
  width: 64px; }
  @media (min-width: 1024px) {
    .sale__button {
      display: none; } }

.sale__button.hidden {
  display: none; }

.sale__filters {
  display: none;
  grid-row: 2 / 3; }
  @media (min-width: 1024px) {
    .sale__filters {
      display: flex; } }

.sale__filters.visible {
  display: flex;
  margin-top: 64px; }

.sale__product-list {
  grid-row: 4 / 5; }
  @media (min-width: 1024px) {
    .sale__product-list {
      grid-row: 2 / 3; } }

.brands {
  min-height: 60vh; }
  .brands__top {
    margin-bottom: 24px; }
    @media (min-width: 1024px) {
      .brands__top {
        margin-bottom: 32px; } }
  .brands__section {
    margin-bottom: 64px; }
  .brands__search {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 32px 20px;
    background-color: #3B4643;
    color: #EEEEEE; }
    @media (min-width: 768px) {
      .brands__search {
        padding: 32px 86px; } }
    @media (min-width: 1024px) {
      .brands__search {
        padding: 32px 181px; } }
  .brands__char {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 120%;
    font-weight: 500;
    height: 48px;
    width: 54px;
    border-right: 1px solid #CFE2A4;
    cursor: pointer; }
    .brands__char:last-child {
      border: none; }
  .brands__char.active {
    background-color: #668D33; }
  .brands__list.hiden {
    display: none; }
  .brands__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 22px; }
  .brands__img {
    width: 100%;
    height: auto; }
  .brands__link {
    color: #000000;
    font-size: 20px;
    line-height: 150%;
    font-weight: 500;
    text-decoration: underline; }

.cart__top {
  margin-bottom: 32px; }

@media (min-width: 1024px) {
  .cart__table {
    grid-row: 1 / 3; } }

.cart__payment-field {
  width: 100%;
  justify-self: end; }
  @media (min-width: 768px) {
    .cart__payment-field {
      width: 286px;
      grid-row: 3 / 3; } }

.order__top {
  margin-bottom: 24px; }
  @media (min-width: 1024px) {
    .order__top {
      margin-bottom: 32px; } }

.order__title {
  display: flex;
  gap: 32px; }
  .order__title :last-child {
    color: #668D33; }

.order__content {
  margin-bottom: 64px; }

.order__sign-in {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 32px;
  border-radius: 8px;
  background-color: #3B4643;
  color: #EEEEEE; }
  @media (min-width: 1024px) {
    .order__sign-in {
      grid-row: 1 / 1; } }

.order__sign-in--link {
  color: #EEEEEE;
  text-decoration: underline;
  font-size: 20px;
  font-weight: 500;
  line-height: 120%;
  white-space: nowrap; }

@media (min-width: 1024px) {
  .order__form {
    grid-row: 2 / 4; } }

.order__form .input-wrapper {
  width: 100%; }

.order__form--info {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 16px; }
  @media (min-width: 768px) {
    .order__form--info {
      flex-direction: row;
      gap: 24px; } }
  @media (min-width: 1024px) {
    .order__form--info {
      gap: 32px; } }

.order__form--checkbox {
  margin-bottom: 24px; }
  @media (min-width: 1024px) {
    .order__form--checkbox {
      margin-bottom: 32px; } }

.order__form--title {
  margin-bottom: 16px; }

.order__form--delivery {
  display: flex;
  flex-direction: column;
  width: 100%; }
  @media (min-width: 768px) {
    .order__form--delivery {
      flex-direction: row;
      gap: 24px; } }
  @media (min-width: 1024px) {
    .order__form--delivery {
      gap: 32px; } }

.order__form--data, .order__form--address {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 16px;
  width: 100%; }

.order__select {
  width: 100%;
  height: 50px;
  border: 1px solid #668D33;
  border-radius: 8px;
  color: #959595;
  outline: none; }
  .order__select.nice-select {
    width: 100%;
    border: 1px solid #668D33;
    border-radius: 8px;
    padding: 4px 8px;
    color: #959595; }
  .order__select .list {
    width: 100%;
    border: 1px solid #668D33;
    border-radius: 8px; }
    .order__select .list .option:hover {
      background-color: #FFFFFF;
      color: #CFE2A4; }
    .order__select .list .selected {
      font-weight: 400; }

.order__table thead {
  display: none; }
  @media (min-width: 768px) {
    .order__table thead {
      display: table-header-group; } }

@media (min-width: 1024px) {
  .order__table th:nth-child(2) {
    opacity: 0; } }

.order__table th, .order__table td {
  padding-bottom: 16px;
  padding-right: 8px; }

@media (min-width: 1024px) {
  .order__table {
    grid-row: 1 / 3; }
    .order__table .triple-button {
      display: none; } }

.order__payment-field {
  width: 100%;
  max-width: 320px;
  justify-self: end; }
  @media (min-width: 768px) {
    .order__payment-field {
      width: 286px; } }
  @media (min-width: 1024px) {
    .order__payment-field {
      grid-row: 3 / 5; } }

.registration__text {
  font-size: 16px;
  line-height: 120%; }

.registration__link {
  font-size: 20px;
  line-height: 120%;
  font-weight: 500;
  text-decoration: underline;
  color: #3B4643; }

.registration__title {
  font-size: 16px;
  line-height: 120%;
  font-weight: 500; }

.registration__row {
  display: flex;
  flex-direction: column; }
  @media (min-width: 768px) {
    .registration__row {
      flex-direction: row;
      gap: 24px; } }
  @media (min-width: 1400px) {
    .registration__row {
      gap: 32px; } }
  .registration__row .input-wrapper {
    margin-bottom: 16px;
    width: 100%; }

@media (min-width: 768px) {
  .registration__tel {
    width: 286px; } }

@media (min-width: 1024px) {
  .registration__tel {
    width: 264px; } }

@media (min-width: 1400px) {
  .registration__tel {
    width: 373px; } }

@media (min-width: 1920px) {
  .registration__tel {
    width: 445px; } }

.registration__row--btn {
  justify-content: end; }

@media (min-width: 768px) {
  .registration__button {
    width: 286px; } }

@media (min-width: 1024px) {
  .registration__button {
    width: 264px; } }

@media (min-width: 1400px) {
  .registration__button {
    width: 373px; } }

@media (min-width: 1920px) {
  .registration__button {
    width: 445px; } }

.log-in__form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%; }
  @media (min-width: 768px) {
    .log-in__form {
      flex-direction: row;
      gap: 24px; } }
  @media (min-width: 1024px) {
    .log-in__form {
      flex-direction: column;
      gap: 16px; } }
  .log-in__form .input-wrapper {
    width: 100%; }
    @media (min-width: 768px) {
      .log-in__form .input-wrapper .input {
        width: 286px; } }

.recover__form {
  display: none;
  flex-direction: column;
  gap: 16px; }
  @media (min-width: 1024px) {
    .recover__form {
      width: 286px; } }
  .recover__form.visible {
    display: flex; }

.recover__header {
  display: none; }
  .recover__header.visible {
    display: block; }

.recover__title {
  font-size: 16px;
  line-height: 120%;
  font-weight: 500; }

.recover__button {
  margin-top: 24px; }
  @media (min-width: 1024px) {
    .recover__button {
      margin-top: 32px; } }

.profile__info {
  display: none;
  flex-direction: column;
  gap: 16px;
  font-size: 16px;
  line-height: 120%; }
  .profile__info > :first-child {
    margin-bottom: 24px; }
  @media (min-width: 1024px) {
    .profile__info {
      grid-row: 2 / 4; } }

.profile__info.visible {
  display: flex; }

.profile__title {
  font-weight: 500;
  text-transform: capitalize; }

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

.profile__edit-button {
  border: none;
  background-color: #FFFFFF;
  cursor: pointer;
  font-family: 'Montserrat';
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  text-decoration-line: underline; }

.profile__form {
  display: none;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  font-size: 16px;
  line-height: 120%; }
  @media (min-width: 1024px) {
    .profile__form {
      grid-row: 2 / 4; } }

.profile__form.visible {
  display: flex; }

.profile__inputs {
  display: flex;
  flex-direction: column;
  gap: 16px; }

.profile__inputs--row {
  display: flex;
  flex-direction: column;
  gap: 16px; }
  @media (min-width: 768px) {
    .profile__inputs--row {
      flex-direction: row;
      gap: 24px; } }
  @media (min-width: 1024px) {
    .profile__inputs--row {
      gap: 32px; } }
  .profile__inputs--row .input-wrapper {
    width: 100%; }

.profile__select {
  width: 100%;
  height: 50px;
  padding-top: 4px;
  border: 1px solid #668D33;
  border-radius: 8px;
  color: #959595;
  outline: none; }
  @media (min-width: 768px) {
    .profile__select {
      max-width: 286px; } }
  @media (min-width: 1024px) {
    .profile__select {
      max-width: 260px; } }
  @media (min-width: 1400px) {
    .profile__select {
      max-width: 374px; } }
  @media (min-width: 1920px) {
    .profile__select {
      max-width: 445px; } }
  .profile__select.nice-select {
    width: 100%;
    border: 1px solid #668D33;
    border-radius: 8px;
    color: #959595; }
  .profile__select .list {
    width: 100%;
    border: 1px solid #668D33;
    border-radius: 8px; }
    .profile__select .list .option:hover {
      background-color: #FFFFFF;
      color: #CFE2A4; }
    .profile__select .list .selected {
      font-weight: 400; }

@media (min-width: 768px) {
  .profile__save-button {
    align-self: flex-end;
    width: calc(50% - 12px); } }

@media (min-width: 1024px) {
  .profile__save-button {
    width: calc(50% - 16px); } }

.orders__history {
  display: flex;
  flex-direction: column;
  gap: 32px; }

.orders__title {
  font-size: 16px;
  line-height: 120%;
  font-weight: 500; }

.orders__item {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #CFE2A4;
  font-size: 16px;
  line-height: 120%;
  text-align: center; }
  @media (min-width: 768px) {
    .orders__item {
      flex-direction: row;
      gap: 48px; } }
  @media (min-width: 1024px) {
    .orders__item {
      gap: 8px; } }

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

.orders__item--title {
  display: flex;
  align-items: center;
  gap: 16px; }
  @media (min-width: 1024px) {
    .orders__item--title {
      gap: 32px; } }

.orders__item--ditails {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .orders__item--ditails img {
    width: 20px;
    height: 20px; }
  @media (min-width: 768px) {
    .orders__item--ditails {
      gap: 24px; } }
  @media (min-width: 1024px) {
    .orders__item--ditails {
      gap: 32px; } }

.orders__item--head {
  display: flex;
  gap: 16px;
  justify-content: center;
  white-space: nowrap; }
  @media (min-width: 1024px) {
    .orders__item--head {
      width: 128px; } }

.orders__item--open {
  border: none;
  background-color: #FFFFFF;
  cursor: pointer; }

.orders__item--open.open {
  transform: rotate(180deg);
  transition: transform 0.5s ease-out; }

.orders__table {
  opacity: 0;
  max-height: 0;
  font-size: 16px;
  line-height: 120%;
  overflow: hidden;
  transition: opacity 0.5s ease-out, max-height 0.5s ease-out; }

.orders__table.open {
  opacity: 1;
  max-height: 100%; }

.orders__table-head {
  display: none;
  font-weight: 500; }
  @media (min-width: 768px) {
    .orders__table-head {
      display: flex;
      justify-content: space-between;
      margin-bottom: 16px; } }

.orders__table-head--ditails {
  display: flex;
  gap: 24px; }
  .orders__table-head--ditails > * {
    width: 80px;
    text-align: center; }
    @media (min-width: 1024px) {
      .orders__table-head--ditails > * {
        width: 128px; } }

.orders__table--item {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 16px; }
  @media (min-width: 768px) {
    .orders__table--item {
      flex-direction: row;
      justify-content: space-between;
      gap: 24px; } }

.orders__table--title {
  display: flex;
  align-items: center;
  gap: 8px; }
  @media (min-width: 1024px) {
    .orders__table--title {
      width: 100px; } }
  @media (min-width: 1400px) {
    .orders__table--title {
      width: auto; } }
  .orders__table--title img {
    width: 48px;
    height: auto;
    object-fit: contain; }

.orders__table--ditails {
  display: flex;
  justify-content: space-around;
  align-items: center; }
  @media (min-width: 768px) {
    .orders__table--ditails {
      gap: 24px; } }
  @media (min-width: 768px) {
    .orders__table--ditails > * {
      width: 80px;
      text-align: center; } }
  @media (min-width: 1024px) {
    .orders__table--ditails > * {
      width: 128px; } }

@media (min-width: 1024px) {
  .wishlist__main-head {
    grid-row: 2 / 2; } }

.wishlist__second-head {
  width: fit-content; }
  @media (min-width: 1024px) {
    .wishlist__second-head {
      grid-row: 2 / 2; } }

.password-change__nav {
  grid-row: 3 / 5; }

.password-change__title {
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-transform: capitalize; }

.password-change__form {
  display: flex;
  flex-direction: column;
  gap: 24px; }
  @media (min-width: 1024px) {
    .password-change__form {
      grid-row: 2 / 4;
      gap: 32px; } }

.password-change__inputs {
  display: flex;
  flex-direction: column;
  gap: 16px; }
  @media (min-width: 1024px) {
    .password-change__inputs .input-wrapper {
      width: 286px; } }