.miray-card-gallery{display:block;position:relative;z-index:2;background:#f3f1ec;touch-action:pan-y}
.miray-card-gallery__window{overflow:hidden;aspect-ratio:2/3}
.miray-card-gallery__track{display:flex;height:100%;transition:transform .25s ease}
.miray-card-gallery__slide{display:block;flex:0 0 100%;width:100%;height:100%;position:relative;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.miray-card-gallery__slide img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.miray-card-gallery__slide:focus-visible{outline-offset:-4px}
.miray-card-gallery__arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:rgb(255 255 255 / 88%);color:#25251f;font:28px/1 Arial,sans-serif;opacity:0;transition:opacity .2s}
.miray-card-gallery__arrow--previous{left:7px}.miray-card-gallery__arrow--next{right:7px}
.miray-card-gallery:hover .miray-card-gallery__arrow,.miray-card-gallery:focus-within .miray-card-gallery__arrow{opacity:1}
.miray-card-gallery__dots{position:absolute;z-index:3;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:5px;padding:5px 7px;border-radius:20px;background:rgb(255 255 255 / 75%);pointer-events:none;max-width:85%;flex-wrap:wrap;justify-content:center}
.miray-card-gallery__dots span{width:4px;height:4px;background:#b6b1a7;border-radius:50%}.miray-card-gallery__dots span.is-active{background:#25251f}
.grid-product__image-mask:has(.miray-card-gallery) .miray-hover-info{z-index:6;bottom:34px}
@media(hover:none),(pointer:coarse){.miray-card-gallery__arrow{opacity:1;width:44px;height:44px;background:rgb(255 255 255 / 70%);font-size:25px}.miray-card-gallery__arrow--previous{left:0}.miray-card-gallery__arrow--next{right:0}}
@media(prefers-reduced-motion:reduce){.miray-card-gallery__track,.miray-card-gallery__arrow{transition:none}}