@media (max-width: 767px) {
  body.page-booking-series {
    margin: 0;
    overflow-x: hidden;
    background: #f4f4f4 !important;
    color: #111;
  }

  .page-booking-series .container {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .page-booking-series .yz-booking-header,
  .page-booking-series .yz-booking-footer,
  .page-booking-series .yz-booking-floating-tools {
    display: none !important;
  }

  .page-booking-series .yz-series-main {
    min-height: calc(100vh - 55px) !important;
    padding-bottom: 70px !important;
    background: #f4f4f4 !important;
  }

  .page-booking-series .yz-series-hero {
    margin: 0 !important;
    padding: 0 !important;
    background: #2658bb !important;
  }

  .page-booking-series .yz-series-hero .container {
    position: relative !important;
    height: 50px !important;
    padding: 0 !important;
    background: #2658bb !important;
  }

  .page-booking-series .yz-series-hero .container::before {
    content: "鈥? !important;
    position: absolute !important;
    left: 14px !important;
    top: 8px !important;
    color: #fff !important;
    font-size: 34px !important;
    line-height: 1 !important;
  }

  .page-booking-series .yz-series-hero .container::after {
    content: "\6e38\8f6e\54c1\724c" !important;
    position: absolute !important;
    left: 50px !important;
    right: 50px !important;
    top: 14px !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    text-align: center !important;
  }

  .page-booking-series .yz-series-hero::after {
    content: "" !important;
    position: absolute !important;
    right: 14px !important;
    top: 13px !important;
    width: 25px !important;
    height: 25px !important;
    background: #fff !important;
    clip-path: polygon(50% 0, 100% 42%, 84% 42%, 84% 100%, 60% 100%, 60% 68%, 40% 68%, 40% 100%, 16% 100%, 16% 42%, 0 42%) !important;
  }

  .page-booking-series .yz-series-hero .yz-section-kicker,
  .page-booking-series .yz-series-hero h1,
  .page-booking-series .yz-series-hero p {
    display: none !important;
  }

  .page-booking-series .yz-booking-section {
    margin: 0 !important;
    padding: 14px 14px 0 !important;
    background: #f4f4f4 !important;
  }

  .page-booking-series .yz-series-tabs {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 0 0 24px !important;
    padding: 12px 10px 18px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 2px 10px rgba(16, 54, 92, 0.08) !important;
  }

  .page-booking-series .yz-series-tabs::before {
    content: "游轮品牌" !important;
    grid-column: 1 / -1 !important;
    display: block !important;
    margin-bottom: 6px !important;
    padding-left: 10px !important;
    border-left: 4px solid #ffae00 !important;
    color: #063a73 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
  }

  .page-booking-series .yz-series-tabs a {
    display: grid !important;
    place-items: center !important;
    min-height: 38px !important;
    padding: 0 4px !important;
    border: 1px solid #e1e8f2 !important;
    border-radius: 6px !important;
    background: #fff !important;
    color: #063a73 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(16, 54, 92, 0.05) !important;
  }

  .page-booking-series .yz-series-tabs a.is-active {
    border-color: #0b5bb8 !important;
    background: #0b5bb8 !important;
    color: #fff !important;
  }

  .page-booking-series .yz-schedule-count {
    display: none !important;
  }

  .page-booking-series .yz-series-list {
    display: grid !important;
    gap: 14px !important;
  }

  .page-booking-series .yz-series-ref-card {
    margin: 0 !important;
    padding: 14px 10px 18px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 2px 10px rgba(16, 54, 92, 0.08) !important;
  }

  .page-booking-series .yz-series-ref-title {
    margin: 0 0 12px !important;
  }

  .page-booking-series .yz-series-ref-title h2 {
    margin: 0 !important;
    padding-left: 10px !important;
    border-left: 4px solid #ffae00 !important;
    color: #063a73 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
  }

  .page-booking-series .yz-series-ref-intro p {
    margin: 0 !important;
    color: #333 !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
  }

  .page-booking-series .yz-series-ref-intro > a {
    display: block !important;
    margin: 10px 0 12px !important;
    color: #3183d8 !important;
    font-size: 13px !important;
    text-align: center !important;
    text-decoration: none !important;
  }

  .page-booking-series .yz-series-ref-cover {
    position: relative !important;
    height: 204px !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    background: #e5edf5 !important;
  }

  .page-booking-series .yz-series-ref-cover img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .page-booking-series .yz-series-ref-list {
    display: grid !important;
    gap: 10px !important;
  }

  .page-booking-series .yz-series-ref-ship {
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: center !important;
    min-height: 92px !important;
    padding: 8px !important;
    border: 1px solid #e5eaf0 !important;
    border-radius: 7px !important;
    background: #fff !important;
    color: #111 !important;
    text-decoration: none !important;
  }

  .page-booking-series .yz-series-ref-ship img {
    width: 92px !important;
    height: 76px !important;
    border-radius: 5px !important;
    object-fit: cover !important;
  }

  .page-booking-series .yz-series-ref-ship-body {
    min-width: 0 !important;
  }

  .page-booking-series .yz-series-ref-ship-body strong {
    display: block !important;
    margin-bottom: 5px !important;
    color: #111 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .page-booking-series .yz-series-ref-ship-body p,
  .page-booking-series .yz-series-ref-ship-body span {
    display: block !important;
    margin: 0 !important;
    color: #667085 !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  .page-booking-series .yz-series-ref-ship em {
    color: #f04b23 !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  .page-booking-series .yz-booking-mobile-nav {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 50 !important;
    height: 55px !important;
    border-top: 1px solid #e5e7eb !important;
    background: #0054a8 !important;
  }

  .page-booking-series .yz-booking-mobile-nav a {
    color: #fff !important;
  }
}

@media (max-width: 767px) {
  /* Final clickable top controls. This EOF guard overrides older pseudo icons. */
  .page-booking-series .yz-series-hero .container::before,
  .page-booking-series .yz-series-hero .container::after,
  .page-booking-series .yz-series-hero::after {
    content: none !important;
    display: none !important;
  }

  .page-booking-series .yz-series-top-back,
  .page-booking-series .yz-series-top-home {
    position: absolute !important;
    top: 0 !important;
    z-index: 50 !important;
    display: grid !important;
    place-items: center !important;
    width: 50px !important;
    height: 50px !important;
    border: 0 !important;
    background: transparent !important;
    color: #fff !important;
    text-decoration: none !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .page-booking-series .yz-series-top-back {
    left: 0 !important;
    padding: 0 0 4px !important;
    font-family: Arial, sans-serif !important;
    font-size: 36px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
  }

  .page-booking-series .yz-series-top-title {
    position: absolute !important;
    left: 50px !important;
    right: 50px !important;
    top: 0 !important;
    z-index: 40 !important;
    display: grid !important;
    place-items: center !important;
    height: 50px !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
    pointer-events: none !important;
  }

  .page-booking-series .yz-series-top-home {
    right: 0 !important;
  }

  .page-booking-series .yz-series-top-home::before {
    content: "" !important;
    display: block !important;
    width: 25px !important;
    height: 25px !important;
    background: #fff !important;
    clip-path: polygon(50% 0, 100% 42%, 84% 42%, 84% 100%, 60% 100%, 60% 68%, 40% 68%, 40% 100%, 16% 100%, 16% 42%, 0 42%) !important;
  }
}

@media (max-width: 767px) {
  /* Real clickable top controls for the series page. Keep this block at EOF. */
  .page-booking-series .yz-series-hero .container::before,
  .page-booking-series .yz-series-hero .container::after,
  .page-booking-series .yz-series-hero::after {
    content: none !important;
    display: none !important;
  }

  .page-booking-series .yz-series-top-back,
  .page-booking-series .yz-series-top-home {
    position: absolute !important;
    top: 0 !important;
    z-index: 5 !important;
    display: grid !important;
    place-items: center !important;
    width: 50px !important;
    height: 50px !important;
    border: 0 !important;
    background: transparent !important;
    color: #fff !important;
    text-decoration: none !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .page-booking-series .yz-series-top-back {
    left: 0 !important;
    padding: 0 0 4px !important;
    font-family: Arial, sans-serif !important;
    font-size: 36px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
  }

  .page-booking-series .yz-series-top-title {
    position: absolute !important;
    left: 50px !important;
    right: 50px !important;
    top: 0 !important;
    z-index: 4 !important;
    display: grid !important;
    place-items: center !important;
    height: 50px !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
  }

  .page-booking-series .yz-series-top-home {
    right: 0 !important;
  }

  .page-booking-series .yz-series-top-home::before {
    content: "" !important;
    display: block !important;
    width: 25px !important;
    height: 25px !important;
    background: #fff !important;
    clip-path: polygon(50% 0, 100% 42%, 84% 42%, 84% 100%, 60% 100%, 60% 68%, 40% 68%, 40% 100%, 16% 100%, 16% 42%, 0 42%) !important;
  }
}

@media (max-width: 767px) {
  /* Series page follows the reference home "三峡游轮系列" icon grid. */
  .page-booking-series .yz-series-main {
    background: #fff !important;
  }

  .page-booking-series .yz-booking-section {
    padding: 10px 10px 0 !important;
    background: #fff !important;
  }

  .page-booking-series .yz-series-tabs {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 13px 8px !important;
    margin: 0 !important;
    padding: 12px 0 16px !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  .page-booking-series .yz-series-tabs::before {
    content: "⚓ 三峡游轮系列" !important;
    grid-column: 1 / -1 !important;
    display: block !important;
    margin: 0 0 4px !important;
    padding: 0 0 8px !important;
    border-left: 0 !important;
    border-bottom: 1px solid #dbe5f1 !important;
    color: #063a73 !important;
    font-size: 19px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
  }

  .page-booking-series .yz-series-tabs a {
    display: grid !important;
    place-items: center !important;
    align-content: start !important;
    min-height: 72px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #222 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    box-shadow: none !important;
  }

  .page-booking-series .yz-series-tabs a.is-active {
    background: transparent !important;
    color: #222 !important;
  }

  .page-booking-series .yz-series-tabs a span {
    display: grid !important;
    place-items: center !important;
    width: 46px !important;
    height: 46px !important;
    margin: 0 0 6px !important;
    border-radius: 999px !important;
    background: #f7fbff !important;
    overflow: hidden !important;
  }

  .page-booking-series .yz-series-tabs a img {
    display: block !important;
    width: 40px !important;
    height: 40px !important;
    object-fit: contain !important;
  }

  .page-booking-series .yz-series-tabs a strong {
    display: block !important;
    color: #222 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }

  .page-booking-series .yz-schedule-count {
    display: none !important;
  }

  .page-booking-series .yz-series-list {
    display: block !important;
    padding-bottom: 74px !important;
  }

  .page-booking-series .yz-series-ref-card {
    margin: 0 !important;
    padding: 0 0 12px !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  .page-booking-series .yz-series-ref-title {
    margin: 0 0 10px !important;
    padding: 0 0 8px !important;
    border-bottom: 1px solid #dbe5f1 !important;
  }

  .page-booking-series .yz-series-ref-title h2 {
    margin: 0 !important;
    padding-left: 0 !important;
    border-left: 0 !important;
    color: #063a73 !important;
    font-size: 19px !important;
    font-weight: 900 !important;
  }

  .page-booking-series .yz-series-ship-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    overflow: hidden !important;
  }

  .page-booking-series .yz-series-ship-mini {
    display: block !important;
    min-width: 0 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 3px !important;
    background: #fff !important;
    color: #111 !important;
    text-decoration: none !important;
    overflow: hidden !important;
  }

  .page-booking-series .yz-series-ship-mini img {
    display: block !important;
    width: 100% !important;
    height: 76px !important;
    object-fit: cover !important;
  }

  .page-booking-series .yz-series-ship-mini strong,
  .page-booking-series .yz-series-ship-mini span,
  .page-booking-series .yz-series-ship-mini em {
    display: block !important;
    padding: 0 5px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .page-booking-series .yz-series-ship-mini strong {
    margin-top: 6px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
  }

  .page-booking-series .yz-series-ship-mini span {
    margin-top: 3px !important;
    color: #6b7280 !important;
    font-size: 10px !important;
  }

  .page-booking-series .yz-series-ship-mini em {
    margin: 3px 0 6px !important;
    color: #e60012 !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 900 !important;
  }

  .page-booking-series .yz-booking-mobile-nav {
    height: 57px !important;
    border-top: 0 !important;
    background: #0054a8 !important;
  }

  .page-booking-series .yz-booking-mobile-nav a {
    display: grid !important;
    place-items: center !important;
    align-content: center !important;
    gap: 2px !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
  }

  .page-booking-series .yz-booking-mobile-nav a::before {
    display: block !important;
    height: 23px !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 23px !important;
  }

  .page-booking-series .yz-booking-mobile-nav a:nth-child(1)::before { content: "H" !important; }
  .page-booking-series .yz-booking-mobile-nav a:nth-child(2)::before { content: "Y" !important; }
  .page-booking-series .yz-booking-mobile-nav a:nth-child(3)::before { content: "T" !important; }
  .page-booking-series .yz-booking-mobile-nav a:nth-child(4)::before { content: "P" !important; }
  .page-booking-series .yz-booking-mobile-nav a:nth-child(5)::before { content: "O" !important; }
}

@media (max-width: 767px) {
  /* Final clickable top controls. This EOF guard overrides older pseudo icons. */
  .page-booking-series .yz-series-hero .container::before,
  .page-booking-series .yz-series-hero .container::after,
  .page-booking-series .yz-series-hero::after {
    content: none !important;
    display: none !important;
  }

  .page-booking-series .yz-series-top-back,
  .page-booking-series .yz-series-top-home {
    position: absolute !important;
    top: 0 !important;
    z-index: 50 !important;
    display: grid !important;
    place-items: center !important;
    width: 50px !important;
    height: 50px !important;
    border: 0 !important;
    background: transparent !important;
    color: #fff !important;
    text-decoration: none !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .page-booking-series .yz-series-top-back {
    left: 0 !important;
    padding: 0 0 4px !important;
    font-family: Arial, sans-serif !important;
    font-size: 36px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
  }

  .page-booking-series .yz-series-top-title {
    position: absolute !important;
    left: 50px !important;
    right: 50px !important;
    top: 0 !important;
    z-index: 40 !important;
    display: grid !important;
    place-items: center !important;
    height: 50px !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
    pointer-events: none !important;
  }

  .page-booking-series .yz-series-top-home {
    right: 0 !important;
  }

  .page-booking-series .yz-series-top-home::before {
    content: "" !important;
    display: block !important;
    width: 25px !important;
    height: 25px !important;
    background: #fff !important;
    clip-path: polygon(50% 0, 100% 42%, 84% 42%, 84% 100%, 60% 100%, 60% 68%, 40% 68%, 40% 100%, 16% 100%, 16% 42%, 0 42%) !important;
  }
}

@media (max-width: 767px) {
  .page-booking-series .yz-series-top-home {
    right: 0 !important;
    color: #fff !important;
    font-family: Arial, sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }

  .page-booking-series .yz-series-top-home::before {
    content: none !important;
    display: none !important;
  }
}

@media (max-width: 767px) {
  body.page-booking-series,
  .page-booking-series .yz-series-main,
  .page-booking-series .yz-series-hero,
  .page-booking-series .yz-series-hero .container {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  .page-booking-series .yz-series-top-back,
  .page-booking-series .yz-series-top-home,
  .page-booking-series .yz-series-top-title {
    position: fixed !important;
  }

  .page-booking-series .yz-series-top-back {
    left: 0 !important;
  }

  .page-booking-series .yz-series-top-home {
    left: auto !important;
    right: 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
  }

  .page-booking-series .yz-series-top-title {
    left: 50px !important;
    right: 50px !important;
  }
}

/* Final Product Design override: no stacked boxes, centered adaptive series page. */
@media (max-width: 767px) {
  html body.yz-booking-site.page-booking-series {
    background: linear-gradient(180deg, #eef7ff 0%, #f7fbff 46%, #eef5fb 100%) !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-main,
  html body.yz-booking-site.page-booking-series .yz-booking-section {
    background: transparent !important;
  }

  html body.yz-booking-site.page-booking-series .yz-booking-section {
    padding: 12px 0 0 !important;
  }

  html body.yz-booking-site.page-booking-series .yz-booking-section > .container,
  html body.yz-booking-site.page-booking-series .yz-series-tabs,
  html body.yz-booking-site.page-booking-series .yz-series-list {
    width: calc(100vw - 24px) !important;
    max-width: 430px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-tabs {
    position: relative !important;
    display: flex !important;
    align-items: flex-end !important;
    gap: 18px !important;
    min-height: 88px !important;
    margin-bottom: 16px !important;
    padding: 40px 2px 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    scroll-snap-type: x proximity !important;
    -webkit-overflow-scrolling: touch !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-tabs::-webkit-scrollbar {
    display: none !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-tabs::before {
    content: "游轮品牌" !important;
    position: absolute !important;
    left: 2px !important;
    top: 8px !important;
    display: flex !important;
    align-items: center !important;
    height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: #083764 !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    letter-spacing: .02em !important;
    line-height: 24px !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-tabs::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 1px !important;
    background: linear-gradient(90deg, rgba(11, 93, 176, .16), rgba(11, 93, 176, .04)) !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-tabs a,
  html body.yz-booking-site.page-booking-series .yz-series-tabs a.is-active {
    position: relative !important;
    flex: 0 0 auto !important;
    display: grid !important;
    align-content: end !important;
    justify-items: center !important;
    min-width: 72px !important;
    min-height: 42px !important;
    padding: 0 0 8px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #52708d !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: none !important;
    scroll-snap-align: start !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-tabs a::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 0 !important;
    width: 0 !important;
    height: 3px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #0c65c4, #28a1ff) !important;
    transform: translateX(-50%) !important;
    transition: width .18s ease !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-tabs a.is-active {
    color: #073763 !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-tabs a.is-active::after {
    width: 34px !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-tabs a span {
    display: none !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-tabs a strong {
    display: block !important;
    max-width: 86px !important;
    overflow: hidden !important;
    color: inherit !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    line-height: 1.15 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-tabs a small {
    display: block !important;
    margin-top: 5px !important;
    color: #8da0b4 !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-tabs a.is-active small {
    color: #157bd4 !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-list {
    display: grid !important;
    gap: 14px !important;
    padding-bottom: 76px !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-card {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 17px !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 18px 42px rgba(21, 74, 128, .11) !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-title h2 {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: #073763 !important;
    font-size: 19px !important;
    font-weight: 950 !important;
    line-height: 1.25 !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-title h2::before {
    content: "" !important;
    display: inline-block !important;
    width: 4px !important;
    height: 18px !important;
    margin-right: 8px !important;
    border-radius: 99px !important;
    background: #d49a24 !important;
    vertical-align: -3px !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-intro p {
    margin: 0 !important;
    color: #4d657d !important;
    font-size: 13px !important;
    line-height: 1.8 !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-intro > a {
    display: inline-flex !important;
    align-items: center !important;
    margin: 8px 0 14px !important;
    padding: 0 !important;
    color: #137ad3 !important;
    background: transparent !important;
    border-radius: 0 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-cover {
    height: clamp(156px, 44vw, 188px) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: #e6f0f9 !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-cover img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-list {
    display: grid !important;
    gap: 0 !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-ship {
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) auto !important;
    gap: 11px !important;
    align-items: center !important;
    min-width: 0 !important;
    min-height: 88px !important;
    padding: 12px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(33, 92, 152, .1) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-ship:last-child {
    border-bottom: 0 !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-ship img {
    width: 92px !important;
    height: 68px !important;
    border-radius: 14px !important;
    object-fit: cover !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-ship-body {
    min-width: 0 !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-ship-body strong {
    color: #102f55 !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    line-height: 1.28 !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-ship-body p,
  html body.yz-booking-site.page-booking-series .yz-series-ref-ship-body span {
    color: #6b7f94 !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-ship em {
    justify-self: end !important;
    color: #f05a2a !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 360px) {
  html body.yz-booking-site.page-booking-series .yz-series-tabs,
  html body.yz-booking-site.page-booking-series .yz-booking-section > .container,
  html body.yz-booking-site.page-booking-series .yz-series-list {
    width: calc(100vw - 18px) !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-ship {
    grid-template-columns: 84px minmax(0, 1fr) !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-ship img {
    width: 84px !important;
    height: 64px !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-ship em {
    grid-column: 2 / 3 !important;
    justify-self: start !important;
  }
}

/* Product Design pass: centered, adaptive brand page cards. */
@media (max-width: 767px) {
  html body.yz-booking-site.page-booking-series {
    background: #eef5fb !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-main {
    background:
      radial-gradient(circle at 18% 0%, rgba(67, 160, 255, .16), transparent 30%),
      linear-gradient(180deg, #eef7ff 0%, #f6f9fc 48%, #eef5fb 100%) !important;
  }

  html body.yz-booking-site.page-booking-series .yz-booking-section {
    padding: 12px max(12px, env(safe-area-inset-left)) 0 max(12px, env(safe-area-inset-right)) !important;
    background: transparent !important;
  }

  html body.yz-booking-site.page-booking-series .yz-booking-section > .container,
  html body.yz-booking-site.page-booking-series .yz-series-list {
    width: 100% !important;
    max-width: 430px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-tabs {
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;
    gap: 9px !important;
    width: 100% !important;
    max-width: 430px !important;
    margin: 0 auto 14px !important;
    padding: 48px 12px 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(47, 118, 189, .12) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .92) !important;
    box-shadow: 0 14px 30px rgba(18, 68, 120, .09) !important;
    scroll-snap-type: x proximity !important;
    -webkit-overflow-scrolling: touch !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-tabs::-webkit-scrollbar {
    display: none !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-tabs::before {
    content: "游轮品牌" !important;
    position: absolute !important;
    left: 16px !important;
    top: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    height: 22px !important;
    padding-left: 9px !important;
    border-left: 3px solid #d49a24 !important;
    color: #0a3766 !important;
    font-size: 17px !important;
    font-weight: 950 !important;
    letter-spacing: .02em !important;
    line-height: 22px !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-tabs a,
  html body.yz-booking-site.page-booking-series .yz-series-tabs a.is-active {
    flex: 0 0 92px !important;
    scroll-snap-align: start !important;
    display: grid !important;
    align-content: center !important;
    justify-items: center !important;
    min-height: 58px !important;
    padding: 8px 8px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(41, 106, 173, .14) !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f4f9ff 100%) !important;
    color: #163f68 !important;
    text-decoration: none !important;
    box-shadow: 0 8px 18px rgba(28, 82, 140, .08) !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-tabs a.is-active {
    border-color: transparent !important;
    background: linear-gradient(135deg, #0a63bd 0%, #1888e8 100%) !important;
    color: #fff !important;
    box-shadow: 0 12px 24px rgba(13, 102, 194, .24) !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-tabs a span {
    display: none !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-tabs a strong {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: inherit !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1.22 !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-tabs a small {
    display: block !important;
    margin-top: 5px !important;
    color: rgba(21, 61, 104, .62) !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-tabs a.is-active small {
    color: rgba(255, 255, 255, .84) !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-list {
    display: grid !important;
    gap: 14px !important;
    padding-bottom: 74px !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-card {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 16px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(47, 118, 189, .1) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .94) !important;
    box-shadow: 0 16px 34px rgba(19, 74, 132, .1) !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-title {
    margin: 0 0 12px !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-title h2 {
    margin: 0 !important;
    padding-left: 9px !important;
    border-left: 3px solid #d49a24 !important;
    color: #073763 !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    line-height: 1.25 !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-intro p {
    color: #465c73 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-intro > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 32px !important;
    margin: 8px 0 14px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    background: #eef7ff !important;
    color: #1173cf !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-cover {
    height: clamp(150px, 45vw, 188px) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #e7f0f8 !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-cover img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-list {
    display: grid !important;
    gap: 10px !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-ship {
    display: grid !important;
    grid-template-columns: 88px minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: center !important;
    min-width: 0 !important;
    padding: 10px !important;
    border: 1px solid rgba(42, 111, 178, .12) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 8px 18px rgba(22, 74, 128, .07) !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-ship img {
    width: 88px !important;
    height: 68px !important;
    border-radius: 11px !important;
    object-fit: cover !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-ship-body {
    min-width: 0 !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-ship-body strong {
    color: #102f55 !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    line-height: 1.3 !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-ship-body p,
  html body.yz-booking-site.page-booking-series .yz-series-ref-ship-body span {
    color: #667b91 !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-ship em {
    justify-self: end !important;
    color: #f05a2a !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 360px) {
  html body.yz-booking-site.page-booking-series .yz-series-ref-ship {
    grid-template-columns: 82px minmax(0, 1fr) !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-ship img {
    width: 82px !important;
    height: 64px !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-ship em {
    grid-column: 2 / 3 !important;
    justify-self: start !important;
    margin-top: 3px !important;
  }
}

@media (max-width: 767px) {
  /* Reference lock for series pages: brand buttons, intro card and ship list. */
  .page-booking-series body,
  body.page-booking-series {
    background: #f3f3f3 !important;
  }

  .page-booking-series .yz-series-main {
    padding-bottom: 70px !important;
    background: #f3f3f3 !important;
  }

  .page-booking-series .yz-booking-section {
    margin: 0 !important;
    padding: 14px 14px 0 !important;
    background: #f3f3f3 !important;
  }

  .page-booking-series .yz-series-tabs {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px 10px !important;
    margin: 0 0 24px !important;
    padding: 22px 10px 18px !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  .page-booking-series .yz-series-tabs::before {
    content: "游轮品牌" !important;
    grid-column: 1 / -1 !important;
    display: block !important;
    margin: 0 0 10px !important;
    padding-left: 8px !important;
    border-left: 4px solid #ffae00 !important;
    border-bottom: 0 !important;
    color: #063a73 !important;
    font-size: 19px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
  }

  .page-booking-series .yz-series-tabs a,
  .page-booking-series .yz-series-tabs a.is-active {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    padding: 0 4px !important;
    border: 1px solid #e0e7f0 !important;
    border-radius: 7px !important;
    background: #fff !important;
    color: #063a73 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: 0 2px 7px rgba(16, 54, 92, .05) !important;
  }

  .page-booking-series .yz-series-tabs a.is-active {
    border-color: #0b5bb8 !important;
    background: #0b5bb8 !important;
    color: #fff !important;
  }

  .page-booking-series .yz-series-tabs a span {
    display: none !important;
  }

  .page-booking-series .yz-series-tabs a strong {
    display: block !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: 1.2 !important;
  }

  .page-booking-series .yz-series-list {
    display: grid !important;
    gap: 24px !important;
    padding-bottom: 74px !important;
  }

  .page-booking-series .yz-series-ref-card {
    margin: 0 !important;
    padding: 20px 10px 18px !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  .page-booking-series .yz-series-ref-title {
    margin: 0 0 14px !important;
    padding: 0 !important;
    border-bottom: 0 !important;
  }

  .page-booking-series .yz-series-ref-title h2 {
    margin: 0 !important;
    padding-left: 8px !important;
    border-left: 4px solid #ffae00 !important;
    color: #063a73 !important;
    font-size: 19px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
  }

  .page-booking-series .yz-series-ref-intro p {
    margin: 0 !important;
    color: #333 !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
  }

  .page-booking-series .yz-series-ref-intro > a {
    display: block !important;
    margin: 8px 0 16px !important;
    color: #3183d8 !important;
    font-size: 13px !important;
    text-align: center !important;
    text-decoration: none !important;
  }

  .page-booking-series .yz-series-ref-cover {
    height: 192px !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    background: #e5edf5 !important;
  }

  .page-booking-series .yz-series-ref-cover img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .page-booking-series .yz-series-ref-list {
    display: grid !important;
    gap: 10px !important;
  }

  .page-booking-series .yz-series-ref-ship {
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: center !important;
    min-height: 92px !important;
    padding: 8px !important;
    border: 1px solid #e5eaf0 !important;
    border-radius: 7px !important;
    background: #fff !important;
    color: #111 !important;
    text-decoration: none !important;
  }

  .page-booking-series .yz-series-ref-ship img {
    width: 92px !important;
    height: 76px !important;
    border-radius: 5px !important;
    object-fit: cover !important;
  }

  .page-booking-series .yz-series-ref-ship-body {
    min-width: 0 !important;
  }

  .page-booking-series .yz-series-ref-ship-body strong,
  .page-booking-series .yz-series-ref-ship-body p,
  .page-booking-series .yz-series-ref-ship-body span {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .page-booking-series .yz-series-ref-ship-body strong {
    margin: 0 0 5px !important;
    color: #111 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
  }

  .page-booking-series .yz-series-ref-ship-body p,
  .page-booking-series .yz-series-ref-ship-body span {
    margin: 0 !important;
    color: #667085 !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  .page-booking-series .yz-series-ref-ship em {
    color: #f04b23 !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 767px) {
  .page-booking-series .yz-series-real-home {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 999 !important;
    display: grid !important;
    place-items: center !important;
    width: 54px !important;
    height: 50px !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    background: transparent !important;
  }
}

@media (max-width: 767px) {
  /* Brand filter polish: keep the 12 entries readable and horizontally scrollable. */
  .page-booking-series .yz-series-tabs {
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;
    gap: 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    margin: 0 0 16px !important;
    padding: 54px 14px 14px !important;
    border: 1px solid rgba(15, 86, 150, .10) !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f6fbff 100%) !important;
    box-shadow: 0 10px 28px rgba(20, 68, 120, .08) !important;
    scroll-snap-type: x proximity !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .page-booking-series .yz-series-tabs::-webkit-scrollbar {
    display: none !important;
  }

  .page-booking-series .yz-series-tabs::before {
    content: "游轮品牌" !important;
    position: absolute !important;
    left: 18px !important;
    top: 16px !important;
    display: flex !important;
    align-items: center !important;
    height: 24px !important;
    margin: 0 !important;
    padding: 0 0 0 10px !important;
    border-left: 4px solid #d6a23c !important;
    color: #07335f !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    letter-spacing: .02em !important;
    line-height: 1 !important;
  }

  .page-booking-series .yz-series-tabs a,
  .page-booking-series .yz-series-tabs a.is-active {
    flex: 0 0 auto !important;
    display: grid !important;
    align-content: center !important;
    justify-items: start !important;
    min-width: 104px !important;
    min-height: 58px !important;
    padding: 9px 13px !important;
    border: 1px solid #d9e6f3 !important;
    border-radius: 15px !important;
    background: rgba(255, 255, 255, .92) !important;
    color: #153d68 !important;
    text-align: left !important;
    text-decoration: none !important;
    box-shadow: 0 6px 16px rgba(19, 61, 104, .06) !important;
    scroll-snap-align: start !important;
  }

  .page-booking-series .yz-series-tabs a.is-active {
    border-color: transparent !important;
    background: linear-gradient(135deg, #0d66c2 0%, #1689e8 100%) !important;
    color: #fff !important;
    box-shadow: 0 12px 24px rgba(13, 102, 194, .24) !important;
  }

  .page-booking-series .yz-series-tabs a span {
    display: none !important;
  }

  .page-booking-series .yz-series-tabs a strong {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: inherit !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .page-booking-series .yz-series-tabs a small {
    display: block !important;
    margin-top: 5px !important;
    color: rgba(21, 61, 104, .58) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .page-booking-series .yz-series-tabs a.is-active small {
    color: rgba(255, 255, 255, .82) !important;
  }
}

/* Final Product Design override: no boxed brand chips, centered adaptive series page. */
@media (max-width: 767px) {
  body.page-booking-series {
    background:
      radial-gradient(circle at 50% -8%, rgba(24, 129, 223, .18), transparent 32%),
      linear-gradient(180deg, #eef7ff 0%, #f7fbff 42%, #f2f7fb 100%) !important;
  }

  .page-booking-series .yz-series-main {
    display: block !important;
    width: 100% !important;
    padding: 10px 0 calc(76px + env(safe-area-inset-bottom)) !important;
  }

  .page-booking-series .yz-booking-section {
    width: 100% !important;
    padding: 12px 0 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .page-booking-series .yz-booking-section > .container,
  .page-booking-series .yz-series-tabs,
  .page-booking-series .yz-series-list {
    box-sizing: border-box !important;
    width: calc(100vw - 24px) !important;
    max-width: 430px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .page-booking-series .yz-series-tabs {
    position: relative !important;
    display: flex !important;
    align-items: flex-end !important;
    gap: 18px !important;
    min-height: 90px !important;
    padding: 42px 2px 11px !important;
    overflow-x: auto !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    scrollbar-width: none !important;
  }

  .page-booking-series .yz-series-tabs::-webkit-scrollbar {
    display: none !important;
  }

  .page-booking-series .yz-series-tabs::before {
    position: absolute !important;
    top: 8px !important;
    left: 2px !important;
    display: block !important;
    width: auto !important;
    padding-left: 12px !important;
    color: #0b3768 !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    letter-spacing: .02em !important;
    content: "游轮品牌" !important;
    background: transparent !important;
    border: 0 !important;
    border-left: 4px solid #d79a2b !important;
    box-shadow: none !important;
    writing-mode: horizontal-tb !important;
  }

  .page-booking-series .yz-series-tabs::after {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    height: 1px !important;
    content: "" !important;
    background: linear-gradient(90deg, transparent, rgba(12, 66, 122, .18), transparent) !important;
  }

  .page-booking-series .yz-series-tabs a {
    position: relative !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 54px !important;
    max-width: 82px !important;
    min-height: 38px !important;
    padding: 0 0 12px !important;
    color: rgba(11, 49, 91, .62) !important;
    text-align: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .page-booking-series .yz-series-tabs a::after {
    position: absolute !important;
    right: 16% !important;
    bottom: 1px !important;
    left: 16% !important;
    height: 3px !important;
    content: "" !important;
    background: transparent !important;
    border-radius: 999px !important;
  }

  .page-booking-series .yz-series-tabs a.is-active {
    color: #075fae !important;
  }

  .page-booking-series .yz-series-tabs a.is-active::after {
    background: linear-gradient(90deg, #0d7ddb, #d69b2c) !important;
  }

  .page-booking-series .yz-series-tabs a span {
    display: none !important;
  }

  .page-booking-series .yz-series-tabs a strong {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: inherit !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    line-height: 1.15 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .page-booking-series .yz-series-tabs a small {
    display: block !important;
    margin-top: 5px !important;
    color: rgba(38, 77, 118, .58) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }

  .page-booking-series .yz-series-tabs a.is-active small {
    color: rgba(7, 95, 174, .68) !important;
  }

  .page-booking-series .yz-series-list {
    display: grid !important;
    gap: 14px !important;
  }

  .page-booking-series .yz-series-ref-card {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 18px 16px !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, .92) !important;
    border: 1px solid rgba(214, 226, 239, .84) !important;
    border-radius: 22px !important;
    box-shadow: 0 14px 34px rgba(16, 64, 112, .10) !important;
  }

  .page-booking-series .yz-series-ref-card h2 {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    margin: 0 0 13px !important;
    color: #082f5f !important;
    font-size: 20px !important;
    font-weight: 950 !important;
    letter-spacing: -.02em !important;
  }

  .page-booking-series .yz-series-ref-card h2::before {
    width: 4px !important;
    height: 19px !important;
    content: "" !important;
    background: linear-gradient(180deg, #dca338, #f1c86b) !important;
    border-radius: 999px !important;
  }

  .page-booking-series .yz-series-ref-card p {
    margin: 0 0 12px !important;
    color: #49627a !important;
    font-size: 14px !important;
    line-height: 1.72 !important;
  }

  .page-booking-series .yz-series-ref-card > a:not(.yz-series-ship-link) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    color: #0d73cc !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .page-booking-series .yz-series-ref-card > a:not(.yz-series-ship-link)::after {
    margin-left: 5px !important;
    content: ">" !important;
  }

  .page-booking-series .yz-series-ref-cover {
    width: 100% !important;
    height: clamp(150px, 45vw, 205px) !important;
    margin-top: 4px !important;
    object-fit: cover !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 26px rgba(16, 64, 112, .13) !important;
  }

  .page-booking-series .yz-series-ref-card .yz-series-ship-link {
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) auto !important;
    gap: 12px !important;
    align-items: center !important;
    width: 100% !important;
    padding: 12px 0 !important;
    color: inherit !important;
    text-decoration: none !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(214, 226, 239, .72) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .page-booking-series .yz-series-ref-card .yz-series-ship-link:last-child {
    border-bottom: 0 !important;
  }

  .page-booking-series .yz-series-ship-link img {
    width: 92px !important;
    height: 68px !important;
    object-fit: cover !important;
    border-radius: 14px !important;
  }

  .page-booking-series .yz-series-ship-link strong {
    display: block !important;
    margin-bottom: 5px !important;
    color: #0b315b !important;
    font-size: 15px !important;
    font-weight: 950 !important;
  }

  .page-booking-series .yz-series-ship-link small {
    display: block !important;
    overflow: hidden !important;
    color: #6a7e91 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .page-booking-series .yz-series-ship-link em {
    justify-self: end !important;
    color: #f05a26 !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 360px) {
  .page-booking-series .yz-booking-section > .container,
  .page-booking-series .yz-series-tabs,
  .page-booking-series .yz-series-list {
    width: calc(100vw - 18px) !important;
  }

  .page-booking-series .yz-series-ref-card {
    padding: 16px 13px !important;
  }

  .page-booking-series .yz-series-ref-card .yz-series-ship-link {
    grid-template-columns: 84px minmax(0, 1fr) !important;
  }

  .page-booking-series .yz-series-ship-link img {
    width: 84px !important;
    height: 64px !important;
  }

  .page-booking-series .yz-series-ship-link em {
    grid-column: 2 !important;
    justify-self: start !important;
  }
}

/* Real DOM override: series tabs are buttons and ship rows use yz-series-ref-ship. */
@media (max-width: 767px) {
  html body.yz-booking-site.page-booking-series .yz-series-main {
    width: 100% !important;
    padding: 10px 0 calc(78px + env(safe-area-inset-bottom)) !important;
  }

  html body.yz-booking-site.page-booking-series .yz-order-page-hero,
  html body.yz-booking-site.page-booking-series .yz-booking-section {
    width: 100% !important;
    margin: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body.yz-booking-site.page-booking-series .yz-order-page-hero > .container,
  html body.yz-booking-site.page-booking-series .yz-booking-section > .container,
  html body.yz-booking-site.page-booking-series .yz-series-tabs,
  html body.yz-booking-site.page-booking-series .yz-series-list {
    box-sizing: border-box !important;
    width: calc(100vw - 24px) !important;
    max-width: 430px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-tabs {
    position: relative !important;
    display: flex !important;
    align-items: flex-end !important;
    gap: 18px !important;
    min-height: 88px !important;
    padding: 42px 2px 11px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    scrollbar-width: none !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-tabs::-webkit-scrollbar {
    display: none !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-tabs::before {
    position: absolute !important;
    top: 8px !important;
    left: 2px !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    padding-left: 12px !important;
    color: #0b3768 !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
    content: "游轮品牌" !important;
    background: transparent !important;
    border: 0 !important;
    border-left: 4px solid #d79a2b !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    writing-mode: horizontal-tb !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-tabs::after {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    height: 1px !important;
    content: "" !important;
    background: linear-gradient(90deg, transparent, rgba(12, 66, 122, .18), transparent) !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-tabs button {
    position: relative !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 56px !important;
    max-width: 94px !important;
    min-height: 38px !important;
    padding: 0 0 12px !important;
    color: rgba(11, 49, 91, .62) !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    white-space: nowrap !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    writing-mode: horizontal-tb !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-tabs button::after {
    position: absolute !important;
    right: 16% !important;
    bottom: 1px !important;
    left: 16% !important;
    height: 3px !important;
    content: "" !important;
    background: transparent !important;
    border-radius: 999px !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-tabs button.is-active {
    color: #075fae !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-tabs button.is-active::after {
    background: linear-gradient(90deg, #0d7ddb, #d69b2c) !important;
  }

  html body.yz-booking-site.page-booking-series .yz-schedule-count {
    display: none !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-list {
    display: grid !important;
    gap: 14px !important;
    padding-top: 2px !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-card {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 18px 16px !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, .94) !important;
    border: 1px solid rgba(214, 226, 239, .86) !important;
    border-radius: 22px !important;
    box-shadow: 0 14px 34px rgba(16, 64, 112, .10) !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-title h2 {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    margin: 0 0 13px !important;
    color: #082f5f !important;
    font-size: 20px !important;
    font-weight: 950 !important;
    letter-spacing: -.02em !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-title h2::before {
    width: 4px !important;
    height: 19px !important;
    content: "" !important;
    background: linear-gradient(180deg, #dca338, #f1c86b) !important;
    border-radius: 999px !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-intro p {
    margin: 0 0 12px !important;
    color: #49627a !important;
    font-size: 14px !important;
    line-height: 1.72 !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-intro a {
    display: inline-flex !important;
    padding: 0 !important;
    color: #0d73cc !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-cover {
    width: 100% !important;
    height: clamp(150px, 45vw, 205px) !important;
    margin-top: 4px !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 26px rgba(16, 64, 112, .13) !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-cover img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-list {
    display: block !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-ship {
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) auto !important;
    gap: 12px !important;
    align-items: center !important;
    width: 100% !important;
    padding: 12px 0 !important;
    color: inherit !important;
    text-decoration: none !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(214, 226, 239, .72) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-ship:last-child {
    border-bottom: 0 !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-ship img {
    width: 92px !important;
    height: 68px !important;
    object-fit: cover !important;
    border-radius: 14px !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-ship-body {
    min-width: 0 !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-ship strong {
    display: block !important;
    margin-bottom: 5px !important;
    overflow: hidden !important;
    color: #0b315b !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-ship small {
    display: block !important;
    overflow: hidden !important;
    color: #6a7e91 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-ship em {
    justify-self: end !important;
    color: #f05a26 !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 360px) {
  html body.yz-booking-site.page-booking-series .yz-order-page-hero > .container,
  html body.yz-booking-site.page-booking-series .yz-booking-section > .container,
  html body.yz-booking-site.page-booking-series .yz-series-tabs,
  html body.yz-booking-site.page-booking-series .yz-series-list {
    width: calc(100vw - 18px) !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-card {
    padding: 16px 13px !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-ship {
    grid-template-columns: 84px minmax(0, 1fr) !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-ship img {
    width: 84px !important;
    height: 64px !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-ship em {
    grid-column: 2 !important;
    justify-self: start !important;
  }
}

/* Product Design hero polish: brand title, breathable padding, premium summary card. */
@media (max-width: 767px) {
  html body.yz-booking-site.page-booking-series .yz-series-hero > .container {
    position: relative !important;
    padding: 20px 22px 22px !important;
    overflow: hidden !important;
    background:
      linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(246, 251, 255, .94)) !important;
    border: 1px solid rgba(207, 223, 239, .86) !important;
    border-radius: 18px !important;
    box-shadow: 0 14px 32px rgba(16, 64, 112, .10) !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-hero > .container::after {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 118px !important;
    height: 118px !important;
    pointer-events: none !important;
    content: "" !important;
    background: radial-gradient(circle at 80% 15%, rgba(26, 132, 225, .13), transparent 62%) !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-hero .yz-section-kicker {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    margin: 0 0 12px !important;
    padding: 5px 10px !important;
    color: #0d68b8 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .03em !important;
    background: rgba(13, 114, 207, .08) !important;
    border: 1px solid rgba(13, 114, 207, .12) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-hero h1 {
    margin: 0 !important;
    color: #082f5f !important;
    font-size: 24px !important;
    font-weight: 950 !important;
    line-height: 1.18 !important;
    letter-spacing: -.03em !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-hero p {
    max-width: 92% !important;
    margin: 12px 0 0 !important;
    color: #526d86 !important;
    font-size: 14px !important;
    line-height: 1.72 !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-top-back,
  html body.yz-booking-site.page-booking-series .yz-series-real-home {
    display: none !important;
  }
}

@media (max-width: 360px) {
  html body.yz-booking-site.page-booking-series .yz-series-hero > .container {
    padding: 18px 18px 20px !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-hero h1 {
    font-size: 22px !important;
  }
}

/* Final brand header direction: spacious, calm, not a cramped box. */
@media (max-width: 767px) {
  html body.yz-booking-site.page-booking-series .yz-series-main > .yz-order-page-hero {
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 12px 0 4px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-main > .yz-order-page-hero > .container {
    box-sizing: border-box !important;
    width: min(430px, calc(100vw - 24px)) !important;
    max-width: min(430px, calc(100vw - 24px)) !important;
    min-height: 118px !important;
    margin: 0 auto !important;
    padding: 24px 28px 26px !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at 92% 0%, rgba(43, 139, 226, .12), transparent 45%),
      linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(247, 251, 255, .94)) !important;
    border: 0 !important;
    border-radius: 24px !important;
    box-shadow: 0 18px 42px rgba(25, 72, 118, .12) !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-hero .yz-section-kicker {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    color: #2877bd !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: .08em !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-hero .yz-section-kicker::before {
    width: 4px !important;
    height: 15px !important;
    margin-right: 8px !important;
    content: "" !important;
    background: linear-gradient(180deg, #d8a13a, #f2cc73) !important;
    border-radius: 999px !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-hero h1 {
    max-width: 100% !important;
    margin: 0 !important;
    color: #082d59 !important;
    font-size: 25px !important;
    font-weight: 950 !important;
    line-height: 1.18 !important;
    letter-spacing: -.04em !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-hero p {
    display: block !important;
    max-width: 96% !important;
    margin: 13px 0 0 !important;
    color: #526d86 !important;
    font-size: 14px !important;
    line-height: 1.72 !important;
  }
}

@media (max-width: 360px) {
  html body.yz-booking-site.page-booking-series .yz-series-main > .yz-order-page-hero > .container {
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
    padding: 22px 22px 24px !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-hero h1 {
    font-size: 23px !important;
  }
}

/* Final left-safe-area correction for the brand hero. */
@media (max-width: 767px) {
  html body.yz-booking-site.page-booking-series .yz-series-main > .yz-order-page-hero > .container {
    padding: 26px 34px 28px 38px !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-hero .yz-section-kicker,
  html body.yz-booking-site.page-booking-series .yz-series-hero h1,
  html body.yz-booking-site.page-booking-series .yz-series-hero p {
    transform: none !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-hero .yz-section-kicker::before {
    margin-right: 10px !important;
  }
}

@media (max-width: 360px) {
  html body.yz-booking-site.page-booking-series .yz-series-main > .yz-order-page-hero > .container {
    padding: 24px 26px 26px 30px !important;
  }
}

/* Hard correction: the hero card itself needs side gutters, not only text padding. */
@media (max-width: 767px) {
  html body.yz-booking-site.page-booking-series .yz-series-main > .yz-order-page-hero {
    display: flex !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
    padding: 14px 0 6px !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-main > .yz-order-page-hero > .container {
    box-sizing: border-box !important;
    width: min(400px, calc(100vw - 48px)) !important;
    max-width: min(400px, calc(100vw - 48px)) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 24px 24px 24px 26px !important;
    border-radius: 22px !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-hero .yz-section-kicker,
  html body.yz-booking-site.page-booking-series .yz-series-hero h1,
  html body.yz-booking-site.page-booking-series .yz-series-hero p {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
}

@media (max-width: 360px) {
  html body.yz-booking-site.page-booking-series .yz-series-main > .yz-order-page-hero > .container {
    width: calc(100vw - 36px) !important;
    max-width: calc(100vw - 36px) !important;
    padding: 22px 20px 22px 22px !important;
  }
}

/* Center rail fix: every top-level series block must sit on the same adaptive center line. */
@media (max-width: 767px) {
  html body.yz-booking-site.page-booking-series {
    overflow-x: hidden !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-main {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-main > .yz-order-page-hero,
  html body.yz-booking-site.page-booking-series .yz-series-main > .yz-booking-section {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-main > .yz-order-page-hero > .container,
  html body.yz-booking-site.page-booking-series .yz-series-main > .yz-booking-section > .container {
    width: min(430px, calc(100vw - 24px)) !important;
    max-width: min(430px, calc(100vw - 24px)) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-tabs,
  html body.yz-booking-site.page-booking-series .yz-series-list {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-ref-card {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
}

@media (max-width: 360px) {
  html body.yz-booking-site.page-booking-series .yz-series-main > .yz-order-page-hero > .container,
  html body.yz-booking-site.page-booking-series .yz-series-main > .yz-booking-section > .container {
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
  }
}