/* =========================================================
   MyPouf AJAX Cart Popup v5.7.45
   DEDICATED MOBILE CSS - MyMegaMarket EXTREME v1.7.6 palette
   This file exists ONLY for mobile and is loaded AFTER desktop CSS.
   ========================================================= */
@media screen and (max-width: 1024px) {
  html body #mpac-popup,
  html body #mypouf-cart-popup,
  html body .mypouf-cart-popup { --mpac-mobile-gold:#c9a64f; --mpac-mobile-dark:#171717; }

  html body #mpac-popup .mpac-dialog,
  html body #mypouf-cart-popup .mpac-dialog,
  html body .mypouf-cart-popup .mpac-dialog {
    background:#fff!important;color:#171717!important;border:1px solid #c9a64f!important;
  }

  html body #mpac-popup .mpac-topbar,
  html body #mypouf-cart-popup .mpac-topbar,
  html body .mypouf-cart-popup .mpac-topbar {
    background:linear-gradient(118deg,#0d0d0d 0%,#171717 46%,#202020 72%,#0d0d0d 100%)!important;
    color:#fff!important;border-bottom:2px solid #caa64d!important;
  }
  html body #mpac-popup .mpac-topbar h2,
  html body #mypouf-cart-popup .mpac-topbar h2,
  html body .mypouf-cart-popup .mpac-topbar h2 {color:#fff!important}
  html body #mpac-popup .mpac-kicker,
  html body #mypouf-cart-popup .mpac-kicker,
  html body .mypouf-cart-popup .mpac-kicker {color:#d9b85c!important}

  /* Header utilities exactly black/gold like MyMega */
  html body #mpac-popup .mpac-topbar .mpac-icon-btn,
  html body #mpac-popup .mpac-topbar .mpac-close,
  html body #mpac-popup #clean-cart,
  html body #mpac-popup .mpac-print,
  html body #mypouf-cart-popup .mpac-topbar .mpac-icon-btn,
  html body #mypouf-cart-popup .mpac-topbar .mpac-close,
  html body #mypouf-cart-popup #clean-cart,
  html body #mypouf-cart-popup .mpac-print,
  html body .mypouf-cart-popup .mpac-topbar .mpac-icon-btn,
  html body .mypouf-cart-popup .mpac-topbar .mpac-close,
  html body .mypouf-cart-popup #clean-cart,
  html body .mypouf-cart-popup .mpac-print {
    background:#151515!important;background-image:none!important;
    color:#fff!important;border:1px solid #c9a64f!important;box-shadow:none!important;
  }

  html body #mpac-popup .mpac-body,
  html body #mpac-popup .mpac-products,
  html body #mypouf-cart-popup .mpac-body,
  html body #mypouf-cart-popup .mpac-products,
  html body .mypouf-cart-popup .mpac-body,
  html body .mypouf-cart-popup .mpac-products {background:#fff!important}

  html body #mpac-popup .mpac-product,
  html body #mypouf-cart-popup .mpac-product,
  html body .mypouf-cart-popup .mpac-product {
    background:#fff!important;border:1px solid #dedede!important;box-shadow:none!important;
  }
  html body #mpac-popup .mpac-product-number,
  html body #mypouf-cart-popup .mpac-product-number,
  html body .mypouf-cart-popup .mpac-product-number {
    background:linear-gradient(145deg,#ecd071,#c79a38)!important;color:#111!important;border:1px solid #bd9134!important;
  }
  html body #mpac-popup .mpac-remove,
  html body #mypouf-cart-popup .mpac-remove,
  html body .mypouf-cart-popup .mpac-remove {
    background:#fafafa!important;background-image:none!important;color:#555!important;border:1px solid #d8d8d8!important;
  }

  html body #mpac-popup .mpac-unit-price,
  html body #mpac-popup .mpac-price,
  html body #mpac-popup .mpac-line-total,
  html body #mypouf-cart-popup .mpac-unit-price,
  html body #mypouf-cart-popup .mpac-price,
  html body #mypouf-cart-popup .mpac-line-total,
  html body .mypouf-cart-popup .mpac-unit-price,
  html body .mypouf-cart-popup .mpac-price,
  html body .mypouf-cart-popup .mpac-line-total {
    color:#a87513!important;font-weight:800!important;
  }

  html body #mpac-popup .mpac-summary,
  html body #mypouf-cart-popup .mpac-summary,
  html body .mypouf-cart-popup .mpac-summary {background:#f3f3f3!important}
  html body #mpac-popup .mpac-summary-card,
  html body #mypouf-cart-popup .mpac-summary-card,
  html body .mypouf-cart-popup .mpac-summary-card {
    background:#fff!important;border:1px solid #d6d6d6!important;
  }
  html body #mpac-popup .mpac-grand-total,
  html body #mypouf-cart-popup .mpac-grand-total,
  html body .mypouf-cart-popup .mpac-grand-total {
    background:linear-gradient(90deg,#f3df9c 0%,#e5bf58 52%,#c99831 100%)!important;
    color:#111!important;border:1px solid #c99b35!important;
  }

  html body #mpac-popup .mpac-btn-continue,
  html body #mpac-popup .mpac-empty-continue,
  html body #mypouf-cart-popup .mpac-btn-continue,
  html body #mypouf-cart-popup .mpac-empty-continue,
  html body .mypouf-cart-popup .mpac-btn-continue,
  html body .mypouf-cart-popup .mpac-empty-continue {
    background:#fff!important;background-image:none!important;color:#171717!important;border:1px solid #bdbdbd!important;
  }
  html body #mpac-popup .mpac-btn-cart,
  html body #mypouf-cart-popup .mpac-btn-cart,
  html body .mypouf-cart-popup .mpac-btn-cart {
    background:linear-gradient(180deg,#eee,#ddd)!important;color:#171717!important;border:1px solid #c5c5c5!important;
  }
  html body #mpac-popup .mpac-btn-checkout,
  html body #mypouf-cart-popup .mpac-btn-checkout,
  html body .mypouf-cart-popup .mpac-btn-checkout {
    background:linear-gradient(135deg,#e0bb55 0%,#bd8d2d 100%)!important;color:#111!important;border:1px solid #b8892f!important;
  }

  html body #mpac-popup .mpac-empty-icon,
  html body #mypouf-cart-popup .mpac-empty-icon,
  html body .mypouf-cart-popup .mpac-empty-icon {
    background:#171717!important;background-image:none!important;color:#d6b352!important;border:1px solid #c9a64f!important;
  }
  html body #mpac-popup .mpac-empty h3,
  html body #mypouf-cart-popup .mpac-empty h3,
  html body .mypouf-cart-popup .mpac-empty h3 {color:#171717!important}

  html body #mpac-popup .mpac-trust-icon,
  html body #mypouf-cart-popup .mpac-trust-icon,
  html body .mypouf-cart-popup .mpac-trust-icon {
    background:#171717!important;color:#d6b352!important;border:1px solid #c9a64f!important;
  }
}

/* Phones: repeated deliberately at phone breakpoint */
@media screen and (max-width: 767px) {
  html body #mpac-popup .mpac-topbar,
  html body #mypouf-cart-popup .mpac-topbar,
  html body .mypouf-cart-popup .mpac-topbar {
    background:#171717!important;background-image:linear-gradient(118deg,#0d0d0d,#202020,#0d0d0d)!important;
    border-color:#caa64d!important;
  }
  html body #mpac-popup .mpac-topbar .mpac-icon-btn,
  html body #mpac-popup .mpac-topbar .mpac-close,
  html body #mpac-popup #clean-cart,
  html body #mpac-popup .mpac-print,
  html body #mypouf-cart-popup .mpac-topbar .mpac-icon-btn,
  html body #mypouf-cart-popup .mpac-topbar .mpac-close,
  html body #mypouf-cart-popup #clean-cart,
  html body #mypouf-cart-popup .mpac-print,
  html body .mypouf-cart-popup .mpac-topbar .mpac-icon-btn,
  html body .mypouf-cart-popup .mpac-topbar .mpac-close,
  html body .mypouf-cart-popup #clean-cart,
  html body .mypouf-cart-popup .mpac-print {
    background:#151515!important;background-image:none!important;color:#fff!important;border-color:#c9a64f!important;
  }
}



/* FINAL v5.7.45: visible top tools + shipping estimate GOLD */
#mpac-popup .mpac-topbar .mpac-icon-btn,
#mpac-popup .mpac-topbar .mpac-close,
#mpac-popup #clean-cart,
#mpac-popup #mpac-print {
  background:linear-gradient(145deg,#f1d47d 0%,#d9af43 55%,#c18d26 100%)!important;
  background-color:#d9af43!important;
  color:#111!important;
  border:1px solid #b98520!important;
  box-shadow:none!important;
  opacity:1!important;
  visibility:visible!important;
}
#mpac-popup .mpac-topbar .mpac-icon-btn i,
#mpac-popup .mpac-topbar .mpac-close i,
#mpac-popup #clean-cart i,
#mpac-popup #mpac-print i {
  color:#111!important;
  opacity:1!important;
}
#mpac-popup .mpac-shipping-btn,
#mpac-popup .mpac-calc-shipping,
#mpac-popup [id*="shipping"] button,
#mpac-popup [class*="shipping"] button {
  background:linear-gradient(145deg,#f1d47d 0%,#d9af43 55%,#c18d26 100%)!important;
  background-color:#d9af43!important;
  color:#111!important;
  border:1px solid #b98520!important;
  box-shadow:none!important;
}
#mpac-popup .mpac-shipping-btn i,
#mpac-popup .mpac-calc-shipping i,
#mpac-popup [class*="shipping"] button i { color:#111!important; }

@media(max-width:1024px) {
 html body #mpac-popup .mpac-topbar .mpac-icon-btn,
 html body #mpac-popup .mpac-topbar .mpac-close,
 html body #mpac-popup #clean-cart,
 html body #mpac-popup #mpac-print,
 html body #mpac-popup .mpac-shipping-btn,
 html body #mpac-popup .mpac-calc-shipping,
 html body #mpac-popup [id*="shipping"] button,
 html body #mpac-popup [class*="shipping"] button {
   background:linear-gradient(145deg,#f1d47d 0%,#d9af43 55%,#c18d26 100%)!important;
   background-color:#d9af43!important;
   color:#111!important;
   border-color:#b98520!important;
   opacity:1!important;
   visibility:visible!important;
 }
}




#mpac-popup .mpac-shipping,
#mpac-popup .mpac-shipping-toggle,
#mpac-popup .mpac-shipping-estimate,
#mpac-popup .mpac-shipping-estimate-btn,
#mpac-popup .mpac-shipping-btn,
#mpac-popup .mpac-calc-shipping,
#mpac-popup #mpac-shipping,
#mpac-popup #shipping-estimate,
#mpac-popup button[data-mpac-shipping],
#mpac-popup button[data-shipping],
#mpac-popup .mpac-summary button {
  background:linear-gradient(145deg,#f1d47d 0%,#d9af43 55%,#c18d26 100%)!important;
  background-color:#d9af43!important;
  color:#111!important;
  border:1px solid #b98520!important;
  box-shadow:none!important;
}
#mpac-popup .mpac-summary button i,
#mpac-popup .mpac-summary button span,
#mpac-popup .mpac-shipping i,
#mpac-popup .mpac-shipping-toggle i,
#mpac-popup .mpac-shipping-estimate i {
  color:#111!important;
}
@media(max-width:1024px) {
  html body #mpac-popup .mpac-summary button,
  html body #mpac-popup .mpac-shipping,
  html body #mpac-popup .mpac-shipping-toggle,
  html body #mpac-popup .mpac-shipping-estimate,
  html body #mpac-popup .mpac-shipping-estimate-btn,
  html body #mpac-popup .mpac-shipping-btn,
  html body #mpac-popup .mpac-calc-shipping,
  html body #mpac-popup #mpac-shipping,
  html body #mpac-popup #shipping-estimate,
  html body #mpac-popup button[data-mpac-shipping],
  html body #mpac-popup button[data-shipping] {
    background:linear-gradient(145deg,#f1d47d 0%,#d9af43 55%,#c18d26 100%)!important;
    background-color:#d9af43!important;
    color:#111!important;
    border:1px solid #b98520!important;
    box-shadow:none!important;
  }
}




html body #mpac-popup.mpac-overlay button#mpac-shipping-toggle.mpac-shipping-btn,
html body.mobile #mpac-popup.mpac-overlay button#mpac-shipping-toggle.mpac-shipping-btn,
html body.phone #mpac-popup.mpac-overlay button#mpac-shipping-toggle.mpac-shipping-btn {
 background:linear-gradient(145deg,#f1d47d 0%,#d9af43 55%,#c18d26 100%)!important;
 background-image:linear-gradient(145deg,#f1d47d 0%,#d9af43 55%,#c18d26 100%)!important;
 background-color:#d9af43!important;
 color:#111!important;
 border:1px solid #b98520!important;
 box-shadow:none!important;
}
html body #mpac-popup.mpac-overlay button#mpac-shipping-toggle.mpac-shipping-btn *,
html body.mobile #mpac-popup.mpac-overlay button#mpac-shipping-toggle.mpac-shipping-btn *,
html body.phone #mpac-popup.mpac-overlay button#mpac-shipping-toggle.mpac-shipping-btn * {
 color:#111!important;
}


/* =========================================================
   v5.7.45 MOBILE FINAL FIX — PRINT + CLEAR CART BUTTONS
   Exact IDs, loaded last, to beat Journal/mobile cached rules.
   Gold button / black icon, matching the MyMegaMarket palette.
   ========================================================= */
@media screen and (max-width: 767px) {
  html body #mpac-popup #mpac-print,
  html body #mpac-popup #clean-cart {
    background: linear-gradient(145deg,#f4dc83 0%,#d9af43 55%,#c18d26 100%) !important;
    background-color: #d9af43 !important;
    color: #111111 !important;
    border: 1px solid #b98520 !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body #mpac-popup #mpac-print i,
  html body #mpac-popup #clean-cart i,
  html body #mpac-popup #mpac-print .fa,
  html body #mpac-popup #clean-cart .fa {
    display: inline-block !important;
    color: #111111 !important;
    opacity: 1 !important;
    visibility: visible !important;
    font-size: 14px !important;
    line-height: 1 !important;
    text-shadow: none !important;
  }

  html body #mpac-popup #mpac-print:hover,
  html body #mpac-popup #clean-cart:hover,
  html body #mpac-popup #mpac-print:focus,
  html body #mpac-popup #clean-cart:focus {
    background: linear-gradient(145deg,#f8e69c 0%,#e2bc58 55%,#c9972f 100%) !important;
    color: #111111 !important;
    border-color: #a97718 !important;
  }
}