@charset "UTF-8";
.catalog-list {
  padding-top: 2.4rem;
  border-top: 1px solid #D8D8D8; }
  @media (max-width: 1023px) {
    .catalog-list {
      padding-top: 20px;
      border-top: none; } }
  .catalog-list__grid {
    display: grid;
    gap: 2.4rem;
    grid-template-columns: 1fr 1fr 1fr 1fr; }
    @media (max-width: 1659px) {
      .catalog-list__grid {
        grid-template-columns: 1fr 1fr; } }
    @media (max-width: 1023px) {
      .catalog-list__grid {
        gap: 12px; } }
    @media (max-width: 767px) {
      .catalog-list__grid {
        grid-template-columns: 1fr 1fr; } }
    @media (max-width: 575px) {
      .catalog-list__grid {
        gap: 6px; } }
    .catalog-list__grid--product {
      grid-template-columns: repeat(5, 1fr); }
      @media (max-width: 1659px) {
        .catalog-list__grid--product {
          grid-template-columns: 1fr 1fr 1fr 1fr; } }
      @media (max-width: 1023px) {
        .catalog-list__grid--product {
          gap: 12px;
          grid-template-columns: 1fr 1fr 1fr; } }
      @media (max-width: 767px) {
        .catalog-list__grid--product {
          grid-template-columns: 1fr 1fr; } }
      @media (max-width: 575px) {
        .catalog-list__grid--product {
          gap: 6px; } }
  @media (max-width: 1023px) {
    .catalog-list__header {
      display: none; } }
  .catalog-list--brand {
    padding-top: 0;
    border-top: none; }
    .catalog-list--brand .catalog-list__grid {
      grid-template-columns: 1fr 1fr 1fr; }
      @media (max-width: 767px) {
        .catalog-list--brand .catalog-list__grid {
          grid-template-columns: 1fr 1fr; } }

.catalog__inner {
  display: grid;
  gap: 3.4rem;
  grid-template-columns: 29rem calc(100% - 32.4rem); }
  @media (max-width: 1023px) {
    .catalog__inner {
      gap: 0;
      grid-template-columns: 100%; } }

.catalog__category {
  margin-bottom: 4rem; }
  @media (max-width: 1023px) {
    .catalog__category {
      position: relative;
      padding: 24px 14px;
      transition: all ease .3s;
      border-radius: 20px 20px 0 0;
      background-color: #fff; }
      .catalog__category-list {
        max-height: 160px;
        overflow: auto;
        padding: 14px 0 40px;
        border-bottom: 1px solid #D8D8D8; }
        .catalog__category-list::-webkit-scrollbar {
          width: 3px;
          /* ширина для вертикального скролла */
          height: 3px;
          /* высота для горизонтального скролла */
          border-radius: 0px;
          background-color: #D8D8D8; }
        .catalog__category-list::-webkit-scrollbar-thumb {
          background-color: #6F7682;
          border-radius: 10em; }
          .catalog__category-list::-webkit-scrollbar-thumb:hover {
            background-color: #6F7682; } }
  .catalog__category-title {
    margin-bottom: 2rem; }
    .catalog__category-title .icon {
      display: none; }
    @media (max-width: 1023px) {
      .catalog__category-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 0;
        padding-bottom: 14px;
        border-bottom: 1px solid #D8D8D8; }
        .catalog__category-title .icon {
          display: flex; } }
  .catalog__category-list {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 1.4rem; }
    .catalog__category-list.folded .catalog__category-item {
      display: inline-flex; }
    .catalog__category-list.folded .catalog__category-more .icon {
      transform: rotate(-90deg); }
  .catalog__category-item {
    display: none; }
    .catalog__category-item:nth-child(-n + 3) {
      display: inline-flex; }
    @media (min-width: 1024px) {
      .catalog__category-item {
        cursor: pointer; }
        .catalog__category-item:hover {
          color: #6AB4B9; } }
    .catalog__category-item:active {
      color: #156864; }
    .catalog__category-item.active {
      color: #00A19B;
      font-weight: 500; }
  .catalog__category-btn {
    width: 100%;
    margin: 24px 0; }
    @media (min-width: 1024px) {
      .catalog__category-btn {
        display: none; } }
  .catalog__category-more .icon {
    transform: rotate(90deg); }
  @media (min-width: 1024px) {
    .catalog__category--sort {
      display: none; } }

@media (max-width: 1023px) {
  .catalog__filter, .catalog-overflow {
    position: fixed;
    z-index: 120;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    visibility: hidden;
    opacity: 0;
    transition: all ease .3s; }
    .catalog__filter.opened, .catalog-overflow.opened {
      visibility: visible;
      opacity: 1; }
      .catalog__filter.opened .sidebar-filter, .catalog-overflow.opened .sidebar-filter {
        transform: translateX(0); }
      .catalog__filter.opened:before, .catalog-overflow.opened:before {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: '';
        background-color: rgba(0, 0, 0, 0.2); } }

@media (max-width: 1023px) {
  .catalog-overflow {
    z-index: 101;
    top: auto;
    right: 0;
    left: 0;
    height: auto;
    transform: translateY(100%);
    border-radius: 20px 20px 0 0;
    background-color: #fff; }
    .catalog-overflow:before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      visibility: hidden;
      opacity: 0;
      content: '';
      transition: all ease .3s;
      transform: translateY(-100%);
      pointer-events: none;
      background-color: rgba(0, 0, 0, 0.2); }
    .catalog-overflow.active {
      visibility: visible;
      opacity: 1;
      transform: translateY(0); }
      .catalog-overflow.active:before {
        top: auto;
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto; } }

.catalog-card .product-card {
  height: 50rem; }
  @media (max-width: 1023px) {
    .catalog-card .product-card {
      height: auto; } }

.catalog-brand {
  background-color: #F8F8F8; }
  .catalog-brand__list {
    display: grid;
    justify-content: space-between;
    margin-bottom: 9rem;
    padding: 2.7rem 6.4rem;
    gap: 1.2rem;
    color: #6F7682;
    border: 0.8rem solid rgba(216, 216, 216, 0.4);
    border-radius: 1rem;
    background-color: #fff;
    grid-template-columns: repeat(6, auto); }
    @media (max-width: 1023px) {
      .catalog-brand__list {
        margin-bottom: 56px;
        padding: 20px 16px;
        gap: 12px;
        border-width: 6px;
        border-radius: 10px;
        grid-template-columns: 1fr 1fr 1fr; } }
    @media (max-width: 767px) {
      .catalog-brand__list {
        grid-template-columns: 1fr 1fr; } }
    @media (max-width: 575px) {
      .catalog-brand__list {
        grid-template-columns: 1fr; } }

.search-result-subtitle {
  grid-column: span 2; }

.catalog-banner {
  position: relative;
  overflow: hidden;
  padding-bottom: 14%;
  transition: all .3s linear;
  border-radius: 10px;
  grid-column: span 4; }
  @media (max-width: 1659px) {
    .catalog-banner {
      grid-column: span 2; } }
  @media (max-width: 767px) {
    .catalog-banner {
      grid-column: span 2; } }
  @media (max-width: 575px) {
    .catalog-banner {
      padding-bottom: 30%; } }
  @media (hover: hover) {
    .catalog-banner {
      cursor: pointer; }
      .catalog-banner:hover {
        box-shadow: 0 0 20px 0 rgba(34, 34, 34, 0.2); } }
  .catalog-banner__picture {
    position: absolute;
    inset: 0; }
    .catalog-banner__picture img {
      width: 100%;
      height: 100%;
      object-fit: cover; }