:root{--os-bg: #f7f7f7;--os-surface: #e9e9e9;--os-ink: #111;--os-muted: #6b6b6b;--os-line: #d9d9d9;--os-accent: #e5194f;--os-pad: 16px;--os-max: 1600px;--os-ease: cubic-bezier(.22, .8, .24, 1);--os-font: "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;--os-header-h: 56px}@media(min-width:750px){:root{--os-pad: 32px;--os-header-h: 64px}}@media(min-width:1200px){:root{--os-pad: 48px}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--os-font);color:var(--os-ink);background:#fff;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--os-ink);outline-offset:2px}.os-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.os-wrap{max-width:var(--os-max);margin-inline:auto;padding-inline:var(--os-pad)}.os-h{font-weight:800;letter-spacing:-.01em;text-transform:uppercase;margin:0;line-height:1}.os-btn{display:inline-block;padding:14px 28px;background:var(--os-ink);color:#fff;border:1px solid var(--os-ink);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:13px;transition:background .25s,color .25s}.os-btn:hover{background:transparent;color:var(--os-ink)}.os-btn--light{background:#fff;color:var(--os-ink);border-color:#fff}.os-btn--light:hover{background:transparent;color:#fff}.os-btn--full{width:100%;text-align:center}.os-header{position:sticky;top:0;z-index:50;background:#f7f7f7eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--os-line)}.os-header__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:var(--os-header-h)}.os-header__logo{font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase;text-align:center;line-height:1.15}.os-header__logo img{max-height:28px;width:auto;margin-inline:auto}.os-header__end{display:flex;justify-content:flex-end;gap:4px;align-items:center}.os-icon-btn{position:relative;background:none;border:0;padding:10px;display:inline-flex}.os-icon-btn svg{width:22px;height:22px}.os-cart-count{position:absolute;top:2px;right:0;min-width:16px;height:16px;border-radius:8px;background:var(--os-ink);color:#fff;font-size:10px;display:grid;place-items:center;padding:0 4px}.os-cart-count:empty,.os-cart-count[data-count="0"]{display:none}.os-nav{display:none}.os-burger{justify-self:start}@media(min-width:990px){.os-burger{display:none}.os-nav{display:flex;gap:28px;align-items:center}.os-header__bar{grid-template-columns:1fr auto 1fr}}.os-nav__item{position:relative}.os-nav__link{background:none;border:0;padding:22px 0;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;display:inline-flex;gap:6px;align-items:center}.os-nav__link svg{width:10px;transition:transform .25s var(--os-ease)}.os-nav__item:hover .os-nav__link svg,.os-nav__item:focus-within .os-nav__link svg{transform:rotate(180deg)}.os-mega{position:absolute;left:-20px;top:100%;min-width:240px;background:var(--os-bg);border:1px solid var(--os-line);padding:20px 24px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s var(--os-ease),transform .25s var(--os-ease),visibility .25s}.os-nav__item:hover .os-mega,.os-nav__item:focus-within .os-mega{opacity:1;visibility:visible;transform:none}.os-mega a{display:block;padding:6px 0;font-size:14px;color:var(--os-muted);transition:color .2s,transform .2s}.os-mega a:hover{color:var(--os-ink);transform:translate(4px)}.os-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none}.os-drawer__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;transition:opacity .3s}.os-drawer__panel{position:absolute;top:0;bottom:0;width:min(420px,92vw);background:var(--os-bg);display:flex;flex-direction:column;transition:transform .4s var(--os-ease);overflow-y:auto;overscroll-behavior:contain}.os-drawer--left .os-drawer__panel{left:0;transform:translate(-100%)}.os-drawer--right .os-drawer__panel{right:0;transform:translate(100%)}.os-drawer.is-open{pointer-events:auto}.os-drawer.is-open .os-drawer__scrim{opacity:1}.os-drawer.is-open .os-drawer__panel{transform:none}.os-drawer__head{display:flex;justify-content:space-between;align-items:center;padding:16px var(--os-pad);border-bottom:1px solid var(--os-line)}.os-drawer__head h2{margin:0;font-size:14px;letter-spacing:.08em;text-transform:uppercase}.os-m-nav details{border-bottom:1px solid var(--os-line)}.os-m-nav summary,.os-m-nav>a{display:flex;justify-content:space-between;padding:18px var(--os-pad);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:15px;list-style:none}.os-m-nav summary::-webkit-details-marker{display:none}.os-m-nav details a{display:block;padding:10px var(--os-pad) 10px calc(var(--os-pad) + 12px);color:var(--os-muted)}.os-m-nav details[open] summary{color:var(--os-accent)}.os-hero{position:relative;overflow:hidden;color:#fff;background:#222}.os-hero__media,.os-hero__media img{width:100%;height:100%}.os-hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.os-hero__media img{object-fit:cover}.os-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0000008c,#0000 60%),rgba(0,0,0,var(--os-overlay, .15))}.os-hero__inner{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-block:32px}.os-hero--h-sm{min-height:50svh}.os-hero--h-md{min-height:70svh}.os-hero--h-lg{min-height:90svh}.os-hero--right .os-hero__inner{align-items:flex-end;text-align:right}.os-hero--center .os-hero__inner{align-items:center;text-align:center;justify-content:center}.os-hero__title{font-size:clamp(26px,5.2vw,64px);max-width:16ch}.os-hero__sub{margin:12px 0 20px;max-width:46ch;font-size:15px;opacity:.9}.os-hero__media img{transform:scale(1.06);animation:os-hero-in 1.6s var(--os-ease) forwards}@keyframes os-hero-in{to{transform:scale(1)}}.os-fc{background:var(--os-bg);padding-block:40px 56px}.os-fc__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px}.os-fc__title{font-size:clamp(22px,3vw,34px)}.os-fc__sub{margin:6px 0 0;color:var(--os-muted);text-transform:uppercase;font-size:14px}.os-tabs{display:inline-flex;position:relative;border:1px solid var(--os-ink)}.os-tabs button{position:relative;z-index:1;background:none;border:0;padding:10px 22px;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;transition:color .3s}.os-tabs button[aria-selected=true]{color:#fff}.os-tabs__pill{position:absolute;top:0;bottom:0;left:0;background:var(--os-ink);transition:transform .35s var(--os-ease),width .35s var(--os-ease)}.os-panel[hidden]{display:none}.os-panel{animation:os-fade .4s var(--os-ease)}@keyframes os-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.os-grid{display:grid;gap:2px;grid-template-columns:repeat(2,1fr)}@media(min-width:750px){.os-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1100px){.os-grid{grid-template-columns:repeat(var(--os-cols, 4),1fr)}}.os-card{position:relative;background:var(--os-surface)}.os-card__media{position:relative;display:block;aspect-ratio:3 / 4;overflow:hidden}.os-card__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s var(--os-ease),transform .8s var(--os-ease)}.os-card__img2{opacity:0}@media(hover:hover){.os-card:hover .os-card__img2{opacity:1}.os-card:hover .os-card__img1{transform:scale(1.03)}}.os-badge{position:absolute;top:10px;left:10px;z-index:2;background:var(--os-ink);color:#fff;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px}.os-badge--sale{background:var(--os-accent)}.os-card__info{display:flex;justify-content:space-between;gap:12px;padding:12px;background:#fff;align-items:start}.os-card__title{font-size:13px;font-weight:600;line-height:1.3}.os-card__price{font-size:13px;margin-top:4px;color:var(--os-muted)}.os-card__price s{margin-right:6px}.os-qa-toggle{flex:none;width:34px;height:34px;border:1px solid var(--os-ink);background:#fff;font-size:20px;line-height:1;display:grid;place-items:center;transition:background .2s,color .2s,transform .3s var(--os-ease)}.os-qa-toggle:hover{background:var(--os-ink);color:#fff}.os-qa-toggle[aria-expanded=true]{transform:rotate(45deg)}.os-qa{position:absolute;left:0;right:0;bottom:0;z-index:3;background:#fffffff5;padding:14px;transform:translateY(101%);transition:transform .35s var(--os-ease)}.os-card.qa-open .os-qa{transform:none}.os-qa__label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px}.os-qa__sizes{display:flex;flex-wrap:wrap;gap:6px}.os-qa__size{min-width:44px;height:40px;padding:0 10px;background:#fff;border:1px solid var(--os-ink);font-size:13px;font-weight:600;transition:background .15s,color .15s}.os-qa__size:hover:not(:disabled){background:var(--os-ink);color:#fff}.os-qa__size:disabled{color:#aaa;border-color:#ccc;text-decoration:line-through;cursor:not-allowed}.os-card.is-loading .os-qa{opacity:.6;pointer-events:none}.os-cp__top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-block:20px}.os-cp__title{font-size:clamp(24px,4vw,44px)}.os-cp__count{color:var(--os-muted);font-size:13px}.os-cp__tools{display:flex;gap:8px;align-items:center}.os-select{padding:10px 12px;border:1px solid var(--os-ink);background:#fff;font:inherit;font-size:13px}.os-cp__layout{display:grid;gap:0}@media(min-width:990px){.os-cp__layout{grid-template-columns:260px 1fr;gap:32px}.os-filter-open{display:none}}.os-filters{border-top:1px solid var(--os-line)}.os-filters details{border-bottom:1px solid var(--os-line)}.os-filters summary{padding:16px 0;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.06em;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.os-filters summary::-webkit-details-marker{display:none}.os-filters summary:after{content:"+"}.os-filters details[open] summary:after{content:"\2013"}.os-filters__body{padding-bottom:16px;display:flex;flex-wrap:wrap;gap:8px}.os-chip{position:relative}.os-chip input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;cursor:pointer}.os-chip span{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--os-line);font-size:13px;background:#fff;transition:border-color .2s,background .2s,color .2s}.os-chip input:checked+span{background:var(--os-ink);color:#fff;border-color:var(--os-ink)}.os-chip input:focus-visible+span{outline:2px solid var(--os-ink);outline-offset:2px}.os-chip input:disabled+span{opacity:.4;text-decoration:line-through}.os-swatch{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.25);background:var(--sw, #ccc)}.os-price{display:flex;gap:8px;align-items:center}.os-price input{width:100%;padding:10px;border:1px solid var(--os-line);font:inherit}.os-cp__grid-wrap{transition:opacity .25s;min-width:0}.os-cp__grid-wrap.is-loading{opacity:.4;pointer-events:none}.os-pagination{display:flex;gap:6px;justify-content:center;padding:32px 0;flex-wrap:wrap}.os-pagination a,.os-pagination span{padding:8px 14px;border:1px solid var(--os-line);font-size:13px}.os-pagination .current{background:var(--os-ink);color:#fff;border-color:var(--os-ink)}.os-empty{padding:64px 0;text-align:center;color:var(--os-muted)}@media(max-width:989px){.os-filters-wrap .os-filters{padding:0 var(--os-pad);border-top:0}}@media(min-width:990px){.os-filters-wrap{position:sticky;inset:auto;top:calc(var(--os-header-h) + 16px);align-self:start;pointer-events:auto;z-index:1}.os-filters-wrap .os-drawer__scrim,.os-filters-wrap .os-drawer__head{display:none}.os-filters-wrap .os-drawer__panel{position:static;transform:none;width:auto;overflow:visible;background:none}}.os-cart__items{flex:1;padding:0 var(--os-pad)}.os-line{display:grid;grid-template-columns:84px 1fr auto;gap:14px;padding:16px 0;border-bottom:1px solid var(--os-line)}.os-line img{width:84px;aspect-ratio:3/4;object-fit:cover;background:var(--os-surface)}.os-line__title{font-size:14px;font-weight:600}.os-line__meta{font-size:12px;color:var(--os-muted);margin-top:4px}.os-qty{display:inline-flex;border:1px solid var(--os-line);margin-top:10px}.os-qty button{width:32px;height:32px;background:none;border:0;font-size:16px}.os-qty span{min-width:28px;display:grid;place-items:center;font-size:13px}.os-line__remove{background:none;border:0;font-size:12px;text-decoration:underline;color:var(--os-muted);padding:0;margin-top:8px;display:block}.os-cart__foot{padding:16px var(--os-pad) 24px;border-top:1px solid var(--os-line);position:sticky;bottom:0;background:var(--os-bg)}.os-cart__total{display:flex;justify-content:space-between;font-weight:700;margin-bottom:6px}.os-cart__note{font-size:12px;color:var(--os-muted);margin:0 0 14px}.os-cart__empty{padding:48px var(--os-pad);text-align:center;color:var(--os-muted)}.os-cart__bar{height:4px;background:var(--os-line);margin:0 var(--os-pad) 8px}.os-cart__bar i{display:block;height:100%;background:var(--os-ink);transition:width .5s var(--os-ease)}.os-cart__ship{margin:12px var(--os-pad) 8px;font-size:13px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/os-base.css.map */