body {
    font-family: 'Noto Sans', sans-serif; 
    margin: 0;
    letter-spacing: 0.5px;
  }

    a:hover {
      text-decoration: underline;
    }
  
    a {
      color: inherit;
      text-decoration: none;
    }
  /* Главный баннер */
    .banner {
      box-sizing: border-box;
    }

    .banner:first-child{
      margin-top: 20px;
    }

    .banner img {
      max-width: 1200px;
      width: 100%;
      height: auto;
      /* Сохраняет пропорции */
      object-fit: contain;
      /* Изображение не сжимается и не обрезается */
    }

    /* Топ товары */
    .top-models {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      max-width: 100%;
      column-gap: 20px;
      margin-bottom: 16px;
    }
    
    .top-models__title {
      font-size: 24px;
      font-weight: 700;
      color: #ff490d;
      margin: 0; /* Убираем отступы */
      line-height: 1; /* Опционально для тонкой настройки */
    }

    .product-card-top {
      flex: 0 0 190px;
      max-width: 190px;
      box-sizing: border-box;
      background-color: #fff;
      border-radius: 8px;
      /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */
    }

    .product-card-add {
      position: relative;
      flex-direction: column;
      flex: 0 0 190px;
      max-width: 190px;
      height: 490px;
      box-sizing: border-box;
      background-color: #fff;
      border-radius: 8px;
      /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */
    }

    .product-card-watch {
      position: relative;
      flex-direction: column;
      flex: 0 0 190px;
      max-width: 190px;
      height: 490px;
      box-sizing: border-box;
      background-color: #fff;
      border-radius: 8px;
      overflow: hidden;
      /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */
    }

    @media screen and (max-width: 480px) {
      .top-models__title {
        font-size: 20px;
      }
    }  

    /* Слайдер для топ-товаров */
    .product-grid-slider-wrapper {
      position: relative;
      overflow-x: hidden;
      max-width: 1170px;
      box-sizing: border-box;
      width: 100%;
    }

    .product-grid-slider-wrapper-watch {
      position: relative;
      overflow-x: hidden;
      max-width: 1170px;
      box-sizing: border-box;
      width: 100%;
    }

    .product-grid-slider {
      display: flex;
      transition: transform 0.5s ease-in-out;
      gap: 8px;
      width: max-content;
      align-items: stretch; /* растягиваем карточки по высоте */
      /* margin-bottom: 8px; */
    }

    .product-grid-slider-watch {
      display: flex;
      transition: transform 0.5s ease-in-out;
      gap: 8px;
      width: max-content;
      align-items: stretch; /* растягиваем карточки по высоте */
      /* margin-bottom: 8px; */
    }

    .slider-button, .slider-button-watch {
      position: absolute;
      top: 35%;
      transform: translateY(-50%);
      z-index: 10;
      background: white;
      border: 1px solid #ccc;
      border-radius: 50%;
      width: 36px;
      height: 36px;
      font-size: 18px;
      cursor: pointer;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    }

    .slider-button.prev, .slider-button-watch.next-watch {
      left: 10px;
    }

    .slider-button.next, .slider-button-watch.prev-watch {
      right: 10px;
    }

    .top-models__button {
      display: flex;
      align-items: center;
      background-color: #ffe8e0;
      color: #ff3d00;
      border: none;
      border-radius: 8px;
      padding: 3px 12px;
      font-size: 16px;
      font-weight: 600;
      cursor: pointer;
      height: 32px; /* Задаём одинаковую высоту */
      line-height: 1;
    }

    .top-models__button:hover {
      text-decoration: none;
    }

    @media screen and (max-width: 480px) { 
      .top-models__button {
        padding: 3px 8px;
        font-size: 14px;
      }  
    }  
    
    .top-models__arrow {
      margin-left: 2px;
      font-size: 16px;
      margin-top: 1px;
    }

    @media screen and (max-width: 480px) {
      .product-grid-slider-wrapper {
        overflow-x: hidden;
        max-width: 90vw;
        /* 10% меньше ширины устройства */
        box-sizing: border-box;
        width: 100%;
    }

    .product-grid-slider {
      display: flex;
      transition: transform 0.5s ease-in-out;
      gap: 8px;
      width: max-content;
      align-items: stretch; /* растягиваем карточки по высоте */
      /* margin-bottom: 8px; */
    }
    }

    /* Предложения (группы товаров) */
    .popular-models-main {
     display: flex;
     flex-direction: column;
     gap: 24px;
    }

    /* Верхние карточки */
    .popular-models-main__top-cards {
      display: flex;
      gap: 16px;
      flex-wrap: wrap;
    } 

    .popular-models-main__top-card {
      cursor: pointer;
      width: 280px;
      display: flex;
      column-gap: 12px;
      background: #fff;
      border-radius: 8px;
      padding: 12px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
      flex: 1 1 1;
      align-items: center;
      box-sizing: border-box;
    }

    @media screen and (max-width: 480px) {
      .popular-models-main__top-cards {
        justify-content: center;
      }  

      .popular-models-main__top-card {
        width: 90vw;
      }  
    } 

    .popular-models-main__top-card img {
      width: 60x;
      height: 60px;
      border-radius: 8px;
      object-fit: cover;
      margin-bottom: 8px;
    }

    .popular-models-main__card-text div {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 4px;
    }

    .popular-models-main__card-text span {
      font-size: 14px;
      color: #767676;
      font-weight: 400;
      letter-spacing: 0.1px;
    }

    /* Сетка баннеров */
    .popular-models-main__grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
    }

    .popular-models-main__banner {
      position: relative;
      overflow: hidden;
      border-radius: 12px;
    }

    .popular-models-main__banner--large {
      grid-column: span 1;
    }

    .popular-models-main__banner img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      border-radius: 12px;
    }

    .popular-models-main__banner-text {
      position: absolute;
      bottom: 16px;
      left: 16px;
      color: white;
      font-family: sans-serif;
    }

    .popular-models-main__banner-text.right {
      left: auto;
      right: 16px;
      text-align: right;
    }

    .popular-models-main__banner-text h2 {
      font-size: 28px;
      font-weight: 700;
      margin: 0;
    }

    .popular-models-main__banner-text p {
      margin: 4px 0 0;
      font-size: 14px;
    }

  /* Рекомендуем */
  .we_recommend {
    margin-top: 70px;
  }  

  @media screen and (max-width: 480px) {
    .we_recommend {
      margin-top: 40px;
    }  
  }  

  /* Кто мы */
  .who_we_are {
    width: 100%;
    margin-top: 80px;
  }

  @media screen and (max-width: 480px) {
    .who_we_are {
      display: none;
    }  
  }  

  .who_we_are h2 {
    font-size: 24px;
    font-weight: 700;
  }

  @media screen and (max-width: 480px) {
    .who_we_are {
      margin-top: 40px;
    }

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

  .who_we_are .logo {
    /* font-family: 'Roboto Mono', monospace;
    font-size: 46px;
    font-weight: 700; */
    margin: 10px 0 30px;
    /* letter-spacing: 0.3px; */
  }

  .who_we_are .cards {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
  }

  .who_we_are .card {
    border: 1px solid #ff490d;
    border-radius: 20px;
    padding: 20px 24px;
    flex: 1;
    min-width: 280px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
  }

  .who_we_are .card:hover {
    transform: translateY(-4px);
  }

  .who_we_are .card h3 {
    color: #ff490d;
    font-size: 20px;
    margin-bottom: 12px;
  }

  .who_we_are .card p {
    font-size: 16px;
    line-height: 1.6;
    color: #141414;
  }

/* Поле ввода */
.main-input {
  width: 282px;
  height: 30px;
  padding: 12px;
  border: 1px solid #767676;
  border-radius: 8px;
  font-size: 16px;
  color: #141414;
}

  /* Центрирование кнопки */
  .btn-center {
    text-align: center;
  }

  .close {
    cursor: pointer;
  }
  
  /*Begin Header*/
    /* Базовые стили с улучшенной адаптивностью */
    .top-bar {
      background-color: #222;
      color: #fff;
      padding: 10px 0;
      font-weight: 400;
    }
  
    .container {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 15px;
      /* Добавлен отступ для узких экранов */
      box-sizing: border-box;
      /* Учитываем padding в ширине */
    }
  
    .top-bar-left,
    .top-bar-right {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      /* Разрешаем перенос элементов */
    }
  
    .top-bar-left>*,
    .top-bar-right>* {
      margin-right: 20px;
      margin-bottom: 5px;
      /* Добавлен отступ снизу для переноса */
    }
  
    #valuta {
      margin-right: 0;
    }
  
    .top-bar a,
    .top-bar-left span {
      color: #fff;
      text-decoration: none;
      font-weight: 400;
      font-size: 14px;
      line-height: 16.8px;
      letter-spacing: 0;
      text-align: center;
    }
  
    .dropdown {
      position: relative;
      display: inline-block;
    }

    .dropdown-content {
      display: none;
      position: absolute;
      background-color: #ffffff;
      min-width: 160px;
      border-radius: 8px;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
      z-index: 10;
      overflow: hidden;
      transition: all 0.3s ease;
      opacity: 0;
      transform: translateY(-10px);
    }

    .dropdown:hover .dropdown-content {
      display: block;
      opacity: 1;
      transform: translateY(0);
    }

    .dropdown-content a {
      display: block;
      padding: 12px 16px;
      text-decoration: none;
      color: #141414;
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
      font-size: 14px;
      transition: background-color 0.2s ease, color 0.2s ease;
    }

    .dropdown-content a:hover {
      background-color: #f4f1ee;
      color: #e84e1a;
    }
  
    .main-header {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 20px 0;
      width: 100%;
      /* Полная ширина для избежания обрезки */
    }

    @media screen and (max-width: 480px) {
      .main-header { 
        padding-bottom: 5px;
      }  
    }

    .search-box {
      position: relative;
      width: 384px;
      max-width: 100%;
      /* Не выходит за пределы контейнера */
    }
  
    .search-box input {
      width: 100%;
      padding: 13px;
      border: 1px solid #000000;
      border-radius: 8px;
      font-size: 16px;
      outline: none;
      box-sizing: border-box;
    }
  
    .search-box button {
      position: absolute;
      right: 5px;
      top: 50%;
      transform: translateY(-50%);
      background: none;
      border: none;
      padding: 5px;
      cursor: pointer;
      outline: none;
    }
  
    .logo {
      font-size: 24px;
      font-weight: bold;
      margin-right: 20px;
      max-width: 100%;
      /* Предотвращаем обрезку логотипа */
    }
  
    .header-icons {
      display: flex;
      align-items: center;
      width: 384px;
      max-width: 100%;
    }

    .header-icons .icon-text:last-child {
      position: relative;
    }

    .header-icons a {
      text-decoration: none;
    }

    @media screen and (max-width: 480px) { 
      .header-icons {
        display: none;
      }
    }   
  
    .icon-text {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-left: 20px;
      cursor: pointer;
    }

    .icon-text:hover {
      color: #ff490d;
    }
  
    .icon-text svg {
      margin-bottom: 5px;
    }
  
    /* Navbar */
    .navBar {
      background-color: #fff;
      margin-top: 10px;
      width: 100%;
    }
  
    .navBar ul {
      margin: 0;
      padding: 0;
      display: flex;
      flex-wrap: wrap;
      /* Разрешаем перенос */
      box-sizing: border-box;
    }
  
    .navItem {
      font-size: 16px;
      font-style: bold;
      list-style: none;
    }

    @media screen and (max-width: 480px) {
    .navBar .navItem {
      display: none; /* Скрываем элементы navItem на экранах меньше 480px */
    }
    }
  
    .navLink {
      text-decoration: none;
      color: #333;
      font-weight: 600;
      transition: color 0.3s ease;
    }
  
    .navLink:hover {
      color: #e44d26;
    }
  
    .saleLink {
      color: #e44d26;
    }
  
    .catalogButton {
      background-color: #FF490D;
      font-family: 'Noto Sans', sans-serif !important;
      width: 164px;
      height: 48px;
      color: white;
      border: none;
      padding: 0 20px;
      border-radius: 8px;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 20px;
      transition: background-color 0.3s ease;
      font-size: 16px;
      font-weight: 500;
      font-style: bold;
    }
  
    /* Медиа-запросы для адаптивности */
    @media (max-width: 1205px) {
  
      /* Специально для 1205px и меньше */
      .container {
        width: 100%;
        padding: 0 10px;
      }
  
      .top-bar-left,
      .top-bar-right {
        flex-wrap: wrap;
        justify-content: flex-start;
      }
  
      .top-bar-left>*,
      .top-bar-right>* {
        margin-right: 15px;
      }
  
      .search-box {
        width: 100%;
        max-width: 350px;
      }
  
      .header-icons {
        width: 100%;
        max-width: 350px;
        flex-wrap: wrap;
        justify-content: space-around;
      }
  
      .icon-text {
        margin-left: 10px;
        margin-bottom: 10px;
      }
  
      .navBar ul {
        /* justify-content: flex-start; */
      }
  
      .navItem {
        margin: 0 10px 10px 0;
      }
  
      .catalogButton {
        width: 140px;
        padding: 0 15px;
        gap: 15px;
      }
    }
  
    @media (max-width: 992px) {
      .container {
        width: 95%;
      }
  
      .top-bar {
        padding: 8px 0;
      }
  
      .search-box {
        max-width: 300px;
      }
  
      .header-icons {
        max-width: 300px;
      }
  
      .icon-text {
        margin-left: 15px;
      }
  
      .navItem {
        margin: 0 10px 10px 0;
      }
  
      .catalogButton {
        width: 140px;
        padding: 0 15px;
        gap: 15px;
      }
    }
  
    @media (max-width: 768px) {
      .container {
        width: 95%;
        flex-direction: column;
        /* align-items: flex-start; */
      }
  
      .top-bar {
        padding: 10px 0;
      }
  
      .top-bar-left,
      .top-bar-right {
        width: 100%;
        justify-content: space-between;
      }
  
      .top-bar-left {
        margin-bottom: 10px;
      }
  
      .top-bar-left>*,
      .top-bar-right>* {
        margin-right: 10px;
        font-size: 12px;
      }
  
      .dropdown-content {
        min-width: 120px;
      }
  
      .main-header {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
      }
  
      .search-box {
        width: 100%;
        margin-bottom: 15px;
      }
  
      .logo {
        margin: 0 auto 15px;
        text-align: center;
        width: 100%;
      }
  
      .header-icons {
        width: 100%;
        justify-content: space-between;
        margin: 0;
      }
  
      .icon-text {
        margin: 0 5px;
        font-size: 12px;
      }
  
      .icon-text svg {
        width: 18px;
        height: 18px;
      }
  
      .navBar ul {
        flex-direction: column;
        /* align-items: flex-start; */
      }
  
      .navItem {
        width: 100%;
        margin: 0 0 10px 0;
      }
  
      .navLink {
        display: block;
        padding: 10px 0;
      }
  
      .catalogButton {
        width: 100%;
        justify-content: center;
        padding: 0 10px;
      }
    }
  
    @media (max-width: 480px) {
  
      .top-bar a,
      .top-bar-left span {
        font-size: 14px;
      }
  
      .dropdown-content {
        min-width: 100px;
        left: -65px;
      }
  
      .search-box input {
        padding: 10px;
        font-size: 14px;
      }
  
      .icon-text span {
        font-size: 10px;
      }
  
      .navLink {
        font-size: 14px;
      }
  
      .catalogButton {
        height: 40px;
        font-size: 14px;
      }
    }

    /*End Header*/
  
    /*Begin Footer */
    footer {
      background-color: #141414;
      color: #fff;
      padding: 20px 0;
      font-family: Arial, sans-serif;
    }
  
    .footer-container {
      max-width: 1200px;
      margin: auto;
      padding: 0 20px;
    }
  
    .subscription-block {
      padding: 20px 0;
      display: flex;
      align-items: center;
      gap: 20px;
      border-bottom: 1px solid #D9D9D966;
    }
  
    .subscription-text {
      width: 280px;
      font-size: 24px;
      font-weight: 700;
      line-height: 24px;
    }
  
    .subscription-form {
      display: flex;
      gap: 24px;
      flex: 1;
    }
  
    .form-group-subscription {
      display: flex;
      flex-direction: column;
    }
  
    .form-group-subscription-label {
      font-size: 16px;
      margin-bottom: 3px;
    }
  
    .form-group-subscription>input[type="text"],
    .form-group-subscription>input[type="email"] {
      background-color: #141414;
      border: 1px solid #555;
      color: #fff;
      padding: 8px;
      border-radius: 4px;
      width: 282px;
      height: 52px;
      font-size: 18px;
    }
  
    .discount-button {
      background-color: #fff;
      color: #000;
      border: none;
      padding: 8px 15px;
      border-radius: 3px;
      cursor: pointer;
      font-weight: 600;
      font-size: 16px;
      line-height: 16px;
      width: 282px;
      height: 52px;
      margin-top: auto;
    }
  
    .discount-button:hover {
      background-color: #bdb6b6;
    }
  
    .footer-columns {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      padding: 20px 0;
    }
  
    .footer-column {
      width: 30%;
      margin-bottom: 20px;
    }
  
    .footer-column:nth-child(1) {
      flex: 0 0 26%;
    }
  
    .footer-column:nth-child(2) {
      flex: 0 0 29%;
    }
  
    .footer-column:nth-child(3) {
      flex: 0 0 45%;
    }
  
    .footer-column ul {
      list-style: none;
      padding: 0;
    }
  
    .footer-column li {
      margin-bottom: 5px;
      line-height: 24px;
    }
  
    .footer-column a {
      color: #fff;
      text-decoration: none;
      font-weight: 400;
      line-height: 23px;
      font-size: 16px;
    }
  
    .column-title {
      color: #fff;
      text-decoration: none;
      font-weight: 700;
      line-height: 20px;
      font-size: 20px;
      margin-bottom: 10px;
    }
  
    .social-icons,
    .messenger-icons {
      display: flex;
      gap: 14px;
    }
  
    .social-icon,
    .messenger-icon {
      color: #fff;
    }
  
    .social-icon img,
    .messenger-icon img {
      width: 20px;
      height: 20px;
    }
  
    /* Responsive adjustments */
    @media (max-width: 1024px) {
      .footer-column {
        width: 45%;
      }
  
      .footer-column:nth-child(1) {
        flex: 0 0 45%;
      }
  
      .footer-column:nth-child(2) {
        flex: 0 0 45%;
      }
  
      .footer-column:nth-child(3) {
        flex: 0 0 100%;
      }
  
      .subscription-block {
        flex-direction: column;
        align-items: flex-start;
      }
  
      .subscription-text {
        width: 100%;
        text-align: center;
      }
  
      .subscription-form {
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
      }
  
      .form-group-subscription>input[type="text"],
      .form-group-subscription>input[type="email"] {
        width: 100%;
        max-width: 282px;
      }
  
      .discount-button {
        width: 100%;
        max-width: 282px;
      }
    }
  
    @media (max-width: 768px) {
      .footer-column {
        width: 100%;
        flex: 0 0 100%;
      }
  
      .subscription-form {
        flex-direction: column;
        align-items: center;
        gap: 15px;
      }
  
      .form-group-subscription {
        width: 100%;
        align-items: center;
      }
  
      .form-group-subscription>input[type="text"],
      .form-group-subscription>input[type="email"] {
        width: 100%;
        max-width: 100%;
      }
  
      .discount-button {
        width: 100%;
        max-width: 100%;
      }
  
      .subscription-text {
        font-size: 20px;
        line-height: 22px;
      }
  
      .footer-container {
        padding: 0 15px;
      }
    }
  
    @media (max-width: 480px) {
      .subscription-text {
        font-size: 18px;
        line-height: 20px;
      }
  
      .form-group-subscription-label {
        font-size: 14px;
      }
  
      .form-group-subscription>input[type="text"],
      .form-group-subscription>input[type="email"] {
        font-size: 16px;
        height: 45px;
      }
  
      .discount-button {
        font-size: 14px;
        height: 45px;
      }
  
      .column-title {
        font-size: 18px;
      }
  
      .footer-column a,
      .footer-column li {
        font-size: 14px;
        line-height: 20px;
      }
  
      .footer-container {
        padding: 0 10px;
      }
    }
  
    /*End Footer*/

  /* Главная для мобилок */
  .header-categories {
    display: none;
  }
  .header-category {
    text-align: center;
  }
  .header-category img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 4px;
  }  

  /*Begin Каталог*/
  .catalog_container__main {
    display: flex;
    flex-direction: column;
    max-width: 1200px;
    box-sizing: border-box;
    row-gap: 32px;
    margin: 0 auto;
  }

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

  .catalog_main_title {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0;
    color: #141414;
  }

  .catalog_main_title span {
    font-size: 16px;
    color: #767676;
    line-height: 140%;
    font-weight: 400;
    margin-left: 10px;
  }

  .catalog_products{
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    padding-left: 10px;
  }

  .product-grid-for-catalog {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 35px;
    column-gap: 12px;
  }

  .button-for-catalog {
    margin-top: 12px;
    text-align: center;
  }

  .catalog {
    display: flex;
    padding: 40px 20px 40px 20px;
    box-sizing: border-box;
    gap: 24px;
    background-color: white;
    width: 90%;
    max-width: 1170px;
    max-height: 90vh;
    overflow-y: auto;
    border-radius: 8px;
  }

  .catalog-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: none;
  }

  .catalog-container {
    position: fixed;
    top: 192px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: none;
    justify-content: center;
    align-items: flex-start;
    padding-top: 20px;
  }

  .catalog_categories {
    display: flex;
    flex-direction: column;
  }

  .catalog_categories-cloth {
    display: flex;
    column-gap: 28px;
    margin-bottom: 23px;
  }

  .catalog_categories-accessories {
    display: flex;
    column-gap: 0px;
    margin-bottom: 23px;
  }

  .arrow_left-black {
    align-self: center;
    margin-left: 70px;
  }

  .catalog_categories a {
    text-decoration: none;
    color: #141414;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    /* margin-bottom: 20px; */
  }

  .catalog_categories a:hover {
    color: #e45028;
  }

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

  .catalog_subcategories a {
    text-decoration: none;
    color: #141414;
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
  }

  .catalog_subcategories a:hover {
    color: #e45028;
  }

  .catalog_image {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    width: 364px;
    height: 200px;
    cursor: pointer;
  }

  .catalog_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .catalog_image_text {
    font-family: 'Raleway', sans-serif;
    position: absolute;
    bottom: 15px;
    left: 15px;
  }

  .catalog_image_text .catalog_h3 {
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 3%;
    font-weight: 600;
    color: #FFFFFF;
    margin-bottom: 5px;
  }

  .catalog_image_text .catalog_p {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 3%;
    color: #FFFFFF;
    font-style: italic;
  }

  .catalog_main_category {
    color: #e45028;
  }  
  /*End Каталог*/

  /* Begin Контакты */
  .contacts {
    position: absolute;
    width: 320px;
    height: 400px;
    box-sizing: border-box;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    z-index: 1000; /* Increased z-index */
    background-color: rgba(255, 255, 255, 1);
  }

  @media (max-width: 480px) {
  .contacts {
    transform: translate(-80%, 15%);
  }
  }


  .contacts__title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 14px;
    color: #141414;
    margin-top: 2px;
  }

  .contacts__phone {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 5px;
    color: #141414;
  }

  .contacts__phone-bel {
    margin-bottom: 8px;
  }

  .contacts__callback {
    display: block;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #141414;
    text-decoration: none;
  }

  .contacts__social-title {
    font-size: 16px;
    font-weight: 400;
    margin-top: 15px;
    line-height: 140%;
    margin-bottom: 12px;
    color: #141414;
  }

  .contacts__social-icons {
    display: flex;
    gap: 5px;
  }

  .contacts__social-icon img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
  }

  .contacts__messengers-title {
    font-size: 16px;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 12px;
    line-height: 140%;
    color: #141414;
  }

  .contacts__messengers-icons {
    display: flex;
    gap: 5px;
  }

  .contacts__messenger-icon img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
  }

  .contacts__working-hours {
    font-size: 16px;
    font-weight: 400;
    margin-top: 18px;
    line-height: 140%;
    color: #141414;
  }
  /* End Контакты */

  /*Start страница ваш заказ оформлен*/
  .order-status-item {
    display: flex;
    column-gap: 25px;
    align-items: flex-start;
    padding-bottom: 40px;
    position: relative;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
  }

  .order-status-item-completed {
    display: flex;
    column-gap: 20px;
    align-items: flex-start;
    padding-bottom: 42px;
    padding-left: 5px;
    position: relative;
  }  

  /*Линия над кружочками*/
  .order-status-item:not(:last-child)::before {
    content: '';
    position: absolute;
    left: 19px;
    top: 20px;
    bottom: 0;
    border-left: 2px solid #FF725E;
    z-index: 0;
  }

  /*Линия над главным кружочком*/
  .order-status-item-completed:not(:last-child)::before {
    content: '';
    position: absolute;
    left: 19px;
    top: 29px;
    bottom: 0;
    border-left: 2px solid #FF725E;
    z-index: 0;
  }  
  
  .content-order-complete {
    flex: 1;
  }
  
  .content-order-complete_title {
    font-weight: bold;
    font-size: 22px;
    color: #333;
    margin-bottom: 8px;
  }
  
  .content-order-complete_description {
    font-size: 15px;
    font-weight: 400;
    color: #000000;
    line-height: 23px;
  }
  
  .content-order-complete_date {
    font-size: 14px;
    color: #767676;
    margin-left: 10px;
    font-weight: 400;
  }
  
  .checkmark {
    fill: white;
    width: 16px;
    height: 16px;
  }

  .order-status-item svg {
    margin-left: 10px;
  }
  
  /*Блок как отследить заказ*/
  .track-order-block {
    background-color: #fff;
    border-radius: 10px;
    padding: 15px;
    width: 500px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
  
  .track-order-title {
    font-size: 18px;
    margin-bottom: 10px;
    color: #333;
    font-weight: 700;
    line-height: 20px;
  }
  
  .track-order-text {
    font-size: 14px;
    font-weight: 400;
    color: #141414;
    line-height: 23px;
    margin-bottom: 20px;
  }
  
  .track-order-buttons {
    display: flex;
    gap: 10px;
  }
  
  .track-order-button {
    background-color: #141414;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
    width: 264px;
    height: 52px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    transition: background-color 0.3s ease;
    flex-grow: 1;
    text-align: center;
    letter-spacing: 0.4px;
  }

  .track-order-telegram-button {
    background-color: #27A6E5;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
    width: 264px;
    height: 52px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    transition: background-color 0.3s ease;
    flex-grow: 1;
    text-align: center;
    letter-spacing: 0.4px;
  }
  
  .track-order-button:hover {
    background-color: #555;
  }

  .track-order-telegram-button:hover {
    background-color: #2a8acf;
  }  
  
  .delivery-button {
  }
  
  .order-number-button {
  }

  .complete_order_block {
    display: flex;
    flex-direction: column;
  }

  /*End страница ваш заказ оформлен*/


  /*Begin форма регистрации*/
  .registrationHere-container {
    background-color: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    width: 995px;
    height: 395px;
  }
  
  .registrationHere-title {
    font-size: 24px;
    margin-bottom: 30px;
    margin-left: 50px;
    color: #000000;
    font-weight: 700;
    line-height: 24px;
  }
  
  .registrationHere-form-row {
    display: flex;
    gap: 24px;
    margin-bottom: 40px;
    justify-content: center;
  }
  
  .registrationHere-form-group {
    /* flex: 1; */
  }
  
  .registrationHere-label {
    display: block;
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
  }
  
  /* .registrationHere-input {
    width: 282px;
    height: 52px;
    padding: 12px;
    border: 1px solid #767676;
    border-radius: 8px;
    font-size: 16px;
    color: #333;
  } */
  
  .registrationHere-input:focus {
    outline: none;
    border-color: #ff6600;
    box-shadow: 0 0 5px rgba(255, 102, 0, 0.3);
  }
  
  .registrationHere-button {
    background-color: #FF490D;
    color: white;
    padding: 14px 24px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
    font-weight: 500;
    line-height: 16px;
    transition: background-color 0.3s, transform 0.2s;
    width: 282px;
    height: 52px;
    margin-left: 50px;
  }
  
  .registrationHere-button:hover {
    transform: translateY(-2px);
  }
  
  .registrationHere-button:active {
    transform: translateY(0);
  }
  /*End форма регистрации*/

  /*Begin оформление заказа шаг 1*/
  .step1-delivery {
    display: flex;
    flex-direction: row;
    column-gap: 26px;
  }

  .delivery-container {
    display: flex;
    flex-direction: column;
    row-gap: 5px;
    align-items: flex-start;
  }

  .return_to_basket {
    font-size: 14px;
    font-weight: 400;
    color: #767676;
    cursor: pointer;
  }

  .return_to_basket:hover {
    transform: scale(1.01);
  }

  /* Добавляем адаптацию для узких экранов */
  @media screen and (max-width: 1200px) {
  .step1-delivery {
    flex-direction: column;
    row-gap: 26px;
  }

  .step1-delivery-container,
  .order-summary {
    width: 100%;
  }
  }
  
  .step1-delivery_h1 {
    text-align: left;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
  }

  .step1-delivery-container {
    width: 792px;
    height: 174px;
    padding: 10px 20px 20px 20px;
    background-color: #FBFBFB;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
  }

  .step1-delivery-container h2 {
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 26px;
  }
  
  .step1-delivery-options {
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
  }
  
  .step1-delivery-options h2 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  
  .step1-city-input {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 5px;
  }
  
  .step1-city-input label {
    margin-right: 10px;
    font-size: 16px;
    font-weight: 400;
  }
  
  .step1-city-input input[type="text"] {
    padding: 20px;
    border: 1px solid #767676;
    border-radius: 8px;
    margin-right: 14px;
    width: 282px;
    height: 52px;
    box-sizing: border-box;
    font-size: 16px;
  }
  
  .step1-continue-button {
    width: 282px;
    height: 52px;
    background-color: #141414;
    color: #fff;
    padding: 8px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.4px;
  }
  
  .step1-continue-button:hover {
    transform: translateY(-2px);
  }

  /*Блок Ваш заказ - одинаковый для шаг 1 и шаг 2*/
  .order-summary {
    background-color: #FBFBFB;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 14px 20px 20px 20px;
    width: 384px;
    box-sizing: border-box;
  }
  
  .order-title {
    font-size: 20px;
    margin-bottom: 15px;
  }
  
  .order-items {
    display: flex;
    column-gap: 10px;
    margin-bottom: 15px;
    width: 78px;
    height: 104px;
  }
  
  .order-item-image {
    width: 80px;
    height: 100px;
    object-fit: cover;
    border-radius: 4px;
  }
  
  .order-details {
    margin-bottom: 20px;
  }
  
  .order-detail-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    font-size: 16px;
  }
  
  .order-detail-item.discount .price-span {
    color: #FF490D;
  }

  .order-detail-item .discount {
    font-weight: 400;
    font-size: 16px;
  }
  
  .order-detail-item.total {
    font-weight: bold;
    font-size: 1.2rem;
    margin-top: 10px;
  }

  .order-detail-item_span span {
    font-weight: 700;
    font-size: 20px;

  }
  
  .order-button {
    background-color: #FF490D;
    color: #fff;
    border: none;
    padding: 12px 20px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 520;
    cursor: pointer;
    width: 100%;
    margin-bottom: 10px;
  }
  
  .order-button:hover {
    transform: translateY(-2px);
  }
  
  .order-agreement {
    font-size: 12px;
    color: #767676;
    text-align: center;
    font-weight: 400;
  }
  /*End оформление заказа шаг 1 */

  /*Begin оформление заказа шаг 2*/
  .step2-delivery-title {
    margin-left: 10px;
  }

  .step2-delivery {
    display: flex;
    flex-direction: row;
    column-gap: 26px;
    align-items: flex-start;
  }

  /* Добавляем адаптацию для узких экранов */
  @media screen and (max-width: 1200px) {
  .step2-delivery {
    flex-direction: column;
    row-gap: 26px;
  }

  .main-2-delivery {
    width: 100%;
  }
  }

  .step2-delivery_h1 {
    text-align: left;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
  }

  .step2-delivery-container {
    width: 792px;
    padding: 10px 20px 20px 20px;
    background-color: #FBFBFB;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    margin-bottom: 18px;
  }

  .step2-delivery-container h2 {
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 26px;
  }
  
  .step2-delivery-options {
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
  }
  
  .step2-delivery-options h2 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  
  .step2-field {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 5px;
  }
  
  .step2-continue-button {
    width: 282px;
    height: 52px;
    background-color: #141414;
    color: #fff;
    padding: 8px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.4px;
  }
  
  .step2-continue-button:hover {
    transform: translateY(-2px);
  }

  /* Чек боксы */
  .delivery-options {
    max-width: 400px;
  }
  
  .delivery-option {
    display: flex;
    align-items: flex-start;
    padding: 16px 0;
    cursor: pointer;
    position: relative;
  }
  
  .delivery-option:last-child {
    border-bottom: none;
  }
  
  input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }
  
  .radio-custom {
    width: 20px;
    height: 20px;
    border: 1px solid #767676;
    margin-right: 16px;
    border-radius: 4px;
    margin-top: 2px;
    flex-shrink: 0;
    position: relative;
  }
  
  input[type="radio"]:checked + .radio-custom:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 16px;
    border: solid #333;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg) translate(-50%, -50%);
    top: 50%;
    left: 10%;
  }
  
  .delivery-content {
    flex-grow: 1;
  }
  
  .delivery-title {
    font-weight: 600;
    font-size: 16px;
    color: #141414;
    margin-bottom: 4px;
  }
  
  .delivery-details {
    font-size: 14px;
    color: #666;
    line-height: 1.4;
  }
  
  .cost, .date {
    margin: 2px 0;
  }

  /*Личные данные*/
  .step2-delivery-label {
    display: block;
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
  }

  .personal-delivery-form-container {
    display: flex;
    flex-wrap: wrap;
  }

  .personal-delivery-form-group {
    width: calc(50% - 55px); /* Два элемента на строке с учетом отступа */
    box-sizing: border-box; /* Учитываем отступы и границы в ширине */
    padding: 10px; /* Отступы между элементами */
  }

  .personal-delivery-label {
    display: block; /* Чтобы метки занимали всю ширину */
    margin-bottom: 5px; /* Отступ между меткой и полем ввода */
  }
  /*End оформление заказа шаг 2*/

  
  /*Begin войти в профиль*/
  .login-form-container {
    background: white;
    padding: 32px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    width: 566px;
    height: 664px;
    box-sizing: border-box;
    margin: 50px 0px;
  }
  
  .login-form-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 16px;
  }
  
  .login-form-description {
    color: #000000;
    margin-bottom: 24px;
    font-weight: 400;
    font-size: 16px;
  }
  
  .login-form-group {
    margin-bottom: 20px;
  }
  
  .login-form-label {
    display: block;
    margin-bottom: 8px;
    font-size: 15px;
    color: #000000;
  }
  
  .login-form-input {
    width: 486px;
  }
  
  .login-form-input:focus {
    outline: none;
    border-color: #ff4d00;
  }
  
  .login-form-forgot-password {
    display: block;
    text-align: left;
    color: #767676;
    font-size: 15px;
    font-weight: 400;
    margin-top: 8px;
  }
  
  .login-form-button {
    width: 486px;
    padding: 14px;
    background: #ff4d00;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 20px;
    transition: background-color 0.2s;
  }
  
  .login-form-button:hover {
    background: #e64500;
  }
  
  .login-form-register-prompt {
    text-align: center;
    font-weight: 400;
    margin-bottom: 38px;
    font-size: 16px;
    letter-spacing: 0.3px !important;
  }
  
  .login-form-register-prompt a {
    color: #000;
    /* text-decoration: none; */
  }
  
  .login-form-social-login {
    text-align: center;
  }
  
  .login-form-social-login p {
    color: #000000;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 16px;
  }
  
  .login-form-social-buttons {
    display: flex;
    justify-content: center;
    gap: 16px;
  }
  
  .login-form-social-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s;
  }
  
  .login-form-social-btn svg {
    width: 20px;
    height: 20px;
    fill: white;
  }
  
  .login-form-mail-btn:hover {
    transform: translateY(-2px);
  }
  
  .login-form-google-btn:hover {
    transform: translateY(-2px);
  }
  
  .login-form-vk-btn:hover {
    transform: translateY(-2px);
  }
  
  .login-form-yandex-btn:hover {
    transform: translateY(-2px);
  }
  /*End войти в профиль*/


  /*Begin отзывы*/
  .review-section {
    display: flex;
    flex-direction: column;
    max-width: 1200px;
    margin: 0 auto;
  }

  .rewiew-section_inner {
    display: flex;
  }
  
  .review-tabs {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
  }
  
  /* Ещё есть просто card - один отдельный отзыв*/
  .rewiew-cards {
    display: flex;
    flex-direction: column;
    row-gap: 26px;
  }
  
  .tab-item {
    font-size: 16px;
    cursor: pointer;
  }
  
  .tab-item.active {
    font-weight: bold;
  }
  
  .review-questions-count {
    font-weight: 400;
    font-size: 16px;
    color: #767676;
    letter-spacing: 0.1px;
  }

  .review-count {
    font-size: 16px;
    font-weight: 400;
    color: #767676;
    letter-spacing: 0.1px;
  }

  .tab-item-rewiew {
    font-size: 24px;
    font-weight: 700;
    color: #141414;
  }

  .tab-item-questions {
    font-size: 24px;
    font-weight: 700;
    color: #767676;
  }

  .tab-item-questions_a {
    text-decoration: none;
  }
  
  .review-summary {
    width: 290px;
    height: 230px;
    padding: 20px;
    background: #FBFBFB;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    margin-left: 24px;
  }
  
  .overall-rating {
    display: flex;
    column-gap: 8px;
    align-items: flex-end;
  }

  .rating-number-count {
    align-self: flex-start;
    margin-left: 10px;
    color: #767676;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
  }
  
  .rating-number {
    font-size: 20px;
    font-weight: 700;
  }
  
  .rating-stars {

  }
  
  .rating-info {
    color: #767676;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 55px;
  }
  
  .review-button {
    width: 242px;
    height: 48px;
    padding: 10px;
    background: #FF490D;
    color: #FFFFFF;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
  }
  
  .review-button:hover {
    background: #e64500;
  }

  /*Сам отзыв*/
  .review-card {
    display: flex;
    background: white;
    border-radius: 8px;
    padding: 20px;
    max-width: 800px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  }
  
  .review-image {
    flex: 0 0 200px;
    margin-right: 20px;
  }
  
  .review-image img {
    width: 180px;
    height: 269px;
    border-radius: 4px;
  }
  
  .review-content {
    flex: 1;
  }
  
  .review-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
  }
  
  .reviewer-info {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  
  .reviewer-name {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
  }
  
  .review-date {
    color: #666;
    font-size: 14px;
  }

  .review-rating img {
    width: 17.45px;
    height: 16px;
  }
  
  .review-text {
    margin: 10px 0;
    line-height: 1.5;
    color: #333;
  }
  
  .shop-response {
    display: flex;
    background: #f8f8f8;
    border-radius: 6px;
    padding: 15px;
    margin: 15px 0;
  }
  
  .shop-logo {
    width: 40px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
  }
  
  .response-content {
    flex: 1;
  }
  
  .shop-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px;
  }
  
  .shop-name {
    font-weight: 600;
    color: #333;
  }
  
  .response-date {
    color: #666;
    font-size: 14px;
  }
  
  .response-text {
    margin: 0;
    color: #333;
    line-height: 1.4;
  }
  
  .product-details {
    display: flex;
    gap: 15px;
    margin-top: 50px;
    color: #767676;
    font-size: 14px;
    font-weight: 400;
  }
  /*End отзывы*/

  /*Begin Блок сортировка*/
  .sort_container {
    display: flex;
    column-gap: 24px;
  }

  .clear-filter-btn {
    height: 44px;
    padding: 0 30px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    background: linear-gradient(135deg, #ff6b6b, #ff4e4e);
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    /* display: inline-flex; */
    align-items: center;
    justify-content: center;
    gap: 8px;
    display: none; /* Появляется, когда есть активные фильтры */
  }

  /* Стили при наведении */
  .clear-filter-btn:hover {
      background: linear-gradient(135deg, #ff4e4e, #ff2e2e);
      transform: translateY(-2px);
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25);
  }

  /* Эффект нажатия */
  .clear-filter-btn:active {
      transform: translateY(0);
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
      background: linear-gradient(135deg, #e24444, #c73030);
  }

  .sort-select {
    width: 220px;
    height: 26px;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
  }

  .sort-select:hover {
    border-color: #999;
  }

  .sort-icon {
    margin-right: 5px;
    width: 20px;
    font-size: 16px; /* Увеличиваем размер стрелки */
    line-height: 1; /* Убираем лишние отступы */
}

  .sort-dropdown {
    border: none;
    outline: none;
    flex-grow: 1; /* Занимает оставшееся пространство */
    font-size: 16px; /* Размер шрифта */
    cursor: pointer;
    background: transparent; /* Прозрачный фон */
    padding: 0; /* Убираем внутренние отступы */
    margin-left: 8px;
  }

  .sort-dropdown:focus {
    outline: none;
  }
  /*End Блок сортировка*/


  /*Begin избранное*/
  .favorite-container_sort {
    display: flex;
    align-items: center;
    box-sizing: border-box;
  }

  .favorite-container {
    display: flex;
    flex-direction: column;
    /* row-gap: 30px; */
  }

  .favorite-label {
    font-size: 23px;
    font-weight: 700;
    margin-right: 10px;
  }

  /*Блок нужна помощь*/
  .help-section {
    width: 100%;
    margin-top: 80px;
  }

  .help-section__title {
    font-size: 24px;
    margin-bottom: 20px;
    text-align: left;
  }

  @media screen and (max-width: 480px) {

  }  

  .help-section__cards {
    display: flex;
    gap: 10px;
    justify-content: space-between;
  }

  .help-card {
    display: flex;
    background-color: #fff;
    border-radius: 8px;
    padding: 15px;
    text-align: left;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    width: 384px;
    height: 100px;
    transition: transform 0.2s ease-in-out;
    box-sizing: border-box;
  }

  .help-card:hover {
    transform: translateY(-5px);
  }

  .help-card__icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .help-card_text {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-left: 15px;
  }

  .help-card__title {
    font-weight: 600;
    margin-top: 0px;
    font-size: 16px;
    margin-bottom: 8px;
    color: #333;
  }

  .help-card__link {
    color: #767676;
    text-decoration: none;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
  }

  .help-card__link::after {
    content: '>';
    margin-left: 3px;
    font-size: 12px;
  }

  /* Медиазапрос для планшетов (до 992px) */
@media screen and (max-width: 992px) {
  .help-section {
    margin-top: 60px;
  }

  .help-section__title {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .help-card {
    width: 300px;
    height: 80px;
    padding: 12px;
  }

  .help-card__title {
    font-size: 14px;
    margin-bottom: 6px;
  }

  .help-card__link {
    font-size: 12px;
  }
}

/* Медиазапрос для мобильных устройств (до 768px) */
@media screen and (max-width: 768px) {
  .help-section {
    margin-top: 40px;
  }

  .help-section__title {
    font-size: 18px;
  }

  .help-section__cards {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }

  .help-card {
    width: 100%;
    max-width: 90vw;
    height: auto;
    padding: 10px;
  }

  .help-card__title {
    font-size: 13px;
    margin-bottom: 5px;
  }

  .help-card__link {
    font-size: 11px;
  }

  .help-card__link::after {
    font-size: 10px;
  }
}

/* Медиазапрос для маленьких мобильных устройств (до 480px) */
@media screen and (max-width: 480px) {
  .help-section {
    margin-top: 70px;
  }

  .help-section__title {
    font-size: 18px;
    margin-bottom: 12px;
  }

  .help-section__cards {
    gap: 12px;
  }

  .help-card {
    width: 100%;
    max-width: 90vw;
    padding: 8px;
    border-radius: 6px;
  }

  .help-card__icon {
    transform: scale(0.8); /* Уменьшаем иконку на 20% */
  }

  .help-card_text {
    margin-left: 10px;
  }

  .help-card__title {
    font-size: 16px;
    margin-bottom: 4px;
  }

  .help-card__link {
    font-size: 12px;
  }

  .help-card__link::after {
    font-size: 11px;
  }
}
  /*End избранное*/


  /*Begin карточка продукта*/
  .product-card {
    width: 224px;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  }

  .product-card__image-wrapper {
    position: relative;
    width: 224px;
  }

  .product-card__image {
    width: 100%;
    display: block;
  }

  .product-card__like-button {
    position: absolute;
    top: 12px;
    right: 12px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
  }

  @media screen and (max-width: 480px) {
    .product-card {
      width: 160px;
    }  
    .product-card__image-wrapper {
      width: 160px;
    }
  }  

  .product-card__left-top-icon {
    position: absolute;
    top: 12px;
    left: 12px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
  }

  .product-card__left-bottom-icon {
    position: absolute;
    bottom: 3px;
    left: 12px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
  }

  .product-card__left-bottom2-icon {
    position: absolute;
    bottom: 26px;
    left: 12px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
  }


  .product-card__info {
    padding: 5px;
  }

  .product-card__price {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: 6px;
  }

  .product-card__name {
    font-size: 16px;
    color: #141414;
    font-weight: 400;
    margin-bottom: 4px;
  }

  .product-card__description {
    font-size: 16px;
    color: #141414;
    font-weight: 400;
    margin-bottom: 12px;
  }

  .product-card__sizes {
    display: flex;
    gap: 7px;
    margin-bottom: 8px;
  }

  @media screen and (max-width: 480px) {
    .product-card__name {
      font-size: 13px;
    }  
    .product-card__description {
      font-size: 13px;
    }
    .product-card__sizes {
      font-size: 12px;
    }  
  }  

  .product-card__sizes span {
    color: #141414;
    font-weight: 400;
  }

  .product-card__rating {
    display: flex;
    align-items: center;
    gap: 4px;
    /* font-size: 0.875rem; */
    color: #777;
    margin-bottom: 10px;
  }

  .product-card__rating span {
    font-size: 16px;
    font-weight: 400;
    color: #767676;
  }

  @media screen and (max-width: 480px) { 
    .product-card__rating span {
      font-size: 13px;
    }  
  }  

  #rating_mean {
    color: #141414 !important;
  }

  .product-card__add-to-cart {
    background-color: #FF490D;
    color: #fff;
    border: none;
    padding: 12px;
    width: 100%;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    transition: background-color 0.2s ease;
  }

  .product-card__add-to-cart:hover {
    transform: translateY(-2px);
  }
  /*End карточка продукта*/


  /*Begin Grid (5 моделей на сроке и неограниченное кол-во строк (Избранное)*/
 .product-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    row-gap: 35px;
    column-gap: 10px;
    padding-top: 35px;
  }
  /*End Grid (5 моделей на сроке и неограниченное кол-во строк (Избранное)*/


  /*Begin Корзина*/
  .basket_container_main {
    width: 100%;
    display: flex; 
    flex-direction: column; 
    row-gap: 32px; 
    align-items: flex-start; 
    margin: 30px 0px 80px 0px;
  }

  .basket_title {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .basket-title-back {
    color: #909090;
    font-size: 16px;
    cursor: pointer;
  }

  .basket-title-back:hover {
    transform: scale(1.01);
  }

  .basket-title-span1 {
    font-size: 24px;
    font-weight: 700;
    color: #141414;
  }

  .basket-title-span2 {
    font-size: 16px;
    line-height: 140%;
    font-weight: 400;
    color: #909090;
    margin-left: 10px;
  }

  .basket-container {
    display: flex;
    column-gap: 8px;
    /* column-gap: 10px; */
  }
  /* Форма заказа */
  .basket-summary {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    width: 384px;
    height: 486px;
    font-family: sans-serif;
    box-sizing: border-box;
  }

  .basket-header {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    letter-spacing: 0.1px;
    color: #141414;
  }

  .basket-item_form {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
  }

  .basket-item_form-label {
    color: #141414;
    font-weight: 400;
    font-size: 16px;
  }

  .basket-item_form-value {
    color: #141414;
    font-weight: 400;
    font-size: 16px;
  }

  .orange-color {
    color: #FF490D;
  } 

  .basket-discount {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    color: #E44D26;
  }

  .basket-promo-container {
    margin-top: 25px;
    display: flex;
    flex-direction: column;
  }

  .basket-promo-container label {
    font-size: 14px;
    font-weight: 400;
    color: #767676;
    margin-bottom: 6px;
    letter-spacing: 0.1px;
  }

  .basket-promo {
    display: flex;
  }

  .basket-promo input {
    border: 1px solid #000000;
    border-radius: 8px;
    padding: 8px 8px 8px 20px;
    margin-right: 10px;
    width: 197px;
    height: 22px;
  }

  /* .basket-promo input::placeholder {
    color: #767676;
  } */

  .basket-promo button {
    background-color: #141414;
    width: 135px;
    height: 40px;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 8px 15px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
  }

  .basket-promo button:hover {
    transform: scale(1.01);
  }

  .basket-total {
    display: flex;
    justify-content: space-between;
    margin-top: 35px;
    font-size: 18px;
    font-weight: bold;
  }

  .basket-total-label {
    font-size: 20px;
    font-weight: 700;
    color: #141414;
  }

  .basket-total-value {
    font-size: 20px;
    font-weight: 700;
    color: #141414;
  }

  .basket-button {
    background-color: #FF490D;
    width: 344px;
    height: auto;
    color: #FBFBFB;
    border: none;
    border-radius: 8px;
    padding: 20px;
    cursor: pointer;
    margin-top: 15px;
    font-size: 16px;
    font-weight: 500;
  }

  .basket-button:hover {
    transform: scale(1.01);
  }

  .basket-secondary-button {
    background-color: #141414;
  }

  .basket-delivery {
    margin-top: 15px;
    font-size: 14px;
    font-weight: 400;
    color: #141414;
    text-align: center;
    letter-spacing: 0.1px;
  }
  /* Items заказа */
  .basket-item-container{
    border: none;
    border-radius: 5px;
    margin-bottom: 10px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    padding: 10px;
    width: 792px;
    height: 280px;
  }

  .basket-item {
    display: flex;
    align-items: flex-start;
    box-sizing: border-box;
    border: none;
    border-radius: 5px;
    margin-bottom: 10px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 8px;
    width: 788px !important;
    height: 280px;
  }

  .basket-item__image img {
    width: 180px;
    height: 250px;
    margin-right: 10px;
    border-radius: 4px;
  }

  .basket-item__details {
    /* flex-grow: 1; */
    width: 410px;
  }

  .basket-item__title,
  .basket-item__name,
  .basket-item__color {
    color: #141414;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 5px;
  }

  .basket-item__size {
    margin-top: 8px;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px;
    border: none;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 10px;
    background-color: #D9D9D966;
  }

  .basket-item__price-info {
    text-align: right;
  }

  .basket-item__price-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Распределение элементов по краям */
  }

  .basket-item__price {
    font-size: 22px;
    font-weight: 700;
    color: #FF490D;
  }

  .basket-item__old-price {
    font-size: 16px;
    color: #767676;
    font-weight: 400;
    text-decoration: line-through;
  }

  .basket-item__discount {
    background-color: #FF490D;
    color: #fff;
    padding: 3px 5px;
    border-radius: 3px;
    font-weight: 500;
    font-size: 14px;
    display: inline-block;
    margin-top: 5px;
  }

  .basket-item__promo {
    background: linear-gradient(#ADE6ED, #3A39FF);
    color: #fff;
    padding: 5px 8px;
    border-radius: 3px;
    font-size: 16px;
    display: inline-block;
    font-weight: 400;
  }

  .basket-item__promo-time {
    display: flex;
    align-items: center;
    column-gap: 4px;
    font-size: 14px;
    font-weight: 400;
    color: #FF490D;
    margin-top: 20px;
  }

  .basket-item__actions {
    width: 100%;
    display: flex;
    column-gap: 10px;
    text-align: right;
    margin-bottom: 10px;
  }

  .basket-item__actions a {
    /* margin-left: 10px; */
    text-decoration: none;
    color: #767676;
    font-weight: 600;
    font-size: 14px;
  }

  /* .basket-item__actions .a-left {
    margin-right: 18px;
  } */

  .basket-item__actions a:hover {
    text-decoration: underline;
  }
  /*End Корзина*/

  /*Begin В корзине пусто*/
  .basket-empty-container_main {
    display: flex;
    flex-direction: column;
  }

  .basket-empty-container {
    width: 792px;
    border-radius: 8px;
    box-sizing: border-box;
  }

  .basket-empty-buttons {
    display: flex;
    column-gap: 22px;
  }

  .basket-empty-buttons .basket-empty-button {
    width: 282px;
    height: 52px;
    background-color: #141414;
    color: #fff;
    padding: 8px 20px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.4px;
  }

  .basket-empty-buttons-container{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 35px;
  }

  .basket-empty-button:hover {
    transform: scale(1.01);
  }
  
  .basket-empty-buttons-container label {
    margin-right: 10px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
  }

  .basket-empty-buttons-container_text  {
    margin-right: 10px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
  }

  .basket-empty_h1 {
    text-align: left;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
  }
  /*End В корзине пусто*/


  /*Begin Grid Вы смотрели (в ряду 6 карточек товара)*/
  .basket-empty-item {
    margin-top: 80px;
  }

  .product-grid-watch {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    row-gap: 35px;
    column-gap: 18px;
    box-sizing: border-box;
  }

    @media (max-width: 1200px) {
      .product-grid-watch {
        grid-template-columns: repeat(4, 1fr);
        /* Уменьшаем количество колонок до 4 */
      }
    }
  
    @media (max-width: 900px) {
      .product-grid-watch {
        grid-template-columns: repeat(3, 1fr);
        /* Уменьшаем количество колонок до 3 */
      }
    }
  
    @media (max-width: 600px) {
      .product-grid-watch {
        grid-template-columns: 1fr;
        /* Делаем одну колонку для маленьких устройств */
      }
    }

  /* .product-card-watch {
    width: 180px;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  } */

  .product-card__image-wrapper-watch {
    position: relative;
    width: 180px;
  }

  .product-card__info-watch {
    padding: 3px;
  }

  .product-card__miniature-price {
    display: flex;
    gap: 10px;
    margin-bottom: 8px;
    align-items: center;
  }

  .product-card__miniature-current-price {
    font-size: 16px;
    font-weight: 700;
    color: #FF490D;
    font-weight: bold;
  }

  .product-card__miniature-old-price {
    font-size: 13px;
    font-weight: 400;
    line-height: 180%;
    color: #767676;
    text-decoration: line-through;
  }

  @media screen and (max-width: 480px) {
    .product-card__miniature-price {
      gap: 6px;
    }
    .product-card__miniature-current-price {
      font-size: 13px;
    }  
    .product-card__miniature-old-price {
      font-size: 11px;
    }  

    .product-card-top .product-card__miniature-current-price {
      font-size: 15px;
    } 

    .product-card-top .product-card__miniature-old-price {
      font-size: 13px;
    } 
  }  

  .product-card__add-to-cart-watch {
    position: absolute; /* Добавьте это */
    bottom: 0; /* Прижать к низу */
    left: 0; /* Выровнять по левому краю */
    width: 100%; /* Растянуть на всю ширину */
    background-color: #FF490D;
    color: #fff;
    border: none;
    padding: 10px;
    width: 100%;
    height: 40px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    transition: background-color 0.2s ease;
  }

  .product-card__add-to-cart-watch:hover {
    transform: translateY(-2px);
  }
  /*End Grid Вы смотрели (в ряду 6 карточек товара)*/


  /*Begin Подобрали для Вас (в ряду 5 карточек товара)*/
  .product-grid-for-you {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    row-gap: 35px;
    column-gap: 12px;
  }

    @media (max-width: 1200px) {
      .product-grid-for-you {
        grid-template-columns: repeat(4, 1fr);
        /* Уменьшаем количество колонок до 4 */
      }
    }
  
    @media (max-width: 900px) {
      .product-grid-for-you {
        grid-template-columns: repeat(3, 1fr);
        /* Уменьшаем количество колонок до 3 */
      }
    }
  
    @media (max-width: 600px) {
      .product-grid-for-you {
        grid-template-columns: repeat(2, 1fr);
        /* Делаем одну колонку для маленьких устройств */
      }
    }

  .button-for-you {
    width: 282px;
    height: 52px;
    background-color: #141414;
    color: #fff;
    padding: 8px 20px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.4px;
  }

  @media screen and (max-width: 480px) { 
    .button-for-you {
      width: 90vw;
    }
  }  

  .button-for-you:hover {
    background-color: #2a2a2a;
    transform: scale(1.01);
  }

  .button-for-you-container {
    margin-top: 36px;
    text-align: center;
  }
  /*End Подобрали для Вас (в ряду 5 карточек товара)*/


  /* Begin Покупки */
  .purchases-card {
    width: 227px;
    height: 445px;
    border-radius: 4px;
    overflow: hidden;
    font-family: sans-serif;
    color: #333;
    box-sizing: border-box;
  }

  .one-order-purchase-cost {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    margin-top: 18px;
    margin-bottom: 60px;
  }

  .one-order-purchase-cost:last-child {
    margin-bottom: 2px;
  }  

  .one-order-purchase_way {
    font-size: 16px;
    font-weight: 600;
    color: #ff490d;
  }

  .purchase_title_city {
    font-size: 16px;
    color: #141414;
    font-weight: 600;
    margin-bottom: 20px;
  }

  .purchases-card-image {
    position: relative;
  }

  .purchases-image {
    width: 100%;
    height: 340px;
  }

  .purchases-rating {
    bottom: 10px;
    left: 6px;
    position: absolute;
    padding: 4px 12px 4px 12px;
    text-align: left;
    background-color: #F3F3F3;
    width: 96px;
    height: 15px;
    border-radius: 4px;
  }

  .purchases-rating img {
    width: 15px;
    height: 14px;
  }

  .purchases-price {
    margin-top: 10px;
    font-size: 20px;
    font-weight: 700;
  }

  .purchases-description {
    margin-top: 5px;
    font-weight: 400;
    font-size: 16px;
    color: #141414;
  }

  .purchases-size-button {
    margin-top: 5px;
    background-color: #D9D9D966;
    border: none;
    padding: 9px 16px 9px 16px;
    border-radius: 4px;
    cursor: pointer;
  }

  .purchases-date {
    font-size: 16px;
    font-weight: 400;
    color: #767676;
    margin-top: 10px;
  }

  .purchase-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: auto; /* Высота рядов будет зависеть от содержимого */
    column-gap: 20px;
  }

  .one-order-purchase-container {
    margin-top: 38px;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
  }

  .one-order-purchase_title {
    font-size: 20px;
    font-weight: 700;
    display: flex;
    align-items: center;
  }

  .purchase_title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 12px;
  }
  /* End Покупки */


  /* Begin Мой профиль */
  .user-profile-container {
    display: flex;
    flex-direction: column;
    row-gap: 28px;
  }
  
  .user-profile-title {
    font-size: 24px;
    font-weight: 700;
  }

  .user-profile {
    width: 282px;
    height: 416px;
    border: none;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
  }

  .user-profile-inner-container {
    display: flex;
    column-gap: 20px;
    box-sizing: border-box;
  }

  .user-profile__list {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .user-profile__item {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
  }

  .user-profile__link {
    text-decoration: none;
    color: #333;
    display: block;
    padding: 8px 12px;
    border-radius: 6px;
    transition: background-color 0.2s ease;
  }

  .user-profile__link:hover {
    background-color: #f9f9f9;
  }

  .user-profile__button {
    background-color: #141414;
    color: #FFFFFF;
    border: none;
    padding: 12px 20px;
    border-radius: 8px;
    cursor: pointer;
    width: 242px;
    height: 52px;
    margin-top: 15px;
    padding: 10 40 10 40;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 600;
    transition: background-color 0.2s ease;
  }

  .user-profile__delete {
    display: block;
    text-align: center;
    color: #767676;
    text-decoration: none;
    margin-top: 15px;
    font-size: 16px;
    font-weight: 600;
  }

  .user-profile__delete:hover {
    text-decoration: underline;
  }

  .user-profile-form-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    box-sizing: border-box;
  }
  /* End Мой профиль */

  /* Begin Способы оплаты */
  .payment-method-card {
    border-radius: 8px;
    padding: 25px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width: 580px;
    height: 278px;
    font-family: sans-serif;
    box-sizing: border-box;
  }

  .payment-method-cards-container {
    display: flex;
    flex-direction: row;
    column-gap: 10px;
  }

  .payment-method-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
  }

  .payment-method-description {
    font-size: 16px;
    color: #141414;
    line-height: 140%;
  }

  .payment-method-section {
    display: flex;
    flex-direction: column;
    row-gap: 35px;
  }

  .payment-method-main-title {
    font-size: 24px;
    font-weight: 700;
  }
  /* Инструкция по оплате BYN */
  .payment-instructions {
    font-family: sans-serif;
    box-sizing: border-box;
    padding: 20px 20px 0px 20px;
    border: none;
    border-radius: 5px;
    width: 500px;
    line-height: 140%;
  }

  .payment-instructions h2 {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 600;
  }

  .payment-instructions ol {
    padding-left: 20px;
  }

  .payment-instructions li {
    margin-bottom: 10px;
    font-weight: 400;
  }
  /*Образец товарного чека BYN */
  .payment-sales-receipt {
    font-family: sans-serif;
    box-sizing: border-box;
    padding-left: 20px;
    border: none;
    border-radius: 5px;
    width: 500px;
    line-height: 140%;
  }
  .payment-sales-receipt h2 {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 600;
  }

  /* End Способы оплаты */


  /* Begin Возврат товара */
  .vozvrat-rules-container {
    display: flex;
    flex-direction: column;
  }

  .vozvrat-rules {
    text-align: start;
    color: #000;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
  }

  .vozvrat-rules__title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
  }

  .vozvrat-rules__description {
    width: 690px;
    font-size: 16px;
    line-height: 140%;
    font-weight: 400;
    margin-bottom: 30px;
  }

  .vozvrat-rules__subtitle {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
  }

  .vozvrat-rules__steps {
    width: 588px;
    list-style-type: decimal; 
    padding-left: 20px; 
    margin-bottom: 30px;
  }

  .vozvrat-rules__step {
    font-size: 16px;
    line-height: 140%;
    font-weight: 400;
    margin-bottom: 10px;
  }

  .vozvrat-rules__buttons {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
  }

  .vozvrat-rules__button {
    width: 282px;
    height: 52px;
    background-color: #141414;
    color: #fff;
    padding: 8px 20px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.4px;
  }

  .vozvrat-rules__button:hover {
    background-color: #555;
  }

  .vozvrat-rules__disclaimer {
    width: 588px;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    line-height: 120%;
  }

  /* Вы должны знать */
  .should-know-container {
    width: 100%;
    margin: 20px auto;
    box-sizing: border-box;
  }

  .should-know-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
  }

  .should-know-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }

  .should-know-item {
    width: 384px;
    height: 128px;
    box-sizing: border-box;
    background-color: #FBFBFB;
    padding: 20px;
    border-radius: 8px;
    text-align: left;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
  }

  .should-know-number {
    font-size: 80px;
    color: #FF490D;
    margin-bottom: 0;
    margin-right: 10px;
  }

  .should-know-text {
    font-size: 16px;
    line-height: 140%;
    font-weight: 400;
  }
  /* End Возврат товара */


  /* Begin Все бренды */
  .all-brands-container {
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  .all-brands {
    width: 100%;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 20px 0px 20px 20px;
  }

  .all-brands__header {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
  }

  .all-brands__title {
    color: #000000;
    font-size: 21px;
    font-weight: 600;
    margin-right: 15px;
  }

  .all-brands__premium {
    color: #909090;
    font-size: 21px;
    font-weight: 600;
  }

  .all-brands__header a {
    text-decoration: none;
  }

  .all-brands__letters {
    display: flex;
    flex-direction: column;
    letter-spacing: 3px;
    gap: 5px;
    margin-bottom: 10px;
  }

  .all-brands__letter {
    font-size: 24px;
    font-weight: 400;
    text-decoration: none;
    color: #000000;
  }

  .all-brands__search {
    position: relative;
    display: flex;
    align-items: center;
  }

  .all-brands__search-input {
    width: 260px;
    height: 40px;
    box-sizing: border-box;
    padding: 5px 10px;
    border: 1px solid #141414;
    border-radius: 8px;
    margin-right: 5px;
    margin-top: 30px;
  }

  .all-brands__search-button {
    position: absolute;
    bottom: 51px;
    right: 10px;
    border: none;
    background-color: transparent;
    cursor: pointer;
  }

  /* Список брендов */
  .all-brands-main-letter {
    font-size: 24px;
    font-weight: 600;
    margin-left: 20px;
  }

  .all-brands-main {
    font-family: sans-serif;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding: 20px;
  }

  .all-brands-main__single {
    width: 286px;
    height: 328px;
  } 

  .all-brands-main > div {
    display: flex;
    flex-direction: column;
  }

  .all-brands-main a {
    font-size: 20px;
    font-weight: 400;
    line-height: 40px;
    color: #000000;
    text-decoration: none;
    margin-bottom: 5px;
  }

  .all-brands-main a:hover {
    text-decoration: underline;
  }

  .premium {
    font-size: 0.7em;
    background-color: #333;
    color: white;
    padding: 2px 5px;
    border-radius: 3px;
    margin-left: 5px;
  }

  .all-brands-main .all-brands-main-footer {
    font-size: 20px;
    font-weight: 600;
    margin-top: 10px;
    text-decoration: underline;
  }
  /* End Все бренды */


  /* Begin Карточка товара */
  .model__description-main-inner {
    width: 1200px;
    display: flex;
    position: relative;
  }

  .model__description-container {
    display: flex;
    column-gap: 40px;
    max-height: 590px;
  }

  /* Картинки */
  .model__description-pictures {
    display: flex;
    flex-direction: row;
    width: 800px;
    height: 550px;
    /* margin: 20px auto; */
    /* margin-bottom: 20px; */
    overflow: hidden;
  }

  .model__description-pictures-thumbnails {
    display: flex;
    flex-direction: column;
    width: 100px;
    /* background-color: #f9f9f9; */
  }

  .model__description-pictures-thumbnails img {
    width: 100%;
    height: auto;
    padding: 5px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
    border-radius: 4px;
  }

  .model__description-pictures-thumbnails img:last-child {
    border-bottom: none;
  }

  .model__description-pictures-main {
    flex: 1;
    padding: 5px 20px 0 20px;
    position: relative;
    height: 580px;
  }

  .model__add-image-text {
    font-size: 14px;
    font-weight: 400;
    color: #767676;
    position: absolute;
    bottom: 4px;
    left: 105px;
  }

  .model__description-pictures_-img-main {
    width: 360px;
    /* display: block; */
    border-radius: 8px;
  }

  .image-container {
    width: 384px;
    height: 580px;
    position: relative;
    /* display: inline-block; */
  }

  .model__description-pictures-sale-icon {
    position: absolute;
    top: 12px;
    left: 12px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
  }

  .model__description-pictures__like-button {
    position: absolute;
    top: 12px;
    right: 40px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
  }

  .model__description-pictures__similar-button {
    position: absolute;
    bottom: 52px;
    right: 36px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
  }

  .model__description-pictures__text_model_size {
    position: absolute;
    bottom: 1px;
    right: 14px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
  }
  
  /* Описание модели  */
  .model__description-inner-container {
    display: flex;
    flex-direction: column;
    width: 320px;
  }

  .model__description-name {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    color: #141414;
  }

  .model__description-h2 {
    font-size: 23px;
    font-weight: 700;
    margin-top: 3px;
    margin-bottom: 18px;
  }

  .model__description-miniatures {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 12px;
  }

  .model__description-miniatures-title {
    margin-bottom: 10px;
    margin-top: 13px;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    color: #767676;
  }

  .model__description-miniatures-images {
    display: flex;
    gap: 10px;
  }

  .model__description-miniatures-image-container {
    width: 60px;
    height: 80px;
    border: none;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
  }

  .model__description-miniatures-image-container.selected {
    border: 1px solid #767676;
  }

  .model__description-miniatures-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .model__description-sizes {
    font-family: sans-serif;
    margin-top: 20px;
}

  .model__description-sizes-title {
      margin-bottom: 10px; /* Отступ под заголовком */
      text-decoration: underline;
      color: #767676;
      cursor: pointer;
      font-size: 14px;
  }

  /* .model__description-sizes-title:hover {
    transform: scale(1.01);
  } */

  .model__description-sizes-options {
      display: block; /* Убираем flex, чтобы не мешать wrapper */
  }

  .model__description-sizes-wrapper {
      display: flex;
      flex-wrap: wrap;
      gap: 10px; /* Отступы между размерами */
      margin-bottom: 10px; /* Отступ между строками */
  }

  .model__description-sizes-option {
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
  }

  .model__description-sizes-option:hover {
    background-color: #f0f0f0;
  }

  .model__description-sizes-option:active {
    background-color: #ddd;
  }

  .model__description-sizes-option.active {
    background-color: #FF490D;
    color: white;
    border-color: #FF490D;
  }

  .model__description-props {
    margin-top: 20px;
  }

  .model__description-props-grid {
      display: grid;
      grid-template-columns: auto 1fr; /* Левая колонка подстраивается под содержимое, правая занимает остальное */
      column-gap: 24px;
      row-gap: 8px;
  }

  .model__description-props1-item {
      font-size: 16px;
      font-weight: 400;
      line-height: 140%;
      color: #767676;
  }

  .model__description-props2-item {
      font-size: 16px;
      font-weight: 400;
      line-height: 133%;
      color: #141414;
  }

  /* Добавить в корзину */
  .model__add-container {
    width: 332px;
    height: 363px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 20px;
    box-sizing: border-box;
    background-color: #fff;
  }

  .model__add-price-row {
    width: 100%; 
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
  }

  .model__add-price {
    display: flex;
    column-gap: 8px;
    align-items: center;
  }

  .model__add-current-price {
    color: #FF490D;
    font-weight: 700;
    font-size: 22px;
  }

  .model__add-old-price {
    font-size: 14px;
    font-weight: 400;
    color: #767676;
    text-decoration: line-through;
  }

  .model__add-discount {
    width: 54px;
    height: 30px;
    background-color: #ff5722;
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 16px;
    /* font-weight: 600; */
    box-sizing: border-box;
  }

  .model__add-details {
    margin-bottom: 16px;
  }

  .model__add-details-header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    color: #767676;
    cursor: pointer;
    line-height: 120%;
  }

  .model__add-details-header span {
    margin-right: 10px;
  }

  .model__add-details-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 400;
    color: #767676;
    letter-spacing: 0.1px;
    margin-bottom: 34px;
  }

  .model__add-details-content div {
    display: flex;
    justify-content: space-between;
  }

  .model__add-button {
    background-color: #FF490D;
    color: white;
    padding: 12px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    width: 282px;
    height: 52px;
    margin-bottom: 10px;
  }

  .model__add-button:hover {
    transform: scale(1.01);
  }

  .model__add-buy-now {
    background-color: #ffe0d4;
    color: #FF490D;
    padding: 12px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
    font-weight: 600;
    width: 282px;
    height: 52px;
    margin-bottom: 10px;
  }

  .model__add-buy-now:hover {
    transform: scale(1.01);
  }

  .model__add-delivery-info {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #141414;
    line-height: 120%;
    text-align: center;
  }

  /* Информация о доставке */
  .model__add-main {
    display: flex;
    flex-direction: column;
    row-gap: 50px;
  }

  .model__add-main-container {
    display: flex;
    flex-direction: column;
    row-gap: 28px;
  }

  .model__add-delivery {
    background-color: #fff;
    border-radius: 8px;
    padding: 20px;
    width: 332px;
    height: 195px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
  }

  .model__add-delivery-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #141414;
  }

  .model__add-delivery-address {
    font-size: 14px;
    font-weight: 400;
    color: #767676;
    line-height: 120%;
    margin-bottom: 16px;
  }

  .model__add-delivery-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
  }

  .model__add-delivery-item-label {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    color: #141414;
  }

  .model__add-delivery-item-value {
    font-size: 16px;
    color: #141414;
    font-weight: 400;
    line-height: 140%;
  }

  .model__add-delivery-item-date {
    font-size: 14px;
    font-weight: 400;
    color: #767676;
    line-height: 120%;
  }
  
  /* Отзывы и вопросы */
  .model__add-reviews {
    max-width: 1200px;
    box-sizing: border-box;
    /* padding: 20px; */
    /* border-bottom: 1px solid #eee; */
  }

  .model__add-reviews-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
  }

  .model__add-reviews-title {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
  }

  .model__add-reviews-title h2 {
    margin: 0;
    margin-right: 10px;
    font-size: 24px;
    font-weight: 700;
    line-height: 100%;
    color: #141414;
    cursor: pointer;
  }

  .model__add-reviews-title div {
    font-size: 24px;
    font-weight: 700;
    line-height: 100%;
    color: #767676;
    cursor: pointer;
  }

  .model__add-reviews-rating {
    display: flex;
    align-items: center;
  }

  .model__add-reviews-rating span {
    margin-right: 5px;
  }

  .model__add-reviews-stars {
    color: gold;
  }

  .model__add-reviews-link {
    color: #767676;
    text-decoration: none;
    align-self: self-start;
    margin-left: 742px;
  }

  .model__add-reviews-images {
    display: flex;
    overflow-x: auto;
    margin-top: 22px;
    padding-bottom: 10px;
    width: 1200px;
    overflow-x: hidden;
  }

  .model__add-reviews-image-container {
    width: 77px;
    height: 115px;
    margin-right: 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    flex-shrink: 0;
  }

  .model__add-reviews-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .model__add-reviews-container-main {
    display: flex;
    column-gap: 14px;
  }

  .model__add-reviews-container {
    border-radius: 8px;
    padding: 20px;
    width: 384px;
    height: 154px;
    margin-top: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
  }

  .model__add-reviews-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
  }

  .model__add-reviews-user-info {
    display: flex;
    flex-direction: column;
  }

  .model__add-reviews-name {
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
  }

  .model__add-reviews-date {
    font-size: 14px;
    color: #767676;
    line-height: 120%;
    font-weight: 400;
  }

  .model__add-reviews-content {
    font-size: 16px;
    font-weight: 400;
    color: #141414;
    line-height: 140%;
  }

  .model__add-reviews-name-date {
    display: flex;
    column-gap: 10px;
  }

  .model__add-reviews-buttons {
    display: flex;
    gap: 20px;
    margin-top: 36px;
  }

  .model__add-reviews-button {
    width: 282px;
    height: 52px;
    color: #fff;
    padding: 8px 20px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.4px;
  }

  .model__add-category {
    display: flex;
    align-items: center;
    padding: 20px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width: 384px;
    height: 116px;
    box-sizing: border-box;
  }
  
  .model__add-category-image {
    margin-right: 20px;
    object-fit: initial;
  }
  
  .model__add-category-image img {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    object-fit: cover;
  }
  
  .model__add-category-content {
    display: flex;
    flex-direction: column;
  }
  
  .model__add-category-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #141414;
    line-height: 100%;
  }
  
  .model__add-category-link {
    color: #767676;
    line-height: 120%;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
  }
  
  .model__add-category-link:hover {
    text-decoration: underline;
  }

  .model__add-category-container-main {
    display: flex;
    column-gap: 26px;
    margin-top: 100px;
  }

  /* Похожие товары */
  .model__add-similar-products {
    font-family: sans-serif;
    margin-bottom: 20px;
    margin-top: 80px;
  }

  .model__add-similar-products-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 100%;
  }

  .model__add-similar-products-buttons {
    display: flex;
    gap: 5px;
  }

  .model__add-similar-products-button {
    border: none;
    padding: 4px 12px 4px 12px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    color: #141414;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
  }

  .model__add-similar-products-button:first-child {
    background-color: #222;
    color: white;
  }

  .model__add-similar-products-button:not(:first-child) {
    background-color: #eee;
    color: #222;
  }
  /* End Карточка товара */

  
  /* Begin Способы доставки */
  .delivery-methods-container {
    width: 100%;
    box-sizing: border-box;
  }

  .delivery-methods-container h2{
    font-size: 24px;
    font-weight: 700;
    color: #141414;
    margin-bottom: 8px;
  }

  .delivery-methods {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px 0px;
    width: 100%;
    border-radius: 8px;
    box-sizing: border-box;
  }

  .delivery-methods-item {
    background-color: #FBFBFB;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    width: 376px;
    height: 174px;
    border-radius: 8px;
    box-sizing: border-box;
  }

  .delivery-methods-item h3 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 15px;
    color: #141414;
  }

  .delivery-methods-item p {
    font-size: 16px;
    font-weight: 400;
    margin: 5px 0;
    font-size: 14px;
    line-height: 140%;
    color: #141414;
    margin-bottom: 10px;
  }

  .delivery-methods-item:nth-child(3) h3 {
    color: orangered;
  }

  .delivery-methods-p-help {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #767676 !important;
    line-height: 120% !important;
  }

  .delivery-methods-p-help2 {
    line-height: 120% !important;
  }

  .delivery-methods-h3-orange {
    color: #FF490D !important;
    font-size: 16px !important;
    font-weight: 600 !important;
  }
  /* End Способы доставки */

  /* Begin Каталог/Категория */
  /* Основной категории */
  .categories {
    width: 240px;
    box-sizing: border-box;
  }

  .category {
    width: 100%;
  }

  .category-header {
    display: flex;
    column-gap: 10px;
    align-items: center;
    margin-bottom: 3px;
    margin-top: 5px;
    font-weight: 600;
    font-size: 16px;
  }

  .subcategory-header {
    width: 238px;
    padding-left: 8px;
    display: flex;
    column-gap: 10px;
    justify-content: space-between;
    /* align-items: center; */
    cursor: pointer;
    border-radius: 8px;
    position: relative;
    font-size: 16px;
    background-color: transparent;
    transition: background-color 0.2s ease, padding 0.2s ease;
    margin-bottom: 5px;
  }

  .subcategory-header.active {
    background-color: #e7e7e7;
    padding: 8px;
  }

  .count {
    color: #767676;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    margin-left: 6px;
  }

  .sub-items {
    display: none;
    margin-left: 16px;
  }

  .sub-item {
    padding-bottom: 8px;
    display: flex;
    column-gap: 10px;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
  }

  .sub-item:hover {
    background-color: #e7e7e7;
    border-radius: 8px;
    padding-left: 2px;
    padding-right: 2px;
  }

  .sub-item:first-child {
    margin-top: 2px;
  }

  .sub-item:last-child {
    margin-bottom: 8px;
  }

  .arrow {
    margin-bottom: 4px;
    margin-left: 1px;
    transition: transform 0.3s;
  }

  .subcategory-header.active .arrow {
    transform: rotate(180deg);
    margin-top: 5px;
  }

  .subcategory-header.active + .sub-items {
    display: block;
  }

  .category-header-last {
    margin-top: 7px;
    cursor: pointer;
  }

  /* Распродажа */
  .categories__sale {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .categories__sale-label {
    font-size: 16px;
    font-weight: 600;
    margin-right: 10px;
    color: #141414;
  }

  .categories__sale-switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
  }

  .categories__sale-switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

  .categories__sale-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffcccc; /* off */
    transition: .4s;
    border-radius: 20px;
  }

  .categories__sale-slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 2px;
    background-color: #ff3300;
    transition: .4s;
    border-radius: 50%;
  }

  input:checked + .categories__sale-slider {
    background-color: #ffcccc; /* on */
  }

  input:checked + .categories__sale-slider:before {
    transform: translateX(20px);
    background-color: #ff3300;
  }

  .categories__status {
    margin-bottom: 28px;
  }

  /* Чек-бокс фильтра */
  .categories__check {
    color: #141414;
  }

  .categories__check-title {
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 0px;
    font-weight: 600;
  }

  .categories__check-item {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
  }

  .categories__check-item input[type="checkbox"] {
    margin-left: 0px;
    margin-right: 8px;
    width: 20px;
    height: 20px;
    border-radius: 4px;
  }

  .categories__check-item label {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    margin-right: 8px;
  }

  .categories__check-item-count {
    color: #767676;
    font-size: 14px;
    font-weight: 400;
  }
  
  /* Диапазон цен */
  .categories__price-range {
    width: 100%;
  }
  
  .categories__price-range h3 {
    margin-top: 0;
    color: #141414;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 600;
  }
  
  .categories__price-range-slider {
    position: relative;
    height: 3px;
    background-color: #767676;
    margin-bottom: 24px;
    /* width: 225px; */
  }
  
  /* .categories__price-range-input .price-range-input{
    position: absolute;
    top: -10px;
    width: 100%;
    height: 20px;
    appearance: none;
    background-color: transparent;
    pointer-events: none;
  } */

  #min-price {
    position: absolute;
    top: -10px;
    left: -3px;
    width: 100%;
    height: 20px;
    appearance: none;
    background-color: transparent;
    pointer-events: none;
  }

  #max-price {
    position: absolute;
    top: -10px;
    width: 100%;
    height: 20px;
    appearance: none;
    background-color: transparent;
    pointer-events: none;
  }

  .categories__price-range-input::-webkit-slider-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #141414;
    border: none;
    appearance: none;
    pointer-events: auto;
    cursor: pointer;
  }
  
  .categories__price-range-input::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #141414;
    border: none;
    appearance: none;
    pointer-events: auto;
    cursor: pointer;
  }
  
  .categories__price-range-values {
    display: flex;
    justify-content: space-between;
  }
  
  .categories__price-range-value {
    width: 45%;
    padding: 8px;
    border: 1px solid #141414;
    border-radius: 5px;
    text-align: center;
  }

  /* Размер */
  .categories__size {
    display: flex;
    flex-wrap: wrap; /* Позволяет элементам переноситься на новую строку */
    gap: 10px; /* Пробел между элементами */
    max-width: 500px;
  }

  .categories__size-item {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 10px;
    border-radius: 8px;
    background-color: #f5f5f5;
    color: #333;
    cursor: pointer;
    user-select: none;
    height: 40px; /* Устанавливаем высоту для всех элементов */
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
  }

  /* .categories__size-item:first-child {
    flex: 0 0 108px;
  } */

  /* .categories__size-item:not(:first-child) {
    flex: 0 0 48px;
  } */

  .categories__size-item:hover {
    background-color: #eee;
  }

  .categories__size-item.selected {
    background-color: #ddd;
  }

  .categories__size-title {
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 0px;
    font-weight: 600;
  }

  /* Рост */
  .categories__height {
    margin: 32px 0 32px 0;
  }

  /* Цвет */
  .categories__color {
    width: 203px;
  }

  #toggleColorsBtn {
    cursor: pointer;
  }

  .categories__color-title {
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 0px;
    font-weight: 600;
  }

  .categories__color-list {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .categories__color-item {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
  }

  .categories__color-checkbox {
    margin-left: 0px;
    margin-right: 8px;
    width: 20px;
    height: 20px;
    border-radius: 4px;
  }

  .categories__color-checkbox:checked {
    background-color: #eee;
  }

  .categories__color-swatch {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-right: 8px;
  }

  .color-white { background-color: #fff; border: 1px solid #eee; }
  .color-black { background-color: #000; }
  .color-red { background-color: #f00; }
  .color-blue { background-color: #87ceeb; }
  .color-gray { background-color: #808080; }
  .color-green { background-color: #008000; }

  .categories__color-label {
    font-size: 16px;
    font-weight: 400;
    color: #141414;
    line-height: 140%;
  }

  .categories__color-count {
    font-size: 14px;
    color: #666;
    margin-left: auto;
  }

  .categories__color-show-all {
    display: flex;
    align-items: center;
    font-size: 14px;
    cursor: pointer;
    padding-top: 5px;
  }

  .categories__color-show-all:hover {
    text-decoration: underline;
  }

  /* Сезон */
  .categories__season {
    margin: 30px 0 32px 0;
  }

  /* Стиль */
  .categories__style {
    margin: 32px 0 32px 0;
  }

  /* Материал */
  .categories__material {
    margin: 32px 0 32px 0;
  }

  #toggleMaterialsBtn {
    cursor: pointer;
  }

  /* Рисунок */
  .categories__pattern {
    margin: 32px 0 32px 0;
  }

  #togglePatternsBtn {
    cursor: pointer;
  }

  /* Бренд */
  .categories__brand {
    margin: 30px 0 32px 0;
  }

  #toggleBrandsBtn {
    cursor: pointer;
  }

  .categories__brand-search {
    position: relative;
    display: flex;
    align-items: center;
  }

  .categories__brand-input {
    width: 260px;
    height: 40px;
    box-sizing: border-box;
    padding: 5px 10px;
    border: 1px solid #141414;
    border-radius: 8px;
    margin-right: 5px;
    margin-bottom: 8px;
  }

  .categories__brand-button {
    position: absolute;
    bottom: 17px;
    right: 10px;
    border: none;
    background-color: transparent;
    cursor: pointer;
  }

  /* Отзывы */
  .categories__reviews {
    margin: 30px 0 0 0;
  }
  /* End Каталог/Категория */

  /* Begin Образы */
  .model-image__main {
    display: flex;
    flex-direction: column;
  }

  .model-image__types {
    display: flex;
    column-gap: 32px;
  }

  .model-image__types .item {
    font-size: 20px;
    font-weight: 400;
    cursor: pointer;
    color: #767676;
    letter-spacing: 0.1px;
  }

  .model-image__types .selected {
    font-size: 20px;
    font-weight: 700;
    color: #141414;
  }

  /*Сетка карточки образа*/
  .model-image__grid{
    display: grid;
    width: 100%;
    box-sizing: border-box;
    column-gap: 24px;
    row-gap: 40px;
    grid-template-columns: repeat(3, 1fr); /* 3 столбца по 384px */
    grid-auto-rows: auto;
    margin-top: 36px;
    margin-bottom: 64px;
  }

  .model-image__grid2{
    margin-top: 64px;
    margin-bottom: 64px;
  }

  /*Карточка образа*/
  .model-image__grid .card-item {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    row-gap: 14px;
  }

  .model-image__grid .card-item .picture-item {
    width: 384px;
    height: 576px;
    border-radius: 8px;
  }

  .model-image__grid .card-item .picture-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .model-image__grid .card-item .pictures_likes {
    display: flex;
    column-gap: 8px;
    cursor: pointer;
  }

  .model-image__grid .card-item .pictures_likes img {
    width: 23px;
    height: 20px;
  }  

  .model-image__grid .card-item .card-item_button {
    margin-top: 6px;
  }

  .model-image__grid .card-item .card-item_button button {
    width: 384px;
    height: 52px;
    border-radius: 8px;
    border: none;
    background-color: #141414;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
  }

  .model-image__grid .card-item .card-item_button button:hover {
    transform: scale(1.01);
  }
  /* Похоже на Ваши любимые образы */
  .model-image__h2-title {
    font-size: 24px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 20px;
  }
  
  .without-box-shadow {
    box-shadow: none;
  }

  /* Кнопка Показать больше образов */
  .model-image__more-models-button {
    width: 296px;
    height: 52px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    background-color: #141414;
    border-radius: 8px;
    padding: 10px 40px 10px 40px;
    cursor: pointer;
  }

  .model-image__more-models-button:hover {
    transform: scale(1.01);
  }

  /* End Образы */
  /* main */
  .image-card__main {
    display: flex;
    column-gap: 24px;
  }

  /* additionally */
  .image-card__additionally {
    margin-top: 8px;
    display: flex;
    column-gap: 8px;
    padding: 0;
    margin: 0;
  }

  .image-card__additionally .item {
    width: 78px;
    height: 104px;
    cursor: pointer;
  }

  .image-card__additionally .item img{
   width: 100%;
   height: 100%;
   object-fit: contain; 
   border-radius: 4px;
  } 


  /* Begin Образ карточка */
  .image-card__main .picture-item {
    position: relative;
    width: 384px;
    height: 576px;
    border-radius: 8px;
  }

  .image-card__main .picture-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .image-card__main .picture-item .likes-count-div {
    position: absolute;
    bottom: 16px;
    left: 18px;
    width: 74px;
    height: 38px;
    background-color: #FFFFFF;
    padding: 8px 12px 8px 12px;
    border-radius: 8px;
    box-sizing: border-box;
  }  

  .image-card__main .picture-item .help-likes-message {
    display: flex;
    column-gap: 10px;
    position: absolute;
    bottom: 54px;
    left: 0px;
    width: 307px;
    height: 74px;
    border: 1px solid #FF490D;
    background-color: #FFFFFF;
    padding: 20px;
    border-radius: 8px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 120%;
    font-weight: 400;
  }  
  
  .image-card__pictures_likes {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 8px;
    cursor: pointer;
  }

  .image-card__pictures_likes img {
    width: 23px;
    height: 20px;
  }  

  .image-card__main .picture-item .spread-div {
    position: absolute;
    bottom: 16px;
    right: 18px;
    width: 40px;
    height: 38px;
    background-color: #FFFFFF;
    padding: 8px 12px 8px 12px;
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
  }  

  /* Миниатюра */
  .image-card__miniature-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
    height: 384px;
    row-gap: 17px;
    column-gap: 24px;
  }

  .image-card__miniature-not-available {
    color: #767676;
    margin-top: 4px;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
  }
  
  .image-card__miniature {
    display: flex;
    column-gap: 18px;
    overflow: hidden;
    width: 384px;
    height: 180px;
    box-sizing: border-box;
  }

  .image-card__miniature-image {
    position: relative;
    width: 120px;
    height: 180px;
    border-radius: 4px;
  }

  .image-card__miniature-image img {
    width: 100%;
    height: auto;
    display: block;
  }

  .image-card__miniature-wishlist {
    position: absolute;
    top: 3px;
    right: 3px;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }

  .image-card__miniature-content {
    display: flex;
    flex-direction: column;
  }

  .image-card__miniature-title {
    padding: 0px;
    margin: 0px;
    font-size: 16px;
    font-weight: 400;
    color: #141414;
  }

  .image-card__miniature-description {
    padding: 0px;
    margin: 0px;
    font-size: 16px;
    font-weight: 400;
    color: #141414;
  }

  .image-card__miniature-sizes {
    display: flex;
    gap: 8px;
    margin-bottom: 2px;
  }

  .image-card__miniature-sizes span {
    font-size: 16px;
    color: #141414;
    line-height: 140%;
    cursor: pointer;
  }

  .image-card__miniature-model-size {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    color: #767676;
    margin-bottom: 2px;
  }

  .image-card__miniature-price {
    display: flex;
    gap: 10px;
    margin-bottom: 8px;
    align-items: center;
  }

  .image-card__miniature-current-price {
    font-size: 20px;
    font-weight: 700;
    color: #FF490D;
    font-weight: bold;
  }

  .image-card__miniature-old-price {
    font-size: 16;
    font-weight: 400;
    line-height: 140%;
    color: #767676;
    text-decoration: line-through;
  }

  .image-card__miniature-add-to-cart {
    width: 113px;
    height: 32px;
    background-color: #141414;
    color: #fff;
    line-height: 120%;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    transition: background-color 0.3s ease;
  }

  .image-card__miniature-add-to-cart-similar {
    width: 113px;
    height: 32px;
    color: #141414;
    background-color: #fff;
    line-height: 120%;
    border: 1px solid #141414;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    transition: background-color 0.3s ease;
  }

  .image-card__miniature-add-to-cart:hover, 
  .image-card__miniature-add-to-cart-similar:hover {
    transform: scale(1.01);
  }

  /* Похожие образы */
  .similar-models-title {
    font-size: 24px;
    font-weight: 700;
    color: #141414;
    margin-bottom: 20px;
    margin-top: 60px;
  }

  .image-card__similar-models {
    display: flex;
    flex-direction: column;
  }

  .similar-models-container {
    display: flex;
    column-gap: 22px;
  }

  .similar-models-container .item {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    cursor: pointer;
  }

  .similar-models-container .item .item-img {
    width: 180px;
    height: 270px;
  }

  .similar-models-container .item .item-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 8px;
  }  

  .similar-models-container .pictures_likes {
    display: flex;
    column-gap: 8px;
    cursor: pointer;
  }

  .similar-models-container .pictures_likes img {
    width: 23px;
    height: 20px;
  }  
  /* End Образ карточка */


  /* Begin Карточка товара новая */
  .model__description-outer {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
  }

  .model__description-pictures-thumbnails2 {
    position: relative;
    width: 430px;
    display: flex;
    align-items: center;
  }
  
  .thumbnails-container {
    display: flex;
    column-gap: 6px;
    overflow-x: hidden;
    scroll-behavior: smooth;
    width: 100%;
  }
  
  .model__description-pictures-thumbnails2 img {
    width: 76px;
    height: 110px;
    border-radius: 4px;
    cursor: pointer;
    /* object-fit: contain; */
    flex-shrink: 0;
  }
  
  .thumbnail-nav-button {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    opacity: 0.8;
    transition: opacity 0.2s;
  }
  
  .thumbnail-nav-button:hover {
    opacity: 1;
  }
  
  .thumbnail-prev {
    left: 0;
  }
  
  .thumbnail-next {
    right: 0;
  }

  .model__description-sizes-post {
    color: #767676;
    font-size: 14px;
    font-weight: 400;
    margin-top: 9px;
    margin-bottom: 12px;
  }

  .model__description-description {
    margin-top: 10px;
    color: #767676;
    font-size: 16px;
    font-weight: 400;
  }

  .model__description-pictures_-img-main2 {
    width: 430px;
    height: 648px;
    border-radius: 8px;
    object-fit: cover;
  }

  .image-container2 {
    width: 430px;
    height: 648px;
    position: relative;
    margin-right: 20px;
  }

  .model__description-pictures-sale-icon2 {
    position: absolute;
    top: 12px;
    left: 12px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
  }

  .model__description-pictures__like-button2 {
    position: absolute;
    top: 14px;
    right: 14px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
  }

  .model__description-pictures__similar-button2 {
    position: absolute;
    bottom: 14px;
    right: 14px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
  }

  .model__add-main-container2 {
    display: flex;
    flex-direction: column;
    row-gap: 68px;
  }

  .model__add-container2 {
    width: 332px;
    height: 381px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 20px;
    box-sizing: border-box;
    background-color: #fff;
  }

  .model__add-delivery-info2 {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #141414;
    line-height: 120%;
    text-align: center;
  }

  .model__description-description-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    color: #141414;
    margin-bottom: 12px;
  }

  .model__description-inner-container2 {
    display: flex;
    flex-direction: column;
    width: 356px;
  }

  .product-card__rating { 
    gap: 4px;
  }  

  .model__description-h2_2 { 
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 8px;
  }  

  .product-card__rating {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 16px;
    color: #777;
    margin-bottom: 4px;
  }
  /* End Карточка товара новая */


  /* Begin версия сайта (мобильная или десктоп) */
  .site_version{
    font-size: 16px;
    cursor: pointer;
  }
  /* End версия сайта (мобильная или десктоп) */


  .site_version:hover {
    margin-left: 2px;
    transform: scale(1.01);
  }


/* Begin Пагинация в каталоге */ 
.pagination-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    margin-top: 10px;
}

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

.page-number {
    padding: 6px 10px;
    border-radius: 4px;
    cursor: pointer;
    color: #141414;
}

.page-number.active {
  background-color: #f4f4f4;;
  color: #141414;
  border-color: #f4f4f4;;
}

.ellipsis {
  padding: 5px 10px;
}

.page-number:hover {
    background-color: #f0f0f0;
}

.ellipsis {
    color: #767676;
    font-size: 18px;
}

.next-page {
    font-weight: 600;
    color: #141414;
    margin-left: 10px;
    cursor: pointer;
}

.pagination-date {
    font-size: 14px;
    color: #888;
}
/* End Пагинация в каталоге */


/* Begin слайдер с баннерами в каталоге */
.catalog-banners-wrapper {
  position: relative;
  overflow: hidden;
}

/* Сам слайдер */
.catalog-banners-slider {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding-bottom: 20px;

  /* Скрытие полосы прокрутки */
  scrollbar-width: none;            /* Firefox */
  -ms-overflow-style: none;         /* IE/Edge */
}

.catalog-banners-slider::-webkit-scrollbar {
  display: none;                    /* Chrome, Safari, Opera */
}

/* Элемент слайда */
.slider-item {
  position: relative;
  min-width: 240px;
  border-radius: 12px;
  overflow: hidden;
  flex-shrink: 0;
}

.slider-item img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* Стрелки */
.slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.8);
  border: none;
  font-size: 32px;
  cursor: pointer;
  padding: 4px 12px;
  border-radius: 50%;
  z-index: 1;
  transition: background 0.3s ease;
}

.slider-arrow:hover {
  background-color: rgba(255, 255, 255, 1);
}

.slider-arrow.left {
  left: 8px;
}

.slider-arrow.right {
  right: 8px;
}
/* End слайдер с баннерами в каталоге */


/* Begin  Ничего не найдено */
.nothing_found {
  color: #141414;
  max-width: 800px;
}

.nothing_found h1 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
}

.nothing_found p {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 40px;
}

.nothing_found .hits {
  font-size: 18px;
  font-weight: 600;
}
/* End  Ничего не найдено */


/* Begin Grid для карточки модели (Похожие товара) */
.product-grid-for-model {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    row-gap: 35px;
    column-gap: 12px;
}
/* End Grid для карточки модели (Похожие товара) */


/* Begin Выделение выбранной категории в каталоге */
.current-category {
  color: #ff490d;
  /* background-color: #f8eff1; */
  padding: 0px 3px;
  border-radius: 5px;
}
/* End Выделение выбранной категории в каталоге */


/* Begin Крутилка при подгрузке товаров по фильтрам в каталоге */
.filter-loading-indicator {
    position: fixed;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%);
    z-index: 1000;
}

.loading-spinner {
    width: 120px;
    height: 120px;
    border: 6px solid transparent;
    border-radius: 50%;
    background: linear-gradient(45deg, #4a90e2, #a29bfe);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15), inset 0 0 12px rgba(0, 0, 0, 0.1);
    position: relative;
    animation: spin 1.2s linear infinite, pulse 1.8s ease-in-out infinite;
}

.loading-spinner::before {
    content: '';
    position: absolute;
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
    background: #f5f6fa;
    border-radius: 50%;
}

.loading-spinner::after {
    content: 'Загрузка...';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #333;
    font-weight: bold;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes pulse {
    0% { transform: scale(1); opacity: 0.7; }
    50% { transform: scale(1.15); opacity: 1; }
    100% { transform: scale(1); opacity: 0.7; }
}
/* Begin Крутилка при подгрузке товаров по фильтрам в каталоге */


/* Begin Добавьте к заказу */
.add_to_order__title {
  font-size: 24px;
  font-weight: 700;
  margin-top: 1px;
}
/* End Добавьте к заказу */


/* Begin кнопки для очистки фильтра */
.filter-tags-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
    align-items: center;
}

.filter-tag {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    background-color: #f5f5f5;
    border-radius: 16px;
    font-size: 14px;
    cursor: pointer;
}

.filter-tag:hover {
    background-color: #e0e0e0;
}

.filter-tag::after {
    content: '×';
    margin-left: 6px;
    font-size: 16px;
}
/* End кнопки для очистки фильтра */