/* =========================================================
   MONYQUE CATEGORY MOBILE FINAL
   Correção real de categoria mobile: header, filtros, largura e overflow.
   ========================================================= */

@media (max-width: 767px) {
  :root {
    --mq-cat-gutter: 16px;
    --mq-cat-radius: 14px;
  }

  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box !important;
  }

  img,
  video,
  iframe,
  table,
  form,
  input,
  select,
  textarea,
  button {
    max-width: 100% !important;
  }

  body.tax-product_cat,
  body.archive.woocommerce,
  body.post-type-archive-product {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    background: #fff !important;
  }

  body.tax-product_cat .site,
  body.archive.woocommerce .site,
  body.post-type-archive-product .site {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* =====================================================
     TOPO VERMELHO / COUNTDOWN
     ===================================================== */

  body.tax-product_cat .monyque-liquida-topbar,
  body.archive.woocommerce .monyque-liquida-topbar,
  body.post-type-archive-product .monyque-liquida-topbar {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.tax-product_cat .monyque-liquida-topbar__inner,
  body.archive.woocommerce .monyque-liquida-topbar__inner,
  body.post-type-archive-product .monyque-liquida-topbar__inner {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 8px var(--mq-cat-gutter) !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
    text-align: center !important;
    justify-items: center !important;
    overflow: hidden !important;
  }

  body.tax-product_cat .monyque-liquida-topbar strong,
  body.archive.woocommerce .monyque-liquida-topbar strong,
  body.post-type-archive-product .monyque-liquida-topbar strong {
    max-width: 100% !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
  }

  body.tax-product_cat .monyque-liquida-countdown,
  body.archive.woocommerce .monyque-liquida-countdown,
  body.post-type-archive-product .monyque-liquida-countdown {
    max-width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 4px !important;
    overflow: hidden !important;
    white-space: normal !important;
  }

  body.tax-product_cat .monyque-liquida-countdown b,
  body.archive.woocommerce .monyque-liquida-countdown b,
  body.post-type-archive-product .monyque-liquida-countdown b {
    min-width: 30px !important;
    padding: 5px 6px !important;
    font-size: 15px !important;
  }

  body.tax-product_cat .monyque-liquida-countdown small,
  body.archive.woocommerce .monyque-liquida-countdown small,
  body.post-type-archive-product .monyque-liquida-countdown small {
    font-size: 8px !important;
  }

  /* =====================================================
     BENEFÍCIOS DO TOPO
     ===================================================== */

  body.tax-product_cat .monyque-liquida-benefits,
  body.archive.woocommerce .monyque-liquida-benefits,
  body.post-type-archive-product .monyque-liquida-benefits {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body.tax-product_cat .monyque-liquida-benefits__inner,
  body.archive.woocommerce .monyque-liquida-benefits__inner,
  body.post-type-archive-product .monyque-liquida-benefits__inner {
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px var(--mq-cat-gutter) !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body.tax-product_cat .monyque-liquida-benefits .monyque-trust-item,
  body.archive.woocommerce .monyque-liquida-benefits .monyque-trust-item,
  body.post-type-archive-product .monyque-liquida-benefits .monyque-trust-item {
    min-width: 0 !important;
    padding-left: 0 !important;
    text-align: center !important;
  }

  body.tax-product_cat .monyque-liquida-benefits .monyque-trust-item::before,
  body.archive.woocommerce .monyque-liquida-benefits .monyque-trust-item::before,
  body.post-type-archive-product .monyque-liquida-benefits .monyque-trust-item::before {
    display: none !important;
  }

  body.tax-product_cat .monyque-liquida-benefits .monyque-trust-item strong,
  body.archive.woocommerce .monyque-liquida-benefits .monyque-trust-item strong,
  body.post-type-archive-product .monyque-liquida-benefits .monyque-trust-item strong {
    display: block !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
  }

  body.tax-product_cat .monyque-liquida-benefits .monyque-trust-item span,
  body.archive.woocommerce .monyque-liquida-benefits .monyque-trust-item span,
  body.post-type-archive-product .monyque-liquida-benefits .monyque-trust-item span {
    display: block !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
    margin-top: 2px !important;
  }

  /* =====================================================
     HEADER MOBILE
     ===================================================== */

  body.tax-product_cat .site-header,
  body.archive.woocommerce .site-header,
  body.post-type-archive-product .site-header {
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px 0 12px !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  body.tax-product_cat .site-header > .col-full,
  body.archive.woocommerce .site-header > .col-full,
  body.post-type-archive-product .site-header > .col-full {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding-left: var(--mq-cat-gutter) !important;
    padding-right: var(--mq-cat-gutter) !important;
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) 48px !important;
    gap: 10px !important;
    align-items: center !important;
    justify-content: stretch !important;
  }

  body.tax-product_cat .site-header > .col-full::before,
  body.tax-product_cat .site-header > .col-full::after,
  body.archive.woocommerce .site-header > .col-full::before,
  body.archive.woocommerce .site-header > .col-full::after,
  body.post-type-archive-product .site-header > .col-full::before,
  body.post-type-archive-product .site-header > .col-full::after {
    display: none !important;
    content: none !important;
  }

  body.tax-product_cat .monyque-mobile-menu-toggle,
  body.archive.woocommerce .monyque-mobile-menu-toggle,
  body.post-type-archive-product .monyque-mobile-menu-toggle {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    display: inline-flex !important;
  }

  body.tax-product_cat .site-header .site-branding,
  body.archive.woocommerce .site-header .site-branding,
  body.post-type-archive-product .site-header .site-branding {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    justify-self: center !important;
    text-align: center !important;
    margin: 0 !important;
  }

  body.tax-product_cat .site-header .site-title,
  body.archive.woocommerce .site-header .site-title,
  body.post-type-archive-product .site-header .site-title {
    max-width: 100% !important;
    font-size: 21px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.tax-product_cat .site-header > .col-full > .site-header-cart,
  body.archive.woocommerce .site-header > .col-full > .site-header-cart,
  body.post-type-archive-product .site-header > .col-full > .site-header-cart {
    grid-column: 3 !important;
    grid-row: 1 !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    justify-self: end !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.tax-product_cat .site-header-cart .cart-contents,
  body.archive.woocommerce .site-header-cart .cart-contents,
  body.post-type-archive-product .site-header-cart .cart-contents {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 10px !important;
    font-size: 0 !important;
    overflow: hidden !important;
  }

  body.tax-product_cat .site-header-cart .cart-contents .amount,
  body.tax-product_cat .site-header-cart .cart-contents .count,
  body.archive.woocommerce .site-header-cart .cart-contents .amount,
  body.archive.woocommerce .site-header-cart .cart-contents .count,
  body.post-type-archive-product .site-header-cart .cart-contents .amount,
  body.post-type-archive-product .site-header-cart .cart-contents .count {
    display: none !important;
  }

  body.tax-product_cat .site-header .site-search,
  body.archive.woocommerce .site-header .site-search,
  body.post-type-archive-product .site-header .site-search {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 6px 0 0 !important;
  }

  body.tax-product_cat .site-search form,
  body.archive.woocommerce .site-search form,
  body.post-type-archive-product .site-search form {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 48px !important;
  }

  body.tax-product_cat .storefront-primary-navigation,
  body.archive.woocommerce .storefront-primary-navigation,
  body.post-type-archive-product .storefront-primary-navigation {
    display: none !important;
  }

  /* =====================================================
     CONTAINER DA CATEGORIA
     ===================================================== */

  body.tax-product_cat .site-content .col-full,
  body.archive.woocommerce .site-content .col-full,
  body.post-type-archive-product .site-content .col-full,
  body.tax-product_cat .storefront-breadcrumb .col-full,
  body.archive.woocommerce .storefront-breadcrumb .col-full,
  body.post-type-archive-product .storefront-breadcrumb .col-full {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--mq-cat-gutter) !important;
    padding-right: var(--mq-cat-gutter) !important;
    overflow-x: hidden !important;
  }

  body.tax-product_cat #primary,
  body.archive.woocommerce #primary,
  body.post-type-archive-product #primary,
  body.tax-product_cat .content-area,
  body.archive.woocommerce .content-area,
  body.post-type-archive-product .content-area,
  body.tax-product_cat .site-main,
  body.archive.woocommerce .site-main,
  body.post-type-archive-product .site-main {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: hidden !important;
  }

  body.tax-product_cat .woocommerce-breadcrumb,
  body.archive.woocommerce .woocommerce-breadcrumb,
  body.post-type-archive-product .woocommerce-breadcrumb {
    width: 100% !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  body.tax-product_cat .monyque-category-layout,
  body.archive.woocommerce .monyque-category-layout,
  body.post-type-archive-product .monyque-category-layout {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin: 0 !important;
    overflow-x: hidden !important;
  }

  body.tax-product_cat .monyque-category-filters,
  body.archive.woocommerce .monyque-category-filters,
  body.post-type-archive-product .monyque-category-filters,
  body.tax-product_cat .monyque-category-main,
  body.archive.woocommerce .monyque-category-main,
  body.post-type-archive-product .monyque-category-main {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  /* =====================================================
     FILTROS
     ===================================================== */

  body.tax-product_cat .monyque-filter-mobile-toggle,
  body.archive.woocommerce .monyque-filter-mobile-toggle,
  body.post-type-archive-product .monyque-filter-mobile-toggle {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
    margin: 0 0 12px !important;
    padding: 12px 16px !important;
    border-radius: 12px !important;
    background: #111 !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-align: center !important;
    box-shadow: none !important;
  }

  body.tax-product_cat .monyque-filter-form,
  body.archive.woocommerce .monyque-filter-form,
  body.post-type-archive-product .monyque-filter-form {
    width: 100% !important;
    max-width: 100% !important;
    padding: 16px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  body.tax-product_cat .monyque-filter-heading,
  body.archive.woocommerce .monyque-filter-heading,
  body.post-type-archive-product .monyque-filter-heading {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.tax-product_cat .monyque-filter-group,
  body.archive.woocommerce .monyque-filter-group,
  body.post-type-archive-product .monyque-filter-group {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.tax-product_cat .monyque-filter-options,
  body.archive.woocommerce .monyque-filter-options,
  body.post-type-archive-product .monyque-filter-options {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    overflow: hidden !important;
  }

  body.tax-product_cat .monyque-filter-options--list,
  body.archive.woocommerce .monyque-filter-options--list,
  body.post-type-archive-product .monyque-filter-options--list {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  body.tax-product_cat .monyque-filter-option,
  body.archive.woocommerce .monyque-filter-option,
  body.post-type-archive-product .monyque-filter-option {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.tax-product_cat .monyque-filter-option span,
  body.archive.woocommerce .monyque-filter-option span,
  body.post-type-archive-product .monyque-filter-option span {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  body.tax-product_cat .monyque-filter-options--list .monyque-filter-option,
  body.archive.woocommerce .monyque-filter-options--list .monyque-filter-option,
  body.post-type-archive-product .monyque-filter-options--list .monyque-filter-option,
  body.tax-product_cat .monyque-filter-options--list .monyque-filter-option span,
  body.archive.woocommerce .monyque-filter-options--list .monyque-filter-option span,
  body.post-type-archive-product .monyque-filter-options--list .monyque-filter-option span {
    width: 100% !important;
  }

  body.tax-product_cat .monyque-filter-options--pills .monyque-filter-option span,
  body.archive.woocommerce .monyque-filter-options--pills .monyque-filter-option span,
  body.post-type-archive-product .monyque-filter-options--pills .monyque-filter-option span {
    min-width: 42px !important;
  }

  /* =====================================================
     HERO / PROMO / PRODUTOS
     ===================================================== */

  body.tax-product_cat .monyque-category-hero,
  body.archive.woocommerce .monyque-category-hero,
  body.post-type-archive-product .monyque-category-hero,
  body.tax-product_cat .monyque-category-promo-box,
  body.archive.woocommerce .monyque-category-promo-box,
  body.post-type-archive-product .monyque-category-promo-box,
  body.tax-product_cat .storefront-sorting,
  body.archive.woocommerce .storefront-sorting,
  body.post-type-archive-product .storefront-sorting,
  body.tax-product_cat .woocommerce-result-count,
  body.archive.woocommerce .woocommerce-result-count,
  body.post-type-archive-product .woocommerce-result-count,
  body.tax-product_cat .woocommerce-ordering,
  body.archive.woocommerce .woocommerce-ordering,
  body.post-type-archive-product .woocommerce-ordering {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body.tax-product_cat .monyque-category-hero,
  body.archive.woocommerce .monyque-category-hero,
  body.post-type-archive-product .monyque-category-hero {
    text-align: left !important;
  }

  body.tax-product_cat .monyque-category-hero h1,
  body.archive.woocommerce .monyque-category-hero h1,
  body.post-type-archive-product .monyque-category-hero h1 {
    font-size: 24px !important;
    line-height: 1.12 !important;
    max-width: 100% !important;
  }

  body.tax-product_cat .monyque-category-promo-box,
  body.archive.woocommerce .monyque-category-promo-box,
  body.post-type-archive-product .monyque-category-promo-box {
    padding: 14px !important;
    border-radius: 14px !important;
  }

  body.tax-product_cat .monyque-category-promo-box div,
  body.archive.woocommerce .monyque-category-promo-box div,
  body.post-type-archive-product .monyque-category-promo-box div {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.tax-product_cat .monyque-category-promo-box span,
  body.archive.woocommerce .monyque-category-promo-box span,
  body.post-type-archive-product .monyque-category-promo-box span {
    min-width: 0 !important;
    padding: 9px 5px !important;
    border: 1px solid #e7e8ec !important;
    border-radius: 10px !important;
    text-align: center !important;
  }

  body.tax-product_cat ul.products,
  body.archive.woocommerce ul.products,
  body.post-type-archive-product ul.products {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    overflow-x: hidden !important;
  }

  body.tax-product_cat ul.products li.product,
  body.archive.woocommerce ul.products li.product,
  body.post-type-archive-product ul.products li.product {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body.tax-product_cat nav.woocommerce-pagination,
  body.archive.woocommerce nav.woocommerce-pagination,
  body.post-type-archive-product nav.woocommerce-pagination {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
  }

  body.tax-product_cat .storefront-handheld-footer-bar,
  body.archive.woocommerce .storefront-handheld-footer-bar,
  body.post-type-archive-product .storefront-handheld-footer-bar {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    right: 0 !important;
  }
}

@media (max-width: 374px) {
  body.tax-product_cat .monyque-liquida-benefits__inner,
  body.archive.woocommerce .monyque-liquida-benefits__inner,
  body.post-type-archive-product .monyque-liquida-benefits__inner {
    grid-template-columns: 1fr !important;
  }

  body.tax-product_cat ul.products,
  body.archive.woocommerce ul.products,
  body.post-type-archive-product ul.products {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   AJUSTE FINO DE GUTTER / MARGENS - CATEGORY MOBILE
   ========================================================= */

@media (max-width: 767px) {
  :root {
    --mq-cat-page-gutter: 16px;
    --mq-cat-block-radius: 14px;
  }

  /* 1) Um único gutter lateral para a página inteira */
  body.tax-product_cat .site-header > .col-full,
  body.archive.woocommerce .site-header > .col-full,
  body.post-type-archive-product .site-header > .col-full,
  body.tax-product_cat .storefront-breadcrumb .col-full,
  body.archive.woocommerce .storefront-breadcrumb .col-full,
  body.post-type-archive-product .storefront-breadcrumb .col-full,
  body.tax-product_cat .site-content .col-full,
  body.archive.woocommerce .site-content .col-full,
  body.post-type-archive-product .site-content .col-full {
    padding-left: var(--mq-cat-page-gutter) !important;
    padding-right: var(--mq-cat-page-gutter) !important;
  }

  /* 2) O conteúdo interno não deve criar nova margem externa */
  body.tax-product_cat .monyque-category-layout,
  body.archive.woocommerce .monyque-category-layout,
  body.post-type-archive-product .monyque-category-layout,
  body.tax-product_cat .monyque-category-main,
  body.archive.woocommerce .monyque-category-main,
  body.post-type-archive-product .monyque-category-main,
  body.tax-product_cat .monyque-category-filters,
  body.archive.woocommerce .monyque-category-filters,
  body.post-type-archive-product .monyque-category-filters {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* 3) Todos os blocos principais com a mesma largura visual */
  body.tax-product_cat .woocommerce-breadcrumb,
  body.archive.woocommerce .woocommerce-breadcrumb,
  body.post-type-archive-product .woocommerce-breadcrumb,
  body.tax-product_cat .monyque-filter-mobile-toggle,
  body.archive.woocommerce .monyque-filter-mobile-toggle,
  body.post-type-archive-product .monyque-filter-mobile-toggle,
  body.tax-product_cat .monyque-category-hero,
  body.archive.woocommerce .monyque-category-hero,
  body.post-type-archive-product .monyque-category-hero,
  body.tax-product_cat .monyque-category-promo-box,
  body.archive.woocommerce .monyque-category-promo-box,
  body.post-type-archive-product .monyque-category-promo-box,
  body.tax-product_cat .monyque-filter-form,
  body.archive.woocommerce .monyque-filter-form,
  body.post-type-archive-product .monyque-filter-form,
  body.tax-product_cat .storefront-sorting,
  body.archive.woocommerce .storefront-sorting,
  body.post-type-archive-product .storefront-sorting,
  body.tax-product_cat .woocommerce-result-count,
  body.archive.woocommerce .woocommerce-result-count,
  body.post-type-archive-product .woocommerce-result-count,
  body.tax-product_cat .woocommerce-ordering,
  body.archive.woocommerce .woocommerce-ordering,
  body.post-type-archive-product .woocommerce-ordering,
  body.tax-product_cat nav.woocommerce-pagination,
  body.archive.woocommerce nav.woocommerce-pagination,
  body.post-type-archive-product nav.woocommerce-pagination,
  body.tax-product_cat ul.products,
  body.archive.woocommerce ul.products,
  body.post-type-archive-product ul.products {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* 4) Hero da categoria sem "recuo invisível" */
  body.tax-product_cat .monyque-category-hero,
  body.archive.woocommerce .monyque-category-hero,
  body.post-type-archive-product .monyque-category-hero {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 12px !important;
  }

  /* 5) Botão filtros alinhado igual aos demais blocos */
  body.tax-product_cat .monyque-filter-mobile-toggle,
  body.archive.woocommerce .monyque-filter-mobile-toggle,
  body.post-type-archive-product .monyque-filter-mobile-toggle {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    border-radius: 12px !important;
  }

  /* 6) Cards/caixas com padding interno, sem margem extra */
  body.tax-product_cat .monyque-category-promo-box,
  body.archive.woocommerce .monyque-category-promo-box,
  body.post-type-archive-product .monyque-category-promo-box,
  body.tax-product_cat .monyque-filter-form,
  body.archive.woocommerce .monyque-filter-form,
  body.post-type-archive-product .monyque-filter-form {
    padding: 14px !important;
    border-radius: var(--mq-cat-block-radius) !important;
  }

  /* 7) Ordenação e contador de resultados no mesmo eixo */
  body.tax-product_cat .storefront-sorting,
  body.archive.woocommerce .storefront-sorting,
  body.post-type-archive-product .storefront-sorting {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 12px !important;
  }

  body.tax-product_cat .woocommerce-result-count,
  body.archive.woocommerce .woocommerce-result-count,
  body.post-type-archive-product .woocommerce-result-count,
  body.tax-product_cat .woocommerce-ordering,
  body.archive.woocommerce .woocommerce-ordering,
  body.post-type-archive-product .woocommerce-ordering {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 8) Lista de produtos sem recuo lateral residual */
  body.tax-product_cat ul.products,
  body.archive.woocommerce ul.products,
  body.post-type-archive-product ul.products {
    padding-left: 0 !important;
    padding-right: 0 !important;
    gap: 12px !important;
  }

  body.tax-product_cat ul.products li.product,
  body.archive.woocommerce ul.products li.product,
  body.post-type-archive-product ul.products li.product {
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* 9) Evita que algum filho "vaze" e force desalinhamento visual */
  body.tax-product_cat .site-main > *,
  body.archive.woocommerce .site-main > *,
  body.post-type-archive-product .site-main > * {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 430px) {
  :root {
    --mq-cat-page-gutter: 14px;
  }
}


/* TESTE - remover menu inferior Storefront apenas em categorias mobile */
@media (max-width: 767px) {
  body.tax-product_cat .storefront-handheld-footer-bar,
  body.archive.woocommerce .storefront-handheld-footer-bar,
  body.post-type-archive-product .storefront-handheld-footer-bar {
    display: none !important;
  }

  body.tax-product_cat .monyque-whatsapp-float,
  body.archive.woocommerce .monyque-whatsapp-float,
  body.post-type-archive-product .monyque-whatsapp-float {
    right: 16px !important;
    bottom: 18px !important;
    left: auto !important;
    max-width: calc(100vw - 32px) !important;
  }
}

/* =========================================================
   CATEGORY GRID OVERFLOW FIX
   Corrige corte lateral dos cards de produto no mobile.
   ========================================================= */

@media (max-width: 767px) {
  body.tax-product_cat,
  body.archive.woocommerce,
  body.post-type-archive-product {
    overflow-x: hidden !important;
  }

  body.tax-product_cat .site-content,
  body.archive.woocommerce .site-content,
  body.post-type-archive-product .site-content,
  body.tax-product_cat .site-content .col-full,
  body.archive.woocommerce .site-content .col-full,
  body.post-type-archive-product .site-content .col-full,
  body.tax-product_cat .content-area,
  body.archive.woocommerce .content-area,
  body.post-type-archive-product .content-area,
  body.tax-product_cat .site-main,
  body.archive.woocommerce .site-main,
  body.post-type-archive-product .site-main,
  body.tax-product_cat .monyque-category-layout,
  body.archive.woocommerce .monyque-category-layout,
  body.post-type-archive-product .monyque-category-layout,
  body.tax-product_cat .monyque-category-main,
  body.archive.woocommerce .monyque-category-main,
  body.post-type-archive-product .monyque-category-main {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  /*
   * A correção principal está aqui:
   * remover float/margens herdadas do Storefront/WooCommerce
   * e deixar o grid calcular as duas colunas corretamente.
   */
  body.tax-product_cat ul.products,
  body.archive.woocommerce ul.products,
  body.post-type-archive-product ul.products,
  body.tax-product_cat .woocommerce ul.products,
  body.archive.woocommerce .woocommerce ul.products,
  body.post-type-archive-product .woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 10px !important;
    row-gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    list-style: none !important;
    box-sizing: border-box !important;
  }

  body.tax-product_cat ul.products::before,
  body.tax-product_cat ul.products::after,
  body.archive.woocommerce ul.products::before,
  body.archive.woocommerce ul.products::after,
  body.post-type-archive-product ul.products::before,
  body.post-type-archive-product ul.products::after {
    display: none !important;
    content: none !important;
  }

  body.tax-product_cat ul.products li.product,
  body.archive.woocommerce ul.products li.product,
  body.post-type-archive-product ul.products li.product,
  body.tax-product_cat .woocommerce ul.products li.product,
  body.archive.woocommerce .woocommerce ul.products li.product,
  body.post-type-archive-product .woocommerce ul.products li.product {
    float: none !important;
    clear: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  /*
   * Qualquer elemento interno do card não pode impor largura maior
   * que a coluna calculada pelo grid.
   */
  body.tax-product_cat ul.products li.product *,
  body.archive.woocommerce ul.products li.product *,
  body.post-type-archive-product ul.products li.product * {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.tax-product_cat ul.products li.product a,
  body.archive.woocommerce ul.products li.product a,
  body.post-type-archive-product ul.products li.product a {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
  }

  body.tax-product_cat ul.products li.product img,
  body.archive.woocommerce ul.products li.product img,
  body.post-type-archive-product ul.products li.product img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  /*
   * Botões e caixas de preço dentro dos cards.
   * Esse é um ponto comum de vazamento em mobile.
   */
  body.tax-product_cat ul.products li.product .button,
  body.archive.woocommerce ul.products li.product .button,
  body.post-type-archive-product ul.products li.product .button,
  body.tax-product_cat ul.products li.product .add_to_cart_button,
  body.archive.woocommerce ul.products li.product .add_to_cart_button,
  body.post-type-archive-product ul.products li.product .add_to_cart_button,
  body.tax-product_cat ul.products li.product .price,
  body.archive.woocommerce ul.products li.product .price,
  body.post-type-archive-product ul.products li.product .price,
  body.tax-product_cat ul.products li.product .woocommerce-loop-product__title,
  body.archive.woocommerce ul.products li.product .woocommerce-loop-product__title,
  body.post-type-archive-product ul.products li.product .woocommerce-loop-product__title {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    text-align: center !important;
  }

  body.tax-product_cat ul.products li.product .button,
  body.archive.woocommerce ul.products li.product .button,
  body.post-type-archive-product ul.products li.product .button,
  body.tax-product_cat ul.products li.product .add_to_cart_button,
  body.archive.woocommerce ul.products li.product .add_to_cart_button,
  body.post-type-archive-product ul.products li.product .add_to_cart_button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
  }

  /*
   * Se houver wrapper customizado dentro do card,
   * ele também precisa respeitar a coluna.
   */
  body.tax-product_cat ul.products li.product [class*="product-card"],
  body.archive.woocommerce ul.products li.product [class*="product-card"],
  body.post-type-archive-product ul.products li.product [class*="product-card"],
  body.tax-product_cat ul.products li.product [class*="loop"],
  body.archive.woocommerce ul.products li.product [class*="loop"],
  body.post-type-archive-product ul.products li.product [class*="loop"],
  body.tax-product_cat ul.products li.product [class*="monyque"],
  body.archive.woocommerce ul.products li.product [class*="monyque"],
  body.post-type-archive-product ul.products li.product [class*="monyque"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /*
   * WhatsApp não deve participar da largura da página.
   * Ele fica flutuante dentro da viewport, sem criar overflow.
   */
  body.tax-product_cat .monyque-whatsapp-float,
  body.archive.woocommerce .monyque-whatsapp-float,
  body.post-type-archive-product .monyque-whatsapp-float {
    position: fixed !important;
    right: 14px !important;
    left: auto !important;
    bottom: 16px !important;
    max-width: calc(100vw - 28px) !important;
    transform: none !important;
    z-index: 9999 !important;
  }
}

/*
 * Em telas muito estreitas, 2 colunas fica apertado.
 * Aqui vira 1 coluna para não cortar card, botão ou título.
 */
@media (max-width: 360px) {
  body.tax-product_cat ul.products,
  body.archive.woocommerce ul.products,
  body.post-type-archive-product ul.products,
  body.tax-product_cat .woocommerce ul.products,
  body.archive.woocommerce .woocommerce ul.products,
  body.post-type-archive-product .woocommerce ul.products {
    grid-template-columns: 1fr !important;
  }
}


/* =========================================================
   ORDERBY OVERFLOW FIX
   Corrige select.orderby absoluto que estoura a lateral no mobile.
   ========================================================= */

@media (max-width: 767px) {
  body.tax-product_cat select.orderby,
  body.archive.woocommerce select.orderby,
  body.post-type-archive-product select.orderby,
  body.tax-product_cat .woocommerce-ordering select,
  body.archive.woocommerce .woocommerce-ordering select,
  body.post-type-archive-product .woocommerce-ordering select {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
  }

  /*
   * Se a ordenação visual por botões já existe,
   * o select nativo não deve ocupar espaço visual nem criar overflow.
   */
  body.tax-product_cat .woocommerce-ordering,
  body.archive.woocommerce .woocommerce-ordering,
  body.post-type-archive-product .woocommerce-ordering {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.tax-product_cat .woocommerce-ordering select.orderby,
  body.archive.woocommerce .woocommerce-ordering select.orderby,
  body.post-type-archive-product .woocommerce-ordering select.orderby {
    max-width: calc(100vw - 32px) !important;
  }
}


/* =========================================================
   BADGE LIQUIDA - COR DIFERENTE DO CTA
   ========================================================= */

body.archive.woocommerce .monyque-product-badge,
body.tax-product_cat .monyque-product-badge,
body.post-type-archive-product .monyque-product-badge,
body.archive.woocommerce span.monyque-product-badge,
body.tax-product_cat span.monyque-product-badge,
body.post-type-archive-product span.monyque-product-badge {
  background: #f59e0b !important;
  color: #ffffff !important;
  border-color: #f59e0b !important;
  box-shadow: 0 8px 18px rgba(245, 158, 11, 0.22) !important;
}