/**
 * Desktop density — true paint match to preferred browser 90% zoom.
 * Zoom owns scale; --gv-ui-scale stays 1 (see tokens.css). Mobile untouched.
 * Do NOT use transform:scale on #page (empty margins / hit targets).
 */

/*
 * Leading BOM / stray text nodes before #page create an anonymous line box
 * (body line-height 24px) — white gap under the WP admin bar / above header.
 * Collapse body line boxes; restore on the page shell + admin bar.
 */
body {
  line-height: 0 !important;
}

body > #page {
  line-height: 1.6 !important;
}

#wpadminbar {
  line-height: 2.46153846 !important;
}

@media (min-width: 992px) {
  html {
    zoom: 0.9;
  }

  /*
   * Keep useful leftover beats that are not a second zoom shrink.
   * Title clamp + price size still fight Ecomall after zoom.
   */
  body:not(.wp-admin) .woocommerce .products .product .product-name,
  body:not(.wp-admin) .woocommerce ul.products .product .product-name,
  body:not(.wp-admin) .woocommerce .products .product .product-name a,
  body:not(.wp-admin) .woocommerce ul.products .product .product-name a {
    font-size: var(--gv-text-sm) !important;
    line-height: var(--gv-leading-tight) !important;
    font-weight: var(--gv-font-weight-medium) !important;
    color: var(--gv-color-blue) !important;
  }

  body:not(.wp-admin) .woocommerce .products .product .product-name a,
  body:not(.wp-admin) .woocommerce ul.products .product .product-name a {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    max-height: calc(2 * 1.2em) !important;
  }

  body:not(.wp-admin) .woocommerce .products .product .price > ins,
  body:not(.wp-admin) .woocommerce .products .product .price > .amount,
  body:not(.wp-admin) .woocommerce .products .product .price > .woocommerce-Price-amount {
    font-size: var(--gv-card-price) !important;
  }

  /*
   * Home product bands — 5 columns at desktop (owner target at 100% view).
   * Shop / category archives stay 4-col (product-archive.css).
   */
  html body:not(.wp-admin).home .gv-band-products .woocommerce.main-products.grid,
  html body:not(.wp-admin).home .gv-band-products .products,
  html body:not(.wp-admin).home .ts-product-wrapper:not(.list) .products,
  html body:not(.wp-admin).home .woocommerce.ts-product:not(.list) .products,
  html body:not(.wp-admin).home .woocommerce.main-products.grid .products {
    --ts-columns: 5 !important;
  }
}

@media (max-width: 991px) {
  html {
    zoom: 1;
  }
}