/* party: sửa trùng lớp + khớp mockup (10-31) */
section.pt-cats { display: flex !important; padding: 34px 0 10px !important; }
.pt-cats .pt-cc a { background: none !important; border-radius: 0; overflow: visible; }
.pt-cc span { width: 132px; height: 132px; margin-bottom: 14px; }
.pt-cc img { width: 118px; height: 118px; }
.pt-cats .pt-cc b { color: #1d2d50 !important; padding: 0; font-size: 16px; font-weight: 600; }
.pt-hero, .pt-hero .row { min-height: 440px; }
.pt-h1 { font-size: 54px !important; line-height: 1.16 !important; }
.pt-hs { font-size: 18px; }
.pt-combo { min-height: 250px; background-size: 50% auto !important; background-position: right center !important; }
.pt-combo::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #c6ecf0 0%, #c6ecf0 50%, rgba(198,236,240,0) 62%); z-index: 1; } .pt-combo .section-content { position: relative; z-index: 2; }
.pt-combo .row > .col:first-child { flex-basis: 64%; max-width: 64%; }
.pt-combo .pt-ci { aspect-ratio: auto !important; background: none !important; padding: 44px 0 !important; }
.pt-ci h2 { font-size: 38px !important; }
.pt-ci p { font-size: 17px; }
/* ruler:manual (mockup chữ to ~1.4x) */
#logo a { width: 300px !important; height: 100px !important; } #logo { width: 300px !important; }
#header .header-search-form .search-field { height: 48px !important; font-size: 15px; } #header .header-search-form .ux-search-submit { height: 48px !important; width: 56px; }
#header .cart-item .header-cart-title { font-size: 15px; }
.pt-hd h2 { font-size: 38px !important; } .pt-hd p { font-size: 16px; } a.pt-all { font-size: 15px; } a.pt-all img { width: 16px; }
.pt-g .b9-pc-t { font-size: 16.5px !important; } .pt-g .b9-pc-p { font-size: 18px !important; } .pt-g a.b9-btn { font-size: 14px !important; } .pt-g a.b9-btn-o { font-size: 14px !important; min-height: 40px !important; }
.pt-rt h2 { font-size: 40px !important; } .pt-rt p { font-size: 16px; }
.pt-news .b9-po-t { font-size: 19px !important; } .pt-news .b9-more { font-size: 15px; }
.pt-ci h2 { font-size: 38px !important; white-space: nowrap; }
#header .header-bottom-nav > li > a { font-size: 15.5px !important; }
.pt-tb { font-size: 14px; } .pt-tb img { width: 22px; }
@media (max-width: 849px) {
  #logo a { width: 180px !important; height: 60px !important; } #logo { width: 180px !important; }
  .pt-hero, .pt-hero .row { min-height: 300px; } .pt-h1 { font-size: 30px !important; }
  .pt-cc span { width: 96px; height: 96px; } .pt-cc img { width: 86px; height: 86px; } .pt-hd h2 { font-size: 26px !important; } .pt-rt h2 { font-size: 28px !important; }
  .pt-combo { background-size: cover !important; } .pt-combo .pt-ci { background: rgba(198,236,240,.88) !important; padding: 24px 16px !important; } .pt-ci h2 { font-size: 26px !important; white-space: normal; } .pt-combo .row > .col:first-child { flex-basis: 100%; max-width: 100%; } .pt-combo::before { background: none; }
}
.pt-ci p, .pt-hs { font-size: 18px !important; } a.pt-btn { min-height: 52px !important; font-size: 16px !important; padding: 0 30px !important; } a.pt-btn img { width: 16px !important; }
.pt-reg input, .pt-reg button { height: 50px !important; font-size: 15px; } .pt-reg input { width: 220px !important; }
@media (max-width: 849px) { .pt-reg input { width: 100% !important; } }
.pt-ft .pt-ft-logo { height: 84px !important; width: auto !important; max-width: 100%; } .pt-ft-h { font-size: 18px !important; }
.pt-ft-c a, .pt-ft-c li, .pt-ft-c p, .pt-ft-ct, .pt-ft-desc { font-size: 15.5px !important; } .pt-ft-copy { font-size: 14px !important; }
.pt-news .pt-hd h2 { font-size: 34px !important; }
@media (max-width: 549px) { .pt-ft .pt-ft-in { grid-template-columns: 1fr !important; } .pt-ft-ct, .pt-ft-ct a { overflow-wrap: anywhere; } }