/* ============================================================
   PATYTA — MOBILE SURFACE COMPAT R3
   Sólo compatibilidad móvil. El canvas lo posee GLOBAL R7.
   ============================================================ */

@media (max-width:820px){

  /* Puente visual debajo del header sticky de iOS */
  html body .app > main,
  html body .app main{
    margin-top:0 !important;
    background:#f1f6f4 !important;
    background-color:#f1f6f4 !important;
    background-image:none !important;
    box-shadow:0 -28px 0 #f1f6f4 !important;
  }

  html body .topbar,
  html body .app > .topbar{
    margin-bottom:0 !important;
    border-bottom:0 !important;
  }

  /* Mascotas */
  html body [data-page="mascotas"],
  html body [data-page="mascotas"].is-active,
  html body [data-page="mascotas"].pet-r744a-pets-page,
  html body [data-page="mascotas"] [data-pets-root]{
    background:#f1f6f4 !important;
    background-color:#f1f6f4 !important;
    background-image:none !important;
  }

  html body [data-page="mascotas"] .pets-page-head,
  html body [data-page="mascotas"] .pets-grid{
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
  }

  html body [data-page="mascotas"] .pet-profile-card,
  html body [data-page="mascotas"] .pet-r33-pet{
    background:#ffffff !important;
    background-color:#ffffff !important;
    background-image:none !important;
  }

  /* Tienda */
  html body [data-page="tienda"],
  html body [data-page="tienda"].is-active,
  html body [data-page="tienda"].pet-r711-active,
  html body [data-page="tienda"] > [data-r711-shop],
  html body [data-page="tienda"] [data-r711-shop],
  html body [data-page="tienda"] [data-r711-shop].pet-r711,
  html body [data-page="tienda"] [data-r711-shop] .pet-r711-main,
  html body [data-page="tienda"] [data-r711-shop] .pet-r711-catalog,
  html body [data-page="tienda"] [data-r711-shop] .pet-r711-grid,
  html body [data-page="tienda"] [data-r711-shop] .pet-r711-catalog__grid,
  html body [data-page="tienda"] [data-r711-shop] .pet-r711-content{
    background:#f1f6f4 !important;
    background-color:#f1f6f4 !important;
    background-image:none !important;
  }

  html body [data-page="tienda"] .pet-r74127-mobile-filter,
  html body [data-page="tienda"] .pet-r74127-mobile-filter.has-active-filters{
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
  }

  html body [data-page="tienda"] .pet-r711-product,
  html body:has([data-page="tienda"].is-active) .pet-r711-product{
    background:#ffffff !important;
    background-color:#ffffff !important;
    background-image:none !important;
    border:0 !important;
    border-radius:13px !important;
    overflow:hidden !important;
    box-shadow:0 2px 10px rgba(5,47,94,.02) !important;
  }

  html body [data-page="tienda"] .pet-r711-product__image,
  html body [data-page="tienda"] .pet-r711-product > p,
  html body [data-page="tienda"] .pet-r711-product > section,
  html body [data-page="tienda"] .pet-r711-product > footer,
  html body [data-page="tienda"] .pet-r711-product__name{
    background:#ffffff !important;
    background-color:#ffffff !important;
    background-image:none !important;
  }
}