/* Carrosséis da home no celular. A home é a cópia da versão de computador do
   site original, com as larguras do carrossel gravadas no HTML (banner com
   1897px, categorias com 228px…) e sem o script que as recalculava. No celular
   o banner aparecia cortado (só a palmeira). Aqui cada carrossel ocupa a largura
   da tela e rola com o dedo: banner com 1 item por tela, os demais com 2
   (owl-mobile-1 / owl-mobile-2, como no original). */
@media (max-width: 767px) {
  body.home .owl-carousel .owl-stage-outer {
    overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory;
    scrollbar-width: none; -webkit-overflow-scrolling: touch;
  }
  body.home .owl-carousel .owl-stage-outer::-webkit-scrollbar { display: none; }
  body.home .owl-carousel .owl-stage { display: flex; gap: 10px; width: auto !important; transform: none !important; }
  body.home .owl-carousel .owl-item {
    float: none; flex: 0 0 auto; margin-right: 0 !important; scroll-snap-align: start;
    touch-action: auto; -webkit-user-select: auto; user-select: auto;
  }
  body.home .owl-carousel.owl-mobile-1 .owl-item { width: 100% !important; }
  body.home .owl-carousel.owl-mobile-2 .owl-item { width: calc((100% - 10px) / 2) !important; }
  body.home .owl-carousel .owl-nav { display: none; }
}

/* Home: blocos do celular do original (.pk-home-mobile, gerados por
   scripts/build-home-mobile.mjs) no celular; os do computador no resto. */
.pk-home-mobile{display:none}
@media (max-width:767px){
  .pk-home-mobile{display:block}
  .pk-home-desktop{display:none}
  /* Vitrines e atalhos: o original não liga o carrossel no celular (ficava um
     embaixo do outro); aqui, como já era na loja nova, passam para o lado,
     2 por tela. */
  body.home .pk-home-mobile .owl-carousel:not(:has(.owl-stage)){display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  body.home .pk-home-mobile .owl-carousel:not(:has(.owl-stage))::-webkit-scrollbar{display:none}
  body.home .pk-home-mobile .owl-carousel:not(:has(.owl-stage))>.item{flex:0 0 calc((100% - 10px) / 2);width:auto;scroll-snap-align:start}
  /* Faixa "Parcele / Compra segura / Entrega" e avaliações: 1 por tela. */
  body.home .pk-home-mobile .brand-tarja-mobile .owl-item,
  body.home .pk-home-mobile .block-storerating-container .owl-item,
  body.home .pk-home-mobile .owl-mobile-1 .owl-item{width:100%!important}
  body.home .pk-home-mobile .brand-tarja-mobile .item{width:auto!important}
  body.home .pk-home-mobile .owl-dots,body.home .pk-home-mobile .owl-nav{display:none!important}
  /* Preço nos cards de 2 por tela: "de" e "por" lado a lado, sem o "(x% OFF)" (como nos cards da loja). */
  body.home .pk-home-mobile .product .prices .flex-line{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 6px}
  body.home .pk-home-mobile .product .prices .price-discount{display:none}
  body.home .pk-home-mobile .product .prices .price-from,body.home .pk-home-mobile .product .prices .price-sale{white-space:nowrap}
}