.sms-pricing {
    --navy: #711b25;
    --blue: #d4212e;
}

.price-summary {
    background: linear-gradient(145deg, #861f2a 0%, #5f1720 100%);
    box-shadow: 0 20px 45px rgba(113, 27, 37, .2);
}

.package-option input:checked + .package-card,
.module-option:has(input:checked) {
    background: #fff7f7;
    box-shadow: 0 10px 28px rgba(212, 33, 46, .12);
}

.package-check,
.module-icon.commerce {
    background: #fff0f1;
}

.sms-pricing {
    padding: 18px 0 48px;
}

.pricing-hero {
    padding: 8px 0 18px;
}

.pricing-hero h1 {
    font-size: 46px;
    margin: 6px 0;
}

.pricing-hero p {
    font-size: 16px;
    margin-bottom: 0;
}

.pricing-builder {
    gap: 20px;
    padding-top: 0;
    padding-bottom: 0;
}

.pricing-options {
    padding: 26px;
}

.builder-heading h2 {
    font-size: 24px;
    margin: 5px 0;
}

.package-grid {
    margin-top: 16px;
}

.package-card {
    min-height: 190px;
    padding: 18px;
}

.package-card > strong,
.package-price {
    margin-bottom: 8px;
}

.package-price {
    font-size: 21px;
}

.module-heading {
    margin-top: 22px;
    padding-top: 20px;
}

.module-list {
    margin-top: 14px;
}

.module-option {
    padding: 12px;
}

.price-summary {
    padding: 28px;
    top: 92px;
}

.price-summary h2 {
    margin: 12px 0;
}

.summary-total {
    margin: 16px 0 22px;
}

.summary-total strong {
    font-size: 46px;
}

.summary-metrics {
    margin: 16px 0;
}

.summary-action {
    padding: 13px;
}

.rate-note {
    margin-top: 12px;
}

@media (max-width: 991px) {
    .sms-pricing { padding-top: 12px; }
    .pricing-hero h1 { font-size: 38px; }
    .pricing-builder { gap: 14px; }
}

@media (max-width: 600px) {
    .pricing-hero { padding-bottom: 12px; }
    .pricing-options,
    .price-summary { padding: 18px; }
    .pricing-hero h1 { font-size: 32px; }
}
