.hok-card{--hok-ink: #0b0b0c;--hok-muted: #767676;position:relative;display:flex;flex-direction:column;height:100%;color:var(--hok-ink);font-family:var(--font-body-family);text-align:left}.hok-card__media{position:relative;aspect-ratio:1 / 1;--media-radius: 4px;border-radius:4px;overflow:hidden;background:var(--hok-tile, #ececec)}.hok-card__media img{--media-radius: 0px}.hok-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hok-card__img--hover{opacity:0;transition:opacity .12s linear;object-position:50% 30%}.hok-card__media:has(>.hok-card2){container-type:inline-size}.hok-card2{display:none;position:absolute;top:18%;left:7%;width:44%;color:var(--hok-c2, #0b0b0c);pointer-events:none}.hok-card2__by{display:block;font-size:8.5cqw;line-height:1.1;white-space:nowrap}.hok-card2__name{display:block;margin-top:.4cqw;font-size:calc(var(--c2-fs, 12.5) * 1cqw);line-height:var(--c2-lh, .92);overflow-wrap:normal}.hok-gallery-card2{container-type:inline-size}.hok-gallery-card2.active[data-hok-ready]>.hok-card2--slide{display:block}@media(hover:hover)and (min-width:768px){.hok-card:hover .hok-card__media:not(:has(>.hok-card2)) .hok-card__img--hover,.hok-card:hover .hok-card__media[data-hok-ready] .hok-card__img--hover{opacity:1}.hok-card__media[data-hok-ready]>.hok-card2{display:block;opacity:0;transition:opacity .12s linear}.hok-card:hover .hok-card__media[data-hok-ready]>.hok-card2{opacity:1}.hok-card__media:is([data-hok-ready],[data-hok-art]) .hok-card__badges{transition:opacity .12s linear}.hok-card:hover .hok-card__media:is([data-hok-ready],[data-hok-art]) .hok-card__badges{opacity:0}@starting-style{.hok-card:hover .hok-card__media[data-hok-ready]>.hok-card2{opacity:0}}}.hok-card__strip{position:absolute;top:0;right:0;bottom:0;left:0}.hok-card__dots{display:none}@media not all and (hover:hover)and (min-width:768px){.hok-strips [data-hok-strip]>.hok-card__strip{z-index:2;display:flex;width:round(up,100%,1px);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.hok-strips [data-hok-strip]>.hok-card__strip::-webkit-scrollbar{display:none}.hok-strips [data-hok-strip]>.hok-card__strip>*{position:relative;flex:0 0 100%;scroll-snap-align:start}.hok-strips [data-hok-strip] .hok-card__img--hover{opacity:1}[data-hok-slide2] .hok-card__badges{opacity:0}.hok-strips .hok-card__dots{position:absolute;right:0;bottom:8px;left:0;z-index:2;display:flex;justify-content:center;gap:6px;pointer-events:none}.hok-card__dots>span{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px var(--hok-ink);opacity:.5}.hok-card__media:not([data-hok-slide2]) .hok-card__dots>span:first-child,.hok-card__media[data-hok-slide2] .hok-card__dots>span:last-child{background:var(--hok-ink);box-shadow:0 0 0 1px #fff;opacity:1}}@media(hover:none)and (min-width:768px){.hok-strips .hok-card__dots{bottom:12px}}.hok-card__badges{position:absolute;top:10px;left:10px;z-index:2;display:flex;margin:0;padding:0;list-style:none;pointer-events:none}.hok-card__badge{padding:4px 4px 2px;background:#fff;color:var(--hok-ink);font-size:12px;line-height:1.1}@media(max-width:767px){.hok-card__badges{top:8px;left:8px}.hok-card__badge{padding:3px 3px 1px}html:not(#hok-type-a):not(#hok-type-b):not(#hok-type-c) .hok-card__badge{letter-spacing:.04em!important}}.hok-card__add{position:absolute;right:12px;bottom:12px;z-index:2;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid var(--hok-ink);border-radius:50%;background:#fff;color:var(--hok-ink);font-size:16px;cursor:pointer;transition:background-color .2s linear,color .2s linear,opacity .2s linear}.hok-card__add:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.hok-card__add:hover,.hok-card__add:focus-visible{background:var(--hok-ink);color:#fff}.hok-card__add:focus-visible{outline:2px solid var(--hok-ink);outline-offset:2px}@media(max-width:767px){.hok-card__add{right:8px;bottom:8px;width:24px;height:24px;font-size:14px}.hok-card__add:before{top:-10px;right:-10px;bottom:-10px;left:-10px}}@media(hover:hover)and (min-width:768px){.hok-card__add{opacity:0}.hok-card:hover .hok-card__add,.hok-card:focus-within .hok-card__add{opacity:1}}.hok-card__add[aria-busy=true]{pointer-events:none}.hok-card__add[aria-busy=true] .hok-glyph{opacity:0}.hok-card__add[aria-busy=true]:after{content:"";position:absolute;width:14px;height:14px;border:1px solid currentColor;border-right-color:transparent;border-radius:50%;animation:hok-card-spin .7s linear infinite}@keyframes hok-card-spin{to{transform:rotate(360deg)}}.hok-card__add[data-hok-failed]:after{content:attr(data-hok-error);position:absolute;right:0;bottom:calc(100% + 6px);width:max-content;max-width:160px;padding:6px 8px;border:0;border-radius:2px;background:var(--hok-ink);color:#fff;font-size:12px;line-height:1.3;text-align:left;animation:none}.hok-card__body{display:flex;flex:1;flex-direction:column;gap:4px;padding:9px 8px 0}.hok-card .hok-card__title{margin:0;word-break:normal;overflow-wrap:break-word;color:var(--hok-ink);font-family:var(--font-body-family)!important;font-size:12px;line-height:1.2}.hok-card .hok-card__link{color:inherit;font:inherit!important;letter-spacing:inherit;text-decoration:none}.hok-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.hok-card__link:focus-visible{outline:2px solid var(--hok-ink);outline-offset:2px}.hok-card__sub{margin:0;color:var(--hok-muted);font-size:12px;line-height:1.2}.hok-card__meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;margin:0;font-size:12px;line-height:1.2}@media(max-width:767px){.hok-card__meta{margin-top:auto;padding-top:4px}}.hok-card__price{color:var(--hok-ink);white-space:nowrap}.hok-card__was{margin-right:4px;color:var(--hok-muted)}.hok-card__retail{color:var(--hok-muted);font-size:12px}@media(min-width:360px)and (max-width:767px){.hok-card__retail:before{content:"\b7" / "";margin-right:6px}}@media(min-width:768px){.hok-card__body{display:grid;flex:none;grid-template-columns:minmax(0,1fr) auto;align-content:start;column-gap:8px;row-gap:0;padding:11px 10px 0}.hok-card .hok-card__title{grid-column:1;grid-row:1;font-size:16px}.hok-card__meta{display:contents}.hok-card__price{grid-column:2;grid-row:1;font-size:16px;line-height:1.2}.hok-card__sub{grid-column:1 / -1;grid-row:2;margin-top:7px;font-size:13px}.hok-card__retail{grid-column:1 / -1;grid-row:3;margin-top:4px;line-height:1.25}.hok-card__body{container:hok-card / inline-size}}@container hok-card (max-width: 259px){.hok-card .hok-card__title{grid-column:1 / -1}.hok-card__price{grid-column:1 / -1;grid-row:3;margin-top:7px}.hok-card__retail{grid-row:4}}.hok-card--tile{text-decoration:none}.hok-card--tile:focus-visible{outline:2px solid var(--hok-ink);outline-offset:-2px}.hok-card--tile .hok-card__media{display:block}.hok-card--tile .hok-card__body{display:flex;flex-direction:column}.hok-card--tile .hok-card__sub{margin-top:0}@media(min-width:768px){.hok-card--tile .hok-card__body{gap:7px}}.hok-card__rating{display:flex;align-items:center;gap:6px;color:var(--hok-muted, #767676);font-size:12px;line-height:1}.hok-card__stars{flex:none;width:70px;height:14px;background:linear-gradient(90deg,var(--hok-ink, #0b0b0c) var(--hok-r, 0%),#d0d0d0 0);-webkit-mask:var(--hok-star) 0 0 / 14px 14px repeat-x;mask:var(--hok-star) 0 0 / 14px 14px repeat-x;--hok-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z'/%3E%3C/svg%3E")}.hok-card__count{color:var(--hok-muted, #767676)}.hok-eg{padding:var(--eg-pt-m, 0) 0 var(--eg-pb-m, 0);background:#fff}@media(min-width:768px){.hok-eg{padding:var(--eg-pt, 0) 0 var(--eg-pb, 0)}}.hok-eg__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 20px;padding:0 var(--hok-gutter, 16px)}@media(min-width:768px){.hok-eg__head{margin-bottom:30px}}.hok-eg__h{margin:0;color:var(--hok-ink, #0b0b0c)}.hok-eg__grid{margin:0;padding:0;list-style:none}.hok-eg__item{min-width:0}.hok-eg__item:has(>.hok-card-skip){display:none}@media(min-width:992px){:is(.hok-eg--home,.hok-cg__grid) .hok-card:not(.hok-card--tile):before{content:"";position:absolute;top:0;left:0;right:0;aspect-ratio:4 / 3;border-radius:4px;background-color:var(--hok-tile, #ececec);background-image:var(--hok-band-l, none),var(--hok-band-r, none);background-position:left,right;background-size:50% 100%;background-repeat:no-repeat}:is(.hok-eg--home,.hok-cg__grid) .hok-card:not(.hok-card--tile) .hok-card__media{--media-radius: 0px;width:75%;margin-inline:auto;border-radius:0;overflow:visible!important;background:none}:is(.hok-eg--home,.hok-cg__grid) .hok-card:not(.hok-card--tile) .hok-card__strip{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}:is(.hok-eg--home,.hok-cg__grid) .hok-card:not(.hok-card--tile) .hok-card__badges{left:calc(10px - 100% / 6)}:is(.hok-eg--home,.hok-cg__grid) .hok-card:not(.hok-card--tile) .hok-card__add{right:calc(12px - 100% / 6)}.hok-cg__grid .hok-promo__media{aspect-ratio:4 / 3}}@media(min-width:992px)and (max-width:1199px),(orientation:landscape)and (max-height:500px)and (max-width:1199px){.hok-eg--home .hok-eg__item:nth-child(n+7){display:none}}.hok-eg__foot{margin:24px 0 0;font-size:12px;line-height:1.2;padding:0 var(--hok-gutter, 16px);text-align:center}.hok-eg__link{display:inline-block;color:var(--hok-ink, #0b0b0c);font-size:12px;line-height:1.2;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.hok-eg__link:hover{text-decoration-thickness:2px}.hok-eg__link:focus-visible{outline:2px solid var(--hok-ink, #0b0b0c);outline-offset:3px}.grid.product-grid,.grid.collection-list{display:flex}.grid.product-grid{--grid-mobile-horizontal-spacing: 12px;--grid-mobile-vertical-spacing: 28px;--grid-desktop-horizontal-spacing: 20px;--grid-desktop-vertical-spacing: 40px}@media(max-width:749px){.hok-ch.page-width,#main-collection-filters.page-width,.collection.page-width,.related-products.page-width,.template-search .page-width{padding-left:16px;padding-right:16px}}.predictive-search__item-heading{text-transform:uppercase}[data-hok-href]{cursor:pointer}.predictive-search .predictive-search__item--link-with-thumbnail{padding-top:8px;padding-bottom:8px}.predictive-search .predictive-search__item--link-with-thumbnail .predictive-search__item-content{gap:4px}.predictive-search .predictive-search__item--link-with-thumbnail .predictive-search__item-content>*{margin:0;line-height:1.3}.predictive-search .predictive-search__item--link-with-thumbnail .predictive-search__item-heading{line-height:1.15}html body h2.predictive-search__heading{padding-top:12px;padding-bottom:6px;color:#595959!important;font-family:var(--font-body-family)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.hok-ps__insp{margin:0;color:#595959;font-size:12px;letter-spacing:0;text-transform:none}.hok-ps__insp span{color:#0b0b0c;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.hok-ps__price{margin:0;color:#0b0b0c;font-size:13px;font-weight:600}.hok-ps__price s{margin-left:4px;color:#595959;font-weight:400}.hok-promo{display:flex;flex-direction:column;height:100%;border-radius:4px;overflow:hidden;background:#0b0b0c;color:#fff;text-decoration:none}.hok-promo__media{position:relative;display:block;aspect-ratio:1 / 1}.hok-promo__img{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;width:100%;height:100%;padding:16px;object-fit:contain}.hok-promo__body{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:8px;padding:14px 14px 16px}.hok-promo__eyebrow{color:#fff;font:400 13px/1.2 var(--font-body-family)}.hok-promo .hok-promo__name{color:#fff;font-family:var(--font-heading-family)!important;font-size:26px;line-height:1.05}.hok-promo__cta{display:inline-flex;align-items:center;min-height:44px;margin-top:auto;padding:0 16px;border-radius:999px;background:#fff;color:#0b0b0c;font:400 12px/1.2 var(--font-body-family)}.hok-promo:hover .hok-promo__cta,.hok-promo:focus-visible .hok-promo__cta{background:#0b0b0c;color:#fff;box-shadow:inset 0 0 0 1px #fff}.mobile-facets__open-wrapper .mobile-facets__open,.mobile-facets__open-wrapper .mobile-facets__open:hover{color:#0b0b0c}html body .mobile-facets__heading{font-size:24px!important;line-height:1.1}.mobile-facets__sort .select__select{font-size:16px}html body span.active-facets__button-inner,html body .active-facets__button-wrapper *,html body .mobile-facets__clear{font-size:14px}.mobile-facets__open-wrapper .mobile-facets__open{min-height:44px}.active-facets facet-remove a,.mobile-facets__clear{display:inline-flex;align-items:center;min-height:44px}html body h2.facets__heading,html body h2.facet-filters__label{font-family:var(--font-body-family)!important;font-weight:500!important}.mobile-facets .mobile-facets__footer{background:#fff;border-top:1px solid #e8e8e8}.mobile-facets__disclosure .mobile-facets{background-color:#0b0b0c73}.mobile-facets__header .mobile-facets__close{display:flex;position:absolute;top:50%;right:.6rem;width:44px;height:44px;padding:0;border:0;background:none;color:#0b0b0c;cursor:pointer;opacity:1;transform:translateY(-50%)}.mobile-facets__header .mobile-facets__close .hok-icon{width:22px;height:22px}.grid__item:has(>.hok-card-skip),.swiper-slide:has(>.hok-card-skip){display:none}.swiper-slide>.hok-card{width:var(--mobile-carousel-width, 200px)}@media(min-width:768px){.swiper-slide>.hok-card{width:var(--carousel-card-width, 240px)}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/hok-card.css.map */