/* Code confirmation uses the same compact button language as phone/preview. */
#codePanel {
  padding: 10px !important;
}

#codePanel .codeStage {
  gap: 10px !important;
}

#codePanel .codeTop {
  gap: 10px !important;
}

#codePanel h2 {
  font-size: clamp(23px, 7vw, 32px) !important;
}

#codePanel .codeCard {
  border-radius: 22px !important;
  padding: 18px 14px !important;
}

#codePanel .codeDigits {
  font-size: clamp(40px, 13vw, 58px) !important;
}

.primaryBtn,
.phoneHeroCta,
.hero-card .cta,
.phone-hero-card .cta,
.featured-card .cta,
.featured-experience .cta {
  background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.055)) !important;
  color: #fffaf1 !important;
  border-color: rgba(255,255,255,.22) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.14) !important;
}

.primaryBtn:hover,
.phoneHeroCta:hover,
.hero-card .cta:hover,
.phone-hero-card .cta:hover,
.featured-card .cta:hover,
.featured-experience .cta:hover {
  border-color: rgba(255,255,255,.36) !important;
}

:is(.phoneHeroTitle, .heroTitle, .featuredTitle, .phone-hero-card h2, .featured-card h2) {
  font-size: clamp(2.6rem, 9vw, 4.3rem) !important;
  line-height: .91 !important;
  letter-spacing: -.07em !important;
}

:is(.phoneHeroCopy, .heroCopy, .featuredCopy, .phone-hero-card p, .featured-card p) {
  max-width: 36rem;
}

/* Venue context stays small on every phone step; the service pitch owns the page. */
.app > .hero {
  position: relative !important;
  min-height: 48px !important;
  max-height: 48px !important;
  padding: 8px 12px 4px !important;
}

.brandRow {
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  align-items: center !important;
  height: 100% !important;
}

.venueChip,
body:has(#phonePanel:not(.hidden)) .venueChip,
body:has(#codePanel:not(.hidden)) .venueChip,
body:has(#previewPanel:not(.hidden)) .venueChip,
body:has(#sessionPanel[data-phone-menu-page="themes"]) .venueChip {
  position: absolute !important;
  top: 12px !important;
  right: 14px !important;
  display: block !important;
  max-width: 36% !important;
  padding: 5px 9px !important;
  color: rgba(255, 255, 255, .62) !important;
  font-size: clamp(10px, 2.8vw, 12px) !important;
  line-height: 1.05 !important;
}

#previewPanel .backdropThumbName,
#previewPanel .backdropThumbLabel {
  display: none !important;
}

#previewPanel .primaryBtn,
#previewPanel .previewActionRow .primaryBtn,
#previewPanel #previewContinueBtn,
#phonePanel .primaryBtn,
#codePanel .primaryBtn {
  background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.055)) !important;
  color: #fffaf1 !important;
  border-color: rgba(255,255,255,.22) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.14) !important;
}

#phonePanel .sectionHead h2 {
  font-size: clamp(22px, 6.2vw, 28px) !important;
  line-height: .96 !important;
  letter-spacing: -.055em !important;
}

#phonePanel .sectionHead p {
  font-size: 12px !important;
  line-height: 1.22 !important;
}

#phonePanel .consentRow,
#phonePanel .consentRow.active {
  max-height: 102px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 9px 10px !important;
  border-radius: 17px !important;
}


/* cc-phone-page1-bone-reset-2026-07-08 */
body {
  background:
    radial-gradient(circle at 50% -10%, rgba(255, 209, 102, .18), transparent 34%),
    radial-gradient(circle at 100% 20%, rgba(255, 122, 0, .12), transparent 28%),
    #08080a;
}

.app {
  gap: 10px !important;
}

.phoneExperienceHeader {
  padding: 14px 14px 0;
}

.phoneExperienceHeaderInner {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.11), rgba(255,255,255,.035)),
    rgba(0,0,0,.24);
  box-shadow: 0 18px 44px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.11);
}

.phoneExperienceLogo {
  width: 44px;
  height: 44px;
  object-fit: contain;
  flex: 0 0 auto;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.42));
}

.phoneExperienceHeaderCopy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.phoneExperienceLine {
  color: rgba(255,255,255,.70);
  font-size: 12px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.phoneExperienceVenue {
  color: rgba(255,255,255,.98);
  font-size: 22px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: -.055em;
  text-shadow: 0 10px 24px rgba(0,0,0,.42);
}

#sessionPanel[data-phone-menu-page="home"] {
  margin-top: 0 !important;
}

#sessionPanel[data-phone-menu-page="home"] .sessionStage {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

#sessionPanel[data-phone-menu-page="home"] .phoneFrontHero {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 10px !important;
  border-radius: 26px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.035)),
    rgba(0,0,0,.24) !important;
  box-shadow: 0 24px 64px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.10) !important;
}

#sessionPanel[data-phone-menu-page="home"] .phoneFrontVisual {
  order: 0 !important;
  width: 100% !important;
  min-height: 214px !important;
  aspect-ratio: 16 / 10 !important;
  overflow: hidden !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: #121216 !important;
  box-shadow: 0 20px 48px rgba(0,0,0,.40) !important;
}

#sessionPanel[data-phone-menu-page="home"] .phoneFrontVisual img {
  width: 100% !important;
  height: 100% !important;
  min-height: 214px !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

#sessionPanel[data-phone-menu-page="home"] .phoneHeroPlaceholder {
  min-height: 214px !important;
  justify-content: flex-end !important;
  padding: 16px !important;
  border-radius: 22px !important;
  background:
    linear-gradient(180deg, transparent 20%, rgba(0,0,0,.70)),
    radial-gradient(circle at 20% 10%, rgba(255, 209, 102, .22), transparent 35%),
    linear-gradient(135deg, rgba(255,122,0,.22), rgba(10,10,14,.96)) !important;
}

#sessionPanel[data-phone-menu-page="home"] .phoneFrontCopy {
  order: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  padding: 2px 4px 4px !important;
}

#sessionPanel[data-phone-menu-page="home"] .phoneFrontBrand {
  display: none !important;
}

#sessionPanel[data-phone-menu-page="home"] .phoneFrontEyebrow,
#sessionPanel[data-phone-menu-page="home"] #phoneBoothEyebrow {
  color: rgba(255,209,102,.88) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

#sessionPanel[data-phone-menu-page="home"] #phoneBoothHeadline {
  margin: 0 !important;
  color: rgba(255,255,255,.98) !important;
  font-size: clamp(30px, 9vw, 42px) !important;
  line-height: .92 !important;
  font-weight: 1000 !important;
  letter-spacing: -.08em !important;
  text-shadow: 0 14px 34px rgba(0,0,0,.55) !important;
}

#sessionPanel[data-phone-menu-page="home"] #phoneBoothBody {
  margin: 0 !important;
  max-width: 29ch !important;
  color: rgba(255,255,255,.73) !important;
  font-size: 13px !important;
  line-height: 1.28 !important;
  font-weight: 750 !important;
  display: block !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
}

#sessionPanel[data-phone-menu-page="home"] .phoneHeroFlowLine {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sessionPanel[data-phone-menu-page="home"] .phoneHeroFlowStep {
  min-height: 58px !important;
  padding: 7px 4px !important;
  border-radius: 17px !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.035)) !important;
  box-shadow: 0 14px 28px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  color: rgba(255,255,255,.88) !important;
}

#sessionPanel[data-phone-menu-page="home"] .phoneHeroFlowIcon {
  display: block !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

#sessionPanel[data-phone-menu-page="home"] .phoneHeroFlowLabel,
#sessionPanel[data-phone-menu-page="home"] .phoneHeroFlowStep > span:last-child {
  font-size: 9px !important;
  line-height: 1.02 !important;
  font-weight: 900 !important;
  text-align: center !important;
  letter-spacing: -.025em !important;
}

#sessionPanel[data-phone-menu-page="home"] #quickNoBackdropWrap {
  padding: 12px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.026)) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.34) !important;
}

#sessionPanel[data-phone-menu-page="home"] .quickNoBackdropHead {
  margin-bottom: 9px !important;
}

#sessionPanel[data-phone-menu-page="home"] .quickNoBackdropTitle {
  margin: 0 !important;
  color: rgba(255,255,255,.98) !important;
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  letter-spacing: -.055em !important;
  text-transform: none !important;
}

#sessionPanel[data-phone-menu-page="home"] .quickNoBackdropSub {
  margin: 4px 0 0 !important;
  color: rgba(255,255,255,.66) !important;
  font-size: 12px !important;
  line-height: 1.18 !important;
  font-weight: 720 !important;
}

#sessionPanel[data-phone-menu-page="home"] .phoneFrameAvailability,
#sessionPanel[data-phone-menu-page="home"] .quickNoBackdropFoot {
  display: none !important;
}

#sessionPanel[data-phone-menu-page="home"] #quickNoBackdropGrid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

#sessionPanel[data-phone-menu-page="home"] .miniTierCard {
  min-height: 92px !important;
  padding: 10px 8px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(255,209,102,.22) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,209,102,.15), transparent 46%),
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.035)) !important;
  box-shadow: 0 14px 32px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

#sessionPanel[data-phone-menu-page="home"] .miniTierCard p,
#sessionPanel[data-phone-menu-page="home"] .miniTierCard small,
#sessionPanel[data-phone-menu-page="home"] .miniTierCard .sessionCardMeta,
#sessionPanel[data-phone-menu-page="home"] .miniTierCard .tierMeta,
#sessionPanel[data-phone-menu-page="home"] .miniTierCard .tierSubcopy,
#sessionPanel[data-phone-menu-page="home"] .miniTierCard .miniTierMeta,
#sessionPanel[data-phone-menu-page="home"] .miniTierCard .miniTierSub,
#sessionPanel[data-phone-menu-page="home"] .miniTierCard .miniTierFrames {
  display: none !important;
}

#sessionPanel[data-phone-menu-page="home"] .themeBackdropEntry {
  display: block !important;
}

#sessionPanel[data-phone-menu-page="home"] .themeBackdropEntry.hidden {
  display: block !important;
}

#sessionPanel[data-phone-menu-page="home"] .themeBackdropEntryBtn {
  width: 100% !important;
  min-height: 72px !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(255,209,102,.30) !important;
  border-radius: 24px !important;
  background:
    linear-gradient(135deg, rgba(255,209,102,.20), rgba(255,122,0,.12)),
    rgba(0,0,0,.30) !important;
  color: rgba(255,255,255,.96) !important;
  box-shadow: 0 20px 52px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.12) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  text-align: left !important;
}

#sessionPanel[data-phone-menu-page="home"] .themeBackdropEntryBtn span {
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  letter-spacing: -.055em !important;
}

#sessionPanel[data-phone-menu-page="home"] .themeBackdropEntryBtn strong {
  color: rgba(255,209,102,.90) !important;
  font-size: 11px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
}

#sessionPanel[data-phone-menu-page="home"] #themeSectionHead,
#sessionPanel[data-phone-menu-page="home"] #tierGrid,
#sessionPanel[data-phone-menu-page="home"] #tierPager {
  display: none !important;
}


/* cc-phone-page1-header-runtime-fix-2026-07-08 */
.phoneRuntimeCompat {
  display: none !important;
}

.phoneExperienceHeaderInner {
  align-items: center !important;
  gap: 14px !important;
  padding: 15px 16px !important;
}

.phoneExperienceLogo {
  width: 50px !important;
  height: 50px !important;
}

.phoneExperienceLine {
  color: rgba(255,255,255,.96) !important;
  font-size: clamp(24px, 7.2vw, 36px) !important;
  line-height: .9 !important;
  font-weight: 1000 !important;
  letter-spacing: -.065em !important;
  text-transform: none !important;
  text-shadow: 0 14px 34px rgba(0,0,0,.55) !important;
}

.phoneExperienceVenue {
  margin-top: 5px !important;
  color: rgba(255,209,102,.92) !important;
  font-size: clamp(15px, 4.6vw, 21px) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -.035em !important;
  text-shadow: 0 10px 24px rgba(0,0,0,.42) !important;
}

#sessionPanel[data-phone-menu-page="home"] .phoneHeroFlowLine {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 6px !important;
  font-size: inherit !important;
  color: inherit !important;
}

#sessionPanel[data-phone-menu-page="home"] .phoneHeroFlowStep {
  min-width: 0 !important;
}

#sessionPanel[data-phone-menu-page="home"] .phoneHeroFlowIcon {
  width: 22px !important;
  height: 22px !important;
  display: block !important;
  color: rgba(255,209,102,.95) !important;
}

#sessionPanel[data-phone-menu-page="home"] .phoneHeroFlowIcon svg {
  width: 22px !important;
  height: 22px !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

#sessionPanel[data-phone-menu-page="home"] .phoneHeroFlowLabel {
  display: block !important;
  font-size: 9px !important;
  line-height: 1.02 !important;
  font-weight: 900 !important;
  text-align: center !important;
  letter-spacing: -.025em !important;
  color: rgba(255,255,255,.86) !important;
}


/* cc-phone-page1-two-tiny-fixes-2026-07-08 */
#sessionPanel[data-phone-menu-page="home"] .miniTierCard * {
  /* keep existing quick card layout; specific text chip hiding is handled by JS/CSS render state */
}

#sessionPanel[data-phone-menu-page="home"] .miniTierCard .pricePill,
#sessionPanel[data-phone-menu-page="home"] .miniTierCard .includedPill {
  display: none !important;
}


/* cc-phone-page1-exact-two-fixes-2026-07-08 */
#sessionPanel[data-phone-menu-page="home"] .themeBackdropEntryBtn strong {
  display: block !important;
}

#sessionPanel[data-phone-menu-page="home"] .miniTierCard * {
  text-transform: none;
}

/* cc-themed-backdrop-entry-clean-2026-07-08 */
#sessionPanel[data-phone-menu-page="home"] .themeBackdropEntryBtn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
}

#sessionPanel[data-phone-menu-page="home"] .themeBackdropEntryBtn .themeBackdropEntryTitle {
  display: block;
  max-width: calc(100% - 54px);
  color: rgba(255, 255, 255, .96);
  font-size: clamp(1.05rem, 3.7vw, 1.35rem);
  font-weight: 900;
  letter-spacing: -.02em;
  line-height: 1.08;
  white-space: normal;
}

#sessionPanel[data-phone-menu-page="home"] .themeBackdropEntryBtn .themeBackdropEntryArrow {
  flex: 0 0 auto;
  color: rgba(255, 211, 109, .95);
  font-size: 1.55rem;
  font-weight: 900;
  line-height: 1;
}

/* cc-phone-hero-image-overlay-copy-2026-07-08 */
#phoneHeroOverlayText.phoneHeroOverlayText {
  position: absolute;
  left: clamp(18px, 5vw, 34px);
  bottom: clamp(16px, 4vw, 28px);
  z-index: 3;
  max-width: 76%;
  padding: .45rem .72rem .5rem;
  border: 1px solid rgba(255, 211, 109, .45);
  border-radius: 999px;
  background: rgba(0, 0, 0, .42);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .34);
  color: rgba(255, 255, 255, .96);
  font-size: clamp(1rem, 4.3vw, 1.45rem);
  font-weight: 950;
  letter-spacing: -.025em;
  line-height: 1;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .65);
  pointer-events: none;
}

#phoneHeroOverlayText.phoneHeroOverlayText.hidden {
  display: none;
}

/* cc-backdrop-preview-no-middle-panel-lock-2026-07-09 */
#previewPanel .expandedBackdropWrap,
#previewPanel .expandedBackdropWrap.hidden {
  display: none !important;
}

#previewPanel .previewStage {
  overflow: hidden !important;
}

#previewPanel #backdropGrid {
  max-height: min(42dvh, 236px) !important;
  overflow: hidden !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

/* cc-phone-registry-home-standard-2026-07-09
   Final scoped lock for the existing registry-backed phone home layout.
   Keeps the UI registry-driven: cards render tier/paymentContract data from
   SaaS config; this CSS only fixes spacing, clipping, and polish. */
#sessionPanel[data-phone-menu-page="home"] .sessionStage {
  gap: 10px !important;
}

#sessionPanel[data-phone-menu-page="home"] .phoneFrontHero {
  padding: 11px !important;
  gap: 9px !important;
}

#sessionPanel[data-phone-menu-page="home"] .phoneFrontCopy {
  display: none !important;
}

#sessionPanel[data-phone-menu-page="home"] .phoneFrontVisual {
  min-height: 202px !important;
  max-height: 214px !important;
  aspect-ratio: 16 / 9 !important;
  border-radius: 22px !important;
}

#sessionPanel[data-phone-menu-page="home"] .phoneFrontVisual img {
  min-height: 202px !important;
  height: 100% !important;
  object-fit: cover !important;
}

#phoneHeroOverlayText.phoneHeroOverlayText {
  left: clamp(18px, 5vw, 30px) !important;
  right: 18px !important;
  bottom: 16px !important;
  max-width: calc(100% - 36px) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(255, 255, 255, .97) !important;
  text-shadow: 0 3px 18px rgba(0, 0, 0, .82), 0 1px 2px rgba(0, 0, 0, .9) !important;
}

#phoneHeroOverlayText .phoneHeroOverlayTitle {
  display: block !important;
  font-size: clamp(1.08rem, 4.4vw, 1.48rem) !important;
  font-weight: 1000 !important;
  line-height: .98 !important;
  letter-spacing: -.04em !important;
}

#phoneHeroOverlayText .phoneHeroOverlaySub {
  display: block !important;
  max-width: 25ch !important;
  margin-top: 4px !important;
  color: rgba(255,255,255,.84) !important;
  font-size: clamp(.68rem, 2.55vw, .82rem) !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
  letter-spacing: -.015em !important;
}

#sessionPanel[data-phone-menu-page="home"] .phoneHeroFlowLine {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

#sessionPanel[data-phone-menu-page="themes"] .phoneHeroFlowLine {
  display: none !important;
}

#sessionPanel[data-phone-menu-page="themes"] #themeSectionHead {
  order: 1 !important;
}

#sessionPanel[data-phone-menu-page="themes"] #tierGrid {
  order: 2 !important;
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  align-content: start !important;
}

#sessionPanel[data-phone-menu-page="themes"] #tierPager {
  order: 3 !important;
  flex: 0 0 auto !important;
  margin-top: 10px !important;
}

body:has(#sessionPanel[data-phone-menu-page="themes"]) {
  padding-bottom: 0 !important;
}

body:has(#sessionPanel[data-phone-menu-page="themes"]) .app {
  padding-bottom: 0 !important;
}

#previewPanel .previewStage {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 10px !important;
}

#previewPanel #backdropGrid,
#previewPanel .backdropGrid {
  flex: 0 0 auto !important;
  height: 124px !important;
  max-height: 124px !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
}

#previewPanel .backdropThumb,
#previewPanel .backdropThumbCard {
  height: 124px !important;
  min-height: 124px !important;
  max-height: 124px !important;
}

#previewPanel .backdropThumbImage {
  height: 124px !important;
  min-height: 124px !important;
  max-height: 124px !important;
}

#previewPanel .previewActionRow {
  flex: 0 0 auto !important;
  min-height: 54px !important;
  height: 54px !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
}

#previewPanel .previewActionRow .primaryBtn,
#previewPanel .previewActionRow .secondaryBtn {
  min-height: 54px !important;
  height: 54px !important;
}

#sessionPanel[data-phone-menu-page="home"] .phoneHeroFlowStep {
  min-height: 56px !important;
  padding: 6px 4px !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.032)),
    rgba(0,0,0,.18) !important;
}

#sessionPanel[data-phone-menu-page="home"] .phoneHeroFlowIcon,
#sessionPanel[data-phone-menu-page="home"] .phoneHeroFlowIcon svg {
  width: 21px !important;
  height: 21px !important;
}

#sessionPanel[data-phone-menu-page="home"] .phoneHeroFlowLabel {
  max-width: 100% !important;
  font-size: 8.5px !important;
  line-height: 1.05 !important;
  overflow-wrap: anywhere !important;
}

#sessionPanel[data-phone-menu-page="home"] #quickNoBackdropWrap {
  padding: 12px !important;
  border-radius: 24px !important;
}

#sessionPanel[data-phone-menu-page="home"] .quickNoBackdropTitle {
  font-size: 21px !important;
}

#sessionPanel[data-phone-menu-page="home"] .quickNoBackdropSub {
  max-width: 100% !important;
  font-size: 12px !important;
}

#sessionPanel[data-phone-menu-page="home"] .miniTierCard {
  min-height: 112px !important;
  padding: 0 !important;
  border-color: rgba(255, 211, 109, .28) !important;
}

#sessionPanel[data-phone-menu-page="home"] .miniTierBody {
  min-height: 112px !important;
  padding: 10px 8px !important;
  gap: 5px !important;
}

#sessionPanel[data-phone-menu-page="home"] .miniTierName {
  font-size: 17px !important;
  line-height: 1 !important;
}

#sessionPanel[data-phone-menu-page="home"] .miniTierDetail {
  display: grid !important;
  gap: 3px !important;
  margin-top: 1px !important;
  color: rgba(255,255,255,.67) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  letter-spacing: -.01em !important;
}

#sessionPanel[data-phone-menu-page="home"] .miniTierPrice {
  margin-top: auto !important;
  color: rgba(255,255,255,.86) !important;
  border-color: rgba(255,255,255,.18) !important;
  background: rgba(255,255,255,.075) !important;
}

#sessionPanel[data-phone-menu-page="home"] .themeBackdropEntryBtn {
  min-height: 60px !important;
  padding-top: 11px !important;
  padding-bottom: 11px !important;
  border-radius: 22px !important;
  border-color: rgba(255, 211, 109, .24) !important;
  background:
    linear-gradient(135deg, rgba(255,211,109,.15), rgba(255,255,255,.035)),
    rgba(0,0,0,.26) !important;
}

#sessionPanel[data-phone-menu-page="home"] .themeBackdropEntryBtn .themeBackdropEntryCopy {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

#sessionPanel[data-phone-menu-page="home"] .themeBackdropEntryBtn .themeBackdropEntryTitle {
  max-width: 100% !important;
  font-size: clamp(1.12rem, 3.8vw, 1.38rem) !important;
}

#sessionPanel[data-phone-menu-page="home"] .themeBackdropEntryBtn .themeBackdropEntrySub {
  display: block !important;
  color: rgba(255,255,255,.62) !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
  letter-spacing: .01em !important;
}

body:has(#sessionPanel[data-phone-menu-page="home"]) .footer {
  display: none !important;
}

body:has(#sessionPanel[data-phone-menu-page="home"]) {
  padding-bottom: 0 !important;
}

body:has(#sessionPanel[data-phone-menu-page="home"]) .app {
  padding-bottom: 0 !important;
}

@media (max-width: 380px), (max-height: 740px) {
  #sessionPanel[data-phone-menu-page="home"] .phoneFrontVisual {
    min-height: 164px !important;
    max-height: 184px !important;
  }

  #sessionPanel[data-phone-menu-page="home"] .phoneFrontVisual img {
    min-height: 164px !important;
  }

  #sessionPanel[data-phone-menu-page="home"] .phoneHeroFlowStep {
    min-height: 56px !important;
  }

  #sessionPanel[data-phone-menu-page="home"] .miniTierCard,
  #sessionPanel[data-phone-menu-page="home"] .miniTierBody {
    min-height: 112px !important;
  }

  #sessionPanel[data-phone-menu-page="home"] .miniTierDetail {
    font-size: 9px !important;
  }
}