/* thucphamsach — canh theo mockup v2 (11-01): mockup 895px = trang 1440 (x1.61); chữ/khối ~1.4-1.6x bản dựng đầu */
#top-bar .flex-row { min-height: 40px; } .tp-tb { font-size: 14.5px !important; font-weight: 500; }
#header .header-main { height: 100px !important; }
#header #logo { width: 280px !important; flex: 0 0 280px; } #header #logo a { width: 280px !important; height: 64px !important; }
#header .header-main .header-nav-main > li > a { font-size: 16px !important; font-weight: 500 !important; text-transform: none !important; }
#header .header-main .header-nav-main > li { margin: 0 16px !important; }
#header .header-cart-link i, #header .cart-icon { font-size: 30px !important; }
.tp-top { padding: 8px 0 0 !important; }
.tp-hb { min-height: 530px !important; border-radius: 16px !important; }
.tp-ht { padding-left: 72px !important; max-width: 58% !important; }
.tp-h1 { font-weight: 500 !important; font-size: 62px !important; line-height: 1.06 !important; margin-bottom: 22px !important; }
.tp-ht p { font-size: 20px !important; margin-bottom: 30px !important; }
a.tp-btn { min-height: 54px !important; padding: 0 46px !important; font-size: 17px !important; border-radius: 6px !important; }
.tp-cat { padding: 40px 0 24px !important; }
.tp-cg span { width: 100px !important; height: 100px !important; margin-bottom: 14px !important; }
.tp-cg img { width: 54px !important; height: 54px !important; }
.tp-cg b { font-size: 17px !important; }
.tp-prodsec { padding: 44px 0 40px !important; } .tp-cb { padding: 40px 0 56px !important; } .tp-feat { padding: 44px 0 !important; }
.tp-hd { margin-bottom: 28px !important; }
.tp-hd h2, .tp-prodsec .tp-hd h2 { font-size: 52px !important; font-weight: 500 !important; }
a.tp-all { font-size: 16px !important; } a.tp-all img { width: 17px !important; }
.tp-g { gap: 28px !important; }
.tp-g .b9-pc-t, .tp-g h3.b9-pc-t { font: 500 21px/1.3 "Playfair Display", Georgia, serif !important; color: #173d26 !important; margin-top: 12px !important; }
.tp-g .b9-pc-p, .tp-g .b9-pc-ct { font-size: 19px !important; }
.tp-g a.b9-btn, .tp-g a.b9-btn-o { min-height: 50px !important; font-size: 16px !important; }
.tp-g .b9-pc-btn { gap: 14px !important; }
@media (min-width: 850px) { .tp-fg { gap: 54px !important; grid-template-columns: 1.2fr 1fr !important; } }
.tp-fx h2 { font-weight: 500 !important; font-size: 44px !important; line-height: 1.12 !important; margin-bottom: 26px !important; }
.tp-fx li { font-size: 19px !important; gap: 18px !important; margin-bottom: 16px !important; }
.tp-fx li img { width: 26px !important; }
a.tp-b2 { min-height: 52px !important; padding: 0 44px !important; font-size: 16px !important; margin-top: 10px; }
.tp-cbg { gap: 22px !important; } .tp-cbg b { font-size: 21px !important; margin-top: 14px !important; }
@media (max-width: 849px) {
  #header .header-main { height: 70px !important; } #header #logo { width: 190px !important; flex-basis: 190px; } #header #logo a { width: 190px !important; height: 44px !important; }
  .tp-hb { min-height: 600px !important; background-size: 175% auto !important; background-position: 78% 100% !important; align-items: flex-start !important; }
  .tp-ht { max-width: 100% !important; padding: 34px 22px !important; }
  .tp-h1 { font-size: 40px !important; } .tp-ht p { font-size: 17px !important; }
  .tp-cg span { width: 76px !important; height: 76px !important; } .tp-cg img { width: 40px !important; height: 40px !important; } .tp-cg b { font-size: 15px !important; }
  .tp-hd h2, .tp-prodsec .tp-hd h2 { font-size: 34px !important; }
  .tp-fx h2 { font-size: 32px !important; } .tp-fx li { font-size: 17px !important; }
  .tp-g .b9-pc-t, .tp-g h3.b9-pc-t, .tp-cbg b { font-size: 19px !important; }
  .tp-g .b9-pc-btn { grid-template-columns: 1fr !important; gap: 8px !important; } .tp-g a.b9-btn, .tp-g a.b9-btn-o { min-height: 42px !important; font-size: 14px !important; }
  .tp-fg { gap: 22px !important; }
}
body .tp-g a.b9-btn { background: #fff !important; color: #173d26 !important; border: 1px solid #1f5a36 !important; }
body .tp-g a.b9-btn-o { background: #e08a24 !important; color: #fff !important; border: 1px solid #e08a24 !important; }
@media (min-width: 850px) { .tp-h1 { font-size: 58px !important; } }