/* ============================================================
   MOBILE HARD FIX (≤768px) — centrirani lijevi meni
   - Lijevi stupac = flex container, full width
   - Bijeli panel = centrirana kartica, max 640px, 100% do rubova
   - Bez VW/transform (nema duplog viewporta na Androidu)
   - Uklonjeni svi dekor/borderi (i crvena linija)
   ============================================================ */
@media (max-width: 767.98px){

  /* Lijevi stupac: pokaži, full width, centriraj djecu */
  body .rhspt-cols-left{
    display:flex !important;
    justify-content:center !important;   /* CENTAR djece */
    align-items:flex-start !important;
    flex:0 0 100% !important;
    width:100% !important;
    max-width:100% !important;
    float:none !important;
    clear:both !important;
    padding:0 !important;
    margin:0 !important;
  }

  /* Ukloni okomitu crtu koju modul crta na :after */
  body .rhspt-cols-left:after{ display:none !important; }

  /* Desni stupac (proizvodi) — punom širinom ispod */
  body .rhspt-cols-right{
    flex:0 0 100% !important;
    width:100% !important;
    max-width:100% !important;
    float:none !important;
    clear:both !important;
  }

  /* Modul dodaje padding-left:30px na listu — makni ga */
  body .rhspt-cols-left ul.rhspt-categoryitems{
    padding:10px 0 0 0 !important;
  }

  /* BIJELI PANEL (lista kategorija) — centrirana kartica */
  body .rhspt-cols-left ul.rhspt-categoryitems{
    list-style:none !important;
    box-sizing:border-box !important;

    /* širina ovisi o roditelju (sigurno), ne o viewportu */
    width: calc(100% - 32px) !important;   /* 16px “air” sa svake strane */
    max-width:640px !important;            /* plafon na širokim mobitelima */
    margin:12px 16px !important;           /* vizualni odmak od rubova */

    background:#fff !important;
    border:1px solid rgba(0,0,0,.15) !important;
    border-radius:12px !important;
    box-shadow:0 8px 20px rgba(0,0,0,.08) !important;
    text-align:center !important;
  }

  /* Ubij sve dekorativne linije/pseudo-elemente unutar lijevog stupca */
  body .rhspt-cols-left,
  body .rhspt-cols-left *{
    border:0 !important;
    border-left:0 !important;
    background-image:none !important;
    box-sizing:border-box !important;
  }
  body .rhspt-cols-left::before,
  body .rhspt-cols-left::after,
  body .rhspt-cols-left *::before,
  body .rhspt-cols-left *::after{
    content:none !important;
    display:none !important;
  }

  /* Stavke i linkovi — cijeli red klikabilan, centriran tekst */
  body .rhspt-cols-left ul.rhspt-categoryitems li{
    display:block !important;
    margin:0 !important;
  }
  body .rhspt-cols-left ul.rhspt-categoryitems li + li{
    border-top:1px solid #eee !important;
  }
  body .rhspt-cols-left ul.rhspt-categoryitems a,
  body .rhspt-cols-left ul.rhspt-categoryitems a span{
    display:block !important;
    padding:12px 14px !important;
    text-align:center !important;
    line-height:1.25 !important;
    color:#111 !important;
    text-decoration:none !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }
}