.catalog-page{background:white;color:#112452}.catalog-wrap{width:calc(100% - 64px);max-width:1200px;margin:auto}.catalog-hero{background:linear-gradient(90deg,#fff9f0f5,#fff6e7a0,#fff4e000),url('../assets/hero-background.png') center/cover;overflow:hidden}.catalog-hero>.catalog-wrap{position:relative;min-height:310px;padding:28px 0}.catalog-hero h1{font-size:39px;margin:10px 0;color:#0e1c54;line-height:1.2}.catalog-hero em{font-style:normal;color:#fc9626}.catalog-hero p{font-size:13px;line-height:1.6;max-width:570px;position:relative;z-index:2}.catalog-values{display:flex;gap:30px;font-size:11px;color:#526789;margin-top:20px;line-height:1.5}.catalog-values span{border-top:3px solid #ffb137;padding-top:8px}.catalog-huy{position:absolute;bottom:0;left:53%;height:290px}.catalog-hero blockquote{position:absolute;right:0;top:80px;font-family:'Segoe Print',cursive;font-size:18px;line-height:1.6;transform:rotate(-6deg);margin:0;color:#183555}.catalog-hero cite{display:block;text-align:right}.catalog-content{padding:18px 0}.catalog-categories{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:24px}.catalog-categories button{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid #e5ebf4;border-radius:9px;padding:12px 7px;background:white;font:inherit;font-size:11px;color:#1b3158;cursor:pointer;min-height:86px}.catalog-categories img{width:30px;height:24px;object-fit:cover;border-radius:5px}.category-mark{font-size:25px;color:#ffae25;line-height:1}.catalog-categories [aria-pressed=true]{border-color:#ffba55;background:#fffaf1;box-shadow:0 3px 12px #fbc66c25}.catalog-filters{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr 1fr;gap:16px;align-items:end}.catalog-filters label{font-size:11px;color:#263a61}.catalog-filters select,.catalog-filters input,.catalog-news input{display:block;width:100%;min-width:0;background:white;border:1px solid #e0e7f2;border-radius:7px;padding:10px;font:inherit;font-size:12px;color:#213c65;margin-top:7px}.catalog-filters input{padding:13px}.catalog-results{display:flex;justify-content:space-between;align-items:center;margin:21px 0 12px}.catalog-results p{font-size:12px;margin:0}.catalog-results button{background:white;border:1px solid #e4ebf4;border-radius:5px;padding:6px 9px;color:#7181a2;cursor:pointer}.catalog-results [aria-pressed=true]{background:#ffc453;border-color:#ffc453;color:#182c58}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.catalog-card{min-width:0;border:1px solid #e4ebf5;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;background:white}.catalog-cover{position:relative}.catalog-cover>a{display:block}.catalog-cover img{width:100%;height:155px;object-fit:cover;display:block}.catalog-cover>span{position:absolute;top:9px;left:8px;border-radius:20px;background:#fffffff0;font-size:9px;padding:4px 8px;max-width:calc(100% - 50px)}.catalog-save{position:absolute;right:7px;top:7px;background:#10284966;border:0;border-radius:5px;color:white;padding:4px;cursor:pointer}.catalog-save svg{width:17px;height:17px;display:block}.catalog-save[aria-pressed=true]{color:#ffcb60}.catalog-copy{padding:12px;flex:1;display:flex;flex-direction:column}.catalog-copy h2{font-size:13px;line-height:1.45;margin:0 0 7px;min-height:38px}.catalog-copy h2 a{color:#142755;text-decoration:none}.catalog-copy>p{font-size:10px;line-height:1.5;color:#8998b5;margin:0 0 10px;flex:1}.catalog-meta{display:flex;justify-content:space-between;font-size:9px;color:#8192b3;margin:8px 0}.catalog-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.catalog-card-bottom b{font-size:16px;color:#fc5727}.catalog-card-bottom a{border-radius:6px;color:white;background:linear-gradient(#ffda75,#ff9e16);padding:7px 10px;text-decoration:none;font-size:15px}.catalog-grid.list{grid-template-columns:1fr}.catalog-grid.list .catalog-card{flex-direction:row}.catalog-grid.list .catalog-cover{width:220px;flex-shrink:0}.catalog-grid.list .catalog-cover img{height:100%;min-height:170px}.catalog-grid.list .catalog-copy h2{min-height:0}.catalog-grid.list .catalog-meta{justify-content:flex-start;gap:20px}#catalog-pagination{display:flex;justify-content:center;gap:7px;margin:20px 0}#catalog-pagination button{background:white;border:1px solid #e2e8f3;border-radius:5px;font:inherit;font-size:11px;padding:6px 10px;color:#385181;cursor:pointer}#catalog-pagination [aria-current]{background:#ffac27;border-color:#ffac27;color:white}#catalog-pagination button:disabled{opacity:.4;cursor:default}.catalog-ai{display:flex;align-items:center;justify-content:space-between;gap:25px;border-radius:12px;background:linear-gradient(100deg,#fff5e5,#f1f3f6);padding:23px 26px;overflow:hidden;min-height:155px}.catalog-ai h2,.catalog-news h2{font-size:24px;margin:0 0 7px;line-height:1.3}.catalog-ai p,.catalog-news p{font-size:12px;line-height:1.6;margin:0 0 13px}.catalog-ai>img{height:135px;width:140px;object-fit:contain;flex-shrink:0}.catalog-button{display:inline-block;border:0;border-radius:6px;background:linear-gradient(#ffda75,#ffa010);padding:10px 20px;font:inherit;font-size:12px;color:#142453;font-weight:600;text-decoration:none;cursor:pointer}.catalog-news{background:linear-gradient(90deg,#fff3dfdd,#fff5e688),url('../assets/hero-background.png') center/cover;margin-top:6px;overflow:hidden}.catalog-news>.catalog-wrap{position:relative;padding:26px 0;min-height:225px}.catalog-news>.catalog-wrap>div{max-width:600px}.catalog-news form{display:flex;gap:9px;max-width:500px;margin-bottom:13px}.catalog-news input{margin:0;flex:1}.catalog-news button{flex-shrink:0}.catalog-news small{font-size:10px;color:#7a8cae}.catalog-news>.catalog-wrap>img{position:absolute;right:110px;bottom:0;height:220px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.catalog-page :focus-visible{outline:2px solid #ffac28;outline-offset:3px}.catalog-page button:hover,.catalog-page a:hover{filter:brightness(.98)}#catalog-empty{font-size:14px;padding:30px;background:#f8faff;border-radius:8px;color:#8193b1}@media(max-width:1050px){.catalog-hero blockquote{display:none}.catalog-huy{left:auto;right:0;height:280px}.catalog-hero p{max-width:65%}.catalog-hero h1{font-size:34px}.catalog-news>.catalog-wrap>img{right:0}.catalog-news>.catalog-wrap>div{max-width:70%}.catalog-categories{gap:7px}.catalog-filters{gap:10px}.catalog-cover img{height:130px}.catalog-grid{gap:12px}}@media(max-width:800px){.catalog-wrap{width:calc(100% - 40px)}.catalog-categories{grid-template-columns:repeat(4,1fr)}.catalog-categories button{min-height:76px}.catalog-filters{grid-template-columns:repeat(4,1fr)}.catalog-search{grid-column:1/-1}.catalog-grid{grid-template-columns:repeat(2,1fr)}.catalog-cover img{height:150px}.catalog-hero p{max-width:72%}.catalog-huy{height:240px}.catalog-news>.catalog-wrap>img{height:200px;right:-10px}.catalog-news h2{font-size:21px}}@media(max-width:550px){.catalog-wrap{width:calc(100% - 28px)}.catalog-hero>.catalog-wrap{padding:22px 0;min-height:260px}.catalog-hero h1{font-size:29px}.catalog-hero p{font-size:12px;max-width:100%}.catalog-hero p br{display:none}.catalog-huy{display:none}.catalog-values{gap:20px;font-size:10px}.catalog-categories{grid-template-columns:repeat(3,1fr);gap:7px}.catalog-categories button{font-size:10px;padding:10px 6px}.catalog-filters{grid-template-columns:1fr 1fr;gap:10px}.catalog-grid{gap:10px}.catalog-cover img{height:100px}.catalog-copy{padding:10px}.catalog-copy h2{font-size:12px;min-height:52px}.catalog-meta{font-size:8px;gap:4px;flex-wrap:wrap}.catalog-card-bottom b{font-size:14px}.catalog-ai{padding:20px;gap:10px}.catalog-ai h2{font-size:20px}.catalog-ai p{font-size:11px}.catalog-ai>img{width:80px;height:110px}.catalog-ai .catalog-button{font-size:11px;padding:9px 14px}.catalog-news>.catalog-wrap>div{max-width:100%}.catalog-news>.catalog-wrap>img{display:none}.catalog-news form{flex-wrap:wrap}.catalog-news input{flex-basis:180px}.catalog-grid.list .catalog-cover{width:100px}.catalog-grid.list .catalog-cover img{min-height:195px}.catalog-grid.list .catalog-copy h2{font-size:12px}.catalog-grid.list .catalog-cover>span{font-size:8px;max-width:80px;left:4px;top:32px}}@media(max-width:360px){.catalog-grid:not(.list){grid-template-columns:1fr}.catalog-cover img{height:155px}.catalog-copy h2{min-height:0}.catalog-ai>img{width:60px}.catalog-categories button{font-size:9px}}
/* Visual audit: thay anh nho o danh muc bang SVG; can deu icon va card. */
.catalog-categories svg{width:31px;height:31px;flex-shrink:0}.catalog-categories button{gap:9px;min-height:91px}.catalog-results button{display:inline-grid;place-items:center;padding:6px;width:31px;height:29px}.catalog-results svg{width:18px;height:18px}.catalog-values span{border-top:0;padding-top:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.catalog-values svg{width:22px;height:22px}.catalog-card-bottom a{display:grid;place-items:center;width:32px;height:32px;padding:6px}.catalog-card-bottom a svg{width:21px;height:21px}.catalog-copy h2{min-height:42px}.catalog-grid:not(.list) .catalog-copy>p{min-height:32px}.catalog-hero blockquote{color:white;text-shadow:0 2px 8px #29170599}.catalog-grid{scroll-margin-top:90px}.catalog-meta{font-size:10px}.catalog-ai{min-height:165px}.catalog-ai>div{max-width:720px}.catalog-ai>img{width:165px;height:155px}@media(max-width:550px){.catalog-values{justify-content:space-between;gap:12px}.catalog-values svg{width:20px;height:20px}.catalog-categories svg{width:26px;height:26px}.catalog-categories button{min-height:85px}.catalog-meta{font-size:9px}.catalog-ai>img{width:85px;height:115px}.catalog-copy h2{min-height:52px}}@media(max-width:360px){.catalog-copy h2{min-height:0}}

.catalog-huy,.catalog-news>.catalog-wrap>img{width:auto}