/* Mobile patches v4 - iPhone 15 Pro and small screens */

/* Homepage Showroom overlay - reshape at narrow widths */
@media (max-width: 720px) {
  .showcase__frame {
    aspect-ratio: 4 / 5 !important;
  }
  .showcase__overlay {
    padding: 1.5rem !important;
    background: linear-gradient(180deg, rgba(250, 248, 243, 0.94) 0%, rgba(250, 248, 243, 0.72) 42%, rgba(250, 248, 243, 0.15) 78%, rgba(250, 248, 243, 0) 100%) !important;
  }
  .showcase__overlay-inner {
    max-width: 100% !important;
  }
  .showcase__title {
    font-size: 1.35rem !important;
    max-width: 20ch !important;
  }
}
[data-theme='dark'] .showcase__overlay {
  /* dark handled by main sheet at desktop */
}
@media (max-width: 720px) {
  [data-theme='dark'] .showcase__overlay {
    background: linear-gradient(180deg, rgba(10, 15, 31, 0.92) 0%, rgba(10, 15, 31, 0.72) 42%, rgba(10, 15, 31, 0.2) 78%, rgba(10, 15, 31, 0) 100%) !important;
  }
}

/* Services tier CTA - tighten padding + tone down SAVE badge */
.billing-toggle__badge {
  background: rgba(14, 116, 144, 0.14) !important;
  color: #0e7490 !important;
  border: 1px solid rgba(14, 116, 144, 0.35) !important;
}
[data-theme='dark'] .billing-toggle__badge {
  background: transparent !important;
  color: rgba(203, 213, 225, 0.85) !important;
  border: 1px solid rgba(203, 213, 225, 0.35) !important;
}
.billing-toggle__btn.is-active .billing-toggle__badge {
  background: rgba(250, 248, 243, 0.22) !important;
  color: var(--color-cream) !important;
  border-color: transparent !important;
}
[data-theme='dark'] .billing-toggle__btn.is-active .billing-toggle__badge {
  background: rgba(15, 23, 42, 0.22) !important;
  color: var(--color-ink) !important;
  border-color: transparent !important;
}

@media (max-width: 520px) {
  .tier-detail__cta {
    padding: 1.25rem !important;
  }
  .tier-detail__cta .btn {
    width: 100%;
    justify-content: center;
  }
  .tier-detail__cta .billing-toggle {
    margin-top: 1rem !important;
    align-self: center;
  }
}