.bbs-patch-shop{padding-bottom:1rem}.bbs-patch-shop__header{margin-bottom:clamp(1.25rem,3vw,2rem)}.bbs-patch-shop__title{margin-top:.35rem;margin-bottom:.75rem}.bbs-patch-shop__lede{max-width:40rem;margin:0}.bbs-patch-shop__setup{padding:1.5rem;border-radius:var(--tay-radius);background:color-mix(in srgb,var(--bbs-primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--bbs-outline) 14%,transparent)}.bbs-patch-shop__setup p{margin:0}.bbs-patch-shop__loading{text-align:center;padding:2rem;color:var(--bbs-muted)}.bbs-patch-shop__tools{position:sticky;top:0;z-index:8;margin-bottom:1.25rem;padding:.55rem 0 .7rem;background:color-mix(in srgb,var(--bbs-bg) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb,var(--bbs-outline-variant) 35%,transparent)}.bbs-patch-shop__tools:before{content:"";position:absolute;left:50%;width:100vw;top:0;bottom:0;transform:translate(-50%);background:color-mix(in srgb,var(--bbs-bg) 92%,transparent);z-index:-1;pointer-events:none}.bbs-patch-shop__search{margin-bottom:.65rem}.bbs-patch-shop__search-input{width:100%;box-sizing:border-box;padding:.7rem .9rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--bbs-outline) 22%,transparent);font:inherit;background:var(--bbs-surface);color:inherit}.bbs-patch-shop__search-input:focus{outline:2px solid color-mix(in srgb,var(--bbs-primary) 45%,transparent);outline-offset:2px}.bbs-patch-shop__chips{display:flex;flex-wrap:nowrap;gap:.4rem;overflow-x:auto;padding:.15rem 0;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.bbs-patch-shop__chip{flex:0 0 auto;padding:.4rem .85rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--bbs-outline) 18%,transparent);background:color-mix(in srgb,var(--bbs-text) 4%,transparent);font:inherit;font-size:.8rem;font-weight:600;cursor:pointer;color:inherit}.bbs-patch-shop__chip.is-selected{border-color:color-mix(in srgb,var(--bbs-primary) 45%,transparent);background:var(--bbs-primary);color:#fff}.bbs-patch-shop__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}@media(min-width:750px){.bbs-patch-shop__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}}@media(min-width:1100px){.bbs-patch-shop__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.bbs-patch-shop__card{display:flex;flex-direction:column;gap:.55rem;padding:.7rem;border-radius:var(--tay-radius);background:var(--bbs-surface);border:1px solid color-mix(in srgb,var(--bbs-outline) 10%,transparent)}.bbs-patch-shop__media{position:relative;aspect-ratio:1;border-radius:calc(var(--tay-radius) - 4px);background:var(--bbs-surface-low, color-mix(in srgb, var(--bbs-bg) 70%, #fff));overflow:hidden;display:flex;align-items:center;justify-content:center}.bbs-patch-shop__media img{width:86%;height:86%;object-fit:contain}.bbs-patch-shop__sold{position:absolute;inset:auto auto .55rem 50%;transform:translate(-50%);padding:.2rem .55rem;border-radius:999px;background:#000000b8;color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.bbs-patch-shop__name{margin:0;font-size:.92rem;font-weight:700;line-height:1.3}.bbs-patch-shop__name a{color:inherit;text-decoration:none}.bbs-patch-shop__name a:hover{color:var(--bbs-primary)}.bbs-patch-shop__price{margin:0;font-size:.82rem;color:var(--bbs-muted)}.bbs-patch-shop__variant{width:100%;padding:.4rem .5rem;border-radius:var(--tay-radius-sm);border:1px solid color-mix(in srgb,var(--bbs-outline) 18%,transparent);font:inherit;font-size:.78rem;background:var(--bbs-surface);color:inherit}.bbs-patch-shop__add{width:100%;margin-top:auto;padding:.55rem .75rem;border:none;border-radius:999px;background:var(--bbs-primary);color:#fff;font:inherit;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.bbs-patch-shop__add:disabled{background:color-mix(in srgb,var(--bbs-text) 22%,transparent);cursor:not-allowed}.bbs-patch-shop__qty{display:flex;align-items:center;justify-content:center;gap:.65rem;margin-top:auto}.bbs-patch-shop__qty-btn{width:2rem;height:2rem;border:none;border-radius:999px;background:color-mix(in srgb,var(--bbs-primary) 12%,transparent);color:var(--bbs-primary);font-size:1.15rem;line-height:1;cursor:pointer}.bbs-patch-shop__qty-value{min-width:1.5rem;text-align:center;font-weight:700}.bbs-patch-shop__empty{grid-column:1 / -1;margin:1.5rem 0;text-align:center;color:var(--bbs-muted)}.bbs-patch-shop__alt{margin:2rem 0 0;font-size:.92rem}.bbs-patch-shop__alt a{font-weight:700;color:var(--bbs-primary);text-decoration:none}.bbs-patch-shop__alt a:hover{text-decoration:underline}.bbs-patch-shop__bar{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--bbs-bg) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid color-mix(in srgb,var(--bbs-outline-variant) 35%,transparent)}.bbs-patch-shop__bar-inner{display:flex;align-items:center;gap:.85rem;max-width:var(--tay-page-max, 1200px);margin:0 auto;padding:.15rem 0}.bbs-patch-shop__bar-meta{display:flex;flex-direction:column;gap:.1rem;min-width:0}.bbs-patch-shop__bar-count{font-weight:700;font-size:.95rem}.bbs-patch-shop__bar-total{font-size:.82rem;color:var(--bbs-muted)}.bbs-patch-shop__bar-checkout{margin-left:auto;padding:.75rem 1.25rem;border:none;border-radius:999px;background:var(--bbs-primary);color:#fff;font:inherit;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;box-shadow:0 12px 32px color-mix(in srgb,var(--bbs-primary) 28%,transparent)}.bbs-patch-shop__bar-checkout:disabled{opacity:.6;cursor:wait}.bbs-patch-shop__error{margin:0 0 .85rem;padding:.65rem .8rem;border-radius:var(--tay-radius-sm);background:color-mix(in srgb,#b3261e 10%,transparent);border:1px solid color-mix(in srgb,#b3261e 22%,transparent);font-size:.88rem}.bbs-patch-shop.has-bar{padding-bottom:6.5rem}.bbs-patch-shop__toast{position:fixed;top:calc(var(--tay-header-h, 4.5rem) + .75rem);left:50%;transform:translate(-50%);z-index:50;padding:.45rem .9rem;border-radius:999px;background:#000000c7;color:#fff;font-size:.82rem;font-weight:600;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/37/assets/patch-shop.css.map */