.sb-wb{background:var(--bark);color:var(--white)}.sb-wb__inner{padding-block:112px}.sb-wb__head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--gold)}.sb-wb__eyebrow,.sb-wb__all{font:400 13px/1 var(--font-caps);letter-spacing:.16em;color:var(--white)}.sb-wb__title{margin:40px 0 56px;line-height:.92;font-size:clamp(44px,6vw,96px)}.sb-wb__empty{margin:0;font:var(--text-lead)}wear-band{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:48px}.sb-wb__card{display:flex;flex-direction:column;gap:20px;min-width:0;transition:opacity .45s ease,filter .45s ease}.sb-wb__frame{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;color:inherit;text-decoration:none}.sb-wb__plate{position:absolute;top:0;right:0;bottom:0;left:0;padding:32px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;transition:transform 3s cubic-bezier(.2,.6,.2,1),filter .6s}.sb-wb__plate--0{background:var(--white);color:var(--black)}.sb-wb__plate--1{background:var(--black);color:var(--gold);border:1px solid var(--gold)}.sb-wb__plate--2{background:var(--gold);color:var(--black)}.sb-wb__plate:has(img){padding:0;border:0}.sb-wb__plate img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.sb-wb__num{font:400 12px/1 var(--font-caps);letter-spacing:.16em}.sb-wb__word{white-space:nowrap;line-height:.85}.sb-wb__shutter{position:absolute;left:0;right:0;z-index:3;height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--black);transition:height .55s var(--ease-out)}.sb-wb__shutter--top{top:0;color:var(--gold);font:400 11px/1 var(--font-caps);letter-spacing:.16em}.sb-wb__shutter--bot{bottom:0;color:var(--white);font:700 15px/1 var(--font-caps);letter-spacing:.1em}.sb-wb__shutter span{padding-inline:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(hover:hover){wear-band:has(.sb-wb__card:hover) .sb-wb__card:not(:hover){opacity:.28;filter:grayscale(1)}.sb-wb__card:hover .sb-wb__shutter--top{height:13%;border-bottom:1px solid var(--gold)}.sb-wb__card:hover .sb-wb__shutter--bot{height:17%;border-top:1px solid var(--gold)}.sb-wb__card:hover .sb-wb__plate{transform:scale(1.12);filter:contrast(1.08)}}.sb-wb__row{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.sb-wb__name{margin:0;font:700 24px/1.2 var(--font-caps);letter-spacing:.04em;text-transform:uppercase}.sb-wb__name a{color:var(--white);text-decoration:none}.sb-wb__price{font:700 22px/1 var(--font-caps);letter-spacing:.04em;color:var(--gold)}.sb-wb__colors{display:flex;flex-wrap:wrap;gap:10px}.sb-wb__colors .sb-pill{height:44px;padding:0 18px;font-size:13px;letter-spacing:.1em}.sb-wb__colors .sb-pill[aria-pressed=true]{background:var(--white);border-color:var(--white);color:var(--black)}.sb-wb__colors .sb-pill.is-soldout{text-decoration:line-through;opacity:.6}.sb-wb__add{align-self:flex-start;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;line-height:56px;height:56px;padding:0 32px;font-size:17px;background:transparent;color:var(--white);border:1px solid var(--white)}.sb-wb__add[disabled]{opacity:.5;cursor:not-allowed}@media(max-width:749px){.sb-wb__inner{padding-inline:0;padding-block:48px 40px}.sb-wb__head,.sb-wb__title{margin-inline:var(--gutter-x)}.sb-wb__head{border-bottom:0;padding-bottom:0}.sb-wb__all{display:none}.sb-wb__title{margin-block:12px 24px;font-size:48px}wear-band{display:flex;gap:16px;overflow-x:auto;padding-inline:var(--gutter-x);scroll-snap-type:x mandatory;scrollbar-width:none}.sb-wb__card{flex:none;width:280px;scroll-snap-align:start;gap:12px}.sb-wb__frame{aspect-ratio:auto;height:340px}.sb-wb__plate{padding:20px}.sb-wb__shutter{display:none}.sb-wb__name{font-size:17px}.sb-wb__price{font-size:15px;color:var(--white)}.sb-wb__add{height:48px;line-height:48px;padding:0 20px;font-size:15px}}@media(prefers-reduced-motion:reduce){.sb-wb__card,.sb-wb__plate,.sb-wb__shutter{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-wear-band.css.map */