/* POPOPHONE type scale. Reference: the supplied trade-in table screenshot. */
:root {
  --popo-font: 'Be Vietnam Pro', Arial, Helvetica, sans-serif;
  --popo-text: 16px;
  --popo-label: 14px;
  --popo-heading: 26px;
}
html.popo-typography body,
html.popo-typography :is(h1,h2,h3,h4,h5,h6,p,li,td,th,a,label,button,input,select,textarea,option,small,summary,strong,span) {
  font-family: var(--popo-font) !important;
}
html.popo-typography body {font-size:var(--popo-text);font-weight:600;line-height:1.65;}
html.popo-typography :is(p,li,.section-desc,.lead-copy p,.hero p,.hero-description,.deal-body p,.quote p,.footer) {
  font-size:var(--popo-text) !important;line-height:1.65 !important;font-weight:600;letter-spacing:normal;
}
html.popo-typography :is(h1,.hero h1,.hero.hero-fixed-layout.hero-showcase h1) {
  font-size:36px !important;line-height:1.25 !important;font-weight:800 !important;letter-spacing:-.7px !important;
}
html.popo-typography :is(h2,.section-title,.lead-copy h2,.popup-box h2,#san-pham .section-title) {
  font-size:var(--popo-heading) !important;line-height:1.35 !important;font-weight:800 !important;letter-spacing:-.4px !important;
}
html.popo-typography :is(h3,.deal-body h3,.feature h3) {
  font-size:var(--popo-text) !important;line-height:1.5 !important;font-weight:800 !important;letter-spacing:normal !important;
}
html.popo-typography :is(.price,#productGrid .price,.trade-price) {
  font-size:var(--popo-text) !important;line-height:1.6 !important;font-weight:900 !important;letter-spacing:normal !important;font-variant-numeric:tabular-nums;
}
html.popo-typography :is(.trade-table td,table td) {
  font-size:var(--popo-text) !important;line-height:1.65 !important;font-weight:800 !important;
}
html.popo-typography :is(.trade-table th,table th) {
  font-size:var(--popo-label) !important;line-height:1.55 !important;font-weight:800 !important;
}
html.popo-typography :is(button,.btn,.filter-btn,.hero.hero-showcase .hero-actions .btn,.nav-links a,.sticky-cta .btn) {
  font-size:var(--popo-label) !important;line-height:1.5 !important;font-weight:800 !important;letter-spacing:normal !important;
}
html.popo-typography :is(input,select,textarea,.input,.select,.product-variant) {
  font-size:var(--popo-text) !important;line-height:1.5 !important;font-weight:600 !important;letter-spacing:normal !important;
}
html.popo-typography :is(label,.catalog-controls label,.variant-label,.chip,.label-sale,.badge,.grade-help,.grade-help summary,.trade-note,.old-price,#price-note,#catalog-count,.hero-reassurance,.hero-eyebrow,.hero-service span,.festive-badge,.note,small,.form-note) {
  font-size:var(--popo-label) !important;line-height:1.6 !important;letter-spacing:normal !important;
}
html.popo-typography :is(.hero-service strong,.trust-card strong) {font-size:var(--popo-text) !important;line-height:1.55 !important;font-weight:800 !important;}
html.popo-typography .hero-service {align-items:flex-start;}
html.popo-typography .hero-service>svg {margin-top:2px;}
html.popo-typography .hero-eyebrow {font-weight:700;}
html.popo-typography .hero.hero-showcase .hero-copy {min-width:0;}
html.popo-typography .deal-body h3 {min-height:0;}
html.popo-typography .product-variant {min-height:46px;max-width:100%;}
html.popo-typography .catalog-controls {align-items:end;}
html.popo-typography :is(.festive-heading,.hero-reassurance) {height:auto;min-height:40px;}
html.popo-typography .festive-heading {margin-bottom:16px;}
html.popo-typography .sticky-cta .btn {white-space:normal;}
html.popo-typography .christmas-toggle {font-size:var(--popo-label) !important;line-height:1.5 !important;}
@media(max-width:700px) {
  html.popo-typography :is(h1,.hero h1,.hero.hero-fixed-layout.hero-showcase h1) {font-size:28px !important;letter-spacing:-.5px !important;}
  html.popo-typography :is(h2,.section-title,.lead-copy h2,.popup-box h2,#san-pham .section-title) {font-size:24px !important;}
  html.popo-typography .hero.hero-showcase .hero-actions {display:flex;flex-direction:column;align-items:stretch;}
  html.popo-typography .hero.hero-showcase .hero-actions .btn {width:100%;min-height:48px;}
  html.popo-typography .catalog-controls {grid-template-columns:minmax(0,1fr);}
  html.popo-typography .hero-service-strip {grid-template-columns:1fr;}
  html.popo-typography .sticky-cta .btn {font-size:var(--popo-label) !important;padding:11px 5px;}
}
@media(min-width:701px) and (max-width:980px) {
  html.popo-typography .hero.hero-showcase .hero-grid {grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
  html.popo-typography .hero.hero-fixed-layout.hero-showcase h1 {font-size:30px !important;}
  html.popo-typography .hero.hero-showcase .hero-actions {flex-direction:column;align-items:stretch;}
  html.popo-typography .hero.hero-showcase .hero-actions .btn {width:100%;}
}

/* Keep card height stable when switching one price to a range. */
html.popo-typography #productGrid .price{min-height:3.2em;}