@layer components{.storefront-gate{max-width:32rem;margin-inline:auto;padding:3rem 1rem}@media (min-width:48rem){.storefront-gate{padding-block:5rem}}.storefront-gate__card{border:1px solid rgb(var(--border-rgb)/.32);background:rgb(var(--bg-soft-rgb));text-align:center;box-shadow:0 32px 64px -32px rgb(var(--secondary-rgb)/.12);border-radius:2.5rem;flex-direction:column;gap:1.5rem;padding:2rem;display:flex}@media (min-width:48rem){.storefront-gate__card{padding:3rem}}.storefront-gate__icon-wrapper{border:1px solid rgb(var(--primary-rgb)/.2);width:5rem;height:5rem;color:rgb(var(--primary-rgb));box-shadow:inset 0 2px 10px rgb(var(--primary-rgb)/.08);background:radial-gradient(circle at center, rgb(var(--primary-rgb)/.15), rgb(var(--primary-rgb)/.05));border-radius:9999px;justify-content:center;align-items:center;margin-inline:auto;display:flex}.storefront-gate__icon-wrapper svg{width:2rem;height:2rem}.storefront-gate__title{color:rgb(var(--text-h-rgb));letter-spacing:-.04em;text-transform:uppercase;font-size:1.5rem;font-weight:900;line-height:1.15}@media (min-width:48rem){.storefront-gate__title{font-size:1.875rem}}.storefront-gate__title span{color:rgb(var(--primary-rgb))}.storefront-gate__subtitle{max-width:20rem;color:rgb(var(--text-rgb)/.6);margin-inline:auto;font-size:.875rem;font-weight:500;line-height:1.625}.storefront-filter{border-bottom:1px solid rgb(var(--border-rgb)/.32);flex-direction:column;gap:1.25rem;padding-bottom:1.5rem;display:flex}@media (min-width:48rem){.storefront-filter{flex-direction:row;justify-content:space-between;align-items:center}}.storefront-filter--mobile{flex-direction:column!important;align-items:stretch!important;gap:1.25rem!important}.storefront-filter--glass{border:1px solid rgb(var(--border-rgb)/.26);background:rgb(var(--surface-rgb)/.6);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 20px 48px -20px rgb(var(--secondary-rgb)/.08);border-radius:2.5rem;padding:1.25rem}@media (min-width:48rem){.storefront-filter--glass{padding-inline:2rem}}.storefront-filter__search-wrapper{width:100%;position:relative}@media (min-width:48rem){.storefront-filter__search-wrapper{max-width:24rem}}.storefront-filter__search-input{border:1px solid rgb(var(--border-rgb)/.32);outline:none;width:100%;height:3rem;padding-left:3rem;padding-right:1rem;font-size:.875rem;font-weight:600;transition:border-color .18s,box-shadow .18s,background-color .18s}.storefront-filter__search-input--standard{background:rgb(var(--bg-soft-rgb));border-radius:1rem}.storefront-filter__search-input--glass{border-color:rgb(var(--border-rgb)/.22);background:rgb(var(--surface-rgb)/.75);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:9999px}.storefront-filter__search-input:focus{border-color:rgb(var(--primary-rgb)/.4);box-shadow:0 0 0 .25rem rgb(var(--primary-rgb)/.05)}.storefront-filter__search-icon{width:1.25rem;height:1.25rem;color:rgb(var(--text-rgb)/.4);transition:color .18s;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.storefront-filter__categories{scrollbar-width:none;flex:auto;align-items:center;gap:.5rem;min-width:0;padding-bottom:.5rem;display:flex;overflow-x:auto}.storefront-filter__categories::-webkit-scrollbar{display:none}@media (min-width:48rem){.storefront-filter__categories{justify-content:flex-end;padding-bottom:0}}.storefront-filter__category-btn{letter-spacing:.18em;text-transform:uppercase;flex-shrink:0;height:2.5rem;padding-inline:1.25rem;font-size:.625rem;font-weight:900;transition:background-color .3s,color .3s,box-shadow .3s,transform .3s}.storefront-filter__category-btn--standard{border-radius:.75rem}.storefront-filter__category-btn--glass{border-radius:9999px}.storefront-filter__category-btn--active{background:rgb(var(--primary-rgb));color:rgb(var(--on-primary-rgb));box-shadow:0 18px 36px -18px rgb(var(--primary-rgb)/.25)}.storefront-filter__category-btn--inactive{background:rgb(var(--surface-rgb)/.5);color:rgb(var(--text-rgb)/.5)}.storefront-filter__category-btn--inactive:hover{background:rgb(var(--surface-rgb)/.8);color:rgb(var(--text-h-rgb))}.product-collection{flex-direction:column;gap:2rem;display:flex}.product-collection__empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding-block:6rem;display:flex}.product-collection__empty-icon{border:1px solid rgb(var(--border-rgb)/.32);background:rgb(var(--bg-soft-rgb));width:6rem;height:6rem;box-shadow:0 10px 30px -24px rgb(var(--secondary-rgb)/.25);border-radius:1.5rem;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.product-collection__empty-icon svg{width:2.5rem;height:2.5rem;color:rgb(var(--text-rgb)/.2)}.product-collection__empty-title{color:rgb(var(--text-h-rgb));letter-spacing:-.03em;text-transform:uppercase;font-size:1.25rem;font-weight:700;line-height:1.2}.product-collection__empty-subtitle{color:rgb(var(--text-rgb)/.5);margin-top:.5rem;font-size:.875rem;font-weight:500}.product-collection__preview-banner{border:1px solid rgb(var(--border-rgb)/.32);background:linear-gradient(135deg, rgb(var(--primary-rgb)/.05), rgb(var(--secondary-rgb)/.1));box-shadow:0 14px 36px -28px rgb(var(--secondary-rgb)/.3);border-radius:2.5rem;padding:1.5rem;position:relative;overflow:hidden}@media (min-width:48rem){.product-collection__preview-banner{padding:2rem}}.product-collection__preview-banner:before{content:"";background:rgb(var(--primary-rgb)/.05);filter:blur(80px);border-radius:9999px;width:10rem;height:10rem;position:absolute;top:0;right:0}}