/* First-tap reliability for touch and in-app browsers. */
a,
button,
label,
[role="button"],
input,
select,
textarea {
    touch-action: manipulation;
}

.hero-overlay,
.address-map::after {
    pointer-events: none;
}

.product-image-link {
    position: absolute;
    inset: 0;
    display: block;
}

.product-image-link > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .4s;
}

.favorite {
    z-index: 2;
}

@media (hover: none) {
    .product-card:hover,
    .journal-card:hover {
        transform: none;
        box-shadow: none;
    }

    .product-card:hover .product-image-link > img,
    .journal-card:hover img,
    .catalog-product-card:hover img {
        transform: none;
    }
}
