.catalog-page{padding:28px var(--page-gutter) 65px;min-height:70vh}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:13px;color:#777}.breadcrumb i{font-size:9px}.breadcrumb a:hover{color:#222}.catalog-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:30px 0}.catalog-heading h1{font-size:32px;letter-spacing:-1px;font-weight:650;margin:0}.catalog-heading>span{font-size:13px;color:#777}.catalog-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:35px}.catalog-filters{align-self:start;border:1px solid #e7e7e1;border-radius:8px;padding:20px;position:sticky;top:115px}.filter-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.filter-heading h2{font-size:16px;margin:0;display:flex;gap:9px;align-items:center}.filter-heading h2 i{font-size:14px}.filter-heading button{padding:0;font-size:11px;color:#777;text-decoration:underline}.catalog-filters fieldset{border:0;border-top:1px solid #eee;margin:20px 0 0;padding:18px 0 0}.catalog-filters legend{float:left;width:100%;font-size:14px;font-weight:600;margin-bottom:15px}.catalog-filters fieldset>label{display:flex;align-items:center;gap:9px;font-size:13px;margin-bottom:13px;cursor:pointer}.catalog-filters input[type=checkbox]{accent-color:#222;width:15px;height:15px;margin:0}.price-fields{display:grid;grid-template-columns:1fr;gap:10px;clear:both}.price-fields label>span{font-size:11px;color:#777;display:block;margin-bottom:6px}.price-fields input{width:100%;border:1px solid #deded8;border-radius:4px;padding:10px;font-size:12px}.apply-filter{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 8px;margin-top:18px;background:#222;color:#fff;border-radius:5px;font-size:12px}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}#catalog-search{display:flex;align-items:center;max-width:310px;flex:1;border:1px solid #deded8;border-radius:6px;padding:0 7px}#catalog-query{border:0;background:none;min-width:0;width:100%;padding:12px;font-size:13px}#catalog-search button{padding:10px;font-size:14px}.sort-label{display:flex;align-items:center;gap:10px;font-size:12px;color:#777}.sort-label select{border:1px solid #deded8;padding:11px 25px 11px 12px;background:white;border-radius:5px;font-size:12px;color:#222}.catalog-results .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 20px}.filter-chip{font-size:11px;background:#f3f3ef;border-radius:20px;padding:8px 12px;display:inline-flex;gap:10px;align-items:center;margin:0 8px 18px 0}.filter-chip i{font-size:10px}.catalog-empty{text-align:center;padding:80px 20px}.catalog-empty>i{font-size:28px;color:#999}.catalog-empty h2{font-size:21px;font-weight:500}.catalog-empty p{font-size:13px;color:#777}.catalog-empty button{background:#222;color:white;padding:12px 20px;border-radius:4px;margin-top:15px}.catalog-empty[hidden]{display:none}
@media(min-width:1600px){.catalog-results .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.catalog-layout{grid-template-columns:190px minmax(0,1fr);gap:22px}.catalog-results .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-toolbar{flex-wrap:wrap;gap:12px}#catalog-search{max-width:none;flex-basis:100%}.sort-label{margin-left:auto}}
@media(max-width:700px){.catalog-page{padding-top:20px;padding-bottom:40px}.breadcrumb{font-size:11px}.catalog-heading{margin:25px 0 22px}.catalog-heading h1{font-size:25px}.catalog-heading>span{font-size:11px;white-space:nowrap}.catalog-layout{grid-template-columns:1fr;gap:22px}.catalog-filters{position:static;padding:16px}.catalog-filters form{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.catalog-filters fieldset{margin-top:8px;padding-top:13px}.catalog-filters legend{font-size:12px;margin-bottom:12px}.catalog-filters fieldset>label{font-size:12px}.price-fields{grid-template-columns:1fr 1fr;gap:7px}.price-fields input{padding:8px 5px;font-size:10px}.apply-filter{grid-column:1/-1;margin-top:0}.catalog-results .product-grid{gap:25px 12px}.catalog-toolbar{margin-bottom:20px}#catalog-search{flex-basis:100%}.sort-label{font-size:11px}.sort-label select{font-size:11px}.filter-heading h2{font-size:15px}}
.catalog-filters fieldset>label{clear:both}.catalog-filters fieldset{min-width:0}.catalog-filters legend{float:none;display:block;padding:0;margin-bottom:15px}.catalog-filters fieldset>label:first-of-type{margin-top:3px}
/* Trang danh mục mở rộng theo cùng lề header, không bó trong 1480px. */
:root{--page-gutter:5%}.catalog-page{width:100%;max-width:none;padding-left:var(--page-gutter);padding-right:var(--page-gutter)}.catalog-layout{grid-template-columns:245px minmax(0,1fr);gap:32px}.breadcrumb,.catalog-heading>span{font-size:15px}.catalog-filters fieldset>label,.catalog-filters legend{font-size:15px}.filter-heading h2{font-size:17px}.filter-heading button{font-size:13px}.price-fields label>span{font-size:13px}.price-fields input,.apply-filter,#catalog-query,.sort-label,.sort-label select{font-size:14px}.filter-chip{font-size:13px}.catalog-filters{padding:20px}.catalog-results .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px}
@media(max-width:1200px){.catalog-layout{grid-template-columns:210px minmax(0,1fr);gap:24px}.catalog-results .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px}}
@media(max-width:1000px){.catalog-layout{grid-template-columns:190px minmax(0,1fr);gap:22px}.catalog-results .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.catalog-layout{grid-template-columns:1fr;gap:22px}.catalog-results .product-grid{gap:25px 12px}.breadcrumb,.catalog-heading>span{font-size:12px}.catalog-filters fieldset>label,.catalog-filters legend{font-size:13px}.filter-heading h2{font-size:15px}.price-fields input{font-size:11px}.price-fields label>span,.filter-heading button{font-size:12px}.apply-filter,#catalog-query,.sort-label,.sort-label select,.filter-chip{font-size:12px}}
/* Dùng đúng khung nội dung trang chủ ở mọi kích thước màn hình. */
:root{--page-gutter:5%}
@media(min-width:1600px){:root{--page-gutter:max(5%,calc((100% - 1480px)/2))}}
.catalog-page{padding-left:var(--page-gutter);padding-right:var(--page-gutter);max-width:none;width:100%}
.sort-wrapper{display:flex;align-items:center;gap:12px;font-size:14px;color:#777;position:relative}
.sort-wrapper .sort-label{font-size:inherit;color:inherit}
@media(max-width:1000px){.sort-wrapper{margin-left:auto}}
@media(max-width:700px){.sort-wrapper{font-size:12px}.sort-wrapper .custom-dropdown-btn{padding:7px 11px;font-size:12px;min-width:125px}}