/* Start:/local/templates/lonfur/css/global.css?175076193456907*/
@font-face {
  font-family: "Georgia";
  src: url('/local/templates/lonfur/fonts/georgia.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

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

html {
  font-size: clamp(12px, 1vw, 16px);
}

a{
  text-decoration: none;

  &:hover{
    text-decoration: none;
  }
}

/*[id^="bx_incl_area_"] {*/
/*  display: contents;*/
/*}*/

.row{
  margin: 0;
}

body {
  font-family: "Montserrat", sans-serif;
  padding: 0;
  width: 100%;
  height: 100%;
  color: #1D2D53;
  font-size: 1rem;
  overflow-x: hidden;
  max-width: 1920px;
  margin: 0 auto;
}

.container {
  max-width: 1920px;
  width: 100%;
  margin: 0;
  padding: 0 210px;
  overflow: hidden;
}

@media (max-width: 1440px) {
  .container {
    padding: 0 43px;
  }
}


@media (max-width: 1024px) {
  .container {
    padding: 0 32px;
  }
}


@media (max-width: 768px) {
  .container {
    padding: 0 24px;
  }
}

@media (max-width: 600px) {
  .container {
    padding: 0 16px;
  }
}


a {
  color: #1D2D53;
}

* {
  box-sizing: border-box;
}

/* HEADER */

header {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-bottom: 23px;
  position: relative;
  padding: 0 210px;
  padding-bottom: 25px;

  .header-burger {
    display: none;
  }

  &::after {
    position: absolute;
    content: "";
    height: 2px;
    width: 100vw;
    left: 0;
    bottom: 0;
    background-color: #CACDD5;
  }

  @media (max-width: 1440px) {
    padding: 0 43px;
    padding-bottom: 25px;
  }


  @media (max-width: 1024px) {
    padding: 8px 32px;

    .header-burger {
      display: flex;
      justify-content: center;
      align-items: center;

      .header-burger-logo {
        height: 40px;
        width: 115px;

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

    .header-burger-btn {
      position: absolute;
      right: 20px;
      cursor: pointer;

      .close{
        display: none;

        width: 30px;
      }

      .menu{
        display: block;
      }

      &.active{
        .close{
          display: block;
        }
  
        .menu{
          display: none;
        }
      }
    }

    .header-top {
      display: none;
    }

    .header-bottom {
      display: none;
    }
  }


}

.header-top {
  .header-items {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    .header-items-container{
      display: flex;
      gap: 48px;
      margin:0;
      padding: 0;
    }

    .header-item {
      &.logo {
        width: 175px;
        height: 80px;
        margin-left: -25px;

        img {
          object-fit: contain;
          width: 100%;
          height: 100%;
        }
      }

      .header-item-links,
      .header-phone {
        position: relative;
        display: flex;
        flex-direction: row;
        align-items: center;
      }

      .header-phone-content {
        position: absolute;
        padding: 15px 20px;
        border-radius: 10px;
        background: #FFF;
        box-shadow: 0px 1px 5px 0px rgba(29, 45, 83, 0.20);
        width: 110%;
        top: 60px;
        z-index: 100;
        right: -2px;

        opacity: 0;
        visibility: hidden;

        transition: all .4s ease;

        &.active {
          opacity: 1;
          visibility: visible;
        }

        .header-phone-content-head {
          width: 100%;
          display: flex;
          justify-content: space-between;
          align-items: center;
          color: var(--, #1D2D53);
          font-size: 1.25rem;
          font-style: normal;
          font-weight: 700;
          line-height: normal;
          margin-bottom: 25px;

          button {
            background-color: transparent;
            border: 0;
            outline: none;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
          }
        }

        .header-phone-content-body {
          display: flex;
          justify-content: space-between;
          margin-bottom: 10px;
        }

        .header-phone-content-body-input {
          width: 100%;
          display: flex;
          position: relative;
          margin-bottom: 24px;

          input {
            background-color: white;
            border-radius: 10px;
            width: 60%;
            border: 2px solid #E0E1E5;
            outline: none;
            padding-top: 3px;
            padding-left: 20px;
            min-height: 48px;

            &::placeholder {
              color: #8E96A9;
              font-family: Montserrat;
              font-size: 1rem;
              font-style: normal;
              font-weight: 600;
              line-height: normal;
            }
          }

          button {
            border-radius: 10px;
            background: #CACDD5;
            height: 100%;
            position: absolute;
            right: 0;
            padding: 0 15px;
            color: white;
            border: 0;
            font-weight: 700;
            line-height: normal;
            cursor: pointer;
            color: #FFF;
            font-family: Montserrat;
            font-size: 1.15rem;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
          }
        }
      }

      .header-item-links {
        font-size: 1rem;
        font-weight: 600;
        gap: 48px;
      }

      .header-item-link {
        position: relative;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 10px;

        .header-item-link-items {
          opacity: 0;
          visibility: hidden;
          position: absolute;
          z-index: 100;
          top: 30px;
          left: 0;
          padding: 28px 22px;
          border-radius: 10px;
          border: 2px solid #E0E1E5;
          background: #FFF;
          text-wrap: nowrap;
          display: flex;
          flex-direction: column;
          gap: 17px;
          transition: all .4s ease;

          &.active {
            opacity: 1;
            visibility: visible;
          }
        }
      }

      .header-phone-number {
        font-size: 1.25rem;
        color: #1A2D53;
        font-weight: 700;
        display: flex;
        align-items: center;
        gap: 25px;
        border-radius: 10px;
        border: 2px solid #E0E1E5;
        padding: 12px 20px;
        padding-right: 30px;
        max-height: 48px;

        img {
          width: 21px;
          height: 21px;
        }
      }
    }

    .header-phone-button {
      margin-left: -15px;
      height: 100%;

      button {
        background-color: #0EAA9E;
        border: 2px solid #0EAA9E;
        border-radius: 10px;
        height: 100%;
        outline: none;
        display: flex;
        color: #fff;
        font-size: 1.25rem;
        font-weight: 700;
        padding: 12px 20px;
        cursor: pointer;
        transition: all .4s ease;
        max-height: 48px;
        align-items: center;

        &:hover {
          background-color: #57C4BC;
          border: 2px solid #57C4BC;
        }
      }
    }
  }
}

.header-bottom {
  display: flex;
  justify-content: space-between;
  height: 48px;
  position: relative;

  .header-catalog {
    display: flex;
    flex-direction: row;
    gap: 5px;

    .header-catalog-item {
      background-color: #1D2D53;
      padding: 0 20px;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;

      img {
        width: 20px;
        height: 20px;
      }
    }

    .header-catalog-item:nth-child(1) {
      border-radius: 10px 0px 0px 10px;
    }

    .header-catalog-item:nth-child(2) {
      border-radius: 0px 10px 10px 0px;
      background: #0EAA9E;
      color: #fff;
      font-size: 1.25rem;
      font-weight: 700;
      padding-left: 25px;
      padding-right: 45px;
    }

    .header-catalog-menu {
      position: absolute;
      opacity: 0;
      left: 0;
      top: 90px;
      visibility: hidden;
      z-index: 1000;
      width: 100%;
      display: flex;
      gap: 24px;

      transition: all .4s ease;
    }

    .header-catalog-categories {
      background: rgb(244 245 247);
      display: flex;
      flex-direction: column;
      gap: 24px;
      width: 35%;
      padding: 25px 0;
      border-radius: 10px;
      box-shadow: 0 0 7px -3px rgba(0, 0, 0, 0.75);
    }

    .header-catalog-category {
      padding: 12px 23px;
      height: 60px;

      display: flex;
      gap: 40px;
      align-items: center;
      position: relative;

      color: #1D2D53;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      cursor: pointer;

      text-decoration: none;


      img{
        width: 36px;
        height: 36px;
      }

      &.active {
        border-radius: 10px;
        background: #FFF;
        box-shadow: 0px 1px 11.2px 3px rgba(29, 45, 83, 0.20);

        color: #0EAA9E;
        font-style: normal;
        font-weight: 700;
        line-height: normal;

      }
    }

    .catalog-arrow {
      position: absolute;
      right: 36px;
    }

    &.active {
      .header-catalog-menu {
        opacity: 1;
        visibility: visible;
      }

      .close-category {
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .catalog-btn {
        display: none;
      }

    }

    .close-category {
      display: none;
    }

    .header-catalog-subcategories {
      background: rgb(244 245 247);
      display: flex !important;
      flex-direction: column;
      gap: 24px;
      width: 65%;
      padding: 25px 0;
      border-radius: 10px;
      box-shadow: 0 0 7px -3px rgba(0, 0, 0, 0.75);
      transition: all .4s ease;

      &.hide{
        opacity: 0;
        visibility: hidden;
      }

      .header-catalog-subcategory {
        height: 60px;
        padding: 12px 38px;
        gap: 75px;
        align-items: center;
        color: #1D2D53;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        cursor: pointer;
        display: none;
        opacity: 0;
        visibility: hidden;
        text-decoration: none;
        transition: all .4s ease;

        &.show{
          display: flex !important;
          opacity: 1;
          visibility: visible;
        }

        .header-catalog-subcategory-circle {
          width: 6px;
          height: 6px;
          border-radius: 100%;
          background-color: #CACDD5;
        }

        .header-catalog-subcategory-arrow {
          display: none;
          align-items: center;
          justify-content: center;
          margin-left: 40px;
        }

        &.active {
          color: #0EAA9E;
          font-weight: 700;

          .header-catalog-subcategory-circle {
            width: 8px;
            height: 8px;
            background-color: #0EAA9E;
          }

          .header-catalog-subcategory-arrow{
            display: flex;
          }
        }
      }
    }
  }
}

.header-search {
  height: 100%;
  width: 55%;

  input {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    opacity: 0.5;
    background: #CFEEEC;
    border: 0;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    &::placeholder {
      color: #747b8b;
      font-size: 1rem;
      font-weight: 600;
    }
  }
}

.header-actions,
.footer-medias {
  display: flex;
  gap: 5px;

  .header-action,
  .footer-media {
    background-color: #1D2D53;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%;

    img {
      width: 30px;
      height: 30px;
    }

    &.first {
      border-radius: 10px 0px 0px 10px;

      img {
        width: 26px;
        height: 26px;
      }
    }

    &.last {
      border-radius: 0px 10px 10px 0px;

      img {
        width: 22px;
        height: 22px;
      }
    }

    .header-action-counter {
      position: absolute;
      bottom: -25%;
      right: 5px;
      border-radius: 5px;
      background: #0EAA9E;
      width: 26px;
      height: 26px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-weight: 600;
    }
  }
}

.header-burger-content {
  position: absolute;
  height: max-content;
  background-color: #fff;
  top: 55px;
  left: 0;
  z-index: 200;
  padding: 15px;
  box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.6);
  width: 100%;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: all .4s ease;

  &.active{
    display: block;
    opacity: 1;
    visibility: visible;
  }

  .header-actions {
    justify-content: center;

    a {
      flex-grow: 1;
      width: 20%;
    }
  }

  .header-burger-content-top {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;

    .header-actions {
      order: 1;
      width: 25%;
      height: 46px;
    }

    .header-burger-content-btn {
      order: 2;
      width: 70%;
      flex-grow: 1;
      height: 46px;

      button {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        border-radius: 10px;
        background: #0EAA9E;
        border: 0;
        outline: none;
        color: #FFF;
        font-size: 16px;
        font-weight: 700;
        line-height: normal;
        cursor: pointer;
      }
    }

    .header-search {
      order: 3;
      width: 100%;

      input {
        width: 100%;
        outline: none;
        text-align: center;
      }
    }

    @media screen and (max-width: 560px){
      flex-direction: column;
      gap: 10px;

      .header-actions{
        order: 3;
        width: 100%;
      }

      .header-burger-content-btn{
        order: 1;
        width: 100%;
      }

      .header-search{
        order: 2 ;
        width: 100%;
      }
    }

  }

  .header-burder-content-menu {
    .header-catalog-title {
      padding: 25px 0;
      color: #8E96A9;
      font-family: Montserrat;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
    }

    .header-catalog-categories {
      margin-bottom: 50px;
      padding: 30px 0;
      border-radius: 10px;
      background: rgb(244 245 247);
      box-shadow: 0 0 7px -3px rgba(0, 0, 0, 0.75);

      .header-catalog-category {
        padding: 12px 23px;
        height: 60px;

        display: flex;
        gap: 40px;
        align-items: center;
        position: relative;

        color: #1D2D53;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        cursor: pointer;

        text-decoration: none;

        img{
          width: 36px;
          height: 36px;
        }

        &.active {
          border-radius: 10px;
          background: #FFF;
          box-shadow: 0px 1px 11.2px 3px rgba(29, 45, 83, 0.20);

          color: #0EAA9E;
          font-style: normal;
          font-weight: 700;
          line-height: normal;

        }

        .catalog-arrow {
          position: absolute;
          right: 25px;
          transform: rotateZ(90deg);

          img {
            width: 16px;
            height: 16px;
          }
        }
      }
    }

    .accordion-button{
      height: 39px;
      background: white;
      box-shadow: 0px 1px 5px 0px rgba(29, 45, 83, 0.20);
      font-weight: 600;
      color: #1A2D53;
      border-radius: 10px !important;
    }

    .accordion-item{
      border: 0;
    }

    .accordion-collapse{
      background-color: rgb(244 245 247);

      .accordion-body{
        display: flex;
        flex-direction: column;
        gap: 25px;
        padding: 45px 20px;
        color: #1D2D53;
        font-family: Montserrat;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
      }
    }

    .header-btn-links{
      display: flex;
      flex-direction: column;
      gap: 18px;
      margin-top: 18px;
      .header-btn-link{
        button{
          width: 100%;
          height: 39px;
          border: 0;
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 0 20px;
          background-color: #fff;
          border: 0;
          outline: 0;
          color: #1A2D53;
          border-radius: 10px;
          box-shadow: 0px 1px 5px 0px rgba(29, 45, 83, 0.20);
          font-weight: 700;

          .soon{
            border-radius: 6px;
            background: #FF6C87;
            color: white;
            padding: 8px;
          }
        }
      }
    }

    .menu-footer{
      display: flex;
      flex-direction: column;
      gap: 22px;

      .menu-footer-top{
        margin-top: 100px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;

        &::before{
          content: '';
          position: absolute;
          width: 1px;
          background: #0EAA9E;
          height: 50%;
          top: 50%;
          left: 48%;
          transform: translate(-50%, -50%);
        }
        img{
          width: 45%;
        }

        span{
          width: 50%;
          color: #0EAA9E;
          font-family: Georgia;
          font-style: normal;
          font-weight: 600;
          line-height: normal;
        }
      }

      .menu-footer-bottom{
        display: flex;
        justify-content: space-between;

        @media screen and (max-width: 560px){
          flex-direction: column;
          gap: 15px;
        }
      }

      .footer-medias{
        height: 46px;
        width: 45%;
        border-radius: 10px;
        overflow: hidden;

        .footer-media{
          width: 30%;
          flex-grow: 1;
        }

        @media screen and (max-width: 560px){
          width: 100%;
        }
      }

      .footer-phone {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
        width: 50%;
        padding: 15px 20px;
        border-radius: 10px;
        background: #CFEEEC;
        font-size: 12px;
        font-weight: 700;
        height: 48px;

        img {
          width: 20px;
          height: 20px;
        }

        @media screen and (max-width: 560px){
          width: 100%;
        }
      }
    }

  }
}

/* !HEADER! */

/* BREADCRUMBS */

.bx-breadcrumb {
  display: flex;
  padding: 50px 0 50px 0;
  flex-wrap: wrap;

  .bx-breadcrumb-item {
    &.select {
      span {
        color: #0EAA9E;
      }
    }

    display: flex;
    align-items: center;

    .fa{
      padding-right: 10px;
      &::before{
        font-size: 20px;
        color: #8E96A9;
      }
    }

    a{
      text-decoration: none;

      &:hover{
        span{
          color: #0EAA9E ;
        }
      }
    }


    span {
      padding-right: 10px;
      color: #8E96A9;
      font-weight: 600;
      font-size: 1rem;
      transition: all .4s ease;
    }
  }
}

/* PRODUCTS */
.products {}

.container {
  padding-bottom: 20px;
}

.product-card {
  width: 22%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 1px 5px 0px rgba(29, 45, 83, 0.20);
  position: relative;

  &:hover{
    .product-card-name a span{
      color: #0EAA9E;
    }
  }

  @media screen and (max-width: 768px) {
    padding: 10px;
  }

  .product-card-img {
    max-height: 285px;
    min-height: 285px;
    border-radius: 10px;
    margin-bottom: 10px;

    img {
      max-height: 285px;
      min-height: 285px;
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
  }

  @media screen and (max-width: 460px){
    .product-card-img {
      max-height: 160px;
      min-height: 160px;

      img {
        max-height: 160px;
        min-height: 160px;
      }
    }
  }

  .product-card-sticker {
    position: absolute;
    top: 22px;
    left: 0;
    border-radius: 0px 10px 10px 0px;
    background: #9C7198;
    color: #fff;
    padding: 8px 16px;
    padding-left: 30px;
    font-weight: 600;

    @media screen and (max-width: 768px) {
      padding-left: 20px;
      top: 12px;
    }

    &.sale {
      background-color: #FF6C87;

      @media screen and (max-width: 600px) {
        font-size: 10px;
      }
    }
  }

  .buy-favorite {
    position: absolute;
    top: 16px;
    right: 18px;


    @media screen and (max-width: 600px) {
      right: 5px;
    }
  }

  .product-card-name {
    font-weight: 600;
    width: 90%;
    margin-bottom: 5px;

    a{
      text-decoration: none;
    }

    a span{
      transition: all .4s ease;
    }

    @media screen and (max-width: 768px) {
      width: 100%;
    }
  }

  .product-card-stars {
    display: flex;
    gap: 2px;
    cursor: pointer;

    table{
      margin-right: auto;
      margin-left: 0;
    }

    @media screen and (max-width: 768px) {
      margin-bottom: 0;

      img {
        width: 10px;
        height: 10px;
      }
    }
  }

  .product-card-price {
    font-size: 2rem;
    font-weight: 700;
    color: #0EAA9E;
    margin-bottom: 10px;

    @media screen and (max-width: 768px) {
      margin-bottom: 0;
      font-size: 18px;
    }

    &.noavail{
      color: #8E96A9 !important;
    }

    &.discount {
      display: flex;
      justify-content: space-between;
      align-items: center;

      @media screen and (max-width: 460px){
        flex-direction: column-reverse;
        align-items: flex-start;
      }

      .product-card-price-discount {
        display: flex;
        align-items: center;
        gap: 10px;

        .product-card-price-discount-old {
          font-size: 1.25rem;
          color: #8E96A9;
          text-decoration: line-through;
        }

        .product-card-price-discount-percent {
          font-size: 1rem;
          color: white;
          background-color: #FF6C87;
          border-radius: 10px;
          padding: 8px 10px;
        }
      }
    }
  }

  .product-card-btns {
    display: flex;
    gap: 15px;
    align-items: center;
    height: 48px;
    margin-bottom: 20px;


    .product-card-btn-buy {
      width: 100%;

      &.notavail{
        button{
          background-color: #CACDD5;
          pointer-events: none;
        }
      }

      button {
        border-radius: 10px;
        background: #1D2D53;
        border: 0;
        outline: none;
        height: 48px;
        width: 100%;
        color: #fff;
        font-weight: 600;
        font-size: 1.25rem;
        cursor: pointer;
        transition: all .4s ease;
        
        &.in-cart{
          background-color: #0EAA9E;
        }

        &.notavail{
          background-color: #CACDD5;
          pointer-events: none;
        }

        @media screen and (max-width: 600px) {
          font-size: 13px;
        }
      }
    }

    .product-card-btn-go {
      height: 48px;
      cursor: pointer;

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

    @media screen and (max-width: 768px) {
      margin-bottom: 0;

      .product-card-btn-buy {
        button {
          height: 34px;
        }
      }

      .product-card-btn-go {
        height: 34px;
        width: 34px;

        img {
          width: 34px;
          height: 34px;
        }
      }
    }
  }
}

/* !PRODUCTS! */

/* FOOTER */
footer {
  margin-top: 50px;

  .footer-content {
    display: flex;
    flex-direction: column;
    gap: 55px;

    position: relative;

    &::after {
      position: absolute;
      content: "";
      height: 2px;
      width: 200vw;
      left: -50%;
      bottom: 0;
      background-color: #CACDD5;
    }
  }

  .footer-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 25px;
    height: 130px;

    .footer-top-left {
      display: flex;
      align-items: center;
      gap: 57px;
      padding: 0 20px;
      position: relative;
      width: 52%;

      .footer-company-logo {
        margin-left: -75px;
      }

      &::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 40%;
        transform: translate(-50%, -50%);
        width: 140%;
        height: 100%;
        border-radius: 0px 10px 10px 0px;
        background-color: #cfeeec;
        opacity: .5;
        z-index: -1;
      }

      &::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 62%;
        transform: translate(-50%, -50%);
        height: 48px;
        width: 2px;
        background: #0EAA9E;
      }

      .footer-company-title {
        color: #0EAA9E;
        font-family: Georgia;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
      }
    }

    .footer-top-right {
      display: flex;
      flex-wrap: wrap;
      gap: 18px;
      width: 40%;
      justify-content: space-between;

      .footer-phone {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 25px;
        width: 50%;
        padding: 15px 20px;
        border-radius: 10px;
        background: #CFEEEC;
        height: 48px;
        font-size: 1.25rem;
        font-weight: 700;
        height: 48px;

        img {
          width: 28px;
          height: 28px;
        }
      }

      .footer-medias {
        height: 48px;
        width: max-content;
        border-radius: 10px;
        overflow: hidden;
      }

      .footer-maps {
        box-shadow: 0px 1px 5px 0px rgba(29, 45, 83, 0.20);
        border-radius: 10px;
        background-color: #fff;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 20px;
        height: 60px;

        .footer-maps-title {
          display: flex;
          align-items: center;
          font-weight: 700;
          gap: 26px;
        }

        img {
          width: 30px;
          height: 30px;
        }

        .footer-maps-go {
          color: #8E96A9;
          font-weight: 600;
        }
      }
    }
  }

  .footer-bottom {
    position: relative;
    padding-bottom: 90px;

    .footer-links {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      width: max-content;
      gap: 18px 88px;
      font-weight: 600;
      max-height: 120px;
    }
  }

  .footer-copyright {
    color: #8E96A9;
    font-weight: 600;
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;

    .footer-copyright-item {
      height: 30px;
      display: flex;
      gap: 10px;

      img {
        width: 50%;
        max-height: 20px;
        object-fit: cover;
        filter: grayscale(100%);
        opacity: .8;
      }
    }
  }

  .footer-faq {
    position: absolute;
    bottom: 20px;
    right: 0;

    padding: 10px 30px;
    border-radius: 10px;
    border: 2px solid #E0E1E5;

    color: #1A2D53;
    font-family: Montserrat;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    cursor: pointer;
  }


  .footer-mobile {
    display: none;
    flex-direction: column;

    .footer-mobile-logo {
      display: flex;
      align-items: center;
      gap: 57px;
      padding: 0 20px;
      position: relative;
      width: 91%;

      @media screen and (max-width: 580px) {
        padding: 20px 0;
        gap: 0;
      }

      img {
        max-height: 112px;

        @media screen and (max-width: 580px) {
          max-height: 95px;
        }
      }

      .footer-company-logo {
        margin-left: -58px;
        position: relative;

        &::after {
          content: '';
          position: absolute;
          top: 50%;
          right: 0;
          transform: translate(-50%, -50%);
          height: 48px;
          width: 2px;
          background: #0EAA9E;
        }
      }

      &::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 40%;
        transform: translate(-50%, -50%);
        width: 140%;
        height: 100%;
        border-radius: 0px 10px 10px 0px;
        background-color: #cfeeec;
        opacity: .5;
        z-index: -1;
      }

      .footer-company-title {
        color: #0EAA9E;
        font-family: Georgia;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        max-width: 44%;
      }
    }

    .footer-mobile-content {
      display: flex;
      justify-content: space-between;
      margin-top: 22px;

      @media screen and (max-width: 580px) {
        margin-top: 0;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 50px;
      }

      .footer-mobile-content-left {
        width: max-content;
      }

      .footer-links {
        display: flex;
        flex-direction: column;
        gap: 18px;
        padding-top: 30px;

        .footer-link a {
          color: #1A2D53;
          font-size: 1rem;
          font-weight: 600;
        }
      }

      .footer-mobile-content-right {
        width: 55%;
        display: flex;
        flex-direction: column;
        justify-content: end;
        align-items: flex-end;
        gap: 20px;

        @media screen and (max-width: 580px) {
          width: 100%;

          .footer-phone {
            order: 1;
          }

          .footer-maps {
            order: 2;

            padding: 0 10px !important;
            width: max-content !important;

            .footer-maps-go {
              display: none !important;
            }
          }

          .footer-mobile-btns {
            order: 3;
            gap: 5px !important;

            .footer-faq {
              padding: 10px !important;
            }
          }

          .footer-copyright-item {
            order: 4;
          }
        }


        .footer-maps {
          box-shadow: 0px 1px 5px 0px rgba(29, 45, 83, 0.20);
          border-radius: 10px;
          background-color: #fff;
          width: 100%;
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 0 20px;
          height: 60px;

          .footer-maps-title {
            display: flex;
            align-items: center;
            font-weight: 700;
            gap: 26px;
            font-size: 1rem;
          }

          img {
            width: 30px;
            height: 30px;
          }

          .footer-maps-go {
            img {
              width: 16px;
              height: 16px;
            }

          }
        }

        .footer-phone {
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 25px;
          width: max-content;
          padding: 15px 20px;
          border-radius: 10px;
          background: #CFEEEC;
          height: 48px;
          font-size: 1.25rem;
          font-weight: 700;
          height: 48px;

          img {
            width: 28px;
            height: 28px;
          }
        }

        .footer-mobile-btns {
          display: flex;
          gap: 27px;

          .footer-medias{
            border-radius: 10px;
            overflow: hidden;
          }
        }

        .footer-media {
          height: 48px;
        }

        .footer-faq {
          position: relative;
          right: unset;
          bottom: unset;
        }


        .footer-copyright-item {
          height: 30px;
          display: flex;
          gap: 10px;

          img {
            width: 50%;
            max-height: 25px;
            object-fit: cover;
            filter: grayscale(100%);
            opacity: .8;
          }
        }
      }
    }

    .footer-mobile-copyright {
      display: flex;
      justify-content: space-between;
      margin-top: 70px;

      color: #8E96A9;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;

      @media screen and (max-width: 580px) {
        font-size: 14px;
        gap: 20px;
        text-align: center;
        flex-direction: column;
      }
    }
  }

  @media screen and (max-width: 1024px) {
    .footer-content {
      display: none;
    }

    .footer-copyright {
      display: none;
    }

    .footer-mobile {
      display: flex;
    }
  }

  @media screen and (max-width: 580px) {
    .footer-mobile-logo {
      flex-direction: column;



      .footer-company-logo {
        &::after {
          display: none;
        }
      }

      .footer-company-title {
        max-width: 85% !important;
      }

    }
  }


}


/* !FOOTER! */

/* REQUEST */
 .request {
   position: relative;
   margin-top: 110px;

   &::before {
     content: "";
     position: absolute;
     height: 100%;
     border-radius: 60px;
     border: 1px solid #000;
     background: linear-gradient(86deg, #0EAA9E 65.77%, #1A2D53 99.56%);
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
     left: 0;
     width: 100%;
   }

   .container {
     display: flex;
     gap: 40px;
   }

   .request-left {
     display: flex;
     flex-direction: column;
     padding-top: 80px;
     width: 50%;

     .request-form-title {
       display: none;
     }
   }

   .request-left-title {
     position: relative;
     max-width: 480px;
     font-size: 2rem;
     font-weight: 600;
     color: #fff;

     img {
       position: absolute;
       bottom: 2px;
       margin-left: 20px;
       width: 25px;
       height: 25px;
     }
   }

   .request-left-img {
     position: relative;
     max-height: 700px;
     display: flex;
     justify-content: center;

     img {
       width: 100%;
       height: 100%;
       object-fit: contain;
     }

     .womanback {
       position: absolute;
       height: 100%;
       left: 45%;
       transform: translateX(-50%);
       z-index: 1;

       img {
         width: 100%;
         height: 100%;
       }
     }

     .woman {
       position: relative;
       height: 100%;
       z-index: 2;

       img {
         width: 100%;
         height: 100%;
       }
     }
   }

   .request-form-title {
     font-size: 16px;
     font-weight: 600;
     color: #fff;
     max-width: 545px;
     margin-bottom: 40px;
   }

   .request-right {
     padding-top: 150px;
     position: relative;
     z-index: 3;
     width: 45%;
     padding-bottom: 70px;

     .request-form-inputs {
       display: flex;
       flex-direction: row;
       flex-wrap: wrap;
       justify-content: space-between;
       gap: 24px 0;

       .request-form-input {
         width: 100%;

         input,
         textarea {
           width: 100%;
           height: 100%;
           border-radius: 10px;
           background: #CFEEEC;
           border: 0;
           outline: none;
           display: flex;
           align-items: center;
           justify-content: center;
           text-align: left;
           padding: 20px 25px;

           &::placeholder {
             color: #747b8b;
             font-size: 1rem;
             font-weight: 600;
           }
         }

         textarea {
           min-height: 348px;
         }

         &.half {
           width: 48%;
         }
       }
     }

     .request-btns {
       display: flex;
       align-items: center;
       gap: 25px;
       margin-top: 25px;
       margin-bottom: 5px;
     }

     button {
       outline: none;
       cursor: pointer;
       border-radius: 10px;
       border: 0;
     }

     .request-btn {
       width: calc(100% - 90px);

       button {
         background-color: #1D2D53;
         padding: 18px;
         color: #fff;
         font-size: 1.25rem;
         font-weight: 600;
         display: flex;
         justify-content: center;
         align-items: center;
         position: relative;
         width: 100%;
         height: 60px;

         img {
           position: absolute;
           top: 50%;
           transform: translateY(-50%);
           left: 20px;
           width: 32px;
           height: 32px;
         }
       }
     }

     .request-clip {
       label {
         width: 90px;
         padding: 16px 0;
         display: flex;
         justify-content: center;
         align-items: center;
         background-color: #1D2D53;
         height: 60px;
         border-radius: 10px;
         cursor: pointer;

         img {
           width: 28px;
           height: 28px;
         }
       }
     }
   }
 }

@media screen and (max-width: 1024px) {
  .request .container {
    flex-direction: column;
  }

  .request .request-left,
  .request .request-right {
    width: 100%;
  }

  .request .request-left-title {
    width: 45%;
  }

  .request .request-left-img {
    position: absolute;
    right: 0;
    bottom: 60%;
    width: 50%;
  }

  .request .womanback {
    display: none;
  }

  .request .request-form-title {
    width: 40%;
  }
}

@media screen and (max-width: 856px) {
  .request .request-left-img {
    position: absolute;
    right: -40px;
    bottom: 57%;
    width: 60%;
  }

  .request .request-left {
    padding-top: 20px;
  }

  .request::before {
    border-radius: 20px;
  }
}

@media screen and (max-width: 630px) {
  .request .request-left-img {
    position: absolute;
    right: -40px;
    bottom: 55%;
    width: 60%;
  }
}

@media screen and (max-width: 495px) {
  .request .container {
    gap: 0;
  }

  .request .request-right {
    padding-top: 0;
    padding-bottom: 30px;
  }

  .request .request-form-title {
    display: none;
  }

  .request .request-left-title {
    width: 80%;
  }

  .request .request-left .request-form-title {
    display: block;
    position: relative;
    z-index: 3;
    margin-top: 60px;
    width: 80%;
  }

  .request .request-left-img {
    position: relative;
    width: 100%;
    bottom: unset;
    right: unset;
  }

  .request .half {
    width: 100% !important;
  }

  .request .request-btns {
    flex-direction: column-reverse;
  }

  .request .request-btn {
    width: 100% !important;
  }

  .request .request-btn button {
    font-size: 1rem;
    height: 48px;
  }

  .request .request-btn img {
    width: 23px;
    height: 23px;
  }

  .request .request-clip {
    width: 100%;
  }

  .request .request-clip button {
    height: 48px !important;
    width: 100% !important;
  }
}

@media screen and (max-width: 580px) {
  .request .request-form-input input {
    height: 48px;
  }

  .request .request-form-input textarea {
    min-height: 168px;
  }
}

/* !REQUEST! */

/* NEWS-LETTER */
.news-letter {
  width: 100%;
  position: relative;

  .mobile {
    display: none;
  }

  @media screen and (max-width: 768px) {
    .mobile {
      display: block;
    }

    .large {
      display: none;
    }
  }

  img {
    width: 100%;
    object-fit: cover;
    border-radius: 15px;

    @media screen and (max-width: 768px) {
      min-height: 200px;
    }
  }

  position: relative;

  .first-text {
    top: 0;
    left: 0;
    z-index: 1;
    position: absolute;
    width: 40%;
    background-color: #0EAA9E;
    border-radius: 0 100px 0 0;
    padding: 20px 93px 20px 33px;

    span {
      font-size: 48px;
      color: #fff;
      font-weight: 600;
    }

    &::after {
      z-index: 2;
      content: " ";
      background-image: url(/local/templates/lonfur/css/../img/blog/free-icon-bonus-5622939 1.png);
      background-repeat: no-repeat;
      position: absolute;
      width: 170px;
      height: 170px;
      right: 50px;
      bottom: -122px;
    }


  }

  &.second {
    .first-text {
      &::after {
        display: none;
      }
    }
  }

  .second-text {
    position: absolute;
    right: 0;
    top: 480px;

    span {
      font-size: 1.25rem;
      color: #fff;
      background-color: #1D2D53;
      padding: 20px 49px;
      border-radius: 10px 0 0 10px;
      font-weight: 600;
    }
  }

  .info-news {
    position: absolute;
    bottom: 25px;
    left: 20px;
    background: white;
    padding: 5px 10px;
    border-radius: 15px;

    span {
      color: #CACDD5;
      font-size: 1rem;
    }
  }

  .third-next {
    position: absolute;
    top: 80px;
    right: 50px;
    border: 2px solid #E0E1E5;
    width: 100px;
    height: 100px;

    color: #1D2D53;
    font-size: 1rem;
    border-radius: 10px;
    background-color: #fff;
    outline: none;
    cursor: pointer;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;

    @media screen and (max-width: 1024px) {
      top: 35px;
      right: 20px;
    }


    @media screen and (max-width: 768px) {
      width: 75px;
      height: 75px;

      img {
        min-height: unset;
        width: 17px;
        height: 31px;
      }
    }

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

    img {
      width: 17px;
      height: 31px;
    }
  }
}

/* NEWS-LETTER */

/* NEWS CARD */

.news-container {
  position: relative;

  &::before {
    content: '';
    position: absolute;
    display: block;
    border-radius: 60px 60px 0px 0px;
    opacity: 0.2;
    background: #CACDD5;
    width: 100%;
    height: 150%;
    left: 0;
    top: 0;
    z-index: -1;
  }
}


@media screen and (max-width: 1024px){
  .news-container{

    &::before{
      border-radius: 20px 20px 0px 0px;
    }
  }
}

.news-main .news-title {
  padding-top: 137px;
  font-size: 2rem;
  font-weight: 700;
  max-width: 55%;
  margin-bottom: 72px;

  @media screen and (max-width: 1024px) {
    padding-top: 20px;
    max-width: 80%;
    font-size: 1.5rem;
  }
}

.news-cards {
  margin-top: 45px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;

  [id^="bx_incl_area_"] {
    width: 100%;
  }
}

.news-card {
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 1px 5px 0px rgba(29, 45, 83, 0.20);
  display: flex;
  flex-direction: column;
  width: 32%;
  gap: 20px;

  @media screen and (max-width: 560px) {
    gap: 0;
  }

  .news-img {
    height: 325px;
    width: 100%;

    img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      border-radius: 10px 10px 0px 0px;

    }

    @media screen and (max-width: 1024px) {
      height: max-content;
      object-fit: contain;
    }

    @media screen and (max-width: 720px) {
      height: max-content;
      object-fit: contain;
    }
  }

  .news-content {
    padding: 1.15rem;
    display: flex;
    flex-direction: column;
    gap: 70px;

    @media screen and (max-width: 1024px) {
      gap: 20px;
    }
  }

  .news-title {
    font-size: 1.25rem;
    font-weight: 600;
    width: 90%;

    @media screen and (max-width: 560px) {
      font-size: 12px;

      img {
        height: 10px;
      }
    }

    img {
      margin-left: 5px;
      padding-top: 3px;
    }
  }

  .news-date {
    color: #CACDD5;
    font-weight: 600;
  }
}

/* !NEWS CARD! */

/* CHECKBOX */
.control {
  display: block;
  position: relative;
  padding-left: 40px;
  margin-bottom: 5px;
  padding-top: 5px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
}

.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.control_indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 24px;
  width: 24px;
  background: #ffffff;
  border: 2px solid #E0E1E5;
  border-radius: 5px;
  transition: all .4s ease;
}

.control:hover input~.control_indicator,
.control input:focus~.control_indicator {
  background: #ffffff;
}

.control input:checked~.control_indicator {
  background: #1D2D53;
  border: 2px solid #1D2D53;
}

.control input:disabled~.control_indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}

.control_indicator:after {
  box-sizing: unset;
  content: '';
  position: absolute;
  display: none;
}

.control input:checked~.control_indicator:after {
  display: block;
}

.control-checkbox .control_indicator:after {
  left: 8px;
  top: 4px;
  width: 3px;
  height: 8px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.control-checkbox input:disabled~.control_indicator:after {
  border-color: #7b7b7b;
}

.control-checkbox .control_indicator::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 4.5rem;
  height: 4.5rem;
  margin-left: -1.3rem;
  margin-top: -1.3rem;
  background: #2aa1c0;
  border-radius: 3rem;
  opacity: 0.6;
  z-index: 99999;
  transform: scale(0);
}

/* !CHECKBOX! */

/* PAGINATOR */
.paginator {
  display: flex;
  gap: 11px;
  margin-top: 24px;

  .paginator-prev,
  .paginator-next {
    max-width: max-content;

    button {
      background-color: #fff;
      border-radius: 10px;
      border: 2px solid #D2D5DD;
      outline: none;
      height: 48px;
      padding-left: 70px;
      padding-right: 34px;
      font-weight: 600;
      cursor: pointer;
    }
  }

  .paginator-prev {
    position: relative;

    img {
      position: absolute;
      top: 50%;
      transform: translateY(-50%) rotateZ(180deg);
      left: 20px;
    }
  }

  .paginator-next {
    position: relative;

    img {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 20px;
    }

    button {
      padding-left: 34px;
      padding-right: 90px;
    }
  }

  .paginator-btn {
    button {
      width: 48px;
      height: 48px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 10px;
      border: 2px solid #D2D5DD;
      background: #FFF;
      outline: none;
      font-weight: 600;
      color: #1D2D53;
      cursor: pointer;
    }

    &.select {
      button {
        background: #D2D5DD;
        color: #fff;
      }
    }
  }

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

.paginator-more {
  width: 100%;
  margin-top: 10px;
  display: none;

  button {
    width: 100%;
    background-color: white;
    border-radius: 10px;
    border: 2px solid #E0E1E5;
    height: 36px;
    color: #1D2D53;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    cursor: pointer;
  }

  @media screen and (max-width: 600px) {
    display: block;
  }
}

/* !PAGINATOR! */


/* SWIPER BUTTON */

.swiper-button-next,
.swiper-button-prev {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 48px !important;
  height: 145px !important;
  border: 2px solid #E0E1E5 !important;
  background-color: #fff;
  border-radius: 10px;

  &::after {
    display: none;
  }

  &::before {
    display: none;
  }

  @media screen and (max-width: 786px) {
    width: 35px !important;
    height: 100px !important;
  }

}

.swiper-button-next {
  transform: rotateZ(180deg) translateY(50%);
  right: 0 !important;
}

.swiper-button-prev {
  transform: translateY(-50%);
  left: 0 !important;
}



/* !SWIPER BUTTON! */

/* INPUT */
/*input,*/
/*textarea {*/
/*  min-height: 48px;*/
/*  border-radius: 10px;*/
/*  background: rgba(14, 170, 158, 0.20);*/
/*  border: 0;*/
/*  padding: 0 25px;*/

/*  &::placeholder {*/
/*    color: rgba(26, 45, 83, 0.50);*/
/*    font-weight: 600;*/
/*  }*/
/*}*/

/* !INPUT! */

/* SELECT-BTN */
.select-btn {
  width: 320px;
  padding: 15px 0;
  border-radius: 10px;
  border: 2px solid #E0E1E5;
  background-color: #fff;
  padding-left: 20px;
  font-weight: 600;
  position: relative;
  cursor: pointer;

  &::before {
    content: "";
    position: absolute;
    width: 9px;
    height: 10px;
    background-image: url(/local/templates/lonfur/css/../../../../img/Polygon.svg);
    background-repeat: no-repeat;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
  }
}

/* !SELECT-BTN! */

/* FAVORITE */
.favorite-btn {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 2px solid #E0E1E5;
  background: #fff;
  cursor: pointer;

  img {
    width: 25px;
    height: 25px;
  }

  .heart-active {
    display: none;
  }

  &.active {
    background-color: #FF6C87;
    border: 2px solid #FF6C87;
    background-image: url(/local/templates/lonfur/css/../../../../img/heart.png);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center;

    img {
      display: none;
    }
  }
}

/* !FAVORITE! */


.popular {
  padding-top: 90px;
  position: relative;

  @media screen and (max-width: 560px){
    padding-top: 30px;
  }

  &::before {
    content: '';
    opacity: 0.2;
    width: 100%;
    height: 720px;
    position: absolute;
    top: 0;
    left: 0;
    background: #CACDD5;

    @media screen and (max-width: 560px){
      height: 100%;
    }
  }

  .popular-title {
    font-size: 2rem;
    font-weight: 700;
    width: 20%;
    margin-bottom: 90px;

    @media screen and (max-width: 560px){
      margin-bottom: 30px;
    }
  }

  .products {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}



/* SWIPER */
.banners-swiper {
  .swiper-pagination {
    bottom: 20%;
  }

  .swiper-pagination-bullet {
    width: 1.25rem;
    height: 1.25rem;

    background-color: #fff;

    @media screen and (max-width: 900px) {
      width: 12px;
      height: 12px;
    }
  }

  .swiper-pagination-bullet-active {
    background-color: #0EAA9E;
  }
}

.popular {
  .popular-card {
    padding-bottom: 20px;

    .product-card {
      width: 100%;
      height: 100%;
    }
  }

  .popular {
    .container {
      overflow: visible;
    }
  }

  .swiper-button-next {
    right: 80px !important;
    top: 62%;
  }

  .swiper-button-prev {
    top: 62%;
    left: 80px !important;
  }

  @media screen and (max-width: 1440px) {
    .swiper-button-next {
      right: 25px !important;
    }

    .swiper-button-prev {
      left: 25px !important;
    }
  }

  @media screen and (max-width: 560px){
    .swiper-button-next,
    .swiper-button-prev {
      display: none !important;
    }
  }
}

.brand {
  position: relative;

  .container {
    overflow: visible;
  }

  .brand-swiper {
    padding: 20px;

    .swiper-slide{
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 10px;
      background: #FFF;
      img{
        width: 60%;
        height: 60%;
        object-fit: contain;
      }

      box-shadow: 0px 1px 5px 0px rgba(29, 45, 83, 0.20);
      cursor: pointer;
    }
  }

  .swiper-button-next {
    right: 80px !important;
    top: 62%;
  }

  .swiper-button-prev {
    top: 62%;
    left: 80px !important;
  }

  @media screen and (max-width: 1440px) {
    .swiper-button-next {
      right: 25px !important;
    }

    .swiper-button-prev {
      left: 25px !important;
    }

  }

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

    .swiper-button-next,
    .swiper-button-prev {
      width: 35px !important;
      height: 100px !important;
    }
  }

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

    .swiper-button-next,
    .swiper-button-prev {
      display: none !important;
    }
  }

}

.news-container {
  overflow: visible;

  .news-main {
    position: relative;

    .swiper-button-next {
      right: -80px !important;
      top: 70%;
    }

    .swiper-button-prev {
      top: 70%;
      left: -80px !important;
    }

    .swiper-pagination {
      bottom: 20px;
    }

    .swiper-pagination-bullet {
      width: 1.25rem;
      height: 1.25rem;

      background-color: #fff;

      @media screen and (max-width: 900px) {
        width: 12px;
        height: 12px;
      }

      @media screen and (max-width:560px) {
        width: 6px;
        height: 6px;
      }
    }

    .swiper-pagination-bullet-active {
      background-color: #0EAA9E;
    }

    @media screen and (max-width: 1440px) {
      .swiper-button-next {
        right: -25px !important;
      }

      .swiper-button-prev {
        left: -25px !important;
      }
    }

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

      .swiper-button-next,
      .swiper-button-prev {
        width: 35px !important;
        height: 100px !important;
        top: 80%;
      }
    }
  }
}

.news-cards {
  position: relative;

  .news-card-swiper {
    padding-bottom: 10px;
    .news-card {
      height: 100%;
      width: 100%;

      @media screen and (max-width: 560px) {
        height: 100%;
        gap: 10px;
      }
    }
  }

  .swiper-button-next {
    right: -80px !important;
  }

  .swiper-button-prev {
    left: -80px !important;
  }

  @media screen and (max-width: 1440px) {
    .swiper-button-next {
      right: -25px !important;
    }

    .swiper-button-prev {
      left: -25px !important;
    }
  }

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

    .swiper-button-next,
    .swiper-button-prev {
      width: 35px !important;
      height: 100px !important;
    }
  }

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

    .swiper-button-next,
    .swiper-button-prev {
      display: none !important;
    }
  }
}

/* !SWIPER! */

.buy-favorite{
  border-radius: 10px;
  border: 2px solid #E0E1E5;
  width: 48px;
  height: 48px;
  background-color: #fff;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;

  img{
    width: 24px;
    height: 24px;
  }

  .active-img{
    display: none;
  }

  .unactive-img{
    display: block;
  }

  &.in-favorites{
    background-color: #EA5176 !important;
    border: 2px solid #EA5176 !important;
    .active-img{
      display: block;
    }
    .unactive-img{
      display: none;
    }
  }

  @media screen and (max-width:560px){
    border-radius: 100%;
    width: 40px;
    height: 40px;

    img{
      width: 22px;
      height: 22px;
    }
  }
}
/* End */


/* Start:/local/templates/lonfur/css/swiper-bundle.min.css?49916250018453*/
/**
 * Swiper 11.2.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 3, 2025
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */


/* Start:/local/templates/lonfur/css/normalize.css?17507558647165*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
  }
  
  /* Sections
     ========================================================================== */
  
  /** 
   * Remove the margin in all browsers.
   */
  /**
   * Render the `main` element consistently in IE.
   */
  
  main {
    display: block;
  }

  a{
    text-decoration: none;
  }
  
  /**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
  
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }
  
  /* Grouping content
     ========================================================================== */
  
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  
  hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  
  /* Text-level semantics
     ========================================================================== */
  
  /**
   * Remove the gray background on active links in IE 10.
   */
  
  a {
    background-color: transparent;
  }
  
  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  
  abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
  }
  
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  
  b,
  strong {
    font-weight: bolder;
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  code,
  kbd,
  samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  
  /**
   * Add the correct font size in all browsers.
   */
  
  small {
    font-size: 80%;
  }
  
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  
  sub {
    bottom: -0.25em;
  }
  
  sup {
    top: -0.5em;
  }
  
  /* Embedded content
     ========================================================================== */
  
  /**
   * Remove the border on images inside links in IE 10.
   */
  
  img {
    border-style: none;
  }
  
  /* Forms
     ========================================================================== */
  
  /**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
  
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
  }
  
  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
  
  button,
  input { /* 1 */
    overflow: visible;
  }
  
  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  
  button,
  select { /* 1 */
    text-transform: none;
  }
  
  /**
   * Correct the inability to style clickable types in iOS and Safari.
   */
  
  button,
  [type="button"],
  [type="reset"],
  [type="submit"] {
    -webkit-appearance: button;
  }
  
  /**
   * Remove the inner border and padding in Firefox.
   */
  
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  
  /**
   * Restore the focus styles unset by the previous rule.
   */
  
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  
  /**
   * Correct the padding in Firefox.
   */
  
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }
  
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
  
  legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
  }
  
  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  
  progress {
    vertical-align: baseline;
  }
  
  /**
   * Remove the default vertical scrollbar in IE 10+.
   */
  
  textarea {
    overflow: auto;
  }
  
  /**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
  
  [type="checkbox"],
  [type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
  }
  
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  
  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
  
  [type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
  }
  
  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
  
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
  
  ::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
  }
  
  /* Interactive
     ========================================================================== */
  
  /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
  
  details {
    display: block;
  }
  
  /*
   * Add the correct display in all browsers.
   */
  
  summary {
    display: list-item;
  }
  
  /* Misc
     ========================================================================== */
  
  /**
   * Add the correct display in IE 10+.
   */
  
  template {
    display: none;
  }
  
  /**
   * Add the correct display in IE 10.
   */
  
  [hidden] {
    display: none;
  }
/* End */


/* Start:/local/templates/lonfur/css/main.css?17460892108484*/
.banners {
  width: 100%;

  .banner {
    width: 100%;

    img {
      width: 100%;
      object-fit: contain;
    }

    .banner-small{
      display: none;
    }
  }

  @media screen and (max-width: 420px){
    .banner-small{
      display: block !important;
    }
    .banner-large{
      display: none;
    }
  }

}

.benefits {
  position: relative;
  margin-top: -50px;

  @media screen and (max-width: 420px){
    margin-top: 0;
  }
  &::before{
    content:'';
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 60px 60px 0px 0px;
    background: linear-gradient(270deg, #0EAA9E 59.5%, #1A2D53 100%);
    width: 100%;
    height: 315px;
    z-index: 1;
  }
  .container {
    padding-top: 75px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    position: relative;
    z-index: 2;

    @media screen and (max-width: 900px){
      padding-top: 30px;
    }
  }
  

  .benefits-title {
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
  }

  .benefits-cards {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 20px;

    .benefit-card {
      display: flex;
      flex-direction: column;
      position: relative;
      gap: 30px;
      padding: 30px;
      border-radius: 30px;
      background: #FFF;
      box-shadow: 0px 1px 5px 0px rgba(29, 45, 83, 0.20);
      width: 23%;
      height: max-content;

      .benefit-card-img {
        img {
          width: 84px;
          height: 84px;
        }
      }

      .benefit-card-check {
        position: absolute;
        top: 35px;
        right: 32px;

        img {
          width: 34px;
          height: 34px;
        }
      }

      .benefit-card-title {
        font-size: 1.25rem;
        font-weight: 700;
        width: 80%;
      }

    }

    @media screen and (max-width: 900px){
      gap: 25px;
      .benefit-card{
        width: 47%;
      }
      .benefit-card-img {
        img {
          width: 60px !important;
          height: 60px !important;
        }
      }

    }

    @media screen and (max-width: 480px){
      gap: 25px;
      .benefit-card{
        width: 100%;
        padding: 20px;
      }
    }
  }
}

.benefits{
  @media screen and (max-width: 900px){
    &::before{
      border-radius: 15px;
      -webkit-border-radius: 15px;
      height: 100%;
    }
  }
}

.about{
  display: flex;
  justify-content: space-between;
  margin-top: 120px;
  position: relative;
  
  .about-left{
    width: 27%;
    display: flex;
    flex-direction: column;
    gap: 30px;

    .about-left-title{
      font-size: 2rem;
      font-weight: 700;
    }

    .about-left-subtitle{
      position: relative;
      font-size: 1.33rem;
      font-weight: 700;
      color: #fff;
      padding: 20px 50px;
      padding-left: 0;
      font-family: Georgia;

      img{
        width: 16px;
        height: 16px;
      }

      &::before{
        content: '';
        position: absolute;
        top: 0;
        left: -210px;
        width: calc(100% + 210px);
        height: 100%;
        border-radius: 0px 50px 0px 0px;
        background: linear-gradient(270deg, #0EAA9E 55.21%, #1A2D53 100%);
        z-index: -1;
      }
    }

    .about-left-btn{
      button{
        height: 48px;
        width: 100%;
        border-radius: 6px;
        background: #1D2D53;
        color: #fff;  
        border: 0;
        outline: none;
        font-size: 1.25rem;
        font-weight: 700;
        cursor: pointer;
      }
    }
  }

  .about-right{
    width: 55%;
    display: flex;
    align-items: center;
    justify-content: center;

    img{
      width: 100%;
      object-fit: contain;
    }

    .about-img-small{
      display: none;
    }
  }

  @media screen and (max-width: 768px){
    .about-right{
      position: absolute;
      z-index: -2;
      width: 75%;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
    }

    .about-left{
      width: 50%;

      .about-left-quote{
        width: 90px;
        img{
          width: 100%;
        }
      }
    }
  }

  @media screen and (max-width: 580px){
    .about-left-title{
      font-size: 20px;
    }
    .about-left{
      width: 90%;
    }

    .about-left-subtitle{
      margin-top: 300px;
      padding: 20px 0 !important;
      font-size: 20px !important;

      &::before{
        left: -20px !important;
        width: 90vw !important;
      }
    }

    .about-img-small{
      display: block !important;
    }

    .about-right{
      width: 100vw !important;
      right: unset !important;
      left: -16px !important;
      top: 55% !important;
    }

    .about-img-large{
      display: none;
    }
  }
}

.brand{
  margin-top: 125px;
  padding-bottom: 63px;
  border-bottom:2px solid #CACDD5;

  @media screen and (max-width: 560px){
    margin-top: 50px;
    padding-bottom: 30px;
  }

  .brand-title{
    font-size: 2rem;
    font-weight: 700;
    width: 20%;
    margin-bottom: 75px;

    @media screen and (max-width: 560px){
      width: 75%;
      margin-bottom: 30px;
    }
  }

  .brand-items{
    display: flex;
    flex-direction: row;
    gap: 24px;

    [id^="bx_incl_area_"] {
      width: 100%;
    }
  }
}

/* CALC */

.calc{
  .container{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .calc-left{
    width: 25%;
    margin-top: 50px;

    @media screen and (max-width: 1024px) {
      width: 30%;
    }
    .calc-left-title{
      font-size: 2rem;
      font-weight: 700;
      margin-bottom: 25px;
    }
    .calc-left-subtitle{
      position: relative;
      color: #fff;
      font-family: Georgia, serif;
      padding: 38px 0;
      z-index: 1;
      font-weight: 500;
      font-size: 1.5rem;

      img{
        width: 16px;
        height: 16px;
      }

      &::before{
        content:"";
        border-radius: 0px 0px 70px 0px;
        background: #1D2D53;
        position: absolute;
        left: -210px;
        z-index: -1;
        top: 0;
        width: 200%;
        height: 100%;

        @media screen and (max-width: 1024px) {
          left: -40px;
          width: 115%;
        }
      }
    }
  }
  .calc-right{
    position: relative;
    width: 65%;
    .calc-right-dev{
      position: absolute;
      bottom: 150px;
      right: 20px;
      font-size: 2rem;
      font-weight: 700;
      color: #8E96A9;

      @media screen and (max-width: 1024px){
        bottom: 80px;
      }
    }

    @media screen and (max-width: 1024px){
      width: 70%;

      img{
        width: 100%;
        height: 100%;
      }
    }
  }
}

.calc-mobile{
  display: none;
  margin-bottom: 50px;

  .calc-left-subtitle{
    position: relative;
    color: #fff;
    font-family: Georgia, serif;
    padding: 38px 0;
    z-index: 1;
    font-weight: 500;
    font-size: 1.5rem;

    img{
      width: 16px;
      height: 16px;
    }

    &::before{
      content:"";
      border-radius: 0px 0px 70px 0px;
      background: #1D2D53;
      position: absolute;
      left: -210px;
      z-index: -1;
      top: 0;
      width: 200%;
      height: 100%;

      @media screen and (max-width: 1024px) {
        left: -40px;
        width: 115%;
      }
    }
  }

  .calc-right-dev{
    margin-top: 30px;
    text-align: end;
    color: #8E96A9;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
}

@media screen and (max-width: 700px){
  .calc-mobile{
    display: flex;

    .calc-left-title{
      margin-top: 50px;
      color: #1D2D53;
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      width: 80%;
    }

    .calc-img{
      img{
        width: 100%;
        height: 100%;
      }
    }
  }
  .calc{
    display: none;
  }
}

.swiper-product{
  padding: 20px 10px;
   .product-card{
     width: 100%;
   }
}

.col-xs-6.col-md-3.product-slider{
  /*padding: 0;*/
}

.col-xs-12.product-item-small-card{
  padding: 0;
}




/* !CALC! */
/* End */


/* Start:/local/templates/lonfur/css/catalog.css?17470552179090*/
.filter-modal{
    position: fixed;
    z-index: 10;
    top: 0;
    right: 0;
    box-shadow: 0 0 7px -3px rgba(0, 0, 0, 0.75);
    width: 360px;
    padding: 0 0 30px;
    height: 100%;
    transform: translateX(1000px);
    background-color: #fff;
    transition: all .4s ease;

    @media screen and (max-width: 500px){
        width: 80%;
        padding: 0 0 20px;
    }

    .filter-modal-container{
        position: relative;
    }

    .filter-modal-close{
        position: absolute;
        top: 10px;
        right: 10px;
        width: 30px;
        height: 30px;
        z-index: 10;
        cursor: pointer;

        img{
            width: 100%;
            height: 100%;
        }
    }

    &.show{
        transform: translateX(0);
    }

    .bx-filter-title{
        font-size: 18px;
        margin-bottom: 10px;
        color: #000;
        width: 100%;
        text-align: center;
        padding: 30px 20px 33px;
        border-bottom: 1px solid #e2e0e2;
        font-weight: bold;
    }
    
    .bx-filter.bx-blue .bx-filter-section{
        background: #fff;
    }

    .bx-filter{
        font-family: inherit;
    }

    .bx-filter .bx-filter-section{
        padding-top: 0;
    }

    .bx-filter-parameters-box{
        width: 100%;
        border-bottom: 1px dotted #cbcbcb;

        .bx-filter-parameters-box-title{
            font-size: 1rem;
            span{
                color: #000;

                &:hover{
                    border-color: transparent;
                }
            }
        }

        .bx-filter-parameters-box-hint{
            width: 100%;
            display: flex;
            justify-content: space-between;
        }
    }

    .bx-filter-button-box{
        margin-top: 20px;

        .btn.btn-themes{
            background-color: #1D2D53;
            border: 0;
        }

        .btn.btn-link{
            color: #0EAA9E;
            font-weight: bold;
            text-decoration: none;
            outline: none;
        }
    }

    .bx-filter-popup-result{
        border: 0;
        a{
            color: #0EAA9E;
            font-weight: bold;
            text-decoration: none;
            outline: none;
        }
    }

}

.catalog-title{
    display: flex;
    align-items: center;
    gap: 30px;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 50px;

    img{
        width: 80px;
        height: 80px;
    }

    @media screen and (max-width: 768px){
        gap: 10px;
        margin-bottom: 50px;
        img{
            width: 41px;
            height: 41px;
        }
    }
}

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

.catalog-bg{
    position: absolute;
    z-index: -1;
    top: -320px;
    right: 0;

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

.catalog-all-filter{
    display: flex;
    align-items: center;
    gap: 18px;
    font-weight: 600;
    cursor: pointer;
    button{
        background-color: transparent;
        border: 0;
        outline: none;
        cursor: pointer;
        padding: 0;
    }

    @media screen and (max-width: 600px) {
        span{
            display: none;
        }
    }
}


.catalog{
    margin-top: 30px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 30px;

    .catalog-btns{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        .catalog-btn-left{
            display: flex;
            flex-direction: row;
            gap: 24px;
            align-items: center;
        }

        @media screen and (max-width: 1024px) {
            .catalog-btn-left{
                width: 70%;
            }

            .catalog-sort,
            .catalog-filter{
                width: 50%;
            }
        }

        @media screen and (max-width:600px){
            .catalog-filter{
                display: none;
            }

            .catalog-sort{
                width: 100%;
            }

            .catalog-all-filter{
                span{
                    display: none;
                }
            }
        }
    }

    .catalog-available{
        display: block;

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

    .catalog-sort,
    .catalog-filter{
        width: 320px;
        padding: 15px 0;
        border-radius: 10px;
        border: 2px solid #E0E1E5;
        background-color: #fff;
        padding-left: 20px;
        font-weight: 600;
        position: relative;
        cursor: pointer;

        &::before{
            content:"";
            position: absolute;
            width: 9px;
            height: 10px;
            background-image: url(/local/templates/lonfur/css/../img/Polygon.svg);
            background-repeat: no-repeat;
            right: 25px;
            top: 50%;
            transform: translateY(-50%);
        }
    }

   

    .catalog-btn-right{
        .catalog-all-filter{
            display: flex;
            align-items: center;
            gap: 18px;
            font-weight: 600;
        }
        button{
            background-color: transparent;
            border: 0;
            outline: none;
            cursor: pointer;
            padding: 0;
        }
    }

    .products {
        margin-top: 28px;
        display: flex;
        flex-wrap: wrap;
        gap: 24px;

        .product-card {
            flex-basis: calc(25% - 18px);

            @media screen and (max-width: 1200px) {
                flex-basis: calc(33.33% - 16px);
            }

            @media screen and (max-width: 900px) {
                flex-basis: calc(50% - 12px);
            }

            @media screen and (max-width: 600px) {
                flex-basis: 100%;
            }
        }
    }


}

.catalog-empty{
    .catalog-empty-title{
        display: flex;
        align-items: center;
        gap: 30px;
        font-size: 2rem;
        font-weight: 600;
        margin-bottom: 110px;
    }

    .catalog-empty-content-title{
        background: linear-gradient(90deg, #0EAA9E 0%, #1A2D53 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 3.25rem;
        font-style: normal;
        font-weight: 800;
        line-height: normal;

        @media screen and (max-width: 560px){
            width: 100%;
            font-size: 24px;
            text-wrap: nowrap;
        }
    }

    .catalog-empty{
        min-height: 80vh;
        background-image: url(/local/templates/lonfur/css/../img/background-reangle.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position-y: -110px;
        background-position-x: right;

        @media screen and (max-width: 1024px) {
            background-position-y: 80px;
            background-position-x: right;
        }

        @media screen and (max-width: 560px){
            background-position-y: 225px;
        }
    }

    .catalog-empty-content{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        min-height: 500px;
        text-align: center;

        .catalog-empty-content-img{
            display: flex;
            align-items: center;
            justify-content: center;
            width: 84px;
            height: 84px;
            border-radius: 10px;
            margin-bottom: 57px;

            @media screen and (max-width: 1024px) {
                margin-bottom: 25px;
            }
        }

        .catalog-empty-content-subtitle{
            margin-top: 46px;
            color: #1D2D53;
            text-align: center;
            font-size: 1.25rem;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            width: 50%;
            img{
                position: relative;
                top: 1px;
                padding-left: 5px;
            }

            a{
                &:hover{
                    color: #0EAA9E;
                }
                text-decoration: none;
                transition: all .4s ease;
            }

            @media screen and (max-width: 1024px) {
                width: 25%;
                margin-top: 25px;
            }

            @media screen and (max-width: 768px){
                width: 35%;
            }

            @media screen and (max-width: 560px){
                width: 90%;
                font-size: 15px;
            }
        }
    }




}
/* End */


/* Start:/local/templates/lonfur/css/basket.css?175075774612571*/
.basket{
    .basket-title{
        display: flex;
        align-items: center;
        gap: 30px;
        font-size: 2rem;
        font-weight: 600;
        margin-bottom: 110px;

        @media screen and (max-width: 1024px){
            margin-bottom: 50px;
        }
    }


}

.basket-checkbox{
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
}

.basket-main{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;

    @media screen and (max-width: 1024px){
        flex-direction: column-reverse;
    }

    .basket-left{
        width: 60%;

        @media screen and (max-width: 1024px) {
            width: 100%;
        }
    }

    .basket-btns{
        display: flex;
        justify-content: space-between;
        margin-bottom: 24px;
        .basket-select-all{
            display: flex;
            align-items: center;
            padding: 10px 12px;
            padding-right: 22px;
            gap: 70px;
            border-radius: 10px;
            background: #FFF;
            box-shadow: 0px 1px 5px 0px rgba(29, 45, 83, 0.20);

            @media screen and (max-width: 560px) {
                justify-content: space-between;
                gap: 0;
                width: 100%;
            }
        }

        .basket-select-all-delete{
            color: #FF6C87;
            font-family: Montserrat;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            cursor: pointer;

            .large-title{
                display: block;
            }

            .mobile-title{
                display: none;
            }

            @media screen and (max-width: 560px){
                .large-title{
                    display: none;
                }

                .mobile-title{
                    display: block;
                }
            }
        }

        .basket-btn{
            button{
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
                background-color: #fff;
                border: 0;
                outline: none;
                height: 48px;
                border-radius: 10px;
                box-shadow: 0px 1px 5px 0px rgba(29, 45, 83, 0.20);
                padding: 14px 26px;
                padding-left: 63px;
                color: #1D2D53;
                font-weight: 600;
                cursor: pointer;

                img{
                    position: absolute;
                    left: 20px;
                }
            }

            @media screen and (max-width:560px) {
                display: none;
            }
        }
    }
    .basket-right{
        width: 40%;

        @media screen and (max-width: 1024px){
            width: 100%;
            .b-total-block{
                padding: 0;
            }
        }

        .checkout{
            padding: 30px 25px;
            border-radius: 10px;
            box-shadow: 0px 1px 5px 0px rgba(29, 45, 83, 0.20);
            display: flex;
            flex-direction: column;
            overflow: hidden;
        }

        .checkout-head{
            display: flex;
            justify-content: space-between;
            align-items: end;
            padding-bottom: 30px;
            padding-top: 10px;
            position: relative;

            &::after{
                content:"";
                height: 2px;
                background: #cacdd570;
                width: 200%;
                position: absolute;
                bottom: 0;
                left: -50%;
            }
            .checkout-head-title{
                color: #1D2D53;
                font-family: Montserrat;
                font-size: 1.25rem;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
            }
            .checkout-head-price{
                color: #0EAA9E;
                font-family: Montserrat;
                font-size: 2rem;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
            }
        }

        .checkout-items{
            margin-top: 32px;

            .checkout-btns{
                display: none;
            }

            .checkout-item{
                display: flex;
                justify-content: space-between;
                margin-bottom: 17px;
                .checkout-item-title{
                    color: #8E96A9;
                    font-family: Georgia;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal;
                }
                .checkout-item-value{
                    color: #1D2D53;
                    font-family: Montserrat;
                    font-style: normal;
                    font-weight: 600;
                    line-height: normal;

                    &.discount{
                        color: #FF6C87;
                        font-family: Montserrat;
                        font-style: normal;
                        font-weight: 600;
                        line-height: normal;
                    }
                }
            }
            .checkout-subtitle{
                margin-top: 30px;
                color: #8E96A9;
                text-align: justify;
                font-family: Georgia;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                margin-bottom: 95px;
            }

            .checkout-checkbox{
                margin-bottom: 30px;
            }

            .checkout-promo{
                width: 100%;
                display: flex;
                position: relative;
                margin-bottom: 24px;

                input{
                    background-color: white;
                    border-radius: 10px;
                    border: 2px solid #CACDD5;
                    width: 100%;
                }
                button{
                    border-radius: 10px;
                    background: #CACDD5;
                    height: 100%;
                    position: absolute;
                    right: -20px;
                    padding: 0 25px;
                    color: white;
                    border: 0;
                    font-weight: 700;
                    line-height: normal;
                    cursor: pointer;

                    @media screen and (max-width: 1024px){
                        right: 0;
                    }
                }
            }

            .checkout-btn{
                width: 100%;
                button{
                    height: 60px;
                    border-radius: 10px;
                    background: #1D2D53;
                    font-size: 1.25rem;
                    font-style: normal;
                    font-weight: 700;
                    line-height: normal;
                    color: white;
                    border: 0;
                    width: 100%;
                    cursor: pointer;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    gap: 40px;
                    padding: 0 20px;

                    @media screen and (max-width : 1024px) {
                        text-align: start;
                    }
                }
            }
        }
    }
}

.basket-products{
    display: flex;
    flex-direction: column;
    gap: 24px;
    .basket-product{
        border-radius: 10px;
        background: #FFF;
        box-shadow: 0px 1px 5px 0px rgba(29, 45, 83, 0.20);
        padding: 10px;
        padding-left: 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        position: relative;

        @media screen and (max-width: 1024px){
            height: 180px;
        }

        @media screen and (max-width: 560px){
            height: max-content;
        }
    }

    .basket-product-img{
        margin-right: 50px;


        img{
            width: 100%;
            height: 100%;
            max-width: 180px;
            max-height: 180px;
        }

        @media screen and (max-width: 1024px) {
            margin-right: 10px;
        }

        @media screen and (max-width: 560px){
            display: flex;
            align-items: center;
            justify-content: center;
            img{
                max-width: 95px;
                max-height: 95px;
            }
        }
    }

    .basket-product-content{
        width: calc(100% - 180px - 50px);
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        @media screen and (max-width: 1024px) {
            width: calc(100% - 180px);
        }

        @media screen and (max-width: 560px){
            width: 55%;
        }
    }

    .basket-product-top{
        display: flex;
        position: relative;
        padding-right: 35px;
        justify-content: space-between;
        height: max-content;

        @media screen and (max-width: 560px){
            flex-direction: column;
            margin-top: 25px;
            gap: 15px;
            padding-right: 0;
        }

        .basket-product-name{
            font-weight: 700;
            width: 80%;

            @media screen and (max-width: 1024px) {
                width: 70%;
            }

            @media screen and (max-width: 560px){
                width: 95%;
            }
        }

        .basket-product-price-number{
            width: 100%;
            font-weight: 700;
            font-size: 1.25rem;
            color: #0EAA9E;
            text-wrap: nowrap;

            @media screen and (max-width: 1024px) {
                font-size: 20px;
            }
        }

        .basket-product-price{
            display: flex;
            width: 15%;

            @media screen and (max-width: 560px){
                width: 100%;
                text-align: end;
            }
        }

        .basket-product-delete{
            position: absolute;
            right: 0px;
            top: -2px;
            cursor: pointer;

            @media screen and (max-width: 560px) {
                top: -27px;
            }
        }
    }

    .basket-product-down{
        height: 36px;
        display: flex;
        justify-content: space-between;
        align-items: center;

        @media screen and (max-width: 560px){
            justify-content: end;
            margin-top: 15px;
        }

        .favorite-btn{
            height: 36px;
            width: 36px;
            img{
                width: 19px;
                height: 19px;
            }

            @media screen and (max-width: 560px){
                position: absolute;
                left: 5px;
            }
        }

        .counter{
            display: flex;
            gap: 6px;

            .counter-minus,
            .counter-input,
            .counter-plus{
                width: 36px;
                height: 36px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 5px;
                border: 2px solid #CACDD5;
                svg{
                    width: 17px;
                    height: 17px;
                    fill: #1D2D53;
                }
            }

            .counter-input{
                input{
                    width: 36px;
                    padding: 0;
                    height: 36px;
                    border-radius: 5px;
                    border: 2px solid #CACDD5;
                    background-color: #fff;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    text-align: center;
                    outline: none;
                    min-height: 36px;
                    color: #1D2D53;
                    font-weight: 500;
                }
            }
        }
    }
}
/* End */


/* Start:/local/templates/lonfur/css/productCard.css?175077091914421*/
.container-fluid{
    width: 100%;
    padding: 0;
}

.swiper-popular-in-section{
    padding: 20px 10px;
    margin: 0;
    .product-card{
        width: 100% !important;
    }
}

.related-swiper{
    margin: 0;
    width: 100%;
    position: relative;
    padding: 20px 10px;

    .product-card{
        width: 100% !important;
    }
}

.product-card-block {
    display: flex;
    justify-content: space-between;
    width: 100%;

    &::before{
        display: none;
    }

    &::after{
        display: none;
    }

    @media screen and (max-width: 1000px){
        flex-direction: column;
    }

    .product-card-main {
        width: 55%;
        height: 100%;
        padding: 0;
        position: relative;

        &::before{
            content: none;
        }

        &::after{
            content: none;
        }

        @media screen and (max-width: 1000px){
            width: 100%;
        }
    
    }

    .product-card-title {
        font-size: 2rem;
        font-weight: 700;
        width: 85%;
        margin-bottom: 20px;

        @media screen and (max-width: 560px){
            font-size: 20px;
        }
    }

    .product-card-info-btns {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 60px;

        @media screen and (max-width: 560px) {
            justify-content: space-between;
        }

        button {
            background-color: #fff;
            border: 0;
            box-shadow: 0px 1px 5px 0px rgba(29, 45, 83, 0.20);
            border-radius: 10px;
            padding: 10px;
            display: flex;
            align-items: center;
            gap: 20px;
            font-weight: 600;
            color: #1D2D53;
            min-width: 100px;
            height: 36px;
        }

        .product-card-info-btn.stock {
            .stock-status {
                width: 11px;
                height: 11px;
                border-radius: 100%;
                background-color: #CACDD5;
            }

            &.in-stock{
                .stock-status {
                    background-color: #0EAA9E;
                }
            }

            @media screen and (max-width: 560px){
                button{
                    box-shadow: unset;
                    padding: 0;
                    text-wrap: nowrap;
                    gap: 10px;
                }
            }
        }

        .product-card-info-btn.reviews{
            .reviews-mobile{
                display: none;
            }
        }

        .product-card-info-btn.comp{
            .comp-img-black{
                display: none;
            }
        }

        .buy-favorite{
            display: none;
        }

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

            .buy-favorite{
                display: block;

                img{
                    width: 23px;
                    height: 23px;
                }
            }

            .product-card-info-btn.comp{

                display: flex;
                flex-direction: column-reverse;
                gap: 10px;

                .comp-img-gray{
                    display: none;
                }

                .comp-img-black{
                    display: block;
                }

                position: absolute;
                top: 14%;
                z-index: 11;
                right: 0;
                button{
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    padding: 0;
                    width: 43px;
                    height: 43px;
                    span{
                        display: none;
                    }
                }
            }
        }
       
    }

    .product-card-img-swiper{
        overflow: hidden;
    }

    .product-card-img-swiper {
        position: relative;
        width: 100%;
        height: 85%;

        .product-card-img-swiper-sticker{
            position: absolute;
            left: 0;
            top: 0;
            border-radius: 0px 10px 10px 0px;
            background: #EA5176;
            font-weight: 600;
            padding: 7px;
            padding-left: 22px;
            padding-right: 15px;
            color: #fff;
            z-index: 10;
        }

        @media screen and (max-width: 560px){
            .swiper-button-next,
            .swiper-button-prev{
                display: none !important;
            }
        }

    }

    .swiper-slide{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .swiper-slide img {
        display: block;
        width: 90%;
        height: 90%;
        object-fit: contain;
    }
    .product-details{
        display: flex;
        gap: 10px;

        @media screen and (max-width: 580px){
            flex-direction: column;
            width: 100%;

            button{
                width: 100%;
            }
        }

        .product-detail{
            height: 36px;
            min-height: unset;
            margin-top: 30px;
            a{
                height: 36px;
                border-radius: 6px;
                background: #CACDD5;
                border: 0;
                align-items: center;
                display: flex;
                gap: 25px;
                color: #fff;
                font-weight: 600;
                padding: 10px 30px 10px 20px;
                cursor: pointer;
                text-decoration: none;
            }
            &.active{
                a{
                    background-color: #1D2D53;
                }
            }
        }
    }

    .product-details-content {
        color: #8E96A9;
        font-size: 1.25rem;
        margin-top: 50px;
    }

    .details-table{
        font-family: Georgia, sans-serif;
    }
    
    .details-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 20px;
    }
    
    .details-table td {
        padding: 8px 0;
        border-bottom: 1px dotted #ccc;
    }
    
    .details-table td:first-child {
        color: #777;
    }
    
    h3 {
        margin-top: 25px;
        font-weight: bold;
        color: #2c3e50;
    }

    tr{
        td:last-child{
            text-align: end;
            color: #1D2D53;
        }
    }

    .product-card-right{
        width: 40%;

        @media screen and (max-width: 1000px){
            width: 100%;
        }

        .product-card-right-block {
            position: sticky;
            top: 0;
            width: 100%;
            background: #fff;
        }
        
        .price-block {
            display: flex;
            align-items: center;
            flex-direction: column;
            gap: 10px;
            font-size: 1.25rem;
            font-weight: bold;
            box-shadow: 0px 1px 5px 0px rgba(29, 45, 83, 0.20);
            padding: 25px 15px;
            border-radius: 15px;

            @media screen and (max-width: 560px){
                box-shadow: unset;
                padding: 0;
            }
        }


        .price-block-bottom{
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 13px;
            width: 100%;
        }

        .price-block-up{
            padding-left: 10px;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        
        .current-price {
            color: #EA5176;
            font-size: 2rem;
            margin-right: 30px;

            @media screen and (max-width: 560px){
                font-size: 18px;
                margin-right: 0;
            }
        }
        
        .old-price {
            margin-right: 20px;
            text-decoration: line-through;
            color: #999;
            height: 36px;
            border-radius: 10px;
            border: 2px solid #E0E1E5;
            width: 50%;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            padding-right: 20px;
            font-weight: 500;
        }
        
        .discount {
            position: absolute;
            right: -20px;
            height: 36px;
            background: #EA5176;
            color: white;
            padding: 2px 8px;
            border-radius: 10px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .buy-button {
            background: #1D2D53;
            color: white;
            border: none;
            height: 48px;
            border-radius: 10px;
            display: flex;
            font-size: 1.25rem;
            justify-content: center;
            align-items: center;
            gap: 10px;
            font-weight: 600;
            cursor: pointer;
            width: 85%;
            position: relative;
            transition: all .4s ease;

            &.in-cart{
                background-color: #0EAA9E;
                img{
                    opacity: 0;
                    visibility: hidden;
                }
            }

            &.notavail{
                background-color: #CACDD5;
                pointer-events: none;

                img{
                    opacity: 0;
                    visibility: hidden;
                }
            }

            @media screen and (max-width:560px){
                width: 100%;
            }

            .buy-button-basket{
                width: 28px;
                height: 28px;
                position: absolute;
                left: 18px;
            }

            .buy-button-arrow{
                position: absolute;
                right: 24px;
            }
        }

        .product-info {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin: 12px 0;

            @media screen and (max-width: 560px){
                flex-direction: column;
                gap: 15px;

                .article{
                    width: 100%;
                }

                .share-button{
                    width: 100%;
                }
            }
        }

        .article{
            padding: 7px 10px;
            padding-right: 30px;
            display: flex;
            align-items: center;
            gap: 15px;
            box-shadow: 0px 1px 5px 0px rgba(29, 45, 83, 0.20);
            border-radius: 10px;
            font-weight: 600;
            cursor: pointer;
        }
        
        .share-button {
            background: #fff;
            border: none;
            padding: 7px 10px;
            padding-right: 25px;
            border-radius: 10px;
            cursor: pointer;
            box-shadow: 0px 1px 5px 0px rgba(29, 45, 83, 0.20);
            display: flex;
            align-items: center;
            font-weight: 600;
            gap: 15px;
            color: #1D2D53;
        }
        
        .delivery-info {
            background: #fff;
            padding: 20px;
            border-radius: 8px;
            margin: 10px 0;
            box-shadow: 0px 1px 5px 0px rgba(29, 45, 83, 0.20);
        }

        .delivery-item-title{
            display: flex;
        }
        
        .delivery-item {
            display: flex;
            flex-direction: column;
            gap: 8px;
            margin-bottom: 10px;
            position: relative;

            p{
                color: #8E96A9;
                font-family: Georgia, sans-serif;
                line-height: normal;
                font-weight: 400;
            }
        }
        
        .dot {
            display: block;
            width: 11px;
            height: 11px;
            background: #0EAA9E;
            border-radius: 50%;
            margin-top: 3px;
            margin-right: 20px;
        }
        
        .gray-button {
            position: relative;
            width: 100%;
            background: #CACDD5;
            color: white;
            font-weight: 600;
            border: none;
            padding-left: 15px;
            border-radius: 10px;
            cursor: pointer;
            height: 48px;
            display: flex;
            align-items: center;
            span{
                margin-left: 25px;
            }
            .arrow{
                position: absolute;
                right: 25px;
            }

            @media screen and (max-width: 560px) {
                padding-left: 10px;
                span{
                    margin-left: 10px;
                }
                .arrow{
                    position: absolute;
                    right: 15px;
                }
            }
        }
        
        .blue-button {
            margin-top: 10px;
            position: relative;
            width: 100%;
            background: #fff;
            color: #1D2D53;
            font-weight: 600;
            border: none;
            padding-left: 15px;
            border-radius: 10px;
            cursor: pointer;
            height: 48px;
            display: flex;
            align-items: center;
            box-shadow: 0px 1px 5px 0px rgba(29, 45, 83, 0.20);
            span{
                margin-left: 25px;
            }
            .arrow{
                position: absolute;
                right: 25px;
            }

            @media screen and (max-width: 560px) {
                text-align: start;
                padding-left: 10px;
                span{
                    margin-left: 10px;
                }
                .arrow{
                    position: absolute;
                    right: 15px;
                }
            }
        }
        
    }
    
}
/* End */


/* Start:/local/templates/lonfur/css/order.css?17446473761249*/
.lonfur_order_form{
    padding: 15px 0;

    .alert-success{
        background-color: #cfeeec52;
        border-radius: 10px;
        color: #1D2D53;
    }

    .bx-green .btn.btn-default{
        background-color: #1D2D53;
        border-color: #1D2D53;
    }

    .bx-sls .bx-ui-sls-variants .bx-ui-sls-variant:hover,.bx-sls .bx-ui-sls-variant-active {
        background-color: #cfeeec52
    }

    .form-control{
        border-radius: 10px;
        background-color: #cfeeec52;
    }

    .bx-sls .form-control.dropdown-block{
        background-color: #cfeeec52;
    }

    .bx-soa-editstep{
        border: 0;
    }

    .bx-soa-cart-total{
        border: 0;
        box-shadow: 0 1px 5px 0 rgba(29, 45, 83, 0.20);
        border-radius: 10px;
    }

    .bx-soa-cart-d{
        color: #0EAA9E;
        font-weight: 600;
    }

    .bx-soa-cart-total-line-highlighted{
        .bx-soa-cart-d{
            color: #FF6C87;
        }
    }

    .bx-soa-item-td-text .bx-price{
        color: #0EAA9E;
    }

    .bx-soa-pp-price{
        color: #0EAA9E;
        font-weight: 600;
    }

    .bx-soa-pp-list-description{
        color: #0EAA9E;
        font-weight: 600;
    }
}


/* End */


/* Start:/local/templates/lonfur/css/auth.css?17458613845546*/
main{
    border-radius: 0 0 0 100px;
    background: linear-gradient(0deg, rgba(202, 205, 213, 0.25) 0%, rgba(202, 205, 213, 0.00) 100%);
}



.auth{
    padding-bottom: 100px;
    input{
        width: 100%;
        height: 100%;
        border-radius: 10px;
        background: #CFEEEC;
        border: 0;
        outline: none;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: left;
        padding: 20px 25px;

        &::placeholder {
            color: #747b8b;
            font-size: 1rem;
            font-weight: 600;
        }
    }
    .auth-form{
        width: 40%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;

        @media screen and (max-width: 1024px){
            width: 60%;
        }

        @media screen and (max-width: 768px){
            width: 75%;
        }

        @media screen and (max-width: 420px){
            width: 100%;
        }
    }

    .auth-form-title{
        color: #1D2D53;
        font-size: 2rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 145px;

        @media screen and (max-width: 1024px){
            margin-bottom: 100px;
        }

        @media screen and (max-width: 768px){
           font-size: 20px;
        }

        @media screen and (max-width: 420px){
            margin-bottom: 50px;
        }
    }

    .auth-remember{
        display: none;

        @media screen and (max-width: 420px){
            display: block;
        }
    }

    .auth-form-inputs{
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 23px;
        margin-bottom: 36px;

        @media screen and (max-width: 420px){
           gap: 10px;
           margin-bottom: 20px;
        }

        input{
            width: 100%;
            outline: none;
        }
    }

    .auth-form-input{
        position: relative;

        .req{
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            color: white;
            font-size: 1.5rem;
            pointer-events: none;
        }
    }

    .auth-form-btn{
        width: 100%;
        margin-bottom: 15px;
        button{
            width: 100%;
            border-radius: 10px;
            background: #1D2D53;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 90px;
            height: 60px;
            color: #FFF;
            font-size: 20px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            border: 0;
            cursor: pointer;
            text-wrap: nowrap;
            padding: 0 20px;

            @media screen and (max-width: 1024px) {
                font-size: 16px;
                gap: 0;
                justify-content: space-between;
            }

            @media screen and (max-width: 420px) {
              height: 48px;
              font-size: 14px;
              justify-content: start;
              gap: 25px;
              .auth-btn-arrow{
                display: none;
              }
            }
        }
    }

    .auth-form-subbtn{
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 35px;

        a{
            color: #0EAA9E;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
        }

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

    .auth-form-forgot{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;

        color: #8E96A9;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 60px;

        @media screen and (max-width: 420px){
            flex-direction: column;
            align-items: start;
            gap: 20px;
        }

        &::after{
            content: '';
            position: absolute;
            bottom: -30px;
            left: 50%;
            transform: translateX(-50%);
            height: 2px;
            width: 50%;
            background: #CACDD5;
        }

        a{
            display: flex;
            align-items: center;
            gap: 30px;
            padding: 8px 30px;
            border-radius: 10px;
            border: 2px solid  #CACDD5;
            color: var(--, #1D2D53);
            font-style: normal;
            font-weight: 600;
            line-height: normal;
        }
    }

    .auth-form-social{
        color: #8E96A9;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-align: center;
    }

    .auth-form-social-btns{
        margin-top: 50px;
        display: flex;
        flex-direction: row;
        gap: 12px;
        justify-content: center;
        align-items: center;

        button{
            background-color: transparent;
            outline: none;
            border: 0;
            cursor: pointer;
        }
    }
}
/* End */


/* Start:/local/templates/lonfur/css/reg.css?17458613845437*/
main{
    border-radius: 0 0 0 100px;
    background: linear-gradient(0deg, rgba(202, 205, 213, 0.25) 0%, rgba(202, 205, 213, 0.00) 100%);
}

.reg{
    padding-bottom: 100px;

    input{
        width: 100%;
        height: 100%;
        border-radius: 10px;
        background: #CFEEEC;
        border: 0;
        outline: none;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-weight: bold;
        color: #747b8b;
        text-align: left;
        padding: 20px 25px;

        &::placeholder {
            color: #747b8b;
            font-size: 1rem;
            font-weight: 600;
        }
    }

    .reg-form{
        width: 40%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;

        @media screen and (max-width: 1024px){
            width: 60%;
        }

        @media screen and (max-width: 768px){
            width: 75%;
        }

        @media screen and (max-width: 420px){
            width: 100%;
        }
    }

    .reg-form-title{
        color: #1D2D53;
        font-size: 2rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 145px;

        @media screen and (max-width: 1024px){
            margin-bottom: 100px;
        }

        @media screen and (max-width: 768px){
           font-size: 20px;
        }

        @media screen and (max-width: 420px){
            margin-bottom: 50px;
        }
    }

    .reg-form-inputs{
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 23px;
        margin-bottom: 36px;
        justify-content: space-between;

        input{
            width: 100%;
            outline: none;
        }
    }

    .reg-form-input{
        position: relative;
        width: 100%;
        .req{
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            color: white;
            font-size: 1.5rem;
            pointer-events: none;
        }

        &.half{
           width: 47%;
           flex-grow: 1;
        }
    }

    .reg-form-gender-btns{
        display: flex;
        flex-direction: row;
    }

    .reg-form-gender{
        display: flex;
        flex-direction: row;
        align-items: center;

        @media screen and (max-width: 496px) {
            width: 100%;
            justify-content: space-between;
        }

        .reg-form-gender-title{
            color: #8E96A9;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            margin-right: 24px;
        }

        .reg-form-gender-btn{
            button{
                display: flex;
                justify-content: center;
                align-items: center;
                width: 48px;
                height: 48px;
                border-radius: 10px;
                border: 2px solid #CACDD5;
                color: #8E96A9;
                font-style: normal;
                font-weight: 600;
                line-height: normal;

                cursor: pointer;
            }

            &.first{
                margin-right: 10px;
            }
        }
    }

    .reg-form-btn{
        width: 100%;
        margin-bottom: 15px;
        button{
            width: 100%;
            border-radius: 10px;
            background: #1D2D53;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 90px;
            height: 60px;
            color: #FFF;
            font-size: 20px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            border: 0;
            padding: 0 20px;

            cursor: pointer;

            @media screen and (max-width: 1024px) {
                font-size: 16px;
                gap: 0;
                justify-content: space-between;
            }

            @media screen and (max-width: 420px) {
              height: 48px;
              font-size: 14px;
              justify-content: start;
              gap: 25px;
              .auth-btn-arrow{
                display: none;
              }
            }
        }
    }
    .reg-form-gender-btns {
        display: flex;
        gap: 10px;
    }

    .reg-form-gender-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #c3c6cd;
        border-radius: 10px;
        padding: 10px 16px;
        cursor: pointer;
        transition: all 0.2s ease;
        color: #5f6b7c;
        font-weight: 500;
        font-size: 16px;
    }

    .reg-form-gender-btn input {
        display: none;
    }

    .reg-form-gender-btn input:checked + span {
        background-color: #CFEEEC;
        border-color: #CFEEEC;
        color: #0EAA9E;
        font-weight: bold;
    }

    .reg-form-gender-btn span {
        display: inline-block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border-radius: 10px;
        transition: all 0.2s ease;
    }

}
/* End */


/* Start:/local/templates/lonfur/css/blog.css?17470552172643*/
.blog{
    .title{
        padding: 0 0 70px 0;
        span{
            color:#1D2D53;
            font-size: 32px;
            font-weight: 600;

            @media screen and (max-width: 560px){
                font-size: 20px;
            }
        }
    }
    .group-section{
        padding-bottom: 35px;
        display: flex;
        justify-content: space-between;

        @media screen and (max-width: 560px){
            flex-direction: column-reverse;
        }
        .first-section{
            position: relative;
            &::after{
                content:" ";
                background-image: url(/local/templates/lonfur/css/../img/svg/Polygon 18.svg);
                width: 10px;
                position: absolute;
                height: 10px;
                background-repeat: no-repeat;
                transform: translate(-70%, -40%);
                top: 50%;
                right: 2%;
            }

            button{
                border: 2px solid #E0E1E5;
                padding: 13px 125px 13px 16px;
                color:#1D2D53;
                font-size: 1rem;
                border-radius: 10px;
                background-color: #fff;
                outline: none;
                cursor: pointer;
                font-weight: 600;
            }

            @media screen and (max-width: 560px){
                text-align: start;
                margin-top: 8px;
                button{
                    height: 36px;
                    padding: 0 20px;
                    width: 100%;
                }
            }
        }
        .group-second{

            @media screen and (max-width: 560px){
                .btn{
                    height: 36px;
                    padding: 0 20px !important;
                }
            }
            .btn.select{
                background-color: #1D2D53;
                color: #fff;
            }
            .btn{
                border: 2px solid #E0E1E5;
                padding: 15px 20px;
                color:#1D2D53;
                font-size: 1rem;
                border-radius: 10px;
                background-color: #fff;
                outline: none;
                cursor: pointer;
                font-weight: 600;
            }
        }
    }
    .news-cards{
        display: flex;
        flex-wrap: wrap;
        gap: 25px 0;
        margin-bottom: 24px;

        @media screen and (max-width: 560px) {
            gap: 25px;
            .news-card{
                width: 45%;
                flex-grow: 1;
            }
        }
    }
}
/* End */


/* Start:/local/templates/lonfur/css/about-us.css?17458613842364*/
main .aboutUs .container{
    position: relative;

    @media screen and (max-width: 560px){
        padding-right: 0;
    }
}
.aboutUs {
    background-image: url(/img/about-us-bg.png);
    background-repeat: no-repeat;
    background-position-y: 270px;
    background-position-x: center;

    .content{
        width: max-content;

        @media screen and (max-width: 768px){
            width: 100%;
        }
    }

    .banner{
        border-radius: 20px;
        gap: 50px;
        padding: 0 70px;
        margin-left: -70px;
        display: flex;
        flex-direction: column;
        justify-content: start;
        height: max-content;
        padding-bottom: 100px;
        background-image: url(/img/about-us-bg.png);
        width: 100%;
        position: relative;
        background: linear-gradient(180deg, rgb(255, 255, 255) 65%, rgb(255 255 255 / 0%));

        @media screen and (max-width: 560px){
            width: unset;
            padding-bottom:  50px;
        }

        span{
            font-family: Georgia, serif;
            font-size: 1.25rem;
            max-width: 600px;
            display: block;
        }
    }
    .block{
        position: relative;
        .block-content{
            position: relative;
            width: 116%;
            left: 0;
            margin-left: -25%;
            top: 0;
            height: 256px;
            border-radius: 0 0 100px 0;
            display: flex;
            align-items: center;
            background-color: #1D2D53;

            @media screen and (max-width:560px){
                height: max-content;
                padding: 25px 0 ;
            }
        }
        span{
            font-size: 32px;
            font-family: Georgia, serif;
            font-weight: 600;
            max-width: 600px;
            color: #fff;
            padding-left: 30%;

            @media screen and (max-width: 560px){
                font-size: 20px;

            }
        }
    }

    .text{
        font-weight: 700;
        img{
            width: 150px;
            height: 150px;

            @media screen and (max-width: 560px){
                img{
                    width: 73px;
                    height: 73px;
                }
            }
        }
    }
}
/* End */


/* Start:/local/templates/lonfur/css/pay.css?17458613846851*/
.pay{
    .banner-pay{
        position: relative;
        img{
            object-fit: contain;
            position: relative;
            left: 50px;

            @media screen and (max-width: 768px){
                height: 240px;
            }

            @media screen and (max-width: 560px){
                width: 100%;
                height: 100%;
            }
        }
        .title{
            position: absolute;
            top: 30px;
            left: 0;
            span{
                color: #1D2D53;
                font-size: 32px;
                font-weight: 600;
                @media screen and (max-width: 560px){
                    font-size: 20px;
                }
            }
            z-index: 1;

            @media screen and (max-width: 768px) {
                position: relative;
                top: 0;
            }
        }
        .descrip{
            position: absolute;
            bottom: 0;
            left: -250px;
            background-color: #1D2D53;
            border-radius: 0 100px 0 0;
            z-index: 1;
            color: #fff;
            font-size: 24px;
            font-weight: 600;
            width: 70%;
            padding: 50px;
            padding-left: 250px;

            @media screen and (max-width: 1024px) {
                font-size: 21px;
                width: 70%;
                left: -35px;
                padding: 40px 92px 40px 40px;
            }

            @media screen and (max-width: 768px){
                font-size: 18px;
                width: 80%;
                position: relative;
            }

            @media screen and (max-width: 560px){
                font-size: 15px;
                width: 105%;
                left: -16px;
                padding: 20px;
                padding-right: 30px;
            }
        }

    }

    .desc{
        border-bottom: 2px solid #CACDD5;
        padding: 110px 0;
        .title{
            font-size: 24px;
            color: #1D2D53;
            font-weight: 600;

            @media screen and (max-width: 560px){
                font-size: 20px;
            }
        }
        .desc-tit{
            padding-top: 50px;
            display: flex;
            flex-direction: column;
            gap: 30px;
            font-family: Georgia;
            span{
                font-size: 20px;
                @media screen and (max-width: 560px){
                    font-size: 15px;
                }
            }
        }
    }
    .desc-second{
        padding: 100px 0;
        .title{
            color: #1D2D53;
            font-size: 24px;
            font-weight: 600;
            padding-bottom: 50px;

            @media screen and (max-width: 560px){
                font-size: 20px;
            }
        }
        .desc{
            display: flex;
            flex-direction: column;
            gap: 20px;
            border: none;
            padding: 0;
            span{
                display: block;
                color: #1D2D53;
                font-size: 20px;
                font-family: Georgia;
                @media screen and (max-width: 560px){
                    font-size: 15px;
                }
            }
        }
        .desc-s{
            padding-top: 50px;
            font-family: Georgia;
            width: 55%;

            @media screen and (max-width: 768px){
                width: 100%;
            }
            span{
                display: block;
                color: #1D2D53;
                font-size: 20px;

                @media screen and (max-width: 560px){
                    font-size: 15px;
                }
            }
        }

        @media screen and (max-width: 1024px){
            width: 100%;
        }
        .imgf{
            padding-top: 50px;
            display: flex;
            gap: 115px;

            img{
                object-fit: contain;
            }

            @media screen and (max-width: 768px){
                gap: 10px;
                flex-direction: row;
                justify-content: space-between;
                img{
                    width: 20%;
                    object-fit: contain;
                }
            }
        }
    }
    .desc-third{
        border-radius: 0 0 0 100px;
        .container{
            display: flex;
            flex-direction: column;
            gap:60px;
        }
        padding: 100px 0;
        background-color: #F4F5F7;
        .title{
            color: #1D2D53;
            font-size: 24px;
            font-weight: 600;

            @media screen and (max-width: 560px){
                font-size: 20px;
            }
        }
        .desc-1{
            color: #1D2D53;
            font-size: 20px;
            font-family: Georgia;
            @media screen and (max-width: 560px){
                font-size: 15px;
            }
        }
        .title-second{
            color: #1D2D53;
            font-size: 24px;
            font-weight: 600;
            @media screen and (max-width: 560px){
                font-size: 20px;
            }
        }
        .desc-2{
            color: #1D2D53;
            font-family: Georgia;
            font-size: 20px;
            @media screen and (max-width: 560px){
                font-size: 15px;
            }
        }
        .button{
            padding-top: 220px;
            display: flex;
            gap: 20px;

            @media screen and (max-width:768px){
                padding-top: 0;
                flex-direction: column;

                .first-btn{
                    height: 36px;
                    font-size: 15px !important;
                    padding: 0 20px !important;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }
            }

            .first-btn.select{
                background-color: #CBCFD7;
                font-size: 20px;
                color: #fff;
                font-weight: 600;
                padding: 12px 62px;
                border-radius: 6px;

                @media screen and (max-width:768px){
                    padding-top: 0;
                }
            }
            .first-btn{
                background-color: #1D2D53;
                font-size: 20px;
                color: #fff;
                font-weight: 600;
                padding: 12px 62px;
                border-radius: 6px;
                cursor: pointer;

                span{
                    color: #fff;
                }
            }
        }
    }


}
/* End */


/* Start:/local/templates/lonfur/css/delivery.css?17458613848434*/
.delivery{
    img{
        object-fit: contain;
    }
    .banner-delivery{
        position: relative;
        img{
            object-fit: contain;
            position: relative;
            left: 50px;

            @media screen and (max-width: 768px){
                height: 240px;
            }

            @media screen and (max-width: 560px){
                width: 100%;
                height: 100%;
            }
        }
        .title{
            position: absolute;
            top: 30px;
            left: 0;
            span{
                color: #1D2D53;
                font-size: 32px;
                font-weight: 600;
                @media screen and (max-width: 560px){
                    font-size: 20px;
                }
            }
            z-index: 1;

            @media screen and (max-width: 768px) {
                position: relative;
                top: 0;
            }
        }
        .descrip{
            position: absolute;
            bottom: 0;
            left: -250px;
            background-color: #1D2D53;
            border-radius: 0 100px 0 0;
            z-index: 1;
            color: #fff;
            font-size: 24px;
            font-weight: 600;
            width: 70%;
            padding: 50px;
            padding-left: 250px;

            @media screen and (max-width: 1024px) {
                font-size: 21px;
                width: 70%;
                left: -35px;
                padding: 40px 92px 40px 40px;
            }

            @media screen and (max-width: 768px){
                font-size: 18px;
                width: 80%;
            }

            @media screen and (max-width: 560px){
                font-size: 15px;
                width: 105%;
                left: -16px;
                padding: 20px;
                padding-right: 30px;
                position: relative;
            }
        }

    }

    .desc{
        border-bottom: 2px solid #CACDD5;
        padding: 110px 0;

        @media screen and (max-width: 768px){
            padding-top: 50px;
            padding-bottom: 50px;
        }
        .title{
            font-size: 24px;
            color: #1D2D53;
            font-weight: 600;

            @media screen and (max-width: 560px){
                font-size: 20px;
            }
        }
        .desc-tit{
            padding-top: 50px;
            display: flex;
            flex-direction: column;
            gap: 30px;
            font-family: Georgia;
            span{
                font-size: 20px;
                @media screen and (max-width: 560px){
                    font-size: 15px;
                }
            }
        }
    }
    .desc-second{
        padding: 100px 0;

        @media screen and (max-width: 768px){
            padding-top: 50px;
            padding-bottom: 50px;
        }

        .padding-container{
            padding-top: 100px;
            padding-bottom: 100px;

            @media screen and (max-width: 768px){
                padding-top: 50px;
                padding-bottom: 50px;
            }
        }

        .padding-bottom-container{
            padding-bottom: 100px;
            @media screen and (max-width: 768px){
                padding-bottom: 50px;
            }
        }
        .title{
            color: #1D2D53;
            font-size: 24px;
            font-weight: 600;
            padding-bottom: 50px;

            @media screen and (max-width: 560px){
                font-size: 20px;
            }
        }
        .desc{
            display: flex;
            flex-direction: column;
            gap: 20px;
            border: none;
            padding: 0;
            span{
                display: block;
                color: #1D2D53;
                font-size: 20px;
                font-family: Georgia;
                @media screen and (max-width: 560px){
                    font-size: 15px;
                }
            }
        }
        .desc-s{
            padding-top: 50px;
            font-family: Georgia;
            width: 55%;

            @media screen and (max-width: 768px){
                width: 100%;
            }
            span{
                display: block;
                color: #1D2D53;
                font-size: 20px;

                @media screen and (max-width: 560px){
                    font-size: 15px;
                }
            }
        }

        .desc-content{
            display: flex;
            justify-content: space-between;

            .desc{
                width: 80%;

                img{
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                }
            }

            @media screen and (max-width: 768px){
                flex-direction: column;
                align-items: flex-start;
                gap: 30px;
                .desc{
                    width: 100%;
                }

                img{
                    max-height: 75px;
                }
            }
        }

        @media screen and (max-width: 1024px){
            width: 100%;
        }
        .imgf{
            padding-top: 50px;
            display: flex;
            gap: 20px;
            width: 60%;
            align-items: center;

            img{
                width: 100%;
                height: 100%;
            }

            @media screen and (max-width: 768px){
                gap: 10px;
                flex-direction: row;
                justify-content: space-between;
                width: 100%;
                img{
                    width: 30%;
                    object-fit: contain;
                }
            }
        }
    }
    .desc-third{
        border-radius: 0 0 0 100px;
        .container{
            display: flex;
            flex-direction: column;
            gap:60px;
        }
        padding: 100px 0;
        background-color: #F4F5F7;

        @media screen and (max-width: 768px){
            padding-top: 50px;
            padding-bottom: 50px;
        }
        .title{
            color: #1D2D53;
            font-size: 24px;
            font-weight: 600;

            @media screen and (max-width: 560px){
                font-size: 20px;
            }
        }
        .desc-1{
            color: #1D2D53;
            font-size: 20px;
            font-family: Georgia;
            @media screen and (max-width: 560px){
                font-size: 15px;
            }
        }
        .title-second{
            color: #1D2D53;
            font-size: 24px;
            font-weight: 600;
            @media screen and (max-width: 560px){
                font-size: 20px;
            }
        }
        .desc-2{
            color: #1D2D53;
            font-family: Georgia;
            font-size: 20px;
            @media screen and (max-width: 560px){
                font-size: 15px;
            }
        }
        .button{
            padding-top: 220px;
            display: flex;
            gap: 20px;

            @media screen and (max-width:768px){
                padding-top: 0;
                flex-direction: column;

                .first-btn{
                    height: 36px;
                    font-size: 15px !important;
                    padding: 0 20px !important;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }
            }

            .first-btn.select{
                background-color: #CBCFD7;
                font-size: 20px;
                color: #fff;
                font-weight: 600;
                padding: 12px 62px;
                border-radius: 6px;

                @media screen and (max-width:768px){
                    padding-top: 0;
                }
            }
            .first-btn{
                background-color: #1D2D53;
                font-size: 20px;
                color: #fff;
                font-weight: 600;
                padding: 12px 62px;
                border-radius: 6px;
                cursor: pointer;
            }
        }
    }


}
/* End */


/* Start:/local/templates/lonfur/css/garantia.css?17458613846652*/
.garantia{
    .banner-garantia{
        position: relative;
        img{
            object-fit: contain;

            @media screen and (max-width: 768px){
                height: 240px;
            }

            @media screen and (max-width: 560px){
                width: 100%;
                height: 100%;
            }
        }
        .title{
            position: absolute;
            top: 30px;
            left: 0;
            span{
                color: #1D2D53;
                font-size: 32px;
                font-weight: 600;
                @media screen and (max-width: 560px){
                    font-size: 20px;
                }
            }
            z-index: 1;

            @media screen and (max-width: 768px) {
                position: relative;
                top: 0;
            }
        }
        .descrip{
            position: absolute;
            bottom: 0;
            left: -250px;
            background-color: #1D2D53;
            border-radius: 0 100px 0 0;
            z-index: 1;
            color: #fff;
            font-size: 24px;
            font-weight: 600;
            width: 70%;
            padding: 50px;
            padding-left: 250px;

            @media screen and (max-width: 1024px) {
                font-size: 21px;
                width: 70%;
                left: -35px;
                padding: 40px 92px 40px 40px;
            }

            @media screen and (max-width: 768px){
                font-size: 18px;
                width: 80%;
                position: relative;
            }

            @media screen and (max-width: 560px){
                font-size: 15px;
                width: 105%;
                left: -16px;
                padding: 20px;
                padding-right: 30px;
            }
        }

    }

    .desc{
        border-bottom: 2px solid #CACDD5;
        padding: 110px 0;
        .title{
            font-size: 24px;
            color: #1D2D53;
            font-weight: 600;

            @media screen and (max-width: 560px){
                font-size: 20px;
            }
        }
        .desc-tit{
            padding-top: 50px;
            display: flex;
            flex-direction: column;
            gap: 30px;
            font-family: Georgia;
            span{
                font-size: 20px;
                @media screen and (max-width: 560px){
                    font-size: 15px;
                }
            }
        }
    }
    .desc-second{
        padding: 100px 0;
        .title{
            color: #1D2D53;
            font-size: 24px;
            font-weight: 600;
            padding-bottom: 50px;

            @media screen and (max-width: 560px){
                font-size: 20px;
            }
        }
        .desc{
            display: flex;
            flex-direction: column;
            gap: 20px;
            border: none;
            padding: 0;
            span{
                display: block;
                color: #1D2D53;
                font-size: 20px;
                font-family: Georgia;
                @media screen and (max-width: 560px){
                    font-size: 15px;
                }
            }
        }
        .desc-s{
            padding-top: 50px;
            font-family: Georgia;
            width: 55%;

            @media screen and (max-width: 768px){
                width: 100%;
            }
            span{
                display: block;
                color: #1D2D53;
                font-size: 20px;

                @media screen and (max-width: 560px){
                    font-size: 15px;
                }
            }
        }

        @media screen and (max-width: 1024px){
            width: 100%;
        }
        .imgf{
            padding-top: 50px;
            display: flex;
            gap: 115px;

            @media screen and (max-width: 768px){
                gap: 10px;
                flex-direction: row;
                justify-content: space-between;
                img{
                    width: 20%;
                    object-fit: contain;
                }
            }
        }
    }
    .desc-third{
        border-radius: 0 0 0 100px;
        .container{
            display: flex;
            flex-direction: column;
            gap:60px;
        }
        padding: 100px 0;
        background-color: #F4F5F7;
        .title{
            color: #1D2D53;
            font-size: 24px;
            font-weight: 600;

            @media screen and (max-width: 560px){
                font-size: 20px;
            }
        }
        .desc-1{
            color: #1D2D53;
            font-size: 20px;
            font-family: Georgia;
            @media screen and (max-width: 560px){
                font-size: 15px;
            }
        }
        .title-second{
            color: #1D2D53;
            font-size: 24px;
            font-weight: 600;
            @media screen and (max-width: 560px){
                font-size: 20px;
            }
        }
        .desc-2{
            color: #1D2D53;
            font-family: Georgia;
            font-size: 20px;
            @media screen and (max-width: 560px){
                font-size: 15px;
            }
        }
        .button{
            padding-top: 220px;
            display: flex;
            gap: 20px;

            @media screen and (max-width:768px){
                padding-top: 0;
                flex-direction: column;

                .first-btn{
                    height: 36px;
                    font-size: 15px !important;
                    padding: 0 20px !important;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }
            }

            .first-btn.select{
                background-color: #CBCFD7;
                font-size: 20px;
                color: #fff;
                font-weight: 600;
                padding: 12px 62px;
                border-radius: 6px;

                @media screen and (max-width:768px){
                    padding-top: 0;
                }
            }
            .first-btn{
                background-color: #1D2D53;
                font-size: 20px;
                color: #fff;
                font-weight: 600;
                padding: 12px 62px;
                border-radius: 6px;
                cursor: pointer;
            }
        }
    }


}
/* End */


/* Start:/local/templates/lonfur/css/personal.css?175075586413447*/
main{
    background-color: #f4f5f7;
}

.personal{
    padding-bottom: 120px;
    .personal-items{
        display: flex;
        flex-wrap: wrap;
        gap: 24px;

        @media screen and (max-width: 768px){
            flex-direction: column;
        }

        .personal-items-left{
            width: calc(50% - 24px);
            
            @media screen and (max-width: 768px){
                width: 100%;
            }

        }
        .personal-items-right{
            width: calc(50% - 24px);
            
            @media screen and (max-width: 768px){
                width: 100%;
            }

        }
        .personal-info{
            border-radius: 10px;
            background: #FFF;
            box-shadow: 0px 1px 5px 0px rgba(29, 45, 83, 0.20);
            padding: 20px;
            height: 145px;

            display: flex;
            flex-direction: row;
            gap: 24px;
            width: 100%;

            .personal-info-img{
                max-width: 100px;
                img{
                    width: 100%;
                    height: 100%;
                    border-radius: 10px;
                }
            }

            @media screen and (max-width: 768px){
                gap: 10px;
            }

            .personal-info-right{
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                .personal-info-name{
                    color: #1D2D53;
                    font-size: 1.5rem;
                    font-style: normal;
                    font-weight: 700;
                    line-height: normal;

                    .personal-info-date{
                        color: #1d2d5377;
                        font-size: 1rem;
                        font-style: normal;
                        font-weight: 600;
                        line-height: normal;
                    }
                }

                .personal-info-job{
                    color: #0EAA9E;
                    font-size: 1rem;
                    font-style: normal;
                    font-weight: 600;
                    line-height: normal;
                    span{
                        display: flex;
                        gap: 5px;
                        align-items: center;
                    }
                }
            }
        }

        .personal-discount{
            border-radius: 10px;
            background: linear-gradient(88deg, #1A2D53 1.61%, #0EAA9E 53.07%);
            box-shadow: 0px 1px 5px 0px rgba(29, 45, 83, 0.20);
            width: 100%;
            padding: 20px;
            display: flex;
            justify-content: space-between;
            height: 145px;

            @media screen and (max-width: 420px) {
                flex-direction: column;
            }

            .personal-discount-left{
                display: flex;
                flex-direction: column;
                justify-content: space-between;

                @media screen and (max-width: 420px) {
                    flex-direction: row;
                    align-items: center;
                }

                .personal-discount-title{
                    color :#CFEEEC;
                    font-size: 1.25rem;
                    font-style: normal;
                    font-weight: 700;
                    line-height: normal;
                    width: 20%;

                    @media screen and (max-width: 420px){
                        font-size: 12px;
                        width: 75%;
                    }
                }

                .personal-discount-name{
                    color: #fff;
                    font-size: 2rem;
                    font-style: normal;
                    font-weight: 700;
                    line-height: normal;

                    @media screen and (max-width: 420px){
                        font-size: 20px;
                    }
                }
            }

            .personal-discount-right{
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                .personal-discount-more{
                    color: #cfeeec7a;
                    font-style: normal;
                    font-weight: 600;
                    line-height: normal;
                    justify-content: end;
                    display: flex;
                    align-items: center;
                    gap: 20px;

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

                .personal-discount-value{
                    display: flex;
                    gap: 10px;
                    align-items: flex-end;
                    position: relative;

                    @media screen and (max-width: 420px) {
                      justify-content: space-between;
                    }

                    &::after{
                        content: '';
                        position: absolute;
                        left: -20px;
                        bottom: 0;
                        height: 70%;
                        width: 2px;
                        background: #CFEEEC;
                        @media screen and (max-width: 420px) {
                           display: none;
                        }
                    }
                    .personal-discount-value-value{
                        color: #FFF;
                        font-family: Montserrat;
                        font-size: 4rem;
                        font-weight: 800;
                        span{
                            position: relative;
                            top: 8px;
                        }
                    }

                    .personal-discount-value-title{
                        display: flex;
                        flex-direction: column;
                        line-height: 0.5;
                        span{
                            &:nth-child(1){
                                color: #CFEEEC;
                                font-size: 1.25rem;
                                font-style: normal;
                                font-weight: 600;
                                line-height: 0.3;
                            }

                            &:last-child{
                                color: #FFF;
                                font-size: 2rem;
                                font-style: normal;
                                font-weight: 700;
                                line-height: normal;
                            }
                        }
                       
                    }
                }
            }
        }

        .personal-profile{
            /*margin-top: 24px;*/
            padding: 10px 14px;
            border-radius: 10px;
            background: #FFF;
            box-shadow: 0px 1px 5px 0px rgba(29, 45, 83, 0.20);
            height: 48px;
            a{
                display: flex;
                align-items: center;
                gap: 38px;
                color: #1D2D53;
                font-style: normal;
                font-weight: 600;
                line-height: normal;
            }
        }

        .personal-links{
            display: flex;
            flex-direction: column;
            gap: 12px;
            margin-top: 24px;

            .personal-link{
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 10px 14px;
                border-radius: 10px;
                background: #FFF;
                box-shadow: 0px 1px 5px 0px rgba(29, 45, 83, 0.20);
                height: 48px;

                .personal-link-left{
                    display: flex;
                    align-items: center;
                    gap: 38px;

                    .personal-link-img{
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }

                    img{
                        width: 24px;
                        height: 24px;
                    }
                }

                .personal-link-value{
                    border-radius: 5px;
                    background: #0EAA9E;
                    color: #FFF;
                    font-style: normal;
                    font-weight: 600;
                    line-height: normal;
                    width: 26px;
                    height: 26px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

                .personal-link-title{
                    display: flex;
                    align-items: center;
                    gap: 15px;
                    color: #1D2D53;
                    font-style: normal;
                    font-weight: 600;
                    line-height: normal;
                    img{
                        width: 12px;
                        height: 12px;
                    }
                }
            }
        }

        .personal-detail{
            display: flex;
            height: max-content;
            gap: 24px;
            margin-top: 24px;

            @media screen and (max-width: 520px){
                flex-direction: column;
            }

            .personal-detail-item{
                width: 50%;
                border-radius: 10px;
                background: #FFF;
                box-shadow: 0px 1px 11.2px 3px rgba(29, 45, 83, 0.20);
                overflow: hidden;

                @media screen and (max-width: 520px){
                   width: 100%;
                }

                &.active{
                    .personal-detail-head{
                        color: black !important;
                    }
                }
            }

            .personal-detail-payment-item{
                padding: 12px 15px;
                height: 60px;
                border-bottom: 1px solid #CACDD5;
                display: flex;
                align-items: center;
                justify-content: space-between;

                color: #1D2D53;
                font-style: normal;
                font-weight: 600;
                line-height: normal;

                &.active{
                    color: #8E96A9;
                }

                .personal-detail-payment-item-img{
                    width: 19px;
                    height: 19px;

                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
            }

            .personal-detail-address-item{
                height: 120px;

                padding: 15px 21px;
                position: relative;

                color: #8E96A9;
                font-style: normal;
                font-weight: 600;
                line-height: normal;

                border-bottom: 1px solid #CACDD5;

                span{
                    display: block;
                    width: 70%;
                }

                img{
                    position: absolute;
                    right: 22px;
                    top: 22px;
                }
            }

            .personal-detail-head{
                padding: 12px 15px;
                background-color: #fff;
                border-bottom: 1px solid #CACDD5;
                display: flex;
                align-items: center;
                gap: 30px;
                height: 48px;

                color: #1D2D53;
                font-style: normal;
                font-weight: 600;
                line-height: normal;
            }

            .personal-detail-bottom{
                padding: 12px 15px;
                height: 60px;
                display: flex;
                justify-content: end;
            }
        }

        .personal-action{
            display: flex;
            gap: 24px;
            margin-top: 11px;

            @media screen and (max-width: 420px){
                flex-direction: column;
            }

            .personal-action-btn{
                height: 48px;
                display: flex;
                width: 50%;
                border-radius: 10px;
                background: #FFF;
                box-shadow: 0px 1px 5px 0px rgba(29, 45, 83, 0.20);
                justify-content: center;
                align-items: center;
                position: relative;

                color: #1D2D53;
                font-style: normal;
                font-weight: 600;
                line-height: normal;

                cursor: pointer;

                @media screen and (max-width: 420px){
                    width: 100%;
                }
    

                img{
                    position: absolute;
                    left: 24px;
                }
            }
        }
    }
}
/* End */


/* Start:/local/templates/lonfur/css/faq.css?17470552172157*/
.faq-title{
    display: flex;
    align-items: center;
    gap: 30px;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 110px;
    width: 30%;

    @media screen and (max-width: 560px){
        width: 100%;
        margin-bottom: 0;
    }
}

.faq{
    .faq-head{
        display: flex;
        justify-content: space-between;

        .faq-img{
            display: flex;
            justify-content: end;
            img{
                width: 50%;
            }

            @media screen and (max-width: 560px){
                justify-content: center;
                img{
                    width: 80%;
                }
            }
        }
        margin-bottom: 40px;

        @media screen and (max-width: 560px){
            flex-direction: column;
        }
    }

    #faqAccordion{
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .accordion-body{
        color:  #1D2D53;
        font-family: Georgia;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        padding: 32px;
        border-radius: 10px;
    }

    .faq-accordion{
        display: flex;
        flex-direction: column;
        gap: 14px;
    }

    .accordion-item{
        border-radius: 10px;
    }

    .accordion-body{
        background: #cacdd536;
    }

    .accordion-button{
        padding: 18px 43px;
        color: #1D2D53;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        box-shadow: 0px 1px 5px 0px rgba(29, 45, 83, 0.20) !important;
        border: 0;
        outline: none;
        border-radius: 10px !important;

        &:focus{
            border: 0;
            box-shadow: none;
        }
    }

    .accordion-button:not(.collapsed) {
        border-radius: 10px;
        background: #0EAA9E;
        color: white;
        font-family: Montserrat;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

}
/* End */


/* Start:/local/templates/lonfur/css/contacts.css?17470552175070*/
.contacts{
    background-image: url(/local/templates/lonfur/css/../img/background-reangle.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: 55%;

    @media screen and (max-width: 768px){
        background-image: none;
    }
}

.contacts-title{
    display: flex;
    align-items: center;
    gap: 30px;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 110px;
    width: 30%;

    @media screen and (max-width: 768px){
        margin-bottom: 50px;
    }
}

.contacts-items{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 24px;

    .contacts-phone,
    .contacts-email{
        flex-grow: 1;
        display: flex;
        width: 55%;
        border-radius: 10px;
        background: #FFF;
        box-shadow: 0px 1px 5px 0px rgba(29, 45, 83, 0.20);
        padding: 24px;
        min-height: 145px;
        gap: 24px;

        .contacts-item-title{
            color: #0EAA9E;
            font-size: 1.5rem;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            width: 35%;
        }

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

        .contacts-item-value{
            color: #1D2D53;
            font-size: 2rem;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            min-width: 300px;
        }
    }

    .contacts-office,
    .contacts-sep{
        display: flex;
        flex-grow: 1;
        border-radius: 10px;
        background: #FFF;
        box-shadow: 0px 1px 5px 0px rgba(29, 45, 83, 0.20);
        padding: 24px;
        min-height: 145px;
        gap: 24px;

        .contacts-item-title{
            color: #0EAA9E;
            font-size: 1.5rem;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
        }

        .contacts-item-content{
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 24px;
        }

        .contacts-item-value{
            color: #1D2D53;
            font-size: 1.25rem;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            min-width: 300px;
            width: 40%;
        }
    }

    @media screen and (max-width: 660px){
        flex-direction: column;
        .contacts-office,
        .contacts-sep,
        .contacts-phone,
        .contacts-email{
            width: 100%;
            gap: 15px;
            min-height: max-content;
        }

        .contacts-item-value{
            font-size: 20px !important;
            min-width: 200px !important;
        }

        .contacts-item-title{
            font-size: 15px;
        }

        .contacts-item-content{
            width: auto;
            flex-direction: column;
            gap: 30px;
            justify-content: unset;
            .contacts-item-title{
                width: 100%;
            }
        }
    }
}

.contacts-social{
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 1px 5px 0px rgba(29, 45, 83, 0.20);
    max-width: 235px;
    padding: 14px 18px;
    text-align: center;
    display: flex;
    gap: 30px;
    flex-direction: column;

    .contacts-social-title{
        color: #0EAA9E;
        font-family: Montserrat;
        font-size: 1.5rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .contacts-social-items{
        display: flex;
        gap: 10px;
        justify-content: center;

        img{
            width: 55px;
            height: 55px;
        }
    }

    @media screen and (max-width: 660px){
        margin: 0 auto;
        background: unset; 
        box-shadow: unset;

        .contacts-social-title{
            font-size: 24px;
        }
    }
}

.contacts-maps{
    margin-top: 100px;
    margin-bottom: 90px;
    .contacts-maps-title{
        color: #1D2D53;
        font-size: 2rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 50px;
    }

    .contacts-maps-btn{
        margin-bottom: 16px;
        position: relative;
        color: #1D2D53;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 50px;
        width: max-content;
        border-radius: 10px;
        border: 2px solid #CACDD5;
        cursor: pointer;

        img{
            position: absolute;
            right: 23px;
        }
    }

    .contact-map{
        border-radius: 10px;
        overflow: hidden;
        iframe{
            width: 100%;
        }
    }
}
/* End */


/* Start:/local/templates/lonfur/css/favoriteEmpty.css?17507580512300*/
.favorite-empty-title{
    display: flex;
    align-items: center;
    gap: 30px;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 110px;
}

.favorite-empty-content-title{
    background: linear-gradient(90deg, #0EAA9E 0%, #1A2D53 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 3.25rem;
    font-style: normal;
    font-weight: 800;
    line-height: normal;

    @media screen and (max-width: 560px){
        width: 100%;
        font-size: 24px;
        text-wrap: nowrap;
    }
}

.favorite-empty{
    min-height: 80vh;
    background-image: url(/local/templates/lonfur/css/../img/background-reangle.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: -110px;
    background-position-x: right;

    @media screen and (max-width: 1024px) {
        background-position-y: 80px;
        background-position-x: right;
    }

    @media screen and (max-width: 560px){
        background-position-y: 225px;
    }
}

.favorite-empty-content{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;

    .favorite-empty-content-img{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 84px;
        height: 84px;
        border-radius: 10px;
        background: #1D2D53;
        margin-bottom: 57px;

        @media screen and (max-width: 1024px) {
            margin-bottom: 25px;
        }
    }

    .favorite-empty-content-subtitle{
        margin-top: 46px;
        color: #1D2D53;
        text-align: center;
        font-size: 1.25rem;
        display: flex;
        gap: 10px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        width: 20%;
        img{
            position: relative;
            top: 2px;
        }

        @media screen and (max-width: 1024px) {
            width: 25%;
            margin-top: 25px;
        }

        @media screen and (max-width: 768px){
            width: 35%;
        }

        @media screen and (max-width: 560px){
            width: 90%;
            font-size: 15px;
        }
    }
}




/* End */


/* Start:/local/templates/lonfur/components/bitrix/menu/h_client_nav/style.min.css?17423135422111*/
ul#vertical-multilevel-menu,#vertical-multilevel-menu ul{margin:0;padding:0;list-style:none;width:214px;font-size:12px}#vertical-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;border:1px solid #c1c1c1;border-bottom:0;width:200px}#vertical-multilevel-menu li a{display:block;text-decoration:none;color:#4f4f4f;font-weight:bold;padding:5px;background:#f5f5f5;border-bottom:1px solid #c1c1c1}#vertical-multilevel-menu li a.item-selected{background-color:#d6d6d6}#vertical-multilevel-menu li a:hover{background-color:#d6d6d6}#vertical-multilevel-menu a.root-item{color:#fff;font-weight:bold;font-size:12px;padding:5px 0 7px 35px;background:#61656a url(/local/templates/lonfur/components/bitrix/menu/h_client_nav/images/item_bg.gif) 0 0 no-repeat;border:0;box-sizing:border-box;-moz-box-sizing:border-box}#vertical-multilevel-menu a.root-item:hover,#vertical-multilevel-menu a.root-item-selected:hover{background:#61656a url(/local/templates/lonfur/components/bitrix/menu/h_client_nav/images/item_bg.gif) 0 -26px no-repeat}#vertical-multilevel-menu a.root-item-selected{color:#fff;font-weight:bold;font-size:12px;padding:5px 0 7px 35px;background:#61656a url(/local/templates/lonfur/components/bitrix/menu/h_client_nav/images/item_bg.gif) 0 -26px no-repeat;border:0;box-sizing:border-box;-moz-box-sizing:border-box}#vertical-multilevel-menu a.parent{background:#f5f5f5 url(/local/templates/lonfur/components/bitrix/menu/h_client_nav/images/arrow.gif) center right no-repeat;padding-right:10px}#vertical-multilevel-menu a.denied{background:#f5f5f5 url(/local/templates/lonfur/components/bitrix/menu/h_client_nav/images/lock.gif) center right no-repeat;color:#ddd;padding-right:10px}/*\*/* html ul#vertical-multilevel-menu li{float:left;height:1%}* html ul#vertical-multilevel-menu li a{height:1%}/**/#vertical-multilevel-menu li ul.root-item{margin:-27px 0 0 210px}#vertical-multilevel-menu li ul{margin:-27px 0 0 133px}#vertical-multilevel-menu li:hover ul ul,#vertical-multilevel-menu li.jsvhover ul ul,#vertical-multilevel-menu li:hover ul ul ul,#vertical-multilevel-menu li.jsvhover ul ul ul{display:none}#vertical-multilevel-menu li:hover ul,#vertical-multilevel-menu li.jsvhover ul,#vertical-multilevel-menu li li:hover ul,#vertical-multilevel-menu li li.jsvhover ul,#vertical-multilevel-menu li li li:hover ul,#vertical-multilevel-menu li li li.jsvhover ul{display:block}
/* End */


/* Start:/local/templates/lonfur/components/bitrix/menu/h_nav/style.min.css?17423135422111*/
ul#vertical-multilevel-menu,#vertical-multilevel-menu ul{margin:0;padding:0;list-style:none;width:214px;font-size:12px}#vertical-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;border:1px solid #c1c1c1;border-bottom:0;width:200px}#vertical-multilevel-menu li a{display:block;text-decoration:none;color:#4f4f4f;font-weight:bold;padding:5px;background:#f5f5f5;border-bottom:1px solid #c1c1c1}#vertical-multilevel-menu li a.item-selected{background-color:#d6d6d6}#vertical-multilevel-menu li a:hover{background-color:#d6d6d6}#vertical-multilevel-menu a.root-item{color:#fff;font-weight:bold;font-size:12px;padding:5px 0 7px 35px;background:#61656a url(/local/templates/lonfur/components/bitrix/menu/h_nav/images/item_bg.gif) 0 0 no-repeat;border:0;box-sizing:border-box;-moz-box-sizing:border-box}#vertical-multilevel-menu a.root-item:hover,#vertical-multilevel-menu a.root-item-selected:hover{background:#61656a url(/local/templates/lonfur/components/bitrix/menu/h_nav/images/item_bg.gif) 0 -26px no-repeat}#vertical-multilevel-menu a.root-item-selected{color:#fff;font-weight:bold;font-size:12px;padding:5px 0 7px 35px;background:#61656a url(/local/templates/lonfur/components/bitrix/menu/h_nav/images/item_bg.gif) 0 -26px no-repeat;border:0;box-sizing:border-box;-moz-box-sizing:border-box}#vertical-multilevel-menu a.parent{background:#f5f5f5 url(/local/templates/lonfur/components/bitrix/menu/h_nav/images/arrow.gif) center right no-repeat;padding-right:10px}#vertical-multilevel-menu a.denied{background:#f5f5f5 url(/local/templates/lonfur/components/bitrix/menu/h_nav/images/lock.gif) center right no-repeat;color:#ddd;padding-right:10px}/*\*/* html ul#vertical-multilevel-menu li{float:left;height:1%}* html ul#vertical-multilevel-menu li a{height:1%}/**/#vertical-multilevel-menu li ul.root-item{margin:-27px 0 0 210px}#vertical-multilevel-menu li ul{margin:-27px 0 0 133px}#vertical-multilevel-menu li:hover ul ul,#vertical-multilevel-menu li.jsvhover ul ul,#vertical-multilevel-menu li:hover ul ul ul,#vertical-multilevel-menu li.jsvhover ul ul ul{display:none}#vertical-multilevel-menu li:hover ul,#vertical-multilevel-menu li.jsvhover ul,#vertical-multilevel-menu li li:hover ul,#vertical-multilevel-menu li li.jsvhover ul,#vertical-multilevel-menu li li li:hover ul,#vertical-multilevel-menu li li li.jsvhover ul{display:block}
/* End */


/* Start:/local/templates/lonfur/components/bitrix/search.title/template1/style.css?1747055217555*/
.title-search-form {
	display: flex;
	align-items: center;
	height: 48px;
}

.title-search-input {
	flex: 1;
	padding: 10px 12px;
	border: none;
	border-radius: 10px 0 0 10px !important;
	font-size: 16px;
	outline: none;
	background-color: #fff;
	transition: box-shadow 0.2s ease;
	height: 100%;
}


.title-search-button {
	background-color: #0EAA9E;
	color: white;
	border: none;
	padding: 10px 16px;
	border-radius: 0 10px 10px 0;
	font-size: 15px;
	cursor: pointer;
	transition: background-color 0.2s ease;
	height: 100%;
}
/* End */


/* Start:/local/components/lonfur/menu_mobile_catalog_list/templates/.default/style.css?17470552171751*/
.mobile-catalog-menu {
    width: 100%;
    background-color: #f4f5f7;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 7px -3px rgba(0, 0, 0, 0.75);
}

.mobile-catalog-all {
    display: block;
    padding: 12px 20px;
    background-color: #ffffff;
    border-radius: 10px;
    font-weight: 600;
    color: #1D2D53;
    text-decoration: none;
    margin-bottom: 15px;
    transition: background-color 0.3s;
}

.mobile-catalog-all:hover {
    background-color: #f0f0f0;
}

.mobile-catalog-category {
    margin-bottom: 15px;
}

.mobile-catalog-category-header {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    background-color: #ffffff;
    border-radius: 10px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s;
}

.mobile-catalog-category-header img {
    width: 36px;
    height: 36px;
    margin-right: 15px;
}

.mobile-catalog-category-header:hover {
    background-color: #f0f0f0;
}

.mobile-catalog-subcategories {
    display: none;
    padding-left: 15px;
    margin-top: 10px;
    background-color: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s;
}

.mobile-catalog-subcategories.open {
    display: block;
}

.mobile-catalog-subcategory {
    display: block;
    padding: 10px 20px;
    font-weight: 500;
    border-bottom: 1px solid #f0f0f0;
    text-decoration: none;
    transition: background-color 0.3s;
}

.mobile-catalog-subcategory:last-child {
    border-bottom: none;
}

.mobile-catalog-arrow {
    margin-left: auto;
    transition: transform 0.3s;
}

.mobile-catalog-category.active .mobile-catalog-arrow {
    transform: rotate(180deg);
}

/* End */


/* Start:/local/components/lonfur/accordion.menu/templates/.default/style.css?17470552171059*/
/* Стили для аккордеона */
.custom-accordion {
    width: 100%;
    border-radius: 8px;
}
.accordion-header {
    margin: 0;
}
.accordion-button {
    width: 100%;
    color: #fff;
    font-size: 1rem;
    border: none;
    padding: 10px 20px;
    text-align: left;
    cursor: pointer;
    outline: none;
    border-radius: 8px 8px 0 0;
    transition: background-color 0.3s;
}
.accordion-button:hover {
    background-color: #0EAA9E;
}
.accordion-collapse {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}
.accordion-body {
    padding: 15px;
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    border-top: none;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.accordion-body a {
    display: block;
    color: #333;
    padding: 5px 0;
    text-decoration: none;
    transition: color 0.3s;
}
.accordion-body a:hover {
    color: #0EAA9E;
}
.accordion-button.active + .accordion-collapse {
    max-height: 500px;
}

/* End */
/* /local/templates/lonfur/css/global.css?175076193456907 */
/* /local/templates/lonfur/css/swiper-bundle.min.css?49916250018453 */
/* /local/templates/lonfur/css/normalize.css?17507558647165 */
/* /local/templates/lonfur/css/main.css?17460892108484 */
/* /local/templates/lonfur/css/catalog.css?17470552179090 */
/* /local/templates/lonfur/css/basket.css?175075774612571 */
/* /local/templates/lonfur/css/productCard.css?175077091914421 */
/* /local/templates/lonfur/css/order.css?17446473761249 */
/* /local/templates/lonfur/css/auth.css?17458613845546 */
/* /local/templates/lonfur/css/reg.css?17458613845437 */
/* /local/templates/lonfur/css/blog.css?17470552172643 */
/* /local/templates/lonfur/css/about-us.css?17458613842364 */
/* /local/templates/lonfur/css/pay.css?17458613846851 */
/* /local/templates/lonfur/css/delivery.css?17458613848434 */
/* /local/templates/lonfur/css/garantia.css?17458613846652 */
/* /local/templates/lonfur/css/personal.css?175075586413447 */
/* /local/templates/lonfur/css/faq.css?17470552172157 */
/* /local/templates/lonfur/css/contacts.css?17470552175070 */
/* /local/templates/lonfur/css/favoriteEmpty.css?17507580512300 */
/* /local/templates/lonfur/components/bitrix/menu/h_client_nav/style.min.css?17423135422111 */
/* /local/templates/lonfur/components/bitrix/menu/h_nav/style.min.css?17423135422111 */
/* /local/templates/lonfur/components/bitrix/search.title/template1/style.css?1747055217555 */
/* /local/components/lonfur/menu_mobile_catalog_list/templates/.default/style.css?17470552171751 */
/* /local/components/lonfur/accordion.menu/templates/.default/style.css?17470552171059 */