.op-card{flex-direction:column;gap:.25rem;width:100%;height:100%;display:flex;position:relative}.op-card-link{display:block;position:relative}.op-viewport{aspect-ratio:1;width:100%;position:relative;overflow:clip}.op-media{background:radial-gradient(51.74% 45.16% at 46.65% 38%,#fff 0,#f6f7f8 44.58%,#eceef0);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.op-media.op-shoes{padding:1.5rem}.op-media img{object-fit:contain;width:100%;height:100%;transition:opacity .3s ease-out;display:block}.op-media:not(.op-shoes) img{object-fit:cover}.op-media.op-extra{opacity:0;transition:opacity .3s ease-out}@media (hover:hover) and (width>=64rem){.op-card-link:hover .op-media.op-extra.op-ready{opacity:1}}.op-fav{z-index:10;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;position:absolute;top:.125rem;right:0}@media (width>=48rem){.op-fav{top:.5rem;right:.5rem}}.op-fav svg{fill:#0000;transition:fill .5s cubic-bezier(.25,1,.5,1)}.op-fav[aria-pressed=true] svg{fill:#000}.op-siblings{padding:0 .5rem;position:relative}.op-siblings-viewport{scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;overflow-x:auto}.op-siblings-viewport::-webkit-scrollbar{display:none}.op-siblings ul{gap:.25rem;width:fit-content;list-style:none;display:flex}.op-sibling{scroll-snap-align:start;border:.0625rem solid #0000;flex:0 0 3rem;width:3rem;height:3rem;display:flex;position:relative}.op-sibling a{width:100%;height:100%;padding:.1875rem;display:block;position:relative}.op-sibling a[data-active=true]:after{content:"";border-bottom:.0625rem solid #000;width:calc(100% - .375rem);position:absolute;bottom:-.0625rem;left:.1875rem}.op-sibling img{object-fit:contain;width:100%;height:100%;display:block}.op-siblings-arrow{z-index:1;background:#fff;align-items:center;padding:1rem .25rem;display:flex;position:absolute;top:0;bottom:0}.op-siblings-arrow.op-right{right:.5rem}.op-siblings-arrow.op-left{left:.5rem}.op-info{color:#000;flex-flow:column;padding:.75rem .25rem .75rem .75rem;font-size:clamp(.875rem,.84rem + .13vw,1rem);font-weight:400;line-height:1.5;display:flex}.op-label{color:#995c00;width:fit-content;font-family:var(--font-mono);letter-spacing:.09rem;text-transform:uppercase;border:.0625rem solid #0000;border-radius:.1875rem;margin-bottom:.5rem;font-size:.75rem;font-weight:500;line-height:1.125rem}.op-label.op-outlined{border-color:currentColor;margin-bottom:.4375rem;padding:.0625rem .25rem 0}.op-info .op-name{font-weight:700}.op-price{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.75rem,.72rem + .13vw,.875rem);line-height:1.5;overflow:hidden}.op-price.op-discounted .op-current{margin-right:.5rem;font-weight:700}.op-price .op-base{opacity:.6;text-decoration:line-through}