/*
    Theme Name:   Storefront NuAxle Child Theme
    Theme URI:    http://localhost/wp694/
    Description:  A custom premium storefront child theme for NuAxle, featuring a high-end dark automotive theme with bold yellow highlights.
    Author:       Antigravity
    Author URI:   http://localhost/wp694/
    Template:     storefront
    Version:      1.0.0
    Text Domain:  storefront-nuaxle
    */

    /* ==========================================================================
    GLOBAL DESIGN SYSTEM & VARIABLES — Matching nuaxle.co.uk Brand
    ========================================================================== */
    :root {
        /* === nuaxle.co.uk Brand Colours === */
        --color-attention: #FFCC00;
        /* Primary yellow — used for CTAs, accents */
        --color-decoration: #202028;
        /* Deep dark navy — main background */
        --color-affirmation: #4f9483;
        /* Teal green — secondary accent */
        --color-link: #FFCC00;
        /* === Mapped aliases (for backward compat with existing component classes) === */
        --bg-dark: #202028;
        --bg-card: #2a2a34;
        --primary: #FFCC00;
        --primary-hover: #FFCC00;
        --text-light: #ffffff;
        --text-muted: rgba(255, 255, 255, 0.55);
        --accent-green: #4f9483;
        --accent-red: #e05252;
        /* === Typography — matching nuaxle.co.uk === */
        --font-heading: 'Unbounded', sans-serif;
        /* Bold headings & labels */
        --font-body: 'Poppins', 'Open Sans', sans-serif;
        /* Body copy */
        --font-label: 'Unbounded', sans-serif;

        /* === Utility === */
        --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        --border-radius-sm: 4px;
        --border-radius-md: 8px;
        --border-radius-lg: 16px;
        --box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
        --glass-bg: rgba(32, 32, 40, 0.82);
        --glass-border: rgba(255, 255, 255, 0.08);
    }

    /* ==========================================================================
    RESET & BASE STYLING
    ========================================================================== */
    body {
        background-color: var(--color-decoration) !important;
        color: var(--text-light) !important;
        font-family: var(--font-body) !important;
        font-weight: 400 !important;
        margin: 0;
        padding: 0;
        overflow-x: hidden;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
 input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus{
    -webkit-text-fill-color: #fff !important;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
    transition: background-color 5000s ease-in-out 0s;
}
    .my-account mark {
        color: #fff !important;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: var(--font-heading) !important;
        color: var(--text-light) !important;
        text-transform: uppercase;
        font-weight: 700 !important;
        letter-spacing: 0.3px;
        line-height: 1.15;
    }

    a {
        color: var(--color-link);
        transition: var(--transition-smooth);
        text-decoration: none;
    }

    a:hover {
        color: var(--text-light);
    }

    p {
        font-family: var(--font-body) !important;
        color: var(--text-muted);
        line-height: 1.7;
        font-weight: 400;
    }



    /* ==========================================================================
    STOREFRONT & LAYOUT OVERRIDES
    ========================================================================== */
    .site,
    #page {
        background-color: var(--color-decoration) !important;
    }

    .site-content {
        background-color: var(--color-decoration) !important;
        padding: 0 !important;
    }

    .page-template-template-homepage .site-main,
    .page-template-default .site-main {
        padding: 0 !important;
        margin: 0 !important;
    }

    .col-full {
        max-width: 1200px !important;
        padding: 0 20px !important;
        margin: 0 auto !important;
    }

    /* Buttons Styling — matching nuaxle.co.uk rounded pill style */
    .button,
    button,
    input[type="submit"],
    .wp-block-button__link {
        background-color: var(--color-attention) !important;
        color: #000000 !important;
        font-family: var(--font-label) !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        border-radius: 50px !important;
        padding: 12px 28px !important;
        border: none !important;
        transition: var(--transition-smooth) !important;
        cursor: pointer !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        letter-spacing: 0.3px !important;
        font-size: 13px !important;
    }

    /* .button:hover,
    button:hover,
    input[type="submit"]:hover,
    .wp-block-button__link:hover {
        background-color: #ffffff !important;
        color: #000000 !important;
        transform: translateY(-2px);
        box-shadow: 0 4px 15px rgba(246, 201, 27, 0.4);
    } */

    .button.secondary,
    button.secondary {
        background-color: transparent !important;
        color: var(--text-light) !important;
        border: 2px solid var(--text-light) !important;
        border-radius: 50px !important;
    }

    .button.secondary:hover,
    button.secondary:hover {
        background-color: var(--text-light) !important;
        color: var(--color-decoration) !important;
        box-shadow: 0 4px 15px rgba(255, 255, 255, 0.2);
    }

    a:focus,
    input:focus,
    textarea:focus,
    button:focus {
        outline: none !important;
    }

    /* ==========================================================================
    TOP SCROLLING ANNOUNCEMENT BAR
    ========================================================================== */
    .nuaxle-top-bar {
        background-color: var(--color-attention) !important;
        color: #000000 !important;
        font-family: var(--font-body) !important;
        font-weight: 700 !important;
        font-size: 12px !important;
        text-transform: none !important;
        padding: 8px 0 !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
        z-index: 1001 !important;
        position: relative !important;
        letter-spacing: 0.3px !important;
    }

    .form-block-Wrapper input[type="submit"],
    .contact-us input[type="submit"] {
        padding: 10px 15px !important;
    }

    .form-block-Wrapper input[type=checkbox]+label,
    .form-block-Wrapper input[type=radio]+label {
        text-align: left !important;
    }


    .top-bar-marquee {
        display: inline-block;
        animation: marqueeScroll 30s linear infinite;
    }

    /* Scoped Header CSS to match exact screenshot */
    .nuaxle-top-bar {
        display: none !important;
    }

    .nuaxle-logo-link {

        width: 150px;
    }

    .nr-header {
        background-color: #030303 !important;
        padding: 15px 0 !important;
        position: relative !important;
        z-index: 1000 !important;
        border-bottom: none !important;
        width: 100%;
        border-bottom: 1px solid #111 !important;
        /* Slight border at bottom if any */
    }

    .nuaxle-mobile-menu-toggle .hamburger-line {
        width: 100%;
        height: 2px;
        background-color: var(--text-light);
        /* transform-origin: left center; */
        display: block;
        transform-origin: 1px 1px;
        transition: transform 0.3s ease-in-out;
    }

    .nr-header-inner {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
    }

    .nuaxle-mobile-menu-toggle:focus {
        outline: none !important
    }

    /* Logo */
    .nr-logo-link {
        display: flex;
        flex-direction: column;
        text-decoration: none;
        font-family: var(--font-heading);
        margin-top: -5px;
        /* fine tune vertical alignment */
    }

    .nr-logo-main {
        font-family: 'Anton', var(--font-heading);
        font-size: 40px;
        line-height: 1;
        letter-spacing: 0.5px;
        display: flex;
        align-items: flex-start;
        transform: scaleY(1.1);
        /* make it slightly taller to match impact style */
    }
    .nr-logo-main .nu {
        color: #FFCC00;
    }
    .nr-logo-main .axle {
        color: #fff;
    }
    .nr-logo-main .reg {
        font-family: var(--font-heading);
        font-size: 10px;
        color: #fff;
        margin-top: 5px;
        margin-left: 2px;
        transform: scaleY(0.9);
    }

    .nr-logo-sub {
        color: #FFCC00;
        font-size: 8px;
        font-weight: 800;
        letter-spacing: 0.8px;
        margin-top: 5px;
    }

    /* Navigation */
    .nuaxle-main-nav {
        display: flex;
        align-items: center;
        margin-left: auto;
        /* push to right side towards icons */
        margin-right: 40px;
    }

    .nuaxle-main-nav ul.nuaxle-menu {
        list-style: none;
        display: flex;
        margin: 0;
        padding: 0;
        gap: 30px;
        align-items: center;
    }

    .nuaxle-main-nav ul.nuaxle-menu li {
        margin: 0;
        padding: 0;
    }

    .nuaxle-main-nav ul.nuaxle-menu li a {
        color: #fff;
        text-decoration: none;
        font-family: var(--font-heading);
        font-weight: 700;
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 0px;
        padding-bottom: 5px;
        transition: color 0.3s ease;
        border-bottom: 2px solid transparent;
    }

    .nuaxle-main-nav ul.nuaxle-menu li.current-menu-item a,
    .nuaxle-main-nav ul.nuaxle-menu li a:hover {
        color: #FFCC00;
    }

    .nuaxle-main-nav ul.nuaxle-menu li.current-menu-item a {
        border-bottom: 2px solid #FFCC00;
    }

    /* Right Actions */
    .nr-actions {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .nr-cart-link {
        position: relative;
        color: #fff;
        text-decoration: none;
        display: flex;
        align-items: center;
    }

    .nr-cart-link svg {
        width: 24px;
        height: 24px;
        stroke: #fff;
        stroke-width: 2;
        fill: none;
    }

    .nr-cart-badge {
        position: absolute;
        top: -8px;
        right: -10px;
        background: #FFCC00;
        color: #000;
        font-size: 11px;
        font-weight: 900;
        border-radius: 50%;
        width: 18px;
        height: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: var(--font-heading);
    }

    /* Hide original buttons inside global theme if they accidentally leak */
    .btn-contact-us,
    .btn-login-header {
        display: none !important;
    }

    @media (max-width: 1024px) {
        .nr-actions {
            margin-left: auto;
        }
    }

    .container {
        max-width: 1240px;
        margin: 0 auto;
        padding: 0px 20px;
    }

    .nr-hero-wrapper {
        display: flex;
        min-height: 600px;
        flex-wrap: wrap;
        gap: 40px;
        padding-bottom: 40px;
    }

    .nr-testmonials-wrapper {
        max-width: 1240px;
        margin: 0 auto;
        padding: 0px 20px;
        padding-bottom: 40px;
        text-align: center;
    }

    .nr-testmonials-wrapper .button.secondar {
        margin-top: 23px !important;
        display: block !important;
        max-width: max-content;
        margin: 0 auto;
    }

    .nr-testmonials-wrapper .cr-review-card-inner {
        background: transparent !important;
        border-color: var(--color-attention) !important;
        border-radius: 10px !important;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    }

    .nr-testmonials-wrapper .cr-reviews-slider .cr-review-card .middle-row {
        background: transparent !important;
        border: none !important;
        padding: 0px !important;
        position: relative;
    }

    .cr-reviews-grid .cr-review-card .top-row .reviewer .reviewer-name,
    .cr-reviews-slider .cr-review-card .top-row .reviewer .reviewer-name {
        font-family: sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 1.2;
        color: #fff;
        display: flex;
        align-items: center;
    }

    .cr-reviews-slider .cr-review-card .top-row .reviewer .reviewer-verified {
        display: flex;
        align-items: center;
        line-height: 1.2;
        font-size: 12px;
    }

    .cr-reviews-grid .cr-review-card .crstar-rating-svg .cr-rating-icon-base .cr-rating-icon-bg,
    .cr-reviews-grid .cr-review-card .crstar-rating-svg .cr-rating-icon-frnt .cr-rating-icon,
    .cr-reviews-slider .cr-review-card .crstar-rating-svg .cr-rating-icon-base .cr-rating-icon-bg,
    .cr-reviews-slider .cr-review-card .crstar-rating-svg .cr-rating-icon-frnt .cr-rating-icon,
    .cr-reviews-slider .cr-review-card .crstar-rating-svg .cr-rating-icon-frnt .cr-rating-icon {
        width: 15px !important;
        height: 15px !important;
    }

    .cr-reviews-slider .cr-review-card .crstar-rating-svg .cr-rating-icon-base,
    .cr-reviews-slider .cr-review-card .crstar-rating-svg .cr-rating-icon-frnt {
        height: 15px !important;
        column-gap: 3px;
    }

    .cr-reviews-slider .cr-review-card .rating-row .rating-label {
        margin: 0px 0 0 15px;
        font-family: sans-serif;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0.1em;
        text-align: left;
        color: #fff;
    }

    .cr-reviews-grid .cr-review-card .review-product .product-title,
    .cr-reviews-slider .cr-review-card .review-product .product-title {
        margin: auto 0;
        font-size: 14px !important;
    }

    .cr-reviews-slider .slick-arrow.slick-prev,
    .slick-arrow.slick-prev:hover,
    .cr-reviews-slider .slick-arrow.slick-next,
    .cr-reviews-slider .slick-arrow.slick-next:hover {
        background: transparent !important;
        color: transparent !important;
    }

    .cr-reviews-slider .cr-review-card .middle-row .review-content p {
        margin: 0 0 20px 0 !important;
        color: #fff;
        text-align: left;
        font-size: 12px;
        line-height: 1.23;
    }

    .cr-reviews-slider .cr-review-card .middle-row .datetime {
        font-weight: 300;
        font-size: 12px;
        color: #fff;
        text-align: right;
        position: absolute;
        left: 0;
        bottom: -20px;
    }

    /* 
    .button.secondary,
    button.secondary {
        margin-top: 23px !important;
    } */
    .cr-reviews-slider {
        padding: 15px 0px;
        margin: 0 0px !important;
        opacity: 0;
        visibility: hidden;
        transition: opacity 1s ease;
        -webkit-transition: opacity 1s ease;
    }

    .cr-reviews-slider .slick-prev:before,
    .cr-reviews-slider .slick-next:before {
        font-family: 'slick';
        font-size: 20px;
        line-height: 1;
        opacity: 1;
        color: #fff;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .cr-reviews-slider.slick-slider .slick-next {
        right: -65px;
    }

    .cr-reviews-slider.slick-slider .slick-prev {
        left: 0px;
    }

    .nr-col-left {
        width: 54%;
    }

    .nr-col-right {
        width: 42%;
    }

    /* Typography */
    .nr-tag-yellow {
        color: #FFCC00 !important;
        font-weight: 700;
        font-size: 16px;
        letter-spacing: 1.5px;
        margin: 0 0 5px 0;
        text-transform: uppercase;
    }

    .nr-tag-white {
        color: #fff;
        font-weight: 700;
        font-size: 20px;
        letter-spacing: 1px;
        margin: 0 0 10px 0;
        text-transform: uppercase;
    }

    .nr-title-main {
        /* font-family: var(--font-heading); */
        font-family: var(--font-heading);
        font-size: 120px;
        font-weight: 900;
        line-height: 0.85;
        letter-spacing: -4px;
        margin: 0 0 25px 0;
        display: flex;
        align-items: flex-start;
    }

    .nr-title-main .nr-nu {
        color: #FFCC00;
    }

    .nr-title-main .nr-axle {
        color: #fff;
    }

    .nr-title-main .nr-reg {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        margin-left: 5px;
        margin-top: 15px;
        letter-spacing: 0;
    }

    .nr-underline {
        width: 70px;
        height: 4px;
        background-color: #FFCC00;
        margin-bottom: 25px;
    }

    .nr-desc {
        color: #ccc;
        font-family: var(--font-heading);
        font-size: 18px;
        line-height: 1.5;
        margin: 0 0 40px 0;
        max-width: 480px;
    }

    .nr-desc span {
        color: #FFCC00;
    }

    /* Buttons */
    .nr-buttons {
        display: flex;
        gap: 20px;
        margin-bottom: 50px;
    }

    .nr-btn {
        font-family: var(--font-heading);
        font-size: 14px;
        font-weight: 700;
        padding: 16px 30px;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        text-decoration: none;
        transition: all 0.3s ease;
        border-radius: 2px;
    }

    .nr-btn-primary {
        background-color: #FFCC00;
        color: #000;
        border: 2px solid #FFCC00;
    }

    .nr-btn-primary:hover {
        background-color: #e6c200;
    }

    .nr-btn-secondary {
        background-color: transparent;
        color: #fff;
        border: 1px solid #777;
    }

    .nr-btn-secondary:hover {
        border-color: #FFCC00;
    }

    /* Feature Grid */
    .nr-features {
        display: flex;
        gap: 15px;
        flex-wrap: wrap;
    }

    .nr-feat-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        width: 22.5%;
        position: relative;
    }

    .nr-feat-item:not(:last-child)::after {
        content: '';
        position: absolute;
        right: -10px;
        top: 10px;
        bottom: 10px;
        width: 1px;
        background-color: #333;
    }

    .nr-icon {
        width: 45px;
        height: 45px;
        border: 2px solid #FFCC00;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 15px;
    }

    .nr-icon svg {
        width: 20px;
        height: 20px;
        stroke: #FFCC00;
        fill: none;
        stroke-width: 2;
    }

    .nr-feat-text p {
        font-family: var(--font-heading);
        color: #fff;
        font-size: 11px;
        font-weight: 700;
        line-height: 1.4;
        text-transform: uppercase;
    }

    .nr-feat-text p span {
        color: #FFCC00;
    }

    /* Right Image */
    .nr-image {
        width: 100%;
        object-fit: contain;
    }

    /* Floor Shadow */
    .nr-floor {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 150px;
        background: linear-gradient(to top, rgba(255, 215, 0, 0.03) 0%, rgba(0, 0, 0, 0) 100%);
        pointer-events: none;
    }

    /* Bottom Bar */
    .nr-bottom-bar {
        padding: 20px 0;
        width: 100%;
        position: relative;
        z-index: 3;
    }

    .nr-bb-container {
        display: flex;
        gap: 80px;
        align-items: center;
    }

    .nr-bb-item {
        display: flex;
        align-items: center;
        gap: 12px;
        position: relative;
    }

    .nr-bb-item:not(:last-child)::after {
        content: '';
        position: absolute;
        right: -35px;
        top: 50%;
        transform: translateY(-50%);
        height: 20px;
        width: 1px;
        background-color: #333;
    }

    .nr-bb-item svg {
        width: 18px;
        height: 18px;
        stroke: #FFCC00;
        fill: none;
        stroke-width: 2;
    }

    .nr-bb-text {
        font-family: var(--font-heading);
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 0.5px;
    }

    .cr-nosummary-rating-cnt svg {
        width: 18px;
        height: 18px;
    }

    .cr-nosummary-rating-cnt svg path {
        fill: #FFCC00;
    }

    .cr-reviews-ajax-reviews .cr-reviews-ajax-comments .cr-ajax-reviews-list .comment_container .cr-std-avatar {
        width: 50px;
        border-radius: 100%;
    }

    .cr-form-item-media-none span,
    .cr-review-form-rating-overall .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-nbr,
    .cr-ajax-reviews-review-form .cr-review-form-rating-overall .cr-review-form-rating-label,
    .cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-nav .cr-nav-left span,
    .cr-all-reviews-shortcode ol.commentlist li .cr-comment-text p,
    .cr-reviews-ajax-reviews .cr-reviews-ajax-comments .cr-ajax-reviews-list .cr-comment-text p,
    .cr-all-reviews-shortcode ol.commentlist li .cr-comment-text .meta .woocommerce-review__verified,
    .cr-reviews-ajax-reviews .cr-reviews-ajax-comments .cr-ajax-reviews-list .cr-comment-text .meta .woocommerce-review__verified,
    #reviews .commentlist li time,
    .cr-all-reviews-shortcode ol.commentlist li .cr-comment-text .meta .woocommerce-review__author,
    .cr-reviews-ajax-reviews .cr-reviews-ajax-comments .cr-ajax-reviews-list .cr-comment-text .meta .woocommerce-review__author {
        color: #fff !important;
        font-size: 14px;
        opacity: 1;
    }

    .cr-all-reviews-shortcode .cr-review-form-comment .cr-review-form-lbl,
    .cr-all-reviews-shortcode .cr-review-form-name .cr-review-form-lbl,
    .cr-all-reviews-shortcode .cr-review-form-email .cr-review-form-lbl,
    .cr-ajax-reviews-review-form .cr-review-form-comment .cr-review-form-lbl,
    .cr-ajax-reviews-review-form .cr-review-form-name .cr-review-form-lbl,
    .cr-ajax-reviews-review-form .cr-review-form-email .cr-review-form-lbl,
    .cr-reviews-grid .cr-review-form-comment .cr-review-form-lbl,
    .cr-reviews-grid .cr-review-form-name .cr-review-form-lbl,
    .cr-reviews-grid .cr-review-form-email .cr-review-form-lbl,
    .cr-qna-block .cr-review-form-lbl {
        position: unset;
        top: unset;
        z-index: 1;
        left: unset;
        background-color: transparent;
        padding: 0;
        font-size: 14px;
        line-height: 1.2;
        height: auto;
        color: #fff;
        margin-bottom: 10px;
    }

    #review_form textarea,
    #review_form input {
        color: #fff;
        background-color: transparent !important;
    }

    .cr-ajax-reviews-review-form svg path {
        fill: var(--color-attention)
    }

    .cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-nav {
        border: none !important;
    }

    .cr-all-reviews-shortcode .cr-count-row,
    #reviews.cr-reviews-ajax-reviews .cr-count-row,
    .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-add,
    .cr-reviews-ajax-reviews input.cr-input-text[type="text"],
    .cr-all-reviews-shortcode .cr-ajax-search input.cr-input-text[type="text"],
    .cr-ajax-search input[type="text"] {
        border-radius: 10px !important;
    }

    .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt .cr-nosummary-rating-lbl,
    .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt .cr-nosummary-rating-val {
        margin-left: 5px !important;
    }

    .cr-nosummary-rating-val {
        color: #fff !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        letter-spacing: 0.5px !important;
    }

    .cr-nosummary-rating-lbl {
        color: #fff !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        letter-spacing: 0.5px !important;
    }

    .cr-review-form-rating-overall .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner svg,
    .crstar-rating-svg .cr-rating-icon-frnt .cr-rating-icon {
        width: 20px;
        height: 20px;
        fill: #FFCC00;
        flex-shrink: 0;
    }

    .cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit,
    .cr-review-form-cancel,
    .cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-cancel {
        border: 1px solid #fff;
        border-radius: 10px;
        width: max-content;
    }

    .woocommerce-error,
    .woocommerce-account .woocommerce-MyAccount-content a.button,
    .woocommerce-info,
    .woocommerce-noreviews {
        background-color: var(--color-attention) !important;
        color: #000 !important;
    }

    .my-account .nuaxle-page-content ul li strong {

        color: #000 !important;
        ;
    }

    .my-account .nuaxle-page-content ul li {
        color: #000 !important;
        ;
        margin-left: 30px !important;
    }

    .my-account .nuaxle-page-content ul li {
        margin-left: 30px !important;
        color: #000;
    }

    .cr-review-form-not-logged-in {
        max-width: max-content !important;
    }

    /* Responsive */
    @media (max-width: 1024px) {
        .nr-title-main {
            font-size: 56px;
        }

        .nr-feat-item::after {
            display: none;
        }

        .nr-bb-container {
            flex-wrap: wrap;
            gap: 15px;
        }

        .nr-bb-item:not(:last-child)::after {
            display: none;
        }

    }

    /* shop */
    ul.products li.product .star-rating {
        margin: 0px !important;
    }

    .single-product .nr-testmonials-wrapper a.btn-dist-login {
        display: block !important;
        width: max-content;
        margin: 50px auto 0px auto;

    }

    .single-product div.product .woocommerce-product-rating a {
        color: #fff !important;
        text-decoration: none;
        font-size: 12px !important;
    }

    .single-product .star-rating span,
    ul.products li.product .star-rating span {
        width: 100% !important;
    }

    .star-rating span:before,
    .quantity .plus,
    .quantity .minus,
    p.stars a:hover:after,
    p.stars a:after,
    .star-rating span:before,
    #payment .payment_methods li input[type=radio]:first-child:checked+label:before {
        color: var(--color-attention) !important;
    }

    /* Review page css */
    .reviews .hentry {
        margin-bottom: 0px !important;
    }

    .reviews .nuaxle-page-content ul li {
        padding: 0px !important;
        border-bottom: 1px solid #ffffff52 !important;
        margin-bottom: 30px !important;

    }

    .reviews .nuaxle-page-content ul {
        margin: 0px !important;
    }

    .reviews .nuaxle-page-content img {
        margin: 0px 0 !important;
        border-radius: 100% !important;
    }

    .wc-block-components-review-list-item__rating>.wc-block-components-review-list-item__rating__stars span:before {
        color: var(--color-attention) !important;
        content: "SSSSS";
        left: 0;
        position: absolute;
        top: 0;
    }

    .wc-block-components-textarea {
        COLOR: #FFF !important;

        background-color: transparent !important;
        border: 1px solid #fff !important;
    }

    .wc-block-components-review-list-item__info {
        margin-bottom: 10px !important;
    }

    .reviews .nuaxle-page-content p {
        color: #fff !important;
        font-size: 14px !important;
        line-height: 1.75 !important;
    }

    .reviews select#wc-block-components-sort-select__select-0 {
        padding: 10px;
        border: 1px solid #000;
        border-radius: 10px;
    }

    .reviews label.wc-block-sort-select__label.wc-block-components-sort-select__label span {
        font-size: 14px;
        padding-right: 10px;
        color: #fff;
    }

    .reviews .wc-block-components-review-sort-select {
        padding-bottom: 20px !important;
    }

    /* ==========================================================================
    2. VIDEO INTRO SECTION
    ========================================================================== */
    .section-video {
        padding: 60px 0 60px 0px;
        background-color: var(--color-decoration);
        border-top: 1px solid rgba(255, 255, 255, 0.05);
    }

    .section-video .nuaxle-top-bar {
        margin-top: 40px;
    }

    .video-container {
        display: grid;
        grid-template-columns: 1.1fr 1.1fr;
        gap: 64px;
        align-items: center;
    }

    .video-info {
        display: flex;
        flex-direction: column;
    }

    .section-subtitle {
        color: var(--color-attention);
        font-family: var(--font-label);
        font-size: 11px;
        font-weight: 500;
        letter-spacing: 2.5px;
        text-transform: uppercase;
        margin-bottom: 8px;
    }

    .section-title {
        font-family: var(--font-heading) !important;
        font-size: clamp(20px, 2vw, 28px) !important;
        font-weight: 700 !important;
        line-height: 1.15 !important;
        margin-bottom: 20px !important;
        text-transform: uppercase;
    }

    .section-desc {
        font-size: 15px;
        margin-bottom: 10px;
        margin-top: 0;
        line-height: 1.7;
        color: rgba(255, 255, 255, 0.85);
    }

    .video-bullets {
        list-style: none !important;
        padding: 0;
        margin: 0 0 36px 0;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .video-bullets li {
        font-family: var(--font-heading) !important;
        font-weight: 700 !important;
        font-size: 13px !important;
        letter-spacing: 0.5px !important;
        color: var(--color-attention) !important;
        text-transform: uppercase;
        display: block !important;
    }

    .bullet-check {
        display: none;
    }

    .section-video .btn-shop-now {
        border-radius: 0px !important;
        font-family: var(--font-label) !important;
        font-weight: 700 !important;
        font-size: 13px !important;
        padding: 12px 32px !important;
        width: fit-content !important;
    }

    .video-preview-wrapper {
        display: flex;
        justify-content: center;
    }

    .video-preview-card {
        position: relative;
        width: 100%;
        border-radius: 0px !important;
        overflow: hidden;
        box-shadow: 0 12px 35px rgba(0, 0, 0, 0.5) !important;
        border: none !important;
    }

    .video-thumbnail {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 0px !important;
        transition: var(--transition-smooth);
    }

    .video-preview-card:hover .video-thumbnail {
        transform: scale(1.02);
    }

    .video-play-trigger {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
    }

    .play-button-icon {
        width: 90px;
        height: 90px;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.25) !important;
        color: #ffffff !important;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 30px;
        padding-left: 6px;
        transition: var(--transition-smooth);
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
        animation: none !important;
    }

    .video-preview-card:hover .play-button-icon {
        transform: scale(1.05);
        background-color: rgba(255, 255, 255, 0.45) !important;
        color: #ffffff !important;
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.4) !important;
    }

    @keyframes pulsePlay {
        0% {
            box-shadow: 0 0 0 0 rgba(246, 201, 27, 0.7);
        }

        70% {
            box-shadow: 0 0 0 15px rgba(246, 201, 27, 0);
        }

        100% {
            box-shadow: 0 0 0 0 rgba(246, 201, 27, 0);
        }
    }

    /* 3. FEATURES GRID SECTION */
    .section-features {
        position: relative !important;
        padding: 50px 0 !important;
        /* background-image: url('assets/images/car-stand-install.png') !important; */
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        z-index: 1 !important;
    }

    .features-overlay {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        background-color: rgba(10, 10, 12, 0.78) !important;
        z-index: 1 !important;
    }

    .features-container {
        position: relative !important;
        z-index: 2 !important;
    }

    .features-header {
        max-width: 850px;
        margin: 0 auto 60px;
        text-align: center;
    }

    .btn-features-shop {
        background-color: var(--color-attention) !important;
        color: #000000 !important;
        border: 2px solid var(--color-attention) !important;
        border-radius: 4px !important;
        font-family: var(--font-label) !important;
        font-weight: 700 !important;
        font-size: 13px !important;
        padding: 12px 30px !important;
        text-transform: uppercase !important;
        letter-spacing: 0.3px !important;
        display: inline-block !important;
        margin-bottom: 25px !important;
        transition: all 0.3s ease !important;
    }

    .btn-features-shop:hover {
        background-color: #ffffff !important;
        border-color: #ffffff !important;
        color: #000000 !important;
    }

    .features-badge-yellow {
        color: var(--color-attention) !important;
        font-family: var(--font-label) !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        letter-spacing: 2px !important;
        text-transform: uppercase !important;
        display: block !important;
        margin-bottom: 15px !important;
    }

    .features-tagline-text {
        color: rgba(255, 255, 255, 0.8) !important;
        font-family: var(--font-body) !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 1.7 !important;
        margin: 15px auto 0 !important;
    }

    .features-grid-container {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 24px !important;
    }

    /* Glassmorphism card grid */
    .feature-card {
        background-color: rgba(10, 10, 12, 0.45) !important;
        border: 1px solid rgba(255, 255, 255, 0.15) !important;
        border-radius: 0px !important;
        padding: 30px 24px !important;
        box-shadow: none !important;
        transition: var(--transition-smooth) !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        text-align: left !important;
    }

    .feature-card:hover {
        transform: translateY(-5px) !important;
        border-color: var(--color-attention) !important;
        background-color: rgba(32, 32, 40, 0.65) !important;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important;
    }

    .feature-icon {
        margin-bottom: 10px !important;
    }

    .feature-card h3 {
        font-size: 14px !important;
        color: var(--color-attention) !important;
        font-family: var(--font-label) !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        margin-top: 0 !important;
        margin-bottom: 12px !important;
        letter-spacing: 0.2px !important;
    }

    .feature-card p {
        font-size: 13px !important;
        color: rgba(255, 255, 255, 0.8) !important;
        font-family: var(--font-body) !important;
        line-height: 1.6 !important;
        margin: 0 !important;
    }

    /* 4. DESIGNED BY PROFESSIONALS */
    .section-professional {
        padding: 100px 0;
        background-color: var(--color-decoration);
    }

    .professional-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 64px;
        align-items: center;
    }

    .pro-checkboxes {
        display: flex;
        flex-direction: column;
        gap: 16px;
        margin-top: 30px;
    }

    .checkbox-item {
        display: flex;
        align-items: center;
        gap: 14px;
        font-family: var(--font-body);
        font-size: 15px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.85);
    }

    .check-icon {
        color: var(--color-attention);
        font-size: 20px;
    }

    .pro-img-wrapper {
        position: relative;
        border-radius: var(--border-radius-lg);
        overflow: visible;
    }

    .pro-img {
        width: 100%;
        height: auto;
        display: block;
    }

    /* Overlapping status badges on mechanic image */
    .stat-overlay {
        position: absolute;
        background: rgba(28, 28, 31, 0.9);
        border: 1px solid var(--glass-border);
        backdrop-filter: blur(8px);
        border-radius: var(--border-radius-md);
        padding: 16px 24px;
        box-shadow: var(--box-shadow);
        text-align: center;
        z-index: 10;
    }

    .stat-overlay h3 {
        color: var(--color-attention) !important;
        font-family: var(--font-heading) !important;
        font-size: 28px !important;
        margin: 0 !important;
        line-height: 1 !important;
    }

    .stat-overlay p {
        color: var(--text-light);
        font-size: 11px;
        text-transform: uppercase;
        font-family: var(--font-heading);
        margin: 4px 0 0 0;
        font-weight: 700;
        letter-spacing: 0.5px;
    }

    .stat-customers {
        top: 15%;
        left: -40px;
    }

    .stat-installation {
        bottom: 15%;
        right: -40px;
    }

    /* ==========================================================================
    5. PRODUCT CAROUSEL SECTION (EXACT YELLOW THEME IN MOCKUP)
    ========================================================================== */
    .section-carousel {
        padding: 80px 0;
        background-color: var(--color-attention);
        position: relative;
        color: #000000;
    }

    .gallery-section-title {
        font-family: var(--font-heading) !important;
        font-size: 16px !important;
        font-weight: 800 !important;
        color: #000000 !important;
        letter-spacing: 2px !important;
        margin: 0 0 36px 0 !important;
        text-transform: uppercase !important;
        text-align: center;
    }

    /* .carousel-slider-wrapper {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 64px;
        position: relative;
    } */

    .slider-container {
        overflow: hidden;
        width: 100%;
    }

    .slider-track {
        display: flex;
        gap: 20px;
        transition: transform 0.5s ease-in-out;
    }

    .slide {
        flex-shrink: 0;
        user-select: none;
    }

    .slide-inner {
        background-color: transparent !important;
        border: none !important;
        border-radius: 0px !important;
        overflow: hidden;
        box-shadow: none !important;
        position: relative;
    }

    .slide-inner img {
        width: 100%;
        height: 220px;
        object-fit: cover;
        display: block;
        border-radius: 0px !important;
        transition: var(--transition-smooth);
    }

    .slide-inner:hover img {
        transform: scale(1.03);
    }

    .carousel-container .owl-nav button {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 44px;
        height: 44px;
        border-radius: 50% !important;
        background-color: #000000 !important;
        border: 1px solid #000000 !important;
        color: #ffffff !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer;
        z-index: 9;
        padding: 0 !important;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    }

    .carousel-container .owl-nav button svg path {
        fill: #ffffff !important;
    }

    .carousel-container .owl-nav button svg {
        width: 16px;
        height: 16px;
    }

    .carousel-container .owl-nav button:hover {
        background-color: #000000 !important;
        color: #000000 !important;
        border-color: #000000 !important;
    }

    .carousel-container .owl-nav .owl-prev {
        left: -50px;
    }

    .carousel-container .owl-nav .owl-next {
        right: -50px;
    }

    /* 6. HOLIDAY PEACE OF MIND */
    .section-holiday {
        padding: 100px 0 0;
        background-color: var(--color-decoration);
        overflow: hidden;
    }

    .holiday-container {
        padding-bottom: 80px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 64px;
        align-items: center;
    }

    .holiday-list-wrapper {
        margin-top: 32px;
    }

    .list-heading {
        font-family: var(--font-label) !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        color: var(--color-attention);
        letter-spacing: 1.5px;
        margin-bottom: 16px !important;
        text-transform: uppercase !important;
    }

    .holiday-bullets {
        list-style: disc !important;
        padding: 0;
        margin: 0;
        display: grid;
        grid-template-columns: 1fr;
        gap: 16px;
        padding-left: 18px !important;
    }



    .holiday-bullets li {
        font-family: var(--font-body);
        font-weight: 700;
        font-size: 14px;
        letter-spacing: 0.2px;
        color: var(--color-attention);
        display: flex;
        align-items: center;
        gap: 10px;
        position: relative;
    }

    .holiday-bullets li:before {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        background-color: var(--color-attention);
        border-radius: 50%;
        left: -20px;
        top: 5px;
    }

    .holiday-bullets li i {
        display: none;
    }

    .holiday-img-stack {
        position: relative;
        width: 100%;
        height: 400px;
    }

    .img-stack-top {
        position: absolute;
        top: 0;
        right: 0;
        width: 75%;
        z-index: 4;
        /* border-radius: var(--border-radius-lg); */
        overflow: hidden;
        /* box-shadow: var(--box-shadow); */
        /* border: 1px solid var(--glass-border); */
    }

    .img-holiday-cover {
        width: 100%;
        height: 240px;
        object-fit: cover;
        display: block;
    }

    .img-stack-bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 70%;
        z-index: 6;
        /* border-radius: var(--border-radius-lg); */
        overflow: hidden;
        /* box-shadow: var(--box-shadow); */
        /* border: 1px solid var(--glass-border); */
        background: #202028;
        padding: 8px;
    }

    .img-holiday-vintage {
        width: 100%;
        height: 220px;
        object-fit: cover;
        display: block;
    }

    /* Yellow repeating scroll banner with marquee text animation */
    .holiday-bottom-banner {
        background-color: var(--color-attention);
        padding: 20px 0;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        display: flex;
    }

    .banner-scroll-text {
        display: inline-block;
        font-family: var(--font-label);
        font-weight: 700;
        font-size: clamp(14px, 3vw, 22px);
        color: #000000;
        letter-spacing: 2px;
        text-transform: uppercase;
        animation: marqueeScroll 20s linear infinite;
        padding-left: 20%;
    }

    /* 7. BLOG & NEWS SECTION */
    .section-blog {
        padding: 100px 0;
        background-color: #1c1c24;
    }

    .blog-header {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        padding-bottom: 20px;
        gap: 30px;
    }

    .blog-header-left {
        max-width: 700px;
    }

    .blog-header-right {
        flex-shrink: 0;
    }

    .blog-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }

    .blog-card {
        background-color: var(--bg-card);
        border: 1px solid var(--glass-border);
        border-radius: var(--border-radius-md);
        overflow: hidden;
        box-shadow: var(--box-shadow);
        transition: var(--transition-smooth);
        display: flex;
        flex-direction: column;
    }

    .blog-card:hover {
        transform: translateY(-6px);
        border-color: rgba(255, 255, 255, 0.15);
    }

    /* Card 1: Special Green Background theme matching mockup */
    .blog-card.card-green {
        background-color: #1a4d22 !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
    }

    .blog-card.card-green .blog-card-content h3,
    .blog-card.card-green .blog-card-content p,
    .blog-card.card-green .blog-date {
        color: #ffffff !important;
    }

    .blog-card.card-green .read-more {
        color: var(--primary) !important;
    }

    .blog-card.card-green .read-more:hover {
        color: #ffffff !important;
    }

    .blog-card-image {
        position: relative;
        width: 100%;
        height: 200px;
        overflow: hidden;
    }

    .blog-card-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: var(--transition-smooth);
    }

    .blog-card:hover .blog-card-image img {
        transform: scale(1.04);
    }

    .blog-tag {
        position: absolute;
        top: 16px;
        left: 16px;
        background-color: var(--color-attention);
        color: #000000;
        font-family: var(--font-label);
        font-weight: 500;
        font-size: 9px;
        letter-spacing: 1px;
        padding: 4px 10px;
        border-radius: 50px;
        text-transform: uppercase;
    }

    .blog-card-content {
        padding: 24px;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

    .blog-date {
        color: var(--text-muted);
        font-family: var(--font-body);
        font-weight: 400;
        font-size: 12px;
        letter-spacing: 0.2px;
        margin-bottom: 8px;
        display: block;
    }

    .blog-card-content h3 {
        font-size: 18px !important;
        margin-bottom: 12px !important;
        line-height: 1.3 !important;
    }

    .blog-card-content p {
        font-size: 14px;
        margin-top: 0;
        margin-bottom: 24px;
        flex-grow: 1;
    }

    .read-more {
        font-family: var(--font-label);
        font-weight: 500;
        font-size: 12px;
        color: var(--color-attention);
        display: inline-flex;
        align-items: center;
        gap: 8px;
        width: fit-content;
    }

    .read-more:hover {
        color: var(--text-light);
    }

    .read-more i {
        transition: var(--transition-smooth);
    }

    .read-more:hover i {
        transform: translateX(4px);
    }

    /* ==========================================================================
    8. CTA & PRICING SECTION (EXACT YELLOW TICKET & BUTTONS IN MOCKUP)
    ========================================================================== */
    .section-cta {
        padding: 100px 0 !important;
        background-color: #000000 !important;
        border-top: none !important;
    }

    .cta-container {
        /* max-width: 1100px !important;
        margin: 0 auto !important;
        padding: 0 24px !important; */
        display: grid !important;
        grid-template-columns: 1.4fr 1fr !important;
        gap: 60px !important;
        align-items: center !important;
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .cta-visual {
        display: flex !important;
        justify-content: flex-start !important;
    }

    .img-cta-product {
        width: 100% !important;
        max-width: 650px !important;
        height: auto !important;
        border-radius: 0px !important;
        box-shadow: none !important;
    }

    .cta-pricing-info {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
        /* max-width: 420px !important; */
        width: 100% !important;
    }

    .pricing-card {
        background-color: var(--primary) !important;
        border: none !important;
        border-radius: 0px !important;
        padding: 40px !important;
        color: #000000 !important;
        box-shadow: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
    }

    .pricing-card h3,
    .pricing-card p,
    .pricing-card h4,
    .pricing-card h2 {
        color: #000000 !important;
    }

    .pricing-card .order-badge {
        color: #000000 !important;
        font-family: var(--font-label) !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        letter-spacing: 0.3px !important;
        display: block !important;
        margin-bottom: 5px !important;
        text-transform: uppercase !important;
    }

    .pricing-card .price-from {
        color: #ffffff !important;
        font-family: var(--font-heading) !important;
        font-weight: 700 !important;
        font-size: 36px !important;
        margin: 0 !important;
        text-transform: uppercase !important;
        line-height: 1.1 !important;
        letter-spacing: -0.5px !important;
    }

    .pricing-card .price-amount {
        color: #ffffff !important;
        font-family: var(--font-heading) !important;
        font-weight: 700 !important;
        font-size: 62px !important;
        margin: 0 0 20px 0 !important;
        line-height: 1.0 !important;
        letter-spacing: -1px !important;
    }

    .pricing-card .discount-tag {
        font-size: 24px !important;
        color: #000000 !important;
        font-family: var(--font-heading) !important;
        font-weight: 700 !important;
        margin-bottom: 25px !important;
        line-height: 1.2 !important;
        text-transform: uppercase !important;
        letter-spacing: -0.3px !important;
    }

    .pricing-card .btn-shop-now-cta {
        background-color: var(--color-decoration) !important;
        color: #ffffff !important;
        border: 2px solid var(--color-decoration) !important;
        border-radius: 50px !important;
        font-family: var(--font-label) !important;
        font-weight: 700 !important;
        font-size: 13px !important;
        padding: 12px 32px !important;
        text-transform: uppercase !important;
        letter-spacing: 0.3px !important;
        transition: all 0.3s ease !important;
        display: inline-block !important;
    }

    .pricing-card .btn-shop-now-cta:hover {
        background-color: #ffffff !important;
        border-color: #ffffff !important;
        color: #000000 !important;
    }

    .cta-distributor-buttons {
        display: flex !important;
        gap: 16px !important;
        width: 100% !important;
    }

    .cta-distributor-buttons .btn-become-dist {
        background-color: var(--color-attention) !important;
        color: #000000 !important;
        border: 2px solid var(--color-attention) !important;
        border-radius: 50px !important;
        font-family: var(--font-label) !important;
        font-weight: 700 !important;
        font-size: 13px !important;
        padding: 12px 20px !important;
        flex: 1 !important;
        text-align: center !important;
        text-transform: uppercase !important;
        letter-spacing: 0.3px !important;
        transition: all 0.3s ease !important;
    }

    .cta-distributor-buttons .btn-become-dist:hover {
        background-color: #ffffff !important;
        border-color: #ffffff !important;
        color: #000000 !important;
    }

    .cta-distributor-buttons .btn-dist-login {
        background-color: rgba(32, 32, 40, 0.5) !important;
        color: #ffffff !important;
        border: 2px solid #ffffff !important;
        border-radius: 50px !important;
        font-family: var(--font-label) !important;
        font-weight: 700 !important;
        font-size: 13px !important;
        padding: 12px 20px !important;
        flex: 1 !important;
        text-align: center !important;
        text-transform: uppercase !important;
        letter-spacing: 0.3px !important;
        transition: all 0.3s ease !important;
    }

    .cta-distributor-buttons .btn-dist-login:hover {
        background-color: #ffffff !important;
        color: #000000 !important;
        border-color: #ffffff !important;
    }

    /* ==========================================================================
    VIDEO POPUP MODAL OVERLAY
    ========================================================================== */
    .video-modal-overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.9);
        z-index: 9999;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        pointer-events: none;
        transition: var(--transition-smooth);
        backdrop-filter: blur(5px);
    }

    .video-modal-overlay.active {
        opacity: 1;
        pointer-events: auto;
    }

    .video-modal-container {
        width: 90%;
        max-width: 900px;
        position: relative;
    }

    .video-modal-close {
        position: absolute;
        top: -45px;
        right: 0;
        background: transparent !important;
        color: #ffffff !important;
        border: none !important;
        font-size: 44px !important;
        cursor: pointer;
        line-height: 1;
        padding: 0 !important;
        transition: var(--transition-smooth);
    }

    .video-modal-close:hover {
        color: var(--primary) !important;
        transform: rotate(90deg);
    }

    .video-modal-body {
        background-color: #000000;
        border-radius: var(--border-radius-md);
        overflow: hidden;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.8);
        border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .video-aspect-ratio {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
    }

    .video-aspect-ratio iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    /* ==========================================================================
    CUSTOM GLOBAL FOOTER (MATCHING REFERENCE SCREENSHOT)
    ========================================================================== */
    .nuaxle-footer {
        position: relative !important;
        /* background-image: url('assets/images/car-stand-install.png') !important; */
        background-size: cover !important;
        background-position: left center !important;
        background-repeat: no-repeat !important;
        padding: 120px 0 50px !important;
        border-top: 2px solid var(--color-attention) !important;
        color: #ffffff !important;
        z-index: 1 !important;
    }

    .footer-overlay {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        background: linear-gradient(90deg, rgba(10, 10, 12, 0.85) 0%, rgba(10, 10, 12, 0.5) 45%, rgba(10, 10, 12, 0.85) 90%) !important;
        z-index: 2 !important;
    }

    .nuaxle-footer .footer-container {
        position: relative !important;
        z-index: 3 !important;
    }

    .footer-content-wrapper {
        display: flex !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        gap: 60px !important;
        margin-bottom: 60px !important;
    }

    .footer-left-col {
        flex: 1 1 50% !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .footer-tagline-white {
        color: #ffffff !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        margin: 24px 0 30px 0 !important;
        font-family: var(--font-body) !important;
    }

    .footer-contact-info {
        margin-bottom: 30px;
    }

    .contact-title-yellow {
        color: var(--color-attention) !important;
        font-family: var(--font-label) !important;
        font-weight: 700 !important;
        font-size: 13px !important;
        text-transform: none !important;
        margin-bottom: 8px !important;
        letter-spacing: 0.2px !important;
    }

    .contact-text {
        color: rgba(255, 255, 255, 0.88) !important;
        font-size: 14px !important;
        line-height: 1.7 !important;
        font-style: normal !important;
        margin: 0 !important;
        font-family: var(--font-body) !important;
        font-weight: 400 !important;
    }

    .footer-social-circles {
        display: flex !important;
        gap: 12px !important;
        margin-bottom: 30px !important;
    }
.footer-social-circles svg {
width: 18px;
height: 18px;
}.footer-social-circles svg path{
    fill:#FFCC00;
}
.footer-social-circles a:hover svg path{
    fill:#000;
}
    .footer-social-circles a {
        width: 38px !important;
        height: 38px !important;
        border-radius: 50% !important;
        background-color: rgba(255, 255, 255, 0.05) !important;
        border: 1.5px solid #ffffff !important;
        color: #ffffff !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 15px !important;
        transition: var(--transition-smooth) !important;
    }

    .footer-social-circles a:hover {
        background-color: var(--color-attention) !important;
        color: #000000 !important;
        border-color: var(--color-attention) !important;
        transform: translateY(-2px);
    }

    .footer-action-buttons {
        display: block !important;
        gap: 16px !important;
        max-width: 500px !important;
        margin-top: 15px !important;
    }

    .footer-action-buttons .btn-become-dist {
        background-color: var(--color-attention) !important;
        color: #000000 !important;
        border: 2px solid var(--color-attention) !important;
        border-radius: 50px !important;
        font-family: var(--font-label) !important;
        font-weight: 700 !important;
        font-size: 12px !important;
        padding: 12px 20px !important;
        flex: 1 !important;
        text-align: center !important;
        text-transform: uppercase !important;
        letter-spacing: 0.3px !important;
        transition: all 0.3s ease !important;
    }

    .footer-action-buttons .btn-become-dist:hover {
        background-color: #ffffff !important;
        border-color: #ffffff !important;
        color: #000000 !important;
    }

    .footer-action-buttons .btn-dist-login {
        background-color: rgba(32, 32, 40, 0.5) !important;
        color: #ffffff !important;
        border: 2px solid rgba(255, 255, 255, 0.7) !important;
        border-radius: 50px !important;
        font-family: var(--font-label) !important;
        font-weight: 700 !important;
        font-size: 12px !important;
        padding: 12px 20px !important;
        flex: 1 !important;
        text-align: center !important;
        text-transform: uppercase !important;
        letter-spacing: 0.3px !important;
        transition: all 0.3s ease !important;
    }

    .footer-action-buttons .btn-dist-login:hover {
        background-color: #ffffff !important;
        color: #000000 !important;
        border-color: #ffffff !important;
    }

    /* Right Column Vertical Menu */
    .footer-right-col {
        flex: 0 0 auto !important;
    }

    .footer-vertical-nav ul {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        align-items: flex-end !important;
    }

    .footer-vertical-nav ul li {
        text-align: right !important;
    }

    .footer-vertical-nav ul li a {
        font-family: var(--font-label) !important;
        font-weight: 500 !important;
        font-size: 12px !important;
        color: rgba(255, 255, 255, 0.85) !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        text-align: right !important;
        transition: var(--transition-smooth) !important;
    }

    .footer-vertical-nav ul li a:hover {
        color: var(--color-attention) !important;
    }

    .footer-vertical-nav ul li a.active-link {
        color: var(--color-attention) !important;
    }

    /* Copyright Row */
    .footer-bottom-row {
        border-top: none !important;
        padding-top: 30px !important;
        display: flex !important;
        justify-content: flex-end !important;
        margin-top: 40px !important;
    }

    .copyright-info {
        font-size: 12px !important;
        color: rgba(255, 255, 255, 0.45) !important;
        margin: 0 !important;
        font-family: var(--font-body) !important;
        font-weight: 400 !important;
        text-align: right !important;
        letter-spacing: 0.1px !important;
    }

    /* ==========================================================================
    RESPONSIVE MEDIA QUERIES
    ========================================================================== */



    @media (max-width: 768px) {
        .video-container {
            grid-template-columns: 1fr;
            gap: 40px;
            /* text-align: center; */
        }

        .video-bullets {
            align-items: flex-start;
        }

        .blog-header {
            flex-direction: column;
            align-items: center;
            text-align: center;
            margin-bottom: 40px;
        }

        .footer-bottom {
            flex-direction: column;
            text-align: center;
        }
    }

    @media (max-width: 576px) {
        .ribbon-container {
            grid-template-columns: 1fr;
            gap: 16px;
        }

        .features-grid-container {
            grid-template-columns: 1fr !important;
        }

        .blog-grid {
            grid-template-columns: 1fr;
        }

        .holiday-bullets {
            grid-template-columns: 1fr;
            align-items: center;
            max-width: 280px;
            /* margin: 0 auto; */
        }

        .cta-distributor-buttons {
            flex-direction: column;
        }

        .cta-distributor-buttons .button {
            flex: 1 1 100%;
            width: auto;
        }

        .stat-overlay {
            padding: 10px 16px;
        }

        .stat-overlay h3 {
            font-size: 20px !important;
        }

        .stat-customers {
            left: 10px;
            top: 10px;
        }

        .stat-installation {
            right: 10px;
            bottom: 10px;
        }

        .nuaxle-header-actions .btn-contact-us,
        .nuaxle-header-actions .btn-login-header {
            padding: 6px 12px !important;
            font-size: 11px !important;
        }

        .cart-icon-wrapper {
            width: 28px;
            height: 28px;
            font-size: 16px;
        }

        .footer-action-buttons {
            flex-direction: column !important;
            max-width: 280px !important;
        }

        .footer-action-buttons .btn-become-dist,
        .footer-action-buttons .btn-dist-login {
            width: 100% !important;
        }
    }

    /* Keyframes for animations */
    @keyframes marqueeScroll {
        0% {
            transform: translate3d(0, 0, 0);
        }

        100% {
            transform: translate3d(-33.333%, 0, 0);
        }
    }


    /* latest custom css */
    .col2-set#customer_login,
    .col2-set.addresses {
        float: unset !important;
    }

    .show-password-input {

        border-radius: 0px 10px 10px 0px !important;
        padding: 20px 28px !important;
    }

    .woocommerce-cart table.shop_table.cart td.actions .coupon {
        display: inline-flex !important;
        align-items: center !important;
        gap: 10px !important;
        flex-wrap: wrap;
    }

    .coupon .woocommerce-cart table.shop_table.cart td.actions button.button {
        width: 40% !important;
        max-width: max-content !important;
    }

    table.cart td.actions .coupon .coupon-error-notice {
        width: 100% !important;
    }

    .wc-block-components-totals-coupon__form {
        display: block !important;
    }

    .section-hero {
        position: relative;
        background-color: #080808 !important;
        background-image: radial-gradient(circle at 60% 50%, #1a1a1a 0%, #050505 70%) !important;
        padding: 50px 0px !important;
        margin: 0 !important;
        min-height: auto !important;
        position: relative;
        /* overflow: hidden; */
    }



    .nuaxle-logo-and-nav {
        display: flex;
        gap: 30px;
    }

    .nuaxle-menu {
        gap: 13px;
    }

    .nuaxle-menu li:not(:last-child)::after {
        margin-left: 8px !important;
    }

    .nuaxle-menu li a {
        font-size: 10px;
    }

    .ribbon-icon svg path {
        fill: #fff;
    }

    .ribbon-icon svg {
        width: 24px;
        height: 24px;
    }

    .footer-left-col .nuaxle-logo-link img,
    .nuaxle-logo-and-nav img {
        width: 150px;
    }

    li.mobile-menu {
        display: none !important;
    }

    .feature-icon svg path {
        fill: var(--color-attention);
    }

    .feature-icon svg {
        width: 24px;
        height: 24px;
    }

    .hero-socials svg path {
        fill: rgb(32 32 40 / 96%);
    }

    .hero-socials svg {
        width: 20px;
        height: 20px;
    }

    .nuaxle-mobile-menu-toggle {
        display: none !important;
    }

    .holiday-info .section-title {
        max-width: 300px;
    }

    .nuaxle-mobile-menu-toggle .hamburger-line {
        width: 100%;
        height: 2px;
        background-color: var(--text-light);
        /* transform-origin: left center; */
        display: block;
        transform-origin: 2.5px 1.5px;
        transition: transform 0.3s ease-in-out;
        min-width: 20px;
        margin: 4px !important;
    }

    .nuaxle-mobile-menu-toggle.active .hamburger-line:nth-child(3) {
        transform: rotate(-45deg) translateY(2px);
        background-color: var(--primary);
    }

    .nuaxle-mobile-menu-toggle.active .hamburger-line:nth-child(2) {
        opacity: 0;
    }

    .nuaxle-mobile-menu-toggle.active .hamburger-line:nth-child(1) {
        transform: rotate(45deg) translateY(-2px);
        background-color: var(--primary);
    }

    /* single page */

    .single .nuaxle-blog-area {
        padding: 80px 0 !important;
    }

    .single .nav-links {
        padding: 20px 0 !important;
    }

    .single .site-main {
        display: flex;
        gap: 40px;
        flex-wrap: wrap;
    }

    .nuaxle-page-content ul {
        margin-left: 20px !important;
    }

    .single .nuaxle-comments-wrapper,
    .single #comments.comments-area {
        display: none !important;
    }

    .single .nuaxle-blog-sidebar .widget ul {
        padding-left: 24px !important;
    }

    .nuaxle-blog-sidebar .widget {
        padding: 10px !important;
    }

    .nuaxle-blog-sidebar {
        width: 25% !important;
    }

    .nuaxle-blog-content {
        width: 65% !important;
    }

    .single .post-navigation .nav-links {
        flex-wrap: wrap !important;
    }

    .single .nav-next,
    .single .nav-previous {
        width: 48% !important;
    }

    /* cart */
    .cart-action-wrapper {
        padding: 10px 10px !important;
    }

    .cart-action {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px 0px;
    }

    .cart-action a span.price {
        margin: 0 !important;
    }

    .empty-cart-featured-products {
        padding: 40px 0px;
    }

    .cart .empty-cart-featured-products ul.products::before {
        content: unset !important;
    }

    .woocommerce-notices-wrapper {
        width: 100% !important;
    }

    .woocommerce-message {
        background-color: #000 !important;
        color: #fff !important;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .single-product ul.products,
    .woocommerce-shop ul.products,
    .empty-cart-featured-products ul {
        margin: 0px !important;
        display: flex !important;
        gap: 25px !important;
        flex-wrap: wrap !important;
    }

    .single-product ul.products li.product,
    .woocommerce-page.archive ul.products li.product,
    .cart .empty-cart-featured-products ul li {
        float: none !important;
        padding: 0px !important;
        margin: 0px 0px 8px 0px !important;
        width: 23% !important;
        border: 1px solid;
        border-radius: 10px;
    }

    .woocommerce-page.archive ul.products li.product a.woocommerce-LoopProduct-link:hover img {
        transform: scale(1) !important;
        box-shadow: unset !important;
    }

    .single-product section.related.products ul.products li.product img,
    .woocommerce-page.archive ul.products li img,
    .cart .empty-cart-featured-products ul li img {
        margin: 0px 0px 10px 0px !important;
        border-radius: 10px 10px 0px 0px !important;

    }

    .cart .nuaxle-page-content ul li::before {
        content: unset !important;
    }

    .cart .nuaxle-page-content a {
        color: var(--color-decoration) !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
        font-weight: 500 !important;
        text-decoration: none !important;
    }

    .cart .nuaxle-page-content h2 {
        margin: 0 !important;
        font-size: 20px !important;
        text-align: left;
        line-height: 1.2 !important;
        font-weight: 500 !important;
        text-transform: capitalize !important;
    }

    .cart .nuaxle-page-content ul h2 {
        margin: 0 !important;
        font-size: 14px !important;
        text-align: left;
        line-height: 1.2 !important;
        font-weight: 500 !important;
        text-transform: capitalize !important;
    }

    .woocommerce-info::before,
    .woocommerce-error::before,
    .woocommerce-noreviews::before,
    p.no-comments::before {
        top: 43% !important;
        left: 11px !important;
        transform: translateY(-43%);
        color: #000;



    }

    html body.woocommerce-page.archive ul.products li.product img {
        border-radius: 10px !important;
    }

    html body.woocommerce-page.archive ul.products li.product a.woocommerce-LoopProduct-link img {
        background-color: #000000 !important;
        border: none !important;
        padding: 30px !important;
        margin: 0 0 20px 0 !important;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
        object-fit: contain !important;
        transition: var(--transition-smooth) !important;
        border-radius: 10px !important;
    }

    .single-product .add_to_cart_button {
        font-weight: 600 !important;
        text-transform: capitalize;
        padding: 12px 16px !important;
        font-size: 11px !important;
    }

    .single-product .woocommerce-message::before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 1.5em;
        color: #fff;
        transform: translateY(-50%);
    }

    .single-product .woocommerce-message::after {
        content: unset !important;
    }

    /* custom form css */
    .gform-theme--framework .gform_validation_errors h2.gform_submission_error {
        font-size: 16px !important;
        margin: 5px 0px !important;
        padding: 0 !important;
    }

    .gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):where(:not([multiple])) {
        filter: brightness(400);
    }

    .form-block-Wrapper select:focus,
    .form-block-Wrapper textarea:focus,
    .form-block-Wrapper textarea:focus,
    .form-block-Wrapper input:focus {
        outline: none !important;
        background-color: transparent !important;
    }

    .contact-us .nuaxle-contact-info-section {
        margin-top: 0px !important;
    }

    .warranty-registration .form-block-Wrapper label,
    .contact-us .form-block-Wrapper label {
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        color: #fff;
    }

    .warranty-registration .form-block-Wrapper .datepicker {
        width: 100% !important;
        color: #fff;
    }

    .warranty-registration .form-block-Wrapper input[type="file"] {
        padding: 0px !important;
        height: 41.78px;
        color: #fff;
    }

    .warranty-registration .form-block-Wrapper legend,
    .contact-us .form-block-Wrapper legend {
        color: #fff !important;
        font-size: 20px;
        font-weight: 500;
        color: #fff;

    }

    .warranty-registration .form-block-Wrapper .gfield--type-name span label {
        margin-bottom: 10px;
    }

    .warranty-registration .form-block-Wrapper .gfield--type-name span {
        display: flex;
        flex-direction: column-reverse;
    }

    .warranty-registration .form-block-Wrapper legend {
        font-size: 14px;
    }

    .warranty-registration .form-block-Wrapper,
    .contact-us .form-block-Wrapper {
        background: var(--bg-card, #2a2a34);
        padding: 30px;
        border-radius: var(--border-radius-lg, 16px);
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5);
        border: 1px solid rgba(255, 255, 255, 0.05);
    }

    .gform_confirmation_message {
        text-align: center
    }

    .form-block-Wrapper .gfield_fileupload_filename,
    .form-block-Wrapper .gfield_description,
    .contact-us .gfield_description {
        color: #fff !important;
    }

    .gform-theme--foundation .gform_fields {
        gap: 20px !important
    }

    .gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload, .gfield--type-post_image) .ginput_preview .gfield_fileupload_progress {
        margin-top: 25px !important
    }

    .form-block-Wrapper input,
    .form-block-Wrapper select,
    .form-block-Wrapper textarea,
    .form-block-Wrapper input {
        padding: 20px 10px !important;
        width: 100%;
        display: block;
        border-radius: 10px !important;
        background-color: transparent !important;
        color: #fff !important;
        text-align: left;
    }

    .gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload, .gfield--type-post_image) .ginput_preview .gfield_fileupload_progressbar_progress {
        left: 0px;
    }

    .form-block-Wrapper .validation_message {
        text-align: left !important;
    }

    .form-block-Wrapper .ginput_address_country {
        inline-size: 100% !important;
        padding: 0px !important;
    }

    .form-block-Wrapper select {
        padding: 0px 10px !important;
        color: #fff !important;
        height: 41.78px !important;
    }

    .form-block-Wrapper input[type="submit"] {
        background-color: var(--color-attention) !important;
        color: #000000 !important;
    }

    .form-block-Wrapper input[type="checkbox"] {
        width: 20px;
        height: 20px;
        accent-color: var(--color-attention);
        padding: 0px !important;
        border-radius: unset !important;

    }

    .form-block-Wrapper input[type="radio"] {
        width: 20px !important;
        height: 20px !important;
        accent-color: var(--color-attention);
        padding: 0px !important;
    }

    .gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
    .gform-theme--framework textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
    .gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus {
        border-color: var(--color-attention) !important;
    }

    .gform-theme--framework input[type=radio]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
        background-color: var(--color-attention);
        border-color: var(--color-attention);
    }

    .form-block-Wrapper select option {
        color: #000 !important;
    }


    /* faq */

    .nuaxle-faq-accordion {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .nuaxle-faq-item {
        border-radius: 8px;
        overflow: hidden;
        transition: 0.3s ease;
        border: 1px solid #fff !important;
        border-radius: 10px !important;
    }


    .nuaxle-faq-question {
        width: 100%;
        padding: 22px 25px;
        text-align: left;
        font-size: 12px !important;
        font-weight: 500 !important;
        display: flex !important;
        justify-content: flex-start !important;
        align-items: center;
        cursor: pointer;
        position: relative;
        background: transparent !important;
        position: relative;
        border: none !important;
        border-radius: 0px !important;
        color: #fff !important
    }

    .nuaxle-faq-answer {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease, padding 0.4s ease;
        padding: 0 25px;
    }

    .nuaxle-faq-item.active {
        border: 1px solid var(--color-attention) !important
    }

    .nuaxle-faq-answer p {
        margin: 0;
        padding-bottom: 25px;
        color: #fff !important;
    }

    .nuaxle-faq-item.active .nuaxle-faq-answer {
        max-height: 500px;
        padding-top: 10px;
        padding-bottom: 20px;
    }

    .faq-icon {
        font-size: 28px;
        line-height: 1;
        transition: transform 0.3s ease;
        position: absolute;
        right: 20px;
    }

    .nuaxle-faq-item.active .faq-icon {
        transform: rotate(45deg);
    }

    .faq .nuaxle-faq-answer ul {

        margin: 0;
        padding: 0px 0px 20px 25px;
    }

    .faq .table-responsive {
        overflow-x: auto !important;
    }

    .faq .nuaxle-faq-answer h2 {
        font-size: 20px !important
    }

    .faq .nuaxle-faq-answer h3 {
        font-size: 18px !important
    }

    .faq .nuaxle-faq-answer ul li,
    .faq .nuaxle-faq-answer p {
        font-size: 14px !important
    }



    /* checkout */

    .checkout .wc-block-components-sidebar,
    .checkout .wp-block-woocommerce-checkout-fields-block {
        background: var(--bg-card, #2a2a34);
        padding: 30px;
        border-radius: var(--border-radius-lg, 16px);
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5);
        border: 1px solid rgba(255, 255, 255, 0.05);
    }

    .checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-product-name {
        margin: 0px !important;
        font-size: 12px !important;
        color: #fff !important;
    }

    .wc-block-components-order-summary .wc-block-components-order-summary-item__image>img {
        margin: 0px !important;
    }

    .wc-block-components-order-summary .wc-block-components-order-summary-item__image>img {
        /* max-width: 48px; */
        /* width: 48px; */
        width: 100px !important;
        max-width: 60px !important;
    }

    .wc-block-components-form .wc-block-components-checkout-step .wc-block-components-text-input:first-of-type {
        display: flex;
        flex-direction: column-reverse
    }

    .wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number], .wc-block-components-form .wc-block-components-text-input input[type=password], .wc-block-components-form .wc-block-components-text-input input[type=tel], .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-form .wc-block-components-text-input input[type=url], .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=password], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url],

    .wc-block-components-totals-coupon__input input,
    .wc-block-components-totals-coupon__input.is-active input,
    .wc-blocks-components-select .wc-blocks-components-select__container select,
    .wc-block-components-text-input.wc-block-components-address-form__phone input,
    .wc-block-components-form .wc-block-components-text-input input:-webkit-autofill,
    .wc-block-components-form .wc-block-components-text-input.is-active input[type=email],
    .wc-block-components-form .wc-block-components-text-input.is-active input[type=number],
    .wc-block-components-form .wc-block-components-text-input.is-active input[type=password],
    .wc-block-components-form .wc-block-components-text-input.is-active input[type=tel],
    .wc-block-components-form .wc-block-components-text-input.is-active input[type=text],
    .wc-block-components-form .wc-block-components-text-input.is-active input[type=url],
    .wc-block-components-text-input input:-webkit-autofill,
    .wc-block-components-text-i {
        padding: 15px 10px 15px 10px !important;
        background: transparent !important;
        border: 1px solid #686e77 !important;
        color: #fff;
        border-radius: 10px !important
    }

    .wc-blocks-components-select .wc-blocks-components-select__container {
        background: transparent !important;
    }

    .wc-block-components-form .wc-block-components-text-input.is-active label,
    .wc-block-components-text-input input:-webkit-autofill+label,
    .wc-block-components-text-input.is-active label {
        position: unset;
        transform: unset;
    }

    .wc-block-components-form .wc-block-components-text-input input:-webkit-autofill:focus,
    .wc-block-components-form .wc-block-components-text-input.is-active input[type=email]:focus,
    .wc-block-components-form .wc-block-components-text-input.is-active input[type=number]:focus,
    .wc-block-components-form .wc-block-components-text-input.is-active input[type=password]:focus,
    .wc-block-components-form .wc-block-components-text-input.is-active input[type=tel]:focus,
    .wc-block-components-form .wc-block-components-text-input.is-active input[type=text]:focus,
    .wc-block-components-form .wc-block-components-text-input.is-active input[type=url]:focus,
    .wc-block-components-text-input input:-webkit-autofill:focus,
    .wc-block-components-text-input.is-active input[type=email]:focus,
    .wc-block-components-text-input.is-active input[type=number]:focus,
    .wc-block-components-text-input.is-active input[type=password]:focus,
    .wc-block-components-text-input.is-active input[type=tel]:focus,
    .wc-block-components-text-input.is-active input[type=text]:focus,
    .wc-block-components-text-input.is-active input[type=url]:focus {
        background: transparent;
        border: 1px solid var(--color-attention) !important;
        color: #fff
    }

    .checkout .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-select-input,
    .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input,
    .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input,
    .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-select-input,
    .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input,
    .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input {
        /* box-sizing: border-box; */
        flex: unset;
        display: flex;
        flex-direction: column-reverse;
        width: 48%;
    }

    .wc-block-components-form .wc-block-components-text-input label,
    .wc-block-components-text-input label {
        position: unset;
        tranform: unset
    }

    .wc-blocks-components-select .wc-blocks-components-select__select,
    .wc-block-components-form .wc-block-components-text-input input[type=tel] {
        background-color: transparent !important;

    }

    .wc-blocks-components-select__label,
    .wc-block-components-form .wc-block-components-text-input label,
    .wc-block-components-text-input label,
    .wc-block-components-text-input.wc-block-components-address-form__phone label {
        font-size: 14px !important;
        position: unset !important;
        transform: unset !important;
        margin-bottom: 10px !important;
        display: block;
    }

    .form-block-Wrapper .ginput_address_country,
    .form-block-Wrapper .ginput_container_select {
        border: 1px solid gray;
        border-radius: 10px;
    }

    .form-block-Wrapper select {
        border-color: transparent;
        box-shadow: unset;
    }

    .wp-block-woocommerce-checkout.alignwide.wc-block-checkout {
        max-width: 1240px !important;
        margin: 0 auto !important;
        padding: 0px !important;
    }

    .wc-block-components-sidebar-layout {
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto 16px;
        position: relative;
        gap: 55px;
    }

    .wc-block-components-sidebar-layout .wc-block-components-main {
        box-sizing: border-box;
        margin: 0;
        padding-right: 4.5283018868%;
        width: 60% !important;
    }

    .wc-block-components-sidebar {
        box-sizing: border-box;
        padding-left: 2.2641509434%;
        width: 33%;
    }

    #radio-control-wc-payment-method-options-revolut_pay__content button {
        background-color: transparent !important;
    }

    #woocommerce-revolut-card-element {
        border-radius: 10px;
        border: 1px solid #dfe3e7;
        background-color: #ffffff;
        padding: 5px;
        font-size: 16px;
        box-shadow: none;
        padding: 10px 10px;
    }

    .wc-block-components-order-summary .wc-block-components-order-summary-item__quantity {}

    .wc-block-components-order-summary .wc-block-components-order-summary-item__quantity span {
        color: var(--wp--preset--color--background, #fff);
        padding: 0 .4em;
        color: #000 !important;
    }

    .wc-block-components-order-summary .wc-block-components-order-summary-item__quantity {
        align-items: center;
        background: #FFCC00 !important;
        right: -5px !important;
    }

    /* my-account */

    .my-account .nuaxle-page-content.entry-content .woocommerce {
        display: flex;
        gap: 40px;
        flex-wrap: wrap;
    }


    .my-account.woocommerce-account .woocommerce-MyAccount-navigation {
        float: unset !important;
        margin: 0px !important;
    }

    .my-account .woocommerce-MyAccount-content {
        float: unset !important;
    }

 .woocommerce-page.archive .woocommerce-products-header + .storefront-sorting{

    display:none!important;
}
.load-capacity-message{
display: flex !important;
order: 5;
}
.key_feature{
    margin-top: 20px;
    font-size: 18px;
    font-weight: 600;
}
.product-features {
    
    margin: 20px 0;
    padding: 0;
    list-style-type: disc;
    padding-left: 25px;
}
.product-features li::before{
    content:"";
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #FFCC00;
    border-radius: 50%;
    left:-20px;    
} 
.product-features li {
    display: flex;
    align-items: center;
    position:relative;
    gap: 8px;
    font-size: 14px;
    font-weight: 400;
}


/* trade page */
.ambassador-application-form .form-block-Wrapper legend ,
.ambassador-application-form .form-block-Wrapper label {
    color: #fff !important;
}
.ambassador-application-form .form-block-Wrapper h3{
    font-size:18px!important;
    
}
 .ambassador-application-form .form-block-Wrapper p{
    font-size: 16px;
}
.ambassador-application-form .gform-theme--foundation .gfield select.medium{
    width: 100% !important;
}
.ambassador-application-form .ginput_container_select{
 border:none;
}
.dist-page-wrapper {
    background-color: transparent; /* Uses theme background */
    color: var(--text-muted, #aaa);
    padding-bottom: 100px;
}


.dist-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Hero Section */
.partner-card ul{
    margin:20px 0px 20px 25px!important;
}
.dist-hero {
    background: #111; /* Darker than the body for contrast, or just transparent */
    text-align: center;
    padding: 120px 20px;
    /* border-radius: 0 0 30px 30px; */
    margin-bottom: 80px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.dist-hero h1 {
    font-size: clamp(28px, 4vw, 40px);
    font-weight: 800;
    margin-bottom: 24px;
    color: var(--text-light, #fff);
    letter-spacing: -1px;
    text-transform: uppercase;
}

.dist-hero p {
    font-size: 20px;
    color: var(--color-attention,#ffd700);
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
    font-weight: 500;
    font-family: var(--font-heading);
    text-transform: uppercase;
}

.dist-hero .sub-text {
    font-size: 16px;
    color: var(--text-muted, #aaa);
    margin-top: 15px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

/* Section Headings */
.dist-section-heading {
    text-align: center;
    margin-bottom: 50px;
}

.dist-section-heading h2 {
    font-size: 36px;
    font-weight: 700;
    color: var(--text-light, #fff);
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.dist-section-heading p {
    font-size: 18px;
    color: var(--text-muted, #aaa);
    max-width: 600px;
    margin: 0 auto;
}

/* Benefits Grid */
.dist-benefits {
    margin-bottom: 100px;
    margin-top: 100px;
}

.dist-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 30px;
}

.dist-card {
    background: var(--bg-card, #2a2a34);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 45px 40px;
    border-radius: var(--border-radius-lg, 16px);
    transition: var(--transition-smooth, all 0.3s ease);
}

.dist-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.4);
    border-color: var(--color-attention,#ffd700);
}

.dist-card-icon {
    width: 60px;
    height: 60px;
    background: rgba(246, 201, 27, 0.1);
    border: 1px solid rgba(246, 201, 27, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-bottom: 25px;
}

.dist-card h3 {
    font-size: 20px;
    font-weight: 700;
    color: var(--text-light, #fff);
    margin-bottom: 15px;
    letter-spacing: 0.5px;
}

.dist-card p {
    font-size: 15px;
    color: var(--text-muted, #aaa);
    line-height: 1.7;
    margin: 0;
}

/* Distributor Types */
.dist-types {
    background: rgba(0, 0, 0, 0.2);
    padding: 80px 0;
    margin-bottom: 100px;
    border-top: 1px solid rgba(255,255,255,0.05);
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.dist-types-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.dist-type-card {
    background: var(--bg-card, #2a2a34);
    color: var(--text-light, #fff);
    padding: 50px 40px;
    border-radius: var(--border-radius-lg, 16px);
    text-align: center;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.05);
}

.dist-type-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: var(--color-attention,#ffd700);
}


.dist-type-card h3 {
    color: var(--text-light, #fff);
    font-size: 22px;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
}

.dist-type-card p {
    color: var(--text-muted, #aaa);
    font-size: 15px;
    line-height: 1.6;
}

/* Ideal Partners */
.dist-targets {
    margin-bottom: 100px;
    text-align: center;
}

.dist-targets-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    margin-top: 30px;
}

.dist-target-badge {
    background: transparent;
    border: 1px solid rgba(255,255,255,0.2);
    color: var(--text-light, #fff);
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    font-family: var(--font-label);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: var(--transition-smooth, all 0.3s ease);
}

.dist-target-badge:hover {
    background: rgba(255,255,255,0.05);
    border-color: var(--color-attention,#ffd700);
    color: var(--color-attention,#ffd700);
}

/* Application Form */
.dist-form-section {
    background: transparent;
}

.dist-form-wrap {
    max-width: 900px;
    margin: 0 auto;
    background: var(--bg-card, #2a2a34);
    padding: 60px;
    border-radius: var(--border-radius-lg, 16px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
    border: 1px solid rgba(255,255,255,0.05);
}

.dist-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

.form-group {
    display: flex;
    flex-direction: column;
}

.form-group.full {
    grid-column: 1 / -1;
}

.form-group label {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 8px;
    color: var(--text-light, #fff);
    font-family: var(--font-label);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.form-group input, 
.form-group select, 
.form-group textarea {
    padding: 15px;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: var(--border-radius-md, 8px);
    font-size: 15px;
    font-family: var(--font-body);
    transition: var(--transition-smooth, all 0.3s ease);
    background: rgba(0,0,0,0.2);
    color: var(--text-light, #fff);
}

.form-group input::placeholder,
.form-group textarea::placeholder {
    color: rgba(255,255,255,0.3);
}

.form-group input:focus, 
.form-group select:focus, 
.form-group textarea:focus {
    border-color: var(--color-attention,#ffd700);
    background: rgba(0,0,0,0.4);
    outline: none;
    box-shadow: 0 0 0 2px rgba(246, 201, 27, 0.15);
}

.form-group textarea {
    resize: vertical;
    min-height: 120px;
}

.dist-form-wrap .dist-submit {
    grid-column: 1 / -1;
    margin-top: 15px;
    /* Styles will be inherited from the theme's standard button, 
       but we ensure it stays full width or large */
    width: 100%;
    padding: 18px !important;
    font-size: 15px !important;
}

/* Responsive */
@media (max-width: 991px) {
    .dist-types-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .dist-hero{
        padding: 60px 0px; 
    }    /* .dist-hero h1 { font-size: 36px; } */
    .dist-form { grid-template-columns: 1fr; }
    .form-group { grid-column: 1 / -1; }
    .dist-form-wrap { padding: 40px 20px; }
    .dist-card { padding: 30px 25px; }
}
    /* how to fit page */

    .fitment-guide-section {
    padding: 60px 20px;
}

.container-guide {
    max-width: 1200px;
    margin: 0 auto;
}

.section-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #111;
}

.installation-steps-box {
    margin: 60px 0px;
}

.installation-steps-list {
    padding-left: 20px;
    margin: 0;
}

.installation-steps-list li {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 1.6;
}

.downloads-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.download-card {
    display: flex;
    /* align-items: center; */
    gap: 15px;
    padding: 20px;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    text-decoration: none;
    transition: all 0.3s ease;
    text-decoration: none!important;
   
}
.download-card a{
    padding: 5px 10px;
    background: #FFCC00;
    color: #000;
    font-size: 14px;
    border-radius: 10px;
    margin-top: 15px;
    display: block;
    width: max-content;
}
.download-card img.emoji {
    width:16px;
    height:16px;
}
.nuaxle-page-content a.download-card{
  text-decoration: none!important;
}
.download-icon  img{
   width: 32px;
   height: 32px;
}

.download-content h4 {
    margin: 0 0 5px;
    font-size: 14px;
    color: #111;
}



    @media (max-width: 1300px) {

        .hero-top .hero-title {
            font-size: clamp(64px, 17vw, 228px) !important;
        }
    }

    @media (max-width: 1199px) {

        .single-product ul.products li.product,
        .woocommerce-page.archive ul.products li.product,
        .cart .empty-cart-featured-products ul li {
            width: 30% !important;
        }

        .single-product ul.products,
        .woocommerce-shop ul.products,
        .empty-cart-featured-products ul {
            gap: 30px !important;
        }

        .cr-reviews-grid .cr-review-card .review-product .product-title,
        .cr-reviews-slider .cr-review-card .review-product .product-title {
            font-size: 12px !important;
        }

        .cr-reviews-slider.slick-slider .slick-prev {
            left: 10px;
        }

        .cr-reviews-slider.slick-slider .slick-next {
            right: -58px;
        }

        .wc-block-components-sidebar {
            box-sizing: border-box;
            padding-left: 2.2641509434%;
            width: 40% !important;
        }

        .wc-block-components-sidebar-layout .wc-block-components-main {
            box-sizing: border-box;
            margin: 0;
            padding-right: 4.5283018868%;
            width: 54% !important;
        }

        .nuaxle-mobile-menu-toggle {
            display: flex !important;
            gap: 4px;
        }

        .nuaxle-main-nav {
            display: none;
            position: absolute;
            background: #fff;
            width: 100%;
            height: 100vh;
            left: 0;
            top: 90px !important;
            padding: 20px 24px;
            z-index: 2;
        }

        .home .nuaxle-main-nav {
            top: 87px !important;
        }

        .home .nuaxle-header {
            position: relative !important;
            top: 0 !important;
        }

        .nuaxle-header.active {
            background: #121214 !important;
        }

        .cart-icon-wrapper svg path {
            fill: #121214 !important;
        }

        .nuaxle-main-nav ul,
        .nuaxle-main-nav li {
            display: block !important;
            padding: 10px 0px !important;
        }

        .nuaxle-main-nav li a {
            font-size: 18px;
            color: #000 !important;
        }

        .nuaxle-main-nav li::after {
            content: unset;
        }

        .nuaxle-main-nav.active {
            display: block !important
        }

        .mobile-menu {
            display: block !important;
        }

        .nuaxle-header-actions a.button {
            display: none !important;
        }

        .carousel-container .owl-nav .owl-prev {
            left: -17px;
        }

        .carousel-container .owl-nav .owl-next {
            right: -17px;
        }

        .nuaxle-mobile-menu-toggle {
            background: transparent !important;
            display: block !important;
        }

        .nr-col-left {
            width: 50%;
        }

        .nr-col-right {
            width: 45%;
        }

    }

    @media (max-width:991px) {
        .my-account .nuaxle-page-content.entry-content .woocommerce {
            display: flex;
            gap: 35px;
            flex-wrap: wrap;
        }

        .woocommerce-message {
            align-items: start;
            flex-direction: column;
            justify-content: flex-start;
            gap: 10px;
        }

        .cr-reviews-slider .cr-review-card {
            box-sizing: border-box;
            padding: 0px 18px;
            height: 100%;
        }

        .cr-reviews-slider.slick-slider .slick-prev {
            left: 17px;
        }

        .cr-reviews-slider.slick-slider .slick-next {
            right: -56px;
        }

        .single-product ul.products,
        .woocommerce-shop ul.products,
        .empty-cart-featured-products ul {
            gap: 25px !important;
        }

        .cr-reviews-slider .cr-review-card .top-row {
            flex-direction: column;
            gap: 20px;
        }

        .cr-reviews-slider .cr-review-card .review-product {
            flex-direction: column;
            gap: 10px;
        }

        .wc-block-components-sidebar-layout .wc-block-components-main {

            width: 100% !important;
            padding: 20px !important;
        }

        .wc-block-components-sidebar,
        .wc-block-components-sidebar {
            width: 100% !important;
        }



        .single-product ul.products li.product,
        .woocommerce-page.archive ul.products li.product,
        .cart .empty-cart-featured-products ul li {
            width: 48% !important;
        }

        .hero-col-right {
            width: 50% !important;
        }

        .hero-grid-three {
            grid-template-columns: 1fr;
            text-align: center;
            gap: 36px;
        }

        .hero-patent {
            text-align: left !important;
        }

        .hero-left-buttons {
            margin: 0 auto;
            flex-wrap: wrap;
        }

        .ribbon-container {
            grid-template-columns: 1fr 1fr;
            gap: 20px;
        }

        .features-grid-container {
            grid-template-columns: 1fr 1fr !important;
        }

        .professional-container {
            grid-template-columns: 1fr;
            gap: 48px;
        }

        .pro-img-wrapper {
            max-width: 500px;
            margin: 0 auto;
        }

        .holiday-container {
            grid-template-columns: 1fr;
            gap: 48px;
        }

        .holiday-img-stack {
            max-width: 500px;
            margin: 0 auto;
        }

        .ribbon-container {
            grid-template-columns: 1fr 1fr;
            gap: 20px;
        }

        .features-grid-container {
            grid-template-columns: 1fr 1fr !important;
        }

        .blog-grid {
            grid-template-columns: 1fr 1fr;
        }

        .cta-container {
            grid-template-columns: 1fr !important;
            padding: 40px 24px !important;
        }

        /* Footer Responsive Grid */

        .footer-content-wrapper {
            gap: 40px !important;
        }

        .footer-action-buttons {
            width: 100% !important;
            gap: 20px !important;
            display: flex !important;
        }

        .footer-vertical-nav ul {
            gap: 12px !important;
        }

        .footer-bottom-row {
            justify-content: center !important;
            text-align: center !important;
        }

        .nr-col-left {
            width: 100%;
        }

        .nr-col-right {
            width: 100%;
        }

        .category .nuaxle-post-card .post-details {
            padding: 20px;
        }

        .category .nuaxle-post-card .entry-title a {
            color: #ffffff;
            text-decoration: none;
            transition: var(--transition-smooth);
            font-size: 18px;
            line-height: 1 !important;
        }
    }

    @media (max-width:767px) {
        .coupon .woocommerce-cart table.shop_table.cart td.actions button.button {
            width: 40% !important;
            max-width: initial !important;
        }

        .cr-reviews-slider .cr-review-card .top-row {
            flex-direction: unset;
            gap: 0px;
        }

        .cr-reviews-slider .cr-review-card .review-product {
            flex-direction: unset;
            gap: 0px;
        }

        .my-account.woocommerce-account .woocommerce-MyAccount-navigation {
            width: 100% !important
        }

        .my-account.woocommerce-account .woocommerce-MyAccount-content {
            width: 100% !important;
        }

        .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title {
            border: none !important;
            padding: 0px !important;
        }

        .revolut-pay-label-title-wrapper {
            display: flex;
            align-items: self-start;
            width: 100%;
            flex-direction: column;
        }

        .wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__label img {
            max-height: none !important
        }

        .wc-block-components-sidebar-layout .wc-block-components-sidebar {
            padding: 0px 20px !important;
        }

        table.cart td.product-remove a.remove {
            left: 10px !important;
            top: 5px !important;
        }

        .single .nav-next,
        .single .nav-previous {
            width: 100% !important;
        }

        .form-block-Wrapper p {
            font-size: 14px !important;
            line-height: 1.2 !important;
        }

        .form-block-Wrapper h2 {
            font-size: 18px !important;
            line-height: 1.2 !important;
        }

        .single-product ul.products li.product,
        .woocommerce-page.archive ul.products li.product,
        .woocommerce-cart p.return-to-shop a.button.wc-backward,
        .cart .empty-cart-featured-products ul li {
            width: 100% !important;
        }

        .single .post-navigation .nav-links {
            flex-wrap: wrap !important;
            gap: 20px
        }

        .single .nav-next,
        .single .nav-previous {
            width: 100% !important;
        }

        .post-navigation .nav-next a {
            text-align: left !important;
        }

        .nuaxle-blog-sidebar,
        .nuaxle-blog-content {
            width: 100% !important;
        }

        .nr-btn {
            width: 100% !important;
        }

        .nr-buttons {
            flex-wrap: wrap;
        }

        .features-grid-container {
            grid-template-columns: 1fr !important;
        }

        .blog-grid {
            grid-template-columns: 1fr;
        }

        .footer-content-wrapper {
            flex-wrap: wrap !important;
        }

        .footer-left-col {
            width: 100% !important;
        }

        .footer-right-col {
            width: 100% !important;
        }

        .footer-vertical-nav ul {
            align-items: unset !important;
        }

        .footer-vertical-nav ul li {
            text-align: left !important;
        }

        .footer-vertical-nav ul li a {

            text-align: left !important;
        }

        .cta-pricing-info {
            max-width: initial !important;
        }

        .pricing-card .price-amount {
            font-size: 40px !important;
        }

        .pricing-card .price-from {
            font-size: 30px !important;

        }

        .nr-features {
            gap: 7px;
        }

    }

    .button:focus {
        outline: none !important;
    }

    .testimonial-section {
        padding: 80px 20px;
        background: #171a2c;
    }

    /* .container {
        max-width: 1100px;
        margin: auto;
        display: flex;
        align-items: flex-start;
        gap: 60px;
    } */

    .image-col {
        flex: 0 0 480px;
        position: relative;
    }

    .image-col img {
        width: 100%;
        display: block;
        max-height: 320px;
        object-fit: cover;
    }



    .stats {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 40px;
    }

    .stat-item h2 {
        color: #fff;
        font-size: 28px;
        line-height: 1;
        font-weight: 700;
        margin: 0;
        text-align: right;
    }

    .stat-item p {
        color: #f4b400;
        font-size: 18px;
        font-weight: 700;
        margin: 0;
        text-align: right;
    }

    .testimonial-card {
        border: 1px solid #c69214;
        padding: 15px;
        max-width: max-content;
        /* margin-left: -120px; */
        background: #171a2c;
        position: absolute;
        z-index: 2;
        bottom: -54px;
        left: -120px;
    }
    .testimonial-card img{
        height: 40px;
        border-radius: 500%;
        width: 50px;
        object-fit: cover;
    }
    .quote {
        color: #bcbcbc;
        font-size: 14px;
        line-height: 1.8;
        font-style: italic;
        margin-bottom: 20px;
    }

    .author {
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .author-icon {
        color: #c69214;
        width: 40px;
        height: 40px;
    }

    .author-icon svg {
        width: 100%;
        height: 100%;
    }

    .author h4 {
        color: #fff;
        font-size: 14px;
        margin: 0px;
    }

    .author span {
        color: #c69214;
        font-size: 12px;
    }


    .professional-visual {
        display: flex;
        gap: 30px;
        flex-wrap: wrap;
    }

    .image-col {
        flex: unset;
        position: relative;
        width: 57%;
    }

    .content-col {
        width: 36%;
        position: relative;
        padding-top: 30px;
    }

    @media(max-width:767px) {

        .checkout .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-select-input,
        .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input,
        .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input,
        .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-select-input,
        .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input,
        .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input {
            width: 100%;
        }

        .nuaxle-post-card .post-details {
            padding: 20px !important;
        }


        .nr-bb-container {
            justify-content: flex-start;
        }

        .stats {
            display: flex;
            flex-direction: row;
            gap: 40px
        }

        /* .container {
            flex-direction: column;
            gap: 40px;
        } */

        .image-col {

            width: 100%;
        }

        .content-col {
            width: 100%;
            padding-top: 0;
        }

        .testimonial-card {
            margin-left: 0;
            max-width: max-content;
            position: unset;
            bottom: unset;
            left: unset;
        }

        .stat-item h2 {
            font-size: 24px;
        }

        .stat-item p {
            font-size: 16px;
        }

        .copyright-info {
            text-align: left !important;
        }
    }