@import url('/styles/templates/showroom-shared.css?v=20261101four1');
/* Show pages under the Showroom template. Loaded by sincityseats/show.blade.php on top of the light
   skin (themes/light.css), which already turns every show-page part light; this adds the Showroom
   mid-century identity (DiffUI "Show page" 44979316, 2026-11-01): white page, Playfair show title,
   Bebas Neue section heads, navy date buttons, atomic-orange actions. Header = templates/showroom/header. SKIN ONLY on booking
   parts — layout and controls stay per the Checkout UX spec. Pictures are the show's own. */
body.tpl-show.tpl-show-showroom {
    --srs-bg: #ffffff;
    --srs-card: #ffffff;
    --srs-soft: #f1f8fd;
    background: var(--srs-bg);
    color: var(--sr-ink);
    font-family: var(--sr-text);
}

/* ---- hero ------------------------------------------------------------------------------- */
body.tpl-show.tpl-show-showroom .show-hero,
body.tpl-show.tpl-show-showroom .show-hero-head { background: var(--srs-bg); }
body.tpl-show.tpl-show-showroom .show-hero-title {
    font-family: var(--sr-serif); font-weight: 700; letter-spacing: .02em; text-shadow: none; color: var(--sr-navy);
    font-size: clamp(32px, 4.6vw, 60px); line-height: 1; text-transform: uppercase;
}
body.tpl-show.tpl-show-showroom .show-hero-tagline { color: var(--sr-ink-2); text-shadow: none; font-family: var(--sr-text); }
body.tpl-show.tpl-show-showroom .show-hero-when { color: var(--sr-blue-deep); font-family: var(--sr-display); font-weight: 400; }
body.tpl-show.tpl-show-showroom .show-hero-when-venue { color: var(--sr-ink); font-family: var(--sr-text); }
body.tpl-show.tpl-show-showroom .show-hero-rating { background: var(--srs-card); border: 1px solid var(--sr-line); box-shadow: none; color: var(--sr-ink); }
body.tpl-show.tpl-show-showroom .show-hero-rating-text,
body.tpl-show.tpl-show-showroom .show-hero-rating-count { color: var(--sr-ink); }
body.tpl-show.tpl-show-showroom .starting-price,
body.tpl-show.tpl-show-showroom .show-hero-overlay .starting-price { font-family: var(--sr-display); font-weight: 400; text-shadow: none; }

/* Dates: sky-blue buttons with white type, like the design's "Upcoming show dates" list. */
body.tpl-show.tpl-show-showroom .cta-button.hero-date-btn,
body.tpl-show.tpl-show-showroom .sidebar-date-link {
    background: var(--sr-navy); color: #ffffff; border: 0; border-radius: 4px; box-shadow: none;
    font-family: var(--sr-display); font-weight: 400; letter-spacing: .02em;
}
body.tpl-show.tpl-show-showroom .cta-button.hero-date-btn:hover,
body.tpl-show.tpl-show-showroom .sidebar-date-link:hover { background: var(--sr-orange); color: #ffffff; filter: none; box-shadow: none; }
body.tpl-show.tpl-show-showroom .hero-date-btn .hero-date-btn-book-now,
body.tpl-show.tpl-show-showroom .sidebar-date-link-time { color: #ffffff; }
body.tpl-show.tpl-show-showroom .mini-calendar-day.has-event { background: var(--sr-navy); color: #ffffff; border: 0; border-radius: 4px; box-shadow: none; }

/* The primary action. */
body.tpl-show.tpl-show-showroom .cta-button:not(.hero-date-btn):not(.cta-button--outline) {
    background: var(--sr-orange); color: #ffffff; box-shadow: none; border-radius: 4px;
    font-family: var(--sr-display); font-weight: 400; letter-spacing: .04em; text-transform: uppercase;
}
body.tpl-show.tpl-show-showroom .cta-button:not(.hero-date-btn):not(.cta-button--outline):hover { background: var(--sr-orange-dark); filter: none; box-shadow: none; }
body.tpl-show.tpl-show-showroom .cta-button--outline { color: var(--sr-blue-deep) !important; border-color: var(--sr-orange) !important; border-radius: 4px; }
body.tpl-show.tpl-show-showroom .hero-more-dates { color: var(--sr-blue-deep); }

/* ---- body sections: white cards, black display headings over a blue hairline -------------- */
body.tpl-show.tpl-show-showroom .show-page { background: var(--srs-bg); }
body.tpl-show.tpl-show-showroom .section-card {
    background: var(--srs-card); border: 1px solid var(--sr-line); border-radius: 4px; box-shadow: none; color: var(--sr-ink);
}
body.tpl-show.tpl-show-showroom .section-card h2 {
    font-family: var(--sr-display); font-weight: 400; font-size: clamp(22px, 2.4vw, 30px); line-height: 1.05; letter-spacing: .01em;
    text-transform: uppercase; color: var(--sr-ink); border-bottom: 3px solid var(--sr-orange); padding-bottom: 6px; text-shadow: none; letter-spacing: .03em;
}
body.tpl-show.tpl-show-showroom .section-card a,
body.tpl-show.tpl-show-showroom .venue-link,
body.tpl-show.tpl-show-showroom .about-content a { color: var(--sr-blue-deep); }
body.tpl-show.tpl-show-showroom .section-card a.cta-button { color: #ffffff; }
body.tpl-show.tpl-show-showroom .sidebar-title { font-family: var(--sr-display); font-weight: 400; color: var(--sr-ink); letter-spacing: .01em; text-transform: uppercase; }
body.tpl-show.tpl-show-showroom .sidebar-price { color: var(--sr-ink); text-shadow: none; font-family: var(--sr-display); font-weight: 400; }

/* ---- pinned phone bar -------------------------------------------------------------------- */
body.tpl-show.tpl-show-showroom .mobile-sticky { background: var(--sr-navy); border-top: 3px solid var(--sr-blue); box-shadow: none; }
body.tpl-show.tpl-show-showroom .mobile-sticky-price-label,
body.tpl-show.tpl-show-showroom .mobile-sticky-price-value { color: #ffffff; text-shadow: none; }

/* Price: dark on white (phones); a blue tag over the photo (desktop overlay) so it reads on any picture. */
body.tpl-show.tpl-show-showroom .starting-price { color: var(--sr-ink); }
@media (min-width: 769px) {
    body.tpl-show.tpl-show-showroom .show-hero-overlay .starting-price { display: inline-block; padding: 4px 12px; background: var(--sr-orange); color: #ffffff; border-radius: 4px; }
    body.tpl-show.tpl-show-showroom .show-hero-overlay .hero-date-label { color: #ffffff; }
}
@media (max-width: 768px) {
    body.tpl-show.tpl-show-showroom .show-hero-overlay { background: var(--srs-bg); }
    body.tpl-show.tpl-show-showroom .show-hero-overlay .hero-date-label,
    body.tpl-show.tpl-show-showroom .show-hero-overlay .starting-price { color: var(--sr-ink); }
    body.tpl-show.tpl-show-showroom .show-hero-trust { color: var(--sr-ink-2); }
    body.tpl-show.tpl-show-showroom .show-hero-title { font-size: 30px; }
}

/* ==== Mid-century show page (Pete 11/1: "not the same layout as the home page", "colors are all over the
   place"). DiffUI show page 44979316 / phone 61aa40e7: the stage photo full width with the name, stars,
   price and Get Tickets over its left side; the dates in a navy "Upcoming show dates" band of white tiles;
   then white sections with the homepage's slanted tab headings. ONE palette: white, sky blue, navy,
   atomic orange. Every leftover dark-skin colour (inline styles in the reviews list, calendar, cast,
   sidebar cards) is mapped onto it. Layout of the booking controls is unchanged (Checkout UX spec). ==== */

/* ---- hero: photo full width, copy over the left, dates band below (desktop) ---- */
@media (min-width: 769px) {
    body.tpl-show.tpl-show-showroom .show-hero { position: relative; background: var(--sr-navy); padding: 0; border-bottom: 6px solid var(--sr-blue); }
    body.tpl-show.tpl-show-showroom .show-hero-head {
        position: absolute; z-index: 3; left: 0; top: 0; width: 46%; max-width: 660px; padding: 56px 0 0 6%; box-sizing: border-box;
        background: transparent; text-align: left; align-items: flex-start; border: 0; box-shadow: none;
    }
    body.tpl-show.tpl-show-showroom .show-hero-head > * { margin-left: 0 !important; margin-right: auto !important; text-align: left; justify-content: flex-start; }
    body.tpl-show.tpl-show-showroom .show-hero-title { color: #ffffff; font-size: clamp(34px, 3.6vw, 56px); text-shadow: 0 2px 18px rgba(0, 0, 0, .45); }
    body.tpl-show.tpl-show-showroom .show-hero-tagline { color: #ffffff; font-family: var(--sr-serif); font-size: 19px; text-shadow: 0 1px 10px rgba(0, 0, 0, .5); }
    body.tpl-show.tpl-show-showroom .show-hero-rating { background: rgba(14, 27, 61, .55); border-color: rgba(255, 255, 255, .3); }
    body.tpl-show.tpl-show-showroom :is(.show-hero-rating-text, .show-hero-rating-count) { color: #ffffff; }
    body.tpl-show.tpl-show-showroom .show-hero-image-wrap { position: relative; overflow: visible; max-height: none; background: var(--sr-navy); }
    body.tpl-show.tpl-show-showroom .show-hero-image-wrap > img { display: block; width: 100%; height: 500px; max-height: none; object-fit: cover; object-position: 65% 30%; }
    body.tpl-show.tpl-show-showroom .show-hero-image-wrap::before {
        content: ''; position: absolute; left: 0; right: 0; top: 0; height: 500px; z-index: 1; pointer-events: none;
        background: linear-gradient(90deg, rgba(14, 27, 61, .95) 0%, rgba(14, 27, 61, .8) 30%, rgba(14, 27, 61, .1) 58%, rgba(14, 27, 61, 0) 100%);
    }
    /* The price and dates leave the photo and become the navy band underneath. */
    body.tpl-show.tpl-show-showroom .show-hero-overlay { position: relative; inset: auto; z-index: 2; background: var(--sr-navy); padding: 16px 6% 18px; box-sizing: border-box; }
    body.tpl-show.tpl-show-showroom .show-hero-cta { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 10px 18px; text-align: left; max-width: none; margin: 0; }
    body.tpl-show.tpl-show-showroom .hero-date-buttons { justify-content: flex-start; }
    body.tpl-show.tpl-show-showroom .hero-dates-group { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; }
    body.tpl-show.tpl-show-showroom .show-hero-trust { justify-content: flex-start; margin-top: 10px; }
    body.tpl-show.tpl-show-showroom .show-hero-overlay .starting-price { display: inline-block; padding: 6px 14px; background: var(--sr-orange); color: #ffffff; border-radius: 4px; font-size: 26px; }
    body.tpl-show.tpl-show-showroom .show-hero-overlay .hero-date-label { margin: 0; color: #ffffff; font-family: var(--sr-display); font-weight: 400; font-size: 24px; letter-spacing: .04em; }
    body.tpl-show.tpl-show-showroom .hero-dates-group { flex: 1 1 100%; }
}
/* Date tiles: white with navy type, orange on hover (both screen sizes). */
body.tpl-show.tpl-show-showroom .cta-button.hero-date-btn {
    background: #ffffff; color: var(--sr-navy); border: 2px solid #ffffff; border-radius: 6px;
    font-family: var(--sr-cond); font-weight: 700;
}
body.tpl-show.tpl-show-showroom .cta-button.hero-date-btn .hero-date-btn-book-now { color: var(--sr-orange); font-family: var(--sr-display); font-weight: 400; letter-spacing: .04em; }
body.tpl-show.tpl-show-showroom .cta-button.hero-date-btn:hover { background: var(--sr-orange); border-color: var(--sr-orange); color: #ffffff; }
body.tpl-show.tpl-show-showroom .cta-button.hero-date-btn:hover .hero-date-btn-book-now { color: #ffffff; }
body.tpl-show-showroom .hero-date-btn-sold-out { background: rgba(255, 255, 255, .15) !important; color: rgba(255, 255, 255, .7) !important; border-color: transparent !important; }
body.tpl-show-showroom .hero-more-dates { color: #ffffff; text-decoration: underline; }
body.tpl-show-showroom .show-hero-trust { color: #dce7f3; }
body.tpl-show-showroom .show-hero-trust-icon { filter: none; }
body.tpl-show-showroom .show-hero-recent-activity { background: transparent; color: var(--sr-orange); }

/* ---- section headings: the homepage's slanted tabs ---- */
body.tpl-show.tpl-show-showroom .section-card { border: 2px solid #cfe8f6; border-radius: 8px; padding-top: 0; overflow: visible; }
body.tpl-show.tpl-show-showroom .section-card > h2:first-child,
body.tpl-show.tpl-show-showroom .section-card > .section-title:first-child {
    display: inline-block; margin: -2px 0 16px -2px; padding: 6px 30px 5px 18px; border: 0;
    background: var(--sr-blue); color: #ffffff; font-family: var(--sr-display); font-weight: 400; font-size: clamp(24px, 2.4vw, 32px); letter-spacing: .03em;
    clip-path: polygon(0 10%, 100% 0, 93% 100%, 2% 100%); border-radius: 6px 0 0 0;
}
body.tpl-show.tpl-show-showroom .section-card:nth-of-type(3n+2) > h2:first-child { background: var(--sr-orange); }
body.tpl-show.tpl-show-showroom .section-card h3 { font-family: var(--sr-display); font-weight: 400; font-size: 24px; letter-spacing: .02em; color: var(--sr-navy); }
body.tpl-show.tpl-show-showroom .about-content :is(p, li) { color: var(--sr-ink-2); font-size: 16px; line-height: 1.7; }

/* ---- quick glance, badges ---- */
body.tpl-show-showroom .quick-glance-item { background: var(--sr-soft); border: 0; border-left: 4px solid var(--sr-blue); border-radius: 4px; }
body.tpl-show-showroom .quick-glance-title { color: var(--sr-navy); font-family: var(--sr-cond); font-weight: 700; }
body.tpl-show-showroom .quick-glance-text { color: var(--sr-ink-2); }
body.tpl-show-showroom .quick-glance-icon { color: var(--sr-orange); }
body.tpl-show-showroom .show-badge { background: var(--sr-navy); color: #ffffff; border: 0; }

/* ---- cast ---- */
body.tpl-show-showroom .performer-card { background: #ffffff; border: 1px solid var(--sr-line); border-radius: 8px; }
body.tpl-show-showroom .performer-image { background: var(--sr-soft); border: 3px solid var(--sr-blue); }
body.tpl-show-showroom .performer-name { color: var(--sr-navy); font-family: var(--sr-display); font-weight: 400; font-size: 22px; letter-spacing: .02em; }
body.tpl-show-showroom .performer-description { color: var(--sr-ink-2); }
body.tpl-show-showroom :is(.performer-link, .venue-link-sep) { color: var(--sr-blue-deep); }

/* ---- guest reviews (inline dark styles in the component) ---- */
body.tpl-show-showroom .guest-review-item { background: #ffffff !important; border: 1px solid var(--sr-line) !important; border-left: 4px solid var(--sr-blue) !important; }
body.tpl-show-showroom .guest-review-item span[style*="#f5f5f7"] { color: var(--sr-ink) !important; }
body.tpl-show-showroom .guest-review-item span[style*="#0f2a1a"] { background: var(--sr-soft) !important; color: var(--sr-navy) !important; border-color: var(--sr-blue) !important; }
body.tpl-show-showroom .guest-review-item [style*="color:#666"] { color: var(--sr-ink-3) !important; }
body.tpl-show-showroom .show-page [style*="color:#c8a951"] { color: var(--sr-orange) !important; }
body.tpl-show-showroom .guest-review-item p[style*="color:#ccc"] { color: var(--sr-ink-2) !important; }
body.tpl-show-showroom .show-page span[style*="background:#111"] { background: var(--sr-soft) !important; color: var(--sr-ink-2) !important; border-color: var(--sr-line) !important; }
body.tpl-show-showroom .show-page button[style*="background:#1a1a24"] { background: #ffffff !important; color: var(--sr-navy) !important; border: 2px solid var(--sr-blue) !important; font-family: var(--sr-display) !important; font-size: 19px !important; letter-spacing: .04em; }

/* ---- sidebar: price, dates, mini calendar, other shows ---- */
body.tpl-show-showroom .sidebar { background: #ffffff; }
body.tpl-show-showroom .sidebar-date-link { background: var(--sr-navy); color: #ffffff; }
body.tpl-show-showroom .sidebar-date-link:hover { background: var(--sr-orange); }
body.tpl-show-showroom .mini-calendars-title { color: var(--sr-navy); font-family: var(--sr-display); font-size: 22px; letter-spacing: .03em; }
body.tpl-show-showroom .mini-calendar { background: #ffffff; border: 2px solid #cfe8f6; }
body.tpl-show-showroom .mini-calendar-month { color: var(--sr-navy); font-family: var(--sr-display); font-weight: 400; font-size: 22px; letter-spacing: .03em; }
body.tpl-show-showroom .mini-calendar-head { color: var(--sr-blue-deep); }
body.tpl-show-showroom .mini-calendar-day { color: var(--sr-ink-3); background: transparent; }
body.tpl-show-showroom .mini-calendar-day.has-event { background: var(--sr-navy); color: #ffffff; }
body.tpl-show-showroom .mini-calendar-day.has-event:hover { background: var(--sr-orange); }
body.tpl-show-showroom .sidebar-show-card { background: #ffffff; border: 1px solid var(--sr-line); }
body.tpl-show-showroom .sidebar-show-card-name { color: var(--sr-navy); }
body.tpl-show-showroom .sidebar-show-card-price { color: var(--sr-ink); }
body.tpl-show-showroom .trust-badges { color: var(--sr-ink-3); }

/* ---- FAQ ---- */
body.tpl-show-showroom .faq-item { background: #ffffff; border: 1px solid var(--sr-line); border-left: 4px solid var(--sr-blue); }
body.tpl-show-showroom .faq-header { color: var(--sr-navy); font-family: var(--sr-cond); font-weight: 700; font-size: 18px; }
body.tpl-show-showroom .faq-body { color: var(--sr-ink-2); }

/* ---- phones (DiffUI 61aa40e7): photo, then name/price/Get Tickets, then big date tiles on navy ---- */
@media (max-width: 768px) {
    body.tpl-show.tpl-show-showroom .show-hero { background: #ffffff; }
    body.tpl-show.tpl-show-showroom .show-hero-title { font-size: 34px; color: var(--sr-navy); }
    body.tpl-show.tpl-show-showroom .show-hero-overlay { background: var(--sr-navy); padding: 14px 12px 16px; }
    body.tpl-show.tpl-show-showroom .show-hero-overlay :is(.hero-date-label, .starting-price) { color: #ffffff; }
    body.tpl-show.tpl-show-showroom .show-hero-overlay .hero-date-label { font-family: var(--sr-display); font-weight: 400; font-size: 22px; letter-spacing: .04em; }
    body.tpl-show.tpl-show-showroom .section-card > h2:first-child { font-size: 24px; }
}

/* ---- palette sweep 2 (Pete 11/1 "still some color issues"): every remaining off-palette colour ---- */
body.tpl-show-showroom :is(.show-hero-rating-star, .show-hero-rating-star--full, .show-hero-rating-star--half) { color: var(--sr-orange); }
body.tpl-show-showroom .show-page .quick-glance-icon,
body.tpl-show-showroom .show-page .quick-glance-icon .material-icons,
body.tpl-show-showroom .show-page .quick-glance-item:nth-child(n) .material-icons { color: var(--sr-orange) !important; }
body.tpl-show-showroom .show-page .quick-glance-item:nth-child(even) .material-icons { color: var(--sr-blue-deep) !important; }
body.tpl-show-showroom .show-page :is(.material-icons, .material-symbols-outlined) { color: var(--sr-blue-deep); }
body.tpl-show-showroom .show-page .venue-info-location span,
body.tpl-show-showroom .show-page span[class=""], body.tpl-show-showroom .show-page :is(.sidebar-meta, .sidebar-meta-venue) span { color: var(--sr-blue-deep); }
body.tpl-show-showroom .show-page .sidebar-meta { color: var(--sr-ink-3); }
body.tpl-show-showroom .show-page .photo-grid img { border: 3px solid #ffffff !important; box-shadow: 0 0 0 1px var(--sr-line); border-radius: 6px; }
body.tpl-show-showroom .show-page :is(.faq-body, .faq-body p, .show-facts-summary) { color: var(--sr-ink-2); }
body.tpl-show-showroom #guest-reviews-prev,
body.tpl-show-showroom #guest-reviews-next { background: #ffffff !important; color: var(--sr-navy) !important; border: 2px solid var(--sr-blue) !important; font-family: var(--sr-display) !important; font-size: 19px !important; letter-spacing: .04em; }
body.tpl-show-showroom #guest-reviews-prev:hover,
body.tpl-show-showroom #guest-reviews-next:hover { background: var(--sr-orange) !important; border-color: var(--sr-orange) !important; color: #ffffff !important; }
body.tpl-show-showroom .show-page .venue-info span { color: var(--sr-orange); }
body.tpl-show-showroom .show-page :is(.venue-link, .venue-link--theater) { color: var(--sr-blue-deep); }
body.tpl-show-showroom .show-page .sidebar-venue { color: var(--sr-ink-3); }
body.tpl-show-showroom .show-page .cta-button.sidebar-more-dates { background: #ffffff; color: var(--sr-navy); border: 2px solid var(--sr-blue); }
body.tpl-show-showroom .show-page .cta-button.sidebar-more-dates:hover { background: var(--sr-orange); border-color: var(--sr-orange); color: #ffffff; }
body.tpl-show-showroom .show-page .show-social-links a { background: var(--sr-soft); color: var(--sr-navy); }
body.tpl-show-showroom .show-page nav span { color: var(--sr-ink-3); }
body.tpl-show-showroom .show-page .recent-activity { background: var(--sr-soft); color: var(--sr-orange); border-color: transparent; }
@media (min-width: 769px) {
    body.tpl-show.tpl-show-showroom .hero-dates-group, body.tpl-show.tpl-show-showroom .hero-date-buttons { margin-left: 0 !important; margin-right: 0 !important; justify-content: flex-start !important; width: auto; }
}
@media (min-width: 769px) {
    body.tpl-show.tpl-show-showroom .hero-dates-group { flex-direction: row !important; align-items: center !important; }
}
/* Section titles that sit inside a header row (Guest Reviews) get the same slanted tab. */
body.tpl-show.tpl-show-showroom .section-card > div:first-child > h2 {
    display: inline-block; margin: -2px 0 12px -2px; padding: 6px 30px 5px 18px; border: 0;
    background: var(--sr-blue); color: #ffffff; font-family: var(--sr-display); font-weight: 400; font-size: clamp(24px, 2.4vw, 32px); letter-spacing: .03em;
    clip-path: polygon(0 10%, 100% 0, 93% 100%, 2% 100%);
}
body.tpl-show.tpl-show-showroom .section-card > div:first-child > h2::after { display: none; }
body.tpl-show.tpl-show-showroom .show-hero-overlay :is(.show-hero-trust, .show-hero-trust-label, .hero-more-dates) { color: #dce7f3 !important; }

/* ---- 1960s ticket stub (homepage cards, DiffUI retro D; Pete 11/1 "replicate that flavor") ------
   Every section card gets the sky-blue frame with its thin inner rule and an orange starburst on the
   corner; tab headings tilt like the cards' genre tabs; date tiles, date bars and orange buttons get
   punched ticket ends; the booking card's dates sit under a dotted tear line. Booking behaviour unchanged. */
body.tpl-show.tpl-show-showroom .section-card {
    position: relative; border: var(--sr-frame); border-radius: 12px; box-shadow: var(--sr-frame-inner), var(--sr-frame-shadow);
}
body.tpl-show.tpl-show-showroom .show-page > :not(.sidebar) .section-card::after,
body.tpl-show.tpl-show-showroom .sidebar > .section-card:first-child::after {
    content: ""; position: absolute; z-index: 2; top: -13px; right: -13px; width: 30px; height: 30px;
    background: var(--sr-burst) center / contain no-repeat; pointer-events: none;
}
body.tpl-show.tpl-show-showroom .section-card > h2:first-child,
body.tpl-show.tpl-show-showroom .section-card > .section-title:first-child,
body.tpl-show.tpl-show-showroom .section-card > div:first-child > h2 { margin-top: -10px; transform: rotate(-2deg); transform-origin: left bottom; }
body.tpl-show.tpl-show-showroom .sidebar > .section-card:first-child .sidebar-venue { margin-top: 10px; padding-top: 10px; border-top: var(--sr-tear); }
body.tpl-show.tpl-show-showroom :is(.sidebar-date-link, .starting-price, .cta-button:not(.cta-button--outline)) {
    border-radius: 10px; -webkit-mask: var(--sr-punch); mask: var(--sr-punch);
}
body.tpl-show.tpl-show-showroom .cta-button.hero-date-btn { padding-left: 14px; padding-right: 14px; }
body.tpl-show.tpl-show-showroom .cta-button.hero-date-btn .hero-date-btn-book-now { display: block; margin-top: 3px; padding-top: 2px; border-top: 2px dotted var(--sr-blue); }
@media (max-width: 699px) {
    body.tpl-show.tpl-show-showroom .section-card { border-width: 2px; box-shadow: inset 0 0 0 3px #ffffff, inset 0 0 0 4px #a9dcf5, var(--sr-frame-shadow); }
    body.tpl-show.tpl-show-showroom .show-page > :not(.sidebar) .section-card::after,
    body.tpl-show.tpl-show-showroom .sidebar > .section-card:first-child::after { top: -10px; right: -8px; width: 24px; height: 24px; }
}
/* The punched ends cut 7px into each side: keep the price clear of them. */
body.tpl-show.tpl-show-showroom .starting-price { padding-left: 16px !important; padding-right: 16px !important; }