/* Shared interaction, responsive navigation, content-evidence, and image-performance refinements. */
.secondary-menu-toggle {
  display: none;
  border: 0;
  background: transparent;
  color: var(--ink);
  padding: 5px 2px;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.secondary-menu-toggle:hover { opacity: .6; }
.has-secondary-menu { gap: 18px; }
.has-secondary-menu > .wordmark { margin-right: auto; }
.secondary-mobile-menu { gap: 20px; }
.secondary-mobile-menu nav { display: flex; flex-direction: column; gap: 18px; }
.secondary-mobile-menu nav a { font: 800 30px/1 Manrope; letter-spacing: -.07em; }
.secondary-mobile-menu .mobile-budget-nav summary { font-size: 30px; }
.secondary-mobile-menu .mobile-budget-links { gap: 10px; }
.secondary-mobile-menu .mobile-budget-links a { font: 700 17px/1.2 'DM Sans', Arial, sans-serif; }
.secondary-mobile-menu[aria-hidden="true"] { visibility: hidden; }
.secondary-mobile-menu[aria-hidden="false"] { visibility: visible; }
.mobile-menu[aria-hidden="true"] { visibility: hidden; }
.mobile-menu[aria-hidden="false"] { visibility: visible; }
.secondary-mobile-menu[hidden],
.global-search-panel[hidden] { display: none !important; }
.menu-open { overflow: hidden; }
.global-search-panel[aria-hidden="true"] { visibility: hidden; }
.global-search-panel[aria-hidden="false"] { visibility: visible; }

.product-image > img,
.category-product-image > img,
.standalone-product-image > img,
.related-product-card > img,
.product-variant-option > img { content-visibility: auto; }

.product-evidence {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 72px;
}

.product-evidence-card {
  padding: 22px;
  background: #edf2e4;
  border-radius: var(--radius);
}

.product-evidence-card h2 { font: 700 18px/1.1 Manrope; letter-spacing: -.04em; margin: 0 0 14px; }
.product-evidence-card p,
.product-evidence-card li { color: var(--muted); font-size: 12px; line-height: 1.65; }
.product-evidence-card ul { margin: 0; padding-left: 18px; }
.product-evidence-card li + li { margin-top: 7px; }

.product-comparison {
  margin-top: 72px;
  border-top: 1px solid var(--line);
  padding-top: 34px;
}

.product-comparison h2 { font: 800 clamp(28px, 4vw, 48px)/.95 Manrope; letter-spacing: -.08em; margin: 0 0 14px; }
.product-comparison > p { max-width: 700px; color: var(--muted); font-size: 13px; line-height: 1.65; }
.comparison-table-wrap { overflow-x: auto; margin-top: 24px; border: 1px solid var(--line); background: var(--paper); }
.comparison-table { width: 100%; min-width: 620px; border-collapse: collapse; font-size: 12px; }
.comparison-table th,
.comparison-table td { padding: 14px 16px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.comparison-table th { font-size: 10px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); background: #edf2e4; }
.comparison-table tr:last-child td { border-bottom: 0; }
.comparison-table a { text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 760px) {
  .category-header.has-secondary-menu { justify-content: flex-start; gap: 12px; }
  .category-header.has-secondary-menu > .wordmark { margin-right: 0; }
  .category-header.has-secondary-menu > .global-nav-links { display: none; }
  .category-header.has-secondary-menu > .secondary-menu-toggle { display: block; flex: 0 0 auto; }
  .secondary-mobile-menu { padding: 78px 24px 45px; }
  .product-evidence { grid-template-columns: 1fr; margin-top: 62px; }
  .product-evidence-card { padding: 20px; }
  .product-comparison { margin-top: 62px; }
  .comparison-table { min-width: 560px; }
}