.floating-product-container{position:relative;height:500px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;align-items:center;justify-content:center;margin:60px 0;overflow:hidden;border-radius:0}.floating-product{display:flex;align-items:center;justify-content:center;animation:float 6s ease-in-out infinite;transition:transform .3s ease}.floating-product-image{max-width:500px;width:100%;height:auto;filter:drop-shadow(0 30px 60px rgba(44,62,80,.2));transition:all .4s cubic-bezier(.4,0,.2,1);transform:rotate(15deg)}.floating-product:hover{transform:scale(1.05)}.floating-product:hover .floating-product-image{filter:drop-shadow(0 40px 80px rgba(44,62,80,.3))}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-25px)}to{transform:translateY(0)}}.banner__heading{font-weight:800;letter-spacing:-.02em;line-height:1.2}.banner__text{font-size:1.25rem;line-height:1.6;opacity:.9}.button{text-transform:uppercase;letter-spacing:.5px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.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 .5s}.button:hover:before{left:100%}.button:hover{transform:translateY(-2px)}.multicolumn-card{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.multicolumn-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,rgba(52,152,219,.05),transparent);opacity:0;transition:opacity .3s ease}.multicolumn-card:hover:before{opacity:1}.multicolumn-card:hover{transform:translateY(-8px)}.multicolumn-card__info h3{font-weight:600;margin-bottom:1rem;color:var(--color-foreground)}.multicolumn-card__info .rte p{margin:0;line-height:1.6}.collapsible-content{background:rgb(var(--color-background-2))}.accordion summary{font-weight:600;position:relative;transition:all .3s ease}.accordion summary:after{content:"+";position:absolute;right:2rem;font-size:1.5rem;transition:transform .3s ease}.accordion[open] summary:after{transform:rotate(45deg)}.accordion summary:hover{color:rgb(var(--color-button))}.accordion[open] summary{background:rgb(var(--color-button));color:rgb(var(--color-button-label))}.accordion .accordion__content{animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.newsletter{position:relative;overflow:hidden}.newsletter:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#2c3e501a,#34495e1a);pointer-events:none}.newsletter__wrapper{position:relative;z-index:2}.newsletter-form__field-wrapper{display:flex;gap:1rem;max-width:400px;margin:2rem auto 0}.newsletter-form__field-wrapper input{flex:1;border-radius:8px;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;padding:12px 16px}.newsletter-form__field-wrapper input::placeholder{color:#ffffffb3}.newsletter-form__field-wrapper button{border-radius:8px;padding:12px 24px;font-weight:600;transition:all .3s ease}.newsletter-form__field-wrapper button:hover{transform:translateY(-2px)}@media (max-width: 768px){.floating-product-container{height:350px;margin:40px 0}.floating-product-image{max-width:350px}.banner__heading{font-size:2.5rem}.banner__text{font-size:1.125rem}.newsletter-form__field-wrapper{flex-direction:column}.newsletter-form__field-wrapper button{width:100%}}@media (max-width: 480px){.floating-product-container{height:280px}.floating-product-image{max-width:280px}.banner__heading{font-size:2rem}}@media (prefers-reduced-motion: reduce){.floating-product,.multicolumn-card,.button{animation:none;transition:none}.floating-product:hover,.multicolumn-card:hover,.button:hover{transform:none}}.button:focus-visible,.accordion summary:focus-visible{outline:2px solid rgb(var(--color-button));outline-offset:2px}.section{margin:0}.index .section:not(:first-child){margin-top:0}.floating-product-image{opacity:0;animation:fadeInUp 1s ease-out .5s forwards;transform:rotate(15deg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px) rotate(15deg)}to{opacity:1;transform:translateY(0) rotate(15deg)}}html{scroll-behavior:smooth}.multicolumn-card__info h3{transition:color .3s ease}.multicolumn-card:hover h3{color:rgb(var(--color-button))}.card{box-shadow:0 4px 6px #0000000d,0 2px 4px #0000000f}.card:hover{box-shadow:0 20px 25px #0000001a,0 10px 10px #0000000a}.template-index .banner{position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.template-index .banner .media.placeholder{display:none}.template-index .banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.05) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.08) 0%,transparent 50%);animation:backgroundFloat 20s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes backgroundFloat{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(.5deg)}66%{transform:translateY(10px) rotate(-.5deg)}}.template-index .banner__content{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;min-height:100vh}.template-index .banner h1{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;line-height:1.1;margin-bottom:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.template-index .banner p{font-size:1.25rem;line-height:1.6;margin-bottom:2rem;opacity:.95}.template-index .banner .button{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 15px #0003}.template-index .banner .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 .5s}.template-index .banner .button:hover:before{left:100%}.template-index .banner .button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.template-index .banner__media{position:relative;display:flex;justify-content:center;align-items:center;min-height:500px}@media (max-width: 1200px){.template-index .banner__content{gap:3rem}}@media (max-width: 992px){.template-index .banner__content{grid-template-columns:1fr;gap:3rem;text-align:center;min-height:80vh;padding:2rem 0}.template-index .banner__media{order:-1;min-height:300px}}@media (max-width: 768px){.template-index .banner__content{gap:2rem}.template-index .banner p{font-size:1.1rem}}.elegant-product-overlay{position:absolute;top:50%;right:10%;transform:translateY(-50%);width:min(25vw,350px);height:auto;pointer-events:none;z-index:3;opacity:0;transition:opacity .8s cubic-bezier(.25,.46,.45,.94)}.elegant-product-overlay.visible{opacity:1}.product-container{position:relative;transform:translateY(0);transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.product-image{width:100%;height:auto;filter:drop-shadow(0 25px 50px rgba(0,0,0,.2));transition:all .6s cubic-bezier(.25,.46,.45,.94);animation:gentleFloat 8s ease-in-out infinite;transform:rotate(15deg)}@keyframes gentleFloat{0%,to{transform:rotate(15deg) translateY(0) scale(1)}50%{transform:rotate(17deg) translateY(-12px) scale(1.02)}}@media (max-width: 1400px){.elegant-product-overlay{right:8%;width:min(28vw,320px)}}@media (max-width: 1200px){.elegant-product-overlay{right:5%;width:min(30vw,280px)}}@media (max-width: 992px){.elegant-product-overlay{position:static;transform:none;width:100%;max-width:300px;margin:0 auto;opacity:1;background:#ffffff1a;padding:2rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 40px #0000001a}.product-image{filter:drop-shadow(0 15px 30px rgba(0,0,0,.2))}}@media (max-width: 768px){.elegant-product-overlay{max-width:250px;padding:1.5rem}}.template-index .section-padding{padding:5rem 0}.template-index .page-width{max-width:1200px;margin:0 auto;padding:0 1.25rem}.template-index .multicolumn .card{transition:transform .3s ease,box-shadow .3s ease}.template-index .multicolumn .card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.template-index .collapsible-content details{transition:all .3s ease}.template-index .collapsible-content details:hover{background:#00000005}.template-index *{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}@media (prefers-reduced-motion: reduce){.elegant-product-overlay,.product-image,.template-index .banner:before{animation:none}.template-index *{transition-duration:.01ms}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/custom-homepage.css.map */