.elementor-5149 .elementor-element.elementor-element-0659b07{--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;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#E2E2E2;--border-color:#E2E2E2;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-5149 .elementor-element.elementor-element-0659b07:not(.elementor-motion-effects-element-type-background), .elementor-5149 .elementor-element.elementor-element-0659b07 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5149 .elementor-element.elementor-element-549b0b4{--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;--justify-content:center;}.elementor-5149 .elementor-element.elementor-element-ee8e7b7{--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;--justify-content:center;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5149 .elementor-element.elementor-element-3afc3b0 img{width:263px;}.elementor-5149 .elementor-element.elementor-element-0197c1a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;}.elementor-5149 .elementor-element.elementor-element-35916c6{padding:0px 0px 0px 0px;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:#02010100;--toggle-button-icon-hover-color:#02010100;--toggle-button-border-width:0px;--toggle-icon-size:22px;--toggle-icon-padding:0px 0px 0px 0px;--items-indicator-background-color:#000000;--cart-border-style:none;--cart-close-icon-size:13px;--cart-close-button-color:#111111;--remove-item-button-color:#111111;--menu-cart-subtotal-color:#111111;--product-variations-color:#000000;--product-price-color:#979797;--divider-color:#E2E2E2;--subtotal-divider-color:#E2E2E2;--cart-footer-layout:1fr;--products-max-height-sidecart:calc(100vh - 300px);--products-max-height-minicart:calc(100vh - 450px);--checkout-button-background-color:#000000;}.elementor-5149 .elementor-element.elementor-element-35916c6 .elementor-menu-cart__subtotal{font-family:"Siraaya", sans-serif;font-weight:600;}.elementor-5149 .elementor-element.elementor-element-35916c6 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;--subtotal-divider-color:#E2E2E2;}.elementor-5149 .elementor-element.elementor-element-35916c6 .elementor-menu-cart__product-name a{font-family:"Siraaya", sans-serif;font-size:16px;color:#111111;}.elementor-5149 .elementor-element.elementor-element-35916c6 .elementor-menu-cart__product .variation{font-family:"Siraaya", sans-serif;}.elementor-5149 .elementor-element.elementor-element-35916c6 .elementor-menu-cart__product-price{font-family:"Inter Tight", sans-serif;}.elementor-5149 .elementor-element.elementor-element-35916c6 .elementor-menu-cart__product-price .product-quantity{color:#979797;font-family:"Siraaya", sans-serif;font-size:14px;}.elementor-5149 .elementor-element.elementor-element-35916c6 .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:"Siraaya", sans-serif;}.elementor-5149 .elementor-element.elementor-element-945d91f{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5149 .elementor-element.elementor-element-945d91f:not(.elementor-motion-effects-element-type-background), .elementor-5149 .elementor-element.elementor-element-945d91f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-5149 .elementor-element.elementor-element-c2872e3{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:16px 16px 16px 16px;box-shadow:0px 0px 10px 0px rgba(222.7, 222.7, 222.7, 0.5);--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5149 .elementor-element.elementor-element-c2872e3:not(.elementor-motion-effects-element-type-background), .elementor-5149 .elementor-element.elementor-element-c2872e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5149 .elementor-element.elementor-element-f58cab4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -2px;text-align:start;}.elementor-5149 .elementor-element.elementor-element-f58cab4 .elementor-heading-title{font-family:"Siraaya", sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#111111;}.elementor-5149 .elementor-element.elementor-element-ed3f191{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-5149 .elementor-element.elementor-element-ed3f191 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-5149 .elementor-element.elementor-element-ed3f191 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-5149 .elementor-element.elementor-element-ed3f191 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-5149 .elementor-element.elementor-element-ed3f191 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-5149 .elementor-element.elementor-element-ed3f191 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-5149 .elementor-element.elementor-element-ed3f191 .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#F1F1F1;}.elementor-5149 .elementor-element.elementor-element-ed3f191 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-5149 .elementor-element.elementor-element-ed3f191 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-5149 .elementor-element.elementor-element-ed3f191 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-5149 .elementor-element.elementor-element-ed3f191 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-5149 .elementor-element.elementor-element-ed3f191 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-5149 .elementor-element.elementor-element-ed3f191 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-5149 .elementor-element.elementor-element-ed3f191 .elementor-icon-list-item > a{font-family:"Siraaya", sans-serif;font-size:25px;font-weight:500;}.elementor-5149 .elementor-element.elementor-element-ed3f191 .elementor-icon-list-text{color:#0E0E0E;transition:color 0.3s;}.elementor-5149 .elementor-element.elementor-element-ccb1d56 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-5149 .elementor-element.elementor-element-ccb1d56 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-5149 .elementor-element.elementor-element-ccb1d56{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-5149 .elementor-element.elementor-element-ccb1d56 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-5149 .elementor-element.elementor-element-ccb1d56 .elementor-icon-list-item > a{font-family:"Siraaya", sans-serif;font-size:16px;font-weight:500;}.elementor-5149 .elementor-element.elementor-element-ccb1d56 .elementor-icon-list-text{color:#0E0E0E;transition:color 0.3s;}.elementor-5149 .elementor-element.elementor-element-8188f7d{--grid-template-columns:repeat(0, auto);text-align:left;--icon-size:20px;--grid-column-gap:20px;--grid-row-gap:0px;}.elementor-5149 .elementor-element.elementor-element-8188f7d .elementor-social-icon{background-color:#FFFFFF00;--icon-padding:0em;}.elementor-5149 .elementor-element.elementor-element-8188f7d .elementor-social-icon i{color:#000000;}.elementor-5149 .elementor-element.elementor-element-8188f7d .elementor-social-icon svg{fill:#000000;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-5149 .elementor-element.elementor-element-0659b07{--content-width:1260px;}.elementor-5149 .elementor-element.elementor-element-549b0b4{--width:25%;}.elementor-5149 .elementor-element.elementor-element-ee8e7b7{--width:50%;}.elementor-5149 .elementor-element.elementor-element-0197c1a{--width:25%;}.elementor-5149 .elementor-element.elementor-element-945d91f{--content-width:1260px;}.elementor-5149 .elementor-element.elementor-element-c2872e3{--width:300px;}}@media(max-width:991px){.elementor-5149 .elementor-element.elementor-element-3afc3b0 img{width:200px;}}@media(max-width:880px){.elementor-5149 .elementor-element.elementor-element-f58cab4 .elementor-heading-title{font-size:14px;}}@media(max-width:767px){.elementor-5149 .elementor-element.elementor-element-0659b07{--flex-wrap:nowrap;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-5149 .elementor-element.elementor-element-549b0b4{--width:30%;}.elementor-5149 .elementor-element.elementor-element-ee8e7b7{--width:40%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5149 .elementor-element.elementor-element-3afc3b0 img{width:170px;}.elementor-5149 .elementor-element.elementor-element-0197c1a{--width:30%;--gap:14px 14px;--row-gap:14px;--column-gap:14px;}.elementor-5149 .elementor-element.elementor-element-35916c6{--toggle-icon-size:20px;}.elementor-5149 .elementor-element.elementor-element-945d91f{--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-5149 .elementor-element.elementor-element-c2872e3{--border-radius:30px 30px 30px 30px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5149 .elementor-element.elementor-element-ed3f191{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-5149 .elementor-element.elementor-element-ccb1d56 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-5149 .elementor-element.elementor-element-ccb1d56 .elementor-icon-list-item > a{font-size:16px;}}/* Start custom CSS for html, class: .elementor-element-7c63694 */.menu-toggle-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    line-height: 0;
    
}

/* Base line */
.menu-toggle-btn .line {
    position: absolute;
    width: 22px;
    height: 2px;
    background: #111;
    left: 50%;
    top: 50%;
    transition: transform 0.35s ease, opacity 0.25s ease;
    
}

/* Default state */
.menu-toggle-btn .line-top {
    transform: translate(-50%, -5px);
    
}

.menu-toggle-btn .line-bottom {
    transform: translate(-50%, 5px);
}

/* ACTIVE STATE (X shape) */
.menu-toggle-btn.active .line-top {
    transform: translate(-50%, -50%) rotate(45deg);
}

.menu-toggle-btn.active .line-bottom {
    transform: translate(-50%, -50%) rotate(-45deg);
}/* End custom CSS */
/* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-35916c6 */a.elementor-button.elementor-button--view-cart.elementor-size-md {
    display: none;
}.widget_shopping_cart_content {
    margin-top: -50px;
}
.elementor-menu-cart__close-button {
    margin-top: -15px;
}
/* ==========================================================================
   MEHRAAZ — Menu Cart (header mini-cart dropdown)
   Matches the checkout's visual system: ink black / paper white / mist
   gray, Fraunces for a touch of emphasis, Inter for everything else,
   soft-rounded corners throughout. Self-contained — doesn't depend on
   mehraz-checkout.css being loaded on the same page, since this widget
   appears site-wide in the header, not just on checkout.

   Note: your markup doesn't include a wishlist tab or a promo/gift-card
   section (that's a different theme's cart, from the reference
   screenshot) — nothing to remove here since neither exists.

   HOW TO USE
   1. Paste this into the same place as mehraz-checkout.css (Elementor →
      Site Settings → Custom CSS, or Appearance → Customize → Additional
      CSS).
   2. Also add mehraz-menu-cart.js via Elementor Custom Code (wrapped in
      <script> tags, same as mehraz-checkout.js) — it powers the "You
      might also like" section. The cart itself still works perfectly
      without it; that section just won't appear.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap');
/* Inter is referenced directly below rather than imported — the
   @import approach was unreliable on this site. If it's not available
   on a visitor's device, it falls back to the default sans-serif. */

.elementor-menu-cart__main,
.elementor-menu-cart__main * {
  box-sizing: border-box;
}

/* Hard reset for <bdi> — WooCommerce wraps every price in a <bdi> tag,
   so any rule targeting bdi elsewhere on the site (product page, etc.)
   still matches these same tags here too, since it's one shared element
   type, not something scoped to where it was written. This guarantees
   the cart's own price styling always wins regardless of what else on
   the page touches bdi. */
.elementor-menu-cart__main bdi {
  all: unset !important;
  font: inherit !important;
  color: inherit !important;
  display: inline !important;
}

.elementor-menu-cart__main {
  --mc-ink: #0a0a0a;
  --mc-paper: #ffffff;
  --mc-mist: #f6f6f5;
  --mc-line: #e6e6e4;
  --mc-border: #d9d9d7;
  --mc-muted: #7a7a78;
  --mc-radius-sm: 10px;
  --mc-radius-md: 14px;
  --mc-font-display: "Siraaya", sans-serif;
  --mc-font-sans: "Inter", sans-serif;
  --mc-font-numbers: "Inter", sans-serif;
  --mc-ease: cubic-bezier(.4, 0, .2, 1);

  font-family: var(--mc-font-sans) !important;
  color: var(--mc-ink) !important;
  background: var(--mc-paper) !important;
  box-shadow: -8px 0 32px rgba(0, 0, 0, 0.10) !important;

  /* Fixed drawer width, as requested. */
  width: 390px !important;
  max-width: 390px !important;

  /* Layout: fills the drawer's full height so the footer can pin to
     the bottom instead of just sitting wherever the content ends. */
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  max-height: 100vh !important;
  padding: 28px 0 0 !important;
  overflow: hidden !important;
}

/* ---------- Close button ---------- */
/* Elementor's native icon for this button rendered as a malformed dark
   shape (likely an SVG/icon-font glyph being force-stretched) — instead
   of fighting its exact markup, hide whatever it renders and draw a
   plain × ourselves. Predictable regardless of icon technology. */
.elementor-menu-cart__close-button {
  width: 34px;
  height: 34px;
  border: 1px solid var(--mc-border) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 160ms var(--mc-ease), border-color 160ms var(--mc-ease);
  flex-shrink: 0;
  margin: 0 28px 20px;
  position: relative;
  background: var(--mc-paper) !important;
  font-size: 0 !important;
  color: transparent !important;
}

.elementor-menu-cart__close-button * {
  display: none !important;
}

.elementor-menu-cart__close-button::before,
.elementor-menu-cart__close-button::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 12px !important;
  height: 1.5px !important;
  background: var(--mc-ink) !important;
  border-radius: 1px;
}

.elementor-menu-cart__close-button::before {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

.elementor-menu-cart__close-button::after {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}

.elementor-menu-cart__close-button:hover {
  background: var(--mc-ink) !important;
  border-color: var(--mc-ink) !important;
}

.elementor-menu-cart__close-button:hover::before,
.elementor-menu-cart__close-button:hover::after {
  background: var(--mc-paper) !important;
}

/* ---------- Scroll area ---------- */
/* Everything except the close button scrolls together as one unit;
   the footer buttons (last child) stick to the bottom of this via
   position: sticky rather than needing a separate wrapper. */
.widget_shopping_cart_content {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 28px 28px !important;
}

/* ---------- Product rows — bigger image, more breathing room ---------- */
.elementor-menu-cart__products {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  border: none !important;
  box-shadow: none !important;
}

.elementor-menu-cart__products .elementor-menu-cart__product:last-child {
  border-bottom: none !important;
}

.elementor-menu-cart__product {
  display: grid !important;
  grid-template-columns: 84px 1fr !important;
  align-items: start !important;
  gap: 14px !important;
  padding: 20px 0 !important;
  border-bottom: 1px solid var(--mc-line) !important;
  position: relative;
}

.elementor-menu-cart__products .elementor-menu-cart__product:first-child {
  padding-top: 4px;
}

.elementor-menu-cart__product-image {
  align-self: start;
  width: 84px;
  height: 84px;
  border-radius: var(--mc-radius-md) !important;
  overflow: hidden;
  background: var(--mc-mist) !important;
  border: 1px solid var(--mc-line) !important;
  display: block;
}

.elementor-menu-cart__product-image a {
  display: block;
  width: 100%;
  height: 100%;
  border: none !important;
  outline: none !important;
}

.elementor-menu-cart__product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border: none !important;
  outline: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.elementor-menu-cart__product-name {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
}

.elementor-menu-cart__product-name a {
  color: var(--mc-ink) !important;
  text-decoration: none !important;
  border: none !important;
  outline: none !important;
}

.elementor-menu-cart__product-name a:hover {
  text-decoration: underline !important;
}

.elementor-menu-cart__product-price,
.elementor-menu-cart__product-price * {
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

.elementor-menu-cart__product-price {
  grid-column: 2 !important;
  grid-row: 2 !important;
  font-size: 13px;
  color: var(--mc-muted) !important;
  margin-top: 6px;
  display: flex !important;
  align-items: center;
  gap: 6px;
}

.elementor-menu-cart__product-price .product-quantity {
  color: var(--mc-muted) !important;
  font-family: var(--mc-font-numbers) !important;
}

.elementor-menu-cart__product-price .woocommerce-Price-amount {
  color: var(--mc-muted) !important;
  font-family: var(--mc-font-numbers) !important;
}

/* ---------- Enhanced row (built by mehraz-menu-cart.js) ----------
   Name, size, and price stacked vertically, then a controls row with
   the quantity stepper and remove button. If the JS never runs, none
   of this markup exists and the plain fallback rules above still
   apply. */
.mz-row-single {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 4px !important;
}

.mz-product-name-main {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: var(--mc-ink) !important;
  text-decoration: none !important;
  border: none !important;
  width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.mz-product-name-main:hover {
  text-decoration: underline !important;
}

.mz-product-size {
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em;
  color: var(--mc-muted) !important;
  white-space: nowrap !important;
}

.mz-product-price {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--mc-ink) !important;
  white-space: nowrap !important;
  margin-top: 2px !important;
  font-family: var(--mc-font-numbers) !important;
}

.mz-product-price .woocommerce-Price-amount {
  color: var(--mc-ink) !important;
  font-family: var(--mc-font-numbers) !important;
}

.mz-row-controls {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  margin-top: 8px !important;
}

.mz-qty-stepper {
  display: inline-flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  border: 1px solid var(--mc-border) !important;
  border-radius: var(--mc-radius-sm) !important;
  overflow: hidden;
  transition: opacity 160ms var(--mc-ease);
}

.mz-qty-stepper.is-loading {
  opacity: 0.45;
  pointer-events: none;
}

.mz-qty-stepper.mz-qty-error {
  border-color: #b3261e !important;
}

.mz-qty-btn {
  width: 26px !important;
  height: 26px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--mc-paper) !important;
  border: none !important;
  cursor: pointer;
  font-size: 13px !important;
  color: var(--mc-ink) !important;
  font-family: var(--mc-font-sans) !important;
  padding: 0 !important;
  margin: 0 !important;
  transition: background 160ms var(--mc-ease);
}

.mz-qty-btn:hover:not(:disabled) {
  background: var(--mc-mist) !important;
}

.mz-qty-btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.mz-qty-value {
  min-width: 22px !important;
  text-align: center !important;
  font-size: 12px !important;
  color: var(--mc-ink) !important;
  font-family: var(--mc-font-numbers) !important;
}

.mz-remove-link {
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em;
  color: var(--mc-muted) !important;
  text-decoration: underline !important;
  cursor: pointer;
  border: none !important;
  background: none !important;
  padding: 0 !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  font-family: var(--mc-font-sans) !important;
}

.mz-remove-link:hover {
  color: var(--mc-ink) !important;
}


/* Defensive: if quantity is ever rendered as an editable number input
   (some Elementor configurations do this) rather than plain "1 ×" text,
   strip the browser's default bordered/spinner look so it blends in
   with the surrounding price text instead of looking like a stray
   text field. */
.elementor-menu-cart__product-price input,
.elementor-menu-cart__product input[type="number"],
.elementor-menu-cart__product input[type="text"] {
  border: none !important;
  outline: none !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: var(--mc-font-sans) !important;
  color: var(--mc-muted) !important;
  font-size: 13px !important;
  width: 32px !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left !important;
  -moz-appearance: textfield;
}

.elementor-menu-cart__product-price input::-webkit-outer-spin-button,
.elementor-menu-cart__product-price input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* ---------- Remove button ---------- */
/* Elementor renders two remove links for compatibility — only style and
   show the elementor-specific one, hide the plain WooCommerce fallback
   so there's never a doubled-up remove icon. */
.elementor-menu-cart__product-remove {
  grid-column: 3 !important;
  grid-row: 1 / span 2 !important;
  align-self: start;
  margin-top: 2px;
}

.elementor-menu-cart__product-remove .remove_from_cart_button {
  display: none !important;
}

.elementor-menu-cart__product-remove .elementor_remove_from_cart_button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 1px solid var(--mc-border) !important;
  border-radius: 50% !important;
  background: var(--mc-paper) !important;
  position: relative;
  transition: background 160ms var(--mc-ease), border-color 160ms var(--mc-ease);
  font-size: 0 !important;
  color: transparent !important;
}

.elementor-menu-cart__product-remove .elementor_remove_from_cart_button * {
  display: none !important;
}

.elementor-menu-cart__product-remove .elementor_remove_from_cart_button::before,
.elementor-menu-cart__product-remove .elementor_remove_from_cart_button::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 10px !important;
  height: 1.5px !important;
  background: var(--mc-muted) !important;
  border-radius: 1px;
}

.elementor-menu-cart__product-remove .elementor_remove_from_cart_button::before {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

.elementor-menu-cart__product-remove .elementor_remove_from_cart_button::after {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}

.elementor-menu-cart__product-remove .elementor_remove_from_cart_button:hover {
  background: var(--mc-ink) !important;
  border-color: var(--mc-ink) !important;
}

.elementor-menu-cart__product-remove .elementor_remove_from_cart_button:hover::before,
.elementor-menu-cart__product-remove .elementor_remove_from_cart_button:hover::after {
  background: var(--mc-paper) !important;
}

/* ---------- "You might also like" suggestions ---------- */
/* Populated by mehraz-menu-cart.js from your live product catalog.
   If that JS isn't loaded, this section simply never appears — the
   cart above still works fully without it. */
.mz-cart-suggestions {
  margin-top: 4px;
  padding: 24px 0;
  border-bottom: 1px solid var(--mc-line);
  flex-shrink: 0;
}

.mz-cart-suggestions__title {
  font-family: var(--mc-font-display);
  font-weight: 500;
  font-size: 17px;
  margin: 0 0 16px;
  color: var(--mc-ink);
}

.mz-cart-suggestions__list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.mz-cart-suggestions__item {
  display: grid;
  grid-template-columns: 64px 1fr;
  align-items: center;
  gap: 14px;
  text-decoration: none !important;
  color: var(--mc-ink) !important;
  padding: 8px;
  margin: 0 -8px;
  border-radius: var(--mc-radius-sm);
  transition: background 160ms var(--mc-ease);
}

.mz-cart-suggestions__item:hover {
  background: var(--mc-mist);
}

.mz-cart-suggestions__image {
  width: 64px;
  height: 64px;
  border-radius: 8px;
  overflow: hidden;
  background: var(--mc-mist);
  border: 1px solid var(--mc-line);
  flex-shrink: 0;
}

.mz-cart-suggestions__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.mz-cart-suggestions__name {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
}

.mz-cart-suggestions__price {
  display: block;
  font-size: 13px;
  color: var(--mc-muted);
  margin-top: 3px;
  font-family: var(--mc-font-numbers) !important;
}

/* ---------- Subtotal ---------- */
.elementor-menu-cart__subtotal {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 24px 0;
  margin-top: 4px;
  flex-shrink: 0;
}

.elementor-menu-cart__subtotal strong {
  font-family: var(--mc-font-display) !important;
  font-weight: 500 !important;
  font-size: 19px;
  color: var(--mc-ink) !important;
}

.elementor-menu-cart__subtotal .woocommerce-Price-amount {
  font-family: var(--mc-font-numbers) !important;
  font-size: 17px;
  font-weight: 600;
  color: var(--mc-ink) !important;
}

/* ---------- Footer buttons — pinned to the bottom of the drawer ---------- */
/* Sticks to the bottom of the scrolling .widget_shopping_cart_content
   as you scroll the products/suggestions above it. margin-top: auto
   also pushes it down to the bottom when the cart is short enough that
   nothing needs to scroll at all. */
.elementor-menu-cart__footer-buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-shrink: 0;
  margin-top: auto;
  padding-top: 20px;
  position: sticky;
  bottom: 0;
  background: var(--mc-paper);
  z-index: 2;
}

.elementor-menu-cart__footer-buttons .elementor-button {
  font-family: var(--mc-font-sans) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  text-decoration: none !important;
  border-radius: var(--mc-radius-sm) !important;
  padding: 16px 20px !important;
  text-align: center;
  transition: background 160ms var(--mc-ease), color 160ms var(--mc-ease),
              border-color 160ms var(--mc-ease), transform 160ms var(--mc-ease);
  width: 100%;
}

.elementor-menu-cart__footer-buttons .elementor-button-text {
  text-decoration: none !important;
}

.elementor-menu-cart__footer-buttons .elementor-button--checkout {
  background: var(--mc-ink) !important;
  color: var(--mc-paper) !important;
  border: 1px solid var(--mc-ink) !important;
}

.elementor-menu-cart__footer-buttons .elementor-button--checkout:hover {
  background: #1a1a1a !important;
  transform: translateY(-1px);
}

.elementor-menu-cart__footer-buttons .elementor-button--view-cart {
  background: var(--mc-paper) !important;
  color: var(--mc-ink) !important;
  border: 1px solid var(--mc-border) !important;
  order: 1;
}

.elementor-menu-cart__footer-buttons .elementor-button--view-cart:hover {
  background: var(--mc-mist) !important;
  border-color: var(--mc-ink) !important;
}

.elementor-menu-cart__footer-buttons .elementor-button--checkout {
  order: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-945d91f *//* MENU CONTAINER */
.mdw-mobile-menu{
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    transform: translateY(20px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.mdw-mobile-menu.open{
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.mdw-mobile-menu.closing{
    opacity: 0;
    transform: translateY(10px);
}

/* ICON LIST TEXT ANIMATION */
.elementor-icon-list-text span{
    display: inline-block;
    opacity: 0;
    transform: translateY(20px);
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* OPEN MENU */
.mdw-mobile-menu.open .elementor-icon-list-text span{
    opacity: 1;
    transform: translateY(0);
}

/* CLOSE MENU */
.mdw-mobile-menu.closing .elementor-icon-list-text span{
    opacity: 0;
    transform: translateY(20px);
}/* End custom CSS */