/* ═══ BOOKING SECTION ═══ */
    .booking-section {
      padding: 0 clamp(24px, 6vw, 100px) 60px;
      max-width: var(--max);
      margin: 0 auto
    }

    .booking-frame {
      background: var(--surface);
      border: 1px solid var(--border);
      border-radius: 12px;
      padding: 32px;
      position: relative;
      overflow: hidden;
      min-height: 500px
    }

    .booking-frame::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 3px;
      background: linear-gradient(90deg, var(--blackberry), var(--tea))
    }

    .booking-frame bookem-widget {
      display: block;
      width: 100%;
      min-height: 460px
    }

    /* ═══ ALTERNATIVES ═══ */
    .alternatives {
      position: relative;
      padding: 0 clamp(24px, 6vw, 100px) 70px;
      max-width: var(--max);
      margin: 0 auto
    }

    .alt-illustration-wrap {
      position: absolute;
      right: 20px;
      top: -30px;
      pointer-events: none;
    }

    .alt-illustration {
      width: 120px;
      height: auto;
      opacity: 0.18;
    }

    .alt-header {
      font-family: var(--serif);
      font-size: clamp(22px, 3vw, 28px);
      font-weight: 400;
      color: var(--text);
      margin-bottom: 8px;
      line-height: 1.2
    }

    .alt-intro {
      font-size: 15px;
      color: var(--body);
      line-height: 1.72;
      max-width: 560px;
      margin-bottom: 24px
    }

    .alt-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px
    }

    .alt-card {
      background: var(--surface);
      border: 1px solid var(--border);
      border-radius: 12px;
      padding: 24px 22px;
      text-decoration: none;
      transition: border-color .18s, box-shadow .18s;
      display: block
    }

    .alt-card:hover {
      border-color: var(--blackberry-tint-border);
      box-shadow: var(--sh)
    }

    .alt-card-label {
      font-size: 10px;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--tea-text);
      margin-bottom: 8px;
      font-weight: 500
    }

    .alt-card h3 {
      font-family: var(--serif);
      font-size: 18px;
      font-weight: 400;
      color: var(--text);
      margin-bottom: 6px;
      line-height: 1.3
    }

    .alt-card p {
      font-size: 13.5px;
      color: var(--body);
      line-height: 1.6
    }

    /* ═══ RESPONSIVE ═══ */
    @media(max-width:1024px) {
}

    @media(max-width:768px) {
.alt-grid {
        grid-template-columns: 1fr
      }

      .booking-frame {
        padding: 20px 16px
      }
.alt-illustration-wrap {
        display: none;
      }
    }