@charset "UTF-8";
/* line 3, tabs.scss */
.tabs .tabs__head {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  margin: 0 0 -20px 0;
  position: relative;
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  cursor: default;
  scrollbar-width: none;
  /* Для Firefox */
  -ms-overflow-style: none;
  /* Для Internet Explorer и Edge */ }
  /* line 20, tabs.scss */
  .tabs .tabs__head::-webkit-scrollbar {
    display: none;
    /* Для Chrome, Safari и Opera */
    width: 0;
    height: 0; }
  /* line 26, tabs.scss */
  .tabs .tabs__head::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: calc(100% - 50px);
    height: 19px;
    background: #fff;
    z-index: 30;
    margin: 0 auto; }
  /* line 39, tabs.scss */
  .tabs .tabs__head .tabs__head-item {
    scroll-snap-align: start;
    flex-shrink: 0; }
/* line 45, tabs.scss */
.tabs .tabs__head-icon {
  display: none; }
/* line 49, tabs.scss */
.tabs .splide__list {
  align-items: flex-end;
  margin: 0;
  position: relative; }
/* line 55, tabs.scss */
.tabs .tabs__head-item {
  padding: 14px 70px 34px;
  margin: 0 !important;
  background: #fff;
  border-bottom: 0;
  color: #212121; }
  /* line 62, tabs.scss */
  .tabs .tabs__head-item:first-child {
    border-radius: 24px 0 0 0; }
  /* line 66, tabs.scss */
  .tabs .tabs__head-item:last-child {
    border-radius: 0 24px 0 0; }
  /* line 70, tabs.scss */
  .tabs .tabs__head-item .special-products__head {
    color: #212121; }
  /* line 74, tabs.scss */
  .tabs .tabs__head-item:not(:first-child) {
    border-left: 1px solid #E0E0E0; }
  /* line 78, tabs.scss */
  .tabs .tabs__head-item.is-active {
    padding-top: 20px;
    padding-bottom: 40px;
    font-size: 24px;
    border-top: 1px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
    border-bottom: none;
    border-radius: 24px 24px 0 0;
    margin: 0 !important;
    position: relative;
    z-index: 20;
    color: var(--color-btn-bg); }
    /* line 92, tabs.scss */
    .tabs .tabs__head-item.is-active + * {
      border-left: none; }
    /* line 96, tabs.scss */
    .tabs .tabs__head-item.is-active .special-products__head {
      color: var(--color-btn-bg); }
    /* line 100, tabs.scss */
    .tabs .tabs__head-item.is-active::after {
      content: '';
      width: 100%;
      height: 10px;
      position: absolute;
      bottom: -5px;
      left: 0;
      background: #fff;
      z-index: 25;
      overflow: hidden;
      right: 0;
      margin: 0 auto; }
  /* line 115, tabs.scss */
  .tabs .tabs__head-item:hover {
    border-bottom: none;
    transition: all ease-in-out .3s; }
/* line 121, tabs.scss */
.tabs .tabs__content {
  border-radius: 24px;
  border: 1px solid #E0E0E0;
  background: #fff;
  padding: 40px;
  position: relative;
  z-index: 10; }
  /* line 129, tabs.scss */
  .tabs .tabs__content .tabs__head-item {
    display: none !important; }
/* line 134, tabs.scss */
.tabs .grid-list {
  grid-template-columns: repeat(4, 1fr);
  column-gap: 20px; }
/* line 139, tabs.scss */
.tabs .special-products__link-all {
  display: flex;
  justify-content: flex-end; }
  /* line 143, tabs.scss */
  .tabs .special-products__link-all .icon {
    background-color: #fff;
    color: var(--color-btn-bg);
    width: 20px;
    height: 20px;
    border-radius: 4px;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center; }
  /* line 155, tabs.scss */
  .tabs .special-products__link-all a {
    padding: 10px 20px;
    border-radius: 24px;
    background: var(--color-btn-bg);
    color: #fff;
    transition: all ease-in-out .3s; }
    /* line 162, tabs.scss */
    .tabs .special-products__link-all a:hover {
      opacity: .8;
      color: #fff;
      transition: all ease-in-out .3s; }
@media screen and (max-width: 1200px) {
  /* line 171, tabs.scss */
  .tabs .grid-list {
    grid-template-columns: repeat(3, 1fr); } }
@media screen and (max-width: 992px) {
  /* line 177, tabs.scss */
  .tabs .tabs__content {
    padding: 20px; }
  /* line 181, tabs.scss */
  .tabs .grid-list {
    grid-template-columns: repeat(2, 1fr); }
  /* line 185, tabs.scss */
  .tabs .tabs__head-item {
    padding: 10px 30px 20px; }
    /* line 188, tabs.scss */
    .tabs .tabs__head-item .tabs__head-label {
      font-size: 16px; }
    /* line 193, tabs.scss */
    .tabs .tabs__head-item.is-active {
      padding-top: 14px;
      padding-bottom: 20px; }
      /* line 197, tabs.scss */
      .tabs .tabs__head-item.is-active .tabs__head-label {
        font-size: 20px; } }
@media screen and (max-width: 767px) {
  /* line 205, tabs.scss */
  .tabs .grid-list {
    display: flex;
    flex-direction: column;
    gap: 10px; } }