@charset "UTF-8";
.modal-gallery {
  height: 100%; }
  .modal-gallery .modal-dialog {
    max-width: 1920px; }
  .modal-gallery .modal-content {
    max-height: 90vh;
    height: 100vh;
    padding-top: 10rem;
    padding-bottom: 10rem; }
    @media (max-width: 1023px) {
      .modal-gallery .modal-content {
        height: auto;
        max-height: none;
        padding: 50px 16px 40px; } }
  .modal-gallery__inner {
    display: grid;
    grid-template-columns: auto 45rem;
    gap: 5rem;
    height: 100%; }
    @media (max-width: 1023px) {
      .modal-gallery__inner {
        flex-direction: column;
        display: flex;
        gap: 0; } }
  .modal-gallery__left {
    position: relative;
    display: flex;
    direction: rtl; }
  .modal-gallery__overflow {
    flex-grow: 1;
    position: relative; }
  .modal-gallery__scroll {
    position: absolute;
    inset: 0;
    overflow: auto;
    padding-top: .5rem;
    padding-left: 5rem;
    padding-right: 0.5rem; }
    .modal-gallery__scroll::-webkit-scrollbar {
      width: 3px;
      /* ширина для вертикального скролла */
      height: 3px;
      /* высота для горизонтального скролла */
      border-radius: 0px;
      background-color: #D8D8D8; }
    .modal-gallery__scroll::-webkit-scrollbar-thumb {
      background-color: #6F7682;
      border-radius: 10em; }
      .modal-gallery__scroll::-webkit-scrollbar-thumb:hover {
        background-color: #6F7682; }
    @media (max-width: 1023px) {
      .modal-gallery__scroll {
        position: static;
        padding: 0; } }
  .modal-gallery__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px; }
    .modal-gallery__image img {
      max-width: 100%;
      max-height: 100%;
      width: 100%;
      height: 100%;
      object-fit: contain; }
  .modal-gallery__title {
    margin-bottom: 1.6rem; }
    @media (max-width: 1023px) {
      .modal-gallery__title {
        margin-bottom: 20px; } }
  .modal-gallery__photos {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2.4rem; }
    @media (max-width: 1023px) {
      .modal-gallery__photos {
        gap: 16px; } }
  .modal-gallery__thumb {
    width: 100%;
    aspect-ratio: 1.6;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    border: 1px solid #D8D8D8;
    position: relative;
    border-radius: .5rem; }
    @media (max-width: 1023px) {
      .modal-gallery__thumb {
        border-radius: 6px; } }
    .modal-gallery__thumb .lazy-img-wrap {
      position: absolute;
      border-radius: 5px;
      overflow: hidden;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: flex;
      align-items: center;
      justify-content: center; }
      .modal-gallery__thumb .lazy-img-wrap img {
        max-width: 100%;
        max-height: 100%;
        width: 100%;
        height: 100%;
        object-fit: contain; }
    .modal-gallery__thumb::before {
      position: absolute;
      content: '';
      inset: -.3rem;
      border-radius: .8rem;
      border: 1px solid transparent; }
      @media (max-width: 1023px) {
        .modal-gallery__thumb::before {
          content: none; } }
    .modal-gallery__thumb.active {
      pointer-events: none; }
      @media (min-width: 1024px) {
        .modal-gallery__thumb.active {
          border-color: transparent; }
          .modal-gallery__thumb.active::before {
            border-color: #00A19B; } }
    .modal-gallery__thumb--coll {
      border: none; }
      @media (min-width: 1024px) {
        .modal-gallery__thumb--coll:hover {
          box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25); } }
      .modal-gallery__thumb--coll:active {
        box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25); }
      .modal-gallery__thumb--coll .lazy-img-wrap img {
        object-fit: cover; }
  .modal-gallery__slider {
    position: absolute;
    inset: 0 0 0 0; }
    @media (max-width: 1023px) {
      .modal-gallery__slider {
        inset: 0; } }
    .modal-gallery__slider .splide {
      position: absolute;
      inset: 0; }
    .modal-gallery__slider .splide__track {
      height: 100%; }
    .modal-gallery__slider .splide__slide {
      aspect-ratio: 1.61; }
    .modal-gallery__slider .splide__arrows {
      bottom: -4rem; }
  .modal-gallery__products {
    position: relative;
    width: 100%;
    height: 100%; }
  .modal-gallery--collection .modal-gallery__thumb img,
  .modal-gallery--collection .modal-gallery__image img {
    object-fit: cover; }
  @media (min-width: 1024px) {
    .modal-gallery__footer {
      margin-top: 5rem;
      padding-top: 5rem;
      border-top: 1px solid #00A19B;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 2.4rem; }
      .modal-gallery__footer .btn {
        width: 100%;
        max-width: 28rem; }
        .modal-gallery__footer .btn span:last-child {
          display: none; } }
  .modal-gallery__total {
    display: flex;
    align-items: center;
    gap: 1rem; }
    @media (max-width: 1023px) {
      .modal-gallery__total {
        display: none; } }
  @media (max-width: 1023px) {
    .modal-gallery .modal-footer {
      margin: 0 -5rem;
      padding: 10px 0;
      position: sticky;
      bottom: 0;
      background: var(--White, #FFF);
      box-shadow: 8px 0px 10px 0px rgba(0, 0, 0, 0.25); }
      .modal-gallery .modal-footer .btn {
        width: 100%;
        justify-content: space-between; } }
  @media (max-width: 575px) {
    .modal-gallery .modal-footer {
      margin: 0 -19px;
      padding: 10px 0; } }

.modal-project-mini-card {
  border: 1px solid #00A19B;
  padding: 0.9rem;
  border-radius: 6px;
  height: 100%;
  display: flex;
  flex-direction: column; }
  @media (max-width: 1023px) {
    .modal-project-mini-card {
      padding: 8px; } }
  .modal-project-mini-card__image-wrap {
    padding-bottom: 65%;
    position: relative;
    margin-bottom: 1.3rem; }
    @media (max-width: 1023px) {
      .modal-project-mini-card__image-wrap {
        margin-bottom: 12px; } }
  .modal-project-mini-card__title {
    margin-bottom: 1.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden; }
    @media (max-width: 1023px) {
      .modal-project-mini-card__title {
        margin-bottom: 10px; } }
  .modal-project-mini-card__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center; }
    .modal-project-mini-card__image img {
      max-width: 100%;
      max-height: 100%; }
  .modal-project-mini-card__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto; }
    @media (max-width: 1023px) {
      .modal-project-mini-card__footer .icon {
        width: 18px;
        height: 18px; } }
  .modal-project-mini-card__prices {
    display: flex;
    flex-direction: column; }
  .modal-project-mini-card__price-old {
    color: #6F7682;
    text-decoration: line-through; }