/* Keep the package page information-dense and let the white page carry the layout. */
.package-ui2 .recommend-wrap {
  padding-top: 1rem !important;
}

.package-ui2 .recommend-wrap .recommended-plan,
.package-ui2 .recommend-wrap .glass-surface--layout-recommended-plan {
  width: calc(100% - 2rem) !important;
  margin: .625rem 1rem 0 !important;
  padding: .875rem 1rem .75rem !important;
  border-radius: 1rem !important;
  box-shadow: 0 .5rem 1.25rem rgba(2, 35, 60, .14) !important;
}

.package-ui2 .recommend-wrap .recommended-plan__name {
  margin-top: .625rem !important;
  font-size: 1.125rem !important;
}

.package-ui2 .recommend-wrap .recommended-plan__summary {
  margin-top: .25rem !important;
  font-size: .6875rem !important;
  line-height: 1.5 !important;
}

.package-ui2 .recommend-wrap .recommended-plan__benefits {
  gap: .25rem !important;
  margin-top: .625rem !important;
}

.package-ui2 .recommend-wrap .recommended-plan__benefit {
  padding: .25rem .4375rem !important;
  font-size: .5625rem !important;
}

.package-ui2 .recommend-wrap .recommended-plan__bottom {
  margin-top: .75rem !important;
  padding-top: .625rem !important;
}

.package-ui2 .recommend-wrap .recommend-card {
  margin-top: .625rem !important;
  padding: .625rem .75rem .5rem !important;
  border-radius: .75rem !important;
  box-shadow: 0 .5rem 1.25rem rgba(2, 35, 60, .14) !important;
}

.package-ui2 .recommend-wrap .recommend-card__top {
  min-height: 24px !important;
  font-size: .5rem !important;
}

.package-ui2 .recommend-wrap .recommend-card__name {
  margin-top: .5rem !important;
  font-size: 1rem !important;
}

.package-ui2 .recommend-wrap .recommend-card__fit {
  margin-top: .1875rem !important;
  font-size: .625rem !important;
  line-height: 1.4 !important;
}

.package-ui2 .recommend-wrap .recommend-card__benefits {
  gap: .1875rem !important;
  margin-top: .5rem !important;
}

.package-ui2 .recommend-wrap .recommend-card__benefits uni-text {
  padding: .1875rem .375rem !important;
  font-size: .5rem !important;
}

.package-ui2 .recommend-wrap .recommend-card__bottom {
  margin-top: .5rem !important;
  padding-top: .5rem !important;
}

.package-ui2 .recommend-wrap .recommend-card__bottom uni-text:first-child {
  font-size: .5rem !important;
}

.package-ui2 .recommend-wrap .recommend-card__bottom uni-text:last-child {
  margin-top: .125rem !important;
  font-size: .875rem !important;
}

.package-ui2 .plan-field__cards {
  gap: .5rem 1.25rem !important;
  margin-top: .625rem !important;
}

.package-ui2 .plan-card,
.package-ui2 .plan-card--a,
.package-ui2 .plan-card--b,
.package-ui2 .plan-card--c,
.package-ui2 .plan-card--d {
  min-height: 0 !important;
  margin-top: 0 !important;
  padding: .375rem 0 .5rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #071622 !important;
}

.package-ui2 .plan-card.selected {
  outline: 0 !important;
  transform: none !important;
  box-shadow: inset .125rem 0 0 #2278a0 !important;
  padding-left: .625rem !important;
}

.package-ui2 .plan-card > uni-view:first-child {
  min-height: 27px !important;
  align-items: center !important;
}

.package-ui2 .plan-card > uni-view:first-child .glass-tag {
  padding: .1875rem .4375rem !important;
  font-size: .5625rem !important;
  line-height: 1.1 !important;
}

.package-ui2 .plan-card > uni-text:nth-child(2) {
  margin-top: .375rem !important;
  font-size: .75rem !important;
}

.package-ui2 .plan-card > uni-text:nth-child(3) {
  margin-top: .1875rem !important;
  font-size: .5625rem !important;
  line-height: 1.45 !important;
}

.package-ui2 .plan-card--a > uni-text,
.package-ui2 .plan-card--a > uni-view,
.package-ui2 .plan-card--a > uni-view:nth-child(4),
.package-ui2 .plan-card--a > uni-text:nth-child(3),
.package-ui2 .plan-card--a > uni-text:last-child {
  color: inherit !important;
}

.package-ui2 .plan-card > uni-text:nth-child(2) {
  margin-top: .5rem !important;
}

.package-ui2 .plan-card > uni-view:nth-child(4) {
  margin-top: .375rem !important;
  font-size: .5rem !important;
  line-height: 1.5 !important;
}

.package-ui2 .plan-card > uni-text:last-child {
  margin-top: .375rem !important;
  font-size: .5rem !important;
}

@media (max-width: 380px) {
  .package-ui2 .recommend-wrap .recommended-plan,
  .package-ui2 .recommend-wrap .glass-surface--layout-recommended-plan {
    width: calc(100% - 1.5rem) !important;
    margin-right: .75rem !important;
    margin-left: .75rem !important;
  }

  .package-ui2 .plan-field__cards {
    column-gap: 1rem !important;
  }
}