.elementor-6693 .elementor-element.elementor-element-2cf6571{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:150px;--margin-left:0px;--margin-right:0px;}.elementor-6693 .elementor-element.elementor-element-2cf6571:not(.elementor-motion-effects-element-type-background), .elementor-6693 .elementor-element.elementor-element-2cf6571 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-6693 .elementor-element.elementor-element-19b48a9 .shop_table .button{background-color:#EE9090;border-width:1px 1px 1px 1px;}.elementor-6693 .elementor-element.elementor-element-19b48a9 .woocommerce .wc-proceed-to-checkout .checkout-button{background-color:#000000;}.elementor-6693 .elementor-element.elementor-element-19b48a9{--sections-background-color:#000000;--sections-border-color:#242424;--sections-title-color:#E29696;--links-normal-color:#FDB3B3;--sections-radio-buttons-color:#F6F6F6;--forms-fields-normal-color:#000000;--forms-buttons-normal-text-color:#000000;--forms-buttons-border-type:solid;--forms-buttons-border-color:#716565;--order-summary-color:#FFFFFF;--order-summary-variations-color:#FFFFFF;--product-link-normal-color:#FFFFFF;--order-summary-items-divider-color:#D8C7C7;--order-summary-remove-icon-normal-color:#EB3636;--totals-color:#FFFFFF;--totals-divider-color:#B1B1B1;--checkout-button-normal-text-color:#FFFFFF;}.elementor-6693 .elementor-element.elementor-element-19b48a9 {--sections-descriptions-color:#FDB3B3;}.e-woo-select2-wrapper .select2-results__option{color:#000000;}.elementor-6693 .elementor-element.elementor-element-19b48a9 .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#000000 transparent transparent transparent;}.elementor-6693 .elementor-element.elementor-element-19b48a9 .woocommerce-cart-form{--order-summary-title-color:#FFFFFF;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-6693 .elementor-element.elementor-element-2cf6571{--content-width:1043px;}}/* Start custom CSS for container, class: .elementor-element-2cf6571 */```css
/* =========================================================
   ELEMENTOR CUSTOM CART
   GLOSSY BLACK + DARK CHERRY RED
   #D2042D
   PREMIUM 3D + GLASS EFFECT
   ========================================================= */


/* =========================================================
   MAIN CART CONTAINER
   ========================================================= */

.elementor-6693 .elementor-element.elementor-element-2cf6571 {

    position: relative;
    overflow: hidden;

    background:

        radial-gradient(
            ellipse at 50% 48%,
            rgba(210, 4, 45, 0.18) 0%,
            rgba(150, 2, 32, 0.11) 22%,
            rgba(80, 0, 18, 0.07) 42%,
            transparent 70%
        ),

        radial-gradient(
            ellipse at 50% 100%,
            rgba(210, 4, 45, 0.15),
            transparent 58%
        ),

        radial-gradient(
            ellipse at 0% 50%,
            rgba(150, 2, 32, 0.09),
            transparent 45%
        ),

        radial-gradient(
            ellipse at 100% 50%,
            rgba(150, 2, 32, 0.09),
            transparent 45%
        ),

        linear-gradient(
            145deg,
            #181818 0%,
            #080808 45%,
            #090306 75%,
            #140307 100%
        ) !important;

    border:
        1px solid rgba(210, 4, 45, 0.13) !important;

    border-radius:
        10px !important;

    padding:
        25px;

    backdrop-filter:
        blur(22px);

    -webkit-backdrop-filter:
        blur(22px);

    transform:
        translateZ(0);

    transform-style:
        preserve-3d;

    box-shadow:

        0 15px 30px rgba(0, 0, 0, 0.85),
        0 30px 65px rgba(0, 0, 0, 0.70),
        0 55px 110px rgba(0, 0, 0, 0.48),

        0 0 35px rgba(210, 4, 45, 0.16),
        0 0 70px rgba(210, 4, 45, 0.12),
        0 0 120px rgba(210, 4, 45, 0.08),

        0 25px 100px rgba(120, 0, 25, 0.14),

        inset 0 1px 0 rgba(255, 255, 255, 0.075),
        inset 0 2px 25px rgba(255, 255, 255, 0.025),

        inset 0 -10px 45px rgba(210, 4, 45, 0.13),
        inset 0 -2px 15px rgba(150, 2, 32, 0.10);

    transition:
        all 0.45s ease;
}


/* =========================================================
   GLASS REFLECTION
   ========================================================= */

.elementor-6693 .elementor-element.elementor-element-2cf6571::before {

    content: "";

    position: absolute;

    top: -30%;
    left: -15%;

    width: 130%;
    height: 70%;

    background:

        linear-gradient(
            125deg,
            rgba(255,255,255,0.095),
            rgba(255,255,255,0.035) 28%,
            rgba(210,4,45,0.025) 45%,
            transparent 70%
        );

    transform:
        rotate(-4deg);

    border-radius:
        50%;

    filter:
        blur(3px);

    pointer-events:
        none;

    z-index:
        1;
}


/* =========================================================
   CENTER CHERRY RED GLOW
   ========================================================= */

.elementor-6693 .elementor-element.elementor-element-2cf6571::after {

    content: "";

    position: absolute;

    width: 520px;
    height: 520px;

    left: 50%;
    top: 50%;

    transform:
        translate(-50%, -50%);

    background:

        radial-gradient(
            circle,
            rgba(210,4,45,0.22) 0%,
            rgba(210,4,45,0.13) 18%,
            rgba(160,2,34,0.08) 35%,
            rgba(100,0,20,0.045) 50%,
            transparent 74%
        );

    filter:
        blur(35px);

    pointer-events:
        none;

    z-index:
        1;
}


/* =========================================================
   CONTENT ABOVE GLASS
   ========================================================= */

.elementor-6693 .elementor-element.elementor-element-2cf6571 > * {

    position:
        relative;

    z-index:
        3;
}


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

.elementor-6693 .elementor-element.elementor-element-2cf6571 table.shop_table {

    width:
        100% !important;

    background:
        transparent !important;

    border:
        none !important;

    border-collapse:
        separate !important;

    border-spacing:
        0 9px !important;
}


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

.elementor-6693 .elementor-element.elementor-element-2cf6571 table.shop_table thead th {

    background:
        transparent !important;

    color:
        rgba(255,255,255,0.48) !important;

    border:
        none !important;

    padding:
        12px 10px !important;

    text-transform:
        uppercase;

    letter-spacing:
        0.7px;

    font-size:
        12px;
}


/* =========================================================
   PRODUCT ROW
   ========================================================= */

.elementor-6693 .elementor-element.elementor-element-2cf6571 table.shop_table tbody tr {

    background:

        linear-gradient(
            145deg,
            rgba(35,35,35,0.95),
            rgba(9,7,8,0.98) 55%,
            rgba(32,2,9,0.95)
        ) !important;

    border:
        1px solid rgba(210,4,45,0.08) !important;

    box-shadow:

        0 8px 22px rgba(0,0,0,0.55),

        0 8px 35px rgba(110,0,25,0.13),

        inset 0 1px 0 rgba(255,255,255,0.04),

        inset 0 -5px 25px rgba(210,4,45,0.06);

    transition:
        all 0.35s ease;
}


/* =========================================================
   PRODUCT ROW HOVER
   ========================================================= */

.elementor-6693 .elementor-element.elementor-element-2cf6571 table.shop_table tbody tr:hover {

    background:

        linear-gradient(
            145deg,
            rgba(43,43,43,0.97),
            rgba(10,7,9,0.98) 50%,
            rgba(40,2,10,0.97)
        ) !important;

    border-color:
        rgba(210,4,45,0.23) !important;

    transform:
        translateY(-3px);

    box-shadow:

        0 15px 30px rgba(0,0,0,0.70),

        0 0 30px rgba(210,4,45,0.15),

        0 10px 55px rgba(110,0,25,0.18),

        inset 0 1px 0 rgba(255,255,255,0.06),

        inset 0 -7px 30px rgba(210,4,45,0.09);
}


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

.elementor-6693 .elementor-element.elementor-element-2cf6571 table.shop_table td {

    background:
        transparent !important;

    color:
        rgba(255,255,255,0.72) !important;

    border:
        none !important;

    padding:
        14px 10px !important;
}


/* =========================================================
   PRODUCT IMAGE
   ========================================================= */

.elementor-6693 .elementor-element.elementor-element-2cf6571 table.shop_table .product-thumbnail img {

    border-radius:
        7px !important;

    box-shadow:

        0 10px 20px rgba(0,0,0,0.72),

        0 0 18px rgba(210,4,45,0.11),

        0 0 35px rgba(110,0,25,0.08);

    transition:
        all 0.35s ease;
}


.elementor-6693 .elementor-element.elementor-element-2cf6571 table.shop_table tbody tr:hover
.product-thumbnail img {

    transform:
        translateY(-4px)
        scale(1.03);

    box-shadow:

        0 15px 28px rgba(0,0,0,0.80),

        0 0 25px rgba(210,4,45,0.18),

        0 0 45px rgba(110,0,25,0.13);
}


/* =========================================================
   PRODUCT TITLE
   ========================================================= */

.elementor-6693 .elementor-element.elementor-element-2cf6571 table.shop_table .product-name a {

    color:
        #ffffff !important;

    font-weight:
        600;

    text-decoration:
        none !important;

    transition:
        all 0.3s ease;
}


.elementor-6693 .elementor-element.elementor-element-2cf6571 table.shop_table .product-name a:hover {

    color:
        #D2042D !important;

    text-shadow:

        0 0 10px rgba(210,4,45,0.32),
        0 0 25px rgba(210,4,45,0.12);
}


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

.elementor-6693 .elementor-element.elementor-element-2cf6571 table.shop_table .product-price,
.elementor-6693 .elementor-element.elementor-element-2cf6571 table.shop_table .product-subtotal {

    color:
        #D2042D !important;

    font-weight:
        700;

    text-shadow:

        0 0 10px rgba(210,4,45,0.32),
        0 0 25px rgba(210,4,45,0.14);
}


/* =========================================================
   QUANTITY
   ========================================================= */

.elementor-6693 .elementor-element.elementor-element-2cf6571 .quantity .qty {

    background:

        linear-gradient(
            145deg,
            rgba(35,35,35,0.96),
            rgba(8,5,7,0.99)
        ) !important;

    color:
        rgba(255,255,255,0.90) !important;

    border:
        1px solid rgba(210,4,45,0.18) !important;

    border-radius:
        7px !important;

    box-shadow:

        inset 0 2px 10px rgba(0,0,0,0.55),
        inset 0 -3px 10px rgba(210,4,45,0.05);
}


.elementor-6693 .elementor-element.elementor-element-2cf6571 .quantity .qty:focus {

    outline:
        none !important;

    border-color:
        rgba(210,4,45,0.60) !important;

    box-shadow:

        0 0 18px rgba(210,4,45,0.18),
        inset 0 0 15px rgba(210,4,45,0.07);
}


/* =========================================================
   REMOVE BUTTON
   ========================================================= */

.elementor-6693 .elementor-element.elementor-element-2cf6571 .product-remove a {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        28px;

    height:
        28px;

    color:
        rgba(255,90,70,0.55) !important;

    background:
        rgba(80,0,15,0.10) !important;

    border:
        1px solid rgba(210,4,45,0.20) !important;

    border-radius:
        50% !important;

    text-decoration:
        none !important;

    transition:
        all 0.3s ease;
}


.elementor-6693 .elementor-element.elementor-element-2cf6571 .product-remove a:hover {

    color:
        #ffffff !important;

    background:
        rgba(210,4,45,0.75) !important;

    border-color:
        rgba(210,4,45,0.90) !important;

    box-shadow:

        0 0 18px rgba(210,4,45,0.30),
        0 0 35px rgba(110,0,25,0.18);

    transform:
        rotate(90deg);
}


/* =========================================================
   OTHER CART BUTTONS
   TRANSPARENT / BORDER ONLY
   ========================================================= */

.elementor-6693 .elementor-element.elementor-element-2cf6571 .cart-actions button,
.elementor-6693 .elementor-element.elementor-element-2cf6571 .cart-actions .button,
.elementor-6693 .elementor-element.elementor-element-2cf6571 .actions button,
.elementor-6693 .elementor-element.elementor-element-2cf6571 .actions .button {

    background:
        transparent !important;

    color:
        rgba(255,85,65,0.65) !important;

    border:
        1px solid rgba(210,4,45,0.30) !important;

    border-radius:
        999px !important;

    box-shadow:

        0 0 15px rgba(210,4,45,0.04),
        inset 0 0 10px rgba(210,4,45,0.025);

    transition:
        all 0.35s ease;
}


/* =========================================================
   OTHER BUTTONS HOVER
   ========================================================= */

.elementor-6693 .elementor-element.elementor-element-2cf6571 .cart-actions button:hover,
.elementor-6693 .elementor-element.elementor-element-2cf6571 .cart-actions .button:hover,
.elementor-6693 .elementor-element.elementor-element-2cf6571 .actions button:hover,
.elementor-6693 .elementor-element.elementor-element-2cf6571 .actions .button:hover {

    background:
        rgba(210,4,45,0.10) !important;

    color:
        #ffffff !important;

    border-color:
        rgba(210,4,45,0.75) !important;

    box-shadow:

        0 0 22px rgba(210,4,45,0.22),
        0 0 50px rgba(110,0,25,0.14),

        0 10px 30px rgba(0,0,0,0.55),

        inset 0 1px 0 rgba(255,255,255,0.12),
        inset 0 -5px 15px rgba(210,4,45,0.08);

    transform:
        translateY(-3px);
}


/* =========================================================
   COUPON INPUT
   ========================================================= */

.elementor-6693 .elementor-element.elementor-element-2cf6571 .coupon input.input-text {

    background:

        linear-gradient(
            145deg,
            rgba(35,35,35,0.96),
            rgba(8,5,7,0.99)
        ) !important;

    color:
        #ffffff !important;

    border:
        1px solid rgba(210,4,45,0.17) !important;

    border-radius:
        999px !important;

    padding:
        10px 15px !important;

    box-shadow:

        inset 0 2px 10px rgba(0,0,0,0.50),
        inset 0 -3px 10px rgba(210,4,45,0.04);
}


.elementor-6693 .elementor-element.elementor-element-2cf6571 .coupon input.input-text::placeholder {

    color:
        rgba(255,255,255,0.30) !important;
}


.elementor-6693 .elementor-element.elementor-element-2cf6571 .coupon input.input-text:focus {

    outline:
        none !important;

    border-color:
        rgba(210,4,45,0.60) !important;

    box-shadow:

        0 0 18px rgba(210,4,45,0.16),
        inset 0 0 15px rgba(210,4,45,0.06);
}


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

.elementor-6693 .elementor-element.elementor-element-2cf6571 .cart_totals {

    position:
        relative;

    overflow:
        hidden;

    margin-top:
        25px;

    background:

        radial-gradient(
            ellipse at 50% 55%,
            rgba(210,4,45,0.15),
            transparent 60%
        ),

        linear-gradient(
            145deg,
            rgba(30,30,30,0.97),
            rgba(7,7,7,0.99) 55%,
            rgba(25,3,9,0.98)
        ) !important;

    border:
        1px solid rgba(210,4,45,0.14) !important;

    border-radius:
        10px !important;

    padding:
        22px !important;

    box-shadow:

        0 15px 30px rgba(0,0,0,0.80),
        0 35px 70px rgba(0,0,0,0.60),

        0 0 35px rgba(210,4,45,0.15),
        0 0 75px rgba(210,4,45,0.09),
        0 20px 90px rgba(110,0,25,0.13),

        inset 0 1px 0 rgba(255,255,255,0.07),
        inset 0 -8px 40px rgba(210,4,45,0.10);
}


/* =========================================================
   TOTALS GLASS REFLECTION
   ========================================================= */

.elementor-6693 .elementor-element.elementor-element-2cf6571 .cart_totals::before {

    content:
        "";

    position:
        absolute;

    top:
        -30%;

    left:
        -15%;

    width:
        130%;

    height:
        70%;

    background:

        linear-gradient(
            125deg,
            rgba(255,255,255,0.075),
            rgba(255,255,255,0.02) 35%,
            transparent 68%
        );

    transform:
        rotate(-4deg);

    border-radius:
        50%;

    filter:
        blur(3px);

    pointer-events:
        none;
}


/* =========================================================
   TOTALS CONTENT
   ========================================================= */

.elementor-6693 .elementor-element.elementor-element-2cf6571 .cart_totals > * {

    position:
        relative;

    z-index:
        2;
}


.elementor-6693 .elementor-element.elementor-element-2cf6571 .cart_totals h2 {

    color:
        #ffffff !important;

    font-weight:
        700;
}


.elementor-6693 .elementor-element.elementor-element-2cf6571 .cart_totals table,
.elementor-6693 .elementor-element.elementor-element-2cf6571 .cart_totals th,
.elementor-6693 .elementor-element.elementor-element-2cf6571 .cart_totals td {

    background:
        transparent !important;

    color:
        rgba(255,255,255,0.70) !important;

    border-color:
        rgba(210,4,45,0.10) !important;
}


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

.elementor-6693 .elementor-element.elementor-element-2cf6571 .cart_totals .amount {

    color:
        #D2042D !important;

    font-weight:
        700;

    text-shadow:

        0 0 10px rgba(210,4,45,0.35),
        0 0 25px rgba(210,4,45,0.15);
}


/* =========================================================
   CHECKOUT BUTTON
   PERMANENT FULL DARK CHERRY RED
   ========================================================= */

.elementor-6693 .elementor-element.elementor-element-2cf6571 .wc-proceed-to-checkout a.checkout-button {

    width:
        100%;

    display:
        block;

    position:
        relative;

    overflow:
        hidden;

    background:

        linear-gradient(
            135deg,
            #D2042D 0%,
            #B30328 42%,
            #85001D 75%,
            #620014 100%
        ) !important;

    color:
        #ffffff !important;

    border:
        1px solid rgba(255, 70, 95, 0.70) !important;

    border-radius:
        999px !important;

    padding:
        14px 24px !important;

    text-align:
        center;

    font-weight:
        700;

    letter-spacing:
        0.2px;

    box-shadow:

        /* Cherry outer glow */
        0 0 20px rgba(210,4,45,0.32),

        0 0 45px rgba(210,4,45,0.16),

        /* 3D shadow */
        0 10px 25px rgba(0,0,0,0.65),

        0 20px 50px rgba(75,0,15,0.30),

        /* Glass highlight */
        inset 0 1px 0 rgba(255,255,255,0.25),

        inset 0 3px 15px rgba(255,255,255,0.06),

        inset 0 -7px 18px rgba(55,0,12,0.35);

    transition:
        all 0.35s ease !important;
}


/* =========================================================
   CHECKOUT GLASS HIGHLIGHT
   ========================================================= */

.elementor-6693 .elementor-element.elementor-element-2cf6571 .wc-proceed-to-checkout a.checkout-button::before {

    content:
        "";

    position:
        absolute;

    top:
        -70%;

    left:
        -15%;

    width:
        130%;

    height:
        90%;

    background:

        linear-gradient(
            125deg,
            rgba(255,255,255,0.24),
            rgba(255,255,255,0.06) 35%,
            transparent 65%
        );

    transform:
        rotate(-4deg);

    border-radius:
        50%;

    filter:
        blur(2px);

    pointer-events:
        none;
}


/* =========================================================
   CHECKOUT HOVER
   STRONGER 3D CHERRY EFFECT
   ========================================================= */

.elementor-6693 .elementor-element.elementor-element-2cf6571 .wc-proceed-to-checkout a.checkout-button:hover {

    background:

        linear-gradient(
            135deg,
            #F01845 0%,
            #D2042D 42%,
            #A30225 72%,
            #720018 100%
        ) !important;

    color:
        #ffffff !important;

    border-color:
        rgba(255,105,125,0.90) !important;

    box-shadow:

        0 0 25px rgba(210,4,45,0.50),

        0 0 55px rgba(210,4,45,0.28),

        0 0 95px rgba(100,0,20,0.15),

        0 14px 30px rgba(0,0,0,0.70),

        0 25px 60px rgba(65,0,14,0.35),

        inset 0 1px 0 rgba(255,255,255,0.32),

        inset 0 4px 18px rgba(255,255,255,0.08),

        inset 0 -8px 20px rgba(55,0,12,0.40);

    transform:
        translateY(-4px)
        scale(1.015);
}


/* =========================================================
   CHECKOUT ACTIVE / CLICK
   ========================================================= */

.elementor-6693 .elementor-element.elementor-element-2cf6571 .wc-proceed-to-checkout a.checkout-button:active {

    background:

        linear-gradient(
            135deg,
            #B30328,
            #780017
        ) !important;

    transform:
        translateY(-1px)
        scale(0.99);

    box-shadow:

        0 0 20px rgba(210,4,45,0.35),

        inset 0 4px 12px rgba(0,0,0,0.40);
}


/* =========================================================
   CHECKOUT BUTTON TEXT
   ========================================================= */

.elementor-6693 .elementor-element.elementor-element-2cf6571 .wc-proceed-to-checkout a.checkout-button span {

    position:
        relative;

    z-index:
        2;
}


/* =========================================================
   GENERAL LINKS
   ========================================================= */

.elementor-6693 .elementor-element.elementor-element-2cf6571 a {

    transition:
        color 0.25s ease;
}


/* =========================================================
   FOCUS
   ========================================================= */

.elementor-6693 .elementor-element.elementor-element-2cf6571 button:focus,
.elementor-6693 .elementor-element.elementor-element-2cf6571 a:focus,
.elementor-6693 .elementor-element.elementor-element-2cf6571 input:focus {

    outline:
        none !important;
}


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

@media (max-width: 767px) {

    .elementor-6693 .elementor-element.elementor-element-2cf6571 {

        padding:
            15px !important;

        border-radius:
            9px !important;

        box-shadow:

            0 12px 25px rgba(0,0,0,0.80),

            0 25px 55px rgba(0,0,0,0.55),

            0 0 35px rgba(210,4,45,0.12),

            0 0 70px rgba(110,0,25,0.09),

            inset 0 1px 0 rgba(255,255,255,0.06),

            inset 0 -6px 30px rgba(210,4,45,0.10);
    }


    .elementor-6693 .elementor-element.elementor-element-2cf6571::after {

        width:
            320px;

        height:
            320px;
    }


    .elementor-6693 .elementor-element.elementor-element-2cf6571 .cart_totals {

        padding:
            16px !important;

        border-radius:
            9px !important;
    }


    .elementor-6693 .elementor-element.elementor-element-2cf6571 .wc-proceed-to-checkout a.checkout-button {

        padding:
            13px 20px !important;

        border-radius:
            999px !important;
    }
}
```/* End custom CSS */