.elementor-11 .elementor-element.elementor-element-541e64c2{--display:flex;--padding-top:34px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-11 .elementor-element.elementor-element-541e64c2:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-541e64c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1A1A;}.elementor-11 .elementor-element.elementor-element-5d164456{--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;--gap:6px 6px;--row-gap:6px;--column-gap:6px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-11 .elementor-element.elementor-element-52d4246f{font-family:"Inter", Sans-serif;font-size:12px;color:#B8BEC4;}.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 );}.elementor-11 .elementor-element.elementor-element-7a88f14f{text-align:start;}.elementor-11 .elementor-element.elementor-element-7a88f14f .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:32px;font-weight:700;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-7d401505{--display:flex;--padding-top:44px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-11 .elementor-element.elementor-element-7d401505:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-7d401505 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F5F7;}.elementor-11 .elementor-element.elementor-element-6c60f0de{--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-11 .elementor-element.elementor-element-284f1b97{--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;--border-radius:14px 14px 14px 14px;box-shadow:0px 2px 12px 0px rgba(26,26,26,0.05);--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:30px;}.elementor-11 .elementor-element.elementor-element-284f1b97:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-284f1b97 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-2ef61bab{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E2E5E8;--border-color:#E2E5E8;--border-radius:12px 12px 12px 12px;--margin-top:24px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-11 .elementor-element.elementor-element-2ef61bab:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-2ef61bab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-2afea78f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-11 .elementor-element.elementor-element-5c42a373 .elementor-icon-wrapper{text-align:center;}.elementor-11 .elementor-element.elementor-element-5c42a373.elementor-view-stacked .elementor-icon{background-color:#E6F1FB;color:#009FE2;}.elementor-11 .elementor-element.elementor-element-5c42a373.elementor-view-framed .elementor-icon, .elementor-11 .elementor-element.elementor-element-5c42a373.elementor-view-default .elementor-icon{color:#E6F1FB;border-color:#E6F1FB;}.elementor-11 .elementor-element.elementor-element-5c42a373.elementor-view-framed .elementor-icon, .elementor-11 .elementor-element.elementor-element-5c42a373.elementor-view-default .elementor-icon svg{fill:#E6F1FB;}.elementor-11 .elementor-element.elementor-element-5c42a373.elementor-view-framed .elementor-icon{background-color:#009FE2;}.elementor-11 .elementor-element.elementor-element-5c42a373.elementor-view-stacked .elementor-icon svg{fill:#009FE2;}.elementor-11 .elementor-element.elementor-element-5c42a373 .elementor-icon{font-size:18px;}.elementor-11 .elementor-element.elementor-element-5c42a373 .elementor-icon svg{height:18px;}.elementor-11 .elementor-element.elementor-element-1e4af033{text-align:start;}.elementor-11 .elementor-element.elementor-element-1e4af033 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:13px;font-weight:600;color:#1A1A1A;}.elementor-11 .elementor-element.elementor-element-2589cc49{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-11 .elementor-element.elementor-element-1a7d89cc .elementor-icon-wrapper{text-align:center;}.elementor-11 .elementor-element.elementor-element-1a7d89cc.elementor-view-stacked .elementor-icon{background-color:#E6F1FB;color:#009FE2;}.elementor-11 .elementor-element.elementor-element-1a7d89cc.elementor-view-framed .elementor-icon, .elementor-11 .elementor-element.elementor-element-1a7d89cc.elementor-view-default .elementor-icon{color:#E6F1FB;border-color:#E6F1FB;}.elementor-11 .elementor-element.elementor-element-1a7d89cc.elementor-view-framed .elementor-icon, .elementor-11 .elementor-element.elementor-element-1a7d89cc.elementor-view-default .elementor-icon svg{fill:#E6F1FB;}.elementor-11 .elementor-element.elementor-element-1a7d89cc.elementor-view-framed .elementor-icon{background-color:#009FE2;}.elementor-11 .elementor-element.elementor-element-1a7d89cc.elementor-view-stacked .elementor-icon svg{fill:#009FE2;}.elementor-11 .elementor-element.elementor-element-1a7d89cc .elementor-icon{font-size:18px;}.elementor-11 .elementor-element.elementor-element-1a7d89cc .elementor-icon svg{height:18px;}.elementor-11 .elementor-element.elementor-element-981b5f5{text-align:start;}.elementor-11 .elementor-element.elementor-element-981b5f5 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:13px;font-weight:600;color:#1A1A1A;}.elementor-11 .elementor-element.elementor-element-7acc9cb7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-11 .elementor-element.elementor-element-336a56e1 .elementor-icon-wrapper{text-align:center;}.elementor-11 .elementor-element.elementor-element-336a56e1.elementor-view-stacked .elementor-icon{background-color:#E6F1FB;color:#009FE2;}.elementor-11 .elementor-element.elementor-element-336a56e1.elementor-view-framed .elementor-icon, .elementor-11 .elementor-element.elementor-element-336a56e1.elementor-view-default .elementor-icon{color:#E6F1FB;border-color:#E6F1FB;}.elementor-11 .elementor-element.elementor-element-336a56e1.elementor-view-framed .elementor-icon, .elementor-11 .elementor-element.elementor-element-336a56e1.elementor-view-default .elementor-icon svg{fill:#E6F1FB;}.elementor-11 .elementor-element.elementor-element-336a56e1.elementor-view-framed .elementor-icon{background-color:#009FE2;}.elementor-11 .elementor-element.elementor-element-336a56e1.elementor-view-stacked .elementor-icon svg{fill:#009FE2;}.elementor-11 .elementor-element.elementor-element-336a56e1 .elementor-icon{font-size:18px;}.elementor-11 .elementor-element.elementor-element-336a56e1 .elementor-icon svg{height:18px;}.elementor-11 .elementor-element.elementor-element-5ea6b0f6{text-align:start;}.elementor-11 .elementor-element.elementor-element-5ea6b0f6 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:13px;font-weight:600;color:#1A1A1A;}@media(max-width:1024px){.elementor-11 .elementor-element.elementor-element-2ef61bab{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-541e64c2{--width:100%;}.elementor-11 .elementor-element.elementor-element-5d164456{--content-width:1393px;}}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-541e64c2{--padding-top:22px;--padding-bottom:20px;--padding-left:16px;--padding-right:16px;}.elementor-11 .elementor-element.elementor-element-7a88f14f .elementor-heading-title{font-size:24px;}.elementor-11 .elementor-element.elementor-element-7d401505{--padding-top:28px;--padding-bottom:30px;--padding-left:16px;--padding-right:16px;}.elementor-11 .elementor-element.elementor-element-284f1b97{--padding-top:0px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-11 .elementor-element.elementor-element-2ef61bab{--e-con-grid-template-columns:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-11 .elementor-element.elementor-element-2afea78f{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-1e4af033{text-align:center;}.elementor-11 .elementor-element.elementor-element-1e4af033 .elementor-heading-title{font-size:12px;line-height:5px;}.elementor-11 .elementor-element.elementor-element-2589cc49{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-981b5f5{text-align:center;}.elementor-11 .elementor-element.elementor-element-981b5f5 .elementor-heading-title{font-size:12px;line-height:4px;}.elementor-11 .elementor-element.elementor-element-7acc9cb7{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-5ea6b0f6{text-align:center;}.elementor-11 .elementor-element.elementor-element-5ea6b0f6 .elementor-heading-title{font-size:12px;line-height:4px;}}/* Start custom CSS for shortcode, class: .elementor-element-8e1b013 *//* ============================================================
   ZELVOMART — CART & CHECKOUT STYLING (Complete Rewrite)
   ============================================================ */

/* ---------- DESKTOP LAYOUT ---------- */
.woocommerce,
.woocommerce form.checkout {
  display: flex; flex-wrap: wrap; align-items: flex-start; gap: 28px;
}
.woocommerce-cart-form,
.woocommerce-checkout .col2-set { flex: 1 1 60%; min-width: 320px; }
.cart-collaterals,
.woocommerce-checkout #order_review {
  flex: 1 1 32%; min-width: 280px; float: none !important; width: 100% !important; margin-top: 0 !important;
}
.cart-collaterals .cart_totals { width: 100% !important; float: none !important; }

table.shop_table {
  border: 1px solid #E2E5E8 !important; border-radius: 12px !important;
  overflow: hidden; border-collapse: separate !important; width: 100%;
}
table.shop_table thead th {
  background: #1A1A1A !important; color: #FFFFFF !important;
  font-family: 'Sora', sans-serif; font-weight: 600 !important; font-size: 13px;
  padding: 14px 16px !important; border: none !important;
}
table.shop_table td {
  padding: 14px 16px !important; border-bottom: 1px solid #E2E5E8 !important;
  font-family: 'Inter', sans-serif; color: #4A4F54;
}
.product-thumbnail img {
  width: 90px !important; height: 90px !important; object-fit: cover; border-radius: 10px !important;
}
.quantity input.qty {
  border: 1px solid #E2E5E8 !important; border-radius: 8px !important;
  padding: 8px !important; text-align: center; width: 60px !important;
}
.product-remove a.remove { color: #F05919 !important; background: transparent !important; }

.coupon { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.coupon input#coupon_code {
  border: 1px solid #E2E5E8 !important; border-radius: 100px !important;
  padding: 10px 18px !important; font-family: 'Inter', sans-serif;
  width: 200px !important; min-width: 160px;
}
.coupon button[name="apply_coupon"] {
  background: #1A1A1A !important; color: #FFFFFF !important; border: none !important;
  border-radius: 100px !important; padding: 10px 22px !important;
  font-family: 'Sora', sans-serif; font-weight: 600 !important;
}
.coupon button[name="apply_coupon"]:hover { background: #0078AA !important; }
button[name="update_cart"] {
  background: #FFFFFF !important; color: #1A1A1A !important; border: 2px solid #1A1A1A !important;
  border-radius: 100px !important; font-family: 'Sora', sans-serif !important;
  font-weight: 600 !important; padding: 10px 22px !important;
}

.cart_totals, .woocommerce-checkout-review-order {
  background: #F2F5F7 !important; border-radius: 14px !important; padding: 24px !important;
}
.cart_totals h2, .woocommerce-checkout-review-order h3 {
  font-family: 'Sora', sans-serif; font-weight: 700 !important; color: #1A1A1A !important;
}
.cart_totals table.shop_table { border: none !important; background: transparent !important; }
.cart_totals table.shop_table th, .cart_totals table.shop_table td {
  background: #FFFFFF !important; border: none !important;
  border-bottom: 1px solid #E2E5E8 !important; border-radius: 8px;
}

.wc-proceed-to-checkout a.checkout-button,
a.checkout-button.button,
.woocommerce #payment #place_order {
  background: #009FE2 !important; border: none !important; border-radius: 100px !important;
  color: #FFFFFF !important; font-family: 'Sora', sans-serif !important; font-weight: 600 !important;
  font-size: 15px !important; padding: 16px !important; width: 100% !important;
  display: block !important; text-align: center;
}
.wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce #payment #place_order:hover { background: #0078AA !important; }

.woocommerce-checkout input.input-text, .woocommerce-checkout select {
  border: 1px solid #E2E5E8 !important; border-radius: 8px !important; padding: 12px !important;
}
.woocommerce-checkout #payment {
  background: #FFFFFF; border: 1px solid #E2E5E8; border-radius: 14px; padding: 20px;
}

.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-notice {
  flex: 1 1 100% !important; width: 100% !important; order: -1;
  background: #F2F9F6 !important; border-top: 3px solid #009FE2 !important; color: #1A1A1A !important;
  padding: 14px 18px !important; border-radius: 8px !important; margin-bottom: 16px !important; list-style: none !important;
}
.woocommerce-message::before, .woocommerce-info::before,
.woocommerce-error::before, .woocommerce-notice::before { display: none !important; }

a.added_to_cart,
.woocommerce-message a.wc-forward:not(.checkout) {
  background: #FFFFFF !important; color: #1A1A1A !important; border: 2px solid #1A1A1A !important;
  border-radius: 100px !important; padding: 10px 22px !important;
  font-family: 'Sora', sans-serif !important; font-weight: 600 !important;
  display: inline-block !important; text-decoration: none !important;
}
a.added_to_cart:hover,
.woocommerce-message a.wc-forward:not(.checkout):hover { background: #1A1A1A !important; color: #FFFFFF !important; }

.woocommerce-mini-cart__buttons a.button:not(.checkout) {
  background: #FFFFFF !important; color: #1A1A1A !important; border: 2px solid #1A1A1A !important; border-radius: 100px !important;
}
.woocommerce-mini-cart__buttons a.button:not(.checkout):hover { background: #1A1A1A !important; color: #FFFFFF !important; }
.woocommerce-mini-cart__buttons a.button.checkout {
  background: #009FE2 !important; color: #FFFFFF !important; border: none !important; border-radius: 100px !important;
}
.woocommerce-mini-cart__buttons a.button.checkout:hover { background: #0078AA !important; }

/* ============================================================
   MOBILE — classic "responsive table" pattern (simple, forgiving)
   ============================================================ */
@media (max-width: 768px) {

  .woocommerce, .woocommerce form.checkout { flex-direction: column; }
  .woocommerce-cart-form, .cart-collaterals,
  .woocommerce-checkout .col2-set, .woocommerce-checkout #order_review { flex: 1 1 100%; }

  /* Hide the header row entirely */
  table.shop_table thead { display: none; }

  /* Every row and cell becomes a simple block — no grid, no flex, nothing fragile */
  table.shop_table, table.shop_table tbody, table.shop_table tr, table.shop_table td {
    display: block;
    width: 100% !important;
  }

  table.shop_table tr {
    border-bottom: 2px solid #E2E5E8;
    padding: 10px 0;
    margin-bottom: 10px;
  }

  /* Each cell: label on the left (via data-title), value on the right — the classic pattern */
  table.shop_table td {
    position: relative;
    padding: 10px 12px 10px 40% !important;
    border: none !important;
    min-height: 24px;
    text-align: right;
  }
  table.shop_table td[data-title]::before {
    content: attr(data-title);
    position: absolute;
    left: 12px;
    top: 10px;
    width: 35%;
    font-family: 'Sora', sans-serif;
    font-weight: 600;
    color: #1A1A1A;
    text-align: left;
  }

  /* Thumbnail + Remove: no label needed, shown side by side at the top */
  table.shop_table td.product-thumbnail,
  table.shop_table td.product-remove {
    padding-left: 12px !important;
    text-align: left;
  }
  table.shop_table td.product-thumbnail::before,
  table.shop_table td.product-remove::before {
    content: none !important;
  }
  table.shop_table td.product-thumbnail img {
    width: 64px !important; height: 64px !important; border-radius: 10px !important; object-fit: cover;
  }
  table.shop_table td.product-remove a.remove {
    display: inline-block !important;
    width: 26px; height: 26px; line-height: 26px; text-align: center;
    font-size: 16px !important;
    color: #F05919 !important; background: #FDF0EC !important; border-radius: 50%;
    text-decoration: none !important;
  }

  /* ---- Actions row (coupon + update cart) — plain, explicit block stacking ---- */
  table.shop_table tr.actions-row,
  table.shop_table td.actions {
    display: block !important;
    padding: 14px 12px !important;
    text-align: left !important;
  }
  td.actions::before { content: none !important; }

  td.actions .coupon {
    display: block !important;
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  td.actions .coupon label { display: none !important; }

  td.actions .coupon input#coupon_code {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    height: 44px !important;
    margin-bottom: 8px !important;
  }

  td.actions .coupon button[name="apply_coupon"] {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    height: 44px !important;
  }

  td.actions button[name="update_cart"] {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    height: 44px !important;
    margin-top: 4px !important;
  }

  table.shop_table tr:empty, table.shop_table td:empty { display: none !important; }
}/* End custom CSS */