body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-size:16px;color:#333}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.main-layout{min-height:100vh;background-color:#f3f4f6}.content-wrapper{max-width:1200px;margin:0 auto;padding:24px 16px;display:flex;gap:24px}.main-content{flex:1 1}.section-title{font-size:1.25rem;font-weight:700;margin-bottom:24px;color:#1f2937}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px}.category-card{background-color:#fff;padding:16px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:box-shadow .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;height:260px}.category-card:hover{box-shadow:0 4px 8px rgba(0,0,0,.15)}.category-image-wrapper{position:relative;width:128px;height:128px;margin-bottom:16px;flex-shrink:0}.category-image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.category-card-title{font-size:.875rem;font-weight:500;color:#1f2937;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-grow:1;display:flex;align-items:center;justify-content:center;width:100%;padding:0 8px}@media (max-width:1200px){.category-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.category-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.category-grid{grid-template-columns:1fr}}.product-section{max-width:1170px;margin:32px auto 0;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.05)}.product-section:first-of-type{margin-top:24px}.product-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.product-section-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0;flex-shrink:0}.filter-button{background-color:#e5e7eb;color:#4b5563;border:1px solid #d1d5db;padding:8px 16px;border-radius:6px;font-size:.875rem;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease;white-space:nowrap}.filter-button:hover{background-color:#d1d5db;color:#1f2937}.filter-button.active{background-color:#007bff;color:#fff;border-color:#007bff}.product-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);grid-template-rows:1fr;grid-gap:20px;gap:20px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:10px;position:relative}.product-grid::-webkit-scrollbar{display:none}.product-card{flex-shrink:0;width:220px;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:box-shadow .2s ease,transform .2s ease;position:relative}.product-card:hover{box-shadow:0 4px 8px rgba(0,0,0,.1);transform:translateY(-2px)}.product-image-wrapper{position:relative;width:100%;padding-top:100%;margin-bottom:12px;background-color:#f9fafb;border-radius:4px;overflow:hidden}.product-image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.product-card-name{font-size:.9375rem;font-weight:600;color:#374151;margin-bottom:8px;min-height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-meta{justify-content:space-between;margin-bottom:12px;font-size:.75rem}.in-stock,.product-meta{display:flex;align-items:center}.in-stock{color:#28a745;font-weight:500}.in-stock .icon{width:14px;height:14px;margin-right:4px;color:#28a745}.product-rating{display:flex;gap:2px}.star-icon{width:14px;height:14px;color:#ccc}.star-icon.filled{color:#ffc107}.product-price{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:12px}.product-actions{display:flex;gap:8px;margin-top:auto}.action-button{background-color:#e9ecef;border:1px solid #dee2e6;border-radius:6px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,border-color .2s ease;width:40px;height:40px}.action-button .icon{width:20px;height:20px;color:#6c757d;margin-right:0}.action-button:hover{background-color:#d8e1e7;border-color:#c4ccd5}.action-button.primary{background-color:#5295f6;border-color:#5295f6;flex-grow:1}.action-button.primary:hover{background-color:#3f7cd1;border-color:#3f7cd1}.action-button.primary .icon{color:#fff}:root{--primary-color:#5295f6;--primary-dark-color:#3f7cd1;--accent-color:#50b52f;--background-color:#ffffff;--border-color:#ddd;--light-gray:#eee;--text-color:#333;--text-color-light:#666;--text-color-dark:#000;--border-radius:8px;--border-radius-small:4px;--accent-color:#FF6B6B;--background-light:#f8f8f8;--text-light:#666;--shadow-light:rgba(0,0,0,0.1);--padding-base:15px;--gap-base:20px}@media (max-width:768px){.product-grid{grid-auto-columns:minmax(180px,1fr)}}@media (max-width:480px){.product-grid{grid-auto-columns:minmax(160px,1fr)}.product-card{width:160px;padding:12px}.product-card-name{font-size:.875rem}.product-price{font-size:1rem}.action-button{width:36px;height:36px;padding:6px}.action-button .icon{width:18px;height:18px}.scroll-button{width:36px;height:36px}.scroll-button .icon{width:18px;height:18px}.product-section-header{flex-direction:column;align-items:flex-start}.filter-button{padding:6px 12px;font-size:.8rem}}.sidebar-toggle-button{display:none}@media (max-width:768px){.sidebar-toggle-button{display:flex;align-items:center;gap:8px;background-color:#fff;border:1px solid #d1d5db;padding:10px 14px;border-radius:6px;font-size:.9375rem;cursor:pointer;margin-bottom:16px;box-shadow:0 1px 2px rgba(0,0,0,.05)}.sidebar-container{display:none}.sidebar-container.mobile-visible{display:block;width:100%;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:16px}.content-wrapper{flex-direction:column;gap:16px}}