/* ==========================================================
   LOCALHOSTING UK
   PRICING PAGE
   ========================================================== */


/* ==========================================================
   PAGE ROOT
   ========================================================== */

.lhuk-pricing-page {

    --lhuk-bg: #ffffff;
    --lhuk-surface: #f3f3f8;
    --lhuk-surface-soft: #f7f7fa;
    --lhuk-surface-purple: #f0edfb;

    --lhuk-text: #17182f;
    --lhuk-text-soft: #70758e;
    --lhuk-text-muted: #85899d;

    --lhuk-border: #d9d9e5;
    --lhuk-border-strong: #c8c8da;

    --lhuk-purple: #8064ed;
    --lhuk-purple-bright: #9278ff;

    --lhuk-purple-soft: rgba(128, 100, 237, .12);

    --lhuk-table-line: rgba(25, 27, 55, .10);


    /*
     * THIS IS WHAT MAKES THE PAGE FULL WIDTH.
     *
     * WHMCS/Lagom places the template inside a .container.
     * We deliberately break out of that container.
     */

    position: relative;

    width: 100vw !important;
    max-width: none !important;

    left: 50%;
    right: auto;

    margin-left: -50vw !important;
    margin-right: 0 !important;

    padding: 0 !important;

    background: var(--lhuk-bg);

    color: var(--lhuk-text);

    font-family:
        "Poppins",
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    overflow: hidden;
}


/*
 * Prevent the WHMCS theme from limiting the sections.
 */

.lhuk-pricing-page .lhuk-pricing-hero,
.lhuk-pricing-page .lhuk-section,
.lhuk-pricing-page .lhuk-camera-section {

    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

}


/*
 * Everything inside the page.
 */

.lhuk-pricing-page *,
.lhuk-pricing-page *::before,
.lhuk-pricing-page *::after {

    box-sizing: border-box;

}


/* ==========================================================
   INNER CONTENT WIDTH
   ========================================================== */

.lhuk-pricing-container {

    width: min(1160px, calc(100% - 48px));

    max-width: 1160px;

    margin-left: auto !important;
    margin-right: auto !important;

}


/* ==========================================================
   LIGHT MODE
   ========================================================== */

.lhuk-pricing-page {

    background: #ffffff;

}


/* ==========================================================
   DARK MODE
   ========================================================== */

html.dark .lhuk-pricing-page,
html.dark-mode .lhuk-pricing-page,
html.theme-dark .lhuk-pricing-page,

html[data-theme="dark"] .lhuk-pricing-page,
html[data-mode="dark"] .lhuk-pricing-page,

body.dark .lhuk-pricing-page,
body.dark-mode .lhuk-pricing-page,
body.theme-dark .lhuk-pricing-page,

body[data-theme="dark"] .lhuk-pricing-page,
body[data-mode="dark"] .lhuk-pricing-page,

.lhuk-pricing-page[data-lhuk-theme="dark"] {

    --lhuk-bg: #141522;

    --lhuk-surface: #202330;
    --lhuk-surface-soft: #222532;
    --lhuk-surface-purple: #29283d;

    --lhuk-text: #f3f2fa;
    --lhuk-text-soft: #989caf;
    --lhuk-text-muted: #85899e;

    --lhuk-border: #383b49;
    --lhuk-border-strong: #414452;

    --lhuk-purple: #9a7cff;
    --lhuk-purple-bright: #a78cff;

    --lhuk-purple-soft: rgba(154, 124, 255, .16);

    --lhuk-table-line: rgba(177, 177, 208, .11);

    background: #141522;

}


/* ==========================================================
   HERO
   ========================================================== */

.lhuk-pricing-hero {

    width: 100%;

    padding:
        72px
        0
        52px;

    background: var(--lhuk-bg);

}


/* ==========================================================
   PRICING LABEL
   ========================================================== */

.lhuk-pricing-pill {

    display: inline-flex;

    align-items: center;
    justify-content: center;

    padding:
        8px
        15px;

    margin-bottom: 20px;

    border-radius: 999px;

    background: var(--lhuk-purple-soft);

    color: var(--lhuk-purple);

    font-size: 12px;

    font-weight: 700;

    line-height: 1;

    letter-spacing: .06em;

}


/* ==========================================================
   HERO TITLE
   ========================================================== */

.lhuk-pricing-hero h1 {

    max-width: 950px;

    margin:
        0
        0
        22px;

    color: var(--lhuk-text);

    font-size:
        clamp(
            46px,
            5.2vw,
            70px
        );

    line-height: 1.04;

    font-weight: 500;

    letter-spacing: -.045em;

}


/* ==========================================================
   HERO DESCRIPTION
   ========================================================== */

.lhuk-pricing-intro {

    max-width: 720px;

    margin: 0;

    color: var(--lhuk-text-soft);

    font-size: 17px;

    line-height: 1.6;

}


/* ==========================================================
   BILLING TOGGLE
   ========================================================== */

.lhuk-billing-toggle {

    display: inline-flex;

    align-items: center;

    margin-top: 23px;

    padding: 4px;

    border-radius: 999px;

    background: var(--lhuk-surface-soft);

}


.lhuk-billing-toggle button {

    min-height: 40px;

    padding:
        0
        18px;

    border: 0;

    border-radius: 999px;

    background: transparent;

    color: var(--lhuk-text-soft);

    font-family: inherit;

    font-size: 13px;

    cursor: pointer;

}


.lhuk-billing-toggle button.is-active {

    background: var(--lhuk-purple);

    color: #ffffff;

}


/* ==========================================================
   PLAN GRID
   ========================================================== */

.lhuk-plan-grid {

    display: grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );

    gap: 15px;

    align-items: stretch;

    margin-top: 40px;

}


/* ==========================================================
   PLAN CARD
   ========================================================== */

.lhuk-plan-card {

    position: relative;

    display: flex;

    flex-direction: column;

    min-width: 0;

    min-height: 318px;

    padding:
        28px
        27px
        25px;

    border:
        1px solid
        var(--lhuk-border);

    border-radius: 30px;

    background:
        var(--lhuk-surface-soft);

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;

}


.lhuk-plan-card:hover {

    transform: translateY(-3px);

    border-color:
        var(--lhuk-purple-bright);

}


/* ==========================================================
   FEATURED PLAN
   ========================================================== */

.lhuk-plan-card.is-featured {

    border-color:
        var(--lhuk-purple);

    background:
        var(--lhuk-surface-purple);

}


/* ==========================================================
   PLAN TITLE
   ========================================================== */

.lhuk-plan-title-row {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 8px;

}


.lhuk-plan-title-row h2 {

    margin: 0;

    color: var(--lhuk-text);

    font-size: 18px;

    line-height: 1.2;

    font-weight: 600;

}


/* ==========================================================
   MOST CHOSEN
   ========================================================== */

.lhuk-most-chosen {

    display: inline-flex;

    align-items: center;

    min-height: 23px;

    padding:
        0
        9px;

    border-radius: 999px;

    background:
        var(--lhuk-purple-soft);

    color:
        var(--lhuk-purple);

    font-size: 9px;

    font-weight: 700;

}


/* ==========================================================
   DESCRIPTION
   ========================================================== */

.lhuk-plan-description {

    min-height: 54px;

    margin:
        15px
        0
        0;

    color:
        var(--lhuk-text-soft);

    font-size: 13px;

    line-height: 1.55;

}


/* ==========================================================
   PRICE
   ========================================================== */

.lhuk-plan-price {

    display: flex;

    align-items: baseline;

    margin-top: 17px;

}


.lhuk-pound,
.lhuk-price-value {

    color:
        var(--lhuk-text);

}


.lhuk-pound {

    font-size: 29px;

    line-height: 1;

}


.lhuk-price-value {

    font-size: 35px;

    line-height: 1;

    font-weight: 400;

    letter-spacing: -.04em;

}


.lhuk-price-period {

    margin-left: 6px;

    color:
        var(--lhuk-text-muted);

    font-size: 12px;

}


/* ==========================================================
   RENEWAL
   ========================================================== */

.lhuk-renewal {

    margin-top: 13px;

    color:
        var(--lhuk-purple);

    font-size: 12px;

    font-weight: 600;

}


/* ==========================================================
   PLAN BUTTON
   ========================================================== */

.lhuk-plan-button {

    display: flex;

    align-items: center;

    justify-content: center;

    min-height: 46px;

    margin-top: 21px;

    border:
        1px solid
        var(--lhuk-purple);

    border-radius: 999px;

    background: transparent;

    color:
        var(--lhuk-purple) !important;

    text-decoration: none !important;

    font-size: 13px;

    font-weight: 600;

}


.lhuk-plan-button:hover {

    background:
        var(--lhuk-purple-soft);

}


/* ==========================================================
   SPEC LINK
   ========================================================== */

.lhuk-spec-link {

    display: block;

    margin-top: 17px;

    color:
        var(--lhuk-text-muted) !important;

    font-size: 11px;

    text-decoration: none !important;

}


/* ==========================================================
   SECTIONS
   ========================================================== */

.lhuk-section {

    width: 100%;

    padding:
        38px
        0;

    background:
        var(--lhuk-bg);

}


/* ==========================================================
   DARK/SURFACE CARDS
   ========================================================== */

.lhuk-dark-card {

    border-radius: 30px;

    background:
        var(--lhuk-surface);

}


/* ==========================================================
   SECTION KICKER
   ========================================================== */

.lhuk-section-kicker {

    color:
        var(--lhuk-purple);

    font-size: 10px;

    line-height: 1;

    font-weight: 700;

    letter-spacing: .20em;

    text-transform: uppercase;

}


/* ==========================================================
   TABLE CARDS
   ========================================================== */

.lhuk-tech-card,
.lhuk-comparison-card {

    padding:
        38px
        35px
        27px;

}


.lhuk-tech-card h2,
.lhuk-comparison-card h2 {

    margin:
        14px
        0
        7px;

    color:
        var(--lhuk-text);

    font-size: 27px;

    line-height: 1.2;

    font-weight: 400;

    letter-spacing: -.025em;

}


.lhuk-section-lead {

    max-width: 650px;

    margin: 0;

    color:
        var(--lhuk-text-soft);

    font-size: 13px;

    line-height: 1.7;

}


/* ==========================================================
   TABLE
   ========================================================== */

.lhuk-table-wrap {

    width: 100%;

    overflow-x: auto;

    margin-top: 23px;

}


.lhuk-pricing-table,
.lhuk-comparison-table {

    width: 100%;

    min-width: 850px;

    border-collapse: collapse;

    table-layout: fixed;

}


.lhuk-pricing-table th,
.lhuk-pricing-table td,
.lhuk-comparison-table th,
.lhuk-comparison-table td {

    border-bottom:
        1px solid
        var(--lhuk-table-line);

    text-align: left;

}


/* ==========================================================
   PRICING TABLE
   ========================================================== */

.lhuk-pricing-table th {

    padding:
        0
        12px
        15px;

    color:
        var(--lhuk-text-muted);

    font-size: 10px;

    font-weight: 600;

    letter-spacing: .11em;

    text-transform: uppercase;

}


.lhuk-pricing-table th:first-child {

    width: 30%;

    padding-left: 0;

}


.lhuk-pricing-table th:not(:first-child) {

    width: 17.5%;

}


.lhuk-pricing-table th strong {

    display: block;

    margin-top: 5px;

    color:
        var(--lhuk-text-soft);

    font-size: 12px;

    font-weight: 400;

    letter-spacing: 0;

    text-transform: none;

}


.lhuk-pricing-table td {

    padding:
        12px;

    color:
        var(--lhuk-text-soft);

    font-size: 12px;

    line-height: 1.4;

}


.lhuk-pricing-table td:first-child {

    padding-left: 0;

    color:
        var(--lhuk-text);

}


.lhuk-pricing-table .lhuk-highlight-row td {

    color:
        var(--lhuk-purple);

}


.lhuk-table-note {

    margin:
        19px
        0
        0;

    color:
        var(--lhuk-text-muted);

    font-size: 11px;

    line-height: 1.55;

}


/* ==========================================================
   BIG BRAND COMPARISON
   ========================================================== */

.lhuk-comparison-table {

    min-width: 950px;

}


.lhuk-comparison-table th {

    padding:
        18px
        12px
        13px;

    color:
        var(--lhuk-text-muted);

    font-size: 10px;

    font-weight: 600;

}


.lhuk-comparison-table th:first-child,
.lhuk-comparison-table td:first-child {

    width: 38%;

    padding-left: 0;

}


.lhuk-comparison-table th:nth-child(2),
.lhuk-comparison-table td:nth-child(2) {

    width: 27%;

}


.lhuk-comparison-table th:nth-child(3),
.lhuk-comparison-table td:nth-child(3) {

    width: 35%;

}


.lhuk-comparison-table td {

    padding:
        13px
        12px;

    color:
        var(--lhuk-text-soft);

    font-size: 12px;

    line-height: 1.55;

    vertical-align: top;

}


.lhuk-comparison-table td:first-child {

    color:
        var(--lhuk-text);

}


.lhuk-brand-chip {

    display: inline-flex;

    align-items: center;

    min-height: 28px;

    padding:
        0
        12px;

    border:
        1px solid
        var(--lhuk-purple);

    border-radius: 999px;

    color:
        var(--lhuk-purple);

    font-size: 11px;

    font-weight: 600;

}


.lhuk-comparison-table td:nth-child(3) {

    color:
        var(--lhuk-text);

}


.lhuk-comparison-highlight td {

    background:
        var(--lhuk-surface-soft);

}


.lhuk-comparison-note {

    margin:
        15px
        0
        0;

    color:
        var(--lhuk-text-muted);

    font-size: 10px;

    line-height: 1.55;

}


/* ==========================================================
   1% SECTION
   ========================================================== */

.lhuk-one-percent-section {

    padding-top: 32px;

    padding-bottom: 39px;

}


.lhuk-one-percent-card {

    padding: 36px;

    background:
        var(--lhuk-surface-purple);

}


.lhuk-one-percent-card p {

    max-width: 760px;

    margin:
        17px
        0
        0;

    color:
        var(--lhuk-text-soft);

    font-size: 15px;

    line-height: 1.65;

}


.lhuk-inline-link {

    display: inline-block;

    margin-top: 20px;

    color:
        var(--lhuk-purple) !important;

    font-size: 12px;

    font-weight: 600;

    text-decoration: none !important;

}


/* ==========================================================
   CAMERA ROLL
   ========================================================== */

.lhuk-camera-section {

    width: 100%;

    padding:
        52px
        0
        68px;

    border-top:
        1px solid
        var(--lhuk-table-line);

    background:
        var(--lhuk-bg);

}


.lhuk-camera-heading {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    gap: 40px;

}


.lhuk-camera-heading h2 {

    margin:
        13px
        0
        8px;

    color:
        var(--lhuk-text);

    font-size: 25px;

    line-height: 1.2;

    font-weight: 400;

}


.lhuk-camera-heading p {

    max-width: 610px;

    margin: 0;

    color:
        var(--lhuk-text-soft);

    font-size: 13px;

    line-height: 1.65;

}


.lhuk-camera-heading > span {

    padding-top: 2px;

    color:
        var(--lhuk-text-muted);

    font-size: 11px;

    white-space: nowrap;

}


/* ==========================================================
   CAMERA GRID
   ========================================================== */

.lhuk-camera-grid {

    display: grid;

    grid-template-columns:
        .82fr
        1.22fr
        .9fr
        1.28fr
        .82fr
        .95fr;

    gap: 13px;

    margin-top: 21px;

}


.lhuk-camera-item {

    min-width: 0;

}


.lhuk-camera-placeholder {

    display: flex;

    align-items: center;

    justify-content: center;

    border:
        2px dashed
        var(--lhuk-border-strong);

    border-radius: 23px;

    background:
        var(--lhuk-surface-soft);

    color:
        var(--lhuk-text-muted);

    text-align: center;

    font-size: 11px;

}


.lhuk-camera-placeholder.portrait {

    min-height: 264px;

}


.lhuk-camera-placeholder.landscape,
.lhuk-camera-placeholder.square {

    min-height: 207px;

}


.lhuk-camera-item p {

    margin:
        7px
        5px
        0;

    color:
        var(--lhuk-text-soft);

    font-size: 11px;

    line-height: 1.55;

}


.lhuk-camera-item > span {

    display: block;

    margin:
        3px
        5px
        0;

    color:
        var(--lhuk-text-muted);

    font-size: 10px;

}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 1050px) {

    .lhuk-plan-grid {

        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );

    }


    .lhuk-camera-grid {

        grid-template-columns:
            repeat(
                3,
                minmax(0, 1fr)
            );

    }

}


@media (max-width: 800px) {

    .lhuk-pricing-container {

        width:
            min(
                calc(100% - 40px),
                760px
            );

    }


    .lhuk-pricing-hero {

        padding:
            52px
            0
            34px;

    }


    .lhuk-pricing-hero h1 {

        font-size: 46px;

    }


    .lhuk-camera-heading {

        display: block;

    }


    .lhuk-camera-heading > span {

        display: block;

        margin-top: 15px;

    }


    .lhuk-camera-grid {

        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );

    }

}


@media (max-width: 600px) {

    .lhuk-pricing-container {

        width:
            calc(100% - 28px);

    }


    .lhuk-pricing-hero h1 {

        font-size: 40px;

    }


    .lhuk-pricing-intro {

        font-size: 14px;

    }


    .lhuk-billing-toggle {

        width: 100%;

    }


    .lhuk-billing-toggle button {

        flex: 1;

        padding:
            0
            9px;

        font-size: 12px;

    }


    .lhuk-plan-grid {

        grid-template-columns: 1fr;

        margin-top: 28px;

    }


    .lhuk-plan-card {

        min-height: 0;

    }


    .lhuk-tech-card,
    .lhuk-comparison-card {

        padding:
            27px
            20px
            22px;

        border-radius: 25px;

    }


    .lhuk-one-percent-card {

        padding:
            28px
            22px;

        border-radius: 25px;

    }


    .lhuk-one-percent-card p {

        font-size: 13px;

    }


    .lhuk-camera-grid {

        grid-template-columns: 1fr;

    }


    .lhuk-camera-placeholder.portrait,
    .lhuk-camera-placeholder.landscape,
    .lhuk-camera-placeholder.square {

        min-height: 190px;

    }

}


/* ==========================================================
   ACCESSIBILITY
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

    .lhuk-plan-card {

        transition: none;

    }


    .lhuk-plan-card:hover {

        transform: none;

    }

}

/* Remove the unwanted gap above the pricing page */
#main-body {
    padding-top: 0 !important;
}

section#main-body.main-body {
    padding-top: 0 !important;
}

#main-body > .container {
    padding-top: 0 !important;
}


/* =========================================================
   KITWICK PRODUCT DOMAIN PAGE
   /store/wordpress-hosting/starter
   /store/web-hosting/basic
   ========================================================= */

#order-standard_cart.kitwick-product-domain-page {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    background: var(--lhuk-bg, #f5f5f8);
    color: var(--lhuk-text, #17182f);
}

#order-standard_cart.kitwick-product-domain-page .kitwick-product-domain-container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 56px 24px 80px;
}

#order-standard_cart.kitwick-product-domain-page .cart-body {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

/* Remove the old WHMCS page heading treatment */
#order-standard_cart.kitwick-product-domain-page .header-lined {
    margin: 0 0 34px;
    padding: 0;
    border: 0;
    text-align: center;
}

#order-standard_cart.kitwick-product-domain-page .header-lined h1 {
    margin: 0;
    color: var(--lhuk-text, #17182f);
    font-size: 48px;
    line-height: 1.15;
    font-weight: 600;
    letter-spacing: -0.02em;
}

/* Domain choices */
#order-standard_cart.kitwick-product-domain-page .domain-selection-options {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
}

#order-standard_cart.kitwick-product-domain-page .domain-selection-options .option {
    margin: 0 0 12px;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--lhuk-border, #dedee8);
    border-radius: 16px;
    background: var(--lhuk-surface, #ffffff);
    box-shadow: none;
}

#order-standard_cart.kitwick-product-domain-page .domain-selection-options .option > label {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 64px;
    margin: 0;
    padding: 18px 22px;
    color: var(--lhuk-text, #17182f);
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
}

#order-standard_cart.kitwick-product-domain-page .domain-selection-options .option > label input[type="radio"] {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin: 0;
    accent-color: var(--lhuk-purple, #7959e8);
}

/* Active option */
#order-standard_cart.kitwick-product-domain-page .domain-selection-options .option:has(input[type="radio"]:checked) {
    border-color: var(--lhuk-purple, #7959e8);
    box-shadow: 0 0 0 1px var(--lhuk-purple, #7959e8);
}

/* Expanded area */
#order-standard_cart.kitwick-product-domain-page .domain-input-group {
    margin: 0 20px 20px;
    padding: 20px;
    border-radius: 12px;
    background: var(--lhuk-surface-soft, #f5f5f8);
}

#order-standard_cart.kitwick-product-domain-page .domains-row {
    align-items: center;
}

#order-standard_cart.kitwick-product-domain-page .form-control,
#order-standard_cart.kitwick-product-domain-page textarea,
#order-standard_cart.kitwick-product-domain-page select {
    min-height: 48px;
    border: 1px solid var(--lhuk-border, #dedee8);
    border-radius: 10px;
    background: var(--lhuk-surface, #ffffff);
    color: var(--lhuk-text, #17182f);
    box-shadow: none;
}

#order-standard_cart.kitwick-product-domain-page textarea {
    min-height: 124px;
    resize: vertical;
    padding: 14px;
}

#order-standard_cart.kitwick-product-domain-page .form-control:focus,
#order-standard_cart.kitwick-product-domain-page textarea:focus,
#order-standard_cart.kitwick-product-domain-page select:focus {
    border-color: var(--lhuk-purple, #7959e8);
    outline: none;
    box-shadow: 0 0 0 3px rgba(121, 89, 232, .12);
}

#order-standard_cart.kitwick-product-domain-page .input-group-addon,
#order-standard_cart.kitwick-product-domain-page .input-group-prepend {
    border: 1px solid var(--lhuk-border, #dedee8);
    border-right: 0;
    border-radius: 10px 0 0 10px;
    background: var(--lhuk-surface, #ffffff);
    color: var(--lhuk-text-soft, #73758c);
}

#order-standard_cart.kitwick-product-domain-page .input-group .form-control {
    border-radius: 0 10px 10px 0;
}

/* Buttons */
#order-standard_cart.kitwick-product-domain-page .btn-primary {
    min-height: 48px;
    border: 0;
    border-radius: 10px;
    background: var(--lhuk-purple, #7959e8);
    color: #ffffff;
    font-weight: 600;
    box-shadow: none;
}

#order-standard_cart.kitwick-product-domain-page .btn-primary:hover {
    opacity: .92;
    transform: translateY(-1px);
}

#order-standard_cart.kitwick-product-domain-page #btnDomainContinue {
    min-width: 180px;
    margin-top: 24px;
    padding: 12px 24px;
}

/* Advanced search controls */
#order-standard_cart.kitwick-product-domain-page .multiselect-container {
    border: 1px solid var(--lhuk-border, #dedee8);
    border-radius: 10px;
}

#order-standard_cart.kitwick-product-domain-page .domain-selection-options label {
    color: var(--lhuk-text, #17182f);
}

#order-standard_cart.kitwick-product-domain-page .domain-selection-options input[type="checkbox"] {
    accent-color: var(--lhuk-purple, #7959e8);
}

/* Search results */
#order-standard_cart.kitwick-product-domain-page #DomainSearchResults {
    max-width: 980px;
    margin: 30px auto 0;
}

#order-standard_cart.kitwick-product-domain-page #primaryLookupResult,
#order-standard_cart.kitwick-product-domain-page .suggested-domains,
#order-standard_cart.kitwick-product-domain-page #spotlightTlds {
    border: 1px solid var(--lhuk-border, #dedee8);
    border-radius: 16px;
    background: var(--lhuk-surface, #ffffff);
}

/* Spotlight TLDs */
#order-standard_cart.kitwick-product-domain-page .spotlight-tlds-container {
    gap: 12px;
}

#order-standard_cart.kitwick-product-domain-page .spotlight-tld {
    border: 1px solid var(--lhuk-border, #dedee8);
    border-radius: 12px;
    background: var(--lhuk-surface-soft, #f5f5f8);
    color: var(--lhuk-text, #17182f);
}

/* Alerts */
#order-standard_cart.kitwick-product-domain-page .alert {
    border-radius: 12px;
}

/* =========================================================
   DARK MODE
   ========================================================= */

html[data-theme="dark"] #order-standard_cart.kitwick-product-domain-page {
    background: #11131b;
    color: #f3f2fa;
}

html[data-theme="dark"] #order-standard_cart.kitwick-product-domain-page .header-lined h1 {
    color: #f3f2fa;
}

html[data-theme="dark"] #order-standard_cart.kitwick-product-domain-page .domain-selection-options .option {
    background: #1c1f2a;
    border-color: #363947;
}

html[data-theme="dark"] #order-standard_cart.kitwick-product-domain-page .domain-selection-options .option > label {
    color: #f3f2fa;
}

html[data-theme="dark"] #order-standard_cart.kitwick-product-domain-page .domain-selection-options .option:has(input[type="radio"]:checked) {
    border-color: #9a7cff;
    box-shadow: 0 0 0 1px #9a7cff;
}

html[data-theme="dark"] #order-standard_cart.kitwick-product-domain-page .domain-input-group {
    background: #141722;
}

html[data-theme="dark"] #order-standard_cart.kitwick-product-domain-page .form-control,
html[data-theme="dark"] #order-standard_cart.kitwick-product-domain-page textarea,
html[data-theme="dark"] #order-standard_cart.kitwick-product-domain-page select,
html[data-theme="dark"] #order-standard_cart.kitwick-product-domain-page .input-group-addon,
html[data-theme="dark"] #order-standard_cart.kitwick-product-domain-page .input-group-prepend {
    background: #141722;
    border-color: #363947;
    color: #f3f2fa;
}

html[data-theme="dark"] #order-standard_cart.kitwick-product-domain-page .input-group-addon,
html[data-theme="dark"] #order-standard_cart.kitwick-product-domain-page .input-group-prepend {
    color: #989caf;
}

html[data-theme="dark"] #order-standard_cart.kitwick-product-domain-page #primaryLookupResult,
html[data-theme="dark"] #order-standard_cart.kitwick-product-domain-page .suggested-domains,
html[data-theme="dark"] #order-standard_cart.kitwick-product-domain-page #spotlightTlds {
    background: #1c1f2a;
    border-color: #363947;
}

html[data-theme="dark"] #order-standard_cart.kitwick-product-domain-page .spotlight-tld {
    background: #141722;
    border-color: #363947;
    color: #f3f2fa;
}

/* Mobile */
@media (max-width: 767px) {
    #order-standard_cart.kitwick-product-domain-page .kitwick-product-domain-container {
        padding: 40px 16px 60px;
    }

    #order-standard_cart.kitwick-product-domain-page .header-lined h1 {
        font-size: 34px;
    }

    #order-standard_cart.kitwick-product-domain-page .domain-selection-options .option > label {
        padding: 16px;
        font-size: 14px;
    }

    #order-standard_cart.kitwick-product-domain-page .domain-input-group {
        margin: 0 12px 12px;
        padding: 14px;
    }
}

/* ==========================================================
   KITWICK — PRODUCT CONFIGURATION PAGE
   /cart.php?a=confproduct&i=0
   CSS ONLY
   ========================================================== */


/* ----------------------------------------------------------
   PAGE VARIABLES
   ---------------------------------------------------------- */

#order-standard_cart:has(#frmConfigureProduct) {

    --kitwick-config-bg: #f5f5f8;
    --kitwick-config-surface: #ffffff;
    --kitwick-config-surface-soft: #f8f8fb;

    --kitwick-config-text: #17182f;
    --kitwick-config-text-soft: #73758c;
    --kitwick-config-border: #dedee8;

    --kitwick-config-purple: #7959e8;
    --kitwick-config-purple-hover: #6848d8;
    --kitwick-config-purple-soft: rgba(121,89,232,.10);

    --kitwick-config-success: #3d9867;
}


/* ----------------------------------------------------------
   DARK MODE
   ---------------------------------------------------------- */

html[data-theme="dark"] #order-standard_cart:has(#frmConfigureProduct),
body.dark-mode #order-standard_cart:has(#frmConfigureProduct),
body[data-theme="dark"] #order-standard_cart:has(#frmConfigureProduct) {

    --kitwick-config-bg: #11131b;
    --kitwick-config-surface: #1c1f2a;
    --kitwick-config-surface-soft: #202330;

    --kitwick-config-text: #f3f2fa;
    --kitwick-config-text-soft: #989caf;
    --kitwick-config-border: #363947;

    --kitwick-config-purple: #9a7cff;
    --kitwick-config-purple-hover: #a78cff;
    --kitwick-config-purple-soft: rgba(154,124,255,.14);

    --kitwick-config-success: #72cf9a;
}


/* ----------------------------------------------------------
   PAGE BACKGROUND
   ---------------------------------------------------------- */

#order-standard_cart:has(#frmConfigureProduct) {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;

    background: var(--kitwick-config-bg) !important;
    color: var(--kitwick-config-text) !important;
}

#order-standard_cart:has(#frmConfigureProduct) > .row {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}


/* ----------------------------------------------------------
   REMOVE OLD SIDEBAR
   ---------------------------------------------------------- */

#order-standard_cart:has(#frmConfigureProduct) .cart-sidebar,
#order-standard_cart:has(#frmConfigureProduct) .sidebar-categories,
#order-standard_cart:has(#frmConfigureProduct) .sidebar-categories-collapsed {
    display: none !important;
}


/* ----------------------------------------------------------
   MAIN BODY
   ---------------------------------------------------------- */

#order-standard_cart:has(#frmConfigureProduct) .cart-body {
    width: min(1160px, calc(100% - 48px)) !important;
    max-width: 1160px !important;

    margin: 0 auto !important;
    padding: 70px 0 100px !important;

    background: transparent !important;
}


/* ----------------------------------------------------------
   PAGE HEADING
   ---------------------------------------------------------- */

#order-standard_cart:has(#frmConfigureProduct) .header-lined {
    margin: 0 0 42px !important;
    padding: 0 !important;

    border: 0 !important;
}

#order-standard_cart:has(#frmConfigureProduct) .header-lined h1 {
    margin: 0 !important;

    color: var(--kitwick-config-text) !important;

    font-size: 52px !important;
    font-weight: 500 !important;
    line-height: 1.12 !important;
    letter-spacing: -1.5px !important;
}

#order-standard_cart:has(#frmConfigureProduct) .header-lined h1:after {
    display: none !important;
}


/* ----------------------------------------------------------
   CONFIGURATION FORM
   ---------------------------------------------------------- */

#order-standard_cart:has(#frmConfigureProduct) #frmConfigureProduct {
    width: 100% !important;
}


/* ----------------------------------------------------------
   TWO-COLUMN LAYOUT
   ---------------------------------------------------------- */

#order-standard_cart:has(#frmConfigureProduct) #frmConfigureProduct > .row {
    display: grid !important;

    grid-template-columns: minmax(0, 1fr) 350px !important;

    gap: 30px !important;

    margin: 0 !important;
}


/* ----------------------------------------------------------
   LEFT CONTENT
   ---------------------------------------------------------- */

#order-standard_cart:has(#frmConfigureProduct) .secondary-cart-body {
    min-width: 0 !important;
}


/* ----------------------------------------------------------
   PRODUCT INFORMATION
   ---------------------------------------------------------- */

#order-standard_cart:has(#frmConfigureProduct) .product-info {
    margin: 0 0 28px !important;
    padding: 30px !important;

    border: 1px solid var(--kitwick-config-border) !important;
    border-radius: 22px !important;

    background: var(--kitwick-config-surface) !important;

    box-shadow: 0 8px 30px rgba(20,20,40,.04) !important;
}

html[data-theme="dark"] #order-standard_cart:has(#frmConfigureProduct) .product-info,
body.dark-mode #order-standard_cart:has(#frmConfigureProduct) .product-info {
    box-shadow: none !important;
}

#order-standard_cart:has(#frmConfigureProduct) .product-info .product-title {
    margin: 0 0 10px !important;

    color: var(--kitwick-config-text) !important;

    font-size: 25px !important;
    font-weight: 600 !important;
}

#order-standard_cart:has(#frmConfigureProduct) .product-info p:not(.product-title) {
    margin: 0 !important;

    color: var(--kitwick-config-text-soft) !important;

    font-size: 14px !important;
    line-height: 1.7 !important;
}


/* ----------------------------------------------------------
   FIELD CONTAINERS
   ---------------------------------------------------------- */

#order-standard_cart:has(#frmConfigureProduct) .field-container {
    margin: 0 0 25px !important;
    padding: 28px !important;

    border: 1px solid var(--kitwick-config-border) !important;
    border-radius: 20px !important;

    background: var(--kitwick-config-surface) !important;
}


/* ----------------------------------------------------------
   LABELS
   ---------------------------------------------------------- */

#order-standard_cart:has(#frmConfigureProduct) .field-container label,
#order-standard_cart:has(#frmConfigureProduct) .form-group > label {
    display: block !important;

    margin-bottom: 9px !important;

    color: var(--kitwick-config-text) !important;

    font-size: 14px !important;
    font-weight: 600 !important;
}


/* ----------------------------------------------------------
   INPUTS / SELECTS
   ---------------------------------------------------------- */

#order-standard_cart:has(#frmConfigureProduct) select.form-control,
#order-standard_cart:has(#frmConfigureProduct) input.form-control,
#order-standard_cart:has(#frmConfigureProduct) textarea.form-control {

    min-height: 48px !important;

    border: 1px solid var(--kitwick-config-border) !important;
    border-radius: 12px !important;

    background: var(--kitwick-config-surface-soft) !important;
    color: var(--kitwick-config-text) !important;

    box-shadow: none !important;

    font-size: 14px !important;
}

#order-standard_cart:has(#frmConfigureProduct) select.form-control:focus,
#order-standard_cart:has(#frmConfigureProduct) input.form-control:focus,
#order-standard_cart:has(#frmConfigureProduct) textarea.form-control:focus {

    border-color: var(--kitwick-config-purple) !important;

    outline: none !important;

    box-shadow: 0 0 0 3px var(--kitwick-config-purple-soft) !important;
}


/* ----------------------------------------------------------
   BILLING CYCLE
   ---------------------------------------------------------- */

#order-standard_cart:has(#frmConfigureProduct) #inputBillingcycle {
    width: auto !important;
    min-width: 230px !important;
    max-width: 100% !important;

    padding-right: 40px !important;
}


/* ----------------------------------------------------------
   SECTION HEADINGS
   ---------------------------------------------------------- */

#order-standard_cart:has(#frmConfigureProduct) .sub-heading {
    margin: 35px 0 18px !important;

    border: 0 !important;

    background: transparent !important;
}

#order-standard_cart:has(#frmConfigureProduct) .sub-heading span {
    display: inline-block !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    color: var(--kitwick-config-text) !important;

    font-size: 20px !important;
    font-weight: 600 !important;
}

#order-standard_cart:has(#frmConfigureProduct) .sub-heading span:before,
#order-standard_cart:has(#frmConfigureProduct) .sub-heading span:after {
    display: none !important;
}


/* ----------------------------------------------------------
   CONFIGURABLE OPTIONS
   ---------------------------------------------------------- */

#order-standard_cart:has(#frmConfigureProduct) .configurable-option {
    margin-bottom: 18px !important;
}


/* ----------------------------------------------------------
   ADDONS
   ---------------------------------------------------------- */

#order-standard_cart:has(#frmConfigureProduct) #productAddonsContainer {
    margin-top: 35px !important;
}

#order-standard_cart:has(#frmConfigureProduct) .addon-products {
    margin-left: -8px !important;
    margin-right: -8px !important;
}

#order-standard_cart:has(#frmConfigureProduct) .addon-products > [class*="col-"] {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

#order-standard_cart:has(#frmConfigureProduct) .panel-addon {
    position: relative !important;

    height: 100% !important;
    margin-bottom: 16px !important;

    overflow: hidden !important;

    border: 1px solid var(--kitwick-config-border) !important;
    border-radius: 18px !important;

    background: var(--kitwick-config-surface) !important;

    box-shadow: none !important;
}

#order-standard_cart:has(#frmConfigureProduct) .panel-addon .panel-body {
    padding: 24px !important;

    background: transparent !important;

    color: var(--kitwick-config-text-soft) !important;

    line-height: 1.6 !important;
}

#order-standard_cart:has(#frmConfigureProduct) .panel-addon .panel-body label {
    color: var(--kitwick-config-text) !important;
    font-weight: 600 !important;
}

#order-standard_cart:has(#frmConfigureProduct) .panel-addon .panel-price {
    padding: 0 24px 18px !important;

    color: var(--kitwick-config-text) !important;
    font-weight: 600 !important;
}

#order-standard_cart:has(#frmConfigureProduct) .panel-addon .panel-add {
    padding: 14px 24px !important;

    border-top: 1px solid var(--kitwick-config-border) !important;

    background: var(--kitwick-config-surface-soft) !important;
    color: var(--kitwick-config-purple) !important;

    font-weight: 600 !important;
}


/* ----------------------------------------------------------
   SELECTED ADDON
   ---------------------------------------------------------- */

#order-standard_cart:has(#frmConfigureProduct) .panel-addon-selected {
    border-color: var(--kitwick-config-purple) !important;

    box-shadow: 0 0 0 2px var(--kitwick-config-purple-soft) !important;
}


/* ----------------------------------------------------------
   CHECKBOXES / RADIO BUTTONS
   ---------------------------------------------------------- */

#order-standard_cart:has(#frmConfigureProduct) input[type="checkbox"],
#order-standard_cart:has(#frmConfigureProduct) input[type="radio"] {
    accent-color: var(--kitwick-config-purple) !important;
}


/* ----------------------------------------------------------
   HELP / CONTACT MESSAGE
   ---------------------------------------------------------- */

#order-standard_cart:has(#frmConfigureProduct) .info-text-sm {
    margin-top: 30px !important;
    padding: 18px 20px !important;

    border: 1px solid var(--kitwick-config-border) !important;
    border-radius: 15px !important;

    background: var(--kitwick-config-surface-soft) !important;

    color: var(--kitwick-config-text-soft) !important;
}

#order-standard_cart:has(#frmConfigureProduct) .info-text-sm a {
    color: var(--kitwick-config-purple) !important;
}


/* ----------------------------------------------------------
   RIGHT ORDER SUMMARY
   ---------------------------------------------------------- */

#order-standard_cart:has(#frmConfigureProduct) .secondary-cart-sidebar {
    min-width: 0 !important;
}

#order-standard_cart:has(#frmConfigureProduct) #scrollingPanelContainer {
    position: sticky !important;
    top: 95px !important;
}

#order-standard_cart:has(#frmConfigureProduct) .order-summary {
    overflow: hidden !important;

    border: 1px solid var(--kitwick-config-border) !important;
    border-radius: 22px !important;

    background: var(--kitwick-config-surface) !important;

    box-shadow: 0 12px 35px rgba(20,20,40,.06) !important;
}

html[data-theme="dark"] #order-standard_cart:has(#frmConfigureProduct) .order-summary,
body.dark-mode #order-standard_cart:has(#frmConfigureProduct) .order-summary {
    box-shadow: none !important;
}


/* ----------------------------------------------------------
   SUMMARY TITLE
   ---------------------------------------------------------- */

#order-standard_cart:has(#frmConfigureProduct) .order-summary h2 {
    margin: 0 !important;
    padding: 22px 24px !important;

    border-bottom: 1px solid var(--kitwick-config-border) !important;

    background: var(--kitwick-config-surface-soft) !important;

    color: var(--kitwick-config-text) !important;

    font-size: 19px !important;
    font-weight: 600 !important;
}


/* ----------------------------------------------------------
   SUMMARY CONTENT
   ---------------------------------------------------------- */

#order-standard_cart:has(#frmConfigureProduct) #producttotal,
#order-standard_cart:has(#frmConfigureProduct) .summary-container {
    padding: 22px 24px !important;

    color: var(--kitwick-config-text) !important;
}


/* ----------------------------------------------------------
   COMPLETE CONFIG BUTTON
   ---------------------------------------------------------- */

#order-standard_cart:has(#frmConfigureProduct) #btnCompleteProductConfig {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    width: calc(100% - 48px) !important;
    min-height: 52px !important;

    margin: 0 24px 24px !important;
    padding: 0 22px !important;

    border: 0 !important;
    border-radius: 14px !important;

    background: var(--kitwick-config-purple) !important;
    color: #ffffff !important;

    font-size: 15px !important;
    font-weight: 600 !important;

    box-shadow: none !important;

    transition:
        background .18s ease,
        transform .18s ease !important;
}

#order-standard_cart:has(#frmConfigureProduct) #btnCompleteProductConfig:hover {
    background: var(--kitwick-config-purple-hover) !important;
    color: #ffffff !important;

    transform: translateY(-1px) !important;
}

#order-standard_cart:has(#frmConfigureProduct) #btnCompleteProductConfig i {
    color: inherit !important;
}


/* ----------------------------------------------------------
   VALIDATION MESSAGE
   ---------------------------------------------------------- */

#order-standard_cart:has(#frmConfigureProduct) #containerProductValidationErrors {
    margin: 0 0 25px !important;

    border: 1px solid rgba(189,82,99,.35) !important;
    border-radius: 14px !important;

    background: rgba(189,82,99,.08) !important;
    color: var(--kitwick-config-text) !important;
}


/* ----------------------------------------------------------
   LOADER
   ---------------------------------------------------------- */

#order-standard_cart:has(#frmConfigureProduct) #orderSummaryLoader {
    background: var(--kitwick-config-surface) !important;
    color: var(--kitwick-config-purple) !important;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width: 900px) {

    #order-standard_cart:has(#frmConfigureProduct) .cart-body {
        width: calc(100% - 32px) !important;
        padding-top: 45px !important;
    }

    #order-standard_cart:has(#frmConfigureProduct) .header-lined h1 {
        font-size: 40px !important;
    }

    #order-standard_cart:has(#frmConfigureProduct) #frmConfigureProduct > .row {
        grid-template-columns: 1fr !important;
    }

    #order-standard_cart:has(#frmConfigureProduct) #scrollingPanelContainer {
        position: static !important;
    }

    #order-standard_cart:has(#frmConfigureProduct) .secondary-cart-sidebar {
        margin-top: 10px !important;
    }
}


@media (max-width: 600px) {

    #order-standard_cart:has(#frmConfigureProduct) .cart-body {
        width: calc(100% - 24px) !important;
        padding-top: 35px !important;
    }

    #order-standard_cart:has(#frmConfigureProduct) .header-lined {
        margin-bottom: 28px !important;
    }

    #order-standard_cart:has(#frmConfigureProduct) .header-lined h1 {
        font-size: 34px !important;
        letter-spacing: -1px !important;
    }

    #order-standard_cart:has(#frmConfigureProduct) .product-info,
    #order-standard_cart:has(#frmConfigureProduct) .field-container {
        padding: 22px !important;
        border-radius: 18px !important;
    }

    #order-standard_cart:has(#frmConfigureProduct) #inputBillingcycle {
        width: 100% !important;
        min-width: 0 !important;
    }

    #order-standard_cart:has(#frmConfigureProduct) #btnCompleteProductConfig {
        width: calc(100% - 36px) !important;
        margin-left: 18px !important;
        margin-right: 18px !important;
    }

}

/* ==========================================================
   KITWICK — CONFIGURE PRODUCT ALIGNMENT FIX
   Fix Bootstrap column widths on:
   /cart.php?a=confproduct&i=0
   ========================================================== */

#order-standard_cart:has(#frmConfigureProduct) .cart-body {
    width: 100% !important;
    max-width: none !important;
    flex: 0 0 100% !important;
    float: none !important;
}

/* Make the configuration form use the full available width */
#order-standard_cart:has(#frmConfigureProduct) #frmConfigureProduct {
    width: 100% !important;
    max-width: none !important;
}

/* Remove old Bootstrap column sizing */
#order-standard_cart:has(#frmConfigureProduct) #frmConfigureProduct > .row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 350px !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Main configuration column */
#order-standard_cart:has(#frmConfigureProduct) #frmConfigureProduct > .row > .secondary-cart-body {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: none !important;
    float: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Right order summary column */
#order-standard_cart:has(#frmConfigureProduct) #frmConfigureProduct > .row > .secondary-cart-sidebar {
    width: 350px !important;
    max-width: 350px !important;
    min-width: 350px !important;
    flex: none !important;
    float: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
}

/* Make the actual summary fill the 350px column */
#order-standard_cart:has(#frmConfigureProduct) #scrollingPanelContainer,
#order-standard_cart:has(#frmConfigureProduct) #orderSummary,
#order-standard_cart:has(#frmConfigureProduct) .order-summary {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

/* Correct the summary inner background */
#order-standard_cart:has(#frmConfigureProduct) #producttotal,
#order-standard_cart:has(#frmConfigureProduct) .summary-container {
    width: 100% !important;
    box-sizing: border-box !important;
    background: var(--kitwick-config-surface) !important;
    color: var(--kitwick-config-text) !important;
}

/* Make all summary text readable in dark mode */
#order-standard_cart:has(#frmConfigureProduct) #producttotal *,
#order-standard_cart:has(#frmConfigureProduct) .summary-container * {
    color: inherit;
}

/* Summary headings / labels */
#order-standard_cart:has(#frmConfigureProduct) #producttotal .product-name,
#order-standard_cart:has(#frmConfigureProduct) #producttotal .product-price,
#order-standard_cart:has(#frmConfigureProduct) #producttotal .product-subtotal,
#order-standard_cart:has(#frmConfigureProduct) #producttotal .total-due-today,
#order-standard_cart:has(#frmConfigureProduct) #producttotal .total-due-today * {
    color: var(--kitwick-config-text) !important;
}

/* Make the summary price visible */
#order-standard_cart:has(#frmConfigureProduct) #producttotal .price,
#order-standard_cart:has(#frmConfigureProduct) #producttotal .amount,
#order-standard_cart:has(#frmConfigureProduct) #producttotal .total {
    color: var(--kitwick-config-purple) !important;
}

/* Continue button must use the full summary width */
#order-standard_cart:has(#frmConfigureProduct) #btnCompleteProductConfig {
    width: calc(100% - 48px) !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 24px !important;
    margin-right: 24px !important;
    box-sizing: border-box !important;
}

/* Keep the summary sticky */
#order-standard_cart:has(#frmConfigureProduct) #scrollingPanelContainer {
    position: sticky !important;
    top: 95px !important;
    align-self: start !important;
}


/* ==========================================================
   TABLET / MOBILE
   ========================================================== */

@media (max-width: 900px) {

    #order-standard_cart:has(#frmConfigureProduct) #frmConfigureProduct > .row {
        grid-template-columns: 1fr !important;
    }

    #order-standard_cart:has(#frmConfigureProduct)
    #frmConfigureProduct > .row > .secondary-cart-sidebar {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    #order-standard_cart:has(#frmConfigureProduct) #scrollingPanelContainer {
        position: static !important;
        width: 100% !important;
    }
}

/* ==========================================================
   KITWICK — WHMCS MODAL FIX
   Keep WHMCS popups above the Kitwick header
   ========================================================== */

.modal {
    z-index: 10050 !important;
}

.modal-backdrop {
    z-index: 10040 !important;
}

/* Keep the modal itself properly centred */
.modal-dialog {
    position: relative;
    z-index: 10051 !important;
}

/* Make sure modal content stays above everything */
.modal-content {
    position: relative;
    z-index: 10052 !important;
}

/* ==========================================================
   KITWICK — HEADER CART ICON
   Always show shopping cart icon
   ========================================================== */

.lhuk-header .cart-icon,
.lhuk-header .shopping-cart,
.lhuk-header .fa-shopping-cart,
.lhuk-header .fa-cart-shopping,
.lhuk-header .fas.fa-shopping-cart,
.lhuk-header .fas.fa-cart-shopping {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}


/* ==========================================================
   KITWICK — EMPTY CART ICON
   ========================================================== */

#order-standard_cart.kitwick-cart-page .view-cart-empty:before {
    content: "" !important;

    display: block !important;
    width: 66px !important;
    height: 66px !important;
    margin-right: 18px !important;
    flex-shrink: 0 !important;

    border-radius: 50% !important;

    background-color: var(--kitwick-purple-soft) !important;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%237955e8' d='M7 4H3v2h2l2.6 9.59A2 2 0 0 0 9.53 17H18v-2H9.53a.5.5 0 0 1-.48-.37L8.7 13H18a2 2 0 0 0 1.92-1.45L22 5H7.42L7 4zm2.5 7 1-4h8.8l-1.1 4H9.5zM10 19a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm8 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z'/%3E%3C/svg%3E") !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 28px 28px !important;
}