/* ============================================================
   italy-shop.eu — Category page mobile overrides
   Version: 1.0 — April 7, 2026
   Add via Sky-shop: Wyglad > Wlasny CSS
   ============================================================ */

@media (max-width: 767px) {

  /* ----------------------------------------------------------
     1. Hide "Add to cart" button and quantity counter
        User is redirected to the product page anyway
        (size selection required), so the button is redundant.
     ---------------------------------------------------------- */
  figure.product-tile .product-add-to-cart,
  figure.product-tile .counter-field {
    display: none !important;
  }

  /* ----------------------------------------------------------
     2. Hide secondary card content in listing view
        Short description, shipping info, and star ratings
        add visual noise without helping discovery.
        Remaining: photo + name + price + badge labels.
     ---------------------------------------------------------- */
  figure.product-tile .product-description,
  figure.product-tile .product-parameters,
  figure.product-tile .product-average-rate {
    display: none !important;
  }

  /* ----------------------------------------------------------
     3. Hide "Kategorie / Szukaj" toggle buttons on mobile
        They duplicate header navigation and consume ~15% of
        the first screen before any product is visible.
     ---------------------------------------------------------- */
  .products-list-page .heading-products-list-filters {
    display: none !important;
  }

  /* ----------------------------------------------------------
     4. Fix card spacing — price of card A appeared attached
        to the photo of card B due to missing bottom margin.
     ---------------------------------------------------------- */
  figure.product-tile {
    margin-bottom: 24px !important;
    padding-bottom: 0 !important;
  }

  figure.product-tile .product-bottom {
    padding-top: 8px !important;
    padding-bottom: 4px !important;
  }

  /* ----------------------------------------------------------
     5. EXPERIMENT: 2-column grid layout
        Uncomment to test. Requires steps 1-2 above to be
        active, otherwise cards will be too content-heavy
        at 50% width.
     ---------------------------------------------------------- */
  /*
  .products-list-page .col-sm-9 {
    width: 100% !important;
    padding: 0 8px !important;
  }

  .products-list-page .col-xxs {
    width: 50% !important;
    float: left !important;
    padding: 0 4px !important;
    box-sizing: border-box !important;
  }

  .products-list-page .row {
    margin-left: -4px !important;
    margin-right: -4px !important;
  }

  figure.product-tile .product-name a {
    font-size: 13px !important;
    line-height: 1.3 !important;
  }

  figure.product-tile .product-price {
    font-size: 13px !important;
  }
  */

}
/* ============================================================ */