.hero-bg-overlay {
    background-image: linear-gradient(rgba(61, 43, 31, 0.14), rgba(61, 43, 31, 0.14)), var(--dynamic-bg-image, none);
    background-size: cover;
    background-position: center;
    opacity: 0.32;
}

.category-tile-bg.has-dynamic-bg {
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.6)), var(--dynamic-bg-image) center/cover no-repeat;
}

.category-tile-bg--default {
    background: linear-gradient(rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.38)), linear-gradient(135deg, #b07c5e 0%, #e9c5a8 55%, #f6eadf 100%);
}

.promo-image.has-dynamic-bg {
    background-image: var(--dynamic-bg-image);
    background-size: cover;
    background-position: center;
}

.add-to-cart.is-added {
    background: #10b981;
    color: white;
}