@layer ok{.ok-card{--okc-ease: cubic-bezier(.22, 1, .36, 1);position:relative;display:flex;flex-direction:column;min-width:0;color:var(--ok-ink, #111)}.ok-card--hidden,.swiper-slide:has(>.ok-card--hidden){display:none}.ok-card__media{position:relative;z-index:2}.ok-card__frame{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:.4rem;background-color:#fff}.ok-card.is-sold-out .ok-card__frame{opacity:.75;filter:grayscale(.6)}.ok-card__track{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.ok-card__track::-webkit-scrollbar{display:none}.ok-card__frame:not([data-ok-carousel]) .ok-card__track{overflow:hidden;scroll-snap-type:none;touch-action:auto;overscroll-behavior-x:auto}@media(hover:hover)and (pointer:fine){.ok-card__frame[data-ok-carousel] .ok-card__track{overflow-x:hidden;overscroll-behavior:auto;scroll-snap-type:none}}.ok-card__slide{display:block;flex:0 0 100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always}.ok-card__slide img,.ok-card__slide svg{box-sizing:border-box;width:100%;height:100%;padding:7%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:transform .9s var(--okc-ease)}.ok-card__slide img:not([src]){visibility:hidden}.ok-card__nav{position:absolute;top:50%;z-index:3;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;margin-top:-1.8rem;padding:0;border:.1rem solid rgba(17,17,17,.08);border-radius:50%;background:#ffffffeb;box-shadow:0 .2rem 1rem #00000014;color:var(--ok-ink, #111);cursor:pointer;opacity:0;transition:opacity .35s var(--okc-ease),background-color .3s var(--okc-ease),transform .35s var(--okc-ease)}.ok-card__nav svg{width:1.4rem;height:1.4rem;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.ok-card__nav--prev{left:1rem}.ok-card__nav--next{right:1rem}.ok-card__nav:active{transform:scale(.94)}.ok-card__nav[disabled]{opacity:0;pointer-events:none}.ok-card__dots{position:absolute;left:50%;bottom:1rem;z-index:2;display:flex;gap:.4rem;transform:translate(-50%);pointer-events:none;transition:opacity .35s var(--okc-ease)}.ok-card__dots span{width:.5rem;height:.5rem;border-radius:50%;background:#1113;transition:background-color .35s var(--okc-ease),width .35s var(--okc-ease)}.ok-card__dots span.is-active{width:1.4rem;border-radius:.3rem;background:#111111b3}.ok-card__badge{position:absolute;top:1.5rem;left:.8rem;z-index:4;display:inline-flex;align-items:center;height:2.6rem;max-width:calc(100% - 7.2rem);overflow:hidden;padding:0 .9rem;border-radius:.6rem;background:var(--ok-ink, #111);color:#fff;font-family:var(--font-body-family);font-size:1rem;font-weight:600;line-height:1;letter-spacing:.12em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.ok-card__badge--light{background:#fff;color:var(--ok-ink, #111);box-shadow:inset 0 0 0 .1rem var(--ok-ink, #111)}.ok-card__quick{position:absolute;left:.8rem;right:.8rem;bottom:.8rem;z-index:4;display:flex;align-items:center;gap:.4rem;min-height:4.4rem;padding:.4rem .4rem .4rem 1.4rem;border:.1rem solid transparent;border-radius:.4rem;background:#ddddddf7;box-shadow:0 .4rem 1.2rem #0000000f;color:var(--ok-ink, #111);opacity:0;transform:translateY(1.2rem);pointer-events:none;transition:opacity .3s var(--okc-ease),transform .5s var(--okc-ease)}.ok-card__quick-label{flex:0 0 auto;margin-right:.6rem;color:#0000008c;font-family:var(--font-body-family);font-size:1.1rem;font-weight:500;letter-spacing:.01em}.ok-card__quick-sizes{display:flex;gap:.2rem;min-width:0;padding-inline:.6rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none}.ok-card__quick-sizes::-webkit-scrollbar{display:none}.ok-card__quick-sizes button{flex:0 0 auto;min-width:3.6rem;height:3.6rem;padding:0 .8rem;border:0;border-radius:.3rem;background:transparent;color:var(--ok-ink, #111);font-family:var(--font-body-family);font-size:1.25rem;font-weight:600;letter-spacing:.01em;scroll-snap-align:end;cursor:pointer;transition:background-color .2s ease,color .2s ease}.ok-card__quick-sizes button:hover{background:#fefefe}.ok-card__quick-sizes button:active{transform:scale(.94)}.ok-card__quick-sizes button.is-loading{opacity:.5;pointer-events:none}.ok-card__quick-sizes button.is-added{background:var(--ok-accent);color:#fff}.ok-card__quick-sizes button.is-error{background:var(--ok-error);color:#fff}.ok-card__quick--one{padding:0;min-height:0;border:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.ok-card__quick-one{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;height:4.4rem;padding:0 1.2rem;border:0;border-radius:.4rem;background:var(--ok-ink, #111);color:#fefefe;font-family:var(--font-body-family);font-size:1.15rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background-color .3s ease}.ok-card__quick-one svg{width:1.6rem;height:1.6rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ok-card__quick-one:hover{background:#004324}.ok-card__quick-one.is-loading{opacity:.6;pointer-events:none}.ok-card__quick-one.is-added{background:var(--ok-accent, #004324)}.ok-card__quick-one.is-error{background:var(--ok-error)}.ok-card__add{position:absolute;right:1rem;bottom:1rem;z-index:5;display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;border:0;border-radius:50%;background:var(--ok-ink, #111);box-shadow:0 .4rem 1.2rem #0000002e;color:#fff;cursor:pointer;transition:opacity .4s ease}.ok-card__add svg{width:1.6rem;height:1.6rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.ok-card__body{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding-top:.8rem}.ok-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.ok-card__vendor{margin:0;font-size:1.1rem;font-weight:700;line-height:1.2;letter-spacing:.1em;text-transform:uppercase}.ok-card__vendor a{position:relative;z-index:2;display:inline-flex;align-items:center;min-height:24px;color:inherit;font-family:var(--ok-ui-font, var(--font-body-family));font-size:1.2rem;font-weight:600;letter-spacing:.01em;text-decoration:none;transition:text-decoration-color .2s}.ok-card__vendor a:hover{text-decoration:underline;text-underline-offset:.3rem}.ok-card__title{display:flex;align-items:flex-start;align-self:stretch;width:100%;max-width:100%;min-width:0;overflow:hidden;margin:0;font-size:1.35rem;line-height:1.25}.ok-card__link{display:block;flex:1 1 auto;width:100%;max-width:100%;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:color-mix(in srgb,var(--ok-ink, #111) 72%,transparent);font-family:var(--font-body-family);font-size:1.35rem;font-weight:400;line-height:24px;letter-spacing:0;text-transform:none;text-decoration:none}.ok-card__pricing{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .8rem;margin-top:.6rem}.ok-card__price{flex:1 1 auto;color:var(--ok-ink, #111);font-size:1.4rem;font-weight:600;line-height:1.25;letter-spacing:0}.ok-card__from,.ok-card__compare{font-weight:400;color:color-mix(in srgb,var(--ok-ink, #111) 55%,transparent)}.ok-card__ars{font-size:1.2rem;line-height:1.3;color:color-mix(in srgb,var(--ok-ink, #111) 50%,transparent)}.ok-card__ars:empty{display:none}.ok-card__sizes{display:flex;flex-wrap:wrap;max-height:1.6rem;overflow:hidden;margin:.6rem 0 0;padding:0;list-style:none}.ok-card__sizes li{flex:0 0 auto;color:color-mix(in srgb,var(--ok-ink, #111) 64%,transparent);font-family:var(--font-body-family);font-size:1.05rem;font-weight:500;line-height:1.6rem;letter-spacing:.01em}.ok-card__sizes li+li:before{content:"\b7";margin:0 .6rem;font-weight:700;opacity:.45}@media(hover:hover){.ok-card:hover .ok-card__frame[data-ok-carousel] .ok-card__slide img{transform:scale(1.045)}.ok-card:hover .ok-card__nav{opacity:1}.ok-card__nav:hover{background:#ffffffe6;box-shadow:0 .4rem 1.4rem #0000001f,inset 0 .1rem #fff}}@media(hover:none){.ok-card__nav{display:none}}@media(hover:hover)and (min-width:990px){.ok-card:hover .ok-card__quick,.ok-card:has(:focus-visible) .ok-card__quick{opacity:1;transform:none;pointer-events:auto}.ok-card:hover .ok-card__dots{opacity:0}.ok-card__quick~.ok-card__add{display:none}.ok-card__sizes{transition:opacity .3s var(--okc-ease)}.ok-card:hover .ok-card__sizes{opacity:0}}@media not all and (hover:hover)and (min-width:990px){.ok-card__quick{display:none}}@media(hover:hover)and (min-width:1200px){.ok-card__add{opacity:0;pointer-events:none}.ok-card:hover .ok-card__add{opacity:1;pointer-events:auto}}@media(max-width:989px){.ok-card__badge{z-index:6;transform:translateZ(0);backface-visibility:hidden}.ok-card__add{transform:translateZ(0);backface-visibility:hidden}}@media(max-width:749px){.ok-card__dots{bottom:.7rem}.ok-card__badge{top:1.2rem;left:.5rem;height:2.2rem;max-width:calc(100% - 5.8rem);padding:0 .7rem;font-size:.9rem}.ok-card__body{padding-top:1rem}.ok-card__vendor{font-size:1rem}.ok-card__link{font-size:1.25rem}.ok-card__price{font-size:1.3rem}}@media(hover:none)and (pointer:coarse){.ok-card__frame[data-ok-carousel] .ok-card__track{touch-action:pan-x pan-y}}.ok-card__frame[data-ok-shoe] .ok-card__slide:first-child img{transition:opacity .35s ease,transform .9s var(--okc-ease)}.ok-card__frame[data-ok-shoe]:not([data-ok-fit]) .ok-card__slide:first-child img{opacity:0;animation:okfit-reveal .01s .5s forwards}@keyframes okfit-reveal{to{opacity:1}}}
/*# sourceMappingURL=/cdn/shop/t/128/assets/ok-card.css.map */