:root {
  --gray-100: #EEF1F6;
  --gray-900: #181D25;
  --gray-800: #222934;
  --white-100: #FFFFFF;
  --br-12: 12px;
  --font-size-price: clamp(20px, 3vw, 24px);
  --font-size-h2: clamp(20px, 3vw, 24px);
  --pd-90: clamp(40px, 3vw, 90px);
}

.tm_ceo_block_v2__list {
  .tm_ceo_block_v2__item {
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));

    .tm_ceo_block_v2__item_left {
      border-radius: var(--br-12) 0 0 var(--br-12);
      background: var(--gray-100);
      position: relative;
      @media screen and (max-width: 768px) {
        border-radius: var(--br-12) var(--br-12) 0 0;
      }

      .tm_ceo_block_v2__item__left_img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        display: block;
        margin: 0 auto;
      }

      .tm_ceo_block_v2__item__left_btn_play {
        text-decoration: none;
        position: absolute;
        bottom: 32px;
        left: 32px;
        border-radius: 100px;
        padding: 12px 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        cursor: pointer;
        background: var(--white-f5);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
        transition: all 0.3s ease;
        font-weight: 500;
        font-size: 16px;
        line-height: 150%;
        color: var(--gray-900);

        &:hover {
          transform: scale(1.05);
        }
      }
    }

    .tm_ceo_block_v2__item_right {
      border-radius: 0 var(--br-12) var(--br-12) 0;
      background: var(--gray-800);
      padding: var(--pd-90, clamp(40px, 3vw, 90px));
      display: flex;
      gap: 40px;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      @media screen and (max-width: 768px) {
        border-radius: 0 0 var(--br-12) var(--br-12);
      }

      .tm_ceo_block_v2__item__right_title {
        font-weight: 600;
        font-size: var(--font-size-h2, clamp(20px, 3vw, 24px));
        line-height: 133%;
        text-align: center;
        color: var(--white-100);
      }

      .tm_ceo_block_v2__item__right_img {
        border-radius: var(--br-12);
        max-width: 250px;
      }

      .tm_ceo_block_v2__item__right_price {
        font-weight: 600;
        font-size: var(--font-size-price, clamp(20px, 3vw, 24px));
        line-height: 129%;
        text-align: center;
        color: var(--white-100);
        display: flex;
        gap: 10px;
        align-items: center;

        &:after {
          content: '₽';
        }
      }

      .tm_ceo_block_v2__item__right_btn {
        text-decoration: none;
        border: 1px solid var(--white-100);
        border-radius: 100px;
        padding: 12px 24px;
        font-weight: 700;
        font-size: 18px;
        line-height: 150%;
        color: var(--white-100);
      }

    }
  }
}