html{scroll-behavior:smooth;font-family:Cairo,serif}.splash-screen{display:none}.page-loading .splash-screen{position:fixed;z-index:1090;top:0;bottom:0;right:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--bg-color)}.loading-screen{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column}.loader{width:2rem;height:2rem;border:.185rem solid #1B84FF;border-bottom-color:transparent;border-radius:50%;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%);animation:rotation .65s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cover{position:absolute;top:0;bottom:0;left:0;right:0;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;transition:opacity .3s ease}.cover img{width:25px;height:25px}.cover.shown{opacity:0}.headline{text-align:center;font-size:1.8rem;font-weight:800;margin-bottom:10px;padding:0}.sub-headline{font-size:1.3rem;text-align:center}.colored{color:var(--secondary-color)}.badge{background-color:var(--primary-color);color:#000;display:flex;align-items:center;justify-content:center;border-radius:20px;padding:10px 15px;font-weight:600;outline:2px solid transparent;transition:all .3s ease;animation:attention 2s infinite ease-in-out}.badge:hover,.badge:disabled{background-color:#fff;outline-color:#fff;outline-offset:5px;transform:scale(.9)}.badge:disabled{animation:none;opacity:.7;cursor:wait}@keyframes attention{0%{background-color:var(--primary-color);outline-color:transparent;outline-offset:0;transform:scale(1)}50%{background-color:#fff;outline-color:#fff;outline-offset:5px;transform:scale(.9)}to{background-color:var(--primary-color);outline-color:transparent;outline-offset:0;transform:scale(1)}}form{overflow-y:auto;padding:30px;margin:20px 10px;display:flex;flex-direction:column;gap:20px;color:#fff;background-color:#000;border-radius:25px}form .item{display:flex;flex-direction:column;gap:10px}form .item input{padding:10px;border-radius:20px;color:#000}form .item .colors-wrapper{max-width:calc(50% - 1rem)}form .item .colors-wrapper .color{cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}form .item .colors-wrapper .color .bubble{height:50px;width:50px;transition:all .3s ease;border-radius:100px;border:solid 2px white;outline:2px solid transparent;outline-offset:5px}form .item .colors-wrapper:has(input:checked) .color{color:var(--primary-color)}form .item .colors-wrapper:has(input:checked) .color .bubble{transform:scale(.85) translateZ(0);outline-color:var(--primary-color)}form .item .sizes-wrapper .size{cursor:pointer;border:2px solid white;width:55px;height:55px;border-radius:15px;display:flex;justify-content:center;align-items:center;transition:all .3s ease}form .item .sizes-wrapper:has(input:checked) .size{color:var(--primary-color);border-color:var(--primary-color);background-color:rgba(var(--primary-color-rgb),.2)}form .error{color:#ca2525;text-align:center}form .error.active{display:block}form .scroll-animation{display:none;animation:bounceUpDown 3s infinite ease-in-out}form .scroll-animation.shown{display:block}@keyframes bounceUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(100%)}}header{position:absolute;top:0;right:0;left:0;display:flex;padding:24px}header .header-wrapper{z-index:1000;display:flex;align-items:center;justify-content:space-between;flex:1}header .header-wrapper .menu .handle{cursor:pointer;width:48px;height:48px;padding:8px}header .header-wrapper .menu .handle img{transition:all .3s ease}header nav{position:fixed;top:0;bottom:0;right:-80%;width:80%;background-color:var(--bg-color);transition:right .3s ease;z-index:1030;display:flex;flex-direction:column;gap:25px}header nav.shown{right:0}header nav .nav-wrapper{display:flex;align-items:center;justify-content:space-between}header nav .nav-wrapper .nav-title{font-size:1.2rem}header nav .nav-wrapper .nav-icon{width:32px;height:32px;padding:.5rem;cursor:pointer}header nav .menu-wrapper{display:flex;flex-direction:column;gap:15px}main{max-width:1024px;margin:0 auto 150px}main section{padding:0 10px;margin:40px auto;display:flex;flex-direction:column;justify-content:center;align-items:center}main .pre-section{min-height:calc(var(--height) / 2);max-width:600px;gap:5px;margin-top:120px}@media (min-width: 1024px){main .pre-section{margin-top:150px}}main .pre-section .eyebrow{font-size:1.3rem}main .hero{position:relative;display:flex;flex-direction:row;justify-content:center;gap:25px;width:100%}main .hero.top{align-items:flex-start;min-height:140px}main .hero.bottom{min-height:285px}main .hero .images-wrapper{position:relative;display:flex;gap:10px;width:100%;overflow-x:scroll;padding-bottom:15px}main .hero .images-wrapper img{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;border-radius:20px;min-width:40%;height:calc(var(--height))}@media (max-width: 992px){main .hero .images-wrapper img{height:calc(var(--height) / 2)}}main .hero .images-wrapper img.right{transform:rotate(8deg)}main .hero .images-wrapper img.left{transform:rotate(-8deg)}main .hero .video{position:absolute;z-index:1;top:0;left:50%;transform:translate(-50%) translateZ(0);width:60%;height:var(--height);-o-object-fit:cover;object-fit:cover;border-radius:40px;box-shadow:0 0 25px #0006;pointer-events:none}@media screen and (min-width: 768px){main .hero .yt-wrapper{overflow:hidden;max-width:100%}main .hero .yt-frame-container{position:relative;padding-bottom:56.25%;padding-top:25px;width:300%;left:-100%}main .hero .yt-frame-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}}@media screen and (max-width: 767px){main .hero .yt-frame-container iframe{aspect-ratio:16/9;pointer-events:none}}main .cta-section{padding:20px;gap:20px}main .cta-section .badge{width:80%}main .cta-section .boxes-wrapper{display:flex;gap:3px}main .cta-section .boxes-wrapper .box{background-color:#666;width:10px;height:20px}main .cta-section .boxes-wrapper .box.colored{display:flex;justify-content:center;align-items:center}main .cta-section .boxes-wrapper .box.colored img{width:10px;height:10px}main .cta-section .boxes-wrapper .box.green{background-color:#25ca5c}main .cta-section .boxes-wrapper .box.green.animated{animation:green-loop 1s infinite}main .cta-section .boxes-wrapper .box.red{background-color:#ca2525}main .cta-section .boxes-wrapper .box.red.animated{animation:red-loop 1s infinite}@keyframes green-loop{0%{background-color:#25ca5c}50%{background-color:#666}to{background-color:#25ca5c}}@keyframes red-loop{0%{background-color:#ca2525}50%{background-color:#666}to{background-color:#ca2525}}main .testimonial{background-color:#e9e9e9;padding:40px 10px;margin:10px;border-radius:25px;gap:25px}main .testimonial .flex-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:40px 25px}@media (max-width: 1024px){main .testimonial .flex-wrapper{display:grid;grid-template-columns:1fr 1fr}}main .testimonial .video-wrapper{cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}main .testimonial .video-wrapper .video{width:180px;height:180px;-o-object-fit:cover;object-fit:cover;border-radius:100px;pointer-events:none}@media (max-width: 768px){main .testimonial .video-wrapper .video{width:150px;height:150px}}main .testimonial .video-wrapper .cover{border-radius:100px}main .testimonial .video-wrapper .name{margin-top:10px;font-weight:700}main .testimonial .video-wrapper .name.colored{color:var(--thirtary-color)}main .show-section .stars-wrapper{display:flex;justify-content:center;align-items:center;margin-bottom:10px}main .show-section .stars-wrapper .rate{margin-left:5px;margin-top:3px;font-weight:500}main .show-section .headline{max-width:600px;margin-bottom:50px}main .show-section .showcase{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;height:var(--height)}main .show-section .showcase .main{width:45%;height:var(--height);-o-object-fit:cover;object-fit:cover;border-radius:40px}main .show-section .showcase .images-wrapper{position:relative;display:flex;flex-direction:column;gap:15px;width:25%}main .show-section .showcase .images-wrapper img{height:calc(var(--height) / 2);-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;border-radius:20px}main .show-section .sub-headline{font-size:1.125rem;line-height:2.5rem;text-align:right}main .show-section .sub-headline:first-child{position:relative;padding-bottom:20px;margin-bottom:20px}main .show-section .sub-headline:first-child:after{content:"";position:absolute;bottom:0;right:0;width:150px;background-color:#000;height:1px}main .show-section .sub-headline:last-child{transform:translateY(-10px) translateZ(0);font-size:1.8rem;font-weight:800;margin-top:20px;text-align:right;width:100%}main .claims .grid{display:flex;flex-wrap:wrap;width:100%;gap:25px 15px}main .claims .grid .item{text-align:right;width:calc(50% - 15px);height:-moz-fit-content;height:fit-content;flex-grow:1;display:flex;flex-direction:column;gap:15px}main .claims .grid .item .image-wrapper{position:relative;height:calc(var(--height) / 2)}main .claims .grid .item img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;border-radius:25px}main .claims .grid .item .sub-headline{text-align:right}main .claims .grid .item .sub-headline:last-child{margin-top:10px;font-size:1rem}main .warranty{background-color:var(--yellow);padding:40px 10px 10px;margin:10px;border-radius:25px;gap:25px}main .warranty .warranty-wrapper{display:flex;flex-direction:column;align-items:center;gap:25px}main .warranty .warranty-wrapper .laurel{width:80px}@media (max-width: 768px){main .warranty .warranty-wrapper .laurel{width:40px}}main .warranty .warranty-wrapper .laurel.flip{transform:scaleX(-1) translateZ(0)}main .warranty .warranty-wrapper .headline{max-width:600px}@media (max-width: 768px){main .warranty .warranty-wrapper .headline{font-size:1.2rem}}main .warranty .warranty-video{max-height:var(--height)}main .warranty .video{height:60vh;max-height:var(--height);width:100%;-o-object-fit:cover;object-fit:cover;border-radius:30px}main .warranty .cover{border-radius:30px}main .bonus .bonus-wrapper{background-color:var(--secondary-color);margin:20px 0;border-radius:20px;padding:20px 40px;outline:solid 2px transparent}main .bonus .bonus-wrapper .sub-headline{text-align:center;color:#fff;font-weight:800;font-size:1.2rem}main .bonus .wrapper{border-radius:25px;height:600px;width:340px;overflow:hidden}main .bonus .wrapper:after{background-color:#0009;content:"";position:absolute;top:0;bottom:0;left:0;right:0}main .bonus img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}main .bonus .cta-section{display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1;position:absolute;top:20%;left:50%;transform:translate(-50%) translateZ(0)}main .bonus .cta-section .eyebrow{color:#fff}main .bonus .cta-section .box{background-color:#c4c4c4}main .ps{max-width:600px}main .ps .sub-headline{font-size:1rem}main .lottie{position:absolute;top:0;height:500px;right:0;left:0}main .lottie canvas{-o-object-fit:cover;object-fit:cover}main .loyality-card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px #0000000d;max-height:300px;max-width:400px}main .loyality-card .wrapper{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px}main .loyality-card .wrapper .circle{position:relative;height:80px;width:80px;border-radius:100px;border:dashed 2px #ccc}main .loyality-card .wrapper .circle .marked{display:none;width:85px;height:85px;margin-top:-10px;transform:rotate(-5deg) translateZ(0);-o-object-fit:cover;object-fit:cover;overflow:visible}main .loyality-card .wrapper .circle .filled{position:absolute}main .loyality-card .wrapper .circle .filled canvas{-o-object-fit:cover;object-fit:cover}main .loyality-card .wrapper .circle .filled.gift{transform:translate(-50%,-50%) translateZ(0);top:20%;left:50%;height:220px;width:220px}main .loyality-card .wrapper .circle .filled.stamp{display:none;transform:translate(-50%,-50%) translateZ(0) rotate(-10deg);top:55%;left:70%;height:250px;width:250px}main .loyality-card .wrapper .circle.checked .marked{display:block}main .loyality-card .wrapper .circle.active .stamp{display:block}main .loyality-card .wrapper .circle.active .marked{display:none}.cart{position:fixed;z-index:1020;bottom:0;left:0;right:0;height:80px;display:flex;flex-direction:column;background-color:#000;color:#fff;border-radius:20px 20px 0 0;transition:bottom .3s ease}.cart.hidden{bottom:-100%}.cart:hover .cart-wrapper .badge{background-color:#fff;outline-color:#fff;outline-offset:5px;transform:scale(.9);animation:none}.cart .second{display:none}.cart.open{height:90%;z-index:1030;pointer-events:all}.cart.open .second{display:block}.cart.open .first{display:none}.cart .cart-wrapper{display:flex;align-items:center;justify-content:space-between;position:relative;padding:15px 25px;cursor:pointer}.cart .cart-wrapper .notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:168px}.cart .cart-wrapper .notch .handle{position:absolute;top:40%;left:50%;transform:translate(-50%);width:40px;height:4px;background-color:#ccc;border-radius:75px}.cart .cart-wrapper .content-wrapper{display:flex;align-items:center;gap:15px}.cart .cart-wrapper .content-wrapper .cart-image .img{height:50px;width:50px;border-radius:15px;-o-object-fit:cover;object-fit:cover}.cart .cart-wrapper .content-wrapper .cart-title{font-size:1.2rem;font-weight:700}.cart .cart-wrapper .content-wrapper .cart-price{font-weight:300}