/* Shared customer-facing components. Native form logic and article content stay intact. */
.container { max-width: 1160px; }
.container > h1,
.article h1.article-title,
.banner_right h1 {
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: -.3px;
}
.search-results-subheading { font-size: 28px; line-height: 1.3; }
.search-result-title { font-size: 16px; line-height: 1.5; }
.search-product-label { color: var(--jk-accent); font-weight: 600; }
.search-results .sidenav-item.current,
#product-support-app .sub-tab-button.active,
#jackery-product-section .tab-item.active {
  background: var(--jk-subtle);
  color: var(--jk-ink);
  border-color: var(--jk-accent);
}
#jackery-product-section .article-icon { background: var(--jk-subtle); }
#jackery-product-section .article-link:hover { background: var(--jk-subtle); }
#jackery-product-section .product-article-meta,
.search-result-list-item .meta-data { color: var(--jk-muted); }
#jackery-product-section .tab-item { min-height: 44px; }
#jackery-product-section .tab-item:focus-visible,
.header a:focus-visible,
.search-result-title a:focus-visible,
button:focus-visible,
.button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid var(--jk-accent);
  outline-offset: 3px;
}
.button, .button-primary, .button-secondary, .submit-request-btn,
input[type="submit"], .form input[type="text"], .form input[type="email"],
.form textarea, .nesty-input,
#jackery-product-section .article-sort-select,
#jackery-product-section .article-link,
#jackery-product-section .article-icon { border-radius: var(--jk-radius); }
.button, input[type="submit"], .article-vote, .submit-request-btn { min-height: 40px; }
.submit-request-btn { border-radius: var(--jk-radius); }
.section.home-section.activity .recent-activity-see-more {
  display: flex; align-items: center; justify-content: center;
  width: fit-content; border: 1px solid var(--jk-accent);
  border-radius: 999px; color: var(--jk-accent); background: var(--jk-surface);
  font-weight: 600;
}
.section.home-section.activity .recent-activity-see-more:hover {
  color: var(--jk-on-accent); background: var(--jk-accent);
}
.service-card { border-radius: 12px; }
.service-card:hover, .service-card:focus-visible { border-color: var(--jk-accent); }
.center_title, .recent-activity-header { font-size: 32px; line-height: 1.25; }
.search input[type="search"] { border-color: var(--jk-border); }
.search-result-list-item { padding: 24px 0; border-bottom: 1px solid var(--jk-border); }
.article .article-body { line-height: 1.75; }
.article .article-header { padding-bottom: 24px; border-bottom-color: var(--jk-border); }
.article .article-meta { font-size: 13px; color: var(--jk-muted); }
.form input, .form textarea { border-color: var(--jk-border); }
.footer { border-top-color: var(--jk-border); }
.section.home-section.activity .recent-activity-see-more {
  min-width: 140px; margin: 16px auto 4px; padding: 8px 20px; font-size: 13px;
}
@media (max-width: 767px) {
  .container > h1, .article h1.article-title, .banner_right h1,
  .center_title, .recent-activity-header { font-size: 26px; }
  .search-results-subheading { font-size: 24px; }
  #jackery-product-section .banner { height: 160px; }
  #jackery-product-section .banner_right { width: 100%; }
  #jackery-product-section .manual-tabs-container { gap: 16px; }
  #jackery-product-section .manual-tabs-menu { padding: 4px; gap: 4px; }
  #jackery-product-section .tab-item { border-left: 0; border-bottom: 3px solid transparent; }
  #jackery-product-section .tab-item.active { border-bottom-color: var(--jk-accent); }
  #jackery-product-section .manual-tabs-right { width: 100%; min-width: 0; }
  #jackery-product-section .article-sort { flex-wrap: wrap; }
  #jackery-product-section .product-article-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}
@media (prefers-reduced-motion: reduce) {
  #jackery-product-section *, .search-results * { transition: none; scroll-behavior: auto; }
}