/* Ajustes para celular e tablet sobre o layout original */
@media (max-width: 1024px) {
  .fx-header .left, .fx-header .center, .fx-header .right { width: 100% !important; display: block !important; padding: 8px 16px !important; text-align: center; }
  header .logo { width: 170px !important; max-width: 50vw; margin: 0 auto !important; }
  .fx-diferenciais > li { display: block !important; padding: 4px 0 !important; text-align: center; }
  .product-list ul, .prateleira ul { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
  .product-list ul li, .prateleira ul li { width: auto !important; float: none !important; margin: 0 !important; }
  .col-md-3, .col-lg-3, .col-md-9, .col-lg-9 { width: 100% !important; float: none !important; }
}
@media (max-width: 640px) {
  .product-list ul, .prateleira ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .productName, .productName a { font-size: 13px !important; }
  .buyButton { display: block !important; padding: 12px !important; font-size: 15px !important; }
  img { max-width: 100%; height: auto; }
  body { overflow-x: hidden; }
}
@media (max-width: 1024px), (hover: none) {
  .buyAsync, .buyAsync .buyButton { display: block !important; visibility: visible !important; opacity: 1 !important; position: static !important; }
}
@media (max-width: 1024px) {
  .boxFiltroOrder { position: relative; z-index: 20; }
  .boxFiltroOrder h3 { cursor: pointer; }
  .boxFiltroOrder .contOrdenar { display: none !important; }
  .boxFiltroOrder.mm-open .contOrdenar { display: grid !important; position: absolute; left: 0; right: 0; top: 100%; background: #fff; box-shadow: 0 6px 16px rgba(0,0,0,.15); }
}
@media (max-width: 1024px) {
  .fx-header .center, .fx-header .busca { box-sizing: border-box !important; max-width: 100% !important; }
  .fx-header .busca { width: 100% !important; }
}
@media (max-width: 1024px) {
  .fx-header .center { left: 0 !important; right: 0 !important; width: auto !important; padding: 0 16px !important; }
  .fx-header .busca { margin: 0 !important; min-width: 0 !important; }
  .fx-header .fulltext-search-box { width: calc(100% - 50px) !important; min-width: 0 !important; }
}
@media (max-width: 1024px) {
  .fx-header .center { position: static !important; display: block !important; width: 100% !important; padding: 12px 16px 0 !important; clear: both; }
}
@media (max-width: 1024px) {
  .fx-header .center { margin-top: 28px !important; }
}
@media (max-width: 1024px) {
  .fx-header { height: auto !important; }
  .fx-header .left { position: relative !important; min-height: 80px; }
  header .logo { position: relative !important; top: auto !important; left: auto !important; display: block !important; background-size: contain !important; background-position: center !important; background-repeat: no-repeat !important; }
}