/* Cache-busted Metal + Earth overrides for late-loading order form CSS. */
:root {
    --classic-bg: #f8f6ef;
    --classic-surface: #fffdf8;
    --classic-text: #2f3438;
    --classic-muted: #74716a;
    --classic-accent: #c6a76a;
    --classic-accent-dark: #8f6830;
    --classic-champagne: #c6a76a;
    --classic-earth: #b88a45;
    --classic-graphite: #2f3438;
    --classic-graphite-soft: #4b4740;
    --classic-border: #d7dbe0;
    --classic-soft: #f1f2ee;
    --classic-cream: #fbf8ef;
    --classic-shadow: 0 14px 34px rgba(47, 52, 56, 0.11);
    --classic-shadow-soft: 0 9px 22px rgba(47, 52, 56, 0.075);
}

section#main-menu,
#main-menu {
    background: linear-gradient(135deg, var(--classic-graphite), var(--classic-graphite-soft) 68%, var(--classic-accent-dark)) !important;
}

#order-premium_comparison {
    color: var(--classic-text) !important;
}

#order-premium_comparison .main-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#order-premium_comparison .main-container.price-01 h3 {
    max-width: 980px !important;
    max-height: 180px !important;
    margin: 0 auto 14px !important;
    padding: 12px 16px !important;
    overflow: auto !important;
    border: 1px solid var(--classic-border) !important;
    border-radius: 6px !important;
    background: rgba(255, 253, 248, 0.72) !important;
    color: var(--classic-text) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.6 !important;
    text-align: left !important;
}

#order-premium_comparison .main-container.price-01 h5,
#order-premium_comparison .price-table-container .price-table ul li {
    color: var(--classic-muted) !important;
}

#order-premium_comparison .price-table-container {
    padding-top: 18px !important;
}

#order-premium_comparison .price-table-container > ul > li {
    background: none !important;
}

#order-premium_comparison .price-table-container .price-table {
    background: var(--classic-surface) !important;
    border: 1px solid var(--classic-border) !important;
    border-radius: 6px !important;
    box-shadow: var(--classic-shadow-soft) !important;
    overflow: hidden !important;
}

#order-premium_comparison .price-table-container .price-table.active {
    box-shadow: var(--classic-shadow) !important;
}

#order-premium_comparison .price-table-container .price-table .top-head {
    background: linear-gradient(135deg, var(--classic-graphite), var(--classic-graphite-soft) 68%, var(--classic-accent-dark)) !important;
    filter: none !important;
    border-radius: 6px 6px 0 0 !important;
}

#order-premium_comparison .price-table-container .price-table .top-head .top-area {
    border-bottom: 1px solid rgba(198, 167, 106, 0.48) !important;
}

#order-premium_comparison .price-table-container .price-table .top-head .top-area h4 {
    color: #fffdf8 !important;
    font-weight: 600 !important;
}

#order-premium_comparison .price-table-container .price-table .top-head .top-area p {
    color: rgba(255, 253, 248, 0.72) !important;
}

#order-premium_comparison .price-table-container .price-table .top-head .price-area {
    border-top: 1px solid rgba(198, 167, 106, 0.42) !important;
    color: #f3d894 !important;
}

#order-premium_comparison .price-table-container .price-table .top-head .price-area .price span {
    color: #f5dc98 !important;
    font-weight: 700 !important;
}

#order-premium_comparison .price-table-container .order-button,
#order-premium_comparison .price-table-container .order-button:hover,
#order-premium_comparison .price-table-container .order-button:focus {
    background: linear-gradient(135deg, var(--classic-champagne), var(--classic-earth)) !important;
    filter: none !important;
    border: 1px solid rgba(255, 253, 248, 0.18) !important;
    border-radius: 6px !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(47, 52, 56, 0.2) !important;
    text-decoration: none !important;
}

#order-premium_comparison .price-table-container .order-button:hover,
#order-premium_comparison .price-table-container .order-button:focus {
    background: linear-gradient(135deg, var(--classic-earth), var(--classic-accent-dark)) !important;
}

#order-premium_comparison .price-table-container .order-button.unavailable,
#order-premium_comparison .price-table-container .order-button.unavailable:hover {
    background: linear-gradient(135deg, #65635d, #3f4143) !important;
    filter: none !important;
}

#order-premium_comparison .price-table-container .price-table ul {
    background: var(--classic-surface) !important;
}

#order-premium_comparison .price-table-container .price-table ul li {
    border-bottom: 1px solid var(--classic-border) !important;
    background: none !important;
}

#order-premium_comparison .price-table-container .price-table ul li:last-child {
    border-bottom: 0 !important;
}

#order-premium_comparison .price-table-container .price-table .popular-plan {
    background: var(--classic-earth) !important;
    color: #fff !important;
}

#order-premium_comparison .includes-features {
    background: var(--classic-surface) !important;
    border: 1px solid var(--classic-border) !important;
    border-radius: 6px !important;
    box-shadow: var(--classic-shadow-soft) !important;
}

#order-premium_comparison .includes-features .head-area span,
#order-premium_comparison .main-container.price-01 .includes-features .head-area span {
    background: linear-gradient(135deg, var(--classic-graphite), var(--classic-accent-dark)) !important;
    color: #fff !important;
}

#order-premium_comparison .includes-features ul.list-features li {
    color: var(--classic-text) !important;
    border-color: var(--classic-border) !important;
}

@media (max-width: 767px) {
    #order-premium_comparison .txt-center {
        text-align: left !important;
    }

    #order-premium_comparison .main-container.price-01 h3 {
        max-height: 180px !important;
        padding: 10px 12px !important;
        overflow: auto !important;
        border: 1px solid var(--classic-border) !important;
        border-radius: 6px !important;
        background: rgba(255, 253, 248, 0.78) !important;
        color: var(--classic-text) !important;
        font-size: 12px !important;
        line-height: 1.45 !important;
        text-align: left !important;
    }

    #order-premium_comparison .main-container.price-01 h5 {
        font-size: 12px !important;
        line-height: 1.45 !important;
        padding: 0 10px !important;
        text-align: left !important;
    }

    #order-premium_comparison .price-table-container {
        padding-top: 8px !important;
    }

    #order-premium_comparison .price-table-container > ul > li {
        display: block !important;
        padding: 12px 0 !important;
        width: 100% !important;
    }

    #order-premium_comparison .price-table-container .price-table,
    #order-premium_comparison .price-table-container .price-table.active {
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 auto !important;
    }

    #order-premium_comparison .price-table-container .price-table .top-head .price-area .price span {
        font-size: 32px !important;
    }
}