.shop{padding:var(--page-top) var(--gutter) var(--section-y)}.shop>.faq{margin:var(--wave-h) calc(-1 * var(--gutter)) calc(-1 * var(--section-y))}.shop__head{margin-bottom:36px}.shop__controls{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding-bottom:28px;margin-bottom:24px;border-bottom:1px solid var(--color-border-soft)}.shop__switch{display:flex;order:-1;max-width:100%;gap:4px;padding:4px;border:1px solid var(--color-border);border-radius:var(--radius-btn)}.shop__switch-link{display:flex;align-items:center;justify-content:center;gap:10px;flex:none;padding:10px 16px;border-radius:var(--radius-btn);font-size:15px;font-weight:500;color:var(--color-text-soft);transition:background-color var(--transition-fast),color var(--transition-fast)}.shop__switch-link:hover{background:var(--color-chip);color:var(--color-accent-ink)}.shop__switch-link:focus-visible{outline:2px solid var(--color-accent-ink);outline-offset:2px}.shop__switch-link.is-active{background:var(--color-accent);color:var(--color-on-accent)}.shop__switch-icon{display:flex}.shop__switch-icon svg{width:30px;height:30px}.shop__tabs{display:flex;align-self:stretch;gap:6px;padding:5px;border:1px solid var(--color-border);border-radius:var(--radius-btn);overflow-x:auto;scrollbar-width:none}.shop__tab{display:inline-flex;align-items:center;justify-content:center;flex:1 0 0;min-width:max-content;padding:11px 20px;border-radius:var(--radius-btn);font-size:14px;font-weight:400;color:var(--color-text-soft);transition:background-color var(--transition-fast),color var(--transition-fast)}.shop__tab:hover{color:var(--color-accent-ink)}.shop__tab.is-active{background:var(--color-accent);color:var(--color-on-accent)}.shop__rail{display:flex;flex-direction:column;gap:32px}.shop__cats-list{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.shop__cat{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:9px 16px;border-radius:var(--radius-btn);font-size:14px;color:var(--color-text-soft);transition:background-color var(--transition-fast),color var(--transition-fast)}.shop__cat:hover{color:var(--color-accent-ink)}.shop__cat:focus-visible{outline:2px solid var(--color-accent-ink);outline-offset:2px}.shop__cat.is-active{background:var(--color-accent);color:var(--color-on-accent)}.shop__cat-count{font-size:12px;font-variant-numeric:tabular-nums;color:var(--color-muted)}.shop__cat.is-active .shop__cat-count{color:inherit}.shop__cats-btn{max-width:100%}.shop__cats-chev{flex:none;transition:transform var(--transition-fast)}.shop__cats-btn[aria-expanded=true] .shop__cats-chev{transform:rotate(180deg)}.shop__body{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(32px,4vw,56px);align-items:start}.shop__body--full{grid-template-columns:minmax(0,1fr)}.shop__filters{display:flex;flex-direction:column;gap:28px}.shop__filters-head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:14px;border-bottom:1px solid var(--color-border)}.shop__filters-title{font-family:var(--font-display);font-size:20px;font-weight:600}.shop__clear{background:none;color:var(--color-accent-ink);font-size:13px;font-weight:500;text-decoration:underline;text-underline-offset:3px}.shop__group{display:flex;flex-direction:column;gap:4px;border:0}.shop__legend{margin-bottom:10px;font-size:13px;font-weight:500;color:var(--color-text)}.shop__check{display:flex;align-items:center;gap:12px;padding:7px 0;font-size:14px;color:var(--color-text-soft);cursor:pointer}.shop__check:hover{color:var(--color-text)}.shop__check input{width:18px;height:18px;flex:none;accent-color:var(--color-accent-ink)}.shop__check--switch{padding-top:18px;border-top:1px solid var(--color-border)}.shop__toolbar{scroll-margin-top:24px}.shop__bar{display:flex;align-items:center;gap:16px;margin-bottom:28px}.shop__refine-btn{display:none;align-items:center;gap:8px;flex:none;min-height:44px;padding:0 16px;border:1px solid var(--color-border-strong);border-radius:var(--radius-btn);background:transparent;color:var(--color-text-bright);font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.shop__refine-btn:hover{border-color:var(--color-accent-ink);color:var(--color-accent-ink)}.shop__refine-btn:focus-visible{outline:2px solid var(--color-accent-ink);outline-offset:2px}.shop__count{flex:1;font-size:14px;color:var(--color-muted)}.shop__q{color:var(--color-text)}.shop__filter-box{display:flex;align-items:center;gap:8px;width:220px;height:40px;padding:0 10px 0 12px;border:1px solid var(--color-border-strong);border-radius:var(--radius-btn);color:var(--color-muted);transition:border-color var(--transition-fast)}.shop__filter-box:hover{border-color:var(--color-accent-ink)}.shop__filter-box:focus-within{border-color:var(--color-accent-ink);box-shadow:inset 0 0 0 1px var(--color-accent-ink);color:var(--color-accent-ink)}.shop__filter-box svg{flex:none;width:16px;height:16px}.shop__filter-box input{flex:1;min-width:0;padding:0;border:0;background:transparent;color:var(--color-text);font:inherit;font-size:13px;outline:none;caret-color:var(--color-accent-ink)}.shop__filter-box input::placeholder{color:var(--color-faint)}.shop__filter-box input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.shop__filter-clear{display:flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;padding:0;border:0;border-radius:var(--radius-btn);background:transparent;color:var(--color-muted);cursor:pointer}.shop__filter-clear:hover{background:var(--color-chip);color:var(--color-text)}.shop__filter-clear:focus-visible{outline:2px solid var(--color-accent-ink);outline-offset:1px}.shop__pickers{display:flex;align-items:center;gap:20px}.shop__sort{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--color-muted)}.shop__sort-select{--select-height: 40px;min-width:170px}.shop__sort-select .select__trigger,.shop__sort-select .select__option{font-size:13px}.shop__filters-btn{display:none;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--color-border-strong);border-radius:var(--radius-btn);background:transparent;color:var(--color-text);font-size:13px;font-weight:500}.shop__count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 5px;border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-on-accent);font-size:11px}.shop__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:40px 18px;list-style:none}.shop__card{display:flex;flex-direction:column;gap:14px}.shop__media{position:relative;aspect-ratio:4 / 5;border-radius:var(--radius-sm);overflow:hidden}.shop__badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.shop__badge{display:inline-flex;align-items:center;padding:4px 10px;border:1px solid var(--color-border-strong);border-radius:var(--radius-full);font-size:12px;font-weight:500;line-height:1.3;color:var(--color-text)}.shop__badge--new{border-color:transparent;background:var(--color-accent-tint);color:var(--color-accent-ink);font-weight:600}.shop__badge--low{border-color:transparent;background:var(--color-accent);color:var(--color-on-accent)}.shop__name{font-family:var(--font-display);font-size:20px;font-weight:600;line-height:1.2}.shop__meta{margin-top:4px;font-size:13px;color:var(--color-muted)}.shop__foot{margin-top:auto}.shop__add{width:100%;padding:12px 16px;border:1px solid var(--color-border-strong);border-radius:var(--radius-btn);background:transparent;color:var(--color-text);font-size:13px;font-weight:500;transition:border-color var(--transition-fast),color var(--transition-fast)}.shop__add:hover:not(:disabled){border-color:var(--color-accent-ink);color:var(--color-accent-ink)}.shop__add:disabled{border-color:var(--color-border);color:var(--color-faint);cursor:not-allowed}@media (prefers-reduced-motion: no-preference){.shop__grid.is-turning>.shop__card{animation:shop-card-in .42s cubic-bezier(.22,1,.36,1) both}.shop__grid.is-turning>.shop__card:nth-child(4n+2){animation-delay:40ms}.shop__grid.is-turning>.shop__card:nth-child(4n+3){animation-delay:80ms}.shop__grid.is-turning>.shop__card:nth-child(4n+4){animation-delay:.12s}}@keyframes shop-card-in{0%{opacity:0;transform:translateY(14px)}}.shop__pages{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:clamp(48px,6vw,72px);padding-top:28px;border-top:1px solid var(--color-border-soft)}.shop__page-list{display:flex;align-items:center;gap:6px;list-style:none}.shop__page{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;height:44px;padding:0 14px;border:1px solid transparent;border-radius:var(--radius-btn);font-size:14px;font-weight:500;color:var(--color-text-soft);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.shop__page:hover{color:var(--color-accent-ink)}.shop__page.is-active{background:var(--color-accent);color:var(--color-on-accent)}.shop__page--step{padding:0 20px;border-color:var(--color-border-strong);color:var(--color-text)}.shop__page--step:hover{border-color:var(--color-accent-ink);color:var(--color-accent-ink)}.shop__page--step.is-disabled{border-color:var(--color-border);color:var(--color-faint);pointer-events:none}.shop__page-gap{min-width:24px;text-align:center;color:var(--color-faint)}.shop__empty{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:56px 0}.shop__empty-title{font-family:var(--font-display);font-size:26px;font-weight:600}.shop__empty-body{max-width:48ch;margin-bottom:12px;color:var(--color-text-soft)}@media (max-width: 899px){.shop__body{grid-template-columns:minmax(0,1fr)}.shop__filters{display:none;margin-bottom:8px;padding:20px;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.shop__filters.is-open{display:flex}.shop__rail{gap:8px}.shop__cats{display:none;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.shop__cats.is-open{display:block}.shop__rail,.shop__pickers,.shop__cats-btn,.shop__filters-btn{display:none}.shop__controls{gap:12px;padding-bottom:20px;margin-bottom:20px}.shop__bar{gap:12px;margin-bottom:24px}.shop__count{flex:1 1 0;order:1;min-width:0}.shop__refine-btn{display:inline-flex;order:2}}@media (max-width: 559px){.shop__tab{padding:12px 13px;font-size:13px}.shop__tabs{-webkit-mask-image:linear-gradient(to right,black calc(100% - 36px),transparent);mask-image:linear-gradient(to right,black calc(100% - 36px),transparent)}.shop__switch{align-self:stretch}.shop__switch-link{flex:1 1 0;min-width:0;gap:6px;padding:8px 6px;font-size:13px}.shop__switch-icon svg{width:22px;height:22px}.shop__pickers{flex-wrap:wrap}.shop__pickers .shop__sort.shop__filter{flex:1 1 100%}.shop__filter-box{flex:1;width:auto}.shop__pickers{width:100%;gap:12px}.shop__pickers .shop__sort{flex:1 1 0;min-width:0}.shop__pickers .shop__sort-select{flex:1;min-width:0}.shop__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 12px}.shop__name{font-size:17px}.shop__page--step{padding:0;width:44px}.shop__page--step>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.shop__page-list{gap:2px}}.shop__link{display:flex;flex-direction:column;gap:14px}.shop__link:hover .shop__name{color:var(--color-accent-ink)}.shop__name{transition:color var(--transition-fast)}.shop__media .placeholder{transition:transform var(--transition-base)}.shop__link:hover .shop__media .placeholder{transform:scale(1.03)}.shop__add.is-in-cart{border-color:var(--color-accent-ink);background:var(--color-accent-tint);color:var(--color-accent-ink)}html:not([data-shop-pending]) .shop__pending,html:not([data-shop-pending~=sub]) .shop__pending--sub{display:none}html[data-shop-pending] .shop__live{display:none}html[data-shop-pending] .shop__tab.is-active{background:transparent;color:var(--color-text-soft)}.shop__tab--skeleton{display:flex;align-items:center}html[data-shop-pending] .shop__cat.is-active{background:transparent;color:var(--color-text-soft)}