.elementor-59 .elementor-element.elementor-element-336548bc{--display:flex;--min-height:75vh;--justify-content:center;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-59 .elementor-element.elementor-element-336548bc:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-336548bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-59 .elementor-element.elementor-element-d18bc86{padding:0px 0px 30px 0px;text-align:center;}.elementor-59 .elementor-element.elementor-element-d18bc86 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:32px;font-weight:700;color:#050505;}.elementor-59 .elementor-element.elementor-element-962deb8 .shop_table .button{background-color:var( --e-global-color-b22f3f8 );font-family:"Roboto", Sans-serif;font-size:13px;font-weight:300;line-height:23px;}.elementor-59 .elementor-element.elementor-element-962deb8 .shop_table .button:hover, .elementor-59 .elementor-element.elementor-element-962deb8 .shop_table .button:disabled[disabled]:hover{background-color:#000000;}.elementor-59 .elementor-element.elementor-element-962deb8 .woocommerce .wc-proceed-to-checkout .checkout-button{background-color:var( --e-global-color-b22f3f8 );}.elementor-59 .elementor-element.elementor-element-962deb8 .woocommerce .wc-proceed-to-checkout .checkout-button:hover{background-color:#000000;}.elementor-59 .elementor-element.elementor-element-962deb8{--sections-background-color:#FFFFFF;--sections-border-type:none;--sections-border-radius:15px 15px 15px 15px;--sections-padding:50px 50px 50px 50px;--sections-title-color:#0E0E0E;--links-normal-color:var( --e-global-color-b22f3f8 );--links-hover-color:var( --e-global-color-secondary );--sections-radio-buttons-color:#000000;--forms-fields-normal-color:#A7A7A7;--forms-fields-focus-color:var( --e-global-color-b22f3f8 );--forms-fields-border-radius:50px 50px 50px 50px;--forms-buttons-normal-text-color:#FFFFFF;--forms-buttons-hover-text-color:#FFFFFF;--forms-buttons-border-type:none;--forms-buttons-border-radius:30px 30px 30px 30px;--forms-buttons-padding:10px 25px 10px 25px;--forms-buttons-width:auto;--order-summary-rows-gap-top:calc( 49px/2 );--order-summary-rows-gap-bottom:calc( 49px/2 );--order-summary-color:#3B3A3A;--order-summary-variations-color:#000000;--product-link-normal-color:#272727;--product-link-hover-color:var( --e-global-color-b22f3f8 );--order-summary-items-divider-color:var( --e-global-color-b22f3f8 );--order-summary-remove-icon-normal-color:var( --e-global-color-b22f3f8 );--order-summary-remove-icon-hover-color:#2B2B2B;--totals-rows-gap-top:calc( 17px/2 );--totals-rows-gap-bottom:calc( 17px/2 );--totals-color:#111111;--checkout-button-normal-text-color:#FFFFFF;--checkout-button-border-radius:30px 30px 30px 30px;}.elementor-59 .elementor-element.elementor-element-962deb8 .e-cart-section{box-shadow:0px 0px 10px 0px rgba(207.39999999999998, 207.39999999999998, 207.39999999999998, 0.5);}.elementor-59 .elementor-element.elementor-element-962deb8 .cart_totals h2{font-family:"Roboto", Sans-serif;font-size:13px;font-weight:500;}.elementor-59 .elementor-element.elementor-element-962deb8 {--sections-descriptions-color:#0E0E0E;}.elementor-59 .elementor-element.elementor-element-962deb8 .e-cart-content, .elementor-59 .elementor-element.elementor-element-962deb8 .woocommerce-shipping-destination, .elementor-59 .elementor-element.elementor-element-962deb8 .shipping-calculator-button{font-family:"Roboto", Sans-serif;font-size:13px;font-weight:400;}.elementor-59 .elementor-element.elementor-element-962deb8 #shipping_method li label{font-family:"Inter", Sans-serif;font-size:13px;}.elementor-59 .elementor-element.elementor-element-962deb8 .coupon .input-text, .elementor-59 .elementor-element.elementor-element-962deb8 .cart-collaterals .input-text, .elementor-59 .elementor-element.elementor-element-962deb8 select, .elementor-59 .elementor-element.elementor-element-962deb8 .select2-selection--single{font-family:"Roboto", Sans-serif;font-size:13px;font-weight:400;border-style:solid;border-width:1px 1px 1px 1px;}.e-woo-select2-wrapper .select2-results__option{color:#A7A7A7;}.elementor-59 .elementor-element.elementor-element-962deb8 .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#A7A7A7 transparent transparent transparent;}.e-woo-select2-wrapper .select2-results__option:focus{color:var( --e-global-color-b22f3f8 );}.elementor-59 .elementor-element.elementor-element-962deb8 .woocommerce-cart-form{--order-summary-title-color:#161616;}.elementor-59 .elementor-element.elementor-element-962deb8 .e-shop-table .cart th, .elementor-59 .elementor-element.elementor-element-962deb8 .e-shop-table .cart td:before{font-family:"Roboto", Sans-serif;font-size:13px;font-weight:500;}.elementor-59 .elementor-element.elementor-element-962deb8 .cart td span, .elementor-59 .elementor-element.elementor-element-962deb8 .cart td, .elementor-59 .elementor-element.elementor-element-962deb8 .input-text.qty{font-family:"Roboto", Sans-serif;font-size:13px;font-weight:500;}.elementor-59 .elementor-element.elementor-element-962deb8 .product-name .variation{font-family:"Roboto", Sans-serif;font-size:13px;font-weight:500;}.elementor-59 .elementor-element.elementor-element-962deb8 .cart_totals .shop_table td:before, .elementor-59 .elementor-element.elementor-element-962deb8 .cart_totals .shop_table td .woocommerce-Price-amount{font-family:"Roboto", Sans-serif;font-size:13px;font-weight:500;}.elementor-59 .elementor-element.elementor-element-962deb8 .checkout-button{font-family:"Roboto", Sans-serif;font-size:13px;font-weight:300;line-height:20px;}@media(max-width:767px){.elementor-59 .elementor-element.elementor-element-336548bc{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-59 .elementor-element.elementor-element-962deb8{--sections-padding:24px 24px 24px 24px;--forms-rows-gap:0px;}.elementor-59 .elementor-element.elementor-element-962deb8 .cart_totals h2{font-size:13px;}.elementor-59 .elementor-element.elementor-element-962deb8 .e-cart-content, .elementor-59 .elementor-element.elementor-element-962deb8 .woocommerce-shipping-destination, .elementor-59 .elementor-element.elementor-element-962deb8 .shipping-calculator-button{font-size:12px;}.elementor-59 .elementor-element.elementor-element-962deb8 .coupon .input-text, .elementor-59 .elementor-element.elementor-element-962deb8 .cart-collaterals .input-text, .elementor-59 .elementor-element.elementor-element-962deb8 select, .elementor-59 .elementor-element.elementor-element-962deb8 .select2-selection--single{font-size:13px;}.elementor-59 .elementor-element.elementor-element-962deb8 .shop_table .button{font-size:13px;}.elementor-59 .elementor-element.elementor-element-962deb8 .e-shop-table .cart th, .elementor-59 .elementor-element.elementor-element-962deb8 .e-shop-table .cart td:before{font-size:13px;}.elementor-59 .elementor-element.elementor-element-962deb8 .cart td span, .elementor-59 .elementor-element.elementor-element-962deb8 .cart td, .elementor-59 .elementor-element.elementor-element-962deb8 .input-text.qty{font-size:13px;}.elementor-59 .elementor-element.elementor-element-962deb8 .product-name .variation{font-size:13px;}.elementor-59 .elementor-element.elementor-element-962deb8 .cart_totals .shop_table td:before, .elementor-59 .elementor-element.elementor-element-962deb8 .cart_totals .shop_table td .woocommerce-Price-amount{font-size:13px;}.elementor-59 .elementor-element.elementor-element-962deb8 .checkout-button{font-size:13px;}}@media(min-width:768px){.elementor-59 .elementor-element.elementor-element-336548bc{--content-width:80vw;}}/* Start custom CSS for woocommerce-cart, class: .elementor-element-962deb8 *//* ============================================================
   FORGEO CART PAGE - FULL CSS
   Mobile Layout:
     Row 1 → [Thumbnail] [Product Name]
     Row 2 → [Thumbnail] [Quantity] [Subtotal] [Delete]
   ============================================================ */


/* -----------------------------------------------------------
   1. RADIO BUTTON ACCENT COLOR
   ----------------------------------------------------------- */
input[type="radio"]:checked {
    accent-color: #BB2025;
}

.shipping-methods input[type="radio"] {
    accent-color: #BB2025;
}


/* -----------------------------------------------------------
   2. QUANTITY BUTTON BASE STYLES (QIB PLUGIN)
   ----------------------------------------------------------- */
body .qib-button-wrapper .minus.qib-button,
body .qib-button-wrapper .plus.qib-button {
    background: #a19f9f14;
    border-radius: 100px;
}

.qib-button-wrapper .quantity input.input-text.qty.text {
    font-size: 14px;
    line-height: 13px;
}

.qib-button-wrapper button.qib-button,
.qib-button-wrapper div.quantity.wqpmb_quantity {
    float: none !important;
    height: 41px;
    align-items: center;
}

/* Resize Minus and Plus buttons */
body .qib-button-wrapper button.minus.qib-button,
body .qib-button-wrapper button.plus.qib-button {
    width: 30px !important;
    height: 30px !important;
    min-width: 20px !important;
    padding: 0 !important;
    font-size: 12px !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50px !important;
}

/* Quantity input field */
body .qib-button-wrapper .quantity input.input-text.qty.text {
    font-size: 13px !important;
    height: 20px !important;
    width: 25px !important;
    padding: 0 !important;
    vertical-align: middle !important;
}


/* -----------------------------------------------------------
   3. COUPON FIELD
   ----------------------------------------------------------- */
.woocommerce .coupon input#coupon_code,
.woocommerce .coupon .button {
    height: 43px !important;
    border-radius: 25px;
    padding-left: 15px !important;
    padding-right: 15px !important;
}


/* -----------------------------------------------------------
   4. DESKTOP: REMOVE TOP BORDER ON FIRST ROW
   ----------------------------------------------------------- */
@media (min-width: 768px) {
    .elementor-widget-woocommerce-cart .woocommerce table.cart tbody tr:first-child td {
        border-top: none;
    }
}


/* -----------------------------------------------------------
   5. MOBILE CART LAYOUT
   ----------------------------------------------------------- */
@media (max-width: 767px) {

    /* Hide table header */
    .woocommerce-cart-form .shop_table thead {
        display: none !important;
    }

    /*
      Layout:
        [ thumb ] [ name                        ]
        [ thumb ] [ qty ] [ subtotal ] [ remove ]

      Use flex on the tr, then wrap name + actions
      inside the right column — avoids grid column
      sizing issues where auto columns inherit the
      widest cell width from row 1.
    */
    .woocommerce-cart-form .shop_table tbody tr.cart_item {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        padding: 16px 0 !important;
        border-bottom: 1px solid #eee !important;
        gap: 12px !important;
    }

    /* Reset ALL td */
    .woocommerce-cart-form .shop_table tbody tr.cart_item td {
        display: block !important;
        padding: 0 !important;
        border: none !important;
        background: none !important;
    }

    /* Kill ALL ::before pseudo-element labels */
    .woocommerce-cart-form .shop_table tbody tr.cart_item td::before {
        display: none !important;
        content: "" !important;
    }

    /* ── HIDE unit price completely ── */
    .woocommerce-cart-form td.product-price {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        position: absolute !important;
        pointer-events: none !important;
    }

    /* ── Col 1: Thumbnail (fixed width, centered vertically) ── */
    .woocommerce-cart-form td.product-thumbnail {
        flex: 0 0 70px !important;
        width: 70px !important;
        align-self: center !important;
        padding: 0 !important;
    }

    .woocommerce-cart-form td.product-thumbnail img {
        display: block !important;
        width: 70px !important;
        height: 70px !important;
        object-fit: contain !important;
        border-radius: 6px !important;
        margin: 0 !important;
        min-width: unset !important;
    }

    /* ── Col 2: Name (grows, row 1) ── */
    .woocommerce-cart-form td.product-name {
        flex: 1 1 auto !important;
        align-self: flex-end !important;
        padding: 0 !important;
        text-align: left !important;
        /* Push name to top, actions below via order */
        order: 2 !important;
    }

    .woocommerce-cart-form td.product-name a {
        font-weight: 600 !important;
        font-size: 13px !important;
        display: block !important;
        line-height: 1.4 !important;
        color: #333 !important;
        text-align: left !important;
    }

    /* ── Col 2 actions: quantity, subtotal, remove sit BELOW name ──
       Trick: wrap the tr as a 2-col layout (thumb | right-side),
       where right-side stacks name on top and actions on bottom.
       We achieve this by giving thumb position:relative spanning
       full height, and making name + qty + subtotal + remove
       all sit in a flex-column in col 2.
    */

    /* Right-side cells all share col 2 via flex column */
    .woocommerce-cart-form td.product-name,
    .woocommerce-cart-form td.product-quantity,
    .woocommerce-cart-form td.product-subtotal,
    .woocommerce-cart-form td.product-remove {
        flex: 0 0 auto !important;
        width: auto !important;
    }

    /* Wrap right-side into a column using a pseudo-flex container.
       Since we can't add a wrapper div, we use the tr as a 2-item flex:
       [thumb] + [everything else in a column].
       We do this by making name take full width and break,
       then qty/subtotal/remove sit in a row below it. */

    .woocommerce-cart-form .shop_table tbody tr.cart_item {
        display: grid !important;
        grid-template-columns: 70px 1fr !important;
        grid-template-rows: auto auto !important;
        grid-template-areas:
            "thumb  name"
            "thumb  actions" !important;
        align-items: start !important;
        gap: 6px 12px !important;
    }

    .woocommerce-cart-form td.product-thumbnail { grid-area: thumb   !important; align-self: center !important; }
    .woocommerce-cart-form td.product-name      { grid-area: name    !important; align-self: center !important; }

    /* Quantity, subtotal, remove all go into "actions" row.
       Use CSS order + display:contents trick won't work on td,
       so we place all 3 in grid-area:actions and use subgrid-like
       positioning via a shared flex row on the parent. */

    /* Place qty, subtotal, remove into actions area.
       Since multiple elements can't share a named area natively,
       we float them together using absolute/relative: NO.
       Best approach: use a 4-column grid and span name across all. */

    .woocommerce-cart-form .shop_table tbody tr.cart_item {
        grid-template-columns: 70px auto auto auto !important;
        grid-template-areas:
            "thumb  name      name      name"
            "thumb  quantity  subtotal  remove" !important;
        align-items: center !important;
        row-gap: 8px !important;
        column-gap: 10px !important;
    }

    .woocommerce-cart-form td.product-quantity { grid-area: quantity !important; align-self: center !important; justify-self: start !important; }
    .woocommerce-cart-form td.product-subtotal { grid-area: subtotal !important; align-self: center !important; justify-self: start !important; }
    .woocommerce-cart-form td.product-remove   { grid-area: remove   !important; align-self: center !important; justify-self: start !important; }

    /* Force name to not stretch the column — clip to content */
    .woocommerce-cart-form td.product-name {
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    /* ── Quantity ── */
    .woocommerce-cart-form td.product-quantity {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        padding: 0 !important;
        border-bottom: none !important;
    }

    .woocommerce-cart-form td.product-quantity::before {
        display: none !important;
        content: "" !important;
    }

    .woocommerce-cart-form .product-quantity .qib-button-wrapper {
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
    }

    /* ── Subtotal ── */
    .woocommerce-cart-form td.product-subtotal {
        font-weight: 600 !important;
        font-size: 13px !important;
        white-space: nowrap !important;
        text-align: left !important;
        color: #333 !important;
        padding: 0 !important;
    }

    /* ── Remove (×) ── */
    .woocommerce-cart-form td.product-remove {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
    }

    .woocommerce-cart-form td.product-remove a.remove {
        font-size: 18px !important;
        color: #bbb !important;
        display: inline-block !important;
        margin: 0 !important;
    }

    /* ── QIB wrapper ── */
    .qib-button-wrapper {
        margin-right: 0 !important;
        display: flex !important;
        align-items: center !important;
    }
}/* End custom CSS */