.elementor-236 .elementor-element.elementor-element-5f2a1dd2{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:calc(var(--tx)*50);--padding-bottom:calc(var(--tx)*50);--padding-left:calc(var(--tx)*100);--padding-right:calc(var(--tx)*100);}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-236 .elementor-element.elementor-element-2cba5458{width:100%;max-width:100%;text-align:center;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-236 .elementor-element.elementor-element-5f2a1dd2{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:calc(var(--tx)*50);--padding-bottom:calc(var(--tx)*50);--padding-left:calc(var(--tx)*20);--padding-right:calc(var(--tx)*20);}.elementor-236 .elementor-element.elementor-element-2cba5458{text-align:center;}}/* Start custom CSS for container, class: .elementor-element-5f2a1dd2 *//* =========================================================
   SHIRVAN CARDBOARD
   FINAL WOOCOMMERCE CART
   ELEMENTOR PAGE: 236
========================================================= */


/* =========================================================
   DESIGN TOKENS
========================================================= */

.elementor-236 .wp-block-woocommerce-cart {
    --sc-orange: #CA4F16;
    --sc-orange-hover: #B94714;

    --sc-dark: #251914;
    --sc-text: #584239;

    --sc-soft: #FFF8F6;
    --sc-soft-2: #FFF1EC;

    --sc-border: #E4E1DC;

    direction: rtl !important;

    color: var(--sc-dark) !important;

    font-family: "Dana-FaNum", "Dana", sans-serif !important;
}


/* =========================================================
   FORCE DANA
========================================================= */

.elementor-236 .wp-block-woocommerce-cart,
.elementor-236 .wp-block-woocommerce-cart *,
.elementor-236 .wp-block-woocommerce-cart input,
.elementor-236 .wp-block-woocommerce-cart button,
.elementor-236 .wp-block-woocommerce-cart a,
.elementor-236 .wp-block-woocommerce-cart label,
.elementor-236 .wp-block-woocommerce-cart span,
.elementor-236 .wp-block-woocommerce-cart strong,
.elementor-236 .wp-block-woocommerce-cart h1,
.elementor-236 .wp-block-woocommerce-cart h2,
.elementor-236 .wp-block-woocommerce-cart h3 {
    box-sizing: border-box !important;

    font-family: "Dana-FaNum", "Dana", sans-serif !important;
}


/* =========================================================
   ELEMENTOR WRAPPER
========================================================= */

.elementor-236 .elementor-element-2cba5458,
.elementor-236
.elementor-element-2cba5458 > .elementor-widget-container {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


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

.elementor-236 .wp-block-woocommerce-cart.alignwide,
.elementor-236 .wp-block-woocommerce-cart {
    width: calc(100% - 48px) !important;
    max-width: 1240px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding: 0 !important;
}


/* =========================================================
   DESKTOP LAYOUT
   SUMMARY LEFT / PRODUCTS RIGHT
========================================================= */

.elementor-236 .wc-block-components-sidebar-layout {
    display: grid !important;

    grid-template-columns:
        minmax(320px, 34%)
        minmax(0, 66%) !important;

    gap: 30px !important;

    align-items: start !important;

    width: 100% !important;

    margin: 0 auto !important;
    padding: 0 !important;

    direction: ltr !important;
}


/* Products */
.elementor-236 .wc-block-cart__main {
    grid-column: 2 !important;
    grid-row: 1 !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    direction: rtl !important;
}


/* Summary */
.elementor-236 .wc-block-cart__sidebar {
    grid-column: 1 !important;
    grid-row: 1 !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    padding:
        calc(var(--tx) * 26)
        calc(var(--tx) * 28)
        calc(var(--tx) * 28) !important;

    background: var(--sc-soft) !important;

    border: 0 !important;

    border-radius: calc(var(--tx) * 14) !important;

    box-shadow: none !important;

    direction: rtl !important;

    position: sticky !important;
    top: 24px !important;
}


/* =========================================================
   PRODUCT TABLE
========================================================= */

.elementor-236 table.wc-block-cart-items {
    width: 100% !important;

    margin: 0 !important;

    background: #ffffff !important;

    border: 1px solid var(--sc-border) !important;

    border-radius: calc(var(--tx) * 14) !important;

    border-collapse: separate !important;
    border-spacing: 0 !important;

    overflow: hidden !important;

    box-shadow: none !important;
}


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

.elementor-236 .wc-block-cart-items__header {
    background: var(--sc-soft) !important;
}


.elementor-236 .wc-block-cart-items__header th {
    padding:
        calc(var(--tx) * 18)
        calc(var(--tx) * 24) !important;

    background: var(--sc-soft) !important;

    color: var(--sc-dark) !important;

    border: 0 !important;
    border-bottom: 1px solid var(--sc-border) !important;

    font-size: calc(var(--tx) * 14) !important;
    font-weight: 700 !important;

    text-align: right !important;
}


/* عنوان مجموع کاملاً سمت چپ */
.elementor-236
.wc-block-cart-items__header-total {
    text-align: left !important;

    padding-left: 18px !important;
    padding-right: 8px !important;
}


.elementor-236
.wc-block-cart-items__header-total > span {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
}


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

.elementor-236 .wc-block-cart-items__row {
    background: #ffffff !important;
}


.elementor-236
.wc-block-cart-items__row > td {
    padding:
        calc(var(--tx) * 24)
        calc(var(--tx) * 22) !important;

    vertical-align: middle !important;

    background: #ffffff !important;

    border: 0 !important;
    border-bottom: 1px solid var(--sc-border) !important;
}


.elementor-236
.wc-block-cart-items__row:last-child > td {
    border-bottom: 0 !important;
}


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

.elementor-236 .wc-block-cart-item__image {
    width: 110px !important;
}


.elementor-236 .wc-block-cart-item__image img {
    display: block !important;

    width: 88px !important;
    height: 88px !important;

    object-fit: cover !important;
    object-position: center !important;

    border: 1px solid var(--sc-border) !important;

    border-radius: calc(var(--tx) * 10) !important;
}


/* =========================================================
   PRODUCT CONTENT
========================================================= */

.elementor-236 .wc-block-cart-item__product {
    padding-right: calc(var(--tx) * 18) !important;
    padding-left: calc(var(--tx) * 18) !important;

    text-align: right !important;

    overflow: visible !important;
}


.elementor-236 .wc-block-cart-item__wrap {
    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    gap: calc(var(--tx) * 7) !important;

    width: 100% !important;

    padding:
        calc(var(--tx) * 4)
        calc(var(--tx) * 5) !important;

    overflow: visible !important;
}


/* Product Name */
.elementor-236 .wc-block-components-product-name {
    margin: 0 !important;

    color: var(--sc-dark) !important;

    font-size: calc(var(--tx) * 16) !important;
    font-weight: 700 !important;

    line-height: 1.6 !important;

    text-decoration: none !important;
}


.elementor-236 .wc-block-components-product-name:hover {
    color: var(--sc-orange) !important;
}


/* Unit Price */
.elementor-236
.wc-block-cart-item__prices
.wc-block-components-product-price__value {
    color: var(--sc-text) !important;

    font-size: calc(var(--tx) * 13) !important;
    font-weight: 400 !important;
}


/* =========================================================
   PRODUCT META
========================================================= */

.elementor-236 .wc-block-components-product-metadata,
.elementor-236 .wc-block-components-product-details {
    margin: 0 !important;
    padding: 0 !important;

    color: var(--sc-text) !important;

    font-size: calc(var(--tx) * 12) !important;
    font-weight: 400 !important;

    line-height: 1.7 !important;
}


.elementor-236
.wc-block-components-product-details__name {
    font-weight: 700 !important;
}


.elementor-236
.wc-block-components-product-details__value {
    font-weight: 400 !important;
}


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

.elementor-236 .wc-block-cart-item__quantity {
    display: flex !important;

    align-items: center !important;

    gap: 12px !important;

    width: auto !important;
    max-width: none !important;

    margin-top: 10px !important;

    padding: 0 !important;

    overflow: visible !important;
}


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

html body .elementor-236
.wc-block-cart-item__quantity
.wc-block-components-quantity-.elementor-236 .elementor-element.elementor-element-5f2a1dd2 {
    display: grid !important;

    /*
       RTL:
       minus | input | plus
       در ظاهر:
       +   NUMBER   -
    */
    grid-template-columns:
        40px
        120px
        40px !important;

    gap: 7px !important;

    width: 214px !important;
    min-width: 214px !important;
    max-width: 214px !important;

    height: 40px !important;
    min-height: 40px !important;

    flex: 0 0 214px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    overflow: visible !important;

    direction: rtl !important;
}


/* WooCommerce pseudo elements */
html body .elementor-236
.wc-block-components-quantity-.elementor-236 .elementor-element.elementor-element-5f2a1dd2::before,
html body .elementor-236
.wc-block-components-quantity-.elementor-236 .elementor-element.elementor-element-5f2a1dd2::after {
    display: none !important;

    content: none !important;
}


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

html body .elementor-236
.wc-block-components-quantity-.elementor-236 .elementor-element.elementor-element-5f2a1dd2
.wc-block-components-quantity-.elementor-236 .elementor-element.elementor-element-5f2a1dd2__button {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;

    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #ffffff !important;

    color: var(--sc-dark) !important;

    -webkit-text-fill-color: var(--sc-dark) !important;

    border: 1px solid var(--sc-border) !important;

    border-radius: 6px !important;

    outline: 0 !important;

    box-shadow: none !important;

    opacity: 1 !important;

    font-size: 17px !important;
    font-weight: 700 !important;

    line-height: 1 !important;
}


/* Hover */
html body .elementor-236
.wc-block-components-quantity-.elementor-236 .elementor-element.elementor-element-5f2a1dd2
.wc-block-components-quantity-.elementor-236 .elementor-element.elementor-element-5f2a1dd2__button:hover:not(:disabled) {
    background: var(--sc-soft-2) !important;

    color: var(--sc-orange) !important;

    -webkit-text-fill-color:
        var(--sc-orange) !important;

    border-color: var(--sc-orange) !important;
}


/* Disabled */
html body .elementor-236
.wc-block-components-quantity-.elementor-236 .elementor-element.elementor-element-5f2a1dd2
.wc-block-components-quantity-.elementor-236 .elementor-element.elementor-element-5f2a1dd2__button:disabled {
    background: #F7F5F4 !important;

    color: #A99D98 !important;

    -webkit-text-fill-color: #A99D98 !important;

    border-color: var(--sc-border) !important;

    opacity: 1 !important;
}


/* =========================================================
   QUANTITY INPUT
   IMPORTANT FIX
========================================================= */

html body .elementor-236
.wc-block-cart-item__quantity
.wc-block-components-quantity-.elementor-236 .elementor-element.elementor-element-5f2a1dd2
input.wc-block-components-quantity-.elementor-236 .elementor-element.elementor-element-5f2a1dd2__input[type="number"] {

    /*
       اندازه واقعی و ثابت
       تا 9966 / 9999 کامل دیده شوند
    */
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;

    inline-size: 120px !important;
    min-inline-size: 120px !important;
    max-inline-size: 120px !important;

    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;

    flex: none !important;

    margin: 0 !important;

    padding:
        0
        14px !important;

    background-color: #ffffff !important;
    background-image: none !important;

    color: #251914 !important;

    -webkit-text-fill-color: #251914 !important;

    caret-color: #CA4F16 !important;

    opacity: 1 !important;

    border: 1px solid #E4E1DC !important;

    border-radius: 6px !important;

    outline: 0 !important;

    box-shadow: none !important;

    font-family:
        "Dana-FaNum",
        "Dana",
        sans-serif !important;

    font-size: 15px !important;
    font-weight: 700 !important;

    font-style: normal !important;

    line-height: 1 !important;

    text-align: center !important;

    text-indent: 0 !important;

    letter-spacing: 0 !important;

    direction: ltr !important;

    unicode-bidi: plaintext !important;

    white-space: nowrap !important;

    overflow: visible !important;

    text-overflow: clip !important;

    transform: none !important;

    appearance: textfield !important;
    -moz-appearance: textfield !important;

    -webkit-appearance: none !important;
}


/* Focus */
html body .elementor-236
.wc-block-cart-item__quantity
.wc-block-components-quantity-.elementor-236 .elementor-element.elementor-element-5f2a1dd2
input.wc-block-components-quantity-.elementor-236 .elementor-element.elementor-element-5f2a1dd2__input[type="number"]:focus {
    color: #251914 !important;

    -webkit-text-fill-color: #251914 !important;

    border-color: #CA4F16 !important;

    outline: none !important;

    box-shadow:
        0 0 0 2px
        rgba(202, 79, 22, .08) !important;
}


/* Browser spinner */
html body .elementor-236
input.wc-block-components-quantity-.elementor-236 .elementor-element.elementor-element-5f2a1dd2__input::-webkit-inner-spin-button,
html body .elementor-236
input.wc-block-components-quantity-.elementor-236 .elementor-element.elementor-element-5f2a1dd2__input::-webkit-outer-spin-button {
    display: none !important;

    margin: 0 !important;

    -webkit-appearance: none !important;
}


/* =========================================================
   REMOVE PRODUCT
========================================================= */

.elementor-236 .wc-block-cart-item__remove-link {
    width: 40px !important;
    height: 40px !important;

    min-width: 40px !important;

    flex: 0 0 40px !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    background: var(--sc-soft) !important;

    color: var(--sc-orange) !important;

    border: 1px solid var(--sc-border) !important;

    border-radius: 6px !important;

    box-shadow: none !important;
}


.elementor-236
.wc-block-cart-item__remove-link svg {
    width: 18px !important;
    height: 18px !important;

    fill: var(--sc-orange) !important;
}


/* =========================================================
   PRODUCT TOTAL
========================================================= */

.elementor-236 .wc-block-cart-item__total {
    text-align: left !important;
}


.elementor-236
.wc-block-cart-item__total-price-and-sale-badge-wrapper {
    display: flex !important;

    align-items: center !important;

    justify-content: flex-start !important;

    width: 100% !important;
}


.elementor-236
.wc-block-cart-item__total
.wc-block-components-product-price__value {
    color: var(--sc-orange) !important;

    font-size: calc(var(--tx) * 16) !important;
    font-weight: 700 !important;

    white-space: nowrap !important;
}


/* =========================================================
   SUMMARY
========================================================= */

.elementor-236
.wp-block-woocommerce-cart-order-summary-block {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
}


/* =========================================================
   SUMMARY TITLE
========================================================= */

.elementor-236 .wc-block-cart__totals-title {
    margin: 0 !important;

    padding:
        calc(var(--tx) * 2)
        calc(var(--tx) * 6)
        calc(var(--tx) * 20) !important;

    color: var(--sc-dark) !important;

    border: 0 !important;

    border-bottom:
        1px solid
        var(--sc-border) !important;

    font-size: calc(var(--tx) * 20) !important;
    font-weight: 700 !important;

    text-align: right !important;
}


/* =========================================================
   DEFAULT TOTAL BORDERS OFF
========================================================= */

.elementor-236
.wc-block-cart__sidebar
.wc-block-components-totals-wrapper {
    width: 100% !important;

    margin: 0 !important;

    border: 0 !important;

    box-shadow: none !important;
}


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

.elementor-236
.wp-block-woocommerce-cart-order-summary-coupon-form-block {
    width: 100% !important;

    margin: 0 !important;

    padding:
        calc(var(--tx) * 14)
        calc(var(--tx) * 6)
        calc(var(--tx) * 20) !important;

    border: 0 !important;

    border-bottom:
        1px solid
        var(--sc-border) !important;
}


.elementor-236
.wc-block-components-totals-coupon
.wc-block-components-panel__button {
    width: 100% !important;

    min-height:
        calc(var(--tx) * 46) !important;

    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;

    margin: 0 !important;

    padding:
        0
        calc(var(--tx) * 4) !important;

    background: transparent !important;

    color: var(--sc-orange) !important;

    border: 0 !important;

    font-size: calc(var(--tx) * 14) !important;
    font-weight: 700 !important;
}


.elementor-236
.wc-block-components-panel__button-icon {
    fill: var(--sc-orange) !important;
}


/* =========================================================
   COUPON FORM
========================================================= */

.elementor-236
.wc-block-components-totals-coupon__content {
    padding-top:
        calc(var(--tx) * 10) !important;
}


.elementor-236
.wc-block-components-totals-coupon__form {
    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        125px !important;

    gap: 10px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.elementor-236
.wc-block-components-totals-coupon__input input {
    width: 100% !important;

    height: 50px !important;

    padding:
        0
        14px !important;

    background: #ffffff !important;

    color: var(--sc-dark) !important;

    border:
        1px solid
        var(--sc-border) !important;

    border-radius: 7px !important;

    box-shadow: none !important;
}


.elementor-236
.wc-block-components-totals-coupon__button {
    width: 100% !important;

    height: 50px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    background: var(--sc-orange) !important;

    color: #ffffff !important;

    border:
        1px solid
        var(--sc-orange) !important;

    border-radius: 7px !important;

    box-shadow: none !important;

    font-weight: 700 !important;
}


.elementor-236
.wc-block-components-totals-coupon__button:disabled {
    background: #EFBCA5 !important;

    border-color: #EFBCA5 !important;

    opacity: 1 !important;
}


/* =========================================================
   TOTAL ROWS
   LABEL RIGHT / VALUE LEFT
========================================================= */

.elementor-236
.wc-block-components-totals-item {
    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    gap: 16px !important;

    width: 100% !important;

    margin: 0 !important;

    padding:
        calc(var(--tx) * 18)
        calc(var(--tx) * 6) !important;

    direction: rtl !important;
}


/* Label Right */
.elementor-236
.wc-block-components-totals-item__label {
    margin: 0 !important;
    padding: 0 !important;

    color: var(--sc-text) !important;

    font-size: calc(var(--tx) * 13) !important;
    font-weight: 400 !important;

    text-align: right !important;
}


/* Value Left */
.elementor-236
.wc-block-components-totals-item__value {
    margin: 0 !important;
    padding: 0 !important;

    color: var(--sc-dark) !important;

    font-size: calc(var(--tx) * 13) !important;
    font-weight: 700 !important;

    text-align: left !important;

    white-space: nowrap !important;
}


/* =========================================================
   SHIPPING
========================================================= */

.elementor-236
.wp-block-woocommerce-cart-order-summary-shipping-block {
    border-bottom:
        1px solid
        var(--sc-border) !important;
}


/* =========================================================
   FINAL TOTAL
========================================================= */

.elementor-236
.wc-block-components-totals-footer-item {
    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    direction: rtl !important;

    margin: 0 !important;

    padding:
        calc(var(--tx) * 22)
        calc(var(--tx) * 6)
        calc(var(--tx) * 18) !important;

    border: 0 !important;
}


.elementor-236
.wc-block-components-totals-footer-item
.wc-block-components-totals-item__label {
    color: var(--sc-dark) !important;

    font-size: calc(var(--tx) * 16) !important;
    font-weight: 700 !important;

    text-align: right !important;
}


.elementor-236
.wc-block-components-totals-footer-item
.wc-block-components-totals-item__value {
    text-align: left !important;
}


.elementor-236
.wc-block-components-totals-footer-item-tax-value {
    color: var(--sc-orange) !important;

    font-size: calc(var(--tx) * 18) !important;
    font-weight: 700 !important;
}


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

.elementor-236 .wc-block-cart__submit {
    margin-top: 16px !important;
}


.elementor-236
.wc-block-cart__submit-container {
    position: static !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}


.elementor-236
.wc-block-cart__submit-button {
    width: 100% !important;

    min-height: 54px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    background: var(--sc-orange) !important;

    color: #ffffff !important;

    border:
        1px solid
        var(--sc-orange) !important;

    border-radius: 6px !important;

    text-decoration: none !important;

    font-size: calc(var(--tx) * 16) !important;
    font-weight: 700 !important;
}


/* =========================================================
   SNACKBAR
   فقط Dana
   هیچ استایل ظاهری دیگری ندارد
========================================================= */

.elementor-236
.wc-block-components-notice-snackbar-list,
.elementor-236
.wc-block-components-notice-snackbar-list * {
    font-family:
        "Dana-FaNum",
        "Dana",
        sans-serif !important;
}


/* =========================================================
   LAPTOP
========================================================= */

@media (min-width: 1025px) and (max-width: 1366px) {

    .elementor-236 .wp-block-woocommerce-cart {
        width:
            calc(100% - 36px) !important;
    }


    .elementor-236
    .wc-block-components-sidebar-layout {
        grid-template-columns:
            minmax(285px, 35%)
            minmax(0, 65%) !important;

        gap: 22px !important;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-236
    .wp-block-woocommerce-cart {
        width:
            calc(100% - 32px) !important;

        max-width: none !important;
    }


    .elementor-236
    .wc-block-components-sidebar-layout {
        grid-template-columns:
            1fr !important;

        gap: 22px !important;

        direction: rtl !important;
    }


    .elementor-236
    .wc-block-cart__main {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }


    .elementor-236
    .wc-block-cart__sidebar {
        grid-column: 1 !important;
        grid-row: 2 !important;

        position: static !important;

        width: 100% !important;
    }


    .elementor-236
    .wc-block-components-totals-coupon__form {
        grid-template-columns:
            minmax(0, 1fr)
            150px !important;
    }

}


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

@media (max-width: 767px) {

    .elementor-236
    .wp-block-woocommerce-cart {
        width:
            calc(100% - 24px) !important;

        max-width: none !important;
    }


    .elementor-236
    .wc-block-components-sidebar-layout {
        display: block !important;

        direction: rtl !important;
    }


    .elementor-236
    .wc-block-cart__main,
    .elementor-236
    .wc-block-cart__sidebar {
        width: 100% !important;

        max-width: 100% !important;
    }


    /* =====================================================
       PRODUCT TABLE -> CARDS
    ===================================================== */

    .elementor-236
    table.wc-block-cart-items {
        display: block !important;

        border: 0 !important;

        background: transparent !important;

        overflow: visible !important;
    }


    .elementor-236
    .wc-block-cart-items thead {
        display: none !important;
    }


    .elementor-236
    .wc-block-cart-items tbody {
        display: block !important;
    }


    .elementor-236
    .wc-block-cart-items__row {
        display: grid !important;

        grid-template-columns:
            76px
            minmax(0, 1fr) !important;

        column-gap: 12px !important;

        width: 100% !important;

        margin-bottom: 14px !important;

        padding: 16px !important;

        background: #ffffff !important;

        border:
            1px solid
            var(--sc-border) !important;

        border-radius:
            calc(var(--tx) * 12) !important;
    }


    .elementor-236
    .wc-block-cart-items__row > td {
        display: block !important;

        width: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
    }


    /* Image */
    .elementor-236
    .wc-block-cart-item__image {
        grid-column: 1 !important;
        grid-row: 1 !important;

        width: 72px !important;
    }


    .elementor-236
    .wc-block-cart-item__image img {
        width: 72px !important;
        height: 72px !important;
    }


    /* Content */
    .elementor-236
    .wc-block-cart-item__product {
        grid-column: 2 !important;
        grid-row: 1 !important;

        min-width: 0 !important;

        padding: 0 !important;
    }


    /* Quantity mobile */
    html body .elementor-236
    .wc-block-components-quantity-.elementor-236 .elementor-element.elementor-element-5f2a1dd2 {
        grid-template-columns:
            34px
            96px
            34px !important;

        gap: 5px !important;

        width: 174px !important;
        min-width: 174px !important;
        max-width: 174px !important;

        height: 36px !important;

        flex:
            0 0
            174px !important;
    }


    html body .elementor-236
    .wc-block-components-quantity-.elementor-236 .elementor-element.elementor-element-5f2a1dd2
    .wc-block-components-quantity-.elementor-236 .elementor-element.elementor-element-5f2a1dd2__button {
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;

        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
    }


    html body .elementor-236
    .wc-block-components-quantity-.elementor-236 .elementor-element.elementor-element-5f2a1dd2
    input.wc-block-components-quantity-.elementor-236 .elementor-element.elementor-element-5f2a1dd2__input[type="number"] {
        width: 96px !important;
        min-width: 96px !important;
        max-width: 96px !important;

        inline-size: 96px !important;

        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;

        padding: 0 8px !important;

        font-size: 14px !important;
    }


    .elementor-236
    .wc-block-cart-item__remove-link {
        width: 34px !important;
        height: 36px !important;

        min-width: 34px !important;

        flex:
            0 0
            34px !important;
    }


    /* Total */
    .elementor-236
    .wc-block-cart-item__total {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;

        margin-top: 14px !important;

        padding-top: 12px !important;

        border-top:
            1px solid
            var(--sc-border) !important;

        text-align: left !important;
    }


    /* Summary */
    .elementor-236
    .wc-block-cart__sidebar {
        margin-top: 20px !important;

        padding:
            calc(var(--tx) * 18)
            calc(var(--tx) * 16)
            calc(var(--tx) * 20) !important;

        position: static !important;
    }


    /* Coupon */
    .elementor-236
    .wc-block-components-totals-coupon__form {
        grid-template-columns:
            1fr !important;

        gap: 8px !important;
    }

}


/* =========================================================
   CART ROW ALIGNMENT FIX
   تراز قیمت با محصول + حذف خط اضافه ستون قیمت
========================================================= */

@media (min-width: 768px) {

    /* خط پایین مستقل همه سلول‌ها حذف شود */
    .elementor-236
    .wc-block-cart-items__row > td {
        border-bottom: none !important;
    }


    /* خط جداکننده فقط در مرز واقعی بین دو محصول */
    .elementor-236
    .wc-block-cart-items__row + .wc-block-cart-items__row > td {
        border-top: 1px solid #E4E1DC !important;
    }


    /* ستون مجموع دقیقاً از بالای همان محصول شروع شود */
    .elementor-236
    td.wc-block-cart-item__total {
        vertical-align: top !important;

        padding-top: calc(var(--tx) * 24) !important;
        padding-bottom: calc(var(--tx) * 24) !important;

        border: none !important;
    }


    /* خود قیمت */
    .elementor-236
    .wc-block-cart-item__total-price-and-sale-badge-wrapper {
        display: flex !important;

        align-items: flex-start !important;
        justify-content: flex-start !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        border: none !important;
    }


    .elementor-236
    .wc-block-cart-item__total .price,
    .elementor-236
    .wc-block-cart-item__total
    .wc-block-components-product-price,
    .elementor-236
    .wc-block-cart-item__total
    .wc-block-components-product-price__value {
        display: block !important;

        margin: 0 !important;
        padding: 0 !important;

        border: none !important;

        line-height: 1.6 !important;

        text-align: left !important;
    }


    /* خود ستون محصول هم از بالا تراز شود */
    .elementor-236
    td.wc-block-cart-item__product,
    .elementor-236
    td.wc-block-cart-item__image {
        vertical-align: top !important;
    }

}

.wc-block-components-quantity-.elementor-236 .elementor-element.elementor-element-5f2a1dd2 input.wc-block-components-quantity-.elementor-236 .elementor-element.elementor-element-5f2a1dd2__input {
    appearance: textfield;
    
    min-width: 60px!important;
    
}/* End custom CSS */