/* quattran: khớp mockup (11-01) — mockup 854px ~ 1440 (x1.7) */
@media (min-width: 850px) {
 #logo, #logo a { width: 230px !important; } #header #logo a { height: 66px !important; }
 .qq-hg { grid-template-columns: 290px 1fr !important; }
 .qq-cat-h { font-size: 17px !important; padding: 19px 20px !important; }
 .qq-cat-h img { width: 12px !important; }
 .qq-cat a { font-size: 15px !important; padding: 18px 20px !important; gap: 16px !important; }
 .qq-cat a > img:first-child { width: 28px !important; height: 28px !important; }
 .qq-cat a .qq-ca { width: 11px !important; }
 .qq-hb { min-height: 496px !important; }
 .qq-ht { padding-left: 52px !important; }
 .qq-h1 { font-size: 52px !important; line-height: 1.16 !important; margin-bottom: 14px !important; }
 .qq-ht p { font-size: 21px !important; margin-bottom: 26px !important; }
 a.qq-btn { min-height: 52px !important; font-size: 17px !important; padding: 0 36px !important; }
 .qq-usp > div { padding: 34px 26px !important; gap: 20px !important; }
 .qq-usp img { width: 56px !important; height: 56px !important; }
 .qq-usp b { font-size: 18px !important; margin-bottom: 4px; }
 .qq-usp em { font-size: 15px !important; }
 .qq-prodsec { padding: 34px 0 !important; }
 .qq-hd h2 { font-size: 33px !important; }
 .qq-all { font-size: 16px !important; }
}
.header-cart-title { font-size: 14px; font-weight: 500; text-transform: none; }
/* ruler:auto BEGIN — tools/astra-bridge/lab/ruler_fix.py, đừng sửa tay */
@media (min-width: 850px) {
  .qq-bi h2 { font-size: 34.3px !important; }
  .qq-g h3.b9-pc-t { font-size: 19.3px !important; }
  .qq-gn h3.b9-po-t { font-size: 19.8px !important; }
  .qq-hd h2 { font-size: 38.3px !important; }
  .qq-usp img { width: 68px !important; height: 68px !important; max-width: none !important; flex: 0 0 auto !important; object-fit: contain; }
}
@media (max-width: 849px) {
  .qq-usp img { width: 56px !important; height: 56px !important; }
}
/* ruler:auto END */
/* ruler:manual */
@media (min-width: 850px) {
  .qq-g .b9-pc-pr, .qq-g .b9-pc-p { font-size: 21px !important; }
  .qq-usp img { width: 60px !important; height: 60px !important; }
}
@media (max-width: 849px) {
  .qq-usp img { width: 40px !important; height: 40px !important; }
  .qq-g .b9-pc-btn { display: grid !important; grid-template-columns: 1fr !important; gap: 6px !important; }
  .qq-g .b9-pc-btn a { width: 100% !important; margin: 0 !important; text-align: center; }
}
@media (min-width: 850px) { .qq-hd h2 { font-size: 31px !important; } }
@media (max-width: 849px) {
  .qq-hb { min-height: 360px !important; align-items: flex-end !important; background-position: 70% center !important; }
  .qq-ht { background: rgba(255,255,255,.92); margin: 14px; padding: 16px 18px !important; border-radius: 4px; }
  .qq-ht p { color: #1f2330 !important; font-size: 15px !important; }
}