[hidden]{display:none!important}
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Be+Vietnam+Pro:wght@400;500;600&display=swap" rel="stylesheet">

body{margin:0;background:#F6F2EA;color:#1E2A22;font-family:'Be Vietnam Pro',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#1F4B3A;text-decoration:none}a:hover{color:#B8903F}
.serif{font-family:'Cormorant Garamond',Georgia,serif}
.wrap{max-width:1240px;margin:0 auto;padding:0 40px}
.nav a{font-size:15px;font-weight:500;color:#1E2A22}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:999px;font-weight:600;font-size:15px;border:0;cursor:pointer;font-family:inherit}
.btn-p{background:#1F4B3A;color:#F6F2EA}.btn-p:hover{background:#163728;color:#F6F2EA}
.btn-o{background:transparent;color:#1F4B3A;border:1.5px solid #1F4B3A}.btn-o:hover{background:#1F4B3A;color:#F6F2EA}
.btn-g{background:#B8903F;color:#1E2A22}
.menu-btn{display:none!important}.btn-g:hover{background:#A07A2E;color:#1E2A22}
.eyebrow{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#B8903F;font-weight:600}
.h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:48px;line-height:1.1;font-weight:600;margin:0;color:#1E2A22}
.lead{font-size:17px;line-height:1.65;color:#4A574F;margin:0}
.card{background:#FFFFFF;border:1px solid #E6DFD2;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.card:hover{box-shadow:0 14px 40px rgba(30,42,34,.10)}
.ph{background:#DCE5DD;display:flex;align-items:center;justify-content:center;color:#1F4B3A;font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:600}
.ph-d{background:#1F4B3A;color:#CFE0D2}
.ph-g{background:#EADFC4;color:#6E5520}
.tag{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#1F4B3A;background:#E8EFE9;padding:6px 10px;border-radius:6px}
.meta{font-size:13px;color:#6B7770}
.card h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:26px;line-height:1.2;margin:0;font-weight:600}
.card p{margin:0;font-size:15px;line-height:1.6;color:#4A574F}
.quote{font-family:'Cormorant Garamond',Georgia,serif;font-size:22px;line-height:1.45;font-style:italic;color:#1E2A22;margin:0}
.avatar{width:48px;height:48px;border-radius:50%;background:#DCE5DD;border:2px solid #B8903F;flex-shrink:0}
.star{width:18px;height:18px}
input{font-family:inherit}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
@media (max-width:900px){.vid-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid3,.grid2{grid-template-columns:repeat(1,minmax(0,1fr))}.h2{font-size:36px}.wrap{padding:0 20px}.nav{display:none!important}.search-btn{display:none!important}.menu-btn{display:inline-flex!important}.hero-cta .btn{flex:1 1 100%}}
#mobile-nav a{padding:14px 20px;font-weight:500;color:#1E2A22}
html{scroll-behavior:smooth}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr!important;padding-top:48px!important;padding-bottom:48px!important}h1{font-size:44px!important}.trust{grid-template-columns:repeat(2,minmax(0,1fr))!important}.foot{grid-template-columns:1fr 1fr!important}.chat-grid{grid-template-columns:1fr!important}}
@media (max-width:600px){.vid-grid{grid-template-columns:1fr!important}.foot{grid-template-columns:1fr!important}}

.wordmark{white-space:nowrap}
@media (max-width:900px){.hero-img > div:last-child{left:12px!important;right:12px;bottom:12px!important;padding:12px 14px!important}.hero-img > div:last-child svg{width:28px;height:28px}}
@media (max-width:600px){.cta-head{display:none!important}.wordmark{font-size:24px!important}}

/* trang danh mục */
.tab{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;border:1.5px solid #E6DFD2;background:#FFFFFF;font-weight:600;font-size:14px;color:#1E2A22;cursor:pointer;font-family:inherit}
.tab:hover{border-color:#1F4B3A}.tab-on{background:#1F4B3A;border-color:#1F4B3A;color:#F6F2EA}
.crumb{font-size:13px;color:#6B7770}.crumb a{color:#6B7770}
.page{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:12px;border:1px solid #E6DFD2;background:#FFFFFF;font-weight:600;font-size:14px;color:#1E2A22}
.page-on{background:#1F4B3A;color:#F6F2EA;border-color:#1F4B3A}
.side{display:flex;flex-direction:column;gap:24px}
.side h4{font-family:'Cormorant Garamond',Georgia,serif;font-size:24px;margin:0;font-weight:600}
.side a{font-size:15px;color:#1E2A22}.side a:hover{color:#B8903F}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start}
@media (max-width:1000px){.layout{grid-template-columns:1fr}}

.post[hidden]{display:none!important}
@media (max-width:900px){.sticky-filter{position:static!important}}