.leevons-cx * { box-sizing: border-box; }

            .leevons-cx a { color: inherit; text-decoration: none; }

            .leevons-cx {
                --cx-bg: #000000;
                --cx-fg: #ffffff;
                --cx-muted: black;
                color: var(--cx-fg);
                font-family: 'Helvetica Neue', Arial, sans-serif;
                margin-bottom: 4em;
                -webkit-font-smoothing: antialiased;
            }


            /* Nav */
            .cx-nav {
                position: fixed;
                top: 0; left: 0; right: 0;
                z-index: 30;
                display: grid;
                grid-template-columns: 1fr auto 1fr; /* Sépare l'espace en 3 zones pour centrer le logo */
                align-items: center;
                padding: 20px 24px;
                background: black;
                color: white;
            }
            
            /* Alignements internes de la grille */
            .cx-nav-left { display: flex; justify-content: flex-start; }
            .cx-nav-center { display: flex; justify-content: center; }
            .cx-nav-right { display: flex; justify-content: flex-end; }

            /* Styles des boutons et liens */
            .cx-nav-btn, .cx-logo {
                background: none;
                border: none;
                color: var(--cx-fg);
                font-family: inherit;
                text-transform: uppercase;
                cursor: pointer;
                padding: 5px; /* Zone de clic légèrement agrandie pour le mobile */
                transition: opacity .2s;
            }
            
            .cx-nav-btn {
                font-size: 11px;
                letter-spacing: .12em;
                opacity: .65;
            }
            
            .cx-logo {
                font-size: 14px;
                letter-spacing: .2em;
                font-weight: 500;
                opacity: 1;
            }

            .cx-nav-btn:hover, .cx-logo:hover { 
                opacity: 1; 
            }

            .cx-nav ul { list-style: none; display: flex; gap: 28px; margin: 0; padding: 0; }
            .cx-nav a {
                font-size: 11px;
                letter-spacing: .12em;
                text-transform: uppercase;
                opacity: .65;
                transition: opacity .2s;
                color: white;
            }
            .cx-nav a:hover, .cx-nav a.active { opacity: 1; }

   /* =================================================
         * DRAWERS
         * ================================================= */

         .cx-drawer {
            position: fixed;

            top: 0;
            bottom: 0;

            z-index: 200;

            width: min(440px, 92vw);

            background: #000000;

            color: #ffffff;

            display: flex;

            flex-direction: column;

            transition:
            transform .3s
            cubic-bezier(.22,.61,.36,1);
        }

        .cx-menu-drawer {
            left: 0;

            transform:
            translateX(-100%);
        }

        .cx-cart-drawer {
            right: 0;

            transform:
            translateX(100%);
        }

        .cx-drawer.is-open {
            transform:
            translateX(0);
        }

        .cx-drawer-header {
            height: 70px;

            flex: 0 0 70px;

            display: flex;

            align-items: center;

            justify-content: space-between;

            padding:
            0 22px;

            border-bottom:
            1px solid #222222;
        }

        .cx-drawer-title {
            font-size: 10px;

            letter-spacing: .12em;

            text-transform: uppercase;
        }

        .cx-drawer-close {
            border: 0;

            background: transparent;

            color: #ffffff;

            cursor: pointer;

            font-size: 9px;

            letter-spacing: .1em;

            text-transform: uppercase;

            opacity: .65;
        }

        .cx-drawer-close:hover {
            opacity: 1;
        }


        /* =================================================
         * MENU
         * ================================================= */

         .cx-menu-content {
            flex: 1;

            padding:
            45px 22px;
        }

        .cx-menu-list {
            list-style: none;

            padding: 0;
            margin: 0;
        }

        .cx-menu-list li {
            margin-bottom: 25px;
        }

        .cx-menu-list a {
            display: block;

            font-size: 16px;

            letter-spacing: .07em;

            text-transform: uppercase;

            color: #ffffff;

            opacity: .8;

            transition:
            opacity .2s ease;
        }

        .cx-menu-list a:hover {
            opacity: 1;
        }

        .cx-menu-footer {
            padding:
            20px 22px;

            border-top:
            1px solid #222222;
        }

        .cx-menu-footer a {
            font-size: 9px;

            letter-spacing: .1em;

            text-transform: uppercase;

            color: #ffffff;

            opacity: .6;
        }


        /* =================================================
         * CART
         * ================================================= */

         .cx-cart-body {
            flex: 1;

            overflow-y: auto;

            padding:
            0 20px;
        }

        .cx-cart-empty {
            padding:
            50px 0;

            text-align: center;

            font-size: 10px;

            letter-spacing: .1em;

            text-transform: uppercase;

            opacity: .6;
        }

        .cx-cart-item {
            display: grid;

            grid-template-columns:
            82px
            1fr;

            gap: 15px;

            padding:
            18px 0;

            border-bottom:
            1px solid #222222;
        }

        .cx-cart-image {
            width: 82px;
            height: 82px;

            background: #111111;

            overflow: hidden;
        }

        .cx-cart-image img {
            width: 100%;
            height: 100%;

            object-fit: cover;
        }

        .cx-cart-item-info {
            min-width: 0;
        }

        .cx-cart-item-name {
            font-size: 10px;

            line-height: 1.4;

            letter-spacing: .06em;

            text-transform: uppercase;
        }

        .cx-cart-item-size {
            margin-top: 5px;

            font-size: 9px;

            letter-spacing: .08em;

            text-transform: uppercase;

            opacity: .55;
        }

        .cx-cart-item-price {
            margin-top: 8px;

            font-size: 10px;
        }

        .cx-cart-item-controls {
            margin-top: 13px;

            display: flex;

            align-items: center;

            justify-content: space-between;
        }

        .cx-qty {
            display: flex;

            align-items: center;

            border:
            1px solid #333333;
        }

        .cx-qty button {
            width: 27px;
            height: 27px;

            border: 0;

            background: transparent;

            color: #ffffff;

            cursor: pointer;

            font-size: 13px;
        }

        .cx-qty-value {
            width: 27px;

            text-align: center;

            font-size: 9px;
        }

        .cx-cart-remove {
            border: 0;

            background: transparent;

            color: #ffffff;

            cursor: pointer;

            font-size: 8px;

            letter-spacing: .08em;

            text-transform: uppercase;

            opacity: .5;
        }

        .cx-cart-remove:hover {
            opacity: 1;
        }


        /* =================================================
         * CART FOOTER
         * ================================================= */

         .cx-cart-footer {
            flex: 0 0 auto;

            padding:
            18px 20px
            20px;

            border-top:
            1px solid #222222;

            background: #000000;
        }

        .cx-cart-total {
            display: flex;

            justify-content: space-between;

            margin-bottom: 16px;

            font-size: 10px;

            letter-spacing: .08em;

            text-transform: uppercase;
        }

        .cx-checkout-button {
            display: flex;

            align-items: center;

            justify-content: center;

            width: 100%;

            min-height: 46px;

            border: 1px solid #ffffff;

            #background: #ffffff;

            color: white;

            font-size: 9px;

            letter-spacing: .12em;

            text-transform: uppercase;

            cursor: pointer;

            transition:
            background .2s ease,
            color .2s ease;
        }

        .cx-checkout-button:hover {
            background: #000000;

            color: #ffffff;
        }

                 @media (max-width: 700px) {

            .cx-nav {
                height: 44px;

                padding:
                0 14px;
            }

        }

                 @media (max-width: 700px) {

            .cx-nav {
                height: 44px;
                padding:
                0 14px;
            }
        }

        
        @media (max-width: 430px) {

            .cx-cart-drawer,
            .cx-menu-drawer {
                width: 100vw;
            }
        }