/**
 * Mobile shell polish.
 * Keep the header compact and remove redundant page breadcrumbs on small screens.
 */
@media (max-width: 900px) {
  body.higuppy-site-shell nav#hgSiteNav.hg-nav {
    position: relative !important;
    top: auto !important;
    width: calc(100% - (2 * var(--hg-shared-header-gutter-mobile, 10px))) !important;
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
    margin: 8px auto !important;
    padding: 0 12px !important;
    background: #ffffff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 1px solid #dbe6ef !important;
    border-radius: 18px !important;
    box-shadow: 0 8px 20px rgba(8, 39, 71, 0.08) !important;
  }

  body.higuppy-site-shell nav#hgSiteNav.hg-nav .hg-logo-img {
    height: 34px !important;
    max-width: 128px !important;
  }

  body.higuppy-site-shell nav#hgSiteNav.hg-nav .hg-actions {
    gap: 18px !important;
  }

  body.higuppy-site-shell nav#hgSiteNav.hg-nav .hg-menu-toggle {
    margin-left: 12px !important;
  }

  body.higuppy-site-shell .hg-pp .page-hero {
    padding-top: 18px !important;
  }

  body.higuppy-site-shell .hg-pp .breadcrumbs,
  body.higuppy-site-shell .higuppy-page .hg-breadcrumb {
    display: none !important;
  }
}

/* UI Fix Batch — 2026-08-29 */
html,
body.higuppy-site-shell {
  margin: 0 !important;
  padding: 0 !important;
}

.higuppy-analytics-consent {
  box-sizing: border-box !important;
}

/* The custom product review section already supplies its own heading. */
.woocommerce-Reviews-title {
  display: none !important;
}

@media (max-width: 640px) {
  .higuppy-analytics-consent {
    left: 14px !important;
    right: 14px !important;
    width: auto !important;
    max-width: calc(100vw - 28px) !important;
    bottom: 14px !important;
    padding: 14px !important;
  }

  .higuppy-analytics-consent__actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  .higuppy-analytics-consent__actions button {
    min-height: 44px !important;
  }

  body.higuppy-site-shell nav#hgSiteNav.hg-nav .hg-action-btn,
  body.higuppy-site-shell nav#hgSiteNav.hg-nav .hg-menu-toggle {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }

  body.higuppy-site-shell nav#hgSiteNav.hg-nav .hg-actions {
    width: auto !important;
    gap: 4px !important;
  }

  body.higuppy-site-shell nav#hgSiteNav.hg-nav .hg-menu-toggle {
    margin-left: 2px !important;
  }

  .hg-v3-tabs {
    display: flex !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 8px !important;
    padding-bottom: 6px !important;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
  }

  .hg-v3-tabs > button {
    flex: 0 0 auto !important;
    min-height: 44px !important;
    white-space: nowrap !important;
    scroll-snap-align: start;
  }

  .hg-wow-hero {
    min-height: auto !important;
    padding-top: 22px !important;
    padding-bottom: 24px !important;
  }

  .hg-wow-hero__grid {
    gap: 18px !important;
  }

  .hg-wow-hero__copy {
    padding-top: 0 !important;
  }

  .hg-shop-visual-hero {
    padding-top: 20px !important;
    padding-bottom: 22px !important;
  }

  .hg-shop-visual-hero__copy {
    gap: 10px !important;
  }

  .hg-shop-visual-hero__description {
    margin-bottom: 8px !important;
  }

  .hg-shop-visual-hero__actions {
    gap: 8px !important;
    margin-top: 6px !important;
  }

  .hg-shop-visual-hero__trust {
    margin-top: 8px !important;
  }

  .hg-shop-visual-hero__art {
    min-height: 210px !important;
  }

  .hg-shop-visual-hero__categories {
    margin-top: 12px !important;
  }

  .woocommerce-ordering select {
    min-height: 44px !important;
  }

  .woocommerce-pagination .page-numbers li > a,
  .woocommerce-pagination .page-numbers li > span,
  nav.woocommerce-pagination a.page-numbers,
  nav.woocommerce-pagination span.page-numbers {
    min-width: 44px !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .quantity button,
  .quantity .minus,
  .quantity .plus {
    min-width: 44px !important;
    min-height: 44px !important;
  }
}