.sunnies-world-hero{width:100%;display:flex;align-items:center;justify-content:center;position:relative}.hero-container{width:100%;margin:0 auto;padding:2px}.hero-logo{text-align:center;margin-bottom:60px}.logo-image{max-height:80px;width:auto}.logo-text{font-family:Radio Grotesk,serif;font-size:72px;font-weight:400;color:#fff;margin:0;letter-spacing:2px}.product-categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;width:100%}.product-category-card{position:relative;overflow:hidden;aspect-ratio:358 / 700;border-radius:0;min-height:200px;background-color:#f5f5f5}.category-link{display:block;width:100%;height:100%;text-decoration:none;color:inherit;position:relative}.category-image-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.category-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.category-link:hover .category-image{transform:scale(1.05)}.category-content{position:absolute;bottom:0;left:0;right:0;padding:20px 20px 40px;background:linear-gradient(transparent,#000000b3);color:#fff;text-align:center}.product-category-card:not(:has(.category-image-wrapper)) .category-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;border-radius:8px;padding:30px}.category-title{font-family:Radio Grotesk,serif;font-size:24px;font-weight:400;margin:0 0 8px;line-height:1.2}.category-tagline{font-family:Radio Grotesk,sans-serif;font-size:14px;font-weight:400;opacity:.9;line-height:1.4;width:fit-content;margin:auto;padding-bottom:2px;border-bottom:1px solid transparent}.product-category-card:hover p{border-bottom:1px solid #FFFFFF;padding-bottom:2px}.category-content-image{width:auto;height:auto;object-fit:contain;margin:auto auto 24px;display:block}@media (max-width: 1024px){.product-categories-grid{grid-template-columns:repeat(2,1fr);gap:8px}.logo-text{font-size:56px}}@media (max-width: 768px){.category-link:hover .category-image{transform:scale(1)}.hero-container{padding:0}.hero-logo{margin-bottom:40px}.logo-text{font-size:48px}.product-categories-grid{grid-template-columns:1fr;gap:0}.product-category-card{position:relative;overflow:hidden;aspect-ratio:358 / 550;border-radius:0;min-height:200px;background-color:#f5f5f5}.product-category-card:not(:last-child){margin-bottom:2px}.category-content{padding:40px 20px}.category-title{font-size:24px;margin-bottom:8px}.category-tagline{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/sunnies-world-hero.css.map */