/* =====================================================================
   FIX: Category shadows on mobile + product card width (1.5 per screen)
   ===================================================================== */
@media(max-width:768px){
  /* ---- Categories: remove reveal ghosting, cleaner cards ---- */
  .pp-cat-card,
  .pp-cat-card.reveal,
  .pp-cat-card.reveal.d1,
  .pp-cat-card.reveal.d2,
  .pp-cat-card.reveal.d3,
  .pp-cat-card.reveal.d4,
  .pp-cat-card.reveal.d5,
  .pp-cat-card.reveal.d6{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
    visibility:visible!important;
  }
  /* Remove any pseudo-element shadows inside cat track */
  .pp-cat-card::before,
  .pp-cat-card::after,
  .pp-cat-track::before,
  .pp-cat-track::after,
  .pp-cat-wrap::before,
  .pp-cat-wrap::after{
    display:none!important;
    content:none!important;
    background:none!important;
  }
  /* Cleaner card style */
  .pp-cat-track{
    gap:10px!important;
    padding:16px 20px 20px!important;
  }
  .pp-cat-card{
    width:116px!important;min-width:116px!important;max-width:116px!important;
    padding:14px 10px 12px!important;
    background:#FAFAF8!important;
    border:1px solid rgba(194,91,91,.08)!important;
    border-radius:14px!important;
    box-shadow:none!important;
  }
  .pp-cat-card:active{transform:scale(.95)!important}
  .pp-cat-ico{
    width:56px!important;height:56px!important;font-size:1.55rem!important;
    background:linear-gradient(145deg,#F5E6E6,#EED5D5)!important;
    border:none!important;box-shadow:none!important;
  }
  .pp-cat-card h3{font-size:.78rem!important}

  /* ---- Products: ~1.5 cards per screen, not 2 ---- */
  .pp-section.alt ul.products li.product,
  .pp-section .woocommerce ul.products>li.product,
  .pp-products-row>.pp-prod-card{
    flex:0 0 auto!important;
    width:62vw!important;min-width:62vw!important;max-width:62vw!important;
    scroll-snap-align:center!important;
  }
  .pp-section.alt ul.products,
  .pp-section .woocommerce ul.products,
  .pp-products-row{
    display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch;
    scrollbar-width:none!important;gap:12px!important;
    padding:4px 20px 20px!important;margin:0!important;
  }
  .pp-section.alt ul.products::-webkit-scrollbar,
  .pp-section .woocommerce ul.products::-webkit-scrollbar,
  .pp-products-row::-webkit-scrollbar{display:none!important}
}