/* Start:/local/templates/html/assets/components-template/index-category/style.css?17615642075109*/
.index-category {
  margin-top: 60px; }
  @media (max-width: 1099px) {
    .index-category {
      margin-top: 30px; } }
  .index-category__list {
    display: grid;
    grid-template-columns: 1fr 1fr  1fr 1fr;
    gap: 24px; }
    @media (max-width: 1999px) {
      .index-category__list {
        gap: 12px; } }
    @media (max-width: 1249px) {
      .index-category__list {
        grid-template-columns: 1fr 1fr 1fr; } }
    @media (max-width: 575px) {
      .index-category__list {
        gap: 8px; } }
  .index-category__item {
    min-width: 0;
    position: relative;
    display: flex;
    align-items: center;
    height: 168px;
    padding: 24px;
    overflow: hidden;
    gap: 10px;
    transition: all .3s ease;
    background-color: #FAFBFC;
    border: 1px solid #D6D9E1;
    border-radius: var(--radius); }
    @media (max-width: 1999px) {
      .index-category__item {
        padding: 16px; } }
    @media (max-width: 1099px) {
      .index-category__item {
        flex-direction: column;
        padding: 12px 10px;
        font-size: 16px;
        text-align: center; } }
    @media (max-width: 575px) {
      .index-category__item {
        border-radius: 8px 0 8px 0;
        font-size: 10px;
        padding: 12px 6px;
        height: 140px; } }
    .index-category__item:before {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(223, 238, 255, 0.3) 0%, #DFEEFF 100%);
      z-index: -1; }
    @media (hover: hover) {
      .index-category__item:hover {
        cursor: pointer;
        background-color: rgba(0, 0, 0, 0); } }
  .index-category__image {
    position: absolute;
    display: flex;
    align-items: center;
    flex-grow: 1;
    justify-content: center;
    right: 0;
    top: 0;
    bottom: 0;
    width: 150px;
    z-index: 2; }
    @media (max-width: 1999px) {
      .index-category__image {
        width: 136px; } }
    @media (max-width: 1099px) {
      .index-category__image {
        left: 0;
        width: auto;
        top: auto;
        height: 90px; } }
    .index-category__image .lazy-img-wrap {
      position: absolute;
      inset: 0;
      display: block; }
    .index-category__image img {
      width: 100%;
      height: 100%; }
      @media (max-width: 1099px) {
        .index-category__image img {
          object-position: right bottom; } }
  .index-category__title {
    text-transform: uppercase;
    order: -1;
    font-weight: 600;
    max-width: calc(100% - 230px); }
    @media (max-width: 1999px) {
      .index-category__title {
        max-width: calc(100% - 190px); } }
    @media (max-width: 1099px) {
      .index-category__title {
        max-width: none; } }
  .index-category__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-repeat: no-repeat;
    background-position: center; }
    .index-category__bg-image {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
      .index-category__bg-image img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
  .index-category .index-category__item-all {
    position: relative;
    transition: all .3s ease;
    background: transparent linear-gradient(180deg, #C70102 0%, #C70102 30%, #610001 100%) center 50%;
    background-size: 100% 200%;
    justify-content: center;
    text-transform: uppercase;
    color: #fff;
    border-color: transparent;
    font-weight: 600; }
    .index-category .index-category__item-all:before, .index-category .index-category__item-all:after {
      content: '';
      position: absolute;
      z-index: 2;
      background-image: url("data:image/svg+xml,%3Csvg width='242' height='16' viewBox='0 0 242 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' d='M234 0C238.418 0 242 3.58172 242 8C242 12.4183 238.418 16 234 16C229.92 16 226.557 12.9462 226.064 9H0V7H226.064C226.557 3.05384 229.92 0 234 0ZM234 2C230.686 2 228 4.68629 228 8C228 11.3137 230.686 14 234 14C237.314 14 240 11.3137 240 8C240 4.68629 237.314 2 234 2Z' fill='white'/%3E%3C/svg%3E%0A");
      background-size: contain;
      left: 0;
      right: 0;
      height: 13px;
      background-repeat: no-repeat;
      top: 22%;
      transition: all ease .3s; }
      @media (max-width: 1099px) {
        .index-category .index-category__item-all:before, .index-category .index-category__item-all:after {
          width: 70%; } }
    .index-category .index-category__item-all:before {
      bottom: 22%;
      top: auto;
      transform: scale(-1, 1); }
      @media (max-width: 1099px) {
        .index-category .index-category__item-all:before {
          margin-left: auto; } }
    @media (hover: hover) {
      .index-category .index-category__item-all:hover {
        cursor: pointer;
        background-position: 0 0; }
        .index-category .index-category__item-all:hover:before {
          right: -20%; }
        .index-category .index-category__item-all:hover:after {
          left: -20%; } }

/* End */


/* Start:/local/templates/html/assets/components-template/index-catalog/style.css?17615642072439*/
.index-catalog__tabs {
  display: flex;
  justify-content: center;
  padding: 0 16px;
  margin-bottom: 40px;
  position: relative; }
  @media (max-width: 1099px) {
    .index-catalog__tabs {
      margin-bottom: 20px;
      padding: 0 10px; } }
  .index-catalog__tabs:before, .index-catalog__tabs:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 0;
    width: 50%;
    height: 2px;
    background-color: #D6D9E1; }
    @media (max-width: 575px) {
      .index-catalog__tabs:before, .index-catalog__tabs:after {
        display: none; } }
  .index-catalog__tabs:after {
    right: 0;
    left: auto; }
  .index-catalog__tabs-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding: 0 36px;
    background-color: #fff;
    position: relative;
    z-index: 2; }
    @media (max-width: 575px) {
      .index-catalog__tabs-inner {
        gap: 10px;
        padding: 0; } }
    .index-catalog__tabs-inner:before, .index-catalog__tabs-inner:after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto 0;
      left: 0;
      width: 16px;
      border-radius: 50%;
      border: 2px solid #D6D9E1;
      height: 16px;
      background-color: #fff; }
      @media (max-width: 575px) {
        .index-catalog__tabs-inner:before, .index-catalog__tabs-inner:after {
          display: none; } }
    .index-catalog__tabs-inner:after {
      left: auto;
      right: 0; }

.index-catalog__tab {
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-s);
  border: 1px solid #D6D9E1;
  transition: all ease .3s;
  font-weight: 600;
  padding: 0 20px; }
  @media (max-width: 1099px) {
    .index-catalog__tab {
      height: 30px;
      padding: 12px; } }
  @media (hover: hover) {
    .index-catalog__tab:hover {
      cursor: pointer;
      background-color: #FCF2F2; } }
  .index-catalog__tab.active {
    pointer-events: none;
    color: #fff;
    background-color: var(--theme-base-color);
    border-color: var(--theme-base-color); }

@media (max-width: 575px) {
  .index-catalog .catalog-product-list {
    margin: 0 -10px;
    flex-wrap: nowrap;
    overflow: auto;
    padding: 0 10px;
    gap: 4px; }
    .index-catalog .catalog-product-list .product-card-wrap {
      padding: 0;
      width: 160px;
      flex-shrink: 0; } }

/* End */


/* Start:/local/templates/html/assets/components-template/seo-text/style.css?1761564207550*/
.seo-text {
  color: #aaa;
  margin: 70px auto;
  max-width: 800px; }
  @media (max-width: 1099px) {
    .seo-text {
      margin: 50px auto;
      max-width: 575px; } }
  .seo-text__title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px; }
    @media (max-width: 1099px) {
      .seo-text__title {
        font-size: 18px; } }
  .seo-text__descr {
    font-size: 16px; }
    @media (max-width: 1099px) {
      .seo-text__descr {
        font-size: 12px; } }
    .seo-text__descr p:not(:last-child) {
      margin-bottom: 20px; }

/* End */
/* /local/templates/html/assets/components-template/index-category/style.css?17615642075109 */
/* /local/templates/html/assets/components-template/index-catalog/style.css?17615642072439 */
/* /local/templates/html/assets/components-template/seo-text/style.css?1761564207550 */