.pnd-mratv-macao-modern,

    .pnd-mratv-macao-modern * {

      box-sizing: border-box;

    }



    .pnd-mratv-macao-modern {

      width: 100vw;

      max-width: none;

      margin-left: calc(50% - 50vw);

      margin-right: calc(50% - 50vw);

      padding: 56px 28px;

      font-family: inherit;

      color: #12313d;

      background:

        radial-gradient(circle at 8% 5%, rgba(255, 196, 87, 0.22), transparent 28%),

        radial-gradient(circle at 88% 9%, rgba(0, 196, 204, 0.18), transparent 30%),

        linear-gradient(180deg, #f4fcff 0%, #ffffff 46%, #f8fdff 100%);

      overflow: hidden;

    }



    .pnd-mratv-wrap {

      width: min(100%, 1540px);

      max-width: none;

      margin: 0 auto;

    }



    .pnd-mratv-hero {

      position: relative;

      overflow: hidden;

      border-radius: 38px;

      padding: 42px;

      background:

        linear-gradient(135deg, rgba(3, 57, 75, 0.97), rgba(0, 111, 129, 0.94)),

        radial-gradient(circle at top right, rgba(255, 209, 102, 0.35), transparent 38%);

      box-shadow: 0 30px 90px rgba(3, 57, 75, 0.24);

      color: #ffffff;

    }



    .pnd-mratv-hero::before {

      content: "";

      position: absolute;

      width: 360px;

      height: 360px;

      right: -120px;

      top: -130px;

      border-radius: 50%;

      background: rgba(255, 209, 102, 0.18);

    }



    .pnd-mratv-hero::after {

      content: "";

      position: absolute;

      width: 280px;

      height: 280px;

      left: -110px;

      bottom: -120px;

      border-radius: 50%;

      background: rgba(0, 214, 201, 0.18);

    }



    .pnd-mratv-hero-grid {

      position: relative;

      z-index: 2;

      display: grid;

      grid-template-columns: 1.12fr 0.88fr;

      gap: 34px;

      align-items: center;

    }



    .pnd-mratv-kicker {

      display: inline-flex;

      align-items: center;

      gap: 10px;

      width: fit-content;

      margin-bottom: 18px;

      padding: 10px 16px;

      border-radius: 999px;

      background: rgba(255, 255, 255, 0.13);

      border: 1px solid rgba(255, 255, 255, 0.22);

      color: #fff6da;

      font-size: 14px;

      font-weight: 850;

      letter-spacing: 0.02em;

      backdrop-filter: blur(12px);

    }



    .pnd-mratv-hero h2 {

      margin: 0 0 18px;

      color: #ffffff;

      font-size: clamp(36px, 5vw, 68px);

      line-height: 0.98;

      font-weight: 950;

      letter-spacing: -0.055em;

    }



    .pnd-mratv-hero h2 span {

      display: block;

      color: #ffd166;

    }



    .pnd-mratv-hero-text {

      max-width: 740px;

      margin: 0;

      color: rgba(255, 255, 255, 0.9);

      font-size: 18px;

      line-height: 1.72;

    }



    .pnd-mratv-hero-extra {

      margin: 18px 0 0;

      padding: 17px 19px;

      border-radius: 22px;

      background: rgba(255, 255, 255, 0.11);

      border: 1px solid rgba(255, 255, 255, 0.18);

      color: rgba(255, 255, 255, 0.92);

      font-size: 15.5px;

      line-height: 1.65;

      backdrop-filter: blur(12px);

    }



    .pnd-mratv-hero-extra strong {

      color: #ffd166;

    }



    .pnd-mratv-hero-pills {

      display: flex;

      flex-wrap: wrap;

      gap: 10px;

      margin: 26px 0 0;

    }



    .pnd-mratv-pill {

      display: inline-flex;

      align-items: center;

      gap: 8px;

      padding: 10px 13px;

      border-radius: 999px;

      background: rgba(255, 255, 255, 0.12);

      border: 1px solid rgba(255, 255, 255, 0.18);

      color: rgba(255, 255, 255, 0.94);

      font-size: 14px;

      font-weight: 760;

      backdrop-filter: blur(10px);

    }



    .pnd-mratv-booking-card {

      position: relative;

      padding: 28px;

      border-radius: 30px;

      background: rgba(255, 255, 255, 0.96);

      color: #12313d;

      box-shadow: 0 24px 55px rgba(0, 0, 0, 0.18);

      border: 1px solid rgba(255, 255, 255, 0.5);

    }



    .pnd-mratv-price-top {

      display: flex;

      justify-content: space-between;

      gap: 18px;

      align-items: flex-start;

      margin-bottom: 22px;

    }



    .pnd-mratv-price-label {

      margin: 0 0 7px;

      color: #007f8d;

      font-size: 13px;

      text-transform: uppercase;

      letter-spacing: 0.08em;

      font-weight: 950;

    }



    .pnd-mratv-price-main {

      display: flex;

      align-items: flex-end;

      gap: 8px;

      margin: 0;

    }



    .pnd-mratv-price-main strong {

      font-size: 60px;

      line-height: 0.9;

      color: #073b4c;

      font-weight: 950;

      letter-spacing: -0.055em;

    }



    .pnd-mratv-price-main span {

      padding-bottom: 5px;

      color: #57717a;

      font-size: 14px;

      font-weight: 800;

    }



    .pnd-mratv-mini-badge {

      min-width: 98px;

      text-align: center;

      padding: 10px 12px;

      border-radius: 18px;

      background: linear-gradient(135deg, #fff3cf, #ffffff);

      color: #9d5b00;

      font-weight: 950;

      font-size: 13px;

      border: 1px solid rgba(255, 176, 40, 0.26);

    }



    .pnd-mratv-price-lines {

      display: grid;

      gap: 8px;

      margin: 0 0 22px;

      padding: 0;

      list-style: none;

    }



    .pnd-mratv-price-lines li {

      display: flex;

      justify-content: space-between;

      gap: 14px;

      padding: 12px 0;

      border-bottom: 1px solid rgba(0, 127, 141, 0.1);

      color: #425f69;

      font-size: 15px;

      line-height: 1.4;

    }



    .pnd-mratv-price-lines li:last-child {

      border-bottom: none;

    }



    .pnd-mratv-price-lines b {

      color: #073b4c;

      white-space: nowrap;

      font-weight: 950;

    }



    .pnd-mratv-price-note {

      margin: -4px 0 20px;

      padding: 14px 15px;

      border-radius: 18px;

      background: #f4fbff;

      border: 1px solid rgba(0, 132, 148, 0.12);

      color: #496b76;

      font-size: 13.5px;

      line-height: 1.55;

    }



    .pnd-mratv-btns {

      display: grid;

      gap: 12px;

    }



    .pnd-mratv-btn {

      display: inline-flex;

      align-items: center;

      justify-content: center;

      gap: 9px;

      width: 100%;

      min-height: 56px;

      padding: 15px 22px;

      border-radius: 999px;

      text-decoration: none !important;

      font-size: 16px;

      font-weight: 950;

      line-height: 1.2;

      text-align: center;

      transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;

    }



    .pnd-mratv-btn-primary {

      color: #ffffff !important;

      background: linear-gradient(135deg, #ff9f1c, #ff4d00);

      box-shadow: 0 14px 30px rgba(255, 103, 0, 0.34);

    }



    .pnd-mratv-btn-secondary {

      color: #075e54 !important;

      background: #ffffff;

      border: 1px solid rgba(7, 94, 84, 0.16);

      box-shadow: 0 12px 25px rgba(7, 94, 84, 0.08);

    }



    .pnd-mratv-btn:hover {

      transform: translateY(-2px);

      filter: saturate(1.06);

    }



    .pnd-mratv-small-note {

      margin: 13px 0 0;

      color: #5b737c;

      font-size: 13px;

      line-height: 1.55;

      text-align: center;

    }



    .pnd-mratv-section {

      margin-top: 34px;

      border-radius: 34px;

      background: rgba(255, 255, 255, 0.92);

      border: 1px solid rgba(0, 132, 148, 0.11);

      box-shadow: 0 22px 70px rgba(0, 83, 101, 0.08);

      padding: 34px;

    }



    .pnd-mratv-section-head {

      max-width: 900px;

      margin-bottom: 26px;

    }



    .pnd-mratv-eyebrow {

      display: inline-flex;

      align-items: center;

      gap: 8px;

      margin-bottom: 11px;

      color: #008c99;

      font-size: 14px;

      font-weight: 950;

      text-transform: uppercase;

      letter-spacing: 0.07em;

    }



    .pnd-mratv-section h3 {

      margin: 0 0 12px;

      color: #073b4c;

      font-size: clamp(28px, 3vw, 42px);

      line-height: 1.08;

      font-weight: 950;

      letter-spacing: -0.035em;

    }



    .pnd-mratv-section-desc {

      margin: 0;

      color: #496b76;

      font-size: 17px;

      line-height: 1.72;

    }



    .pnd-mratv-value-grid {

      display: grid;

      grid-template-columns: repeat(4, 1fr);

      gap: 16px;

    }



    .pnd-mratv-value {

      position: relative;

      overflow: hidden;

      min-height: 230px;

      padding: 22px;

      border-radius: 26px;

      background: linear-gradient(180deg, #ffffff, #f4fdff);

      border: 1px solid rgba(0, 132, 148, 0.12);

      box-shadow: 0 16px 38px rgba(0, 83, 101, 0.07);

    }



    .pnd-mratv-value::after {

      content: "";

      position: absolute;

      width: 90px;

      height: 90px;

      right: -32px;

      bottom: -35px;

      border-radius: 50%;

      background: rgba(0, 180, 216, 0.12);

    }



    .pnd-mratv-icon {

      width: 48px;

      height: 48px;

      margin-bottom: 16px;

      border-radius: 17px;

      display: inline-flex;

      align-items: center;

      justify-content: center;

      background: linear-gradient(135deg, #073b4c, #00a6b4);

      color: #ffffff;

      box-shadow: 0 12px 25px rgba(0, 132, 148, 0.22);

    }



    .pnd-mratv-icon svg {

      width: 24px;

      height: 24px;

      fill: none;

      stroke: currentColor;

      stroke-width: 2;

      stroke-linecap: round;

      stroke-linejoin: round;

    }



    .pnd-mratv-value h4 {

      position: relative;

      z-index: 1;

      margin: 0 0 9px;

      color: #073b4c;

      font-size: 18px;

      font-weight: 950;

      line-height: 1.2;

    }



    .pnd-mratv-value p {

      position: relative;

      z-index: 1;

      margin: 0;

      color: #526f78;

      font-size: 15px;

      line-height: 1.62;

    }



    .pnd-mratv-places {

      display: grid;

      grid-template-columns: repeat(2, 1fr);

      gap: 18px;

    }



    .pnd-mratv-place {

      display: grid;

      grid-template-columns: 72px 1fr;

      gap: 18px;

      padding: 22px;

      border-radius: 26px;

      background: linear-gradient(135deg, #ffffff 0%, #f2fbff 100%);

      border: 1px solid rgba(0, 132, 148, 0.12);

      box-shadow: 0 14px 35px rgba(0, 83, 101, 0.06);

    }



    .pnd-mratv-place-number {

      width: 72px;

      height: 72px;

      border-radius: 24px;

      background:

        radial-gradient(circle at 25% 20%, rgba(255, 255, 255, 0.45), transparent 36%),

        linear-gradient(135deg, #ff9f1c, #ff6b00);

      color: #ffffff;

      display: flex;

      align-items: center;

      justify-content: center;

      font-size: 24px;

      font-weight: 950;

      box-shadow: 0 16px 30px rgba(255, 103, 0, 0.24);

    }



    .pnd-mratv-place h4 {

      margin: 0 0 8px;

      color: #073b4c;

      font-size: 20px;

      line-height: 1.2;

      font-weight: 950;

    }



    .pnd-mratv-place p {

      margin: 0;

      color: #526f78;

      font-size: 15.5px;

      line-height: 1.66;

    }



    .pnd-mratv-timeline {

      display: grid;

      gap: 16px;

    }



    .pnd-mratv-step {

      display: grid;

      grid-template-columns: 54px 1fr;

      gap: 18px;

      align-items: flex-start;

      padding: 20px;

      border-radius: 24px;

      background: #ffffff;

      border: 1px solid rgba(0, 132, 148, 0.11);

      box-shadow: 0 12px 32px rgba(0, 83, 101, 0.055);

    }



    .pnd-mratv-step-dot {

      width: 54px;

      height: 54px;

      border-radius: 18px;

      display: flex;

      align-items: center;

      justify-content: center;

      color: #ffffff;

      background: linear-gradient(135deg, #00a6b4, #073b4c);

      font-size: 20px;

      font-weight: 950;

      box-shadow: 0 12px 25px rgba(0, 132, 148, 0.21);

    }



    .pnd-mratv-step h4 {

      margin: 0 0 7px;

      color: #073b4c;

      font-size: 19px;

      line-height: 1.25;

      font-weight: 950;

    }



    .pnd-mratv-step p {

      margin: 0;

      color: #526f78;

      font-size: 15.5px;

      line-height: 1.65;

    }



    .pnd-mratv-included-grid {

      display: grid;

      grid-template-columns: 1fr 1fr;

      gap: 22px;

      align-items: stretch;

    }



    .pnd-mratv-list-card {

      border-radius: 28px;

      padding: 26px;

      background: linear-gradient(180deg, #ffffff 0%, #f5fcff 100%);

      border: 1px solid rgba(0, 132, 148, 0.12);

      box-shadow: 0 16px 38px rgba(0, 83, 101, 0.065);

    }



    .pnd-mratv-list-card.dark {

      background:

        radial-gradient(circle at top right, rgba(255, 209, 102, 0.18), transparent 38%),

        linear-gradient(135deg, #073b4c, #006d77);

      color: #ffffff;

      border: 0;

      box-shadow: 0 20px 52px rgba(7, 59, 76, 0.22);

    }



    .pnd-mratv-list-card h4 {

      margin: 0 0 18px;

      color: #073b4c;

      font-size: 24px;

      line-height: 1.15;

      font-weight: 950;

      letter-spacing: -0.02em;

    }



    .pnd-mratv-list-card.dark h4 {

      color: #ffffff;

    }



    .pnd-mratv-check-list {

      display: grid;

      gap: 12px;

      margin: 0;

      padding: 0;

      list-style: none;

    }



    .pnd-mratv-check-list li {

      display: grid;

      grid-template-columns: 28px 1fr;

      gap: 11px;

      align-items: flex-start;

      color: #486974;

      font-size: 15.5px;

      line-height: 1.55;

    }



    .pnd-mratv-list-card.dark .pnd-mratv-check-list li {

      color: rgba(255, 255, 255, 0.9);

    }



    .pnd-mratv-check {

      width: 28px;

      height: 28px;

      border-radius: 50%;

      display: inline-flex;

      align-items: center;

      justify-content: center;

      background: linear-gradient(135deg, #00b4d8, #00a896);

      color: #ffffff;

      font-weight: 950;

      font-size: 15px;

      margin-top: 1px;

    }



    .pnd-mratv-list-card.dark .pnd-mratv-check {

      background: #ffd166;

      color: #073b4c;

    }



    .pnd-mratv-trust-row {

      display: grid;

      grid-template-columns: repeat(3, 1fr);

      gap: 16px;

      margin-top: 22px;

    }



    .pnd-mratv-trust {

      padding: 20px;

      border-radius: 24px;

      background: #ffffff;

      border: 1px solid rgba(0, 132, 148, 0.11);

      box-shadow: 0 12px 32px rgba(0, 83, 101, 0.055);

    }



    .pnd-mratv-trust strong {

      display: block;

      margin-bottom: 7px;

      color: #073b4c;

      font-size: 17px;

      font-weight: 950;

    }



    .pnd-mratv-trust span {

      color: #58737c;

      font-size: 14.5px;

      line-height: 1.55;

    }



    .pnd-mratv-final {

      margin-top: 34px;

      overflow: hidden;

      border-radius: 34px;

      padding: 34px;

      background:

        radial-gradient(circle at top left, rgba(255, 209, 102, 0.28), transparent 32%),

        linear-gradient(135deg, #073b4c 0%, #007f8d 100%);

      color: #ffffff;

      box-shadow: 0 28px 75px rgba(7, 59, 76, 0.22);

    }



    .pnd-mratv-final-grid {

      display: grid;

      grid-template-columns: 1.15fr 0.85fr;

      gap: 24px;

      align-items: center;

    }



    .pnd-mratv-final h3 {

      margin: 0 0 12px;

      color: #ffffff;

      font-size: clamp(28px, 3.5vw, 46px);

      line-height: 1.05;

      font-weight: 950;

      letter-spacing: -0.04em;

    }



    .pnd-mratv-final p {

      margin: 0;

      color: rgba(255, 255, 255, 0.88);

      font-size: 17px;

      line-height: 1.7;

    }



    .pnd-mratv-final-actions {

      display: grid;

      gap: 12px;

    }



    @media (max-width: 1024px) {

      .pnd-mratv-hero-grid,

      .pnd-mratv-final-grid,

      .pnd-mratv-included-grid {

        grid-template-columns: 1fr;

      }



      .pnd-mratv-value-grid {

        grid-template-columns: repeat(2, 1fr);

      }

    }



    @media (max-width: 760px) {

      .pnd-mratv-macao-modern {

        padding: 34px 10px;

      }



      .pnd-mratv-hero,

      .pnd-mratv-section,

      .pnd-mratv-final {

        border-radius: 26px;

        padding: 24px;

      }



      .pnd-mratv-value-grid,

      .pnd-mratv-places,

      .pnd-mratv-trust-row {

        grid-template-columns: 1fr;

      }



      .pnd-mratv-place {

        grid-template-columns: 1fr;

      }



      .pnd-mratv-place-number {

        width: 60px;

        height: 60px;

        border-radius: 20px;

        font-size: 21px;

      }



      .pnd-mratv-step {

        grid-template-columns: 1fr;

      }



      .pnd-mratv-price-top {

        flex-direction: column;

      }



      .pnd-mratv-price-lines li {

        flex-direction: column;

        gap: 5px;

      }

    }



    @media (max-width: 480px) {

      .pnd-mratv-hero,

      .pnd-mratv-section,

      .pnd-mratv-final {

        padding: 20px;

      }



      .pnd-mratv-price-main strong {

        font-size: 48px;

      }



      .pnd-mratv-hero h2 {

        font-size: 38px;

      }

    }