/* ================================================================
   ABCXYZ Mobile App Mode v1.12.0
   Cart + Checkout UX unification (mobile only)
   ================================================================ */
@media (max-width:900px){
  /* General checkout canvas */
  body.abcxyz-appmode-shop #comjshop,
  body.abcxyz-appmode-shop .jshop{
    font-family:'Vazirmatn',Tahoma,Arial,sans-serif!important;
  }
  body.abcxyz-appmode-shop #jshop_menu_order{
    width:calc(100% - 20px)!important;max-width:640px!important;margin:10px auto 16px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;flex-wrap:nowrap!important;
    overflow-x:auto!important;padding:4px 2px 7px!important;scrollbar-width:none!important;
  }
  body.abcxyz-appmode-shop #jshop_menu_order::-webkit-scrollbar{display:none!important}
  body.abcxyz-appmode-shop #jshop_menu_order .jshop_order_step{flex:0 0 auto!important}
  body.abcxyz-appmode-shop #jshop_menu_order .jshop_order_step:not(:last-child)::after{display:none!important}
  body.abcxyz-appmode-shop #jshop_menu_order span,
  body.abcxyz-appmode-shop #jshop_menu_order a{
    min-height:34px!important;padding:0 11px!important;border-radius:999px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
    font-size:11px!important;font-weight:800!important;line-height:1!important;text-decoration:none!important;white-space:nowrap!important;
    background:#fff!important;border:1px solid rgba(29,70,96,.10)!important;color:#718491!important;
  }
  body.abcxyz-appmode-shop #jshop_menu_order .prev span,
  body.abcxyz-appmode-shop #jshop_menu_order .prev a{background:#f0f8fb!important;color:#28718f!important}
  body.abcxyz-appmode-shop #jshop_menu_order .active span,
  body.abcxyz-appmode-shop #jshop_menu_order .active a{
    color:#fff!important;background:linear-gradient(145deg,#1698c7,#0d709d)!important;border-color:transparent!important;
    box-shadow:0 6px 16px rgba(13,112,157,.17)!important;
  }

  /* Cart hero/summary */
  body.abcxyz-appmode-cart .jshop_cart,
  body.abcxyz-appmode-cart #updateCart,
  body.abcxyz-appmode-cart form[name="updateCart"]{
    width:calc(100% - 20px)!important;max-width:640px!important;margin-left:auto!important;margin-right:auto!important;
  }

  /* Legacy cart table headers are visually redundant on a stacked phone layout. */
  body.abcxyz-appmode-cart table.cart thead,
  body.abcxyz-appmode-cart table.jshop_cart thead,
  body.abcxyz-appmode-cart .jshop_cart thead,
  body.abcxyz-appmode-cart #updateCart > table > thead,
  body.abcxyz-appmode-cart #updateCart table thead{
    display:none!important;
  }

  /* Modern/easyenglish cart row */
  body.abcxyz-appmode-cart .jshop_prod_cart{
    width:100%!important;margin:0 0 12px!important;padding:14px!important;
    display:grid!important;grid-template-columns:82px minmax(0,1fr)!important;
    grid-template-areas:
      "image name"
      "price price"
      "qty qty"
      "total total"
      "remove remove"!important;
    gap:11px 13px!important;align-items:center!important;
    background:#fff!important;border:1px solid rgba(25,69,96,.09)!important;border-radius:22px!important;
    box-shadow:0 8px 24px rgba(17,57,82,.055)!important;color:#29485d!important;
  }
  body.abcxyz-appmode-cart .jshop_prod_cart .jshop_img_description_center{grid-area:image!important;width:82px!important;margin:0!important;padding:0!important}
  body.abcxyz-appmode-cart .jshop_prod_cart .jshop_img_description_center .data{display:flex!important;align-items:center!important;justify-content:center!important}
  body.abcxyz-appmode-cart .jshop_prod_cart .jshop_img{width:74px!important;height:74px!important;object-fit:cover!important;border-radius:15px!important;border:1px solid rgba(24,76,108,.08)!important}
  body.abcxyz-appmode-cart .jshop_prod_cart .product_name{grid-area:name!important;min-width:0!important;padding:0!important}
  body.abcxyz-appmode-cart .jshop_prod_cart .product_name .prodname{
    display:block!important;margin:0!important;color:#183f59!important;font-size:14px!important;line-height:1.75!important;font-weight:850!important;text-decoration:none!important;
  }
  body.abcxyz-appmode-cart .jshop_prod_cart .single_price,
  body.abcxyz-appmode-cart .jshop_prod_cart .quantity,
  body.abcxyz-appmode-cart .jshop_prod_cart .total_price{
    margin:0!important;padding:11px 12px!important;background:#f7fafc!important;border:1px solid rgba(27,72,100,.07)!important;border-radius:15px!important;
  }
  body.abcxyz-appmode-cart .jshop_prod_cart .single_price{grid-area:price!important}
  body.abcxyz-appmode-cart .jshop_prod_cart .quantity{grid-area:qty!important}
  body.abcxyz-appmode-cart .jshop_prod_cart .total_price{grid-area:total!important;background:#edf7fb!important;border-color:rgba(16,121,161,.10)!important}
  body.abcxyz-appmode-cart .jshop_prod_cart .single_price .data,
  body.abcxyz-appmode-cart .jshop_prod_cart .quantity .data,
  body.abcxyz-appmode-cart .jshop_prod_cart .total_price .data{
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;flex-wrap:wrap!important;
  }
  body.abcxyz-appmode-cart .jshop_prod_cart .single_price .data>div:first-child,
  body.abcxyz-appmode-cart .jshop_prod_cart .quantity .data>div:first-child,
  body.abcxyz-appmode-cart .jshop_prod_cart .total_price .data>div:first-child{
    color:#718491!important;font-size:11px!important;font-weight:750!important;margin:0!important;
  }
  body.abcxyz-appmode-cart .jshop_prod_cart .single_price .price,
  body.abcxyz-appmode-cart .jshop_prod_cart .total_price .data>span{
    color:#173f59!important;font-size:15px!important;font-weight:900!important;
  }
  body.abcxyz-appmode-cart .jshop_prod_cart .quantity input[type="number"]{
    width:88px!important;max-width:88px!important;height:44px!important;margin:0!important;text-align:center!important;
    background:#fff!important;border:1px solid #d8e3e9!important;border-radius:13px!important;color:#173f59!important;font-size:15px!important;font-weight:800!important;
  }
  body.abcxyz-appmode-cart .jshop_prod_cart .cart_reload{
    width:40px!important;height:40px!important;border-radius:12px!important;background:#fff!important;border:1px solid #dce6eb!important;color:#16799f!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;
  }
  body.abcxyz-appmode-cart .jshop_prod_cart .remove{grid-area:remove!important;padding:0!important;margin:0!important;text-align:left!important}
  body.abcxyz-appmode-cart .jshop_prod_cart .remove .data{display:flex!important;justify-content:flex-start!important}
  body.abcxyz-appmode-cart .jshop_prod_cart .remove a,
  body.abcxyz-appmode-cart .jshop_prod_cart a.button-img{
    width:auto!important;min-width:0!important;height:40px!important;padding:0 14px!important;border-radius:12px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
    background:#fff4f4!important;border:1px solid #f2cccc!important;color:#a73838!important;box-shadow:none!important;text-decoration:none!important;
  }
  body.abcxyz-appmode-cart .jshop_prod_cart .remove a::after{content:'حذف';font-family:'Vazirmatn',Tahoma,Arial,sans-serif;font-size:12px;font-weight:800}

  /* If an older table-based cart template is active, make each data row a card. */
  body.abcxyz-appmode-cart #updateCart table,
  body.abcxyz-appmode-cart .jshop_cart table{display:block!important;width:100%!important;border:0!important;background:transparent!important}
  body.abcxyz-appmode-cart #updateCart table tbody,
  body.abcxyz-appmode-cart .jshop_cart table tbody{display:block!important;width:100%!important}
  body.abcxyz-appmode-cart #updateCart table tbody tr,
  body.abcxyz-appmode-cart .jshop_cart table tbody tr{
    display:grid!important;grid-template-columns:1fr!important;width:100%!important;margin:0 0 12px!important;padding:13px!important;
    background:#fff!important;border:1px solid rgba(25,69,96,.09)!important;border-radius:20px!important;box-shadow:0 8px 22px rgba(17,57,82,.05)!important;
  }
  body.abcxyz-appmode-cart #updateCart table tbody td,
  body.abcxyz-appmode-cart .jshop_cart table tbody td{
    display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;
    width:100%!important;padding:10px 0!important;border:0!important;border-bottom:1px solid #edf2f5!important;text-align:right!important;
  }
  body.abcxyz-appmode-cart #updateCart table tbody td:last-child,
  body.abcxyz-appmode-cart .jshop_cart table tbody td:last-child{border-bottom:0!important}

  /* Total / subtotal: one quiet summary card, not another table. */
  body.abcxyz-appmode-cart .jshop_subtotal,
  body.abcxyz-appmode-cart .cart_total,
  body.abcxyz-appmode-cart .cart_total_price{
    width:100%!important;margin:14px 0!important;padding:8px 14px!important;overflow:hidden!important;
    background:#fff!important;border:1px solid rgba(24,71,98,.09)!important;border-radius:20px!important;box-shadow:0 8px 24px rgba(17,57,82,.045)!important;color:#27485d!important;
  }
  body.abcxyz-appmode-cart .jshop_subtotal>div,
  body.abcxyz-appmode-cart .cart_total>div{
    min-height:48px!important;padding:10px 2px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;
    border:0!important;border-bottom:1px solid #edf2f5!important;background:transparent!important;
  }
  body.abcxyz-appmode-cart .jshop_subtotal>div:last-child,
  body.abcxyz-appmode-cart .cart_total>div:last-child{border-bottom:0!important}
  body.abcxyz-appmode-cart .jshop_subtotal .total,
  body.abcxyz-appmode-cart .jshop_subtotal .subtotal{
    font-weight:850!important;color:#183f59!important;
  }

  /* Cart actions */
  body.abcxyz-appmode-cart .cart_buttons,
  body.abcxyz-appmode-cart #checkout{
    width:100%!important;margin:14px 0 0!important;padding:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;background:transparent!important;border:0!important;
  }
  body.abcxyz-appmode-cart .cart_buttons>* ,
  body.abcxyz-appmode-cart #checkout>*{width:100%!important;float:none!important;margin:0!important;padding:0!important}
  body.abcxyz-appmode-cart .cart_buttons a,
  body.abcxyz-appmode-cart .cart_buttons button,
  body.abcxyz-appmode-cart .cart_buttons input[type="submit"],
  body.abcxyz-appmode-cart #checkout a,
  body.abcxyz-appmode-cart #checkout button,
  body.abcxyz-appmode-cart #checkout input[type="submit"]{
    min-height:50px!important;width:100%!important;margin:0!important;padding:0 14px!important;border-radius:15px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;text-decoration:none!important;
    font-family:'Vazirmatn',Tahoma,Arial,sans-serif!important;font-size:13px!important;font-weight:850!important;line-height:1.35!important;
  }
  body.abcxyz-appmode-cart .cart_buttons .btn-arrow-right,
  body.abcxyz-appmode-cart .cart_buttons [href*="checkout"],
  body.abcxyz-appmode-cart #checkout [href*="checkout"],
  body.abcxyz-appmode-cart #checkout input[type="submit"]{
    background:#174f7d!important;color:#fff!important;border:1px solid #174f7d!important;box-shadow:0 8px 20px rgba(23,79,125,.15)!important;
  }
  body.abcxyz-appmode-cart .cart_buttons .btn-arrow-left,
  body.abcxyz-appmode-cart .cart_buttons [href="/shop"],
  body.abcxyz-appmode-cart #checkout [href="/shop"]{
    background:#fff!important;color:#24526e!important;border:1px solid #d7e3e9!important;box-shadow:none!important;
  }
  body.abcxyz-appmode-cart .clear-cart{margin:10px 0!important;text-align:left!important}
  body.abcxyz-appmode-cart .clear-cart a{
    min-height:38px!important;padding:0 12px!important;border-radius:11px!important;background:#fff4f4!important;border:1px solid #f0cdcd!important;color:#a53b3b!important;box-shadow:none!important;
  }

  /* Buyer information / address */
  body.abcxyz-appmode-shop .address_block,
  body.abcxyz-appmode-shop .checkout_shipping_block,
  body.abcxyz-appmode-shop .checkout_payment_block,
  body.abcxyz-appmode-shop .checkout_pfinish_block{
    width:calc(100% - 20px)!important;max-width:640px!important;margin:10px auto 18px!important;padding:18px 14px!important;
    background:#fff!important;border:1px solid rgba(24,72,99,.09)!important;border-radius:22px!important;box-shadow:0 8px 28px rgba(17,57,82,.05)!important;color:#29485d!important;
  }
  body.abcxyz-appmode-shop .address_block h1,
  body.abcxyz-appmode-shop .address_block h2,
  body.abcxyz-appmode-shop .checkout_shipping_block h2,
  body.abcxyz-appmode-shop .checkout_payment_block h2,
  body.abcxyz-appmode-shop .checkout_pfinish_block h2{
    margin:0 0 16px!important;color:#173f59!important;font-size:19px!important;line-height:1.55!important;font-weight:900!important;
  }
  body.abcxyz-appmode-shop .address_block .control-group{margin:0 0 14px!important}
  body.abcxyz-appmode-shop .address_block .control-label{margin:0 0 6px!important;padding:0!important}
  body.abcxyz-appmode-shop .address_block label,
  body.abcxyz-appmode-shop .address_block .control-label label{
    color:#4f6878!important;font-size:12px!important;font-weight:800!important;line-height:1.6!important;
  }
  body.abcxyz-appmode-shop .address_block input[type="text"],
  body.abcxyz-appmode-shop .address_block input[type="email"],
  body.abcxyz-appmode-shop .address_block input[type="tel"],
  body.abcxyz-appmode-shop .address_block input[type="password"],
  body.abcxyz-appmode-shop .address_block select,
  body.abcxyz-appmode-shop .address_block textarea{
    width:100%!important;min-height:50px!important;margin:0!important;padding:10px 13px!important;border-radius:14px!important;
    background:#fff!important;border:1px solid #d7e3e9!important;color:#243f51!important;box-shadow:none!important;font-size:15px!important;
  }
  body.abcxyz-appmode-shop .address_block input:focus,
  body.abcxyz-appmode-shop .address_block select:focus,
  body.abcxyz-appmode-shop .address_block textarea:focus{
    border-color:#2b8eb6!important;box-shadow:0 0 0 3px rgba(43,142,182,.10)!important;outline:0!important;
  }
  body.abcxyz-appmode-shop .address_block .requiredtext{
    margin:4px 0 12px!important;color:#9a4a4a!important;font-size:11px!important;font-weight:750!important;
  }
  body.abcxyz-appmode-shop .address_block .box_button{margin-top:16px!important}
  body.abcxyz-appmode-shop .address_block .box_button input[type="submit"],
  body.abcxyz-appmode-shop .checkout_shipping_block input[type="submit"],
  body.abcxyz-appmode-shop .checkout_payment_block input[type="submit"],
  body.abcxyz-appmode-shop .checkout_pfinish_block input[type="submit"]{
    width:100%!important;min-height:52px!important;border:0!important;border-radius:15px!important;margin:0!important;
    background:#174f7d!important;color:#fff!important;font-family:'Vazirmatn',Tahoma,Arial,sans-serif!important;font-size:14px!important;font-weight:900!important;
    box-shadow:0 8px 22px rgba(23,79,125,.16)!important;
  }

  /* Shipping/payment choice cards */
  body.abcxyz-appmode-shop .shipping-item,
  body.abcxyz-appmode-shop .payment-item{
    margin:0 0 10px!important;border:1px solid #dfe8ed!important;border-radius:17px!important;background:#fff!important;color:#29485d!important;overflow:hidden!important;
  }
  body.abcxyz-appmode-shop .shipping-item label,
  body.abcxyz-appmode-shop .payment-item label{padding:13px!important;color:#27485d!important}
  body.abcxyz-appmode-shop .shipping-item:has(input:checked),
  body.abcxyz-appmode-shop .payment-item:has(input:checked){border-color:#86c7df!important;background:#f2fbfe!important;box-shadow:0 0 0 2px rgba(22,121,159,.06)!important}

  /* Final review */
  body.abcxyz-appmode-shop .checkout_pfinish_block .checkoutinfo{
    overflow:hidden!important;border:1px solid #e0e8ed!important;border-radius:18px!important;background:#fff!important;color:#29485d!important;
  }
  body.abcxyz-appmode-shop .checkout_pfinish_block .checkoutinfo>div{
    padding:14px!important;border-bottom:1px solid #edf2f5!important;background:#fff!important;color:#29485d!important;
  }
  body.abcxyz-appmode-shop .checkout_pfinish_block .checkoutinfo>div:last-child{border-bottom:0!important}
  body.abcxyz-appmode-shop .checkout_pfinish_block strong{color:#647b89!important;font-size:11px!important;font-weight:850!important}
  body.abcxyz-appmode-shop .checkout_pfinish_block .checkoutinfo span{color:#29485d!important;font-size:13px!important;line-height:1.85!important}
  body.abcxyz-appmode-shop .checkout_pfinish_block .pfinish_comment_block{
    margin-top:12px!important;padding:15px!important;background:#f8fbfc!important;border:1px solid #e0e9ee!important;border-radius:18px!important;color:#29485d!important;
  }
  body.abcxyz-appmode-shop .checkout_pfinish_block .pfinish_comment_block label.name{color:#29485d!important;font-size:13px!important;font-weight:850!important}
  body.abcxyz-appmode-shop .checkout_pfinish_block textarea{
    width:100%!important;min-height:110px!important;padding:12px!important;border:1px solid #d7e3e9!important;border-radius:14px!important;background:#fff!important;color:#29485d!important;box-shadow:none!important;
  }

  /* Store notices sit within the same canvas as the checkout card. */
  body.abcxyz-appmode-shop .abcxyz-store-notice,
  body[class*="com-jshopping"] .abcxyz-store-notice{
    width:calc(100% - 20px)!important;max-width:640px!important;margin:10px auto 14px!important;
  }
}

@media (max-width:430px){
  body.abcxyz-appmode-cart .cart_buttons,
  body.abcxyz-appmode-cart #checkout{grid-template-columns:1fr!important}
  body.abcxyz-appmode-cart .jshop_prod_cart{grid-template-columns:72px minmax(0,1fr)!important;gap:10px!important;padding:12px!important}
  body.abcxyz-appmode-cart .jshop_prod_cart .jshop_img_description_center{width:72px!important}
  body.abcxyz-appmode-cart .jshop_prod_cart .jshop_img{width:66px!important;height:66px!important}
  body.abcxyz-appmode-shop .address_block,
  body.abcxyz-appmode-shop .checkout_shipping_block,
  body.abcxyz-appmode-shop .checkout_payment_block,
  body.abcxyz-appmode-shop .checkout_pfinish_block{padding:15px 12px!important;border-radius:19px!important}
}


/* ================================================================
   ABCXYZ Mobile App Mode v1.13.0
   Structural cart repair — normalize legacy JoomShopping cart DOM
   ================================================================ */
@media (max-width:900px){
  body.abcxyz-appmode-cart form[name="updateCart"] .abcxyz-cart-legacy-head,
  body.abcxyz-appmode-cart #updateCart .abcxyz-cart-legacy-head,
  body.abcxyz-appmode-cart form[name="updateCart"] > .cart > .cart_title{
    display:none!important;
  }

  body.abcxyz-appmode-cart form[name="updateCart"] .jshop_prod_cart.abcxyz-cart-item-v2,
  body.abcxyz-appmode-cart #updateCart .jshop_prod_cart.abcxyz-cart-item-v2{
    display:grid!important;
    grid-template-columns:82px minmax(0,1fr)!important;
    grid-template-areas:
      "image name"
      "price price"
      "qty qty"
      "total total"
      "remove remove"!important;
    gap:12px 14px!important;
    width:100%!important;
    margin:0 0 14px!important;
    padding:15px!important;
    box-sizing:border-box!important;
    background:#fff!important;
    border:1px solid rgba(24,72,99,.09)!important;
    border-radius:22px!important;
    box-shadow:0 8px 26px rgba(17,57,82,.05)!important;
    overflow:hidden!important;
  }
  body.abcxyz-appmode-cart .abcxyz-cart-item-v2 > .abcxyz-cart-part{
    width:auto!important;max-width:none!important;min-width:0!important;
    margin:0!important;padding:0!important;float:none!important;
    border:0!important;background:transparent!important;
    display:block!important;box-sizing:border-box!important;
  }
  body.abcxyz-appmode-cart .abcxyz-cart-part--image{grid-area:image!important;align-self:start!important}
  body.abcxyz-appmode-cart .abcxyz-cart-part--name{grid-area:name!important;align-self:center!important}
  body.abcxyz-appmode-cart .abcxyz-cart-part--price{grid-area:price!important}
  body.abcxyz-appmode-cart .abcxyz-cart-part--qty{grid-area:qty!important}
  body.abcxyz-appmode-cart .abcxyz-cart-part--total{grid-area:total!important}
  body.abcxyz-appmode-cart .abcxyz-cart-part--remove{grid-area:remove!important}

  body.abcxyz-appmode-cart .abcxyz-cart-part--image .data{
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:82px!important;height:82px!important;margin:0!important;padding:0!important;
  }
  body.abcxyz-appmode-cart .abcxyz-cart-part--image img.jshop_img{
    width:78px!important;height:78px!important;max-width:78px!important;object-fit:cover!important;
    border-radius:15px!important;border:1px solid rgba(24,72,99,.08)!important;
  }
  body.abcxyz-appmode-cart .abcxyz-cart-part--name .data{
    display:block!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;
  }
  body.abcxyz-appmode-cart .abcxyz-cart-part--name a{
    display:block!important;width:100%!important;margin:0!important;
    color:#173f59!important;font-size:15px!important;font-weight:900!important;line-height:1.8!important;
    text-decoration:none!important;overflow-wrap:normal!important;word-break:normal!important;white-space:normal!important;
  }

  body.abcxyz-appmode-cart .abcxyz-cart-part--price,
  body.abcxyz-appmode-cart .abcxyz-cart-part--qty,
  body.abcxyz-appmode-cart .abcxyz-cart-part--total{
    position:relative!important;
    min-height:58px!important;padding:18px 13px 11px!important;
    background:#f7fafc!important;border:1px solid rgba(27,72,100,.07)!important;border-radius:15px!important;
  }
  body.abcxyz-appmode-cart .abcxyz-cart-part--total{background:#edf7fb!important;border-color:rgba(16,121,161,.10)!important}
  body.abcxyz-appmode-cart .abcxyz-cart-part--price::before,
  body.abcxyz-appmode-cart .abcxyz-cart-part--qty::before,
  body.abcxyz-appmode-cart .abcxyz-cart-part--total::before{
    content:attr(data-abcxyz-label);position:absolute;top:7px;right:12px;
    color:#778b98;font-size:10px;font-weight:800;line-height:1;
  }
  body.abcxyz-appmode-cart .abcxyz-cart-part--price .data,
  body.abcxyz-appmode-cart .abcxyz-cart-part--total .data{
    min-height:26px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;
    padding:0!important;margin:0!important;color:#173f59!important;font-size:15px!important;font-weight:900!important;
  }
  body.abcxyz-appmode-cart .abcxyz-cart-part--qty .data{
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
    margin:0!important;padding:0!important;
  }
  body.abcxyz-appmode-cart .abcxyz-cart-part--qty input.inputbox,
  body.abcxyz-appmode-cart .abcxyz-cart-part--qty input[type="text"],
  body.abcxyz-appmode-cart .abcxyz-cart-part--qty input[type="number"]{
    width:92px!important;max-width:92px!important;height:44px!important;margin:0!important;padding:0 10px!important;
    border:1px solid #d6e2e8!important;border-radius:13px!important;background:#fff!important;color:#173f59!important;
    text-align:center!important;font-size:15px!important;font-weight:850!important;box-shadow:none!important;
  }
  body.abcxyz-appmode-cart .abcxyz-cart-reload-v2{display:inline-flex!important;margin:0!important;padding:0!important}
  body.abcxyz-appmode-cart .abcxyz-cart-reload-button{
    width:42px!important;height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
    border:1px solid #d8e4ea!important;border-radius:12px!important;background:#fff!important;color:#16799f!important;
    font-size:23px!important;font-weight:700!important;line-height:1!important;cursor:pointer!important;
  }

  body.abcxyz-appmode-cart .abcxyz-cart-part--remove{
    display:flex!important;justify-content:flex-start!important;padding-top:2px!important;
  }
  body.abcxyz-appmode-cart .abcxyz-cart-part--remove .data{display:block!important;margin:0!important;padding:0!important}
  body.abcxyz-appmode-cart .abcxyz-cart-remove-v2{
    min-height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
    padding:0 13px!important;border:1px solid #edcccc!important;border-radius:12px!important;background:#fff5f5!important;
    color:#a33f3f!important;text-decoration:none!important;font-size:12px!important;font-weight:850!important;
  }
  body.abcxyz-appmode-cart .abcxyz-cart-remove-v2__icon{font-size:19px!important;line-height:1!important;font-weight:500!important}

  /* The old responsive template uses Bootstrap span classes and hidden-phone
     labels that can override widths. v1.13 owns the mobile card geometry. */
  body.abcxyz-appmode-cart .abcxyz-cart-item-v2 [class*="span"],
  body.abcxyz-appmode-cart .abcxyz-cart-item-v2 [class*="col-span"]{
    width:auto!important;margin-left:0!important;margin-right:0!important;float:none!important;
  }
  body.abcxyz-appmode-cart .abcxyz-cart-item-v2 .mobile-cart{display:none!important}

  /* One authoritative summary. */
  body.abcxyz-appmode-cart .jshop_subtotal{
    width:100%!important;margin:14px 0!important;padding:8px 14px!important;
    background:#fff!important;border:1px solid rgba(24,71,98,.09)!important;border-radius:20px!important;
    box-shadow:0 8px 24px rgba(17,57,82,.045)!important;
  }
  body.abcxyz-appmode-cart .abcxyz-current-total-v2{transition:opacity .15s ease!important}
  body.abcxyz-appmode-cart .abcxyz-current-total-v2[hidden]{display:none!important}

  /* Review screen: keep summary content inside one readable canvas. */
  body.abcxyz-appmode-shop .checkout_pfinish_block{
    overflow:hidden!important;
  }
  body.abcxyz-appmode-shop .checkout_pfinish_block .checkoutinfo,
  body.abcxyz-appmode-shop .checkout_pfinish_block .pfinish_comment_block{
    max-width:100%!important;box-sizing:border-box!important;
  }
}

/* ================================================================
   ABCXYZ Mobile App Mode v1.14.0
   Root-cause JoomShopping cart repair (mobile only)
   ================================================================ */
@media (max-width:900px){
  body.abcxyz-appmode-cart{
    padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))!important;
  }

  body.abcxyz-appmode-cart .abcxyz-cart-legacy-head{
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }

  body.abcxyz-appmode-cart .abcxyz-cart-table-v3,
  body.abcxyz-appmode-cart .abcxyz-cart-table-v3 tbody{
    display:block!important;
    width:100%!important;
    border:0!important;
    background:transparent!important;
  }

  body.abcxyz-appmode-cart .abcxyz-cart-table-v3 tr.abcxyz-cart-item-v3,
  body.abcxyz-appmode-cart .abcxyz-cart-item-v3{
    display:grid!important;
    grid-template-columns:84px minmax(0,1fr)!important;
    grid-template-areas:
      "image name"
      "price price"
      "qty qty"
      "total total"
      "remove remove"!important;
    gap:11px 13px!important;
    align-items:center!important;
    width:100%!important;
    margin:0 0 14px!important;
    padding:14px!important;
    background:#fff!important;
    border:1px solid rgba(25,69,96,.09)!important;
    border-radius:22px!important;
    box-shadow:0 10px 28px rgba(17,57,82,.055)!important;
  }

  body.abcxyz-appmode-cart .abcxyz-cart-item-v3>td,
  body.abcxyz-appmode-cart .abcxyz-cart-item-v3>.abcxyz-cart-part{
    display:block!important;
    width:auto!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    text-align:right!important;
  }

  body.abcxyz-appmode-cart .abcxyz-cart-item-v3 .abcxyz-cart-part--image{
    grid-area:image!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:78px!important;
  }
  body.abcxyz-appmode-cart .abcxyz-cart-product-image-v3,
  body.abcxyz-appmode-cart .abcxyz-cart-item-v3 .abcxyz-cart-part--image img{
    display:block!important;
    width:76px!important;
    height:76px!important;
    max-width:76px!important;
    object-fit:cover!important;
    border-radius:15px!important;
    border:1px solid rgba(24,76,108,.08)!important;
  }

  body.abcxyz-appmode-cart .abcxyz-cart-item-v3 .abcxyz-cart-part--name{
    grid-area:name!important;
    align-self:center!important;
    font-size:14px!important;
    line-height:1.9!important;
    font-weight:850!important;
    color:#183f59!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }
  body.abcxyz-appmode-cart .abcxyz-cart-item-v3 .abcxyz-cart-part--name a,
  body.abcxyz-appmode-cart .abcxyz-cart-item-v3 .abcxyz-cart-part--name .prodname{
    display:block!important;
    color:#183f59!important;
    text-decoration:none!important;
    font-size:14px!important;
    line-height:1.9!important;
    font-weight:850!important;
  }

  body.abcxyz-appmode-cart .abcxyz-cart-item-v3 .abcxyz-cart-part--price,
  body.abcxyz-appmode-cart .abcxyz-cart-item-v3 .abcxyz-cart-part--qty,
  body.abcxyz-appmode-cart .abcxyz-cart-item-v3 .abcxyz-cart-part--total{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    min-height:58px!important;
    padding:11px 13px!important;
    border:1px solid rgba(27,72,100,.07)!important;
    border-radius:15px!important;
    background:#f7fafc!important;
  }
  body.abcxyz-appmode-cart .abcxyz-cart-item-v3 .abcxyz-cart-part--price{grid-area:price!important}
  body.abcxyz-appmode-cart .abcxyz-cart-item-v3 .abcxyz-cart-part--qty{grid-area:qty!important}
  body.abcxyz-appmode-cart .abcxyz-cart-item-v3 .abcxyz-cart-part--total{
    grid-area:total!important;
    background:#edf7fb!important;
    border-color:rgba(16,121,161,.10)!important;
    font-weight:900!important;
    color:#173f59!important;
  }

  body.abcxyz-appmode-cart .abcxyz-cart-item-v3 .abcxyz-cart-part--price::before,
  body.abcxyz-appmode-cart .abcxyz-cart-item-v3 .abcxyz-cart-part--qty::before,
  body.abcxyz-appmode-cart .abcxyz-cart-item-v3 .abcxyz-cart-part--total::before{
    content:attr(data-abcxyz-label);
    flex:0 0 auto!important;
    color:#718491!important;
    font-size:11px!important;
    font-weight:800!important;
  }

  body.abcxyz-appmode-cart .abcxyz-cart-item-v3 .abcxyz-cart-part--qty input[type="number"],
  body.abcxyz-appmode-cart .abcxyz-cart-item-v3 .abcxyz-cart-part--qty input[type="text"]{
    width:86px!important;
    max-width:86px!important;
    height:44px!important;
    margin:0!important;
    padding:0 8px!important;
    text-align:center!important;
    background:#fff!important;
    border:1px solid #d8e3e9!important;
    border-radius:13px!important;
    color:#173f59!important;
    font-size:15px!important;
    font-weight:850!important;
    box-shadow:none!important;
  }

  body.abcxyz-appmode-cart .abcxyz-cart-reload-v3{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:40px!important;
    height:40px!important;
    margin-inline-start:8px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  body.abcxyz-appmode-cart .abcxyz-cart-reload-button-v3{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:40px!important;
    height:40px!important;
    padding:0!important;
    border-radius:12px!important;
    border:1px solid #d8e5eb!important;
    background:#fff!important;
    color:#13779e!important;
    font:900 20px/1 system-ui!important;
    box-shadow:none!important;
  }

  body.abcxyz-appmode-cart .abcxyz-cart-item-v3 .abcxyz-cart-part--remove{
    grid-area:remove!important;
    display:flex!important;
    justify-content:flex-start!important;
    align-items:center!important;
    padding-top:1px!important;
  }
  body.abcxyz-appmode-cart .abcxyz-cart-remove-v3{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    width:auto!important;
    min-width:92px!important;
    height:42px!important;
    padding:0 14px!important;
    border-radius:13px!important;
    border:1px solid #f0caca!important;
    background:#fff4f4!important;
    color:#a53939!important;
    text-decoration:none!important;
    font-size:12px!important;
    font-weight:850!important;
    box-shadow:none!important;
  }
  body.abcxyz-appmode-cart .abcxyz-cart-remove-v3__icon{
    font:800 18px/1 system-ui!important;
  }

  body.abcxyz-appmode-cart .abcxyz-current-total-v3{
    overflow:hidden!important;
  }
  body.abcxyz-appmode-cart .abcxyz-current-total-v3__value{
    display:block!important;
    margin-top:8px!important;
    color:#fff!important;
    font-size:28px!important;
    line-height:1.2!important;
    font-weight:950!important;
  }

  /* Once JS has normalized a legacy cart, neutralize the v1.12 generic td grid.
     This prevents the title from collapsing into a narrow vertical column. */
  body.abcxyz-appmode-cart .abcxyz-cart-table-v3 tr.abcxyz-cart-item-v3>td{
    grid-template-columns:none!important;
    border-bottom:0!important;
  }

  body.abcxyz-appmode-cart .abcxyz-cart-v3 .cart_buttons,
  body.abcxyz-appmode-cart .abcxyz-cart-v3 #checkout,
  body.abcxyz-appmode-cart .cart_buttons,
  body.abcxyz-appmode-cart #checkout{
    margin-bottom:18px!important;
  }
}


/* ================================================================
   ABCXYZ Mobile App Mode v1.15.0
   JoomShopping Checkout Redesign — desktop + mobile, logic-safe
   ================================================================ */

/* Checkout design tokens and canvas. Scoped only when JS detects a real
   JoomShopping checkout surface. No pricing/order/payment logic is changed. */
body.abcxyz-appmode-checkout{
  --abc-co-ink:#173f59;
  --abc-co-text:#29485d;
  --abc-co-muted:#6d8392;
  --abc-co-line:#dfe8ed;
  --abc-co-soft:#f6fafc;
  --abc-co-soft-blue:#eef8fc;
  --abc-co-brand:#174f7d;
  --abc-co-brand-2:#0f759f;
  --abc-co-danger:#a43e3e;
  --abc-co-radius:22px;
}
body.abcxyz-appmode-checkout #comjshop.abcxyz-checkout-host{
  width:min(100%,980px)!important;
  max-width:980px!important;
  margin:0 auto!important;
  box-sizing:border-box!important;
  color:var(--abc-co-text)!important;
}
body.abcxyz-appmode-checkout #comjshop.abcxyz-checkout-host *{box-sizing:border-box}

/* Stepper */
body.abcxyz-appmode-checkout #jshop_menu_order.abcxyz-checkout-steps{
  width:100%!important;max-width:980px!important;margin:8px auto 20px!important;padding:6px!important;
  display:flex!important;align-items:stretch!important;justify-content:center!important;gap:8px!important;
  background:#fff!important;border:1px solid rgba(24,72,99,.08)!important;border-radius:20px!important;
  box-shadow:0 8px 26px rgba(17,57,82,.045)!important;overflow:visible!important;
}
body.abcxyz-appmode-checkout #jshop_menu_order .abcxyz-checkout-step{
  position:relative!important;flex:1 1 0!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important;
  margin:0!important;padding:0!important;background:transparent!important;border:0!important;
}
body.abcxyz-appmode-checkout #jshop_menu_order .abcxyz-checkout-step::before{
  content:attr(data-step)!important;flex:0 0 28px!important;width:28px!important;height:28px!important;margin-inline-end:7px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;
  background:#edf3f6!important;color:#6d8392!important;font:850 12px/1 system-ui,sans-serif!important;
}
body.abcxyz-appmode-checkout #jshop_menu_order .abcxyz-checkout-step span,
body.abcxyz-appmode-checkout #jshop_menu_order .abcxyz-checkout-step a{
  min-height:42px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;color:#748896!important;
  font-family:'Vazirmatn',Tahoma,Arial,sans-serif!important;font-size:12px!important;font-weight:800!important;line-height:1.5!important;text-decoration:none!important;
}
body.abcxyz-appmode-checkout #jshop_menu_order .abcxyz-checkout-step.prev::before{background:#e7f4f8!important;color:#1c7596!important}
body.abcxyz-appmode-checkout #jshop_menu_order .abcxyz-checkout-step.prev span,
body.abcxyz-appmode-checkout #jshop_menu_order .abcxyz-checkout-step.prev a{color:#3f7187!important}
body.abcxyz-appmode-checkout #jshop_menu_order .abcxyz-checkout-step.active{
  background:linear-gradient(145deg,#f4fbfe,#edf7fb)!important;border-radius:14px!important;
}
body.abcxyz-appmode-checkout #jshop_menu_order .abcxyz-checkout-step.active::before{
  background:linear-gradient(145deg,var(--abc-co-brand-2),var(--abc-co-brand))!important;color:#fff!important;box-shadow:0 6px 14px rgba(15,117,159,.18)!important;
}
body.abcxyz-appmode-checkout #jshop_menu_order .abcxyz-checkout-step.active span,
body.abcxyz-appmode-checkout #jshop_menu_order .abcxyz-checkout-step.active a{color:var(--abc-co-ink)!important;font-weight:900!important}

/* Shared checkout panels */
body.abcxyz-appmode-checkout .abcxyz-checkout-surface,
body.abcxyz-appmode-checkout .checkout_shipping_block,
body.abcxyz-appmode-checkout .checkout_payment_block,
body.abcxyz-appmode-checkout .checkout_pfinish_block,
body.abcxyz-appmode-checkout .address_block{
  width:100%!important;max-width:none!important;margin:0 auto 20px!important;padding:24px!important;
  background:#fff!important;border:1px solid rgba(24,72,99,.09)!important;border-radius:var(--abc-co-radius)!important;
  box-shadow:0 12px 34px rgba(17,57,82,.055)!important;color:var(--abc-co-text)!important;
}
body.abcxyz-appmode-checkout .abcxyz-checkout-surface form{margin:0!important}
body.abcxyz-appmode-checkout .abcxyz-checkout-surface h1,
body.abcxyz-appmode-checkout .abcxyz-checkout-surface h2,
body.abcxyz-appmode-checkout .abcxyz-checkout-surface h3{
  color:var(--abc-co-ink)!important;font-family:'Vazirmatn',Tahoma,Arial,sans-serif!important;font-weight:900!important;letter-spacing:0!important;
}

/* Buyer-information form */
body.abcxyz-appmode-checkout .abcxyz-checkout-address .jshop_register.abcxyz-buyer-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:18px!important;row-gap:0!important;
}
body.abcxyz-appmode-checkout .abcxyz-checkout-address .abcxyz-field-group{
  min-width:0!important;margin:0 0 15px!important;padding:0!important;
}
body.abcxyz-appmode-checkout .abcxyz-checkout-address .abcxyz-field-group .control-label{
  float:none!important;width:auto!important;margin:0 0 7px!important;padding:0!important;text-align:right!important;
}
body.abcxyz-appmode-checkout .abcxyz-checkout-address .abcxyz-field-group .controls{
  width:100%!important;margin:0!important;padding:0!important;
}
body.abcxyz-appmode-checkout .abcxyz-checkout-address label{
  display:block!important;color:#4f6878!important;font-size:12px!important;font-weight:850!important;line-height:1.65!important;
}
body.abcxyz-appmode-checkout .abcxyz-checkout-address input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body.abcxyz-appmode-checkout .abcxyz-checkout-address select,
body.abcxyz-appmode-checkout .abcxyz-checkout-address textarea{
  width:100%!important;max-width:none!important;min-height:50px!important;margin:0!important;padding:11px 13px!important;
  border:1px solid #d7e3e9!important;border-radius:14px!important;background:#fff!important;color:#243f51!important;
  box-shadow:none!important;font-family:'Vazirmatn',Tahoma,Arial,sans-serif!important;font-size:14px!important;line-height:1.55!important;
}
body.abcxyz-appmode-checkout .abcxyz-checkout-address input:focus,
body.abcxyz-appmode-checkout .abcxyz-checkout-address select:focus,
body.abcxyz-appmode-checkout .abcxyz-checkout-address textarea:focus{
  border-color:#2b8eb6!important;box-shadow:0 0 0 3px rgba(43,142,182,.11)!important;outline:0!important;
}
body.abcxyz-appmode-checkout .abcxyz-checkout-address .jshop_block_privacy_statement,
body.abcxyz-appmode-checkout .abcxyz-checkout-address .box_button{
  grid-column:1/-1!important;
}
body.abcxyz-appmode-checkout .abcxyz-checkout-address .requiredtext{color:#9a4a4a!important;font-size:11px!important;font-weight:750!important}

/* Payment / shipping selector cards */
body.abcxyz-appmode-checkout #table_payments,
body.abcxyz-appmode-checkout #table_shippings{
  width:100%!important;margin:0 0 18px!important;padding:0!important;border:0!important;border-collapse:separate!important;
}
body.abcxyz-appmode-checkout .abcxyz-choice-card{
  position:relative!important;width:100%!important;margin:0 0 11px!important;padding:0!important;
  border:1px solid var(--abc-co-line)!important;border-radius:18px!important;background:#fff!important;color:var(--abc-co-text)!important;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease!important;overflow:hidden!important;
}
body.abcxyz-appmode-checkout .abcxyz-choice-card:hover{border-color:#c9dce5!important;box-shadow:0 7px 20px rgba(17,57,82,.045)!important}
body.abcxyz-appmode-checkout .abcxyz-choice-card.is-selected,
body.abcxyz-appmode-checkout .abcxyz-choice-card:has(input[type="radio"]:checked){
  border-color:#6bb7d3!important;background:linear-gradient(145deg,#f6fcfe,#eef9fc)!important;box-shadow:0 0 0 3px rgba(32,139,180,.07)!important;
}
body.abcxyz-appmode-checkout .abcxyz-choice-card input[type="radio"]{
  position:absolute!important;inset-inline-start:16px!important;top:50%!important;transform:translateY(-50%)!important;
  width:20px!important;height:20px!important;margin:0!important;accent-color:#147ca6!important;z-index:2!important;
}
body.abcxyz-appmode-checkout .abcxyz-choice-card label{
  width:100%!important;min-height:62px!important;margin:0!important;padding:15px 48px 15px 16px!important;
  display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;cursor:pointer!important;
  color:#27485d!important;font-size:14px!important;font-weight:850!important;line-height:1.7!important;
}
body.abcxyz-appmode-checkout .abcxyz-choice-card .payment_image img,
body.abcxyz-appmode-checkout .abcxyz-choice-card .shipping_image img{max-height:34px!important;width:auto!important;object-fit:contain!important;border-radius:7px!important}
body.abcxyz-appmode-checkout .abcxyz-choice-card .payment_price,
body.abcxyz-appmode-checkout .abcxyz-choice-card .shipping_price{margin-inline-start:auto!important;color:#4f7488!important;font-size:12px!important;font-weight:800!important}
body.abcxyz-appmode-checkout .abcxyz-choice-details{
  margin:-3px 0 12px!important;padding:0 15px 13px!important;color:#6a808e!important;font-size:12px!important;line-height:1.8!important;
}
body.abcxyz-appmode-checkout .paymform.abcxyz-choice-details{
  margin:-6px 0 12px!important;padding:14px 16px!important;background:var(--abc-co-soft)!important;border:1px solid #e5edf1!important;border-radius:15px!important;
}

/* Compact checkout cart and totals. Never hide the monetary total on checkout. */
body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table{
  width:100%!important;margin:0 0 14px!important;border:1px solid #e2ebef!important;border-radius:18px!important;border-collapse:separate!important;border-spacing:0!important;overflow:hidden!important;background:#fff!important;
}
body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table th{
  padding:11px 10px!important;background:#f5f9fb!important;color:#657d8c!important;border:0!important;border-bottom:1px solid #e4ecef!important;font-size:11px!important;font-weight:850!important;
}
body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table td{
  padding:13px 10px!important;color:#29485d!important;border:0!important;border-bottom:1px solid #edf2f5!important;vertical-align:middle!important;
}
body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table tr:last-child td{border-bottom:0!important}
body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table .jshop_img{width:58px!important;height:58px!important;object-fit:cover!important;border-radius:12px!important}
body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table .prodname{color:#183f59!important;font-size:13px!important;font-weight:850!important;text-decoration:none!important}
body.abcxyz-appmode-checkout .jshop_subtotal.abcxyz-checkout-totals{
  width:100%!important;margin:12px 0 18px!important;padding:8px 14px!important;border:1px solid #dce7ec!important;border-radius:18px!important;background:#f8fbfc!important;border-collapse:separate!important;
}
body.abcxyz-appmode-checkout .jshop_subtotal.abcxyz-checkout-totals td{padding:9px 5px!important;border:0!important;color:#5b7484!important}
body.abcxyz-appmode-checkout .jshop_subtotal.abcxyz-checkout-totals td.value{text-align:left!important;color:#29485d!important;font-weight:850!important}
body.abcxyz-appmode-checkout .jshop_subtotal.abcxyz-checkout-totals tr.total td{
  padding-top:13px!important;border-top:1px solid #dce7ec!important;color:#153f5a!important;font-size:17px!important;font-weight:950!important;
}

/* Final confirmation / review cards */
body.abcxyz-appmode-checkout .checkout_pfinish_block .checkoutinfo.abcxyz-review-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;
  margin:0 0 14px!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important;
}
body.abcxyz-appmode-checkout .checkout_pfinish_block .abcxyz-review-card{
  position:relative!important;min-height:112px!important;margin:0!important;padding:16px 16px 16px 18px!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:6px!important;
  border:1px solid #dfe8ed!important;border-radius:18px!important;background:#fff!important;color:#29485d!important;box-shadow:0 6px 18px rgba(17,57,82,.035)!important;
}
body.abcxyz-appmode-checkout .checkout_pfinish_block .abcxyz-review-card::before{
  content:''!important;width:34px!important;height:5px!important;margin-bottom:3px!important;border-radius:999px!important;background:#d9edf5!important;
}
body.abcxyz-appmode-checkout .checkout_pfinish_block .abcxyz-review-card--payment::before{background:#bfe5f2!important}
body.abcxyz-appmode-checkout .checkout_pfinish_block .abcxyz-review-card--shipping::before{background:#cfe7dd!important}
body.abcxyz-appmode-checkout .checkout_pfinish_block .abcxyz-review-card strong{
  color:#6c8290!important;font-size:11px!important;font-weight:900!important;line-height:1.7!important;
}
body.abcxyz-appmode-checkout .checkout_pfinish_block .abcxyz-review-card>span,
body.abcxyz-appmode-checkout .checkout_pfinish_block .abcxyz-review-card{font-size:13px!important;line-height:1.95!important}
body.abcxyz-appmode-checkout .checkout_pfinish_block .abcxyz-review-action-card{
  width:100%!important;max-width:none!important;margin:14px 0 0!important;padding:17px!important;
  background:var(--abc-co-soft)!important;border:1px solid #dfe9ee!important;border-radius:18px!important;color:#29485d!important;
}
body.abcxyz-appmode-checkout .checkout_pfinish_block .abcxyz-review-action-card>.name{
  margin:0 0 7px!important;text-align:right!important;color:#29485d!important;font-size:13px!important;font-weight:850!important;
}
body.abcxyz-appmode-checkout .checkout_pfinish_block #order_add_info{
  width:100%!important;max-width:none!important;min-height:104px!important;margin:0!important;padding:12px 13px!important;
  border:1px solid #d7e3e9!important;border-radius:14px!important;background:#fff!important;color:#29485d!important;box-shadow:none!important;
}
body.abcxyz-appmode-checkout .checkout_pfinish_block .row_agb,
body.abcxyz-appmode-checkout .checkout_pfinish_block .row_no_return{
  margin:12px 0 0!important;padding:12px 13px!important;border-radius:13px!important;background:#fff!important;border:1px solid #e2eaee!important;
  color:#556f7f!important;font-size:12px!important;line-height:1.85!important;
}
body.abcxyz-appmode-checkout .checkout_pfinish_block .row_agb input,
body.abcxyz-appmode-checkout .checkout_pfinish_block .row_no_return input{width:18px!important;height:18px!important;margin-inline-end:7px!important;vertical-align:middle!important;accent-color:#147ca6!important}

/* Primary checkout buttons */
body.abcxyz-appmode-checkout .abcxyz-checkout-surface input[type="submit"],
body.abcxyz-appmode-checkout .abcxyz-checkout-surface button[type="submit"]{
  min-height:52px!important;padding:0 22px!important;border:0!important;border-radius:15px!important;
  background:linear-gradient(145deg,var(--abc-co-brand),#103e67)!important;color:#fff!important;
  font-family:'Vazirmatn',Tahoma,Arial,sans-serif!important;font-size:14px!important;font-weight:900!important;line-height:1.4!important;
  box-shadow:0 9px 22px rgba(23,79,125,.17)!important;cursor:pointer!important;
}
body.abcxyz-appmode-checkout .abcxyz-checkout-surface input[type="submit"]:hover,
body.abcxyz-appmode-checkout .abcxyz-checkout-surface button[type="submit"]:hover{filter:brightness(1.035)!important}

@media (min-width:901px){
  body.abcxyz-appmode-checkout #comjshop.abcxyz-checkout-host{padding:0 16px!important}
  body.abcxyz-appmode-checkout .abcxyz-checkout-surface input[type="submit"],
  body.abcxyz-appmode-checkout .abcxyz-checkout-surface button[type="submit"]{min-width:180px!important;width:auto!important}
  body.abcxyz-appmode-checkout .checkout_payment_block>form>input[type="submit"],
  body.abcxyz-appmode-checkout .checkout_shipping_block>form>input[type="submit"]{float:left!important}
  body.abcxyz-appmode-checkout .checkout_payment_block>form::after,
  body.abcxyz-appmode-checkout .checkout_shipping_block>form::after{content:'';display:block;clear:both}
}

@media (max-width:900px){
  body.abcxyz-appmode-checkout #comjshop.abcxyz-checkout-host{width:100%!important;padding:0 10px!important}
  body.abcxyz-appmode-checkout #jshop_menu_order.abcxyz-checkout-steps{
    width:100%!important;margin:7px auto 13px!important;padding:5px!important;gap:4px!important;overflow-x:auto!important;justify-content:flex-start!important;scrollbar-width:none!important;
  }
  body.abcxyz-appmode-checkout #jshop_menu_order.abcxyz-checkout-steps::-webkit-scrollbar{display:none!important}
  body.abcxyz-appmode-checkout #jshop_menu_order .abcxyz-checkout-step{flex:0 0 auto!important;min-width:max-content!important;padding:0 8px!important}
  body.abcxyz-appmode-checkout #jshop_menu_order .abcxyz-checkout-step::before{flex-basis:24px!important;width:24px!important;height:24px!important;margin-inline-end:5px!important;font-size:10px!important}
  body.abcxyz-appmode-checkout #jshop_menu_order .abcxyz-checkout-step span,
  body.abcxyz-appmode-checkout #jshop_menu_order .abcxyz-checkout-step a{min-height:36px!important;font-size:10.5px!important}

  body.abcxyz-appmode-checkout .abcxyz-checkout-surface,
  body.abcxyz-appmode-checkout .checkout_shipping_block,
  body.abcxyz-appmode-checkout .checkout_payment_block,
  body.abcxyz-appmode-checkout .checkout_pfinish_block,
  body.abcxyz-appmode-checkout .address_block{
    width:100%!important;margin:0 0 13px!important;padding:16px 13px!important;border-radius:19px!important;box-shadow:0 7px 22px rgba(17,57,82,.045)!important;
  }
  body.abcxyz-appmode-checkout .abcxyz-checkout-address .jshop_register.abcxyz-buyer-grid{grid-template-columns:1fr!important;column-gap:0!important}

  body.abcxyz-appmode-checkout .abcxyz-choice-card label{min-height:58px!important;padding:13px 45px 13px 12px!important;font-size:13px!important}
  body.abcxyz-appmode-checkout .abcxyz-choice-card input[type="radio"]{inset-inline-start:14px!important;width:19px!important;height:19px!important}
  body.abcxyz-appmode-checkout .abcxyz-choice-card .payment_price,
  body.abcxyz-appmode-checkout .abcxyz-choice-card .shipping_price{width:100%!important;margin-inline-start:0!important;padding-inline-start:0!important}

  body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table,
  body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table tbody{display:block!important;width:100%!important;border:0!important;background:transparent!important}
  body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table tr:first-child{display:none!important}
  body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table tr.jshop_prod_cart{
    display:grid!important;grid-template-columns:78px minmax(0,1fr)!important;grid-template-areas:"image name" "single single" "qty total"!important;
    gap:10px 11px!important;width:100%!important;margin:0 0 10px!important;padding:12px!important;
    border:1px solid #e0e9ee!important;border-radius:17px!important;background:#fff!important;box-shadow:0 6px 20px rgba(17,57,82,.04)!important;
  }
  body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table tr.jshop_prod_cart>td{display:block!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;text-align:right!important;background:transparent!important}
  body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table .jshop_img_description_center{grid-area:image!important}
  body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table .product_name{grid-area:name!important;min-width:0!important}
  body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table .single_price{grid-area:single!important;padding:9px 10px!important;background:#f7fafc!important;border-radius:12px!important}
  body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table .quantity{grid-area:qty!important;padding:9px 10px!important;background:#f7fafc!important;border-radius:12px!important}
  body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table .total_price{grid-area:total!important;display:block!important;padding:9px 10px!important;background:#eef8fc!important;border-radius:12px!important;font-weight:900!important;color:#164a68!important}
  body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table .jshop_img{width:66px!important;height:66px!important}

  body.abcxyz-appmode-checkout .checkout_pfinish_block .checkoutinfo.abcxyz-review-grid{grid-template-columns:1fr!important;gap:9px!important}
  body.abcxyz-appmode-checkout .checkout_pfinish_block .abcxyz-review-card{min-height:0!important;padding:14px!important;border-radius:16px!important}
  body.abcxyz-appmode-checkout .checkout_pfinish_block .abcxyz-review-action-card{padding:14px!important;border-radius:16px!important}

  body.abcxyz-appmode-checkout .abcxyz-checkout-surface input[type="submit"],
  body.abcxyz-appmode-checkout .abcxyz-checkout-surface button[type="submit"]{width:100%!important;min-height:52px!important;margin-top:4px!important}
}

@media (max-width:430px){
  body.abcxyz-appmode-checkout #comjshop.abcxyz-checkout-host{padding:0 8px!important}
  body.abcxyz-appmode-checkout .abcxyz-checkout-surface,
  body.abcxyz-appmode-checkout .checkout_shipping_block,
  body.abcxyz-appmode-checkout .checkout_payment_block,
  body.abcxyz-appmode-checkout .checkout_pfinish_block,
  body.abcxyz-appmode-checkout .address_block{padding:14px 11px!important;border-radius:17px!important}
  body.abcxyz-appmode-checkout .checkout_pfinish_block .abcxyz-review-card{padding:13px!important}
  body.abcxyz-appmode-checkout .jshop_subtotal.abcxyz-checkout-totals tr.total td{font-size:15px!important}
}

/* v1.16 checkout polish: cleaner digital-product confirmation */
body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table .jshop_img{
  width:72px!important;height:72px!important;border-radius:14px!important;
}
body.abcxyz-appmode-checkout .checkout_pfinish_block .abcxyz-review-card--billing{
  min-height:104px!important;
}
body.abcxyz-appmode-checkout .checkout_pfinish_block .abcxyz-review-card--billing>span{
  font-weight:800!important;color:#284b60!important;
}
body.abcxyz-appmode-checkout .checkout_pfinish_block #previewfinish_btn{
  min-width:190px!important;min-height:52px!important;border:0!important;border-radius:15px!important;
  background:linear-gradient(145deg,var(--abc-co-brand),#103e67)!important;color:#fff!important;
  box-shadow:0 9px 22px rgba(23,79,125,.17)!important;font-weight:900!important;
}
body.abcxyz-appmode-checkout .jshop_subtotal.abcxyz-checkout-totals tr.total td.name::after{content:''!important}

@media (max-width:900px){
  body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table .jshop_img{width:74px!important;height:74px!important}
}

/* ================================================================
   ABCXYZ Mobile App Mode v1.17.0
   Checkout App-like Refinement — spacing, balance, product prominence
   ================================================================ */

/* Remove the stock JoomShopping spacer when it contains no real content. */
body.abcxyz-appmode-checkout .cartdescr:empty,
body.abcxyz-appmode-checkout .cartdescr.abcxyz-cartdescr-empty{display:none!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important}

/* Keep every confirmation surface on the same visual axis. */
body.abcxyz-appmode-checkout #comjshop.abcxyz-checkout-host,
body.abcxyz-appmode-checkout #comjshop.abcxyz-checkout-host > .jshop,
body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table,
body.abcxyz-appmode-checkout .jshop_subtotal.abcxyz-checkout-totals,
body.abcxyz-appmode-checkout .checkout_pfinish_block,
body.abcxyz-appmode-checkout .checkout_pfinish_block .abcxyz-review-grid,
body.abcxyz-appmode-checkout .checkout_pfinish_block .abcxyz-review-action-card{
  left:auto!important;right:auto!important;transform:none!important;max-width:100%!important;
}

/* Purchased item: more visual presence, still compact enough for checkout. */
body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table{
  margin-top:0!important;margin-bottom:8px!important;border-radius:20px!important;
  box-shadow:0 7px 24px rgba(17,57,82,.035)!important;
}
body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table td{
  padding-top:16px!important;padding-bottom:16px!important;
}
body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table .jshop_img_description_center{
  padding-inline:16px!important;
}
body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table .jshop_img{
  width:84px!important;height:84px!important;border-radius:16px!important;
  object-fit:cover!important;box-shadow:0 7px 18px rgba(17,57,82,.10)!important;
}
body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table .prodname{
  font-size:14px!important;line-height:1.8!important;font-weight:900!important;
}

/* Total Amount behaves like a compact app summary card instead of another table. */
body.abcxyz-appmode-checkout .jshop_subtotal.abcxyz-checkout-totals{
  margin:6px 0 9px!important;padding:7px 16px!important;border-color:#d7e5eb!important;
  border-radius:19px!important;background:linear-gradient(145deg,#f8fcfd,#f3f9fb)!important;
  box-shadow:0 5px 18px rgba(17,57,82,.025)!important;
}
body.abcxyz-appmode-checkout .jshop_subtotal.abcxyz-checkout-totals td{
  padding:7px 5px!important;
}
body.abcxyz-appmode-checkout .jshop_subtotal.abcxyz-checkout-totals tr.total td{
  padding-top:10px!important;padding-bottom:10px!important;border-top:0!important;
  font-size:18px!important;font-weight:950!important;color:#123f5d!important;
}
body.abcxyz-appmode-checkout .jshop_subtotal.abcxyz-checkout-totals tr.total td.value{
  font-size:18px!important;color:#0f567b!important;
}

/* Final review: less empty box feeling, more concise app cards. */
body.abcxyz-appmode-checkout .checkout_pfinish_block{
  margin-top:0!important;
}
body.abcxyz-appmode-checkout .checkout_pfinish_block .checkoutinfo.abcxyz-review-grid{
  gap:10px!important;margin:0 0 9px!important;
}
body.abcxyz-appmode-checkout .checkout_pfinish_block .abcxyz-review-card{
  min-height:94px!important;padding:14px 15px!important;gap:5px!important;border-radius:17px!important;
  box-shadow:0 5px 16px rgba(17,57,82,.025)!important;
}
body.abcxyz-appmode-checkout .checkout_pfinish_block .abcxyz-review-card--billing{
  min-height:94px!important;
}
body.abcxyz-appmode-checkout .checkout_pfinish_block .abcxyz-review-card::before{
  width:30px!important;height:4px!important;margin-bottom:2px!important;
}

/* Order note: shorter, calmer, and closer to a native-app secondary field. */
body.abcxyz-appmode-checkout .checkout_pfinish_block .abcxyz-review-action-card{
  margin:9px 0 0!important;padding:14px!important;border-radius:17px!important;background:#f7fbfc!important;
}
body.abcxyz-appmode-checkout .checkout_pfinish_block .abcxyz-review-action-card>.name{
  margin-bottom:7px!important;font-size:12.5px!important;
}
body.abcxyz-appmode-checkout .checkout_pfinish_block #order_add_info{
  min-height:86px!important;padding:12px 14px!important;border-radius:14px!important;resize:vertical!important;
}
body.abcxyz-appmode-checkout .checkout_pfinish_block #order_add_info::placeholder{
  color:#9aabb5!important;opacity:1!important;
}

/* Stronger app-like final action without changing submit semantics. */
body.abcxyz-appmode-checkout .checkout_pfinish_block .box_button{
  margin-top:12px!important;text-align:center!important;
}
body.abcxyz-appmode-checkout .checkout_pfinish_block #previewfinish_btn{
  min-width:230px!important;min-height:54px!important;padding-inline:30px!important;border-radius:16px!important;
  font-size:14.5px!important;box-shadow:0 10px 24px rgba(18,73,112,.20)!important;
}

@media (max-width:900px){
  /* Symmetric phone canvas: neutralize inherited legacy offsets/margins. */
  body.abcxyz-appmode-checkout #comjshop.abcxyz-checkout-host{
    width:100%!important;max-width:100%!important;margin-inline:auto!important;padding-inline:9px!important;overflow-x:clip!important;
  }
  body.abcxyz-appmode-checkout #comjshop.abcxyz-checkout-host > .jshop,
  body.abcxyz-appmode-checkout #comjshop.abcxyz-checkout-host > table,
  body.abcxyz-appmode-checkout #comjshop.abcxyz-checkout-host > form,
  body.abcxyz-appmode-checkout .checkout_pfinish_block,
  body.abcxyz-appmode-checkout .checkout_pfinish_block form,
  body.abcxyz-appmode-checkout .checkout_pfinish_block .checkoutinfo,
  body.abcxyz-appmode-checkout .checkout_pfinish_block .pfinish_comment_block{
    width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;
  }

  /* Purchased product becomes the visual anchor of the confirmation screen. */
  body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table tr.jshop_prod_cart{
    grid-template-columns:96px minmax(0,1fr)!important;
    gap:11px 13px!important;margin:0!important;padding:14px!important;border-radius:19px!important;
  }
  body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table .jshop_img_description_center{
    padding:0!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;
  }
  body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table .jshop_img{
    width:90px!important;height:90px!important;border-radius:17px!important;
  }
  body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table .product_name{
    padding-top:2px!important;
  }
  body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table .prodname{
    font-size:14px!important;line-height:1.85!important;
  }
  body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table .single_price,
  body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table .quantity,
  body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table .total_price{
    padding:8px 10px!important;border-radius:12px!important;
  }

  body.abcxyz-appmode-checkout .jshop_subtotal.abcxyz-checkout-totals{
    margin:7px 0 8px!important;padding:6px 13px!important;border-radius:17px!important;
  }
  body.abcxyz-appmode-checkout .jshop_subtotal.abcxyz-checkout-totals tr.total td,
  body.abcxyz-appmode-checkout .jshop_subtotal.abcxyz-checkout-totals tr.total td.value{
    font-size:16.5px!important;
  }

  body.abcxyz-appmode-checkout .checkout_pfinish_block{
    margin:0!important;padding:14px 12px!important;border-radius:19px!important;
  }
  body.abcxyz-appmode-checkout .checkout_pfinish_block .checkoutinfo.abcxyz-review-grid{
    gap:8px!important;margin-bottom:8px!important;
  }
  body.abcxyz-appmode-checkout .checkout_pfinish_block .abcxyz-review-card,
  body.abcxyz-appmode-checkout .checkout_pfinish_block .abcxyz-review-card--billing{
    min-height:0!important;padding:13px 14px!important;border-radius:15px!important;
  }
  body.abcxyz-appmode-checkout .checkout_pfinish_block .abcxyz-review-action-card{
    margin-top:8px!important;padding:13px!important;border-radius:15px!important;
  }
  body.abcxyz-appmode-checkout .checkout_pfinish_block #order_add_info{
    min-height:78px!important;
  }
  body.abcxyz-appmode-checkout .checkout_pfinish_block #previewfinish_btn{
    width:100%!important;min-width:0!important;min-height:54px!important;margin-top:2px!important;
  }
}

@media (max-width:430px){
  body.abcxyz-appmode-checkout #comjshop.abcxyz-checkout-host{padding-inline:8px!important}
  body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table tr.jshop_prod_cart{
    grid-template-columns:90px minmax(0,1fr)!important;padding:12px!important;gap:10px 11px!important;
  }
  body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table .jshop_img{width:84px!important;height:84px!important}
  body.abcxyz-appmode-checkout .checkout_pfinish_block{padding:12px 10px!important}
}


/* ================================================================
   ABCXYZ Mobile App Mode v1.18.0
   Checkout True-Center Pass — release legacy Bootstrap offsets
   ================================================================ */

/* The compact order summary is rendered by JoomShopping in its own .jshop
   wrapper. Remove only legacy wrapper spacing; table values/markup stay intact. */
body.abcxyz-appmode-checkout .abcxyz-checkout-order-summary{
  width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}

/* Tighten the final-review vertical rhythm one more step. */
body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table{margin-bottom:4px!important}
body.abcxyz-appmode-checkout .jshop_subtotal.abcxyz-checkout-totals{margin:4px 0 5px!important}
body.abcxyz-appmode-checkout .checkout_pfinish_block{margin-top:0!important}
body.abcxyz-appmode-checkout .checkout_pfinish_block .checkoutinfo.abcxyz-review-grid{margin-top:0!important}

@media (max-width:900px){
  /* Root cause fix: older Joomla/Bootstrap wrappers can keep a col-* width or
     asymmetric gutters around JoomShopping. Release only the marked checkout
     ancestor chain so all three steps share the real phone centerline. */
  body.abcxyz-appmode-checkout .abcxyz-checkout-layout-ancestor{
    box-sizing:border-box!important;max-width:100%!important;
  }
  body.abcxyz-appmode-checkout .abcxyz-checkout-layout-container{
    width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;
    padding-left:8px!important;padding-right:8px!important;
  }
  body.abcxyz-appmode-checkout .abcxyz-checkout-layout-row{
    width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;
    padding-left:0!important;padding-right:0!important;
  }
  body.abcxyz-appmode-checkout .abcxyz-checkout-layout-column{
    float:none!important;clear:both!important;display:block!important;
    flex:0 0 100%!important;max-width:100%!important;width:100%!important;
    margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;
    inset:auto!important;transform:none!important;
  }

  /* Once the parent grid is neutralized, use one shared 100% axis rather than
     compensating with padding inside #comjshop. */
  body.abcxyz-appmode-checkout #comjshop.abcxyz-checkout-host{
    width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;
    padding-left:0!important;padding-right:0!important;position:relative!important;inset:auto!important;transform:none!important;
  }
  body.abcxyz-appmode-checkout #jshop_menu_order.abcxyz-checkout-steps,
  body.abcxyz-appmode-checkout .abcxyz-checkout-order-summary,
  body.abcxyz-appmode-checkout .abcxyz-checkout-surface,
  body.abcxyz-appmode-checkout .address_block,
  body.abcxyz-appmode-checkout .checkout_payment_block,
  body.abcxyz-appmode-checkout .checkout_shipping_block,
  body.abcxyz-appmode-checkout .checkout_pfinish_block{
    width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;
  }

  /* Give the purchased item a little more visual weight, like a native order
     review card, without expanding the page or hiding any price/quantity data. */
  body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table tr.jshop_prod_cart{
    grid-template-columns:102px minmax(0,1fr)!important;padding:16px!important;gap:11px 14px!important;
    border-radius:20px!important;
  }
  body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table .jshop_img_description_center{
    width:102px!important;min-width:102px!important;
  }
  body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table .jshop_img{
    width:96px!important;height:96px!important;border-radius:18px!important;
  }
  body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table .prodname{
    font-size:14.25px!important;line-height:1.85!important;
  }

  body.abcxyz-appmode-checkout .jshop_subtotal.abcxyz-checkout-totals{
    margin:4px 0 5px!important;padding:6px 13px!important;
  }
  body.abcxyz-appmode-checkout .checkout_pfinish_block{
    margin:0!important;padding-top:12px!important;
  }
  body.abcxyz-appmode-checkout .checkout_pfinish_block .checkoutinfo.abcxyz-review-grid{
    margin:0 0 6px!important;gap:7px!important;
  }
  body.abcxyz-appmode-checkout .checkout_pfinish_block .abcxyz-review-action-card{
    margin-top:6px!important;
  }
}

@media (max-width:430px){
  body.abcxyz-appmode-checkout .abcxyz-checkout-layout-container{padding-left:7px!important;padding-right:7px!important}
  body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table tr.jshop_prod_cart{
    grid-template-columns:96px minmax(0,1fr)!important;padding:14px!important;gap:10px 12px!important;
  }
  body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table .jshop_img_description_center{width:96px!important;min-width:96px!important}
  body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table .jshop_img{width:90px!important;height:90px!important}
}

/* ================================================================
   ABCXYZ Mobile App Mode v1.19.0
   Desktop Polish Release — strictly > 900px; mobile rules untouched
   ================================================================ */
@media (min-width:901px){
  body.abcxyz-appmode-cart,
  body.abcxyz-appmode-checkout{
    --abc-desk-ink:#163f5a;
    --abc-desk-text:#294b61;
    --abc-desk-muted:#718797;
    --abc-desk-line:#dce7ed;
    --abc-desk-soft:#f6fafc;
    --abc-desk-soft-blue:#eef7fb;
    --abc-desk-brand:#174f7d;
    --abc-desk-brand-2:#0f779f;
    --abc-desk-danger:#b94141;
    --abc-desk-shadow:0 14px 42px rgba(17,57,82,.065);
  }

  /* A single centered desktop canvas. This is intentionally not applied to
     <=900px, so v1.18 mobile geometry remains byte-for-byte authoritative. */
  body.abcxyz-appmode-cart #comjshop,
  body.abcxyz-appmode-cart .abcxyz-desktop-cart-hero,
  body.abcxyz-appmode-cart .abcxyz-desktop-cart-panel,
  body.abcxyz-appmode-cart .abcxyz-desktop-cart-trust{
    width:min(calc(100% - 48px),1240px)!important;
    max-width:1240px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  /* CART HERO — compact, premium and deliberately app-like. */
  body.abcxyz-appmode-cart .abcxyz-desktop-cart-hero{
    display:flex!important;
    flex-direction:row!important;
    direction:rtl!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:34px!important;
    min-height:142px!important;
    margin-top:18px!important;
    margin-bottom:18px!important;
    padding:24px 28px!important;
    border:1px solid var(--abc-desk-line)!important;
    border-radius:26px!important;
    background:linear-gradient(145deg,#fff 0%,#f8fbfd 100%)!important;
    box-shadow:var(--abc-desk-shadow)!important;
    overflow:hidden!important;
  }
  body.abcxyz-appmode-cart .abcxyz-desktop-cart-copy{
    order:1!important;
    flex:1 1 auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    text-align:right!important;
  }
  body.abcxyz-appmode-cart .abcxyz-desktop-cart-copy h1,
  body.abcxyz-appmode-cart .abcxyz-desktop-cart-copy h2,
  body.abcxyz-appmode-cart .abcxyz-desktop-cart-copy h3{
    margin:4px 0 8px!important;
    color:var(--abc-desk-ink)!important;
    font-size:30px!important;
    line-height:1.35!important;
    font-weight:950!important;
    letter-spacing:-.02em!important;
  }
  body.abcxyz-appmode-cart .abcxyz-desktop-cart-copy p{
    max-width:760px!important;
    margin:0!important;
    color:#667f91!important;
    font-size:14px!important;
    line-height:1.9!important;
    font-weight:650!important;
  }
  body.abcxyz-appmode-cart .abcxyz-current-total-desktop{
    order:2!important;
    flex:0 0 210px!important;
    min-width:210px!important;
    min-height:104px!important;
    margin:0!important;
    padding:17px 18px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    border-radius:21px!important;
    background:linear-gradient(145deg,#184f78,#123d61)!important;
    color:#fff!important;
    box-shadow:0 13px 28px rgba(18,61,97,.16)!important;
    text-align:center!important;
  }
  body.abcxyz-appmode-cart .abcxyz-current-total-desktop[hidden]{display:none!important}
  body.abcxyz-appmode-cart .abcxyz-current-total-desktop .abcxyz-current-total-label,
  body.abcxyz-appmode-cart .abcxyz-current-total-desktop>span:first-child,
  body.abcxyz-appmode-cart .abcxyz-current-total-desktop>div:first-child{
    margin:0 0 7px!important;
    color:rgba(255,255,255,.72)!important;
    font-size:12px!important;
    line-height:1.5!important;
    font-weight:750!important;
  }
  body.abcxyz-appmode-cart .abcxyz-current-total-desktop .abcxyz-current-total-desktop__value,
  body.abcxyz-appmode-cart .abcxyz-current-total-desktop strong,
  body.abcxyz-appmode-cart .abcxyz-current-total-desktop .value,
  body.abcxyz-appmode-cart .abcxyz-current-total-desktop .amount{
    display:block!important;
    margin:0!important;
    color:#fff!important;
    font-size:22px!important;
    line-height:1.35!important;
    font-weight:950!important;
    white-space:nowrap!important;
  }

  /* CART CARD / TABLE */
  body.abcxyz-appmode-cart .abcxyz-desktop-cart-panel{
    margin-top:0!important;
    margin-bottom:14px!important;
    padding:20px 22px 18px!important;
    border:1px solid var(--abc-desk-line)!important;
    border-radius:26px!important;
    background:#fff!important;
    box-shadow:var(--abc-desk-shadow)!important;
    overflow:hidden!important;
  }
  body.abcxyz-appmode-cart table.abcxyz-desktop-cart-table,
  body.abcxyz-appmode-cart table.jshop.cart{
    width:100%!important;
    margin:0!important;
    border:0!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    table-layout:fixed!important;
    overflow:hidden!important;
    border-radius:18px!important;
    background:#fff!important;
  }
  body.abcxyz-appmode-cart table.abcxyz-desktop-cart-table tr:first-child th,
  body.abcxyz-appmode-cart table.jshop.cart tr:first-child th{
    height:56px!important;
    padding:11px 12px!important;
    border-top:1px solid #e3ebf0!important;
    border-bottom:1px solid #dfe8ed!important;
    border-left:1px solid #e6edf1!important;
    background:#f3f8fb!important;
    color:#31566c!important;
    text-align:center!important;
    vertical-align:middle!important;
    font-size:13px!important;
    line-height:1.5!important;
    font-weight:900!important;
  }
  body.abcxyz-appmode-cart table.abcxyz-desktop-cart-table tr:first-child th:first-child,
  body.abcxyz-appmode-cart table.jshop.cart tr:first-child th:first-child{border-top-right-radius:16px!important}
  body.abcxyz-appmode-cart table.abcxyz-desktop-cart-table tr:first-child th:last-child,
  body.abcxyz-appmode-cart table.jshop.cart tr:first-child th:last-child{border-top-left-radius:16px!important}

  body.abcxyz-appmode-cart table.abcxyz-desktop-cart-table .jshop_img_description_center,
  body.abcxyz-appmode-cart table.jshop.cart .jshop_img_description_center{width:19%!important}
  body.abcxyz-appmode-cart table.abcxyz-desktop-cart-table .product_name,
  body.abcxyz-appmode-cart table.jshop.cart .product_name{width:28%!important}
  body.abcxyz-appmode-cart table.abcxyz-desktop-cart-table .single_price,
  body.abcxyz-appmode-cart table.jshop.cart .single_price{width:15%!important}
  body.abcxyz-appmode-cart table.abcxyz-desktop-cart-table .quantity,
  body.abcxyz-appmode-cart table.jshop.cart .quantity{width:15%!important}
  body.abcxyz-appmode-cart table.abcxyz-desktop-cart-table .total_price,
  body.abcxyz-appmode-cart table.jshop.cart .total_price{width:15%!important}
  body.abcxyz-appmode-cart table.abcxyz-desktop-cart-table .remove,
  body.abcxyz-appmode-cart table.jshop.cart .remove{width:8%!important}

  body.abcxyz-appmode-cart table.abcxyz-desktop-cart-table tr.jshop_prod_cart>td,
  body.abcxyz-appmode-cart table.jshop.cart tr.jshop_prod_cart>td{
    min-height:126px!important;
    padding:16px 13px!important;
    border-top:0!important;
    border-bottom:1px solid #edf2f5!important;
    border-left:1px solid #edf2f5!important;
    background:#fff!important;
    color:var(--abc-desk-text)!important;
    text-align:center!important;
    vertical-align:middle!important;
  }
  body.abcxyz-appmode-cart table.abcxyz-desktop-cart-table tr.jshop_prod_cart:hover>td,
  body.abcxyz-appmode-cart table.jshop.cart tr.jshop_prod_cart:hover>td{background:#fbfdfe!important}
  body.abcxyz-appmode-cart table.abcxyz-desktop-cart-table tr.jshop_prod_cart>td:first-child,
  body.abcxyz-appmode-cart table.jshop.cart tr.jshop_prod_cart>td:first-child{border-right:1px solid #edf2f5!important}

  body.abcxyz-appmode-cart table.abcxyz-desktop-cart-table .jshop_img_description_center .data,
  body.abcxyz-appmode-cart table.jshop.cart .jshop_img_description_center .data{
    display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;
  }
  body.abcxyz-appmode-cart table.abcxyz-desktop-cart-table img.jshop_img,
  body.abcxyz-appmode-cart table.jshop.cart img.jshop_img{
    width:108px!important;height:108px!important;max-width:108px!important;
    object-fit:cover!important;border-radius:18px!important;
    border:1px solid rgba(22,79,125,.10)!important;
    box-shadow:0 8px 22px rgba(17,57,82,.08)!important;
  }
  body.abcxyz-appmode-cart table.abcxyz-desktop-cart-table .product_name,
  body.abcxyz-appmode-cart table.jshop.cart .product_name{text-align:right!important}
  body.abcxyz-appmode-cart table.abcxyz-desktop-cart-table .product_name .data,
  body.abcxyz-appmode-cart table.jshop.cart .product_name .data{padding:0 6px!important}
  body.abcxyz-appmode-cart table.abcxyz-desktop-cart-table .product_name a.prodname,
  body.abcxyz-appmode-cart table.jshop.cart .product_name a.prodname{
    display:block!important;
    color:var(--abc-desk-ink)!important;
    font-size:15px!important;
    line-height:1.9!important;
    font-weight:900!important;
    text-decoration:none!important;
  }
  body.abcxyz-appmode-cart table.abcxyz-desktop-cart-table .product_name a.prodname:hover,
  body.abcxyz-appmode-cart table.jshop.cart .product_name a.prodname:hover{color:var(--abc-desk-brand-2)!important}

  body.abcxyz-appmode-cart table.abcxyz-desktop-cart-table .single_price .data,
  body.abcxyz-appmode-cart table.abcxyz-desktop-cart-table .total_price .data,
  body.abcxyz-appmode-cart table.jshop.cart .single_price .data,
  body.abcxyz-appmode-cart table.jshop.cart .total_price .data{
    color:var(--abc-desk-ink)!important;
    font-size:15px!important;
    line-height:1.5!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
  body.abcxyz-appmode-cart table.abcxyz-desktop-cart-table .quantity .data,
  body.abcxyz-appmode-cart table.jshop.cart .quantity .data{
    display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
  }
  body.abcxyz-appmode-cart table.abcxyz-desktop-cart-table .quantity input.inputbox,
  body.abcxyz-appmode-cart table.abcxyz-desktop-cart-table .quantity input[type="number"],
  body.abcxyz-appmode-cart table.jshop.cart .quantity input.inputbox,
  body.abcxyz-appmode-cart table.jshop.cart .quantity input[type="number"]{
    width:74px!important;max-width:74px!important;height:46px!important;margin:0!important;padding:0 8px!important;
    border:1px solid #d5e2e8!important;border-radius:13px!important;background:#fff!important;
    color:var(--abc-desk-ink)!important;text-align:center!important;font-size:14px!important;font-weight:900!important;
    box-shadow:0 3px 10px rgba(17,57,82,.025)!important;
  }
  body.abcxyz-appmode-cart table.abcxyz-desktop-cart-table .cart_reload,
  body.abcxyz-appmode-cart table.jshop.cart .cart_reload{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:40px!important;height:40px!important;margin:0!important;padding:0!important;
    border:1px solid #d9e5eb!important;border-radius:12px!important;background-color:#f9fcfd!important;
    background-position:center!important;color:var(--abc-desk-brand-2)!important;cursor:pointer!important;
  }
  body.abcxyz-appmode-cart table.abcxyz-desktop-cart-table .remove .btn,
  body.abcxyz-appmode-cart table.jshop.cart .remove .btn,
  body.abcxyz-appmode-cart table.abcxyz-desktop-cart-table .remove a,
  body.abcxyz-appmode-cart table.jshop.cart .remove a{
    min-width:76px!important;min-height:40px!important;margin:0!important;padding:0 12px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    border:1px solid #f0c9c9!important;border-radius:12px!important;background:#fff3f3!important;
    color:#aa3939!important;font-size:12px!important;font-weight:900!important;text-decoration:none!important;
    box-shadow:none!important;
  }
  body.abcxyz-appmode-cart table.abcxyz-desktop-cart-table .remove .btn:hover,
  body.abcxyz-appmode-cart table.jshop.cart .remove .btn:hover,
  body.abcxyz-appmode-cart table.abcxyz-desktop-cart-table .remove a:hover,
  body.abcxyz-appmode-cart table.jshop.cart .remove a:hover{background:#ffeaea!important;color:#982d2d!important}

  /* TOTAL STRIP — one obvious final number, no dead vertical space. */
  body.abcxyz-appmode-cart .jshop_subtotal.abcxyz-desktop-cart-totals,
  body.abcxyz-appmode-cart table.jshop_subtotal{
    width:100%!important;
    margin:10px 0 12px!important;
    padding:0!important;
    border:1px solid #dbe7ed!important;
    border-radius:16px!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    background:linear-gradient(145deg,#f7fbfd,#f2f8fb)!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  body.abcxyz-appmode-cart .jshop_subtotal tr:not(.total){display:none!important}
  body.abcxyz-appmode-cart .jshop_subtotal tr.total td{
    height:68px!important;padding:13px 20px!important;border:0!important;background:transparent!important;
    color:var(--abc-desk-ink)!important;font-size:16px!important;font-weight:950!important;vertical-align:middle!important;
  }
  body.abcxyz-appmode-cart .jshop_subtotal tr.total td.name{text-align:right!important}
  body.abcxyz-appmode-cart .jshop_subtotal tr.total td.value{text-align:left!important;font-size:18px!important;white-space:nowrap!important}

  /* Actions: primary means continue buying; red is destructive only. */
  body.abcxyz-appmode-cart .cart_buttons,
  body.abcxyz-appmode-cart #checkout{
    width:100%!important;margin:0!important;padding:2px 0 0!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;
  }
  body.abcxyz-appmode-cart .cart_buttons .pull-left,
  body.abcxyz-appmode-cart .cart_buttons .pull-right,
  body.abcxyz-appmode-cart #checkout .pull-left,
  body.abcxyz-appmode-cart #checkout .pull-right{float:none!important;margin:0!important;padding:0!important}
  body.abcxyz-appmode-cart .cart_buttons a,
  body.abcxyz-appmode-cart #checkout a{
    min-width:178px!important;min-height:50px!important;margin:0!important;padding:0 20px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    border-radius:14px!important;font-size:13px!important;font-weight:900!important;text-decoration:none!important;
    transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease!important;
  }
  body.abcxyz-appmode-cart .cart_buttons .btn-arrow-right,
  body.abcxyz-appmode-cart .cart_buttons a[href*="checkout"],
  body.abcxyz-appmode-cart #checkout .btn-arrow-right,
  body.abcxyz-appmode-cart #checkout a[href*="checkout"]{
    background:linear-gradient(145deg,var(--abc-desk-brand),#103e67)!important;
    border:1px solid var(--abc-desk-brand)!important;color:#fff!important;
    box-shadow:0 9px 22px rgba(23,79,125,.16)!important;
  }
  body.abcxyz-appmode-cart .cart_buttons .btn-arrow-right:hover,
  body.abcxyz-appmode-cart .cart_buttons a[href*="checkout"]:hover,
  body.abcxyz-appmode-cart #checkout a[href*="checkout"]:hover{transform:translateY(-1px)!important;box-shadow:0 12px 26px rgba(23,79,125,.20)!important}
  body.abcxyz-appmode-cart .cart_buttons .btn-arrow-left,
  body.abcxyz-appmode-cart .cart_buttons a[href="/shop"],
  body.abcxyz-appmode-cart #checkout .btn-arrow-left,
  body.abcxyz-appmode-cart #checkout a[href="/shop"]{
    background:#fff!important;border:1px solid #d5e2e8!important;color:#31566c!important;box-shadow:none!important;
  }
  body.abcxyz-appmode-cart .cart_buttons .btn-arrow-left:hover,
  body.abcxyz-appmode-cart #checkout .btn-arrow-left:hover{background:#f6fafc!important;border-color:#c6d7e0!important}
  body.abcxyz-appmode-cart .clear-cart{margin:10px 0 0!important;text-align:left!important}
  body.abcxyz-appmode-cart .clear-cart a{
    min-height:38px!important;padding:0 13px!important;border-radius:11px!important;
    background:#fff4f4!important;border:1px solid #efcccc!important;color:#aa3939!important;box-shadow:none!important;
  }

  /* Reassurance message — present, but quieter than the primary CTA. */
  body.abcxyz-appmode-cart .abcxyz-desktop-cart-trust{
    min-height:76px!important;margin-top:12px!important;margin-bottom:22px!important;padding:15px 22px!important;
    border:1px solid #d8eadf!important;border-radius:18px!important;background:#f5fbf7!important;
    box-shadow:none!important;color:#315e46!important;
  }

  /* DESKTOP CHECKOUT polish — same system, no structural/business changes. */
  body.abcxyz-appmode-checkout #comjshop.abcxyz-checkout-host{
    width:min(calc(100% - 48px),1040px)!important;max-width:1040px!important;margin:0 auto!important;padding:0!important;
  }
  body.abcxyz-appmode-checkout #jshop_menu_order.abcxyz-checkout-steps{
    max-width:1040px!important;margin:10px auto 16px!important;border-radius:19px!important;
  }
  body.abcxyz-appmode-checkout .abcxyz-checkout-surface,
  body.abcxyz-appmode-checkout .address_block,
  body.abcxyz-appmode-checkout .checkout_payment_block,
  body.abcxyz-appmode-checkout .checkout_shipping_block,
  body.abcxyz-appmode-checkout .checkout_pfinish_block{
    border-radius:22px!important;box-shadow:0 12px 34px rgba(17,57,82,.055)!important;
  }
  body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table .jshop_img{
    width:78px!important;height:78px!important;border-radius:16px!important;
  }
  body.abcxyz-appmode-checkout table.abcxyz-checkout-summary-table tr.jshop_prod_cart>td{padding-top:14px!important;padding-bottom:14px!important}
  body.abcxyz-appmode-checkout .jshop_subtotal.abcxyz-checkout-totals{margin:5px 0 8px!important}
  body.abcxyz-appmode-checkout .checkout_pfinish_block .checkoutinfo.abcxyz-review-grid{gap:10px!important;margin-bottom:8px!important}
  body.abcxyz-appmode-checkout .checkout_pfinish_block .abcxyz-review-action-card{margin-top:8px!important}
}



/* ========================================================================
   ABCXYZ Mobile App Mode v1.29.0 — SHOWCASE CART BASE
   Full Cart redesign from scratch for desktop + mobile.
   The legacy JoomShopping cart remains the source of truth but is hidden.
   ======================================================================== */
body.abcxyz-appmode-cart.abc-cart-showcase-ready{
  --cart-navy:#123f60;
  --cart-navy-2:#0c5f89;
  --cart-ink:#14364d;
  --cart-text:#35566b;
  --cart-muted:#758996;
  --cart-line:#e3ebf0;
  --cart-soft:#f7fafc;
  --cart-blue-soft:#eef7fb;
  --cart-danger:#a74747;
  --cart-danger-soft:#fff4f3;
  --cart-radius-xl:30px;
  --cart-radius-lg:22px;
  --cart-shadow:0 18px 55px rgba(18,63,96,.08);
  background:#f8fafc!important;
}
body.abcxyz-appmode-cart .abc-cart-showcase__source,
body.abcxyz-appmode-cart .abc-cart-showcase__source-form{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
  pointer-events:none!important;
  opacity:0!important;
}
body.abcxyz-appmode-cart .abc-cart-showcase{
  direction:rtl!important;
  width:min(calc(100% - 40px),1180px)!important;
  max-width:1180px!important;
  margin:34px auto 72px!important;
  font-family:'Vazirmatn',Tahoma,Arial,sans-serif!important;
  color:var(--cart-text)!important;
  box-sizing:border-box!important;
}
body.abcxyz-appmode-cart .abc-cart-showcase *,
body.abcxyz-appmode-cart .abc-cart-showcase *::before,
body.abcxyz-appmode-cart .abc-cart-showcase *::after{box-sizing:border-box!important}

/* Header — compact hierarchy instead of the old oversized hero. */
body.abcxyz-appmode-cart .abc-cart-showcase__header{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:28px!important;
  margin:0 0 22px!important;
  padding:4px 2px!important;
  background:transparent!important;
}
body.abcxyz-appmode-cart .abc-cart-showcase__heading-copy{min-width:0!important}
body.abcxyz-appmode-cart .abc-cart-showcase__eyebrow{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:30px!important;padding:0 12px!important;margin:0 0 9px!important;
  border:1px solid #d8e7ef!important;border-radius:999px!important;background:#f0f7fb!important;
  color:#1b6a94!important;font-size:12px!important;font-weight:900!important;
}
body.abcxyz-appmode-cart .abc-cart-showcase__heading-copy h1{
  margin:0!important;color:var(--cart-ink)!important;font-size:32px!important;line-height:1.35!important;font-weight:950!important;letter-spacing:-.5px!important;
}
body.abcxyz-appmode-cart .abc-cart-showcase__heading-copy p{
  max-width:680px!important;margin:7px 0 0!important;color:var(--cart-muted)!important;font-size:14px!important;line-height:1.9!important;font-weight:650!important;
}
body.abcxyz-appmode-cart .abc-cart-showcase__stage{
  flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:11px!important;
  min-width:210px!important;padding:13px 16px!important;border:1px solid var(--cart-line)!important;border-radius:17px!important;
  background:#fff!important;box-shadow:0 8px 24px rgba(18,63,96,.04)!important;
}
body.abcxyz-appmode-cart .abc-cart-showcase__stage-dot{
  width:11px!important;height:11px!important;border-radius:50%!important;background:#1990bc!important;box-shadow:0 0 0 5px #eaf7fb!important;
}
body.abcxyz-appmode-cart .abc-cart-showcase__stage div{display:flex!important;flex-direction:column!important;gap:1px!important}
body.abcxyz-appmode-cart .abc-cart-showcase__stage small{color:#8a9aa5!important;font-size:10px!important;font-weight:800!important}
body.abcxyz-appmode-cart .abc-cart-showcase__stage strong{color:var(--cart-ink)!important;font-size:13px!important;font-weight:900!important}

/* Two-column cart system. */
body.abcxyz-appmode-cart .abc-cart-showcase__layout{
  display:grid!important;grid-template-columns:minmax(0,1fr) 340px!important;gap:22px!important;align-items:start!important;
}
body.abcxyz-appmode-cart .abc-cart-showcase__main{
  min-width:0!important;padding:18px!important;border:1px solid var(--cart-line)!important;border-radius:var(--cart-radius-xl)!important;
  background:#fff!important;box-shadow:var(--cart-shadow)!important;
}
body.abcxyz-appmode-cart .abc-cart-showcase__items-head{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;
  padding:4px 3px 15px!important;border-bottom:1px solid #edf2f5!important;
}
body.abcxyz-appmode-cart .abc-cart-showcase__items-head>div{display:flex!important;align-items:baseline!important;gap:9px!important}
body.abcxyz-appmode-cart .abc-cart-showcase__items-head strong{color:var(--cart-ink)!important;font-size:16px!important;font-weight:950!important}
body.abcxyz-appmode-cart .abc-cart-showcase__items-head span{color:var(--cart-muted)!important;font-size:12px!important;font-weight:800!important}
body.abcxyz-appmode-cart .abc-cart-showcase__edit-note{
  padding:6px 10px!important;border-radius:999px!important;background:#f4f8fa!important;color:#5e7888!important;font-size:10px!important;font-weight:900!important;
}

/* Product card */
body.abcxyz-appmode-cart .abc-cart-product{
  position:relative!important;margin:16px 0 0!important;padding:18px!important;border:1px solid #e5edf2!important;border-radius:22px!important;
  background:linear-gradient(180deg,#fff 0%,#fcfdfe 100%)!important;box-shadow:0 10px 26px rgba(23,63,86,.045)!important;
  overflow:hidden!important;
}
body.abcxyz-appmode-cart .abc-cart-product::before{
  content:""!important;position:absolute!important;right:0!important;top:0!important;bottom:0!important;width:3px!important;background:linear-gradient(180deg,#1b7fac,#65bfdc)!important;
}
body.abcxyz-appmode-cart .abc-cart-product__top{
  display:grid!important;grid-template-columns:92px minmax(0,1fr) auto!important;gap:16px!important;align-items:center!important;
}
body.abcxyz-appmode-cart .abc-cart-product__media{
  width:92px!important;height:92px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid #e0e9ee!important;border-radius:19px!important;background:#fff!important;overflow:hidden!important;text-decoration:none!important;
}
body.abcxyz-appmode-cart .abc-cart-product__media img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important;padding:4px!important}
body.abcxyz-appmode-cart .abc-cart-product__media>span{font-size:14px!important;font-weight:950!important;color:#7d93a0!important}
body.abcxyz-appmode-cart .abc-cart-product__info{min-width:0!important}
body.abcxyz-appmode-cart .abc-cart-product__title{
  display:block!important;margin:0!important;color:var(--cart-ink)!important;font-size:16px!important;line-height:1.8!important;font-weight:950!important;text-decoration:none!important;
}
body.abcxyz-appmode-cart a.abc-cart-product__title:hover{color:#0d6d99!important}
body.abcxyz-appmode-cart .abc-cart-product__desc{
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;
  margin:4px 0 0!important;color:#7a8e9b!important;font-size:12px!important;line-height:1.85!important;font-weight:650!important;
}
body.abcxyz-appmode-cart .abc-cart-product__remove{
  align-self:start!important;display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:36px!important;padding:0 10px!important;
  border:1px solid #efd8d7!important;border-radius:11px!important;background:var(--cart-danger-soft)!important;color:var(--cart-danger)!important;
  font-family:inherit!important;font-size:11px!important;font-weight:900!important;cursor:pointer!important;box-shadow:none!important;
}
body.abcxyz-appmode-cart .abc-cart-product__remove span:first-child{font-size:17px!important;line-height:1!important;font-weight:600!important}
body.abcxyz-appmode-cart .abc-cart-product__remove:hover{background:#ffeceb!important;border-color:#e9c9c7!important}

body.abcxyz-appmode-cart .abc-cart-product__metrics{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(230px,1.25fr) minmax(0,1fr)!important;gap:10px!important;
  margin-top:16px!important;padding-top:16px!important;border-top:1px solid #edf2f5!important;
}
body.abcxyz-appmode-cart .abc-cart-metric{
  min-width:0!important;min-height:76px!important;padding:11px 13px!important;border:1px solid #e8eef2!important;border-radius:15px!important;background:#f8fafb!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;
}
body.abcxyz-appmode-cart .abc-cart-metric>span{color:#7d909c!important;font-size:10px!important;font-weight:850!important}
body.abcxyz-appmode-cart .abc-cart-metric>strong{color:var(--cart-ink)!important;font-size:14px!important;line-height:1.55!important;font-weight:950!important;white-space:normal!important}
body.abcxyz-appmode-cart .abc-cart-metric--total{background:#f0f8fc!important;border-color:#d8eaf3!important}
body.abcxyz-appmode-cart .abc-cart-metric--total>strong{color:#0b5f89!important;font-size:15px!important}

/* Quantity stepper */
body.abcxyz-appmode-cart .abc-cart-stepper{
  direction:ltr!important;display:grid!important;grid-template-columns:38px 56px 38px auto!important;gap:5px!important;align-items:center!important;margin-top:2px!important;
}
body.abcxyz-appmode-cart .abc-cart-stepper__btn,
body.abcxyz-appmode-cart .abc-cart-stepper__apply,
body.abcxyz-appmode-cart .abc-cart-stepper__input{
  height:38px!important;border:1px solid #dbe6ec!important;border-radius:11px!important;background:#fff!important;color:var(--cart-ink)!important;
  font-family:inherit!important;font-weight:900!important;box-shadow:none!important;outline:none!important;
}
body.abcxyz-appmode-cart .abc-cart-stepper__btn{font-size:18px!important;cursor:pointer!important}
body.abcxyz-appmode-cart .abc-cart-stepper__btn:hover{background:#f2f8fb!important;border-color:#c8dce6!important}
body.abcxyz-appmode-cart .abc-cart-stepper__input{width:56px!important;padding:0 4px!important;text-align:center!important;font-size:14px!important;-moz-appearance:textfield!important}
body.abcxyz-appmode-cart .abc-cart-stepper__input::-webkit-outer-spin-button,
body.abcxyz-appmode-cart .abc-cart-stepper__input::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}
body.abcxyz-appmode-cart .abc-cart-stepper__apply{
  min-width:58px!important;padding:0 11px!important;border-color:#d3e4ed!important;background:#eef7fb!important;color:#17678f!important;font-size:10px!important;cursor:pointer!important;
}
body.abcxyz-appmode-cart .abc-cart-stepper__apply.is-dirty{background:#17678f!important;border-color:#17678f!important;color:#fff!important}

/* Summary — independent card with clear CTA. */
body.abcxyz-appmode-cart .abc-cart-summary{
  position:sticky!important;top:20px!important;padding:20px!important;border:1px solid var(--cart-line)!important;border-radius:var(--cart-radius-xl)!important;
  background:#fff!important;box-shadow:var(--cart-shadow)!important;
}
body.abcxyz-appmode-cart .abc-cart-summary__head{display:flex!important;align-items:center!important;gap:11px!important;padding-bottom:16px!important;border-bottom:1px solid #edf2f5!important}
body.abcxyz-appmode-cart .abc-cart-summary__icon{
  width:38px!important;height:38px!important;border-radius:13px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  background:#eaf7ef!important;color:#23815a!important;font-size:17px!important;font-weight:950!important;
}
body.abcxyz-appmode-cart .abc-cart-summary__head>div{display:flex!important;flex-direction:column!important;gap:2px!important}
body.abcxyz-appmode-cart .abc-cart-summary__head span:not(.abc-cart-summary__icon){color:#7b8f9c!important;font-size:10px!important;font-weight:850!important}
body.abcxyz-appmode-cart .abc-cart-summary__head strong{color:var(--cart-ink)!important;font-size:15px!important;font-weight:950!important}
body.abcxyz-appmode-cart .abc-cart-summary__lines{padding:11px 0 5px!important}
body.abcxyz-appmode-cart .abc-cart-summary__line{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:9px 0!important;color:#68808f!important;font-size:12px!important;font-weight:750!important;
}
body.abcxyz-appmode-cart .abc-cart-summary__line strong{color:#35566b!important;font-size:12px!important;font-weight:900!important;text-align:left!important}
body.abcxyz-appmode-cart .abc-cart-summary__line--total{
  margin-top:6px!important;padding:16px 0 9px!important;border-top:1px dashed #dce6eb!important;color:var(--cart-ink)!important;font-size:13px!important;
}
body.abcxyz-appmode-cart .abc-cart-summary__line--total strong{color:var(--cart-ink)!important;font-size:20px!important;font-weight:950!important}
body.abcxyz-appmode-cart .abc-cart-summary__checkout{
  width:100%!important;min-height:54px!important;margin-top:12px!important;padding:0 17px!important;border:0!important;border-radius:16px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;
  background:linear-gradient(135deg,#155177,#0b6c94)!important;color:#fff!important;text-decoration:none!important;
  font-family:inherit!important;font-size:13px!important;font-weight:950!important;box-shadow:0 14px 28px rgba(17,82,119,.20)!important;cursor:pointer!important;
  transition:transform .15s ease,box-shadow .15s ease!important;
}
body.abcxyz-appmode-cart .abc-cart-summary__checkout:hover{transform:translateY(-1px)!important;box-shadow:0 17px 34px rgba(17,82,119,.25)!important;color:#fff!important}
body.abcxyz-appmode-cart .abc-cart-summary__arrow{font-size:19px!important;line-height:1!important}
body.abcxyz-appmode-cart .abc-cart-summary__back{
  width:100%!important;min-height:46px!important;margin-top:9px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid #dce7ec!important;border-radius:14px!important;background:#fff!important;color:#49687b!important;text-decoration:none!important;font-size:11px!important;font-weight:900!important;
}
body.abcxyz-appmode-cart .abc-cart-summary__back:hover{background:#f7fafb!important;color:#294e65!important}
body.abcxyz-appmode-cart .abc-cart-summary__note{
  display:flex!important;align-items:flex-start!important;gap:9px!important;margin-top:14px!important;padding:12px!important;border-radius:14px!important;background:#f5faf7!important;color:#5d7768!important;
}
body.abcxyz-appmode-cart .abc-cart-summary__note>span{color:#3aa56f!important;font-size:10px!important;margin-top:5px!important}
body.abcxyz-appmode-cart .abc-cart-summary__note p{margin:0!important;font-size:9.5px!important;line-height:1.85!important;font-weight:650!important}
body.abcxyz-appmode-cart .abc-cart-summary__note strong{color:#315e46!important;font-size:10.5px!important;font-weight:900!important}
body.abcxyz-appmode-cart .abc-cart-summary__clear{
  display:block!important;margin:11px auto 0!important;padding:4px 8px!important;border:0!important;background:transparent!important;color:#a26c6c!important;
  font-family:inherit!important;font-size:9px!important;font-weight:800!important;text-decoration:underline!important;text-underline-offset:3px!important;cursor:pointer!important;
}

/* Tablet */
@media (max-width:980px){
  body.abcxyz-appmode-cart .abc-cart-showcase{width:min(calc(100% - 28px),860px)!important;margin-top:24px!important}
  body.abcxyz-appmode-cart .abc-cart-showcase__layout{grid-template-columns:1fr!important}
  body.abcxyz-appmode-cart .abc-cart-summary{position:relative!important;top:auto!important}
  body.abcxyz-appmode-cart .abc-cart-product__metrics{grid-template-columns:1fr 1.25fr 1fr!important}
}

/* Mobile — purpose-built card layout, never a squeezed desktop table. */
@media (max-width:640px){
  body.abcxyz-appmode-cart.abc-cart-showcase-ready{background:#f6f8fa!important}
  body.abcxyz-appmode-cart .abc-cart-showcase{
    width:100%!important;max-width:none!important;margin:0!important;padding:16px 12px 104px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-showcase__header{
    align-items:flex-start!important;gap:12px!important;margin:0 0 14px!important;padding:3px 2px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-showcase__eyebrow{min-height:26px!important;padding:0 10px!important;margin-bottom:6px!important;font-size:10px!important}
  body.abcxyz-appmode-cart .abc-cart-showcase__heading-copy h1{font-size:23px!important;letter-spacing:0!important}
  body.abcxyz-appmode-cart .abc-cart-showcase__heading-copy p{margin-top:4px!important;font-size:11px!important;line-height:1.8!important}
  body.abcxyz-appmode-cart .abc-cart-showcase__stage{display:none!important}
  body.abcxyz-appmode-cart .abc-cart-showcase__layout{display:block!important}
  body.abcxyz-appmode-cart .abc-cart-showcase__main{
    padding:12px!important;border-radius:22px!important;box-shadow:0 9px 28px rgba(18,63,96,.055)!important;
  }
  body.abcxyz-appmode-cart .abc-cart-showcase__items-head{padding:2px 1px 11px!important}
  body.abcxyz-appmode-cart .abc-cart-showcase__items-head strong{font-size:14px!important}
  body.abcxyz-appmode-cart .abc-cart-showcase__edit-note{display:none!important}

  body.abcxyz-appmode-cart .abc-cart-product{
    margin-top:12px!important;padding:13px!important;border-radius:18px!important;box-shadow:none!important;
  }
  body.abcxyz-appmode-cart .abc-cart-product::before{width:2px!important}
  body.abcxyz-appmode-cart .abc-cart-product__top{
    grid-template-columns:76px minmax(0,1fr)!important;gap:11px!important;align-items:start!important;
  }
  body.abcxyz-appmode-cart .abc-cart-product__media{width:76px!important;height:76px!important;border-radius:15px!important}
  body.abcxyz-appmode-cart .abc-cart-product__title{font-size:13px!important;line-height:1.75!important}
  body.abcxyz-appmode-cart .abc-cart-product__desc{margin-top:2px!important;font-size:10px!important;line-height:1.7!important;-webkit-line-clamp:2!important}
  body.abcxyz-appmode-cart .abc-cart-product__remove{
    grid-column:1/-1!important;justify-self:start!important;min-height:31px!important;margin-top:0!important;padding:0 8px!important;border-radius:9px!important;font-size:9.5px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-product__remove span:first-child{font-size:14px!important}

  body.abcxyz-appmode-cart .abc-cart-product__metrics{
    display:flex!important;flex-direction:column!important;gap:7px!important;margin-top:12px!important;padding-top:12px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-metric{
    min-height:58px!important;padding:9px 11px!important;border-radius:13px!important;display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-metric>span{font-size:9.5px!important}
  body.abcxyz-appmode-cart .abc-cart-metric>strong{text-align:left!important;font-size:12.5px!important;line-height:1.5!important}
  body.abcxyz-appmode-cart .abc-cart-metric--total>strong{font-size:14px!important}
  body.abcxyz-appmode-cart .abc-cart-metric--qty{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important}
  body.abcxyz-appmode-cart .abc-cart-metric--qty>span{align-self:flex-start!important}
  body.abcxyz-appmode-cart .abc-cart-stepper{grid-template-columns:40px 1fr 40px 64px!important;width:100%!important}
  body.abcxyz-appmode-cart .abc-cart-stepper__input{width:100%!important;min-width:0!important}
  body.abcxyz-appmode-cart .abc-cart-stepper__btn,
  body.abcxyz-appmode-cart .abc-cart-stepper__apply,
  body.abcxyz-appmode-cart .abc-cart-stepper__input{height:42px!important;border-radius:11px!important}

  body.abcxyz-appmode-cart .abc-cart-summary{
    position:relative!important;top:auto!important;margin-top:12px!important;padding:16px!important;border-radius:22px!important;box-shadow:0 9px 28px rgba(18,63,96,.055)!important;
  }
  body.abcxyz-appmode-cart .abc-cart-summary__line--total strong{font-size:18px!important}
  body.abcxyz-appmode-cart .abc-cart-summary__checkout{min-height:52px!important;border-radius:15px!important;font-size:12px!important}
  body.abcxyz-appmode-cart .abc-cart-summary__back{min-height:44px!important;font-size:10.5px!important}
}

@media (max-width:380px){
  body.abcxyz-appmode-cart .abc-cart-showcase{padding-left:9px!important;padding-right:9px!important}
  body.abcxyz-appmode-cart .abc-cart-showcase__heading-copy h1{font-size:21px!important}
  body.abcxyz-appmode-cart .abc-cart-product__top{grid-template-columns:68px minmax(0,1fr)!important;gap:9px!important}
  body.abcxyz-appmode-cart .abc-cart-product__media{width:68px!important;height:68px!important}
  body.abcxyz-appmode-cart .abc-cart-stepper{grid-template-columns:38px 1fr 38px 58px!important;gap:4px!important}
}

/* ========================================================================
   ABCXYZ Mobile App Mode v1.29.0 — SHOWCASE CART PRO
   Premium refinement: tighter composition, quieter surfaces, clearer hierarchy.
   ======================================================================== */
body.abcxyz-appmode-cart.abc-cart-showcase-ready{
  --cart-navy:#123f60;
  --cart-navy-2:#0d6b94;
  --cart-ink:#12364f;
  --cart-text:#35566b;
  --cart-muted:#7b8e9a;
  --cart-line:#e3ebf0;
  --cart-soft:#f7fafc;
  --cart-blue-soft:#edf7fb;
  --cart-shadow-pro:0 14px 42px rgba(18,63,96,.065);
  background:#f6f8fb!important;
}

/* The new Cart owns the page hierarchy. Earlier Cart hero fragments must never
   remain visible even when a Joomla template moves them outside #comjshop. */
body.abcxyz-appmode-cart.abc-cart-showcase-ready .abcxyz-desktop-cart-hero,
body.abcxyz-appmode-cart.abc-cart-showcase-ready .abcxyz-desktop-cart-copy,
body.abcxyz-appmode-cart.abc-cart-showcase-ready .abcxyz-desktop-cart-trust,
body.abcxyz-appmode-cart.abc-cart-showcase-ready .abcxyz-current-total-v2,
body.abcxyz-appmode-cart.abc-cart-showcase-ready .abcxyz-current-total-v3,
body.abcxyz-appmode-cart.abc-cart-showcase-ready .abcxyz-current-total-desktop{
  display:none!important;
}

body.abcxyz-appmode-cart .abc-cart-showcase{
  width:min(calc(100% - 40px),1160px)!important;
  max-width:1160px!important;
  margin:22px auto 68px!important;
}

/* Header: one compact hierarchy, no floating stage card. */
body.abcxyz-appmode-cart .abc-cart-showcase__header{
  display:block!important;
  margin:0 0 16px!important;
  padding:0 2px!important;
}
body.abcxyz-appmode-cart .abc-cart-showcase__heading-copy{max-width:760px!important}
body.abcxyz-appmode-cart .abc-cart-showcase__meta{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-bottom:8px!important;
}
body.abcxyz-appmode-cart .abc-cart-showcase__eyebrow{
  min-height:27px!important;
  margin:0!important;
  padding:0 11px!important;
  border:1px solid #d8e7ef!important;
  background:#eef7fb!important;
  color:#17678f!important;
  font-size:10.5px!important;
}
body.abcxyz-appmode-cart .abc-cart-showcase__status{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  min-height:27px!important;
  padding:0 10px!important;
  border:1px solid #dceee4!important;
  border-radius:999px!important;
  background:#f3faf6!important;
  color:#39735a!important;
  font-size:10px!important;
  font-weight:850!important;
}
body.abcxyz-appmode-cart .abc-cart-showcase__status>span{
  display:inline-flex!important;
  width:16px!important;
  height:16px!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:#dff4e8!important;
  color:#23794f!important;
  font-size:10px!important;
  font-weight:950!important;
}
body.abcxyz-appmode-cart .abc-cart-showcase__heading-copy h1{
  font-size:29px!important;
  line-height:1.38!important;
  letter-spacing:-.25px!important;
}
body.abcxyz-appmode-cart .abc-cart-showcase__heading-copy p{
  max-width:650px!important;
  margin-top:5px!important;
  font-size:12.5px!important;
  line-height:1.85!important;
  font-weight:650!important;
}
body.abcxyz-appmode-cart .abc-cart-showcase__stage{display:none!important}

/* Balanced desktop composition. */
body.abcxyz-appmode-cart .abc-cart-showcase__layout{
  grid-template-columns:minmax(0,1fr) 318px!important;
  gap:18px!important;
}
body.abcxyz-appmode-cart .abc-cart-showcase__main{
  padding:15px!important;
  border-radius:24px!important;
  border-color:#e2eaf0!important;
  box-shadow:var(--cart-shadow-pro)!important;
}
body.abcxyz-appmode-cart .abc-cart-showcase__items-head{
  min-height:38px!important;
  padding:1px 2px 11px!important;
}
body.abcxyz-appmode-cart .abc-cart-showcase__items-head strong{font-size:14.5px!important}
body.abcxyz-appmode-cart .abc-cart-showcase__items-head span{font-size:10.5px!important}
body.abcxyz-appmode-cart .abc-cart-showcase__edit-note{
  padding:5px 9px!important;
  background:#f4f7f9!important;
  color:#738894!important;
  font-size:9px!important;
}

/* Product card: flatter, tighter, premium. */
body.abcxyz-appmode-cart .abc-cart-product{
  margin-top:12px!important;
  padding:15px!important;
  border-radius:19px!important;
  border-color:#e4ebf0!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.abcxyz-appmode-cart .abc-cart-product::before{
  width:2px!important;
  background:linear-gradient(180deg,#1f7da7,#6bc0dc)!important;
}
body.abcxyz-appmode-cart .abc-cart-product__top{
  grid-template-columns:82px minmax(0,1fr) auto!important;
  gap:14px!important;
  align-items:center!important;
}
body.abcxyz-appmode-cart .abc-cart-product__media{
  width:82px!important;
  height:82px!important;
  border-radius:17px!important;
  border-color:#e2eaef!important;
  box-shadow:0 5px 16px rgba(18,63,96,.045)!important;
}
body.abcxyz-appmode-cart .abc-cart-product__title{
  max-width:620px!important;
  font-size:14.5px!important;
  line-height:1.75!important;
}
body.abcxyz-appmode-cart .abc-cart-product__desc{
  margin-top:2px!important;
  font-size:10.5px!important;
  line-height:1.75!important;
}
body.abcxyz-appmode-cart .abc-cart-product__remove{
  min-height:32px!important;
  padding:0 9px!important;
  border-radius:10px!important;
  background:#fff8f7!important;
  font-size:9.5px!important;
}
body.abcxyz-appmode-cart .abc-cart-product__remove span:first-child{font-size:14px!important}

/* Replace three heavy nested cards with one calm information rail. */
body.abcxyz-appmode-cart .abc-cart-product__metrics{
  display:grid!important;
  grid-template-columns:minmax(130px,1fr) minmax(220px,1.15fr) minmax(130px,1fr)!important;
  gap:0!important;
  margin-top:13px!important;
  padding:7px 0!important;
  border:1px solid #e8eef2!important;
  border-radius:15px!important;
  background:#f8fafb!important;
}
body.abcxyz-appmode-cart .abc-cart-metric{
  min-height:57px!important;
  padding:7px 14px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  gap:2px!important;
}
body.abcxyz-appmode-cart .abc-cart-metric + .abc-cart-metric{
  border-right:1px solid #e5ecef!important;
}
body.abcxyz-appmode-cart .abc-cart-metric>span{
  color:#84949e!important;
  font-size:9px!important;
}
body.abcxyz-appmode-cart .abc-cart-metric>strong{
  font-size:13px!important;
  line-height:1.45!important;
}
body.abcxyz-appmode-cart .abc-cart-metric--total{
  background:transparent!important;
}
body.abcxyz-appmode-cart .abc-cart-metric--total>strong{
  color:#0d648d!important;
  font-size:14px!important;
}
body.abcxyz-appmode-cart .abc-cart-metric--qty{
  align-items:flex-start!important;
}

/* Quantity: one compact control, with a small explicit save action. */
body.abcxyz-appmode-cart .abc-cart-stepper{
  grid-template-columns:34px 48px 34px 48px!important;
  gap:4px!important;
  margin-top:3px!important;
}
body.abcxyz-appmode-cart .abc-cart-stepper__btn,
body.abcxyz-appmode-cart .abc-cart-stepper__apply,
body.abcxyz-appmode-cart .abc-cart-stepper__input{
  height:34px!important;
  border-radius:9px!important;
}
body.abcxyz-appmode-cart .abc-cart-stepper__btn{font-size:16px!important}
body.abcxyz-appmode-cart .abc-cart-stepper__input{
  width:48px!important;
  font-size:12.5px!important;
}
body.abcxyz-appmode-cart .abc-cart-stepper__apply{
  min-width:48px!important;
  padding:0 7px!important;
  background:#f1f7fa!important;
  color:#4d7287!important;
  font-size:9px!important;
}
body.abcxyz-appmode-cart .abc-cart-stepper__apply.is-dirty{
  background:#17678f!important;
  border-color:#17678f!important;
  color:#fff!important;
}

/* Order summary: quieter frame, stronger total and CTA. */
body.abcxyz-appmode-cart .abc-cart-summary{
  top:18px!important;
  padding:17px!important;
  border-radius:24px!important;
  border-color:#e2eaf0!important;
  box-shadow:var(--cart-shadow-pro)!important;
}
body.abcxyz-appmode-cart .abc-cart-summary__head{
  gap:9px!important;
  padding-bottom:13px!important;
}
body.abcxyz-appmode-cart .abc-cart-summary__icon{
  width:34px!important;
  height:34px!important;
  border-radius:11px!important;
  font-size:14px!important;
}
body.abcxyz-appmode-cart .abc-cart-summary__head span:not(.abc-cart-summary__icon){font-size:9px!important}
body.abcxyz-appmode-cart .abc-cart-summary__head strong{font-size:13.5px!important}
body.abcxyz-appmode-cart .abc-cart-summary__lines{padding:8px 0 2px!important}
body.abcxyz-appmode-cart .abc-cart-summary__line{
  padding:7px 0!important;
  font-size:10.5px!important;
}
body.abcxyz-appmode-cart .abc-cart-summary__line strong{font-size:10.5px!important}
body.abcxyz-appmode-cart .abc-cart-summary__line--total{
  margin-top:5px!important;
  padding:13px 0 7px!important;
  font-size:11.5px!important;
}
body.abcxyz-appmode-cart .abc-cart-summary__line--total strong{
  color:#0d4d70!important;
  font-size:19px!important;
}
body.abcxyz-appmode-cart .abc-cart-summary__checkout{
  min-height:50px!important;
  margin-top:10px!important;
  padding:0 15px!important;
  border-radius:14px!important;
  font-size:11.5px!important;
  box-shadow:0 10px 22px rgba(17,82,119,.17)!important;
}
body.abcxyz-appmode-cart .abc-cart-summary__checkout:hover{
  box-shadow:0 13px 27px rgba(17,82,119,.22)!important;
}
body.abcxyz-appmode-cart .abc-cart-summary__back{
  min-height:41px!important;
  margin-top:7px!important;
  border-radius:12px!important;
  font-size:9.5px!important;
}
body.abcxyz-appmode-cart .abc-cart-summary__note{
  margin-top:11px!important;
  padding:10px!important;
  border-radius:12px!important;
}
body.abcxyz-appmode-cart .abc-cart-summary__note p{font-size:8.8px!important;line-height:1.75!important}
body.abcxyz-appmode-cart .abc-cart-summary__note strong{font-size:9.4px!important}
body.abcxyz-appmode-cart .abc-cart-summary__clear{margin-top:7px!important;font-size:8.5px!important}

@media (max-width:980px){
  body.abcxyz-appmode-cart .abc-cart-showcase{
    width:min(calc(100% - 28px),820px)!important;
    margin-top:18px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-showcase__layout{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-summary{position:relative!important;top:auto!important}
}

/* Mobile: image/title/remove on one row; price + total side-by-side; quantity full-width. */
@media (max-width:640px){
  body.abcxyz-appmode-cart .abc-cart-showcase{
    width:100%!important;
    margin:0!important;
    padding:13px 10px 104px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-showcase__header{
    margin-bottom:11px!important;
    padding:0 2px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-showcase__meta{gap:6px!important;margin-bottom:6px!important}
  body.abcxyz-appmode-cart .abc-cart-showcase__eyebrow,
  body.abcxyz-appmode-cart .abc-cart-showcase__status{
    min-height:24px!important;
    padding:0 8px!important;
    font-size:8.8px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-showcase__status>span{width:14px!important;height:14px!important;font-size:8px!important}
  body.abcxyz-appmode-cart .abc-cart-showcase__heading-copy h1{font-size:21px!important;line-height:1.45!important}
  body.abcxyz-appmode-cart .abc-cart-showcase__heading-copy p{margin-top:3px!important;font-size:10px!important;line-height:1.75!important}

  body.abcxyz-appmode-cart .abc-cart-showcase__main{
    padding:10px!important;
    border-radius:19px!important;
    box-shadow:0 8px 24px rgba(18,63,96,.05)!important;
  }
  body.abcxyz-appmode-cart .abc-cart-showcase__items-head{min-height:34px!important;padding:0 1px 9px!important}
  body.abcxyz-appmode-cart .abc-cart-showcase__items-head strong{font-size:12.5px!important}

  body.abcxyz-appmode-cart .abc-cart-product{
    margin-top:9px!important;
    padding:11px!important;
    border-radius:16px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-product__top{
    grid-template-columns:68px minmax(0,1fr) 30px!important;
    gap:9px!important;
    align-items:start!important;
  }
  body.abcxyz-appmode-cart .abc-cart-product__media{
    width:68px!important;
    height:68px!important;
    border-radius:14px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-product__title{font-size:11.6px!important;line-height:1.7!important}
  body.abcxyz-appmode-cart .abc-cart-product__desc{font-size:9px!important;line-height:1.65!important;-webkit-line-clamp:2!important}
  body.abcxyz-appmode-cart .abc-cart-product__remove{
    grid-column:auto!important;
    justify-self:end!important;
    width:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    height:30px!important;
    margin:0!important;
    padding:0!important;
    justify-content:center!important;
    border-radius:9px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-product__remove span:first-child{font-size:15px!important}
  body.abcxyz-appmode-cart .abc-cart-product__remove span:last-child{display:none!important}

  body.abcxyz-appmode-cart .abc-cart-product__metrics{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    margin-top:10px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
  }
  body.abcxyz-appmode-cart .abc-cart-metric{
    min-height:54px!important;
    padding:8px 10px!important;
    border:1px solid #e7edf1!important;
    border-radius:12px!important;
    background:#f8fafb!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:stretch!important;
    gap:2px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-metric + .abc-cart-metric{border-right:1px solid #e7edf1!important}
  body.abcxyz-appmode-cart .abc-cart-metric>span{font-size:8.5px!important}
  body.abcxyz-appmode-cart .abc-cart-metric>strong{text-align:right!important;font-size:11px!important}
  body.abcxyz-appmode-cart .abc-cart-metric--total{
    grid-column:2!important;
    grid-row:1!important;
    background:#eff8fc!important;
    border-color:#d8e9f1!important;
  }
  body.abcxyz-appmode-cart .abc-cart-metric--total>strong{font-size:12px!important}
  body.abcxyz-appmode-cart .abc-cart-metric--qty{
    grid-column:1/-1!important;
    grid-row:2!important;
    min-height:60px!important;
    background:#fff!important;
  }
  body.abcxyz-appmode-cart .abc-cart-stepper{
    grid-template-columns:38px minmax(52px,1fr) 38px 52px!important;
    width:100%!important;
    gap:4px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-stepper__btn,
  body.abcxyz-appmode-cart .abc-cart-stepper__apply,
  body.abcxyz-appmode-cart .abc-cart-stepper__input{
    height:38px!important;
    border-radius:10px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-stepper__input{width:100%!important;min-width:0!important}

  body.abcxyz-appmode-cart .abc-cart-summary{
    margin-top:10px!important;
    padding:14px!important;
    border-radius:19px!important;
    box-shadow:0 8px 24px rgba(18,63,96,.05)!important;
  }
  body.abcxyz-appmode-cart .abc-cart-summary__head{padding-bottom:11px!important}
  body.abcxyz-appmode-cart .abc-cart-summary__line--total strong{font-size:17px!important}
  body.abcxyz-appmode-cart .abc-cart-summary__checkout{min-height:48px!important;font-size:11px!important}
}

@media (max-width:360px){
  body.abcxyz-appmode-cart .abc-cart-showcase{padding-left:8px!important;padding-right:8px!important}
  body.abcxyz-appmode-cart .abc-cart-showcase__status{display:none!important}
  body.abcxyz-appmode-cart .abc-cart-product__top{grid-template-columns:62px minmax(0,1fr) 28px!important;gap:7px!important}
  body.abcxyz-appmode-cart .abc-cart-product__media{width:62px!important;height:62px!important}
  body.abcxyz-appmode-cart .abc-cart-product__remove{width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important}
}

/* ========================================================================
   ABCXYZ Mobile App Mode v1.30.0 — SHOWCASE CART FINAL POLISH
   Goal: denser premium composition, one visual language, thumb-reach checkout.
   JoomShopping business logic and native source form remain untouched.
   ======================================================================== */
body.abcxyz-appmode-cart .abc-cart-mobile-dock{display:none!important}

@media (min-width:981px){
  body.abcxyz-appmode-cart .abc-cart-showcase{
    width:min(calc(100% - 36px),1180px)!important;
    max-width:1180px!important;
    margin:14px auto 54px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-showcase__header{
    margin:0 0 11px!important;
    padding:0 4px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-showcase__meta{margin-bottom:6px!important}
  body.abcxyz-appmode-cart .abc-cart-showcase__heading-copy h1{
    font-size:27px!important;
    line-height:1.34!important;
  }
  body.abcxyz-appmode-cart .abc-cart-showcase__heading-copy p{
    margin-top:3px!important;
    font-size:11.7px!important;
    line-height:1.75!important;
  }
  body.abcxyz-appmode-cart .abc-cart-showcase__layout{
    grid-template-columns:minmax(0,1fr) 292px!important;
    gap:16px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-showcase__main{
    padding:13px!important;
    border-radius:22px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-showcase__items-head{
    min-height:34px!important;
    padding:0 1px 8px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-product{
    margin-top:8px!important;
    padding:13px!important;
    border-radius:17px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-product__top{
    grid-template-columns:74px minmax(0,1fr) auto!important;
    gap:12px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-product__media{
    width:74px!important;
    height:74px!important;
    border-radius:15px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-product__title{
    font-size:13.8px!important;
    line-height:1.66!important;
  }
  body.abcxyz-appmode-cart .abc-cart-product__desc{
    font-size:9.8px!important;
    line-height:1.65!important;
  }
  body.abcxyz-appmode-cart .abc-cart-product__metrics{
    margin-top:10px!important;
    padding:5px 0!important;
    border-radius:13px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-metric{
    min-height:49px!important;
    padding:6px 12px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-metric>span{font-size:8.6px!important}
  body.abcxyz-appmode-cart .abc-cart-metric>strong{font-size:12.2px!important}
  body.abcxyz-appmode-cart .abc-cart-metric--total>strong{font-size:13.2px!important}
  body.abcxyz-appmode-cart .abc-cart-stepper{
    grid-template-columns:31px 44px 31px 34px!important;
    gap:3px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-stepper__btn,
  body.abcxyz-appmode-cart .abc-cart-stepper__apply,
  body.abcxyz-appmode-cart .abc-cart-stepper__input{
    height:31px!important;
    border-radius:8px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-stepper__input{width:44px!important;font-size:12px!important}
  body.abcxyz-appmode-cart .abc-cart-stepper__apply{
    min-width:34px!important;
    width:34px!important;
    padding:0!important;
    font-size:12px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-summary{
    top:14px!important;
    padding:15px!important;
    border-radius:22px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-summary__head{padding-bottom:11px!important}
  body.abcxyz-appmode-cart .abc-cart-summary__line{padding:6px 0!important}
  body.abcxyz-appmode-cart .abc-cart-summary__line--total{padding:11px 0 5px!important}
  body.abcxyz-appmode-cart .abc-cart-summary__line--total strong{font-size:18px!important}
  body.abcxyz-appmode-cart .abc-cart-summary__checkout{
    min-height:47px!important;
    margin-top:8px!important;
    border-radius:13px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-summary__back{min-height:39px!important}
  body.abcxyz-appmode-cart .abc-cart-summary__note{margin-top:9px!important;padding:8px 9px!important}
}

/* Mobile is a separate composition, not a squeezed desktop cart. */
@media (max-width:640px){
  body.abcxyz-appmode-cart .abc-cart-showcase{
    padding:10px 8px calc(166px + env(safe-area-inset-bottom,0px))!important;
  }
  body.abcxyz-appmode-cart .abc-cart-showcase__header{
    margin-bottom:8px!important;
    padding:0 1px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-showcase__meta{margin-bottom:4px!important}
  body.abcxyz-appmode-cart .abc-cart-showcase__eyebrow,
  body.abcxyz-appmode-cart .abc-cart-showcase__status{
    min-height:22px!important;
    padding:0 7px!important;
    font-size:8.2px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-showcase__status>span{
    width:13px!important;height:13px!important;font-size:7.5px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-showcase__heading-copy h1{
    font-size:19px!important;
    line-height:1.35!important;
  }
  body.abcxyz-appmode-cart .abc-cart-showcase__heading-copy p{
    max-width:100%!important;
    margin-top:2px!important;
    font-size:9.2px!important;
    line-height:1.62!important;
  }
  body.abcxyz-appmode-cart .abc-cart-showcase__main{
    padding:8px!important;
    border-radius:17px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-showcase__items-head{
    min-height:30px!important;
    padding:0 1px 7px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-showcase__items-head strong{font-size:11.8px!important}
  body.abcxyz-appmode-cart .abc-cart-showcase__items-head span{font-size:9px!important}
  body.abcxyz-appmode-cart .abc-cart-showcase__edit-note{padding:4px 7px!important;font-size:8px!important}

  body.abcxyz-appmode-cart .abc-cart-product{
    margin-top:7px!important;
    padding:9px!important;
    border-radius:14px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-product__top{
    grid-template-columns:60px minmax(0,1fr) 27px!important;
    gap:7px!important;
    align-items:center!important;
  }
  body.abcxyz-appmode-cart .abc-cart-product__media{
    width:60px!important;
    height:60px!important;
    border-radius:12px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-product__title{
    font-size:11.2px!important;
    line-height:1.58!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
  }
  body.abcxyz-appmode-cart .abc-cart-product__desc{
    margin-top:1px!important;
    font-size:8.4px!important;
    line-height:1.55!important;
    -webkit-line-clamp:1!important;
  }
  body.abcxyz-appmode-cart .abc-cart-product__remove{
    width:27px!important;
    min-width:27px!important;
    height:27px!important;
    min-height:27px!important;
    border-radius:8px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-product__remove span:first-child{font-size:13px!important}

  /* One light information rail: no nested price cards. */
  body.abcxyz-appmode-cart .abc-cart-product__metrics{
    grid-template-columns:1fr 1fr!important;
    gap:0!important;
    margin-top:8px!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid #e5edf1!important;
    border-radius:12px!important;
    background:#f8fafb!important;
  }
  body.abcxyz-appmode-cart .abc-cart-metric{
    min-height:44px!important;
    padding:6px 9px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    gap:1px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-metric + .abc-cart-metric{border-right:0!important}
  body.abcxyz-appmode-cart .abc-cart-metric>span{font-size:7.8px!important;color:#7d909c!important}
  body.abcxyz-appmode-cart .abc-cart-metric>strong{font-size:10.7px!important;line-height:1.35!important}
  body.abcxyz-appmode-cart .abc-cart-metric--total{
    grid-column:2!important;
    grid-row:1!important;
    background:#f3f9fc!important;
    border-right:1px solid #e5edf1!important;
  }
  body.abcxyz-appmode-cart .abc-cart-metric--total>strong{font-size:11.3px!important}
  body.abcxyz-appmode-cart .abc-cart-metric--qty{
    grid-column:1/-1!important;
    grid-row:2!important;
    min-height:46px!important;
    padding:6px 9px!important;
    border-top:1px solid #e5edf1!important;
    background:#fff!important;
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    align-items:center!important;
    gap:8px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-metric--qty>span{
    align-self:center!important;
    white-space:nowrap!important;
  }
  body.abcxyz-appmode-cart .abc-cart-stepper{
    grid-template-columns:31px 42px 31px 32px!important;
    width:auto!important;
    max-width:148px!important;
    justify-self:end!important;
    gap:3px!important;
    margin:0!important;
  }
  body.abcxyz-appmode-cart .abc-cart-stepper__btn,
  body.abcxyz-appmode-cart .abc-cart-stepper__apply,
  body.abcxyz-appmode-cart .abc-cart-stepper__input{
    height:31px!important;
    min-height:31px!important;
    border-radius:8px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-stepper__input{
    width:42px!important;
    min-width:42px!important;
    font-size:11.5px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-stepper__btn{font-size:14px!important}
  body.abcxyz-appmode-cart .abc-cart-stepper__apply{
    width:32px!important;
    min-width:32px!important;
    padding:0!important;
    font-size:11px!important;
  }

  /* Full summary remains available, but no duplicate primary CTA or trust box. */
  body.abcxyz-appmode-cart .abc-cart-summary{
    margin-top:8px!important;
    padding:12px!important;
    border-radius:17px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-summary__head{padding-bottom:8px!important}
  body.abcxyz-appmode-cart .abc-cart-summary__head span:not(.abc-cart-summary__icon){font-size:8.4px!important}
  body.abcxyz-appmode-cart .abc-cart-summary__head strong{font-size:12px!important}
  body.abcxyz-appmode-cart .abc-cart-summary__lines{padding:5px 0 0!important}
  body.abcxyz-appmode-cart .abc-cart-summary__line{padding:5px 0!important;font-size:9.5px!important}
  body.abcxyz-appmode-cart .abc-cart-summary__line strong{font-size:9.8px!important}
  body.abcxyz-appmode-cart .abc-cart-summary__line--total{margin-top:2px!important;padding:9px 0 4px!important}
  body.abcxyz-appmode-cart .abc-cart-summary__line--total strong{font-size:15px!important}
  body.abcxyz-appmode-cart .abc-cart-summary__checkout,
  body.abcxyz-appmode-cart .abc-cart-summary__note{display:none!important}
  body.abcxyz-appmode-cart .abc-cart-summary__back{
    min-height:37px!important;
    margin-top:7px!important;
    font-size:9px!important;
  }

  /* Thumb-reach checkout dock, positioned above the 68px native App Mode dock. */
  body.abcxyz-appmode-cart.abc-cart-showcase-ready .abc-cart-mobile-dock{
    position:fixed!important;
    z-index:2147482500!important;
    left:8px!important;
    right:8px!important;
    bottom:calc(var(--abc-app-dock,68px) + 8px + env(safe-area-inset-bottom,0px))!important;
    min-height:58px!important;
    padding:6px!important;
    display:flex!important;
    direction:rtl!important;
    align-items:center!important;
    gap:7px!important;
    border:1px solid rgba(20,66,94,.10)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 12px 34px rgba(16,55,79,.16)!important;
    backdrop-filter:blur(18px) saturate(150%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(150%)!important;
  }
  body.abcxyz-appmode-cart .abc-cart-mobile-dock__total{
    min-width:0!important;
    flex:1 1 auto!important;
    padding:0 8px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:1px!important;
  }
  body.abcxyz-appmode-cart .abc-cart-mobile-dock__total span{
    color:#7a8e9a!important;
    font-size:8px!important;
    font-weight:800!important;
  }
  body.abcxyz-appmode-cart .abc-cart-mobile-dock__total strong{
    max-width:100%!important;
    color:#123f60!important;
    font-size:13px!important;
    font-weight:950!important;
    line-height:1.35!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.abcxyz-appmode-cart .abc-cart-mobile-dock__checkout{
    flex:0 0 min(47vw,168px)!important;
    min-height:46px!important;
    padding:0 12px!important;
    border:0!important;
    border-radius:12px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    background:linear-gradient(135deg,#176f99,#10577d)!important;
    color:#fff!important;
    text-decoration:none!important;
    font-size:10.5px!important;
    font-weight:950!important;
    box-shadow:0 8px 18px rgba(17,89,126,.20)!important;
  }
  body.abcxyz-appmode-cart .abc-cart-mobile-dock__checkout span:last-child{font-size:16px!important;font-weight:700!important}
}

@media (max-width:360px){
  body.abcxyz-appmode-cart .abc-cart-showcase{padding-left:7px!important;padding-right:7px!important}
  body.abcxyz-appmode-cart .abc-cart-product__top{grid-template-columns:56px minmax(0,1fr) 25px!important;gap:6px!important}
  body.abcxyz-appmode-cart .abc-cart-product__media{width:56px!important;height:56px!important}
  body.abcxyz-appmode-cart .abc-cart-product__remove{width:25px!important;min-width:25px!important;height:25px!important;min-height:25px!important}
  body.abcxyz-appmode-cart .abc-cart-stepper{grid-template-columns:29px 39px 29px 30px!important;max-width:139px!important}
  body.abcxyz-appmode-cart .abc-cart-stepper__input{width:39px!important;min-width:39px!important}
  body.abcxyz-appmode-cart .abc-cart-stepper__apply{width:30px!important;min-width:30px!important}
  body.abcxyz-appmode-cart .abc-cart-mobile-dock__checkout{flex-basis:146px!important}
  body.abcxyz-appmode-cart .abc-cart-mobile-dock__total strong{font-size:12px!important}
}


/* ========================================================================
   ABCXYZ Mobile App Mode v1.31.0 — CART TYPOGRAPHY & READABILITY POLISH
   Increase legibility without reopening the layout or JoomShopping logic.
   ======================================================================== */
@media (min-width:981px){
  body.abcxyz-appmode-cart .abc-cart-showcase__heading-copy p{
    font-size:12.6px!important;
    line-height:1.78!important;
    color:#667f90!important;
  }
  body.abcxyz-appmode-cart .abc-cart-showcase__items-head strong{font-size:14px!important}
  body.abcxyz-appmode-cart .abc-cart-showcase__items-head span,
  body.abcxyz-appmode-cart .abc-cart-showcase__edit-note{font-size:10.2px!important}
  body.abcxyz-appmode-cart .abc-cart-product__title{font-size:14.7px!important;line-height:1.62!important}
  body.abcxyz-appmode-cart .abc-cart-product__desc{font-size:10.9px!important;line-height:1.68!important;color:#6f8594!important}
  body.abcxyz-appmode-cart .abc-cart-metric>span{font-size:9.7px!important;color:#6d8392!important}
  body.abcxyz-appmode-cart .abc-cart-metric>strong{font-size:13px!important}
  body.abcxyz-appmode-cart .abc-cart-metric--total>strong{font-size:14px!important}
  body.abcxyz-appmode-cart .abc-cart-summary__head span:not(.abc-cart-summary__icon){font-size:10px!important}
  body.abcxyz-appmode-cart .abc-cart-summary__head strong{font-size:14.2px!important}
  body.abcxyz-appmode-cart .abc-cart-summary__line{font-size:11px!important}
  body.abcxyz-appmode-cart .abc-cart-summary__line strong{font-size:11.5px!important}
  body.abcxyz-appmode-cart .abc-cart-summary__note{font-size:10px!important;line-height:1.75!important}
  body.abcxyz-appmode-cart .abc-cart-summary__back{font-size:10.5px!important}
}

@media (max-width:640px){
  body.abcxyz-appmode-cart .abc-cart-showcase__eyebrow,
  body.abcxyz-appmode-cart .abc-cart-showcase__status{font-size:9.3px!important}
  body.abcxyz-appmode-cart .abc-cart-showcase__heading-copy h1{font-size:20px!important}
  body.abcxyz-appmode-cart .abc-cart-showcase__heading-copy p{
    font-size:10.5px!important;
    line-height:1.68!important;
    color:#657f90!important;
  }
  body.abcxyz-appmode-cart .abc-cart-showcase__items-head strong{font-size:13px!important}
  body.abcxyz-appmode-cart .abc-cart-showcase__items-head span{font-size:10.1px!important}
  body.abcxyz-appmode-cart .abc-cart-showcase__edit-note{font-size:9.2px!important}
  body.abcxyz-appmode-cart .abc-cart-product__title{font-size:12.6px!important;line-height:1.56!important}
  body.abcxyz-appmode-cart .abc-cart-product__desc{font-size:9.6px!important;line-height:1.55!important;color:#708594!important}
  body.abcxyz-appmode-cart .abc-cart-metric>span{font-size:9.1px!important;color:#708593!important}
  body.abcxyz-appmode-cart .abc-cart-metric>strong{font-size:12px!important;line-height:1.38!important}
  body.abcxyz-appmode-cart .abc-cart-metric--total>strong{font-size:12.6px!important}
  body.abcxyz-appmode-cart .abc-cart-metric--qty>span{font-size:9.3px!important}
  body.abcxyz-appmode-cart .abc-cart-summary__head span:not(.abc-cart-summary__icon){font-size:9.6px!important}
  body.abcxyz-appmode-cart .abc-cart-summary__head strong{font-size:13.2px!important}
  body.abcxyz-appmode-cart .abc-cart-summary__line{font-size:10.6px!important}
  body.abcxyz-appmode-cart .abc-cart-summary__line strong{font-size:11px!important}
  body.abcxyz-appmode-cart .abc-cart-summary__line--total strong{font-size:16px!important}
  body.abcxyz-appmode-cart .abc-cart-summary__back{font-size:10.2px!important}
  body.abcxyz-appmode-cart .abc-cart-mobile-dock__total span{font-size:9.2px!important}
  body.abcxyz-appmode-cart .abc-cart-mobile-dock__total strong{font-size:14.2px!important}
  body.abcxyz-appmode-cart .abc-cart-mobile-dock__checkout{font-size:11.6px!important}
}