.elementor-35 .elementor-element.elementor-element-035fe46{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-35 .elementor-element.elementor-element-e48a60d .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:42px;font-weight:300;font-style:italic;letter-spacing:1px;word-spacing:5px;color:#1C1810;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-35 .elementor-element.elementor-element-f42f18f{--divider-border-style:solid;--divider-color:#CFAC60;--divider-border-width:1px;}.elementor-35 .elementor-element.elementor-element-f42f18f .elementor-divider-separator{width:53px;margin:0 auto;margin-left:0;}.elementor-35 .elementor-element.elementor-element-f42f18f .elementor-divider{text-align:left;padding-block-start:0px;padding-block-end:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-35 .elementor-element.elementor-element-b915114{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;text-align:start;font-family:"Jost", Sans-serif;font-size:15px;font-weight:300;color:var( --e-global-color-e090922 );}.elementor-35 .elementor-element.elementor-element-b915114 p{margin-block-end:0px;}.elementor-35 .elementor-element.elementor-element-5a32c866{--display:flex;--overflow:hidden;}.elementor-35 .elementor-element.elementor-element-30b72b02 > .elementor-widget-container{margin:0px -80px 0px 80px;}.elementor-35 .elementor-element.elementor-element-18db77f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-35 .elementor-element.elementor-element-61452f3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#2A0D081C;--border-color:#2A0D081C;--border-radius:0px 0px 0px 0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-35 .elementor-element.elementor-element-61452f3:not(.elementor-motion-effects-element-type-background), .elementor-35 .elementor-element.elementor-element-61452f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-61452f3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-35 .elementor-element.elementor-element-7423e51 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:34px;font-weight:300;font-style:italic;letter-spacing:1px;word-spacing:5px;color:#1C1810;}.elementor-35 .elementor-element.elementor-element-948fafc{width:100%;max-width:100%;text-align:start;font-family:"Jost", Sans-serif;font-size:15px;font-weight:300;color:var( --e-global-color-e090922 );}.elementor-35 .elementor-element.elementor-element-948fafc p{margin-block-end:0px;}.elementor-35 .elementor-element.elementor-element-4a2d78f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-35:not(.elementor-motion-effects-element-type-background), body.elementor-page-35 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F3E9;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-35 .elementor-element.elementor-element-61452f3{--width:60%;}.elementor-35 .elementor-element.elementor-element-4a2d78f{--width:50%;}}@media(max-width:1024px){.elementor-35 .elementor-element.elementor-element-b915114{--container-widget-width:89%;--container-widget-flex-grow:0;width:var( --container-widget-width, 89% );max-width:89%;}}@media(max-width:767px){.elementor-35 .elementor-element.elementor-element-e48a60d{text-align:start;}.elementor-35 .elementor-element.elementor-element-e48a60d .elementor-heading-title{font-size:26px;}.elementor-35 .elementor-element.elementor-element-b915114{font-size:14px;}.elementor-35 .elementor-element.elementor-element-7423e51{text-align:start;}.elementor-35 .elementor-element.elementor-element-7423e51 .elementor-heading-title{font-size:26px;}.elementor-35 .elementor-element.elementor-element-948fafc{font-size:14px;}}/* Start custom CSS for container, class: .elementor-element-035fe46 *//* ============================================================
   Global Price Lock Notice Banner (Sreenath's plugin)
   Appears site-wide wherever the plugin injects it (cart, 
   checkout, etc.) — scoped by ID so it's safe to leave unscoped
   to any particular page's body class.
   ============================================================ */

#aurelia-price-lock-notice {
  display: block;
  background: #FBF3DC;
  border-left: 3px solid var(--gold, #C9A24C);
  padding: 14px 24px;
  margin: 0 0 0;
}

#aurelia-price-lock-notice .aurelia-lock-title {
  display: block;
  font-family: 'Jost', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #1C1810;
  letter-spacing: 0.01em;
  margin-bottom: 3px;
}

#aurelia-price-lock-notice .aurelia-lock-message {
  display: block;
  font-family: 'Jost', sans-serif;
  font-size: 13.5px;
  font-weight: 400;
  color: #4A3F30;
  line-height: 1.5;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-30b72b02 *//* ============================================================
   Shantilal Jewellers — Cart page skin (v2)
   Paste into: Elementor → Cart page → Advanced → Custom CSS
   (or WordPress → Appearance → Customize → Additional CSS)

   Everything is scoped to body.woocommerce-cart AND to the
   WooCommerce cart block itself, so nothing here can touch
   your header, footer, or the "Cart" heading text you added —
   that's on you to style separately, we don't touch it.

   FONT: uses 'Jost' to match the rest of the site. This
   assumes Jost is already loaded site-wide (it clearly is,
   since your footer uses it). If for some reason this page
   doesn't have it loaded, add it via Site Settings → Custom
   Code — but you almost certainly don't need to.
   ============================================================ */

body.woocommerce-cart {
  --maroon: #2A0D08;
  --maroon-2: #3B140D;
  --gold: #C9A24C;
  --gold-bright: #E7C57D;
  --gold-dim: #8C7038;
  --ink: #2A1B14;
  --ink-soft: #7A6656;
  --hair: rgba(42, 13, 8, 0.11);
  --panel: #FFFEFB;
  --amber: #AE5A28;
}

/* ================= CART ITEM ROWS ================= */
/* Everything below is scoped under .wp-block-woocommerce-cart
   so it can only ever affect the cart block itself */

body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-items {
  display: block;
  width: 100%;
}
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-items thead,
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-items tbody {
  display: block;
  width: 100%;
}

/* Keep the header for screen readers, hide it visually —
   the card layout below replaces its job */
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-items__header {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-items__row {
  display: grid;
  grid-template-columns: 92px 1fr auto;
  gap: 24px;
  align-items: center;
  width: 100%;
  background: var(--panel);
  border: 1px solid var(--hair);
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(42, 13, 8, 0.04);
  padding: 22px 26px;
  margin: 0 0 18px; /* <- spacing between cards, not reliant on border-spacing */
}
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-items__row:last-child {
  margin-bottom: 0;
}
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-items__row td {
  display: block;
  padding: 0;
  border: none;
}

/* Product thumb — rounded square, not a circle. A circle depends on
   the box staying perfectly square at every width, and the theme's
   own responsive image rules were stretching the height on mobile
   (that's what caused the oval). Locking both dimensions with
   !important and dropping the border-radius to 50% sidesteps it. */
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__image {
  align-self: start;
}
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__image a {
  display: block;
  width: 92px;
  height: 92px;
}
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__image img {
  display: block;
  width: 92px !important;
  height: 92px !important;
  object-fit: cover;
  border-radius: 8px;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.5),
    0 3px 10px rgba(156, 122, 56, 0.25);
}

/* Product name — bumped up in size */
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-product-name {
  font-family: 'Cormorant Garamond', serif;
  font-size: 22px !important;
  line-height: 1.25;
  font-weight: 500;
  color: var(--ink);
  text-decoration: none;
  display: block;
  margin-bottom: 6px;
}
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-product-name:hover {
  color: var(--gold-dim);
}

/* Per-unit price under the name */
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__prices .wc-block-components-product-price__value {
  font-family: 'Jost', sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}

/* Short description */
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-product-metadata__description p {
  font-family: 'Jost', sans-serif;
  font-size: 13px;
  color: var(--ink-soft);
  line-height: 1.6;
  margin: 6px 0 13px;
}

/* Quantity .elementor-35 .elementor-element.elementor-element-30b72b02 */
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-quantity-.elementor-35 .elementor-element.elementor-element-30b72b02 {
  border: 1px solid var(--hair);
  border-radius: 3px;
  background: #F8F3E9;
  overflow: hidden;
}
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-quantity-.elementor-35 .elementor-element.elementor-element-30b72b02__input {
  font-family: 'Jost', sans-serif;
  color: var(--ink);
  background: transparent;
}
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-quantity-.elementor-35 .elementor-element.elementor-element-30b72b02__button {
  color: var(--gold-dim);
  background: transparent;
}
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-quantity-.elementor-35 .elementor-element.elementor-element-30b72b02__button:hover {
  color: var(--maroon);
}

/* Remove (trash) icon */
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__remove-link {
  color: var(--ink-soft);
}
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__remove-link:hover {
  color: var(--amber);
}
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__remove-link svg path {
  fill: currentColor;
}

/* Line total, right-aligned */
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__total {
  text-align: right;
}
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__total .wc-block-components-product-price__value {
  font-family: 'Jost', sans-serif;
  font-size: 19px;
  font-weight: 600;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}

/* ================= ORDER SUMMARY SIDEBAR ================= */

/* Force the sidebar to hug its own content height instead of
   stretching to match the item list as more items are added */
body.woocommerce-cart .wc-block-components-sidebar-layout.wc-block-cart {
  align-items: start;
}

body.woocommerce-cart .wc-block-components-sidebar {
  align-self: start;
  height: fit-content;
  position: sticky;
  top: 24px;
  background: linear-gradient(165deg, var(--maroon-2), var(--maroon));
  color: #F4E9D8;
  border-radius: 3px;
  padding: 34px 28px;
  box-shadow: 0 20px 40px rgba(42, 13, 8, 0.18);
}

body.woocommerce-cart .wc-block-cart__totals-title {
  display: block;
  visibility: visible;
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.3;
  color: var(--gold-bright) !important;
  text-transform: none !important;
  margin: 0 0 22px;
}


body.woocommerce-cart .wc-block-components-panel__button {
  color: rgba(244, 233, 216, 0.75);
  font-family: 'Jost', sans-serif;
  font-size: 13px;
  border-top: 1px solid rgba(244, 233, 216, 0.18);
  border-bottom: 1px solid rgba(244, 233, 216, 0.18);
  padding: 12px 0;
}
body.woocommerce-cart .wc-block-components-panel__button-icon path {
  fill: rgba(244, 233, 216, 0.6);
}

/* Coupon field + Apply button */
body.woocommerce-cart .wc-block-components-totals-coupon__content {
  padding-top: 16px;
}
body.woocommerce-cart .wc-block-components-text-input.wc-block-components-totals-coupon__input {
  border-radius: 3px;
}
body.woocommerce-cart .wc-block-components-text-input.wc-block-components-totals-coupon__input input {
  font-family: 'Jost', sans-serif;
  background: #FFFEFB;
  color: var(--ink);
  border-color: rgba(244, 233, 216, 0.3);
}
body.woocommerce-cart .wc-block-components-text-input.wc-block-components-totals-coupon__input label {
  font-family: 'Jost', sans-serif;
  color: var(--ink-soft);
}
body.woocommerce-cart .wc-block-components-text-input.wc-block-components-totals-coupon__input.is-active input,
body.woocommerce-cart .wc-block-components-text-input.wc-block-components-totals-coupon__input input:focus {
  outline: none;
  border-color: var(--gold);
  box-shadow: 0 0 0 1px var(--gold);
}

body.woocommerce-cart .wc-block-components-totals-coupon__button {
  background: transparent;
  border: 1px solid var(--gold-bright);
  border-radius: 3px;
  color: var(--gold-bright) !important;
  font-family: 'Jost', sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.03em;
  transition: background 0.2s ease, color 0.2s ease;
}
body.woocommerce-cart .wc-block-components-totals-coupon__button:not([aria-disabled="true"]):hover {
  background: var(--gold-bright);
  color: var(--maroon) !important;
}
body.woocommerce-cart .wc-block-components-totals-coupon__button[aria-disabled="true"] {
  border-color: rgba(244, 233, 216, 0.25);
  color: rgba(244, 233, 216, 0.35) !important;
}

body.woocommerce-cart .wc-block-components-totals-item__label,
body.woocommerce-cart .wc-block-components-totals-item__value {
  font-family: 'Jost', sans-serif;
  font-size: 13.5px;
  color: rgba(244, 233, 216, 0.8);
}

body.woocommerce-cart .wc-block-components-totals-footer-item {
  border-top: 1px solid rgba(244, 233, 216, 0.18);
  margin-top: 6px;
  padding-top: 16px;
}
body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}
body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-formatted-money-amount {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
}

/* "Proceed to Checkout" button */
body.woocommerce-cart .wc-block-cart__submit-button {
  width: 100%;
  padding: 16px;
  border: none;
  border-radius: 3px;
  background: linear-gradient(100deg, var(--gold-bright), #F3D89B, var(--gold-bright));
  color: var(--maroon) !important;
  font-family: 'Jost', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-align: center;
  transition: opacity 0.2s ease;
}
body.woocommerce-cart .wc-block-cart__submit-button:hover {
  opacity: 0.9;
}

/* ================= RESPONSIVE ================= */
@media (max-width: 820px) {
  body.woocommerce-cart .wp-block-woocommerce-cart {
    padding-left: 16px;
    padding-right: 16px;
  }
  body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-items__row {
    padding: 20px !important;
  }
  /* Named grid areas rather than auto-placement — this is what
     fixes the total price overlapping the description on phones.
     The theme's own mobile styles were very likely absolutely
     positioning the total as a corner badge, which our previous
     grid-column rule couldn't override since position:absolute
     takes an element out of grid flow entirely. */
  body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-items__row {
    grid-template-columns: 64px 1fr !important;
    grid-template-areas:
      "image   product"
      "total   total" !important;
    row-gap: 10px;
  }
  body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__image {
    grid-area: image !important;
  }
  body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__image a,
  body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__image img {
    width: 64px !important;
    height: 64px !important;
  }
  body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__product {
    grid-area: product !important;
  }
  body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__total {
    grid-area: total !important;
    position: static !important;
    top: auto !important;
    right: auto !important;
    text-align: right !important;
    margin: 6px 6px 0 0 !important;
    padding: 0 !important;
    width: auto !important;
  }
  body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__total-price-and-sale-badge-wrapper {
    margin: 0 !important;
    padding: 0 !important;
  }
  body.woocommerce-cart .wc-block-components-sidebar {
    position: static;
  }
}




/* ============================================================
   Shantilal Jewellers — Empty Cart "New in Store" grid
   Paste into: Elementor → Text Editor widget (cart widget) → 
   Advanced → Custom CSS
   Scoped to .wp-block-woocommerce-empty-cart-block so it only
   touches this empty-cart state, nothing else on the page.
   ============================================================ */

/* Keep the crying-face icon as-is; just restyle the text under it */
.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 400 !important;
  color: #1C1810 !important;
  letter-spacing: 0.3px !important;
}

/* Divider dots — mute them so they sit quietly instead of drawing focus */
.wp-block-woocommerce-empty-cart-block hr.wp-block-separator {
  opacity: 0.4 !important;
}

/* "New in store" heading — same treatment as "Related Products" */
.wp-block-woocommerce-empty-cart-block h2.wp-block-heading:not(.wc-block-cart__empty-cart__title) {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 28px !important;
  font-weight: 300 !important;
  color: #1C1810 !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 24px !important;
}

/* Grid gap — hairline dividers between cards, same trick as Related Products */
.wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 1px !important;
  background: rgba(28, 24, 16, 0.05) !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Kill WooCommerce core's max-width:25% + flex:1 0 25% on both the 
   card and image wrapper — this is what was pinching the cards */
.wp-block-woocommerce-empty-cart-block .wc-block-grid.has-4-columns .wc-block-grid__product,
.wp-block-woocommerce-empty-cart-block .wc-block-grid.has-4-columns .wc-block-grid__product-image {
  flex: none !important;
  max-width: none !important;
}

/* Card */
.wp-block-woocommerce-empty-cart-block li.wc-block-grid__product {
  background: #ffffff !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important;
  list-style: none !important;
}

.wp-block-woocommerce-empty-cart-block li.wc-block-grid__product:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 48px rgba(28, 24, 16, 0.1) !important;
  z-index: 2 !important;
}

/* Image + link wrapper */
.wp-block-woocommerce-empty-cart-block a.wc-block-grid__product-link {
  display: block !important;
  position: relative !important;
  text-decoration: none !important;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image {
  position: relative !important;
  overflow: hidden !important;
}

/* FIXED: was height:200px !important which lost the specificity/order
   tie-break against Elementor's global ".elementor img { height: auto
   !important }" rule on some renders. aspect-ratio works WITH
   height:auto instead of fighting it — the browser derives the height
   from the ratio once width is known, so it renders consistently. */
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 3 / 2 !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 0 !important;
}

/* Same subtle gradient overlay on hover as Related Products */
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(149deg, #fff, #efefef 40%, #b4b4b3) !important;
  opacity: 0.4 !important;
  mix-blend-mode: multiply !important;
  pointer-events: none !important;
  transition: opacity 0.3s ease !important;
  z-index: 1 !important;
}

.wp-block-woocommerce-empty-cart-block li.wc-block-grid__product:hover .wc-block-grid__product-image::after {
  opacity: 0.85 !important;
}

/* Title */
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  color: #1C1810 !important;
  line-height: 1 !important;
  margin: 12px 0 6px !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
}

/* Price row */
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price {
  display: block !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 18px !important;
  font-weight: 300 !important;
  color: #1C1810 !important;
  margin: 0 0 12px !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
}

/* Hide Arabic currency symbol, prepend AED — same as Related Products */
.wp-block-woocommerce-empty-cart-block .woocommerce-Price-currencySymbol {
  display: none !important;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price .woocommerce-Price-amount::before {
  content: 'AED ' !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  color: rgba(28, 24, 16, 0.5) !important;
  letter-spacing: 0.5px !important;
  margin-right: 2px !important;
}

/* Add to cart — ghost style button, overriding WP's default button block styles */
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart {
  margin: 0 14px 14px !important;
  width: calc(100% - 28px) !important;
}

.wp-block-woocommerce-empty-cart-block a.add_to_cart_button {
  display: block !important;
  width: 100% !important;
  padding: 9px 0 !important;
  background: transparent !important;
  border: 1px solid rgba(28, 24, 16, 0.12) !important;
  border-radius: 0 !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 9px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: rgba(28, 24, 16, 0.5) !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: border-color 0.2s, color 0.2s, background 0.2s !important;
  box-shadow: none !important;
}

.wp-block-woocommerce-empty-cart-block a.add_to_cart_button:hover {
  border-color: rgba(201, 168, 76, 0.5) !important;
  color: #1C1810 !important;
  background: rgba(201, 168, 76, 0.05) !important;
}

.wp-block-woocommerce-empty-cart-block a.add_to_cart_button.added {
  border-color: rgba(201, 168, 76, 0.4) !important;
  color: #C9A84C !important;
}

/* Mobile: drop to 2 columns */
@media (max-width: 767px) {
  .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}


/* ============================================================
   Price Reservation Notice (Sreenath's aurelia-lock markup)
   Handles both active (counting down) and expired states.
   ============================================================ */

/* Force the reservation card to span the full row width, whether
   it's a foster-parented sibling of the table or nested inside
   one of the row's grid cells */
.aurelia-lock-item-card {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.aurelia-lock-item-card {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 20px;
  background: var(--panel);
  border: 1px solid var(--hair);
  border-left: 3px solid var(--amber);
  border-radius: 3px;
  padding: 18px 22px;
  margin: -8px 0 18px; /* pulls it snug under the row above it */
  box-shadow: 0 1px 3px rgba(42, 13, 8, 0.04);
}

.aurelia-lock-item-content {
  flex: 1;
}

.aurelia-lock-item-content strong {
  display: block;
  font-family: 'Jost', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--amber);
  letter-spacing: 0.02em;
  margin-bottom: 4px;
}

.aurelia-lock-item-content p {
  font-family: 'Jost', sans-serif;
  font-size: 13px;
  color: var(--ink-soft);
  line-height: 1.6;
  margin: 0 0 12px;
}

.aurelia-lock-ack {
  display: inline-block;
  background: transparent;
  border: 1px solid var(--amber);
  border-radius: 3px;
  color: var(--amber) !important;
  font-family: 'Jost', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.03em;
  padding: 8px 16px;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}

.aurelia-lock-ack:hover {
  background: var(--amber);
  color: #fff !important;
}

/* Ringed circle badge — mirrors the mockup's countdown circle.
   Uses aspect-ratio instead of a fixed height so it can't get
   squeezed into an oval under flex pressure (this is what fixed
   the mobile distortion). */
.aurelia-lock-item-status {
  flex-shrink: 0;
  align-self: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 68px;
  height: auto;
  aspect-ratio: 1 / 1;
  border: 1px solid var(--amber);
  border-radius: 50%;
  text-align: center;
}

.aurelia-lock-item-status span {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 14px;
  font-weight: 600;
  color: var(--amber);
  line-height: 1.1;
}

.aurelia-lock-item-status small {
  font-family: 'Jost', sans-serif;
  font-size: 8px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-soft);
  margin-top: 2px;
}

/* Mobile: stack content and badge, badge shrinks slightly */
@media (max-width: 767px) {
  .aurelia-lock-item-card {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }
  .aurelia-lock-item-status {
    align-self: flex-end;
    flex-shrink: 0;
    width: 56px;
    height: auto;
    aspect-ratio: 1 / 1;
  }
}/* End custom CSS */