/* goclamviec: khớp mockup (11-01) — mockup 822px ~ 1440 (x1.75) */
section.gl-usp { display: block !important; }
.gl-cb .gl-ci { aspect-ratio: auto !important; background: none !important; }
.gl-cb .gl-ci img { aspect-ratio: 1.64 / 1 !important; object-fit: cover; }
.gl-gn { --n: 4 !important; --gap: 22px !important; }
.gl-news .b9-po-img img { aspect-ratio: 1.56 / 1 !important; }
body, .gl-sec, .gl-usp { background: #fbf8f3; }
section.gl-sec { background-color: #fbf8f3 !important; }
section.gl-usp { background-color: #f3ebe0 !important; }
.header-cart-link .header-cart-title { display: none !important; }
.header-cart-link i.icon-shopping-bag, .header-cart-link i.icon-shopping-cart, .header-cart-link i.icon-shopping-basket { display: inline-block; width: 30px; height: 30px; background: url("icons/bag.png") center / contain no-repeat; font-size: 0 !important; vertical-align: middle; }
.header-cart-link i::before { content: none !important; }
.header-cart-link i::after { display: none !important; }
.gl-g .b9-pc-b { padding: 14px 0 0 !important; }
@media (min-width: 850px) {
 #header .header-main { height: 100px !important; } #header .header-inner { min-height: 100px; }
 #header #logo, #header #logo a { width: 236px !important; } #header #logo a { height: 58px !important; }
 #header .header-nav > li > a { font-size: 15.5px !important; } #header .header-nav > li { margin: 0 15px !important; }
 .gl-hero, .gl-hero .row { min-height: 660px !important; }
 .gl-h1 { font-size: 62px !important; line-height: 1.16 !important; margin-bottom: 14px !important; }
 .gl-hs { font-size: 25px !important; margin-bottom: 40px !important; }
 a.gl-btn { min-height: 62px !important; padding: 0 44px !important; font-size: 19px !important; border-radius: 4px !important; }
 .gl-sec { padding: 44px 0 !important; }
 .gl-hd { margin-bottom: 26px !important; } .gl-hd h2 { font-size: 32px !important; font-weight: 600 !important; }
 a.gl-all { font-size: 17px !important; } a.gl-all img { width: 18px !important; }
 .gl-cb { gap: 32px !important; } .gl-cr { margin-top: 16px !important; } .gl-cr b { font-size: 22px !important; } .gl-cr span { font-size: 18px !important; font-weight: 600; color: #3a2e25 !important; }
 a.gl-b1 { min-height: 48px !important; padding: 0 32px !important; font-size: 16px !important; }
 .gl-g { --gap: 30px !important; --pc-ar: 1.43 / 1 !important; }
 .gl-g .b9-pc-t { font-size: 19px !important; } .gl-g .b9-pc-p, .gl-g .b9-pc-ct { font-size: 19px !important; margin-bottom: 16px !important; }
 .gl-g a.b9-btn, .gl-g a.b9-btn-o { min-height: 46px !important; font-size: 15px !important; }
 .gl-us > div { padding: 46px 12px !important; font-size: 23px !important; gap: 24px !important; } .gl-us img { width: 54px !important; height: 54px !important; }
 .gl-news .b9-po-t { font-size: 20px !important; line-height: 1.4 !important; } .gl-news .b9-more { font-size: 17px !important; }
 .gl-ft-logo { height: 72px !important; } .gl-ft-brand p { font-size: 16px !important; } .gl-ft-h { font-size: 17px !important; } .gl-ft li { font-size: 15.5px !important; }
}
@media (max-width: 849px) { .gl-gn { --n: 2 !important; } .gl-hero, .gl-hero .row { min-height: 420px !important; } .gl-g .b9-pc-btn { grid-template-columns: 1fr !important; } }
.gl-g .b9-pc-img { background: #f9f5ef !important; }
/* ruler:auto BEGIN — tools/astra-bridge/lab/ruler_fix.py, đừng sửa tay */
@media (min-width: 850px) {
  .gl-g h3.b9-pc-t { font-size: 18px !important; }
  .gl-gn h3.b9-po-t { font-size: 21px !important; }
  .gl-us img { width: 60px !important; height: 60px !important; max-width: none !important; flex: 0 0 auto !important; object-fit: contain; }
}
@media (max-width: 849px) {
  .gl-us img { width: 54px !important; height: 54px !important; }
}
/* ruler:auto END */
section.gl-usp { padding: 0 !important; }
@media (min-width: 850px) { .gl-us > div { padding: 36px 12px !important; } }