*,
*::before,
*::after {
  box-sizing: border-box;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    background-color: white;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
@font-face {
    font-family: 'Inter Tight';
    src: url('/assets/InterTight-VariableFont_wght.woff2') format('woff2-variations');
    font-display: swap;
}

html, body {
    font-family: 'Inter Tight';
    font-variation-settings: 'wght' 400, 'wdth' 100;
    font-size: 16px;
    color: black;
}
html {
    background: white;
}
* {
    font-family: 'Inter Tight';
}
.llLending {
    max-width: 1920px;
    margin: 0 auto;
}
.llLending-header__header {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 15px;
    align-items: center;
    position: relative;
    z-index: 500;
}

.llLending-header__header--main {
    align-items: center;
    display: flex;
    width: 100%;
    gap: 10px;
} 
.llLending-header--headerImg {

/*        padding: 0px 15px 15px 15px;*/
        text-align: center;
        padding: 0;
        justify-content: center;

}

.llLending-section {
    padding: 15px;
}
.llLending-section--header {
    margin-bottom: 22px;
    margin-top: 13px;
}

.llLending__concertsItem--header {
        display: flex;
    gap: 8px;
    margin-bottom: 14px;
}
.llLending__concertsItem--body {
    display: flex;
    gap: 23px;
        font-size: 18px;
    font-variation-settings: 'wght' 500, 'wdth' 100;
}
.llLending__concertsItem--actions {
    margin-top: 42px;
}
 .logo-illustration_concertsItem_0 {
    position: absolute;
    right: 21px;
    top: -9px;
 }
.llLending-header__header-avatar > img {
    max-width: 40px;
    height: auto;
    border-radius: 12px;
}

.llLending-header__header-meta-title {
    font-variation-settings: 'wght' 600, 'wdth' 100;
    font-size: 17px;
    color: black;
}

.llLending-header__header-meta-hint {
    font-variation-settings: 'wght' 600, 'wdth' 100;
    color: #FF3F23;
    margin-top: 2.5px;
    font-size: 14px;
}

.ageLimitBadge {
        border: 1px solid #AEB1C2;
    padding: 6.5px 9px;
    border-radius: 10px;
    color: #5B5B5B;
    font-variation-settings: 'wght' 600, 'wdth' 100;
    font-size: 14px;
    color: black;
}
.llLending__concertsItem-vertical--main {
    color: black;
}
.llLending-header--headerImg > img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}

.llLending-section__title {
    font-variation-settings: 'wght' 600, 'wdth' 100;
    font-size: 24px;
}

.llLending__concertsItem--left {
        font-variation-settings: 'wght' 600, 'wdth' 100;
}

.llLending__concertsItem-locationData-city {
    margin-right: 6px;

    font-variation-settings: 'wght' 700, 'wdth' 100;
    text-transform: uppercase;

}

.llLending__concertsItem-locationData-venue {
    margin-left: 6px;
}

.btn_buy {
        padding: 11px 17px;
    width: 100%;
    display: block;
    text-align: center;
    background-color: #58168E;
    color: white;
    border-radius: 11px;
    text-decoration: none;
}
.btn_buy:hover {
    opacity: 0.92;
    transition: 0.15s;
}
.btn_posterHeader {
    background-color: #E62A2A;
    padding: 16px 26px;
    border-radius: 13px;
        font-variation-settings: 'wght' 600, 'wdth' 100;
            border-radius: 14px;
}

.advantageBadge {
        border-radius: 10px;
            display: flex;
            text-decoration: none;
            transition: 0.2s;
}
.advantageBadge:hover {
    opacity: 0.8;
}
.advantageBadge--container {
    display: flex;
    gap: 8px;
    padding: 6px 9px;

    align-items: center;

}
.advantageBadge--container--icon {
    display: flex;
}
.advantageBadge--container--main {

    font-variation-settings: 'wght' 600, 'wdth' 100;
    color: #E62A2A;
    font-size: 13px;
    display: flex;

}
.advantageBadge_serviceVkMeet .advantageBadge--container--main {
    color: #0E5380;
}
.advantageBadge_serviceFeeNull {
    background-color: #ffffff;
}

.advantageBadge_serviceVkMeet {
    background-color: #CFEAF9;
    color: #0E5380;
}
.llLending__description {
    white-space: pre-wrap;
    line-height: 23px;
    font-size: 18px;
    position: relative;
    z-index: 500;
    font-variation-settings: 'wght' 500, 'wdth' 100;
}

.llLending__concertsList {
    display: flex;
    flex-direction: column;
    gap: 48px;
}
.llLending__concertsList_red {
    background-color: #000000;
    padding: 28px 0;
    color: white;
}
.llLending__concertsList_black {
    background-color: #000000;
    color: white;
}
.llLending__concertsList_red .advantageBadge--container--main {
    color: #B71C1C;
}

.llLending__concertsList_red .btn_buy {
    background-color: white;
    color: black;
        font-size: 20px;
    border-radius: 13px;
    padding: 14px 17px;
    font-variation-settings: 'wght' 600, 'wdth' 100;
}
.llLending__concertsList_black .btn_buy {
    background-color: #B71C1C;
    color: white;
        font-size: 20px;
    border-radius: 13px;
    padding: 14px 17px;
    font-variation-settings: 'wght' 600, 'wdth' 100;
}
.llLending__posterHeader--left {
        position: relative;
    z-index: 505;
}
.video-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 60px; /* Чуть больше отступов */
    }

    @media (min-width: 768px) {
      .video-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    .video-wrapper {
      position: relative;
      width: 100%;
      padding-top: 56.25%; /* Соотношение 16:9 */
      overflow: hidden;
      border-radius: 20px; 
/*      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);*/
    }

    .video-wrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: none;
      border-radius: 20px;
    }

    .video-info {
      margin-top: 23px;
/*      padding: 10px 15px;*/
      border-radius: 15px;
/*      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);*/
    }

    .video-title {
      margin: 0px 0 8px;

      font-variation-settings: 'wght' 600, 'wdth' 100;
    font-size: 20px;
    }

    .video-artist {
      margin: 0 0 8px;
      font-size: 12px;
        color: rgb(0 0 0 / 50%);
        font-variation-settings: 'wght' 600, 'wdth' 100;
    }

    .video-views {
        font-size: 24px;
        font-variation-settings: 'wght' 600, 'wdth' 100;
        color: #CA0000;
        margin: 14px 0 22px;
    }

    .badge-row {
        display: flex;
    }

    .llLending-footer {
    background-color: #000000;
   padding: 28px 0; 
    background-position: center -161px;
    background-size: cover;
    }

.llLending-footer--header {
    z-index: 100;
    position: relative;
}

.llLenging__organizerData {
        z-index: 100;
    position: relative;
}

    .llLenging__organizerData-label {
      color: rgb(255 255 255 / 40%);
    font-variation-settings: 'wght' 600, 'wdth' 100;
    font-size: 10px;
    margin-bottom: 5px;
    }

    .llLenging__organizerData-value {
color: white;
    font-variation-settings: 'wght' 600, 'wdth' 100;
    font-size: 12px;
    }

.llLending-footer--body {
      margin-top: 12px;
      z-index: 100;
    position: relative;
    color: white;
}
    .llLending-footer--body a {
          font-size: 12px;
    color: white;
    font-variation-settings: 'wght' 600, 'wdth' 100;
    }
.llLending-footer--footer {
        z-index: 100;
    position: relative;
    display: flex;
    justify-content: space-between;
}
    .socialIcons {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-top: 36px;
    }
    .logo--footer {
            margin-top: 36px;
    }
    .logo--footer img {
        width: 129px;
    }
    .socialIcons__item svg path {
        fill: white;
    }

.llLending-footer {
    padding: 40px 0 28px 0;
}

    .hands-mobile_right {
            position: absolute;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    }
    .hands-mobile_left {
            position: absolute;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    }

.hands-mobile_left > div:first-child img { top: -24px; }
.hands-mobile_left > div:nth-child(2) img { top: 30px; }
.hands-mobile_right > div:first-child img { top: -12px; }
.hands-mobile_right > div:nth-child(2) img { top: 54px; }

    .hands-mobile_right > div > img {
        display: block;
    position: relative;
    right: 0;
    }

        .hands-mobile_left > div > img {
        display: block;
    position: relative;
    left: 0;
    }

    .headerImg > img {
        max-width: 100%;
    display: block;
    }

    .llLending-header--headerImg {
            display: flex;
    position: relative;
    }

    .llLending-header {
        background-color: #D3DCDE;
        color: #ffffff;
        height: 428px;
        position: relative;
        clip-path: border-box;
    overflow: hidden;
    }

    .logoMiddle {

/*            color: #ee0000;*/
    position: absolute;
    bottom: -40%;
    z-index: 10;
    text-align: center;
    }  
    .logoMiddle > img {
        max-width: 100%;
    width: 88%;
    }

    .headerImg {
        position: relative;
    display: flex;
    justify-content: center;
    }

    .headerImg::after {
    content: "";
    width: 100%;
    height: 54px;
    background-color: #ff000094;
    display: block;
    bottom: 0;
    position: absolute;
    background: linear-gradient(0deg, rgb(255 255 255) 0%, rgba(255, 255, 255, 0) 100%);
}


.llLending__concertsItem {
    position: relative;
}

.bird-section {
    opacity: 0.4;
    position: absolute;
}
.bird-section_c_0 {
    top: 4px;
    right: 11px;
}
.bird-section_c_0 img {
    width: 34px;
}
.bird-section_c_1 img {
    width: 30px;
}
.llLending__concertsItem--header, .llLending__concertsItem--body, .llLending__concertsItem--actions {
    padding: 0 15px;
}

.bird-section_c_1 {
        left: -2px;
    top: 37px;
}

.bird-section_c_2 {
    right: 80px;
    top: -20px;
}

.bird-section_c_2 img {
    width: 42px;
}

.bird-section_c_3 {
    right: 15px;
    top: 30px;
}

.bird-section_c_3 img {
    width: 41px;
}

.bird-section_c_4 {
        right: 22px;
    top: -9px;
}
.bird-section_c_4 img {
    width: 30px;

}

.bird-section_c_5 {
        top: -34px;
    left: 10px;
}

.bird-section_c_5 img {
    width: 41px;
}

.bird-section_c_6 {
    right: 26px;
}

.bird-section_c_6 img {
    width: 36px;
}

.bird-section_c_7 {
        right: 50px;
    top: -20px;
}

.bird-section_c_7 img {
width: 37px;
}

.trees-section_d_0 {
    position: absolute;
    top: 0;
    right: 0;
}

.trees-section_d_0 img {
max-width: 100%;
    width: 201px;

}

.trees-section_d_1 {
        position: absolute;
    top: -60px;
    left: -102px;
}

.trees-section_d_1 img {
width: 147px;
}

.bird-section_d_0 {
        top: 2px;
}

.bird-section_d_0 img {
        width: 30px;
}

.bird-section_d_1 {
    right: 76px;
}

.bird-section_d_1 img {
    width: 41px;
}

.bird-section_d_2 {
        bottom: -47px;
    right: 200px;
}

.bird-section_d_2 img {
        width: 36px
}

.bird-section_d_3 {
    bottom: -30px;
    right: 5px;
}
.bird-section_d_3 img {
    width: 50px;
}

.bird-section_d_4 {
    bottom: -21px;
}

.bird-section_d_4 img {
    width: 47px;
}

.bird-section_v_0 {
    top: -65px;
    right: 30px;
}

.bird-section_v_0 img {
width: 37px;
}

.bird-section_v_1 {
bottom: -29px;
    right: 209px;
}

.bird-section_v_1 img {
width: 30px;
}

.bird-section_v_2 {

    bottom: 18px;
    right: 19px;
}

.bird-section_v_2 img {
width: 39px;
}

.bird-section_v_3 {
    bottom: -25px;
    right: 50px;
}

.bird-section_v_3 img {
width: 42px;
}

.bird-section_v_4 {
    bottom: -56px;
    left: 5px;
}

.bird-section_v_4 img {
    width: 39px;
}

.header-illustrations {
    display: none;
    position: absolute;
}
.header-illustrations img {
    max-width: 324px;
    width: 324px;
}
.artistImgMain {
        position: relative;
    left: 130px;
    top: 10px;
}
.artistImgMain > img {
    width: 382px;
    height: auto;
}
.llLending__posterHeader--right {
    position: absolute;
    top: -25px;
    right: 0;
    z-index: 500;
}

.llLending__concertsItem-vertical-actions {
    display: flex;
    margin-bottom: 16px;
}
.llLending__concertsItem-vertical-actions > a {
    width: auto;
}
.llLending__concertsItem-vertical-additional {
    display: flex;
}
.llLending-header-line {
    position: absolute;
    width: 462px;
    left: -70px;
    top: -55px;
}
.llLending-header-line > img {
        width: 100%;
    height: auto;
}
.llLending-header--main {
        position: relative;
    z-index: 500;
}

.llLending__concertsItem-vertical-header-dateEventExpanded {
    display: flex;
    align-items: center;
    gap: 11px;
        margin-bottom: 10px;
}
.llLending__concertsItem-vertical-header-dateEventExpanded-date {
    font-variation-settings: 'wght' 700, 'wdth' 100;
    font-size: 32px;
}
.llLending__concertsItem-vertical-header-dateEventExpanded-additional {
    color: rgb(255 255 255 / 70%);
    text-transform: uppercase;
    font-variation-settings: 'wght' 600, 'wdth' 100;
    font-size: 11px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 1px;
}
.llLending__concertsItem-vertical-body {
        font-variation-settings: 'wght' 700, 'wdth' 100;
    font-size: 15px;
        margin-bottom: 16px;
}
.llLending__concertsItem-vertical {
    position: relative;
    top: 74px;
    left: 25px;
}
.llLending-section--body_desc {
    position: relative;
}
.artist-illustration_0 {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    opacity: 0.2;
}
.artist-illustration_0 > img {
    height: 100%;
}


  .wrap {
    width: 100%;
    max-width: 1100px;
  }

  .slider {
    position: relative;
  }

  .viewport {
    overflow: visible; /* 👈 чтобы выглядывали соседние */
    width: 100%;
  }

  .slides {
    display: flex;
    transition: transform 0.5s ease;
    align-items: center;
  }

  .slide {
    flex: 0 0 80%;
    padding: 1px;
    user-select: none;
    transition: transform 0.3s ease;
  }
.llLending-footer--main {
        margin-top: 150px;
        display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
}
  .slide img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    border-radius: 12px;
    display: block;
  }

  .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 0;
    background: rgba(0, 0, 0, 0.45);
    color: #fff;
    font-size: 22px;
    cursor: pointer;
    display: none;
    align-items: center;
    justify-content: center;
  }

  .arrow.left { left: 10px; }
  .arrow.right { right: 10px; }

  .thumbnails {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 10px;
  }

  .thumb {
    width: 70px;
    height: 70px;
    border-radius: 10px;
    overflow: hidden;
    border: 2px solid transparent;
    cursor: pointer;
    transition: border 0.3s;
  }

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

  .thumb.active { border-color: #e53935; }
.llLending-section--body_slider {
    overflow-x: hidden;
    display: flex;
    justify-content: center;
}

.logo-illustration_start {
        position: absolute;
    top: -69px;
    right: 19px;
}
.artist-illustration_1 {
        position: relative;
    width: 123px;
    left: -15px;
}
.artist-illustration_1 > img {
    width: 100%;
    height: auto;
}
.artist-illustration_2 {
    position: absolute;
    width: 135px;
    top: -100px;
    right: 23px;
}
.artist-illustration_2 > img {
    width: 100%;
    height: auto;
}
.logo-illustration_video_0 {
        position: absolute;
    top: 51px;
    right: 15px;
}
  /* --- десктоп --- */
  @media (min-width: 769px) {
    .llLending-section_slider {
        padding: 0; 
        padding-top: 36px;
    }
    .llLending-section_slider .llLending-section--header {
        padding: 0 15px;
    }
    .viewport {
      width: 100%;
      overflow: visible; /* 👈 ключевое */
    }
    .slide { flex: 0 0 80%; padding: 12px; }
    .slide img { height: 520px; }
    .arrow { display: flex; }
    .thumbnails { display: none; }
  }

  @media (max-width: 768px) {
    .viewport { width: 100%; overflow: hidden; }
    .slide { flex: 0 0 100%; }
    .slide img { height: 320px; }
    .thumb { width: 25%; height: calc(25vw - 19px); }
  }
  
@media (min-width: 992px) {
    .logo-illustration_start {
        left: calc(50% - 95px);
        top: -95px;
    }
    .logo-illustration_start > img {
        width: 191px;
        height: auto;
    }
    .llLending-header-line {
    position: absolute;
    width: 1000px;
    left: 163px;
    top: -236px;
    rotate: 339deg;
}
    .header-illustrations {
    display: block;
}
  .header-illustrations_left {
        left: -15px;
}

  .header-illustrations_right {
    right: 0;
}
.hands-mobile {
    display: none;
}
    .headerImg > img {
        max-width: 700px!important;
    }


    .logoMiddle {
        position: absolute;
        bottom: -49%;
        z-index: 10;
    }
    .logoMiddle > img {
        max-width: 120%;
        width: 115%;
        left: -7%;
        position: relative;
    }

    .headerImg::after {
        display: none;
    }

    .trees-section_d_1 {
        display: none;
    }

    .llLending-header {
        height: 710px;
    }

    .llLending__concertsItem-vertical {
        top: 149px;
    }
    .llLending__concertsItem-vertical-header-dateEventExpanded-date {
        font-size: 100px;
    }

    .llLending__concertsItem-vertical-body {
        margin-bottom: 32px;
        font-size: 50px;
    }
    .llLending__concertsItem-vertical-actions {
        font-size: 25px;
    }
    .btn_posterHeader {
        padding: 21px 34px;
        border-radius: 19px;
    }

    .llLending__concertsItem-vertical .advantageBadge--container--main {
        font-size: 15px;
    }
    .artistImgMain {
        left: 217px;
        top: -24px;
    }
    .artistImgMain > img {
        width: 1005px;
    }
}

@media (min-width: 1120px) {
.header-illustrations img {
    max-width: 389px;
    width: 389px;
}
}

@media (min-width: 1280px) {
    .llLending-section--body_desc {
            display: flex;
        justify-content: space-between;
    }
    .llLending__description {
            padding-right: 101px;
    }
    .artist-illustration_0 {
        position: relative;
        padding-right: 59px;
        top: -40px;
        right: 0;
        height: 438px;
        opacity: 1;
    }
    .llLending-header-line {
    position: absolute;
    width: 1212px;
    left: 255px;
    top: -379px;
    rotate: 330deg;
}
    .header-illustrations img {
        max-width: 446px;
        width: 446px;
    }
}

@media (min-width: 1320px) {
    .header-illustrations img {
    max-width: 494px;
    width: 494px;
}
}

@media (min-width: 1439px) {
    .llLending-header-line {
    position: absolute;
    width: 1427px;
    left: 255px;
    top: -456px;
    rotate: 330deg;
}
    .header-illustrations img {
    max-width: 530px;
    width: 530px;
}

    .artist-illustration_0 {
        height: 398px;
    }
}

@media (min-width: 1500px) {
    .artist-illustration_0 {
        height: 362px;
    }
}
@media (min-width: 1600px) {
    .llLending-header-line {
    position: absolute;
    width: 1512px;
    left: 323px;
    top: -522px;
    rotate: 327deg;
}
    .header-illustrations img {
    max-width: 600px;
    width: 600px;
}
}

@media (min-width: 1700px) {       
    .llLending-header-line {
    position: absolute;
    width: 1748px;
    left: 383px;
    top: -643px;
    rotate: 324deg;
}
    .artist-illustration_0 {
        height: 338px;
    }
    .header-illustrations img {
        max-width: 650px;
        width: 650px;
    }
}
.no-tel {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;           /* нельзя выделить текст */
  pointer-events: none;        /* отключает клики (в т.ч. tel-ссылки) */
  cursor: default;
}

@media (min-width: 1780px) {  
    .artist-illustration_0 {
        height: 308px;
    }
}