/* Base styles for the Premium Pricing Table */
.premium-table-container {
    width: 100%;
    background-color: #F7F4F0;
    border-radius: 20px;
    border: 1px solid #E8E8E8;
    overflow: hidden;
    padding: 0;
}

.premium-pricing-table {
    width: 100%;
    border-collapse: separate; 
    border-spacing: 0;
    margin: 0;
    background-color: #F7F4F0; /* Ensure background matches container */
}

/* Header Cells */
.premium-pricing-table th.pricing-header-cell {
    background-color: #EEF0F7;
    color: #26345F;
    text-align: left;
    padding: 24px 30px;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2;
}

/* Service Rows */
.premium-pricing-table td {
    padding: 24px 30px;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #26345F;
    vertical-align: middle;
}

.premium-pricing-table tr.pricing-row td {
    border-top: 1px solid #E8E8E8; /* Border between rows */
}

.premium-pricing-table td.pricing-service-cell {
    text-align: left;
    width: 60%;
}

.premium-pricing-table td.pricing-price-cell {
    text-align: right;
    width: 40%;
}

/* Specific Section Overrides - targeting Dermalna Polnila */
/* The user requested a beige color instead of grey. We assume the container background should be applied here, or a custom class if needed. Here we make sure the bottom color matches the beige aesthetic requested. */
.premium-pricing-table tbody tr.pricing-row:last-child td {
    border-bottom: none; /* remove any accidental bottom border */
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .premium-pricing-table th.pricing-header-cell,
    .premium-pricing-table td {
        padding: 15px 20px;
    }
}