/**
 * Maxinodes branded comparison order form.
 * Ports the maxinodes.com .price-card pricing design onto the WHMCS
 * premium_comparison markup. All rules are scoped to #order-maxinodes_comparison
 * (plus the sidebar slide-out mechanics, which live outside that wrapper).
 *
 * Brand tokens mirror maxinodes.com/site/resources/css/app.css.
 */
/* Self-hosted web fonts — Inter (body) + Onest (display).
   Replaces the Google Fonts CDN @import so visitor IPs are never sent to Google
   (GDPR — LG München I, 3 O 17493/20). The order form lives in a separate
   templates path, so these point at the single shared font dir under the
   maxinodes theme (../../../maxinodes/css/fonts/ — resolves to
   /templates/maxinodes/css/fonts/). Subsets: latin, latin-ext, cyrillic,
   cyrillic-ext (EN + RU). Keep in sync with the theme's custom.css. */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/inter-400-cyrillic-ext.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/inter-400-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/inter-400-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/inter-400-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/inter-500-cyrillic-ext.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/inter-500-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/inter-500-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/inter-500-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/inter-600-cyrillic-ext.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/inter-600-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/inter-600-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/inter-600-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/inter-700-cyrillic-ext.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/inter-700-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/inter-700-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/inter-700-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/inter-800-cyrillic-ext.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/inter-800-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/inter-800-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/inter-800-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/onest-400-cyrillic-ext.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/onest-400-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/onest-400-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/onest-400-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/onest-500-cyrillic-ext.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/onest-500-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/onest-500-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/onest-500-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/onest-600-cyrillic-ext.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/onest-600-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/onest-600-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/onest-600-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/onest-700-cyrillic-ext.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/onest-700-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/onest-700-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/onest-700-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/onest-800-cyrillic-ext.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/onest-800-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/onest-800-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../../../maxinodes/css/fonts/onest-800-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

#order-maxinodes_comparison {
    --color-cream: #FAF6EE;
    --color-cream-2: #F2EBDB;
    --color-paper: #FFFFFF;
    --color-ink: #16263F;
    --color-ink-soft: #3B4B65;
    --color-muted: #6E7588;
    --color-line: #E8DFCB;
    --color-line-strong: #D5CAAF;
    --color-coral: #E15D43;
    --color-coral-deep: #BF4630;
    --color-coral-soft: #FBDED5;
    --color-sage: #6B8B7A;
    --font-sans: 'Inter', -apple-system, 'Segoe UI', Arial, sans-serif;
    --font-serif: 'Onest', 'Inter', system-ui, sans-serif;

    font-family: var(--font-sans);
    color: var(--color-ink-soft);
    margin: 0 0 40px;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* normalise the stock list scaffolding */
#order-maxinodes_comparison ul,
#order-maxinodes_comparison li {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* ===== Group heading ===== */
#order-maxinodes_comparison .txt-center { text-align: center; }
#order-maxinodes_comparison .mxc-head { margin: 8px 0 36px; }
#order-maxinodes_comparison #headline {
    font-family: var(--font-serif);
    font-size: clamp(26px, 4vw, 36px);
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.1;
    color: var(--color-ink);
    margin: 0;
}
#order-maxinodes_comparison #tagline {
    font-family: var(--font-sans);
    font-size: 16px;
    font-weight: 400;
    color: var(--color-muted);
    margin: 10px 0 0;
}
#order-maxinodes_comparison .alert { margin-top: 24px; text-align: left; }

/* ===== Pricing grid ===== */
#order-maxinodes_comparison .pricing-grid-wrap { padding: 12px 0 0; }
#order-maxinodes_comparison .pricing-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);   /* Self-Managed = 3-up */
    gap: 20px;
    max-width: 1100px;
    margin: 0 auto;
    align-items: stretch;
    text-align: left;
}
/* Managed group adds a 4th "Talk to sales" Enterprise card (collapses to 1-up at <=1000px
   via the responsive rule below, which also matches .pricing-grid) */
#order-maxinodes_comparison .pricing-grid--4 {
    grid-template-columns: repeat(4, 1fr);
    max-width: 1240px;
}

/* ===== Card ===== */
#order-maxinodes_comparison .price-card {
    background: var(--color-paper);
    border: 1px solid var(--color-line-strong);
    border-radius: 14px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    position: relative;
    box-shadow: 0 1px 0 rgba(22, 38, 63, .04), 0 24px 60px -28px rgba(22, 38, 63, .16);
}
#order-maxinodes_comparison .price-card.featured {
    background: var(--color-ink);
    color: var(--color-cream);
    border-color: var(--color-ink);
    transform: scale(1.02);
    z-index: 1;
}

/* "most chosen" badge */
#order-maxinodes_comparison .pop-tag {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--color-coral);
    color: var(--color-paper);
    padding: 5px 14px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    white-space: nowrap;
}

/* plan name (eyebrow style) */
#order-maxinodes_comparison .pc-name {
    font-family: var(--font-serif);
    font-size: 14px;
    font-weight: 600;
    color: var(--color-coral-deep);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    margin-bottom: 10px;
}
#order-maxinodes_comparison .price-card.featured .pc-name { color: var(--color-coral-soft); }

/* short plan tagline */
#order-maxinodes_comparison .pc-tagline {
    font-size: 14.5px;
    color: var(--color-ink-soft);
    margin-bottom: 14px;
}
#order-maxinodes_comparison .price-card.featured .pc-tagline { color: rgba(250, 246, 238, .7); }

/* price */
#order-maxinodes_comparison .pc-amount {
    font-family: var(--font-serif);
    font-size: 30px;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.15;
    color: var(--color-ink);
    margin-bottom: 22px;
}
#order-maxinodes_comparison .price-card.featured .pc-amount { color: var(--color-cream); }
#order-maxinodes_comparison .pc-amount .pc-from {
    display: block;
    font-family: var(--font-sans);
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--color-muted);
    margin-bottom: 2px;
}
#order-maxinodes_comparison .price-card.featured .pc-amount .pc-from { color: rgba(250, 246, 238, .6); }
#order-maxinodes_comparison .pc-amount .pc-setup,
#order-maxinodes_comparison .pc-amount .pc-bundleprice {
    display: block;
    font-family: var(--font-sans);
    font-size: 12px;
    font-weight: 400;
    color: var(--color-muted);
    margin-top: 4px;
}
#order-maxinodes_comparison .price-card.featured .pc-amount .pc-setup { color: rgba(250, 246, 238, .55); }

/* feature list */
#order-maxinodes_comparison .pc-feats {
    flex: 1;
    margin-bottom: 26px;
}
#order-maxinodes_comparison .pc-feats li {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 8px 0;
    font-size: 14.5px;
    line-height: 1.4;
    color: var(--color-ink-soft);
}
#order-maxinodes_comparison .price-card.featured .pc-feats li { color: rgba(250, 246, 238, .85); }
#order-maxinodes_comparison .pc-feats li::before {
    content: "";
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E15D43' stroke-width='3'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E");
}
#order-maxinodes_comparison .price-card.featured .pc-feats li::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23FBDED5' stroke-width='3'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E");
}
/* description fallback (product has no Features) — no tick, just text */
#order-maxinodes_comparison .pc-feats li.pc-desc-li { display: block; color: var(--color-muted); }
#order-maxinodes_comparison .pc-feats li.pc-desc-li::before { content: none; }

/* order button — navy by default, coral on the featured plan */
#order-maxinodes_comparison .order-button {
    display: block;
    text-align: center;
    text-decoration: none;
    font-family: var(--font-sans);
    font-weight: 600;
    font-size: 15px;
    padding: 13px 18px;
    border-radius: 8px;
    border: 1px solid var(--color-ink);
    background: var(--color-ink);
    color: #fff;
    transition: background .15s, color .15s, border-color .15s;
    cursor: pointer;
}
#order-maxinodes_comparison .order-button:hover {
    background: var(--color-coral);
    border-color: var(--color-coral);
    color: #fff;
}
#order-maxinodes_comparison .order-button-featured,
#order-maxinodes_comparison .price-card.featured .order-button {
    background: var(--color-coral);
    border-color: var(--color-coral);
    color: #fff;
}
#order-maxinodes_comparison .order-button-featured:hover,
#order-maxinodes_comparison .price-card.featured .order-button:hover {
    background: var(--color-coral-deep);
    border-color: var(--color-coral-deep);
    color: #fff;
}
#order-maxinodes_comparison .order-button.unavailable,
#order-maxinodes_comparison .order-button.unavailable:hover {
    background: var(--color-cream-2);
    border-color: var(--color-line-strong);
    color: var(--color-muted);
    cursor: not-allowed;
}

/* ===== "Included with all plans" strip (group-level features) ===== */
#order-maxinodes_comparison .includes-features {
    max-width: 1100px;
    margin: 36px auto 0;
    padding: 24px 28px;
    background: var(--color-cream-2);
    border: 1px solid var(--color-line);
    border-radius: 14px;
}
#order-maxinodes_comparison .includes-features .head-area {
    text-align: center;
    margin-bottom: 16px;
}
#order-maxinodes_comparison .includes-features .head-area span {
    font-family: var(--font-serif);
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--color-coral-deep);
}
#order-maxinodes_comparison .includes-features .list-features {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px 20px;
}
#order-maxinodes_comparison .includes-features .list-features li {
    position: relative;
    padding-left: 26px;
    font-size: 14px;
    color: var(--color-ink-soft);
    line-height: 1.5;
}
#order-maxinodes_comparison .includes-features .list-features li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E15D43' stroke-width='3'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E");
}

/* ===== Sidebar slide-out mechanics (inherited markup; hidden by default) ===== */
html, body { overflow-x: hidden; }
.row-product-selection {
    position: relative;
    left: 0;
    transition: all .25s ease-out;
}
.product-selection-sidebar {
    position: absolute;
    top: 0;
    left: -300px;
    width: 300px;
    display: none;
}
#btnShowSidebar {
    margin: 0 0 20px 0;
    font-family: var(--font-sans, 'Inter', sans-serif);
}

/* ===== Responsive ===== */
@media (max-width: 1000px) {
    #order-maxinodes_comparison .pricing-grid {
        grid-template-columns: 1fr;
        max-width: 460px;
    }
    #order-maxinodes_comparison .price-card.featured { transform: none; }
    #order-maxinodes_comparison .includes-features .list-features { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
    #order-maxinodes_comparison .price-card { padding: 24px; }
    #order-maxinodes_comparison .pop-tag { top: -10px; }
    #order-maxinodes_comparison .includes-features .list-features { grid-template-columns: 1fr; }
}