.products-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg, 2rem);padding:var(--spacing-md, 1.5rem) 0;border-bottom:1px solid var(--color-gray, #e5e5e5)}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:var(--spacing-md, 1.5rem)}.view-controls{display:flex;gap:var(--spacing-xs, .5rem)}.view-btn{width:40px;height:40px;border:1px solid var(--color-gray, #e5e5e5);background:var(--color-white, #ffffff);border-radius:var(--radius-sm, 8px);cursor:pointer;transition:var(--transition, all .3s ease);display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--color-text-light, #666666)}.view-btn:hover,.view-btn.active{border-color:var(--color-primary, #7FB3A3);background:var(--color-primary, #7FB3A3);color:var(--color-white, #ffffff)}.category-count{display:flex;align-items:center;gap:var(--spacing-xs, .5rem)}.results-count{font-weight:600;color:var(--color-text, #333333)}.results-filter{color:var(--color-text-light, #666666);font-size:.9rem}.pagination-with-results{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-xl, 3rem);padding:var(--spacing-lg, 2rem) 0;border-top:1px solid var(--color-gray, #e5e5e5)}.pagination-with-results .results-info{flex:1}.pagination-with-results .results-text{color:var(--color-text-light, #666666);font-size:.9rem;font-weight:500}.pagination-with-results .pagination-nav{flex:2;display:flex;justify-content:center}.pagination-with-results .pagination-nav .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;margin:0 2px;padding:0 12px;border:1px solid var(--color-gray, #e5e5e5);background:var(--color-white, #ffffff);color:var(--color-text, #333333);text-decoration:none;border-radius:var(--radius-sm, 8px);font-weight:500;transition:var(--transition, all .3s ease)}.pagination-with-results .pagination-nav .page-numbers:hover,.pagination-with-results .pagination-nav .page-numbers.current{border-color:var(--color-primary, #7FB3A3);background:var(--color-primary, #7FB3A3);color:var(--color-white, #ffffff)}.pagination-with-results .pagination-nav .page-numbers.dots{border:none;background:transparent;cursor:default}.pagination-with-results .pagination-nav .page-numbers.prev,.pagination-with-results .pagination-nav .page-numbers.next{font-weight:600}@media(max-width:768px){.pagination-with-results{flex-direction:column;gap:var(--spacing-md, 1.5rem);text-align:center}.pagination-with-results .results-info,.pagination-with-results .pagination-nav{flex:none}.products-toolbar{flex-direction:column;gap:var(--spacing-md, 1.5rem);align-items:stretch}.toolbar-left,.toolbar-right{justify-content:center}}.homepage-products-section{padding:var(--spacing-xxl, 4rem) 0;background:var(--color-white, #ffffff)}.section-header{text-align:center;margin-bottom:var(--spacing-xl, 3rem)}.section-title{font-family:Playfair Display,serif;font-size:2.5rem;color:var(--color-text, #333333);margin-bottom:var(--spacing-sm, 1rem)}.section-subtitle{font-size:1.1rem;color:var(--color-text-light, #666666);max-width:600px;margin:0 auto;line-height:1.6}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl, 3rem);margin-bottom:var(--spacing-xl, 3rem)}.product-card{background:var(--color-white, #ffffff);border-radius:var(--radius-lg, 16px);overflow:hidden;box-shadow:var(--shadow-soft, 0 2px 10px rgba(0,0,0,.1));transition:var(--transition, all .3s ease);border:1px solid var(--color-gray-light, #f5f5f5)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-strong, 0 8px 25px rgba(0,0,0,.15))}.product-image-bg{height:200px;display:flex;align-items:center;justify-content:center;position:relative;color:#fff;text-align:center;padding:var(--spacing-md, 1.5rem)}.product-name-overlay h3{font-size:1.3rem;font-weight:600;margin-bottom:.5rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.chinese-name{font-size:.9rem;opacity:.9;font-style:italic;margin:0}.product-card-info{padding:var(--spacing-lg, 2rem)}.product-meta{margin-bottom:var(--spacing-sm, 1rem)}.origin{font-size:.8rem;color:var(--color-text-muted, #999999);text-transform:uppercase;letter-spacing:.5px}.product-title{margin:0 0 var(--spacing-sm, 1rem) 0;font-size:1.1rem}.product-title a{color:var(--color-text, #333333);text-decoration:none;font-weight:600}.product-title a:hover{color:var(--color-accent, var(--color-brick))}.product-description{color:var(--color-text-light, #666666);font-size:.9rem;line-height:1.5;margin-bottom:var(--spacing-md, 1.5rem)}.product-actions{display:flex;justify-content:space-between;align-items:center}.product-price{font-size:1.1rem;font-weight:700;color:var(--color-accent, var(--color-brick))}.add-to-cart-btn{background:var(--color-accent, var(--color-brick));color:var(--color-white, #ffffff);border:none;padding:.75rem 1.5rem;border-radius:var(--radius-sm, 8px);font-weight:600;cursor:pointer;transition:var(--transition, all .3s ease);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.add-to-cart-btn:hover{background:var(--color-accent-dark, #A04A45);transform:translateY(-1px)}@media(max-width:768px){.products-grid{grid-template-columns:1fr;gap:var(--spacing-lg, 2rem)}.section-title{font-size:2rem}.product-card-info{padding:var(--spacing-md, 1.5rem)}}