.elementor-63 .elementor-element.elementor-element-3d11ff3d{--display:flex;}.elementor-63 .elementor-element.elementor-element-32349cc{--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;}/* Start custom CSS for container, class: .elementor-element-3d11ff3d *//* ===========================================
   POUYAWEB — Cart UI Final Stable Fix v7.0
=========================================== */


/* -------------------------------------------
   FIX: Prevent global button stretching
------------------------------------------- */
.woocommerce-cart .wc-proceed-to-checkout {
    width: auto !important;
    display: block !important;
    text-align: left !important; /* makes button shrink naturally */
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    width: auto !important;
    min-width: 220px;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
}


/* -------------------------------------------
   FULL BOX STYLE (Left + Right Boxes)
------------------------------------------- */
.woocommerce-cart .woocommerce-cart-form,
.woocommerce-cart .cart-collaterals .cart_totals {
    background: #ffffff !important;
    border-radius: 26px !important;
    padding: 26px 28px !important;
    margin-bottom: 30px !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.06) !important;
    position: relative;
}

/* Blue Accent Bar */
.woocommerce-cart .woocommerce-cart-form::before,
.woocommerce-cart .cart-collaterals .cart_totals::before {
    content: "";
    position: absolute;
    left: 0;
    top: 14px;
    bottom: 14px;
    width: 6px;
    background: linear-gradient(180deg, #7F8CFF, #6C77FF);
    border-radius: 12px;
    box-shadow: 0 0 12px rgba(119,127,255,0.45);
}



/* ===========================================
   CART TABLE (REMOVE borders)
=========================================== */
.woocommerce-cart table.shop_table {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}



/* ===========================================
   TITLES — PRODUCT / PRICE / QUANTITY / SUBTOTAL
=========================================== */

/* Remove all default underline */
.woocommerce-cart table.shop_table thead th::after {
    content: none !important;
}

/* Base style */
.woocommerce-cart table.shop_table thead th {
    color: #777FFF !important;
    font-weight: 700 !important;
    position: relative;
    padding-bottom: 6px !important;
}

/* Some themes wrap text inside <a> instead of <span> */
.woocommerce-cart table.shop_table thead th span,
.woocommerce-cart table.shop_table thead th a {
    display: inline-block !important;
    position: relative;
    padding-bottom: 4px;
}

/* Underline only for text-bearing columns */
th.product-name span::after,
th.product-name a::after,
th.product-price span::after,
th.product-quantity span::after,
th.product-subtotal span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #777FFF, #9AA0FF);
    border-radius: 4px;
    transform: scaleX(0);
    transform-origin: left;
    transition: .25s ease;
    opacity: .9;
}

/* Hover */
th.product-name:hover span::after,
th.product-name:hover a::after,
th.product-price:hover span::after,
th.product-quantity:hover span::after,
th.product-subtotal:hover span::after {
    transform: scaleX(1);
}

/* Do NOT apply underline to these */
th.product-remove,
th.product-thumbnail {
    pointer-events: none !important;
}

th.product-remove span::after,
th.product-thumbnail span::after {
    content: none !important;
}



/* ===========================================
   PROCEED BUTTON UI
=========================================== */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background: linear-gradient(135deg, #777FFF, #9AA0FF) !important;
    border-radius: 14px !important;
    padding: 16px 22px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #fff !important;
    box-shadow: 0 8px 22px rgba(119,127,255,0.35) !important;
    transition: .25s ease;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    transform: translateY(-2px);
    opacity: .93;
}



/* ===========================================
   CART TOTALS TITLE
=========================================== */
.woocommerce-cart .cart_totals h2 {
    color: #777FFF !important;
    font-weight: 700 !important;
    position: relative;
    display: inline-block;
    padding-bottom: 6px;
}

.woocommerce-cart .cart_totals h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 3px;
    background: linear-gradient(90deg, #777FFF, #9AA0FF);
    border-radius: 4px;
    transition: .25s ease;
}

.woocommerce-cart .cart_totals h2:hover::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d10434e *//* ============================================
   POUYAWEB – Full Width SEO Section v4.0
   Applies to Cart & Checkout SEO blocks
============================================ */

/* FULL WIDTH WRAPPER */
.pw-cart-seo,
.pw-checkout-seo {
    width: 100% !important;
    max-width: 100% !important;
    margin: 60px 0 80px !important;
    padding: 45px 5% !important;
    background: #ffffff;
    border-radius: 0;
    box-shadow: 0 8px 28px rgba(0,0,0,0.06);
    border-top: 5px solid #777FFF;
    border-bottom: 5px solid #777FFF;
}

/* Text Style */
.pw-cart-seo p,
.pw-checkout-seo p {
    font-size: 17px;
    line-height: 1.78;
    color: #444;
    margin-bottom: 20px;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

/* CENTERED CONTENT INSIDE FULL WIDTH */
.pw-cart-seo h2,
.pw-checkout-seo h2,
.pw-cart-seo p,
.pw-checkout-seo p {
    padding-left: 0;
    padding-right: 0;
}

/* HEADINGS */
.pw-cart-seo h2,
.pw-checkout-seo h2 {
    font-size: 30px;
    font-weight: 800;
    color: #777FFF;
    margin-bottom: 28px;
    position: relative;
    display: inline-block;
    padding-bottom: 8px;
}

/* Soft underline hover */
.pw-cart-seo h2::after,
.pw-checkout-seo h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #777FFF, #A7A8FF);
    border-radius: 4px;
    transform: scaleX(0);
    transform-origin: left;
    transition: .35s ease;
    opacity: .9;
}

.pw-cart-seo h2:hover::after,
.pw-checkout-seo h2:hover::after {
    transform: scaleX(1);
}

/* LINKS */
.pw-cart-seo a,
.pw-checkout-seo a {
    color: #777FFF !important;
    text-decoration: none;
    font-weight: 600;
    position: relative;
    transition: .25s ease;
}

.pw-cart-seo a::after,
.pw-checkout-seo a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 2px;
    width: 100%;
    background: linear-gradient(90deg, #777FFF, #A7A8FF);
    transform: scaleX(0);
    transform-origin: left;
    transition: .3s ease;
    border-radius: 4px;
}

.pw-cart-seo a:hover::after,
.pw-checkout-seo a:hover::after {
    transform: scaleX(1);
}

/* MOBILE FIX */
@media (max-width: 768px) {
    .pw-cart-seo,
    .pw-checkout-seo {
        padding: 30px 20px !important;
        border-top-width: 4px;
        border-bottom-width: 4px;
    }

    .pw-cart-seo p,
    .pw-checkout-seo p {
        font-size: 15.5px;
    }

    .pw-cart-seo h2,
    .pw-checkout-seo h2 {
        font-size: 24px;
    }
}/* End custom CSS */