.hero-product-section{width:100%;margin:0;padding:0;position:relative;z-index:1}.hero-product-section .hero-container{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#000);overflow:hidden}.hero-product-section .hero-product{position:relative;width:60%;height:70vh;background:linear-gradient(45deg,#2c2c2c,#1a1a1a);border-radius:20px;overflow:hidden;cursor:pointer;transition:all .8s cubic-bezier(.23,1,.32,1);box-shadow:0 20px 60px #0000004d}.hero-product-section .hero-product:hover{width:100vw;height:100vh;border-radius:0;box-shadow:none}.hero-product-section .product-background{position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800"><defs><linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:%23ff6b6b;stop-opacity:0.1" /><stop offset="50%" style="stop-color:%234ecdc4;stop-opacity:0.1" /><stop offset="100%" style="stop-color:%23ffe66d;stop-opacity:0.1" /></linearGradient></defs><rect width="100%" height="100%" fill="url(%23grad)"/></svg>') center/cover;opacity:.3;transition:opacity .8s ease}.hero-product-section .hero-product:hover .product-background{opacity:.6}.hero-product-section .content-wrapper{position:relative;z-index:2;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 60px;transition:padding .8s ease}.hero-product-section .hero-product:hover .content-wrapper{padding:0 120px}.hero-product-section .product-info{flex:1;max-width:500px;color:#fff;transform:translateY(20px);transition:transform .8s ease}.hero-product-section .hero-product:hover .product-info{transform:translateY(0)}.hero-product-section .product-category{font-size:14px;letter-spacing:3px;text-transform:uppercase;color:#888;margin-bottom:20px;opacity:.8;transition:all .8s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.hero-product-section .hero-product:hover .product-category{color:#fff;opacity:1}.hero-product-section .product-title{font-size:4rem;font-weight:300;line-height:1.1;margin-bottom:30px;background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .8s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.hero-product-section .hero-product:hover .product-title{font-size:5rem;background:linear-gradient(135deg,#fff,#ff6b6b,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-product-section .product-description{font-size:18px;line-height:1.6;color:#ccc;margin-bottom:40px;max-width:400px;transition:all .8s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.hero-product-section .hero-product:hover .product-description{color:#fff;font-size:20px}.hero-product-section .cta-button{display:inline-block;padding:15px 40px;background:transparent;border:2px solid #fff;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:2px;font-size:14px;font-weight:500;transition:all .4s ease;position:relative;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.hero-product-section .cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.hero-product-section .cta-button:hover:before{left:100%}.hero-product-section .cta-button:hover{background:#fff;color:#000;transform:translateY(-2px);box-shadow:0 10px 30px #fff3}.hero-product-section .product-visual{flex:1;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.hero-product-section .product-image{width:350px;height:350px;background:radial-gradient(circle at 30% 30%,#ff6b6b4d,#4ecdc44d,#ffe66d33);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transition:all .8s ease;animation:heroFloat 6s ease-in-out infinite}.hero-product-section .hero-product:hover .product-image{width:500px;height:500px;animation:none;transform:scale(1.1)}@keyframes heroFloat{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(1deg)}66%{transform:translateY(-10px) rotate(-1deg)}}.hero-product-section .product-image:before{content:"";position:absolute;width:80%;height:80%;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#ffe66d);border-radius:50%;opacity:.1;animation:heroPulse 4s ease-in-out infinite}@keyframes heroPulse{0%,to{transform:scale(1);opacity:.1}50%{transform:scale(1.1);opacity:.2}}.hero-product-section .product-icon{width:120px;height:120px;background:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .8s ease;box-shadow:0 10px 30px #0003}.hero-product-section .hero-product:hover .product-icon{width:160px;height:160px;border-radius:30px}.hero-product-section .product-icon svg{width:60px;height:60px;transition:all .8s ease}.hero-product-section .product-icon img{width:60px;height:60px;object-fit:contain;transition:all .8s ease}.hero-product-section .hero-product:hover .product-icon svg,.hero-product-section .hero-product:hover .product-icon img{width:80px;height:80px}.hero-product-section .floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .8s ease}.hero-product-section .hero-product:hover .floating-elements{opacity:1}.hero-product-section .floating-dot{position:absolute;width:8px;height:8px;background:#ffffff4d;border-radius:50%;animation:heroFloatUp 8s linear infinite}.hero-product-section .floating-dot:nth-child(1){left:10%;animation-delay:0s}.hero-product-section .floating-dot:nth-child(2){left:20%;animation-delay:2s}.hero-product-section .floating-dot:nth-child(3){left:80%;animation-delay:4s}.hero-product-section .floating-dot:nth-child(4){left:90%;animation-delay:6s}@keyframes heroFloatUp{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) scale(1);opacity:0}}@media (max-width: 768px){.hero-product-section .hero-product{width:95%;height:60vh}.hero-product-section .hero-product:hover{width:100vw;height:100vh}.hero-product-section .content-wrapper{flex-direction:column;padding:40px 30px;text-align:center}.hero-product-section .hero-product:hover .content-wrapper{padding:60px 40px}.hero-product-section .product-title{font-size:2.5rem}.hero-product-section .hero-product:hover .product-title{font-size:3rem}.hero-product-section .product-image{width:250px;height:250px;margin-top:30px}.hero-product-section .hero-product:hover .product-image{width:300px;height:300px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hero-product-section.css.map */