.shop-breadcrumbs{color:var(--muted-foreground);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.shop-breadcrumbs a{color:var(--muted-foreground);text-decoration:none;transition:color .2s}.shop-breadcrumbs a:hover{color:var(--foreground)}.shop-breadcrumbs .separator{opacity:.4;font-size:.75rem}.shop-breadcrumbs .current{color:var(--foreground);font-weight:500}.shop-header{border-bottom:1px solid var(--border);margin-bottom:2rem;padding:2rem 0 1.5rem}.shop-header__title{letter-spacing:-.02em;color:var(--foreground);margin:.75rem 0 .5rem;font-size:2rem;font-weight:700}.shop-header__subtitle{color:var(--muted-foreground);max-width:36rem;font-size:.9375rem;line-height:1.5}@media (min-width:768px){.shop-header{padding:2.5rem 0 2rem}.shop-header__title{font-size:2.5rem}}.shop-layout{flex-direction:column;gap:2rem;padding-bottom:4rem;display:flex}@media (min-width:768px){.shop-layout{flex-direction:row;gap:3rem}}.shop-sidebar{display:none}@media (min-width:768px){.shop-sidebar{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-shrink:0;align-self:flex-start;width:260px;max-height:calc(100vh - 8rem);padding-right:.5rem;display:block;position:sticky;top:6rem;overflow-y:auto}.shop-sidebar::-webkit-scrollbar{width:4px}.shop-sidebar::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:2px}}.shop-sidebar__section{border-bottom:1px solid var(--border);margin-bottom:2rem;padding-bottom:2rem}.shop-sidebar__section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.shop-sidebar__title{text-transform:uppercase;letter-spacing:.1em;color:var(--foreground);margin-bottom:1rem;font-size:.6875rem;font-weight:700}.shop-search{width:100%;position:relative}.shop-search__input{border:1px solid var(--border);background:var(--background);width:100%;color:var(--foreground);border-radius:.5rem;outline:none;padding:.625rem 2.5rem .625rem .875rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.shop-search__input::placeholder{color:var(--muted-foreground)}.shop-search__input:focus{border-color:var(--foreground);box-shadow:0 0 0 3px color-mix(in oklch, var(--foreground), transparent 88%)}.shop-search__icon{color:var(--muted-foreground);pointer-events:none;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.shop-category-list{flex-direction:column;gap:.125rem;margin:0;padding:0;list-style:none;display:flex}.shop-category-item{color:var(--muted-foreground);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.375rem;justify-content:space-between;align-items:center;width:100%;padding:.5rem .75rem;font-size:.875rem;transition:all .15s;display:flex}.shop-category-item:hover{background:var(--accent);color:var(--foreground)}.shop-category-item--active{background:var(--primary);color:var(--primary-foreground);font-weight:600}.shop-category-item--active:hover{background:var(--primary);color:var(--primary-foreground);opacity:.9}.shop-category-count{opacity:.7;text-align:center;background:color-mix(in oklch, var(--foreground), transparent 90%);border-radius:9999px;min-width:1.25rem;padding:.125rem .375rem;font-size:.75rem;font-weight:400}.shop-category-item--active .shop-category-count{background:color-mix(in oklch, var(--primary-foreground), transparent 75%)}.shop-sort-list{flex-direction:column;gap:.125rem;margin:0;padding:0;list-style:none;display:flex}.shop-sort-item{color:var(--muted-foreground);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;font-size:.875rem;text-decoration:none;transition:all .15s;display:flex}.shop-sort-item:hover{background:var(--accent);color:var(--foreground)}.shop-sort-item--active{color:var(--foreground);font-weight:600}.shop-sort-item__radio{border:2px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1rem;height:1rem;transition:border-color .15s;display:flex}.shop-sort-item--active .shop-sort-item__radio{border-color:var(--foreground)}.shop-sort-item__radio-dot{background:var(--foreground);opacity:0;border-radius:50%;width:.375rem;height:.375rem;transition:all .15s;transform:scale(0)}.shop-sort-item--active .shop-sort-item__radio-dot{opacity:1;transform:scale(1)}.shop-price-range{flex-direction:column;gap:1rem;display:flex}.shop-price-inputs{align-items:center;gap:.75rem;display:flex}.shop-price-input-group{flex:1}.shop-price-input-group label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);margin-bottom:.375rem;font-size:.6875rem;display:block}.shop-price-input{border:1px solid var(--border);background:var(--background);width:100%;color:var(--foreground);border-radius:.375rem;outline:none;padding:.5rem .625rem;font-size:.8125rem;transition:border-color .2s}.shop-price-input:focus{border-color:var(--foreground)}.shop-price-separator{color:var(--muted-foreground);padding-top:1.25rem;font-size:.8125rem}.shop-price-apply{background:var(--primary);color:var(--primary-foreground);cursor:pointer;border:none;border-radius:.375rem;width:100%;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:opacity .2s}.shop-price-apply:hover{opacity:.9}.shop-toolbar-container{border-bottom:1px solid var(--border);flex-direction:column;gap:.875rem;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.shop-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.shop-toolbar__left{flex-wrap:wrap;align-items:center;gap:.875rem;display:flex}.shop-toolbar__right{align-items:center;gap:.75rem;display:flex}.shop-toolbar__count{color:var(--muted-foreground);font-size:.875rem}.shop-toolbar__count strong{color:var(--foreground);font-weight:600}.shop-toolbar__filter-btn{border:1px solid var(--border);background:var(--background);color:var(--foreground);cursor:pointer;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000a}.shop-toolbar__filter-btn:hover{background:var(--accent);border-color:var(--ring,var(--border))}.shop-toolbar__filter-btn .badge{background:var(--primary);color:var(--primary-foreground);border-radius:9999px;justify-content:center;align-items:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;font-size:.6875rem;font-weight:700;display:flex}@media (min-width:768px){.shop-toolbar__filter-btn{display:none}}.shop-toolbar__sort-select{border:1px solid var(--border);background:var(--background);color:var(--foreground);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;border-radius:.5rem;padding:.5rem 2rem .5rem .75rem;font-size:.8125rem;font-weight:500;box-shadow:0 1px 2px #0000000a}@media (min-width:768px){.shop-toolbar__sort-select{display:none}}.shop-view-toggle{border:1px solid var(--border);border-radius:.5rem;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000a}.shop-view-toggle__btn{background:var(--background);color:var(--muted-foreground);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.5rem .625rem;transition:all .15s;display:flex}.shop-view-toggle__btn:first-child{border-right:1px solid var(--border)}.shop-view-toggle__btn--active{background:var(--primary);color:var(--primary-foreground)}.shop-view-toggle__btn:hover:not(.shop-view-toggle__btn--active){background:var(--accent);color:var(--foreground)}.shop-active-filters{border-top:1px dashed var(--border);flex-wrap:wrap;align-items:center;gap:.75rem;padding-top:.75rem;display:flex}.shop-active-filters__label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);font-size:.75rem;font-weight:600}.shop-active-filters__list{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.shop-active-filter{background:var(--accent,#f4f4f5);border:1px solid var(--border);color:var(--foreground);cursor:pointer;border-radius:9999px;align-items:center;gap:.375rem;padding:.3rem .75rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #00000008}.shop-active-filter:hover{background:var(--muted,#e4e4e7);border-color:var(--ring,var(--border));color:var(--foreground);transform:translateY(-1px)}.shop-active-filter svg{color:var(--muted-foreground);transition:all .15s}.shop-active-filter:hover svg{color:var(--destructive,#ef4444);transform:scale(1.15)}.shop-clear-all{color:var(--muted-foreground);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;text-decoration:underline;transition:all .15s}.shop-clear-all:hover{color:var(--destructive,#ef4444);background:#ef444414;text-decoration:none}.shop-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}@media (min-width:640px){.shop-grid{gap:1.5rem}}@media (min-width:768px){.shop-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.shop-grid--4col{grid-template-columns:repeat(4,1fr)}}.shop-list{flex-direction:column;gap:1rem;display:flex}.shop-list-item{border:1px solid var(--border);color:inherit;background:var(--background);border-radius:.75rem;gap:1.25rem;padding:1rem;text-decoration:none;transition:all .2s;display:flex}.shop-list-item:hover{border-color:var(--foreground);box-shadow:0 4px 12px color-mix(in oklch, var(--foreground), transparent 92%)}.shop-list-item__image{background:var(--accent);border-radius:.5rem;flex-shrink:0;width:120px;height:120px;position:relative;overflow:hidden}@media (min-width:640px){.shop-list-item__image{width:160px;height:160px}}.shop-list-item__content{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.shop-list-item__title{color:var(--foreground);margin-bottom:.375rem;font-size:1rem;font-weight:600;line-height:1.3}.shop-list-item__category{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem}.shop-list-item__price{color:var(--foreground);font-size:1.125rem;font-weight:700}.shop-list-item__price--sale{color:#e40014;color:lab(48.4493% 77.4328 61.5452)}.shop-list-item__price-original{color:var(--muted-foreground);margin-left:.5rem;font-size:.8125rem;font-weight:400;text-decoration:line-through}.shop-pagination{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:.375rem;margin-top:3rem;padding-top:2rem;display:flex}.shop-pagination__btn{border:1px solid var(--border);background:var(--background);min-width:2.25rem;height:2.25rem;color:var(--foreground);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;padding:0 .5rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.shop-pagination__btn:hover:not(.shop-pagination__btn--disabled){background:var(--accent);border-color:var(--foreground)}.shop-pagination__btn--active{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary);font-weight:700}.shop-pagination__btn--disabled{opacity:.35;cursor:not-allowed}.shop-pagination__ellipsis{color:var(--muted-foreground);padding:0 .25rem;font-size:.875rem}.shop-pagination__info{color:var(--muted-foreground);text-align:center;margin-top:.75rem;font-size:.8125rem;display:none}@media (min-width:640px){.shop-pagination__info{display:block}}.shop-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 1rem;display:flex}.shop-empty__icon{width:5rem;height:5rem;color:var(--muted-foreground);opacity:.4;margin-bottom:1.5rem}.shop-empty__title{color:var(--foreground);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.shop-empty__text{color:var(--muted-foreground);max-width:24rem;margin-bottom:1.5rem;font-size:.9375rem;line-height:1.5}.shop-empty__btn{background:var(--primary);color:var(--primary-foreground);cursor:pointer;border:none;border-radius:.5rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:opacity .2s}.shop-empty__btn:hover{opacity:.9}.shop-drawer-overlay{z-index:50;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.shop-drawer-overlay--open{opacity:1;visibility:visible}.shop-drawer{background:var(--background);z-index:51;flex-direction:column;width:85%;max-width:360px;height:100%;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;overflow:hidden;transform:translate(-100%)}.shop-drawer--open{transform:translate(0)}.shop-drawer__header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.shop-drawer__title{color:var(--foreground);font-size:1.125rem;font-weight:700}.shop-drawer__close{background:var(--accent);cursor:pointer;width:2rem;height:2rem;color:var(--foreground);border:none;border-radius:.375rem;justify-content:center;align-items:center;transition:background .15s;display:flex}.shop-drawer__close:hover{background:var(--border)}.shop-drawer__body{flex:1;padding:1.5rem;overflow-y:auto}.shop-drawer__footer{border-top:1px solid var(--border);flex-shrink:0;padding:1rem 1.5rem}.shop-drawer__apply{background:var(--primary);width:100%;color:var(--primary-foreground);cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:600;transition:opacity .2s}.shop-drawer__apply:hover{opacity:.9}@media (min-width:768px){.shop-drawer-overlay,.shop-drawer{display:none!important}}.shop-skeleton{background:linear-gradient(90deg, var(--accent) 25%, color-mix(in oklch, var(--accent), var(--background) 50%) 50%, var(--accent) 75%);background-size:200% 100%;border-radius:.5rem;animation:1.5s infinite shop-shimmer}@keyframes shop-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.shop-skeleton--card{aspect-ratio:1;border-radius:.75rem}.shop-skeleton--text{width:80%;height:.875rem;margin-top:.75rem}.shop-skeleton--text-short{width:40%;height:.875rem;margin-top:.5rem}.shop-main{flex:1;min-width:0}