/* Shared reading scale, loaded after desktop/mobile styles. */
:root{--text-body:1rem;--text-note:.875rem;--text-small:.8125rem}
body{font-size:var(--text-body);line-height:1.6}
.nav{font-size:1rem}
#saved-count,.mobile-nav b{font-size:.75rem}
.eyebrow,.hero .eyebrow,.brand-eyebrow{font-size:.8125rem}
.hero h1{font-size:2.25rem;line-height:1.4}
.hero-desc,.hero.brand-hero .hero-desc{font-size:1rem;line-height:1.8}
.hero-categories,.brand-features span{font-size:var(--text-note)}
.primary,.hero .primary,.more,.install-button{font-size:1rem;line-height:1.6}
.data-strip{font-size:var(--text-note);line-height:1.7}
.section-heading h2,.catalog-heading h2{font-size:1.625rem;line-height:1.45}
.section-heading p:not(.eyebrow),.text-button,.carousel-toolbar,.catalog-note,.catalog-search-hint{font-size:var(--text-note);line-height:1.7}
.search input,.header-search input,.header-search input::placeholder{font-size:1rem}
.category,.filter-row,.sort-label,.sort-label select{font-size:.9375rem}
.count{font-size:1rem}
.badge,.product-art .badge{font-size:.75rem;line-height:1.5}
.meta{font-size:var(--text-small);line-height:1.6;gap:6px;flex-wrap:wrap}
.card h3,.hot-grid .card h3{font-size:1rem;line-height:1.6;height:auto;min-height:3.2em;-webkit-line-clamp:2;overflow-wrap:anywhere}
.price-line strong{font-size:1.75rem;line-height:1.35}
.price-line .unit,.discount{font-size:1rem}
.average,.card-foot{font-size:var(--text-small);line-height:1.7}
.card-foot{flex-wrap:wrap;gap:4px 10px}
.method h3{font-size:1.0625rem;line-height:1.6}
.method p,footer p,.footer-channels a,#install-status,.footer-end{font-size:var(--text-note);line-height:1.8}
.footer-end{flex-wrap:wrap;gap:12px}
.detail-toolbar,#close-detail{font-size:1rem}
.detail-info h2{font-size:1.375rem;line-height:1.6}
.detail-info .meta{font-size:var(--text-small)}
.detail-info .price-line strong{font-size:2rem}
.verdict{font-size:1rem;line-height:1.8}
.stat span{font-size:var(--text-small);line-height:1.6}
.stat b{font-size:1.25rem;overflow-wrap:anywhere}
.chart-heading h3{font-size:1.125rem}
#chart svg text{font-size:13px;fill:#64748b}
.ranges button,.chart-scrubber,.chart-caption{font-size:var(--text-small);line-height:1.7}
.chart-tip,.history-table,details,.variant-list p,.variant-list button{font-size:var(--text-note);line-height:1.7}
.variant-list small{font-size:var(--text-small)}
.buy-section .primary{font-size:1.0625rem}
.buy-section p{font-size:var(--text-small);line-height:1.8}
#toast{font-size:.9375rem;line-height:1.6}
#install-help p,#install-help li{font-size:1rem}
#install-help code{font-size:var(--text-small)}
@media(max-width:650px){
  .hero h1{font-size:2rem}
  .section-heading h2,.catalog-heading h2{font-size:1.5rem}
  .hero.brand-hero{padding:22px 20px}
  .mobile-nav button{font-size:var(--text-small)}
  .hot-section .text-button{font-size:var(--text-note)}
  .product-grid .card h3{min-height:4.8em;-webkit-line-clamp:3}
  .card-body{padding:14px 10px}
  .price-line strong{font-size:1.5rem;letter-spacing:-.04em}
  .detail-info h2{font-size:1.25rem}
  .detail-info .price-line strong{font-size:2rem}
  .detail-top{grid-template-columns:64px minmax(0,1fr);gap:12px}
  .stat b{font-size:1rem}
  .stat{padding:12px 6px}
  .footer-channels a{white-space:normal}
  .footer-channels .social-icon{flex-shrink:0}
}
@media(max-width:359px){
  .hero h1{font-size:1.875rem}
  .product-grid .card h3{min-height:3.2em;-webkit-line-clamp:2}
  .detail-top{grid-template-columns:1fr}
}