.template-index main [data-yds-hover-frame]{position:relative;isolation:isolate;overflow:hidden}
.template-index main [data-yds-hover-frame] .yds-collection-alternate{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;z-index:2;pointer-events:none;transition:opacity .25s ease;background:#f6f5f2;transform:none!important}
.template-index main [data-yds-hover-card]:hover img{transform:none}
@media(hover:hover) and (pointer:fine){.template-index main .yds-hover-ready .yds-collection-alternate{opacity:1}.template-index main :is([data-yds-hover-card],.product-grid-item):hover{outline:none;box-shadow:none}.template-index main :is([data-yds-hover-card],.product-grid-item a):focus:not(:focus-visible){outline:none}}
.template-index main :is([data-yds-hover-card],.product-grid-item a):focus-visible{outline:3px solid #227377;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.template-index main [data-yds-hover-frame] img{transition:none!important}}