.r28h-scope{--r28h-bg: #f6f6f6;--r28h-hover-bg: #fff;--r28h-ratio: 3 / 4;--r28h-text: #2e2e2e;--r28h-muted: #6b6b6b;--r28h-inset: 12px;--r28h-row-gap: 40px}.r28h-case--lower .r28h__title,.r28h-case--lower .r28h__sub,.r28h-case--lower .r28h__label,.r28h-case--lower .r28h__model,.r28h-case--lower .r28h-section__title{text-transform:lowercase}.r28h-case--upper .r28h__title,.r28h-case--upper .r28h__sub,.r28h-case--upper .r28h__label,.r28h-case--upper .r28h__model,.r28h-case--upper .r28h-section__title{text-transform:uppercase}.r28h{position:relative;display:block;font-family:var(--font-body-family, inherit);font-size:15px;line-height:1.3;letter-spacing:.6px;color:var(--r28h-text)}.r28h a{color:inherit;text-decoration:none}.r28h__media{position:relative;overflow:hidden;isolation:isolate;aspect-ratio:var(--r28h-ratio);background:var(--r28t-card-tint, var(--r28h-bg))}.r28h__link{position:absolute;top:0;right:0;bottom:0;left:0;display:block;z-index:1;background:var(--r28t-card-tint, var(--r28h-bg))}.r28h__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;mix-blend-mode:multiply}.r28h__img.is-fit{object-fit:contain}.r28h__media .placeholder-svg{width:100%;height:100%}.r28h__img--primary{transition:opacity .4s ease}.r28h__img--hover{opacity:0;background:var(--r28h-hover-bg);transition:opacity .4s ease}@media(hover:hover)and (min-width:750px){.r28h__media:hover .r28h__img--hover{opacity:1}.r28h__media:hover .r28h__img--primary:has(~.r28h__img--hover){opacity:0}}.r28h__label{position:absolute;top:0;left:0;z-index:2;padding:7px 9px;font-size:13px;line-height:1.2;letter-spacing:.6px;color:var(--r28h-muted);pointer-events:none}.r28h__label--alert{color:var(--r28h-text)}.r28h__plus{position:absolute;left:50%;bottom:12px;z-index:4;width:32px;height:32px;margin:0 0 0 -16px;padding:0;border:0;border-radius:50%;background:#e4e4e4;color:#2e2e2e;cursor:pointer;opacity:0;transform:translateY(calc(100% + 16px));transition:transform .28s ease,opacity .2s ease,background-color .15s ease}.r28h__plus:before,.r28h__plus:after{content:"";position:absolute;left:50%;top:50%;background:currentColor;transform:translate(-50%,-50%)}.r28h__plus:before{width:12px;height:1.5px}.r28h__plus:after{width:1.5px;height:12px}.r28h__plus:hover{background:#d6d6d6}@media(hover:hover){.r28h__media:hover .r28h__plus,.r28h__plus:focus-visible{opacity:1;transform:none}}@media(hover:none){.r28h__plus{opacity:1;transform:none}}.r28h.is-open .r28h__plus{opacity:0;pointer-events:none;transform:translateY(calc(100% + 16px))}.r28h__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:#fff6;opacity:0;pointer-events:none;transition:opacity .2s ease}.r28h.is-open .r28h__scrim{opacity:1;pointer-events:auto}.r28h__panel{position:absolute;left:0;right:0;bottom:0;z-index:5;max-height:100%;overflow-y:auto;padding:16px 12px 12px;background:#fffffff2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transform:translateY(100%);visibility:hidden;transition:transform .28s ease,visibility 0s linear .28s}.r28h.is-open .r28h__panel{transform:none;visibility:visible;transition-delay:0s}.r28h__close{position:absolute;top:4px;right:4px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;background:transparent;color:var(--r28h-text);cursor:pointer}.r28h__close svg{width:12px;height:12px}.r28h__model{margin:0 24px 10px 0;font-size:13px;line-height:1.3;letter-spacing:.4px;color:var(--r28h-muted)}.r28h__group{margin:0 0 12px}.r28h__group[hidden]{display:none}.r28h__legend{margin:0 0 6px;font-size:13px;line-height:1.2;letter-spacing:.6px;color:var(--r28h-muted)}.r28h__chips{display:flex;flex-wrap:wrap;gap:4px}.r28h__chip{min-width:40px;padding:8px 10px;border:1px solid rgba(0,0,0,.25);border-radius:var(--buttons-radius, 0);background:transparent;color:var(--r28h-text);font-family:inherit;font-size:13px;line-height:1;letter-spacing:.4px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.r28h__group[data-kind=size] .r28h__chip{text-transform:uppercase}.r28h__chip:hover{border-color:#000}.r28h__chip[aria-pressed=true]{border-color:#000;background:#000;color:#fff}.r28h__chip.is-unavailable{color:var(--r28h-muted);text-decoration:line-through}.r28h__chip[aria-pressed=true].is-unavailable{color:#fff}.r28h__add{width:100%;min-height:40px;padding:0 16px;font-size:13px;letter-spacing:.7px}.r28h__info{padding:10px var(--r28h-inset) 0}.r28h__row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.r28h__title{margin:0;min-width:0;font-family:inherit;font-size:15px;font-weight:400;line-height:1.3;letter-spacing:.6px;text-transform:none;color:var(--r28h-text)}.r28h__price{flex:none;text-align:right;white-space:nowrap}.r28h__price .price{font-family:inherit;font-size:14px;line-height:1.3;letter-spacing:.6px;color:var(--r28h-text)}.r28h__price .price__container{justify-content:flex-end}.r28h__price .price-item{font-size:14px;letter-spacing:.6px;color:var(--r28h-text)}.r28h__price .price--on-sale .price-item--regular{color:var(--r28h-muted)}.r28h__sub{margin-top:3px;font-size:13px;line-height:1.3;letter-spacing:.6px;color:var(--r28h-muted)}@media(prefers-reduced-motion:reduce){.r28h__img--hover,.r28h__img--primary,.r28h__panel,.r28h__plus,.r28h__scrim{transition:none}}.custom-collection--hover .grid.product-grid{column-gap:4px;row-gap:var(--r28h-row-gap);margin:0;padding:0}.custom-collection--hover .grid.product-grid .grid__item,.custom-collection--hover .product-grid-container .page-width{padding:0}.custom-collection--hover .collection-grid__block{position:relative;min-height:320px}.custom-collection--hover .collection-grid__block .collection-grid__position--image{position:absolute;top:0;right:0;bottom:0;left:0;display:block}@media screen and (max-width:989px){.custom-collection--hover .collection-grid__block{min-height:0}.custom-collection--hover .collection-grid__block .collection-grid__position--image{position:static}}@media screen and (max-width:749px){.custom-collection--hover .grid.product-grid{row-gap:28px}.r28h-scope{--r28h-inset: 8px}.r28h__row{flex-direction:column;align-items:flex-start;gap:2px}.r28h__price{text-align:left}.r28h__price .price__container{justify-content:flex-start}.r28h__panel{padding:12px 8px 8px}.r28h__model{display:none}.r28h__group{margin-bottom:8px}.r28h__legend{margin-bottom:4px}.r28h__chip{min-width:34px;padding:7px 8px}.r28h__add{min-height:36px}}.r28h-section__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:0 25px 14px}.r28h-section__title{margin:0;font-family:var(--font-heading-family, inherit);font-size:20px;font-weight:500;line-height:1.2;letter-spacing:.02em}.r28h-section__nav{display:none;gap:8px}.r28h-section__arrow{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid rgba(0,0,0,.2);border-radius:var(--buttons-radius, 0);background:transparent;color:inherit;cursor:pointer}.r28h-section__arrow:hover{border-color:#000}.r28h-section__arrow svg{width:12px;height:12px}.r28h-section__track{display:grid;grid-template-columns:repeat(var(--r28h-cols-m, 2),minmax(0,1fr));column-gap:4px;row-gap:var(--r28h-row-gap);margin:0;padding:0;list-style:none}.r28h-section__item{min-width:0;margin:0;padding:0}.r28h-section--contained .r28h-section__track{padding:0 25px}.r28h-section--carousel .r28h-section__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.r28h-section--carousel .r28h-section__track::-webkit-scrollbar{display:none}.r28h-section--carousel .r28h-section__item{flex:0 0 calc(100% / var(--r28h-basis-m, 2.15));scroll-snap-align:start}.r28h-section--carousel.r28h-section--contained .r28h-section__track{scroll-padding-left:25px}.r28h-section__cta{padding:24px 25px 0;text-align:center}@media screen and (min-width:750px){.r28h-section__track{grid-template-columns:repeat(var(--r28h-cols-d, 4),minmax(0,1fr))}.r28h-section--carousel .r28h-section__item{flex-basis:calc(100% / var(--r28h-basis-d, 4))}.r28h-section--carousel .r28h-section__nav{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/74/assets/r28-hover-card.css.map */