.collection-page-section .coll-collection-hero-banner{position:relative;width:100%;margin-bottom:40px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#f5f5f5,#e0e0e0)}.collection-page-section .coll-collection-hero-banner__image-container{position:relative;width:100%;height:200px;overflow:hidden}.collection-page-section .coll-collection-hero-banner__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.collection-page-section .coll-collection-hero-banner:hover .coll-collection-hero-banner__image{transform:scale(1.05)}.collection-page-section .coll-collection-hero-banner__content{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);padding:60px 40px 40px;color:#fff}.collection-page-section .coll-collection-hero-banner__title{font-size:2.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5)}.collection-page-section .coll-collection-hero-banner--no-image{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:80px 40px;text-align:center}.collection-page-section .coll-collection-hero-banner--no-image .coll-collection-hero-banner__content{position:static;background:transparent;padding:0}.collection-page-section .coll-collection-hero-banner--no-image .coll-collection-hero-banner__title{color:#fff;font-size:3rem}@media (max-width: 1024px){.collection-page-section .coll-collection-hero-banner__image-container{height:180px}.collection-page-section .coll-collection-hero-banner__content{padding:50px 30px 30px}.collection-page-section .coll-collection-hero-banner__title{font-size:2.2rem}}@media (max-width: 768px){.collection-page-section .coll-collection-hero-banner{margin-bottom:30px;border-radius:8px}.collection-page-section .coll-collection-hero-banner__image-container{height:150px}.collection-page-section .coll-collection-hero-banner__content{padding:40px 20px 20px}.collection-page-section .coll-collection-hero-banner__title{font-size:1.8rem}.collection-page-section .coll-collection-hero-banner--no-image{padding:60px 20px}.collection-page-section .coll-collection-hero-banner--no-image .coll-collection-hero-banner__title{font-size:2.2rem}}@media (max-width: 480px){.collection-page-section .coll-collection-hero-banner__image-container{height:120px}.collection-page-section .coll-collection-hero-banner__title{font-size:1.5rem}.collection-page-section .coll-collection-hero-banner--no-image .coll-collection-hero-banner__title{font-size:1.8rem}}
/*# sourceMappingURL=/cdn/shop/t/95/assets/collection-banner.css.map */