.elementor-141 .elementor-element.elementor-element-b29cf40{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-141 .elementor-element.elementor-element-b2d6837{--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;}.elementor-141 .elementor-element.elementor-element-82e2ab9{padding:0px 5px 0px 5px;}@media(min-width:768px){.elementor-141 .elementor-element.elementor-element-b2d6837{--width:100%;}}@media(max-width:767px){.elementor-141 .elementor-element.elementor-element-b29cf40{--margin-top:-60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-141 .elementor-element.elementor-element-b2d6837{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-141 .elementor-element.elementor-element-82e2ab9{padding:10px 10px 10px 10px;}}/* Start custom CSS for shortcode, class: .elementor-element-82e2ab9 *//* =====================================================
   PEMPEKTOP PREMIUM CART UI
===================================================== */

/* DESKTOP CLEAN */
.woocommerce table.shop_table{

    border:none !important;

    background:transparent !important;
}

.woocommerce table.shop_table tr.cart_item{

    background:#f8f8f8 !important;

    border-radius:var(--mobile-card-radius) !important;

    overflow:hidden !important;

    margin-bottom:20px !important;
}

/* IMAGE */
.product-thumbnail img{

    width:82px !important;

    min-width:82px !important;

    max-width:82px !important;

    height:82px !important;

    min-height:82px !important;

    max-height:82px !important;

    aspect-ratio:1/1 !important;

    object-fit:cover !important;

    border-radius:18px !important;

    display:block !important;
}

/* TITLE */
.product-name a{

    font-size:12px !important;
    font-weight:700 !important;

    line-height:1.4 !important;

    color:#1f2937 !important;

    text-decoration:none !important;
}

/* PRICE */
.product-price,
.product-subtotal{

    font-size:15px !important;
    font-weight:700 !important;

    color:#111827 !important;
}

/* QTY */
.woocommerce .quantity{
    display:flex !important;
    justify-content:center !important;
}

.woocommerce .quantity input.qty{

    width:74px !important;
    height:46px !important;

    border:none !important;

    background:#f5f5f5 !important;

    border-radius:999px !important;

    font-size:15px !important;
    font-weight:700 !important;

    text-align:center !important;
}

/* REMOVE BTN */
@media(min-width:768px){

    .product-remove a{

        color:#dc2626 !important;

        font-size:28px !important;

        font-weight:700 !important;
    }

}

/* BUTTONS */
.coupon button,
button[name="update_cart"],
.checkout-button{

    border:none !important;

    border-radius:18px !important;

    font-weight:700 !important;
}

/* CART TOTAL */
.cart_totals{

    background:#fff !important;

    border-radius:28px !important;

    padding:34px !important;

    box-shadow:
    0 8px 30px rgba(0,0,0,.05);
}

/* =====================================
   MOBILE CLEAN CONFIG
===================================== */

@media(max-width:767px){

    :root{

        --mobile-card-radius:24px;
        --mobile-card-gap:5px;

        --mobile-image-size:90px;
        --mobile-image-radius:18px;

        --mobile-font-title:15px;
        --mobile-font-price:15px;

        --mobile-qty-width:62px;
        --mobile-qty-height:42px;

        --mobile-btn-height:52px;
        --mobile-btn-radius:16px;

        --mobile-checkout-side:20px;
    }

    /* CARD */

    .woocommerce table.shop_table{

        border-collapse:separate !important;

        border-spacing:0 var(--mobile-card-gap) !important;
    }

    .woocommerce table.shop_table tr.cart_item{

        background:#f8f8f8 !important;

        border-radius:var(--mobile-card-radius) !important;

        overflow:hidden !important;
    }

    .woocommerce table.shop_table td{

        border:none !important;

        background:transparent !important;

        padding:14px 18px !important;
    }

    /* REMOVE */
    td.product-remove{

    width:36px !important;

    padding-right:8px !important;

    text-align:center !important;
   }

td.product-remove a{

    width:34px !important;

    height:34px !important;

    border-radius:50% !important;

    background:#fff1f1 !important;

    color:#b91c1c !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    font-size:22px !important;

    font-weight:700 !important;

    margin:0 auto !important;
}

    /* IMAGE */

    td.product-thumbnail{

        display:block !important;

        text-align:center !important;

        width:90% !important;

        padding-top:18px !important;
    }

    td.product-thumbnail::before{

        display:none !important;
    }

    td.product-thumbnail img{

        width:var(--mobile-image-size) !important;

        height:var(--mobile-image-size) !important;

        min-width:var(--mobile-image-size) !important;

        max-width:var(--mobile-image-size) !important;

        min-height:var(--mobile-image-size) !important;

        max-height:var(--mobile-image-size) !important;

        border-radius:var(--mobile-image-radius) !important;

        object-fit:cover !important;

        margin:0 auto !important;

        display:block !important;
    }

    /* LABEL */

    .woocommerce table.shop_table_responsive tr td::before{

        font-size:15px !important;

        font-weight:700 !important;

        color:#777 !important;
    }

    /* TEXT */

    .product-name,
    .product-price,
    .product-quantity,
    .product-subtotal{

        text-align:right !important;
        padding-left:18px !important;
    }

    .product-name a{

    display:inline-block !important;

    max-width:220px !important;

    margin-left:12px !important;

    font-size:var(--mobile-font-title) !important;

    font-weight:700 !important;

    line-height:1.5 !important;
}

    .product-price,
    .product-subtotal{

        font-size:var(--mobile-font-price) !important;

        font-weight:700 !important;
    }

    /* QTY */

    .woocommerce table.shop_table_responsive tr td.product-quantity{

        display:flex !important;

        align-items:center !important;

        justify-content:space-between !important;
    }

    .woocommerce table.shop_table_responsive tr td.product-quantity .quantity{

        margin-left:auto !important;
    }

    .quantity input.qty{

        width:var(--mobile-qty-width) !important;

        height:var(--mobile-qty-height) !important;

        border:none !important;

        background:#fff !important;

        border-radius:999px !important;

        box-shadow:0 4px 12px rgba(0,0,0,.06) !important;
    }

    /* COUPON */

    .actions{

        display:flex !important;

        flex-direction:column !important;

        gap:12px !important;

        padding:0 !important;

        background:transparent !important;
    }

    .coupon{

        width:100% !important;

        display:flex !important;

        flex-direction:column !important;

        gap:12px !important;
    }

    .coupon input.input-text,
    .coupon button,
    button[name="update_cart"]{

        width:100% !important;

        height:var(--mobile-btn-height) !important;

        border-radius:var(--mobile-btn-radius) !important;

        margin:0 !important;
    }

}

/* DESKTOP REMOVE REAL FIX */

@media(min-width:768px){

    td.product-remove{

        width:56px !important;

        min-width:56px !important;

        padding:0 10px !important;

        text-align:center !important;

        vertical-align:middle !important;
    }

    td.product-remove a{

        display:inline-flex !important;

        align-items:center !important;

        justify-content:center !important;

        width:28px !important;

        height:28px !important;

        margin:0 auto !important;

        font-size:26px !important;

        font-weight:700 !important;

        line-height:1 !important;

        color:#dc2626 !important;
    }

}

/* DESKTOP ROW SPACING FIX */

@media(min-width:768px){

    .woocommerce table.shop_table tbody tr.cart_item td{

        padding-top:22px !important;

        padding-bottom:22px !important;

        background:#fff !important;
    }

    .woocommerce table.shop_table tbody tr.cart_item{

        box-shadow:
        0 0 0 10px #f5f2ea !important;
    }

}

/* =====================================
   PREMIUM DESKTOP CARD UI
===================================== */

@media(min-width:768px){

    /* TABLE */

    .woocommerce table.shop_table{

        border:none !important;

        background:transparent !important;
    }

    .woocommerce table.shop_table th,
    .woocommerce table.shop_table td{

        border:none !important;
    }

    /* HEADER */

    .woocommerce table.shop_table thead th{

        background:transparent !important;

        color:#767676 !important;

        font-size:14px !important;

        font-weight:800 !important;

        letter-spacing:1px !important;

        text-transform:uppercase !important;

        padding-bottom:18px !important;
    }

    /* ROW */

    .woocommerce table.shop_table tbody tr.cart_item{

        background:#fff !important;

        box-shadow:
        0 8px 30px rgba(0,0,0,.05) !important;

        border-radius:28px !important;

        overflow:hidden !important;
    }

    .woocommerce table.shop_table tbody tr.cart_item td{

        background:#fff !important;

        padding:28px 18px !important;

        vertical-align:middle !important;
    }

    /* GAP ANTAR CARD */

    .woocommerce table.shop_table{

        border-collapse:separate !important;

        border-spacing:0 22px !important;
    }

    /* REMOVE */

    td.product-remove{

        width:80px !important;

        text-align:center !important;
    }

    td.product-remove a{

        color:#dc2626 !important;

        font-size:22px !important;

        font-weight:700 !important;

        text-decoration:none !important;
    }

    /* IMAGE */

    td.product-thumbnail{

        width:62px !important;
    }

    td.product-thumbnail img{

        width:62px !important;

        height:62px !important;

        object-fit:cover !important;

        border-radius:10px !important;
    }

    /* TITLE */

    .product-name a{

        font-size:16px !important;

        font-weight:700 !important;

        line-height:1.5 !important;

        color:#1f2937 !important;

        text-decoration:none !important;
    }

    /* PRICE */

    td.product-price,
    td.product-subtotal{

        font-size:16px !important;

        font-weight:700 !important;

        color:#111827 !important;
    }

}

/* HIDE SUBTOTAL */

.kj-cart-total .cart-subtotal{

    display:none !important;
}

@media(max-width:767px){

    body.woocommerce-cart{

        padding-bottom:95px !important;
    }

    /* STICKY BAR */
    .kj-cart-total{

        position:fixed !important;

        left:0 !important;
        bottom:0 !important;

        width:100% !important;

        background:#fff5dc !important;

        padding:2px 16px !important;

        display:flex !important;

        align-items:center !important;

        justify-content:space-between !important;

        gap:18px !important;

        z-index:99999 !important;

        border-radius:0 !important;

        box-shadow:0 -6px 20px rgba(0,0,0,.08) !important;
    }

    /* HIDE UNNEEDED */
    .kj-cart-total h2,
    .kj-cart-total .woocommerce-shipping-totals,
    .kj-cart-total .cart-subtotal,
    .kj-cart-total .kj-judul{

        display:none !important;
    }

    /* CLEAN TABLE */
    .kj-cart-total table{

        margin:0 !important;

        border:none !important;

        background:none !important;
    }

    .kj-cart-total tr,
    .kj-cart-total th,
    .kj-cart-total td{

        border:none !important;

        background:none !important;

        padding:0 !important;

        margin:0 !important;
    }

    /* HIDE DUPLICATE LABEL */
    .kj-cart-total .order-total td::before{

        display:none !important;

        content:none !important;
    }

    /* LEFT PRICE */
    .kj-cart-total .order-total{

    display:flex !important;

    flex-direction:column !important;

    align-items:flex-start !important;

    justify-content:center !important;

    margin:0 !important;

    padding:0 !important;
}

.kj-cart-total .order-total th{

    display:block !important;

    width:100% !important;

    text-align:left !important;

    margin:0 0 4px 0 !important;

    padding:0 !important;

    font-size:12px !important;

    color:#777 !important;

    line-height:1 !important;
}

.kj-cart-total .order-total td{

    display:block !important;

    width:100% !important;

    text-align:left !important;

    margin-left:-16px !important;
}

.kj-cart-total .order-total td::before{

    display:none !important;

    content:none !important;
}

.kj-cart-total .order-total .amount,
.kj-cart-total .order-total bdi{

    display:block !important;

    text-align:left !important;

    margin:0 !important;

    padding:0 !important;

    font-size:22px !important;

    font-weight:800 !important;

    color:#ffb600 !important;

    line-height:1 !important;
}

    /* BUTTON WRAP */
    .kj-cart-total .wc-proceed-to-checkout{

    margin-top:10px !important;

    padding:0 !important;

    width:auto !important;

    flex:none !important;
}

    /* BUTTON */
    .kj-cart-total .checkout-button{

        min-width:170px !important;

        height:54px !important;

        padding:0 46px !important;

        border-radius:18px !important;

        background:#1f2a44 !important;

        color:#fff !important;

        display:flex !important;

        align-items:center !important;

        justify-content:center !important;

        gap:8px !important;

        font-weight:700 !important;

        font-size:18px !important;

        line-height:1 !important;

        text-decoration:none !important;

        white-space:nowrap !important;

        border:2px solid #d85b7b !important;

        box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 4px 12px rgba(216,91,123,.18) !important;
    }

    .kj-cart-total .checkout-button::before{

        content:'⚡';
    }
}

.kj-cart-total .order-total th{

    margin:0 0 1px 0 !important;

    padding-bottom:0px !important;

    line-height:1 !important;
}

.kj-cart-total .order-total td{

    margin-top:-1px !important;

    padding-top:0px !important;
}

.kj-cart-total .order-total .amount,
.kj-cart-total .order-total bdi{

    line-height:.9 !important;

    margin-top:-4px !important;

    letter-spacing:-0.5px !important;
}

/* DESKTOP CHECKOUT BUTTON */

@media(min-width:768px){

    .wc-proceed-to-checkout .checkout-button{

        background:#1f2a44 !important;

        color:#fff !important;

        border:2px solid #d85b7b !important;

        border-radius:18px !important;

        font-weight:700 !important;

        font-size:18px !important;

        box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 4px 12px rgba(216,91,123,.18) !important;
    }

}/* End custom CSS */