:is(.template-product,.template-collection) #main :is(.button,.ie-formula-button,.buy-now){box-shadow:0 4px 0 #2e3418,0 10px 24px #444b241a;transform:translateY(0)!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;cursor:pointer;touch-action:manipulation}
:is(.template-product,.template-collection) #main :is(.button,.ie-formula-button,.buy-now):active:not(:disabled):not([aria-disabled="true"]){transform:translateY(3px)!important;box-shadow:0 2px 0 #2e3418}
:is(.template-product,.template-collection) #main :is(.button,.ie-formula-button,.buy-now,.text-link,.gallery-thumb,.gallery-main,.catalog-photo-link,.product-image):focus-visible{outline:3px solid #8a9259;outline-offset:5px}
:is(.template-product,.template-collection) #main :is(.button,.ie-formula-button,.buy-now):is(:disabled,[aria-disabled="true"]){cursor:not-allowed;opacity:.55;transform:none!important;box-shadow:0 2px 0 #2e3418}
:is(.template-product,.template-collection) #main :is(.button,.text-link)>.ui-icon,:is(.template-product,.template-collection) #main .button>span>.ui-icon{translate:0 0;transition:translate .2s ease}
:is(.template-product,.template-collection) #main .catalog-photo-link{display:block;cursor:pointer;touch-action:manipulation;transform:none!important}
:is(.template-product,.template-collection) #main .catalog-photo-link>.catalog-photo-surface{pointer-events:none}
:is(.template-product,.template-collection) #main .catalog-photo-link .round-arrow{transition:transform .3s}
.template-product #main .gallery-main{cursor:zoom-in;touch-action:pan-y;transform:none!important;animation:none!important}
.template-product #main .gallery-main>img{transform:none!important;scale:1!important}
.template-product #main .gallery-thumb{cursor:pointer;touch-action:manipulation;transition:opacity .2s ease,border-color .2s ease}
@media(hover:hover) and (pointer:fine){
 :is(.template-product,.template-collection) #main :is(.button,.ie-formula-button,.buy-now):hover:not(:disabled):not([aria-disabled="true"]){transform:translateY(-3px)!important;box-shadow:0 8px 0 #2e3418,0 17px 25px #444b2429}
 :is(.template-product,.template-collection) #main :is(.button,.ie-formula-button,.buy-now):hover:active:not(:disabled):not([aria-disabled="true"]){transform:translateY(3px)!important;box-shadow:0 2px 0 #2e3418}
 :is(.template-product,.template-collection) #main :is(.text-link,.button):hover>.ui-icon,:is(.template-product,.template-collection) #main .button:hover>span>.ui-icon{translate:3px 0}
 :is(.template-product,.template-collection) #main .catalog-photo-link:hover>.catalog-photo-surface{box-shadow:9px 13px 0 #c8ccb0,14px 20px 0 #e2dfc6,0 35px 45px -22px #444b2470}
 :is(.template-product,.template-collection) #main .catalog-photo-link:hover .round-arrow{transform:translateY(-5px)}
 :is(.template-product,.template-collection) #main .gallery-thumb:hover{opacity:1}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 :is(.template-product,.template-collection) #main .catalog-photo-link:hover>.catalog-photo-surface::after{opacity:1;background-position:0 0}
}
@media(prefers-reduced-motion:reduce){
 :is(.template-product,.template-collection) #main :is(.button,.ie-formula-button,.buy-now,.gallery-thumb){transition:none}
 :is(.template-product,.template-collection) #main :is(.button,.ie-formula-button,.buy-now):is(:hover,:active){transform:none!important}
 :is(.template-product,.template-collection) #main :is(.button,.text-link) .ui-icon{translate:none!important;transition:none}
 :is(.template-product,.template-collection) #main .catalog-photo-link:hover .round-arrow{transform:none;transition:none}
}
