.product-card-skeleton{pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.product-card-skeleton>*,.product-card-skeleton .skeleton-line,.product-card-skeleton .skeleton-select,.product-card-skeleton .skeleton-quantity,.product-card-skeleton .skeleton-price,.product-card-skeleton .skeleton-button{background:linear-gradient(90deg,var(--color-background-secondary)0%,var(--color-background-tertiary)20%,var(--color-background-secondary)40%,var(--color-background-secondary)100%);border-radius:var(--radius-md);background-size:1000px 100%;animation:2s linear infinite shimmer}.skeleton-image{border-radius:var(--radius-lg)var(--radius-lg)0 0;background:linear-gradient(90deg,var(--color-background-secondary)0%,var(--color-background-tertiary)20%,var(--color-background-secondary)40%,var(--color-background-secondary)100%);background-size:1000px 100%;width:100%;height:308px;animation:2s linear infinite shimmer}.skeleton-title{width:70%;height:24px;margin-bottom:var(--space-md)}.skeleton-description{margin-bottom:var(--space-lg)}.skeleton-line{width:100%;height:14px;margin-bottom:var(--space-sm)}.skeleton-line-short{width:60%}.skeleton-controls{gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.skeleton-select{flex:1;height:40px}.skeleton-quantity{width:120px;height:40px}.skeleton-price{width:50%;height:28px;margin-bottom:var(--space-lg)}.skeleton-button{width:100%;height:48px}@media (prefers-reduced-motion:reduce){.product-card-skeleton>*,.product-card-skeleton .skeleton-line,.product-card-skeleton .skeleton-select,.product-card-skeleton .skeleton-quantity,.product-card-skeleton .skeleton-price,.product-card-skeleton .skeleton-button,.skeleton-image{background:var(--color-background-secondary);animation:none}}@media (max-width:768px){.skeleton-image{height:250px}.skeleton-title{width:80%;height:20px}.skeleton-line{height:12px}.skeleton-controls{flex-direction:column}.skeleton-quantity{width:100%}.skeleton-button{height:44px}}
.products-page{background:linear-gradient(to bottom,var(--color-background)0%,var(--color-background-secondary)20%);min-height:100vh;padding-top:2rem;padding-bottom:3rem}.products-page-mobile{padding-top:1.25rem;padding-bottom:2.5rem}.products-hero{text-align:center;margin-bottom:2.5rem;padding:1rem 1rem 0}.products-hero h1{letter-spacing:-.02em;font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:600;line-height:1.2;font-family:var(--font-sans);color:var(--color-text);margin:0}.products-search-container{flex-direction:column;align-items:center;gap:2rem;margin-bottom:3rem;padding:0 1rem;display:flex}.products-search-input{width:100%;max-width:36rem;position:relative}.products-search-input input{text-align:center;border-radius:var(--radius-md);background-color:var(--color-background);border:1px solid var(--color-border);width:100%;color:var(--color-text);font-size:.9375rem;font-family:var(--font-sans);padding:.875rem 1.5rem;font-weight:400;transition:all .2s;box-shadow:0 1px 2px #0000000a}.products-search-input input::placeholder{color:var(--color-text-tertiary);font-style:normal}.products-search-input input:hover{border-color:var(--color-text-tertiary);box-shadow:0 2px 4px #00000014}.products-search-input input:focus{border-color:var(--color-text);outline:none;box-shadow:0 0 0 3px #0000000d}.products-categories{-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-wrap:nowrap;justify-content:center;gap:.5rem;width:100%;margin:0 auto;display:flex;overflow-x:auto}.products-categories::-webkit-scrollbar{height:4px}.products-categories::-webkit-scrollbar-track{background:0 0}.products-categories::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.category-btn{cursor:pointer;white-space:nowrap;font-family:var(--font-sans);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);background-color:#0000;border:none;padding:.5rem 1.25rem;font-size:.8125rem;font-weight:500;transition:all .2s}.category-btn:hover:not(.active){background-color:var(--color-background-secondary);color:var(--color-text-secondary)}.category-btn.active{background-color:var(--color-text);color:var(--color-background);font-weight:600}.category-btn:active{transform:scale(.98)}.products-grid-container{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-items:start;gap:3rem;max-width:1400px;margin-top:4rem;margin-left:auto;margin-right:auto;padding:0 1rem;display:grid}.products-toolbar{justify-content:flex-end;align-items:center;max-width:1300px;margin:1rem auto 0;padding:0 1rem;display:flex}.products-sort{appearance:none;background:var(--mono-white);border:1px solid var(--color-border,#e5e5e5);color:var(--color-text-secondary);cursor:pointer;transition:border-color var(--transition-normal);background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border-radius:6px;padding:.5rem 2rem .5rem .75rem;font-size:.8125rem}.products-sort:hover,.products-sort:focus-visible{border-color:var(--color-text-tertiary);outline:none}.products-count{color:var(--color-text-tertiary);text-align:center;margin:.75rem 0 1.5rem;font-size:.8125rem;font-weight:400}.products-empty-state{text-align:center;padding:5rem 0}.products-empty-state h3{font-size:clamp(1.125rem,3vw,1.375rem);font-weight:500;font-family:var(--font-serif);margin-bottom:.75rem}.products-empty-state p{font-size:clamp(.8125rem,2vw,.9375rem)}.product-card-wrapper{flex-direction:column;height:100%;display:flex;position:relative}.product-promo-badge{z-index:10;text-transform:uppercase;letter-spacing:.03125rem;font-weight:600;font-family:var(--font-sans);box-shadow:var(--shadow-md);position:absolute}.products-loading{text-align:center;padding:5rem 0}.products-loading p{font-size:clamp(.875rem,2vw,1rem);animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (min-width:1400px){.products-grid-container{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:3rem}}@media (max-width:1024px){.products-grid-container{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;margin-top:2rem}}@media (max-width:768px){.products-hero{margin-bottom:2rem;padding:.75rem 1.5rem 0}.products-hero h1{font-size:clamp(1.25rem,4vw,1.5rem)}.products-search-container{gap:1.5rem;margin-bottom:2.5rem;padding:0 1.5rem}.products-search-input{max-width:100%}.products-search-input input{padding:.75rem 1.25rem;font-size:.875rem}.products-categories{scrollbar-width:none;justify-content:flex-start;gap:.625rem;max-width:100%;padding:.25rem 0}.products-categories::-webkit-scrollbar{display:none}.category-btn{border:1px solid var(--color-border);flex-shrink:0;min-height:44px;padding:.75rem 1.25rem;font-size:.875rem}.category-btn:not(.active){background-color:var(--color-background)}.products-grid-container{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1.5rem;padding:0 1rem}.products-empty-state,.products-loading{padding:3rem 1.5rem}}@media (max-width:480px){.products-grid-container{grid-template-columns:1fr;gap:1rem;margin-top:1.25rem}.category-btn{min-height:44px;padding:.6875rem 1.125rem;font-size:.8125rem}}