.products-page{min-height:100vh;background:#fff;font-family:Jost,Arial Unicode MS,Arial,sans-serif}.products-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#312f2f;text-align:center;padding:4rem 2rem 3rem;border-bottom:1px solid #eee}.products-title{font-size:3rem;font-weight:100;margin-bottom:1rem;letter-spacing:-.5px}.products-subtitle,.products-title{font-family:Jost,Arial Unicode MS,Arial,sans-serif}.products-subtitle{font-size:1.2rem;color:#666;max-width:600px;margin:0 auto;font-weight:300;line-height:1.6}.products-container{display:flex;gap:2rem;max-width:1400px;margin:0 auto;padding:2rem}.error-state,.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#666;min-height:300px}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top-color:#b59b88;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-state{color:#d32f2f}.error-state button{margin-top:1rem;padding:.75rem 1.5rem;background:#b59b88;color:#fff;border:none;border-radius:5px;cursor:pointer;font-family:inherit}.error-state button:hover{background:#a08a77}.filters-sidebar{width:280px;background:#fff;border-radius:5px;padding:1.5rem;height:-moz-fit-content;height:fit-content;border:1px solid #eee;position:sticky;top:2rem}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #eee}.filters-header h3{font-size:1.3rem;margin:0;font-weight:200}.clear-filters,.filters-header h3{color:#312f2f;font-family:Jost,Arial Unicode MS,Arial,sans-serif}.clear-filters{background:none;border:1px solid #312f2f;padding:.5rem 1rem;border-radius:5px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.clear-filters:hover{background:#312f2f;color:#fff}.filter-group{margin-bottom:1.5rem}.filter-group label{display:block;font-weight:400;margin-bottom:.5rem;font-size:.95rem}.filter-group label,.filter-select,.search-input{color:#312f2f;font-family:Jost,Arial Unicode MS,Arial,sans-serif}.filter-select,.search-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:5px;background:#fff;font-size:.9rem;transition:border-color .3s ease}.filter-select:focus,.search-input:focus{outline:none;border-color:#312f2f}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400!important}.filter-checkbox{accent-color:#312f2f}.products-section{flex:1}.products-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 0;border-bottom:1px solid #eee}.results-info{font-size:1rem;color:#312f2f;font-weight:400;font-family:Jost,Arial Unicode MS,Arial,sans-serif}.controls-right{display:flex;align-items:center;gap:1rem}.sort-select{padding:.75rem 1rem;border:1px solid #ddd;border-radius:5px;background:#fff;color:#312f2f;font-size:.9rem;cursor:pointer;font-family:Jost,Arial Unicode MS,Arial,sans-serif}.view-toggle{display:flex;border:1px solid #eee;border-radius:0;overflow:hidden;background:#fff;min-width:-moz-fit-content;min-width:fit-content}.view-btn{padding:.75rem 1rem;background:transparent;cursor:pointer;font-size:1rem;transition:all .3s ease;border:none;border-right:1px solid #eee;color:#666;font-family:Jost,Arial Unicode MS,Arial,sans-serif;min-width:44px;display:flex;align-items:center;justify-content:center}.view-btn:last-child{border-right:none}.view-btn.active{background:#312f2f;color:#fff}.view-btn:hover:not(.active){background:#f8f9fa;color:#312f2f}.products-grid{display:grid;gap:2rem}.products-grid.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.products-grid.list{grid-template-columns:1fr}.product-card{background:#fff;border-radius:0;overflow:hidden;box-shadow:none;border:1px solid #eee;transition:transform .3s ease,box-shadow .3s ease}.product-card,.product-link{display:flex;flex-direction:column}.product-link{flex-grow:1;text-decoration:none;color:inherit}.products-grid.list .product-link{flex-direction:row;flex-grow:1}.product-actions{padding:0 1.5rem 1.5rem}.products-grid.list .product-actions{display:flex;align-items:flex-end;padding:1.5rem}.products-grid.list .product-card{flex-direction:row}.product-card:hover{transform:none;border-color:#312f2f;box-shadow:none}.product-image-container{position:relative;overflow:hidden}.products-grid.grid .product-image-container{height:300px}.products-grid.list .product-image-container{width:250px;height:200px;flex-shrink:0}.product-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.product-card:hover .product-image{transform:scale(1.05)}.out-of-stock-badge{left:1rem;background:rgba(220,53,69,.9)}.out-of-stock-badge,.sale-badge{position:absolute;top:1rem;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;font-family:Arial Unicode MS,Arial,sans-serif}.sale-badge{right:1rem;background:rgba(40,167,69,.9)}.product-info{padding:1.5rem}.products-grid.list .product-info{flex:1;display:flex;flex-direction:column;justify-content:space-between}.product-name{font-size:1.2rem;font-weight:400;color:#312f2f;margin-bottom:.5rem;font-family:Jost,Arial Unicode MS,Arial,sans-serif}.product-rating{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.star{font-size:1rem;color:#ddd}.star.filled{color:#312f2f}.rating-text{font-size:.9rem;color:#666;font-family:Jost,Arial Unicode MS,Arial,sans-serif}.product-details{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.product-category,.product-material{font-size:.9rem;color:#666;font-family:Jost,Arial Unicode MS,Arial,sans-serif}.product-price{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.current-price{font-size:1.3rem;font-weight:400;color:#312f2f}.current-price,.original-price{font-family:Jost,Arial Unicode MS,Arial,sans-serif}.original-price{font-size:1.1rem;color:#999;text-decoration:line-through}.product-sizes{font-size:.9rem}.product-description,.product-sizes{margin-bottom:1rem;color:#666;font-family:Jost,Arial Unicode MS,Arial,sans-serif}.product-description{font-size:.95rem;line-height:1.5}.add-to-cart-btn{width:100%;background:#312f2f;color:#fff;border:none;padding:.875rem;font-size:1rem;font-weight:400;cursor:pointer;transition:all .3s ease;font-family:Jost,Arial Unicode MS,Arial,sans-serif}.add-to-cart-btn:hover:not(:disabled){background:rgba(49,47,47,.8)}.add-to-cart-btn:disabled{background:#ccc;cursor:not-allowed}.no-products{text-align:center;padding:4rem 2rem;color:#666}.no-products h3{font-size:1.5rem;margin-bottom:1rem;font-family:Playfair Display,Arial Unicode MS,Arial,sans-serif}.no-products p{font-size:1rem;font-family:Arial Unicode MS,Arial,sans-serif}@media (max-width:1024px){.products-container{flex-direction:column;padding:1rem}.filters-sidebar{width:100%;position:static;margin-bottom:2rem}.products-title{font-size:2.2rem}.products-header{padding:3rem 1rem 2rem}}@media (max-width:768px){.products-controls{flex-direction:column;gap:1rem;align-items:flex-start}.controls-right{width:100%;justify-content:space-between}.products-grid.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.products-grid.list .product-card{flex-direction:column}.products-grid.list .product-image-container{width:100%;height:200px}.products-title{font-size:2rem}.filter-group{margin-bottom:1rem}}@media (max-width:480px){.products-grid.grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.products-title{font-size:1.8rem}.products-subtitle{font-size:1rem}.product-info{padding:1rem}}.mobile-filter-actions,.mobile-filter-header,.mobile-filter-toggle{display:none}.desktop-only{display:block}.mobile-overlay{display:none}@media (max-width:768px){.mobile-filter-toggle{display:block;margin-bottom:1rem}.filter-toggle-btn{display:flex;align-items:center;gap:.5rem;background:#b59b88;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px hsla(25,23%,62%,.3)}.filter-toggle-btn:hover{background:#a08977;transform:translateY(-1px);box-shadow:0 4px 12px hsla(25,23%,62%,.4)}.filter-icon{font-size:1.2rem}.filters-sidebar{position:fixed;top:0;left:-100%;width:320px;height:100vh;background:#fff;z-index:1000;transition:left .3s ease;overflow-y:auto;box-shadow:2px 0 20px rgba(0,0,0,.1);padding:0}.filters-sidebar.mobile-open{left:0}.mobile-filter-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid hsla(25,23%,62%,.2);background:linear-gradient(135deg,#161b29,#b59b88);color:#fff}.mobile-filter-header h3{margin:0;font-size:1.3rem;font-weight:600}.close-filters-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.25rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.close-filters-btn:hover{background:hsla(0,0%,100%,.1)}.desktop-only{display:none}.filters-sidebar .filter-group{margin:0 1.5rem 1.5rem}.filters-sidebar .filter-group:first-of-type{margin-top:1.5rem}.mobile-filter-actions{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid hsla(25,23%,62%,.2);background:#f8f5f2;margin-top:auto}.clear-filters.mobile-clear{flex:1;background:#fff;color:#b59b88;border:1px solid #b59b88}.apply-filters-btn{flex:1;background:#b59b88;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.apply-filters-btn:hover{background:#a08977}.mobile-overlay{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:999}.products-container{flex-direction:column;gap:1rem}}