.page-wrapper{display:flex;flex-direction:column;align-items:center;gap:58px;background-color:#fff}.container{width:100%;padding:2rem;max-width:1200px;margin:auto}.intro-text{text-align:center;margin-bottom:3rem}.title{text-transform:uppercase;color:#1a1a1a;letter-spacing:1px}.subtitle{color:#1a1a1a;line-height:2rem}.filter-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccc;padding-bottom:1rem}.toggle-filter{background:none;border:none;color:#333;font-family:inherit;text-decoration:underline;cursor:pointer}.sort-box{width:200px;font-weight:700;text-transform:uppercase;color:#1a1a1a;z-index:9999}.main-content{display:flex;gap:2rem;margin-top:2rem}.filter-panel{width:25%;display:flex;flex-direction:column;gap:1rem}.product-grid{display:grid;gap:1rem}.product-grid.with-filter{grid-template-columns:repeat(3,1fr);width:75%}.product-grid.full-width{grid-template-columns:repeat(4,1fr);width:100%}@media (max-width:768px){.product-grid.full-width,.product-grid.with-filter{grid-template-columns:repeat(2,1fr)}.filter-panel{width:100%}}@media (max-width:480px){.product-grid.full-width,.product-grid.with-filter{grid-template-columns:1fr}}