/* ============================================================
   Pricing Table Advanced — Amelia-inspired
   ============================================================ */
.spa-pricing-table {
    /*display: grid;
    gap: 24px;*/
    width: 100%;
    transition-delay: calc(var(--card-i,0) * 80ms);
}
.spa-pricing-table--cols-1 { grid-template-columns: minmax(0,480px); justify-content: center; }
.spa-pricing-table--cols-2 { grid-template-columns: repeat(2,1fr); }
.spa-pricing-table--cols-3 { grid-template-columns: repeat(3,1fr); }
.spa-pricing-table--cols-4 { grid-template-columns: repeat(4,1fr); }

/* Plan card overrides for standalone pricing table */
.spa-plan-card {
    transition-delay: calc(var(--card-i,0) * 80ms);
}
@media (min-width: 900px) {
    .spa-plan-card--featured.is-visible { transform: scale(1.04); }
    .spa-plan-card--featured.is-visible:hover { transform: scale(1.04) translateY(-5px); }
}

/* Skeleton loader */
.spa-plan-card--skeleton .spa-plan-card__name,
.spa-plan-card--skeleton .spa-plan-card__price,
.spa-plan-card--skeleton .spa-plan-card__desc,
.spa-plan-card--skeleton .spa-plan-cta {
    background: linear-gradient(90deg,#E5E3EE 25%,#F3F3FA 50%,#E5E3EE 75%);
    background-size: 200% 100%;
    animation: am-skeleton 1.4s infinite;
    border-radius: 8px;
    color: transparent !important;
    border: none;
}
@keyframes am-skeleton {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* Feature list */
.spa-plan-card__features {
    list-style: none;
    margin: 12px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.spa-plan-card__features li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: .875rem;
    color: #3D3557;
    line-height: 1.5;
}
.spa-plan-card__features li::before {
    content: '';
    display: block;
    width: 18px; height: 18px;
    flex-shrink: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23734BD1' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/contain no-repeat;
    margin-top: 2px;
}
.spa-plan-card__features li.disabled { color: #8C849E; opacity: .55; }
.spa-plan-card__features li.disabled::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238C849E' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");
}

/* Responsive */
@media (max-width: 1024px) { .spa-pricing-table--cols-4 { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 768px) {
    .spa-pricing-table--cols-3,
    .spa-pricing-table--cols-4 { grid-template-columns: repeat(2,1fr); }
    .spa-plan-card--featured { transform: none; order: -1; }
}
@media (max-width: 520px) {
    .spa-pricing-table--cols-2,
    .spa-pricing-table--cols-3,
    .spa-pricing-table--cols-4 { grid-template-columns: 1fr; }
}
