.shop-header{position:relative;padding:2rem 0;background:linear-gradient(135deg,color-mix(in oklch,var(--b1) 95%,var(--p) 5%) 0,var(--b1) 100%);border-bottom:1px solid color-mix(in oklch,var(--b1) 90%,var(--bc) 10%)}.shop-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,color-mix(in oklch,var(--p) 8%,transparent 92%) 0,transparent 70%);pointer-events:none}.shop-filters-sticky{position:sticky;top:4rem;z-index:30;background:color-mix(in oklch,var(--b1) 95%,transparent 5%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in oklch,var(--b1) 90%,var(--bc) 10%);box-shadow:0 4px 6px -1px rgb(0 0 0/.05);transition:all .3s cubic-bezier(.4,0,.2,1)}.shop-filters-sticky.scrolled{box-shadow:0 10px 15px -3px rgb(0 0 0/.1)}.shop-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;transition:gap .3s ease}@media (max-width:640px){.shop-product-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}}.filter-chip{animation:filter-chip-in .2s cubic-bezier(.34,1.56,.64,1)}@keyframes filter-chip-in{0%{opacity:0;transform:scale(.8) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.shop-skeleton{background:linear-gradient(90deg,var(--b2) 0,color-mix(in oklch,var(--b2) 95%,var(--bc) 5%) 50%,var(--b2) 100%);background-size:200% 100%;animation:shop-skeleton-pulse 1.5s ease-in-out infinite}@keyframes shop-skeleton-pulse{0%,to{background-position:200% 0}50%{background-position:-200% 0}}.shop-empty-state{min-height:400px;display:flex;align-items:center;justify-content:center;text-align:center;padding:3rem 1rem}.shop-empty-state-icon{font-size:4rem;opacity:.5;margin-bottom:1rem;animation:shop-empty-float 3s ease-in-out infinite}@keyframes shop-empty-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.shop-results-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--b2);border-radius:var(--rounded-box,1rem);font-size:.875rem}.shop-view-toggle{display:inline-flex;gap:.25rem;padding:.25rem;background:var(--b2);border-radius:var(--rounded-btn,.5rem)}.shop-view-toggle button{padding:.5rem;border-radius:calc(var(--rounded-btn, .5rem) - .125rem);transition:all .2s ease}.shop-view-toggle button.active{background:var(--p);color:var(--pc);box-shadow:0 2px 4px rgb(0 0 0/.1)}.shop-view-toggle button:not(.active):hover{background:color-mix(in oklch,var(--b2) 90%,var(--bc) 10%)}.shop-featured-section{position:relative;margin-bottom:3rem}.shop-featured-section:before{content:"";position:absolute;inset:-1rem;background:linear-gradient(135deg,color-mix(in oklch,var(--p) 3%,transparent 97%) 0,transparent 50%);border-radius:var(--rounded-box,1rem);z-index:-1}.shop-pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem 0}.shop-quick-filters{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 0;scrollbar-width:thin;scrollbar-color:var(--bc) transparent}.shop-quick-filters::-webkit-scrollbar{height:4px}.shop-quick-filters::-webkit-scrollbar-track{background:transparent}.shop-quick-filters::-webkit-scrollbar-thumb{background:color-mix(in oklch,var(--bc) 30%,transparent 70%);border-radius:2px}@media (max-width:768px){.shop-filters-mobile{position:fixed;inset:0;z-index:50;background:color-mix(in oklch,var(--b1) 95%,transparent 5%);transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.shop-filters-mobile.open{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.filter-chip,.shop-empty-state-icon,.shop-skeleton{animation:none}}@media print{.shop-filters-sticky,.shop-pagination,.shop-view-toggle{display:none}.shop-product-grid{grid-template-columns:repeat(3,1fr)}}