/* Poyacity Urban Data Store motion contract.
   Mirrors the approved site-wide lift/reveal language for every Store/Checkout surface
   while respecting reduced-motion preferences. */

.data-store-page .data-store-hero,
.data-store-page .data-store-state-card,
.data-store-page .data-store-builder,
.data-store-page .data-store-citizen-products,
.data-store-page .data-store-citizen-purchase,
.data-store-page .data-store-eligibility > div,
.data-store-page .data-product-card,
.data-store-page .data-store-citizen-grid article,
.data-store-page .data-store-citizen-config,
.data-store-page .data-store-comparison-fields,
.data-store-page .data-store-price-box,
.data-store-page .data-store-loading,
.data-store-page .data-store-error,
.data-store-checkout-page .data-store-checkout-hero,
.data-store-checkout-page .data-store-checkout-card,
.data-store-checkout-page .data-store-checkout-alert,
.data-store-checkout-page .data-store-order-summary > div,
.data-store-checkout-page .data-store-checkout-products li,
.data-store-checkout-page .data-store-checkout-quote,
.data-store-checkout-page .data-store-payment-state,
.data-store-checkout-page .checkout-loading-placeholder,
.data-store-checkout-page .empty-state,
.data-store-checkout-page .purchase-history-loading,
.data-store-checkout-page .purchase-history-card {
  transform-origin: center;
  transition:
    transform .28s cubic-bezier(.2,.75,.25,1),
    box-shadow .28s ease,
    border-color .28s ease,
    filter .28s ease;
}

.data-store-page .data-store-hero:hover,
.data-store-page .data-store-state-card:hover,
.data-store-page .data-store-builder:hover,
.data-store-page .data-store-citizen-products:hover,
.data-store-page .data-store-citizen-purchase:hover,
.data-store-page .data-store-eligibility > div:hover,
.data-store-page .data-product-card:hover,
.data-store-page .data-store-citizen-grid article:hover,
.data-store-page .data-store-citizen-config:hover,
.data-store-page .data-store-comparison-fields:hover,
.data-store-page .data-store-price-box:hover,
.data-store-page .data-store-loading:hover,
.data-store-page .data-store-error:hover,
.data-store-checkout-page .data-store-checkout-hero:hover,
.data-store-checkout-page .data-store-checkout-card:hover,
.data-store-checkout-page .data-store-checkout-alert:hover,
.data-store-checkout-page .data-store-order-summary > div:hover,
.data-store-checkout-page .data-store-checkout-products li:hover,
.data-store-checkout-page .data-store-checkout-quote:hover,
.data-store-checkout-page .data-store-payment-state:hover,
.data-store-checkout-page .checkout-loading-placeholder:hover,
.data-store-checkout-page .empty-state:hover,
.data-store-checkout-page .purchase-history-loading:hover,
.data-store-checkout-page .purchase-history-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 42px rgba(15, 23, 42, .14);
}

.data-store-page .data-product-card:focus-within,
.data-store-page .data-store-citizen-grid article:focus-within,
.data-store-page .data-store-citizen-config:focus-within,
.data-store-checkout-page .data-store-checkout-card:focus-within,
.data-store-checkout-page .data-store-payment-state:focus-within,
.data-store-checkout-page .purchase-history-card:focus-within {
  transform: translateY(-3px);
}

@media (prefers-reduced-motion: reduce) {
  .data-store-page .data-store-hero,
  .data-store-page .data-store-state-card,
  .data-store-page .data-store-builder,
  .data-store-page .data-store-citizen-products,
  .data-store-page .data-store-citizen-purchase,
  .data-store-page .data-store-eligibility > div,
  .data-store-page .data-product-card,
  .data-store-page .data-store-citizen-grid article,
  .data-store-page .data-store-citizen-config,
  .data-store-page .data-store-comparison-fields,
  .data-store-page .data-store-price-box,
  .data-store-page .data-store-loading,
  .data-store-page .data-store-error,
  .data-store-checkout-page .data-store-checkout-hero,
  .data-store-checkout-page .data-store-checkout-card,
  .data-store-checkout-page .data-store-checkout-alert,
  .data-store-checkout-page .data-store-order-summary > div,
  .data-store-checkout-page .data-store-checkout-products li,
  .data-store-checkout-page .data-store-checkout-quote,
  .data-store-checkout-page .data-store-payment-state,
  .data-store-checkout-page .checkout-loading-placeholder,
  .data-store-checkout-page .empty-state,
  .data-store-checkout-page .purchase-history-loading,
  .data-store-checkout-page .purchase-history-card {
    transition: none !important;
  }

  .data-store-page .data-store-hero:hover,
  .data-store-page .data-store-state-card:hover,
  .data-store-page .data-store-builder:hover,
  .data-store-page .data-store-citizen-products:hover,
  .data-store-page .data-store-citizen-purchase:hover,
  .data-store-page .data-store-eligibility > div:hover,
  .data-store-page .data-product-card:hover,
  .data-store-page .data-store-citizen-grid article:hover,
  .data-store-page .data-store-citizen-config:hover,
  .data-store-page .data-store-comparison-fields:hover,
  .data-store-page .data-store-price-box:hover,
  .data-store-page .data-store-loading:hover,
  .data-store-page .data-store-error:hover,
  .data-store-checkout-page .data-store-checkout-hero:hover,
  .data-store-checkout-page .data-store-checkout-card:hover,
  .data-store-checkout-page .data-store-checkout-alert:hover,
  .data-store-checkout-page .data-store-order-summary > div:hover,
  .data-store-checkout-page .data-store-checkout-products li:hover,
  .data-store-checkout-page .data-store-checkout-quote:hover,
  .data-store-checkout-page .data-store-payment-state:hover,
  .data-store-checkout-page .checkout-loading-placeholder:hover,
  .data-store-checkout-page .empty-state:hover,
  .data-store-checkout-page .purchase-history-loading:hover,
  .data-store-checkout-page .purchase-history-card:hover,
  .data-store-page .data-product-card:focus-within,
  .data-store-page .data-store-citizen-grid article:focus-within,
  .data-store-page .data-store-citizen-config:focus-within,
  .data-store-checkout-page .data-store-checkout-card:focus-within,
  .data-store-checkout-page .data-store-payment-state:focus-within,
  .data-store-checkout-page .purchase-history-card:focus-within {
    transform: none !important;
  }
}