.dsf-mobile-image-nav{display:none}
@keyframes dsf-gallery-skeleton{from{background-position:180% 0}to{background-position:-180% 0}}
@media(max-width:991.98px){
body.dsf-product #main-wrapper .product-gallery{flex:0 0 calc(100% + 4px);width:calc(100% + 4px);max-width:calc(100% + 4px);padding-inline:0;margin-inline:-2px}
body.dsf-product #image_wrapper:not(.fullscreen) .gallery-with-action-main{margin-inline:0}
body.dsf-product #image_wrapper:not(.fullscreen) #gallery_wrapper{padding-inline:0;flex:0 0 100%;width:100%;max-width:100%}
body.dsf-product #image_wrapper:not(.fullscreen) #gallery .product-image{width:100%;height:min(calc(100vw - 16px),520px)!important;max-height:none;padding:0!important;object-fit:contain}
body.dsf-product #image_wrapper:not(.fullscreen) #gallery .slick-list{height:auto!important}
body.dsf-product #image_wrapper:not(.fullscreen) .et-gallery-thumbs{display:none!important}
body.dsf-product #image_wrapper:not(.fullscreen) .dsf-mobile-image-nav{grid-column:1/-1;grid-row:3;display:flex;align-items:flex-end;justify-content:center;gap:4px;height:12px;min-height:0;padding-inline:16px;background:white;position:relative;z-index:1002}
.dsf-mobile-image-nav button{position:relative;display:grid;place-items:center;flex:0 1 44px;height:44px;min-width:16px;border:0;padding:0 4px;background:transparent;color:#cbd3c7}
.dsf-mobile-image-nav button::after{content:"";display:block;position:absolute;left:4px;right:4px;bottom:7px;width:auto;height:3px;border-radius:2px;background:currentColor}
.dsf-mobile-image-nav button[aria-current=true]{color:#417525}
.dsf-mobile-image-nav button:focus-visible{outline:2px solid #417525;outline-offset:-3px}
body.dsf-product #image_wrapper:not(.fullscreen) #gallery.dsf-image-pending::after{content:"";position:absolute;inset:0;z-index:1001;border-radius:8px;background:linear-gradient(90deg,#e9ede7 20%,#f6f8f4 45%,#e9ede7 70%);background-size:240% 100%;animation:dsf-gallery-skeleton 1.6s linear infinite}
body.dsf-product #image_wrapper:not(.fullscreen) #gallery.dsf-image-pending .product-image{opacity:0}
body.dsf-product #image_wrapper.fullscreen .dsf-mobile-image-nav{display:none}
}
@media(prefers-reduced-motion:reduce){#gallery.dsf-image-pending::after{animation:none!important}}
.dsf-mobile-image-nav[hidden]{display:none!important}
@media(max-width:991.98px){body.dsf-product #image_wrapper:not(.fullscreen) #gallery img.dsf-mobile-image-focused{transform-origin:50% 50%;transform:translate(var(--dsf-image-pan-x,0px),var(--dsf-image-pan-y,0px)) scale(var(--dsf-image-scale,1))}}