/* DigiClick LT premium preview hotfix — mobile service card expansion */

@media (max-width: 620px) {
  .dc-premium .premium-services-grid {
    grid-template-columns: 1fr !important;
    grid-auto-rows: auto !important;
    align-items: start !important;
    gap: 22px !important;
  }

  .dc-premium .premium-service-card,
  .dc-premium .premium-service-card[data-reveal],
  .dc-premium .premium-service-card[data-reveal].is-visible,
  .dc-premium .premium-service-card.is-expanded {
    display: flex !important;
    flex-direction: column !important;
    align-self: start !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .dc-premium .premium-service-card__detail {
    display: block !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    opacity: 0 !important;
    border-top: 0 solid transparent !important;
    transition: max-height 320ms cubic-bezier(.22,.7,.2,1), opacity 190ms ease, margin 240ms ease, padding 240ms ease !important;
  }

  .dc-premium .premium-service-card.is-expanded .premium-service-card__detail {
    max-height: 320px !important;
    margin: 18px 0 20px !important;
    padding: 18px 0 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    border-top: 1px solid rgba(29, 164, 185, 0.16) !important;
  }

  .dc-premium .premium-service-card__actions,
  .dc-premium .premium-service-card__footer {
    position: static !important;
    margin-top: 18px !important;
  }
}