.featured-image-section{width:100%;min-height:80vh;background:#5a189a;position:relative;overflow:hidden;padding-top:60px}.featured-image-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.05) 0%,transparent 50%);animation:float 6s ease-in-out infinite;z-index:1}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.hero-container{display:flex;height:100%;min-height:70vh;position:relative;z-index:2}.hero-text-overlay{flex:1;background:linear-gradient(135deg,#5a189acc,#5a189a99);display:flex;align-items:center;justify-content:center;position:relative;padding:2rem}.hero-content{max-width:500px;z-index:2}.hero-title{font-family:Anton,Impact,sans-serif;font-size:3.5rem;font-weight:400;color:#fff;margin-bottom:1rem;line-height:1.1;text-transform:uppercase;letter-spacing:1px}.hero-subtitle{font-family:Oswald,Arial,sans-serif;font-size:1.1rem;color:#fff;margin-bottom:2rem;line-height:1.4;opacity:.9;font-weight:600;letter-spacing:.5px}.promo-boxes{display:flex;flex-direction:column;gap:1rem}.promo-box{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.promo-box:hover{background:#ffffff26;transform:translateY(-2px)}.promo-icon{font-size:2rem;min-width:50px;text-align:center}.promo-text h3{font-family:Anton,Impact,sans-serif;color:#fff;font-size:1.2rem;font-weight:400;margin:0 0 .5rem;letter-spacing:.5px}.promo-text p{font-family:Oswald,Arial,sans-serif;color:#fff;font-size:.9rem;margin:0;opacity:.8;font-weight:600;letter-spacing:.3px}.hero-image-grid{flex:1;position:relative;background:#5a189a;display:flex;align-items:center;justify-content:center}.carousel-container{position:relative;width:95%;height:80%;max-width:600px;overflow:hidden}.carousel-slide{display:none!important;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out}.carousel-slide.active{display:block!important;opacity:1}.image-grid-container{display:grid!important;grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(2,1fr)!important;gap:.2rem!important;width:100%!important;height:100%!important;background:#5a189a!important;padding:.3rem!important;border-radius:12px!important}.grid-item{border-radius:12px!important;overflow:hidden!important;box-shadow:0 8px 25px #00000026!important;transition:all .3s ease!important;position:relative!important}.grid-item:hover{transform:scale(1.05)!important;box-shadow:0 12px 35px #00000040!important}.grid-item img{width:100%!important;height:100%!important;object-fit:cover!important;transition:all .3s ease!important;display:block!important}.placeholder{width:100%;height:100%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-family:Oswald,Arial,sans-serif}.item-1{grid-column:1;grid-row:1}.item-2{grid-column:2;grid-row:1}.item-3{grid-column:3;grid-row:1}.item-4{grid-column:1;grid-row:2}.item-5{grid-column:2;grid-row:2}.item-6{grid-column:3;grid-row:2}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#5a189ae6!important;border:none!important;border-radius:50%!important;width:50px!important;height:50px!important;cursor:pointer;z-index:100!important;transition:all .3s ease;display:flex!important;align-items:center;justify-content:center;box-shadow:0 4px 15px #0000004d}.carousel-arrow:hover{background:#5a189a!important;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px #0006}.carousel-prev{left:15px!important}.carousel-next{right:15px!important}.carousel-indicators{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:100}.indicator{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.7)!important;background:transparent!important;cursor:pointer;transition:all .3s ease}.indicator.active{background:#fff!important;border-color:#fff!important;box-shadow:0 0 10px #ffffff80}.indicator:hover{transform:scale(1.2);border-color:#fff!important}@media (max-width: 768px){.featured-image-section{padding-top:40px}.hero-container{flex-direction:column;min-height:auto}.hero-text-overlay{min-height:50vh;padding:1rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.carousel-container{height:60%;width:95%}.image-grid-container{grid-template-columns:repeat(2,1fr)!important;grid-template-rows:repeat(3,1fr)!important;gap:.1rem!important;background:#5a189a!important;padding:.2rem!important;border-radius:8px!important}.item-1{grid-column:1;grid-row:1}.item-2{grid-column:2;grid-row:1}.item-3{grid-column:1;grid-row:2}.item-4{grid-column:2;grid-row:2}.item-5{grid-column:1;grid-row:3}.item-6{grid-column:2;grid-row:3}.carousel-arrow{width:40px!important;height:40px!important}.carousel-prev{left:10px!important}.carousel-next{right:10px!important}.carousel-indicators{bottom:15px}.indicator{width:10px;height:10px}}@media (max-width: 480px){.featured-image-section{padding-top:30px}.hero-title{font-size:2rem}.promo-box{padding:1rem}.promo-text h3{font-size:1rem}.promo-text p{font-size:.8rem}.carousel-arrow{width:35px!important;height:35px!important}.carousel-prev{left:5px!important}.carousel-next{right:5px!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/featured-shoes-hero.css.map */
