.wob-card{--wob-yellow: #F2D749;--wob-black: #171717;--wob-surface: #F6F6F4;--wob-muted: #6F6F6F;--wob-sale: #B3261E;position:relative;display:flex;flex-direction:column;height:100%;color:var(--wob-black);font-family:Inter,Helvetica Neue,Arial,sans-serif}.wob-card__media{position:relative;aspect-ratio:1 / 1;background:var(--wob-surface);overflow:hidden}.wob-card__media-link{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.wob-coll__grid.collection--products{max-width:none;width:100%;align-items:stretch}.wob-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:opacity .35s ease,transform .5s ease}.wob-card__img--hover{opacity:0}@media(hover:hover){.wob-card:hover .wob-card__img{transform:scale(1.03)}.wob-card:hover .wob-card__img--hover{opacity:1}.wob-card:hover .wob-card__img:not(.wob-card__img--hover):has(+.wob-card__img--hover){opacity:0}}.wob-card.is-soldout .wob-card__img{opacity:.45}.wob-card__badge{position:absolute;top:10px;left:10px;z-index:1;padding:6px 9px;background:var(--wob-black);color:#fff;font-size:11px;font-weight:600;line-height:1;letter-spacing:.02em}.wob-card__badge.is-sale{background:var(--wob-sale)}.wob-card__badge.is-soldout{background:#fff;color:var(--wob-black)}.wob-card__add{position:absolute;right:10px;bottom:10px;z-index:1;margin:0}.wob-card__media>.wob-card__add-btn{position:absolute;right:10px;bottom:10px;z-index:1}.wob-card__add-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:var(--wob-black);color:#fff;border:0;border-radius:0;cursor:pointer;text-decoration:none;transition:background .15s ease,color .15s ease,transform .15s ease}.wob-card__add-btn:hover{background:var(--wob-yellow);color:var(--wob-black)}.wob-card__add-btn:active{transform:scale(.94)}.wob-card__add-btn:focus-visible{outline:2px solid var(--wob-yellow);outline-offset:2px}.wob-card__add-btn .wob-icon-check{display:none}.wob-card__add-btn.is-loading{opacity:.6;pointer-events:none}.wob-card__add-btn.is-added{background:var(--wob-yellow);color:var(--wob-black)}.wob-card__add-btn.is-added .wob-icon-plus{display:none}.wob-card__add-btn.is-added .wob-icon-check{display:block}.wob-card__info{display:flex;flex-direction:column;gap:4px;padding-top:12px}.wob-card__variants{margin:0 0 2px;font-size:12px;color:var(--wob-muted)}.wob-card__name{margin:0;font:600 17px/1.15 Barlow Condensed,Titillium Web,Arial Narrow,sans-serif;text-transform:uppercase;letter-spacing:.01em;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.wob-card__name a{color:inherit;text-decoration:none}.wob-card__name a:hover{text-decoration:underline;text-underline-offset:3px}.wob-card__sub{margin:0;font-size:13px;line-height:1.35;color:var(--wob-muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.wob-card__sub--caps{font-size:11px;letter-spacing:.03em}.wob-card__rating{display:flex;align-items:center;gap:6px;margin:2px 0 0;font-size:12px;color:var(--wob-muted)}.wob-card__stars{--wob-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M7 .8l1.9 4 4.3.5-3.2 3 .9 4.3L7 10.4l-3.9 2.2.9-4.3-3.2-3 4.3-.5z'/%3E%3C/svg%3E");position:relative;display:inline-block;width:70px;height:13px;background:linear-gradient(90deg,var(--wob-black) var(--wob-rating, 0%),#D5D5D0 var(--wob-rating, 0%));-webkit-mask:var(--wob-star) repeat-x 0 0 / 14px 13px;mask:var(--wob-star) repeat-x 0 0 / 14px 13px}.wob-card__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;margin:4px 0 0;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.wob-card__from{font-weight:400;font-size:13px}.wob-card__price-now.is-sale{color:var(--wob-black)}.wob-card__price-was{font-size:13px;font-weight:400;color:var(--wob-muted)}.wob-card__unit{flex-basis:100%;font-size:11px;font-weight:400;color:var(--wob-muted)}@media(min-width:750px){.wob-card__name{font-size:19px}}.wob-toast{position:fixed;left:50%;bottom:24px;z-index:1000;display:flex;align-items:center;gap:20px;max-width:calc(100vw - 32px);padding:14px 18px;background:#171717;color:#fff;font:500 14px/1.3 Inter,Helvetica Neue,Arial,sans-serif;transform:translate(-50%,140%);opacity:0;transition:transform .3s ease,opacity .3s ease}.wob-toast.is-visible{transform:translate(-50%);opacity:1}.wob-toast a{color:#fff;white-space:nowrap;text-decoration:none;padding-bottom:2px;border-bottom:2px solid #F2D749;font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase}@media(prefers-reduced-motion:reduce){.wob-card__img,.wob-toast,.wob-card__add-btn{transition:none}.wob-card:hover .wob-card__img{transform:none}}.wob-coll__hero-media.is-contain{background:#f6f6f4}.wob-coll__hero-media.is-contain .wob-coll__hero-img{mix-blend-mode:multiply}.wob-coll a.wob-tile__link,.wob-coll a.wob-tile__link:link,.wob-coll a.wob-tile__link:visited{background:#171717;color:#fff}.wob-coll a.wob-coll__chip,.wob-coll a.wob-coll__chip:link,.wob-coll a.wob-coll__chip:visited{background:#fff;color:#171717}.wob-coll a.wob-coll__chip.is-active,.wob-coll a.wob-coll__chip.is-active:link,.wob-coll a.wob-coll__chip.is-active:visited{background:#171717;border-color:#171717;color:#fff}.wob-coll a.wob-coll__more,.wob-coll a.wob-coll__more:link,.wob-coll a.wob-coll__more:visited{color:var(--wob-black)}.wob-coll a.wob-card__add-btn,.wob-coll a.wob-card__add-btn:link,.wob-coll a.wob-card__add-btn:visited{background:#171717;color:#fff}.wob-coll a.wob-card__add-btn:hover{background:#f2d749;color:#171717}.wob-card__name a:link,.wob-card__name a:visited{color:inherit}html[data-theme=dark] .wob-coll{--wob-black: #f2f2ef;--wob-surface: #1b1b1a;--wob-line: #2c2c2a;--wob-muted: #9d9d99;color:#f2f2ef}html[data-theme=dark] .wob-coll__hero{background:#1b1b1a}html[data-theme=dark] .wob-coll__title{color:#f2f2ef}html[data-theme=dark] .wob-coll__intro-text,html[data-theme=dark] .wob-coll__text{color:#cfcfcb}html[data-theme=dark] .wob-coll__hero-media.is-contain{background:#f6f6f4}html[data-theme=dark] .wob-coll a.wob-coll__chip,html[data-theme=dark] .wob-coll a.wob-coll__chip:link,html[data-theme=dark] .wob-coll a.wob-coll__chip:visited{background:transparent;border-color:#3a3a37;color:#f2f2ef}html[data-theme=dark] .wob-coll a.wob-coll__chip:hover{border-color:#f2f2ef}html[data-theme=dark] .wob-coll a.wob-coll__chip.is-active,html[data-theme=dark] .wob-coll a.wob-coll__chip.is-active:link,html[data-theme=dark] .wob-coll a.wob-coll__chip.is-active:visited{background:#f2f2ef;border-color:#f2f2ef;color:#171717}html[data-theme=dark] .wob-coll__sort select{color:#f2f2ef;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23f2f2ef' stroke-width='1.5'/%3E%3C/svg%3E")}html[data-theme=dark] .wob-coll__sort option{color:#171717;background:#fff}html[data-theme=dark] .wob-coll .wob-tile--dark a.wob-tile__link{background:#1b1b1a;outline:1px solid #2c2c2a;outline-offset:-1px}html[data-theme=dark] .wob-coll .wob-tile--dark a.wob-tile__link:hover{background:#222220}html[data-theme=dark] .wob-tile__heading,html[data-theme=dark] .wob-tile__cta{color:#fff}html[data-theme=dark] .wob-coll__btn,html[data-theme=dark] .wob-coll__page.is-current{color:#171717}html[data-theme=dark] .wob-coll a.wob-coll__page{color:#f2f2ef}html[data-theme=dark] .wob-card{--wob-black: #f2f2ef;--wob-muted: #9d9d99;color:#f2f2ef}html[data-theme=dark] .wob-card__badge{background:#171717;color:#fff}html[data-theme=dark] .wob-card__badge.is-soldout{background:#fff;color:#171717}html[data-theme=dark] button.wob-card__add-btn{background:#171717;color:#fff}html[data-theme=dark] button.wob-card__add-btn:hover,html[data-theme=dark] button.wob-card__add-btn.is-added{background:#f2d749;color:#171717}html[data-theme=dark] .wob-card__stars{background:linear-gradient(90deg,#F2D749 var(--wob-rating, 0%),#3a3a37 var(--wob-rating, 0%))}html[data-theme=dark] .wob-toast{background:#f2f2ef;color:#171717}html[data-theme=dark] .wob-toast a{color:#171717}
/*# sourceMappingURL=/cdn/shop/t/10/assets/wob-product-card.css.map */