/* Decorative badge inside the existing image button; the image remains the only target. */
.product-art>.product-explore{position:absolute;inset:auto 11px 11px auto;z-index:2;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:32px;max-width:calc(100% - 22px);padding:7px 10px;overflow:hidden;pointer-events:none;border:1px solid #dbc58eaa;border-radius:20px;background:#00452ee8;backdrop-filter:blur(6px);box-shadow:0 3px 11px #00271c32;color:#f9f5e9;font:500 10.5px/1.3 Arial,sans-serif;letter-spacing:.2px;text-transform:none;white-space:nowrap}
.product-explore>span,.product-explore>svg{position:relative;z-index:1}
.product-explore>svg{display:block;flex:0 0 14px;width:14px;height:14px;fill:none;color:#ead6a5;transform:translate(0,0)}
.product-art>.product-explore::before{content:"";position:absolute;top:-80%;bottom:-80%;left:-60%;z-index:0;width:36%;background:linear-gradient(90deg,transparent,#fff6,transparent);transform:translateX(-160%) skewX(-16deg);opacity:0;pointer-events:none}
.product-art.is-explore-visible>.product-explore::before{animation:catalog-explore-glint 7.4s ease-in-out infinite;animation-delay:var(--explore-delay,0s)}
.product-art.is-explore-visible>.product-explore>svg{animation:catalog-explore-arrow 7.4s ease-in-out infinite;animation-delay:var(--explore-delay,0s)}
.product-art:is(:hover,:focus-visible,:active)>.product-explore::before,.product-art:is(:hover,:focus-visible,:active)>.product-explore>svg{animation-play-state:paused}
.product-art:hover img{transform:none}
@media(hover:hover) and (pointer:fine){
 .product-art img{transition:transform .55s ease}
 .product-art:hover img{transform:scale(1.035)}
 .product-art:hover>.product-explore{background:#00452e;border-color:#ead6a5}
}
@keyframes catalog-explore-glint{0%,6%{transform:translateX(-160%) skewX(-16deg);opacity:0}10%{opacity:.5}20%{transform:translateX(650%) skewX(-16deg);opacity:0}100%{transform:translateX(650%) skewX(-16deg);opacity:0}}
@keyframes catalog-explore-arrow{0%,6%,22%,100%{transform:translate(0,0)}12%{transform:translate(2px,-2px)}17%{transform:translate(0,0)}}
@media(max-width:600px){
 .product-art>.product-explore{inset:auto 9px 9px auto;min-height:32px;padding:7px 9px;gap:6px;font-size:10px;max-width:calc(100% - 18px);letter-spacing:.1px}
 .product-explore>svg{width:13px;height:13px;flex-basis:13px}
}
@media(prefers-reduced-motion:reduce){
 .product-art>.product-explore::before,.product-art>.product-explore>svg{animation:none!important;transform:none!important}
 .product-art>.product-explore::before{opacity:0!important}
 .product-art:hover img{transform:none!important}
}

body:has(dialog[open]) .product-explore::before,body:has(dialog[open]) .product-explore>svg{animation-play-state:paused!important}