@import"https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";:root{--main-accent: rgb(9, 18, 53, .95)}*{padding:0;margin:0;box-sizing:border-box;font-family:inherit}html{font-family:Montserrat,serif;overflow-x:hidden}a{text-decoration:none}button{cursor:pointer}.nav-bar{display:flex;gap:50px;padding:10px 100px;margin:30px auto;background-color:#fff;border-radius:100px}.nav-link{padding:10px 40px;color:#000;font-size:1.2rem;font-weight:400;border-radius:30px}.nav-link:not(.active):hover{background-color:#0003}.nav-link.active{color:#fff;background-color:var(--main-accent)}.page{width:100vw;height:100vh;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;background:linear-gradient(var(--main-accent),var(--main-accent)),url(https://images.unsplash.com/photo-1625513123245-fcb02d69ad12?q=100&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-size:cover;color:#fff;background-attachment:fixed}.page>*:not(.nav-bar){opacity:0;transform:translateY(200px);animation:page-fade-in 1s ease forwards}@keyframes page-fade-in{0%{opacity:0;transform:translateY(200px)}to{opacity:1;transform:translateY(0)}}.hero-area{display:flex;justify-content:center;align-items:center;text-align:center;flex-wrap:wrap;padding:40px;gap:40px;margin:auto 0;flex:1 1 0}.text-area{flex:1 1 0;display:flex;flex-direction:column;padding:40px;gap:10px}.spinner-area{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:100px;flex:1 1 0}.spinner-area-row-one{display:flex;justify-content:center;align-items:center;gap:30px}.spinner-btn{cursor:pointer;border:none;background:none;outline:none;color:#fff;transition:transform .3s ease}.spinner-btn:hover{transform:scale(1.1);transition:transform .2s ease-in-out}.spinner-img-wrapper{display:flex;justify-content:center;align-items:center;width:300px;height:300px}.spinner-current-img{width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity .5s ease-in-out;animation:float 3s ease-in-out infinite}.spinner-current-img:hover{animation:none}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-7px)}to{transform:translateY(0)}}.spinner-current-img.fading{opacity:0}.spinner-watch-name{font-weight:200}.arrow-icon{font-size:2.5rem}#logo{font-family:Playfair Display,serif;font-size:5rem}#slogan{font-weight:100;width:80%;margin:0 auto;padding:0 60px}.watches-container{margin:80px 100px 0;padding:20px;display:flex;justify-content:center;align-items:stretch;gap:100px;flex-wrap:wrap}.watch-card{display:flex;flex-direction:column;padding:40px 60px;border-radius:40px;gap:30px;justify-content:center;align-items:center;max-width:350px;background-color:#0000004d;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 0 -5px #0003;transition:all .6s ease-in-out;opacity:0}.watch-card.animate-card{animation:card-appear .5s ease forwards}@keyframes card-appear{0%{opacity:0;transform:translateY(500px)}70%{opacity:.2}to{opacity:1;transform:translateY(0)}}.watch-card:hover{transition:.4s ease-in-out;translate:0 -15px}.watch-card:hover .watch-image-wrapper{transform:scale(1.1);transition:transform .4s ease}.watch-image-wrapper{display:flex;justify-content:center;align-items:center;width:200px;height:100%;flex:0 1 auto;transition:transform .4s ease}.watch-image-wrapper img{object-fit:cover;width:100%;height:auto}.watch-details-container{display:flex;flex-direction:column;justify-content:flex-end;flex:2 1 0}.watch-name{font-size:1.3rem;font-weight:700}.watch-rating-price-container{margin:10px 0;display:flex;gap:20px}.page-title{margin:20px 0}.add-to-cart-btn{display:flex;justify-content:center;align-items:center;gap:10px;padding:10px 30px;width:100%;font-weight:500;font-size:1.3rem;border:none;outline:none;border-radius:30px;transition:.3s ease}.add-to-cart-btn:hover{box-shadow:0 0 40px -2px #ffffff80}.add-to-cart-btn:hover .add-icon{transform:rotate(90deg)}.add-icon{transition:transform .4s ease}#watch-page{display:flex;gap:50px}.watch-page-card{display:flex;padding:20px 60px;gap:30px;justify-content:center;align-items:center;background-color:#ffffff0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:30px;color:#fff;text-align:center}.watch-page-card-img-wrapper{width:300px;flex:0 1 auto}.watch-page-card-description{font-weight:300;line-height:1.2rem}.watch-page-card-img{width:100%;object-fit:cover}.watch-page-card-text-area{width:400px;flex:0 1 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;height:100%}.watch-page-card-rating-price{display:flex;justify-content:center;align-items:center;gap:20px}.add-to-cart-container{display:flex;justify-content:center;align-items:center;gap:40px}.inp-container{display:flex;justify-content:center;align-items:center;gap:10px}.qte-inp{text-align:center;max-width:65px;padding:10px;border:none;background-color:#e4e4e4;border-radius:30px}#add-to-cart-btn{padding:10px 30px;font-size:1.3rem;font-weight:500;border:none;border-radius:30px;background-color:#0051ff;color:#fff;transition:.3s ease}#add-to-cart-btn:hover{box-shadow:0 0 35px -5px #0006}#open-cart-btn{position:fixed;display:flex;justify-content:center;align-items:center;bottom:0;right:0;margin:100px 150px;font-size:1.4rem;color:var(--main-accent);width:60px;height:60px;border-radius:50%;background-color:#fff;box-shadow:0 0 0 -5px #fff;transition:box-shadow .3s ease}#open-cart-btn:hover{box-shadow:0 0 35px -5px #fff}.popup{display:flex;justify-content:center;align-items:center;position:absolute;left:50%;bottom:10%;transform:translate(-50%,20%);padding:15px 40px;color:#fff;font-size:1.4rem;font-weight:500;border-radius:30px;opacity:0;translate:0 250px;animation:popup-appear .35s ease-in-out forwards}@keyframes popup-appear{to{opacity:1;translate:0}}.cart-table{border-collapse:separate;border-radius:30px;background-color:#fff;text-align:center;padding:20px 40px;color:#000}.cart-table th{padding:10px 20px;color:#000}.cart-row{position:relative;color:#000}.cart-row-delete-btn{position:absolute;top:50%;transform:translate(-30%,-50%);background-color:red;width:40px;height:40px;border-radius:50%;color:#fff;border:none;opacity:0;transition:opacity .3s ease}.cart-row td{padding:20px 40px}.cart-row:hover .cart-row-delete-btn{opacity:1}.cart-row-img img{width:50px;height:auto}.fl{display:flex;flex-direction:column;justify-content:center;align-items:center;height:70vh;width:100%}.bio-area{padding:100px;margin:50px 100px;display:flex;justify-content:center;align-items:center;width:60%;border-radius:50px;background-color:#0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.logo{font-family:Playfair Display,serif;font-weight:900;font-size:10rem;flex:1 1 0}.bio{flex:1 1 0;font-weight:200;font-size:1.2rem;line-height:1.4rem}.menu-icon{font-size:2rem;color:#fff}.mobile-nav-bar{display:none}.cart-items-length{position:absolute;top:0;left:-15px;text-align:center;width:30px;height:30px;border-radius:50%;color:#fff;background-color:#dc143c}@media (max-width: 916px){.nav-bar-container{width:100%}.mobile-nav-bar{display:flex;justify-content:space-between;align-items:center;width:100%;color:#fff;padding:10px 40px;background-color:var(--main-accent)}.mobile-nav-bar #logo{font-weight:900;color:#fff;font-size:2rem}.spinner-img-wrapper{width:200px;height:200px}.nav-bar-container{position:fixed;z-index:9}.nav-bar{position:fixed;top:0;left:0;margin:0;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;background-color:var(--main-accent);border-radius:0;width:100vw;height:100vh;z-index:9}.page-title{margin-top:100px;margin-bottom:0}.nav-link.active{background-color:#fff;color:var(--main-accent)}.nav-bar.closed{display:none;opacity:0;z-index:-999}.menu-icon-inside-nav{position:fixed;top:0;left:0;color:#fff;margin:20px 40px;font-size:2rem}.nav-link{color:#fff;font-size:2rem}#logo{font-size:3rem}#slogan{padding:10px}#open-cart-btn{width:40px;height:40px;font-size:1rem;margin:30px}.bio-area{flex-direction:column;padding:10px 20px;margin:40px 0;gap:30px;text-align:center}#about-page .logo{font-size:3rem}*{border:0 solid red}}@media (max-width: 840px){.watch-page-card{flex-direction:column;gap:50px}.watch-page-card>*{border:0 solid red}.watch-page-card-img-wrapper{width:250px;height:250px}.watch-page-card-img{width:100%;height:100%;object-fit:contain}}