@media (max-width:767px){

  /*
   * V26 Stable
   * Mobile-safe styling for Madar Gold Price plugin outputs.
   * Does not affect desktop.
   */

  .mgp-gold-price-bar,
  .mgp-price-bar,
  .mgp-topbar,
  .madar-gold-price-bar,
  .madar-gold-price,
  .madar-price-bar,
  .gold-price-bar,
  .gold-price-topbar,
  .mgpmf1-detected-price,
  .mmld26-detected-gold-price{
    width:100%!important;
    max-width:100%!important;
    min-height:34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    flex-wrap:nowrap!important;
    direction:rtl!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    background:#050505!important;
    color:#f4e3bd!important;
    border-bottom:1px solid rgba(216,170,95,.20)!important;
    padding:0 10px!important;
    box-sizing:border-box!important;
    font-size:11.5px!important;
    line-height:1!important;
    text-align:center!important;
  }

  .mgp-gold-price-bar *,
  .mgp-price-bar *,
  .mgp-topbar *,
  .madar-gold-price-bar *,
  .madar-gold-price *,
  .madar-price-bar *,
  .gold-price-bar *,
  .gold-price-topbar *,
  .mgpmf1-detected-price *,
  .mmld26-detected-gold-price *{
    white-space:nowrap!important;
    line-height:1.3!important;
    max-width:100%!important;
  }

  .mgp-gold-price-bar strong,
  .mgp-price-bar strong,
  .mgp-topbar strong,
  .madar-gold-price-bar strong,
  .madar-gold-price strong,
  .madar-price-bar strong,
  .gold-price-bar strong,
  .gold-price-topbar strong,
  .mgpmf1-detected-price strong,
  .mmld26-detected-gold-price strong,
  .mmld26-detected-gold-price b,
  .mgp-gold-price-bar .amount,
  .mgp-price-bar .amount,
  .mgp-topbar .amount,
  .madar-gold-price-bar .amount,
  .madar-gold-price .amount,
  .madar-price-bar .amount,
  .gold-price-bar .amount,
  .gold-price-topbar .amount,
  .mgpmf1-detected-price .amount,
  .mmld26-detected-gold-price .amount{
    color:#fff0c7!important;
    font-weight:900!important;
    font-size:12px!important;
  }

  .mgp-gold-price-bar span,
  .mgp-price-bar span,
  .mgp-topbar span,
  .madar-gold-price-bar span,
  .madar-gold-price span,
  .madar-price-bar span,
  .gold-price-bar span,
  .gold-price-topbar span,
  .mgpmf1-detected-price span,
  .mmld26-detected-gold-price span{
    color:#d8aa5f!important;
  }

  /* Mobile gold price cards / admin-like output */
  .mgp-price-box,
  .mgp-card,
  .madar-gold-price-box,
  .madar-price-card,
  .mmld26-gold-card{
    width:calc(100% - 24px)!important;
    margin:10px auto!important;
    border-radius:18px!important;
    background:linear-gradient(135deg,#12110f,#050505)!important;
    border:1px solid rgba(216,170,95,.28)!important;
    color:#f4e3bd!important;
    padding:14px!important;
    box-shadow:0 12px 30px rgba(0,0,0,.22)!important;
    box-sizing:border-box!important;
  }

  .mgp-price-box table,
  .mgp-card table,
  .madar-gold-price-box table,
  .madar-price-card table,
  .mmld26-gold-card table{
    width:100%!important;
    display:block!important;
    overflow-x:auto!important;
    border:0!important;
  }

  .mgp-price-box td,
  .mgp-price-box th,
  .mgp-card td,
  .mgp-card th,
  .madar-gold-price-box td,
  .madar-gold-price-box th,
  .madar-price-card td,
  .madar-price-card th,
  .mmld26-gold-card td,
  .mmld26-gold-card th{
    white-space:nowrap!important;
    font-size:12px!important;
    padding:8px!important;
    border-color:rgba(216,170,95,.16)!important;
  }

  /* Prevent detected price text from affecting bottom nav */
  .mmld17-bottom-nav .mmld26-detected-gold-price,
  .mmld17-bottom-nav .mgpmf1-detected-price{
    display:initial!important;
    background:transparent!important;
    border:0!important;
    min-height:auto!important;
  }

  /* If header has a price bar and logo, make it compact */
  header .mmld26-detected-gold-price,
  .site-header .mmld26-detected-gold-price{
    position:relative!important;
    z-index:50!important;
  }
}