.collection-hero { background: linear-gradient(135deg, #2c1810 0%, #1a0f0a 100%); padding: 0; position: relative; overflow: hidden; height: 70vh; min-height: 500px; display: flex; align-items: center; justify-content: center; } .hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('https://cdn.shopify.com/s/files/1/0908/4623/2904/files/22_38c6ae9a-4197-4fb5-b33e-ecbf0d90dc45_jpg.webp?v=1755976450'); background-size: cover; background-position: center; opacity: 0.4; z-index: 1; }