@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap";#root{margin:0;padding:0;font-family:Poppins,sans-serif}body{margin:0;padding:0}.layout-wrapper{display:flex;flex-direction:column;min-height:100vh}.layout{margin:60px 0 30px;flex:1}.logo .link{display:flex;flex-direction:column;align-items:center}.logo .link img{width:120px;height:120px}.link{flex-direction:row;text-decoration:none;color:#3c4856;font-size:1.2rem;font-weight:400;border:none;background-color:transparent}.foot{color:#fff}.btn{border:none;background-color:#69c;padding:10px 20px;border-radius:20px;color:#fff;text-align:center;cursor:pointer}.btn-reverse{border-width:1px;border-style:solid;border-color:#69c;padding:10px 20px;border-radius:20px;color:#69c;text-align:center}.caption{font-size:1.2rem;color:#fff}.text{font-size:1rem}.image img{max-width:800px;height:auto;border-radius:50%;object-fit:cover}.cmp{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}.cmpTitle{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 20px}.cmpTitle h1{font-size:1.5rem;font-weight:700;text-align:center;color:#3c4856}.cmpTitle h1 span{color:#69c}.cmpTitle p{font-size:.8rem;color:#727272;width:100%;text-align:center}.cmpTitle h2{font-size:1.2rem;font-weight:500}.product .name{color:#3c4856;font-size:1rem;font-weight:700}.product .brand{display:flex;align-items:center;gap:50px;color:#727272;font-size:.8rem;font-weight:500}.product .price{display:flex;align-items:center;gap:50px;color:#e77172;font-size:1rem;font-weight:700}.product .price span{color:#727272;font-size:.8rem;font-weight:300}.product .save{border:none;background-color:#e77172;color:#fff;padding:5px;border-radius:10px;font-size:.8rem;font-weight:500}.product .quantity{display:flex;justify-content:space-between;color:#727272;font-size:.8rem;font-weight:500}.product .edit button{color:#3c4856}.product .view{font-size:1rem;text-decoration:underline;border:none;background-color:transparent}.product .unit{color:#727272;font-size:1rem}.product .date{font-size:1rem;color:#727272}.product .buy{font-size:1rem;color:#e77172}form{display:flex;flex-direction:column;gap:20px}form h1{font-size:1.5rem;font-weight:400;color:#69c;border-bottom:1px solid #3c4856}form .error-message{border:none;color:#f47174;text-align:center}form .credentials,form .credentials span{display:flex;flex-direction:column;gap:10px}form .credentials span .required{color:red;display:inline;margin-left:5px}form .credentials span label{display:flex;justify-content:space-between;align-items:center;color:#727272}form .credentials span .work{margin:20px 0}form .credentials span input{border:1px solid #727272;border-radius:5px;font-size:1.3rem;font-weight:300;color:#3c4856;padding:7px;margin:0;outline:none}form .credentials span .checkbox{width:20px;height:20px}form .credentials span input::placeholder{font-size:1.1rem;font-weight:300;color:#727272}form .credentials .error-message{border:none;color:#f47174}form .credentials .updateBtn{display:flex;flex-direction:column;gap:10px}form .credentials .updateBtn .pswd{background-color:#727272}form .loginAcc{text-align:center}form .remember{text-align:right}form .remember .forget{font-size:1rem}.profile img{width:50px;height:50px;object-fit:cover}.profile .name{font-size:1.5rem;color:#3c4856}.profile .comment{font-size:1rem;color:#3c4856}.profile .date{font-size:.7rem;color:#727272}.loader-container{position:relative;margin:30px 0;display:flex;justify-content:center}.suspense-fallback{margin:100px 0}@media only screen and (min-width: 1025px){.caption{font-size:2.5rem;font-weight:500;color:#fff}.text{font-size:1.8rem}.image img{max-width:none;height:100%}.cmp{gap:50px}.cmpTitle h1{font-size:3.5rem}.cmpTitle p{width:40%}.product .pImage img{width:212px;height:172px}.product .name{font-size:1.5rem;max-width:250px}.product .brand{font-size:1.2rem}.product .price{font-size:1.5rem}.product .price span{font-size:1rem}.product .quantity{font-size:1.2rem}}@media only screen and (min-width: 768px){.profile img{width:80px;height:80px}.profile .name{font-size:2rem;color:#3c4856}.profile .comment{font-size:1.5rem;color:#3c4856}.profile .date{font-size:.9rem;color:#727272}.product .name{font-size:1.3rem}.product .brand{font-size:1rem}.product .price{font-size:1.3rem}.product .price span,.product .quantity{font-size:1rem}.product .unit,.product .view,.product .date{font-size:1.3rem}form h1{font-size:1.8rem}}@media only screen and (min-width: 1025px){.layout{margin-top:105px}.layout .btn:hover{color:#fff!important;background-color:#e77172}.layout .link:hover{color:#69c}.layout .btn-reverse:hover{color:#fff;background-color:#e77172;border-color:#fff}.layout .form .credentials .pswd:hover{background-color:#e77172}.suspense-fallback{margin:125px 0}}@media only screen and (min-width: 1440px){.layout{margin-top:140px}.suspense-fallback{margin:165px 0}}body.navbar-open{overflow-y:hidden}.navbar{right:0;left:0;top:0;background-color:#69c;padding:0 15px;color:#fff;position:fixed;z-index:999}.navbar .overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999}.navbar .container{display:flex;justify-content:space-between;align-items:center;position:relative}.navbar .container .logo{display:none}.navbar .container .menu-icon{color:#fff;font-size:1rem;left:0;cursor:pointer;display:flex;flex-direction:column}.navbar .container .menu-icon span{font-size:.7rem}.navbar .container .cart-menu-icon{position:relative;display:inline-flex;flex-direction:column;align-items:flex-end}.navbar .container .cart-menu-icon .circle{position:absolute;top:-5px;right:-5px;display:inline-block;width:10px;height:10px;border-radius:50%;background-color:#e77172;color:#fff;text-align:center;line-height:10px;padding:2px;font-size:x-small;z-index:1}.navbar .container .cart-menu-icon .cart-icon{position:relative;z-index:0}.navbar .container .mobile-search-bar{position:absolute;top:50px;left:-20px;right:0;bottom:0}.navbar .container .mobile-menu-left{display:flex;flex-direction:row;gap:20px;width:30%}.navbar .container .mobile-menu-center{width:40%;display:flex;justify-content:center;padding:0}.navbar .container .mobile-menu-center img{height:60px;width:60px}.navbar .container .mobile-menu-right{display:flex;flex-direction:row;justify-content:flex-end;gap:20px;width:30%}.navbar .container .nav-links-mobile{position:fixed;top:0;left:0;width:70%;height:100vh;background-color:#fff;display:flex;flex-direction:column;gap:30px;padding:50px 30px 0;z-index:999;overflow-y:auto}.navbar .container .nav-links-mobile .close-icon{right:10px;cursor:pointer;color:#69c;width:18%;font-size:1.2rem}.navbar .container .nav-links-mobile .link{font-size:1rem;position:relative;color:#69c;border-bottom:1px solid #ebf5f8}.navbar .container .nav-links-mobile .link .icon-text-gap{margin-left:20px}.navbar .container .nav-links-mobile .left-margin-dropdown-content{margin-left:3%}.navbar .container .nav-links-mobile .btn{color:#fff}.navbar .container .nav-links-mobile .dropdown-content{display:flex;flex-direction:column;gap:10px;color:#727272}.navbar .container .nav-links-mobile .dropdown-content span{display:flex;padding:5px 0;cursor:pointer}.navbar .container .nav-links-mobile .navbar-login-btn{margin-bottom:60px}.navbar .container .nav-links,.navbar .container .nav-search,.navbar .container .account{display:none}.navbar .cookie-consent{height:120px;background-color:#2b373b}@media only screen and (min-width: 1025px){.navbar{margin:0;padding:10px 40px;background-color:#69c;position:absolute}.navbar .container{display:flex;flex-wrap:wrap;padding:0;justify-content:space-between;gap:30px}.navbar .container .logo,.navbar .container .menu-icon,.navbar .container .mobile-search-bar,.navbar .container .mobile-menu-left,.navbar .container .mobile-menu-center,.navbar .container .mobile-menu-right{display:none}.navbar .container .nav-middle{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:20px;max-width:100%}.navbar .container .nav-middle .nav-links{display:flex;flex-wrap:wrap;gap:60px}.navbar .container .nav-middle .nav-links .nav-deliver-with-us{display:none}.navbar .container .nav-middle .nav-links .dropdown{position:relative}.navbar .container .nav-middle .nav-links .dropdown .dropdown-content{display:none;position:absolute;background-color:#fff;border:none;border-radius:12px;padding:50px;min-width:160px;z-index:1;box-shadow:10px 5px 15px #00000073,-10px -5px 15px #00000073;transform:translate(-50%);left:50%;max-height:200px;overflow-y:auto;overflow-x:hidden}.navbar .container .nav-middle .nav-links .dropdown .dropdown-content .link{color:#69c}.navbar .container .nav-middle .nav-links .dropdown:hover .dropdown-content{display:flex;padding:20px;margin:0;flex-direction:column;gap:20px}.navbar .container .nav-middle .nav-links .dropdown .dropdown-link:hover{text-decoration:underline}.navbar .container .nav-middle .nav-links .dropdown:hover .nav-shop-by-department{display:grid;grid-template-columns:repeat(2,200px);grid-auto-rows:minmax(50px,auto);grid-gap:0px;max-height:350px;overflow:auto}.navbar .container .nav-middle .nav-links .link{font-size:1rem;color:#fff}.navbar .container .nav-middle .nav-search{color:#000;display:flex;flex-direction:column;width:60%}.navbar .container .nav-middle .nav-search .results-list{width:100%}.navbar .container .account{display:flex;justify-content:center;align-items:center;gap:15px}.navbar .container .account .nav-signup{display:none}.navbar .container .account .link{font-size:1rem;background-color:#69c}.navbar .container .account .link img{width:20px;height:20px;object-fit:cover}.navbar .container .account .btn-reverse{background-color:#ebf5f8}.navbar .container .account .btn-reverse:hover{background-color:#e77172;color:#ebf5f8}}@media only screen and (min-width: 1200px){.navbar .container .account{display:flex;justify-content:center;align-items:center;gap:15px}.navbar .container .account .nav-signup{display:block}}@media only screen and (min-width: 1440px){.navbar .container{flex-wrap:wrap;padding:0;justify-content:space-around}.navbar .container .logo{display:block}.navbar .container .nav-middle .nav-search{width:90%}.navbar .container .nav-middle .nav-search .results-list{width:100%}.navbar .container .nav-middle .nav-links .nav-deliver-with-us{display:inline-block}}@media only screen and (max-width: 320px){.navbar .container{padding:10px 0}.navbar .container .mobile-menu-left{width:50%}.navbar .container .mobile-menu-center{display:none}.navbar .container .mobile-menu-right{width:50%}}body.cart-open{overflow-y:hidden}.cart .overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999}.cart .container{display:flex;justify-content:space-between}.cart .container .cart-content{position:fixed;background-color:#fff;display:flex;flex-direction:column;border:none;z-index:1000;gap:20px;height:100vh;top:0;right:0;width:70%}.cart .container .cart-content .cart-header{top:0;padding:20px;background-color:#69c;display:flex;flex-direction:row;justify-content:space-between;color:#fff}.cart .container .cart-content .cart-header span{font-size:1rem}.cart .container .cart-content .cart-header .close-icon{position:relative;top:0;right:0;cursor:pointer;font-size:1rem;color:#fff}.cart .container .cart-content .cart-items{padding:0 30px 10px;display:flex;flex-direction:column;justify-content:space-between;color:#535353;margin-top:20px;gap:30px;overflow-y:scroll;max-height:50vh}.cart .container .cart-content .cart-items .emptycart{display:flex;justify-content:center}.cart .container .cart-content .cart-items .emptycart img{height:130px;width:auto}.cart .container .cart-content .checkout-btn{width:60%;align-self:center}@media only screen and (min-width: 1025px){.cart .container{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:50px}.cart .container .cart-content{width:30%}.cart .container .cart-content .cart-header span{font-size:1.5rem}.cart .container .cart-content .cart-header .title{font-size:2rem;font-weight:300}.cart .container .cart-content .cart-header .menu-icon{display:none;font-size:2rem}.cart .container .cart-content .cart-items .emptycart{display:flex;justify-content:center}.cart .container .cart-content .cart-items .emptycart img{height:260px;width:auto}}.cart-item{background-color:#f5f5f5;padding:10px;border-radius:10px}.cart-item .cart-item-details{display:flex;flex-direction:row;justify-content:space-between;gap:10px}.cart-item .cart-item-details .pImage .img{height:auto;width:60px}.cart-item .cart-item-details .detail{display:flex;flex-direction:column;gap:5px}.cart-item .cart-item-details .detail .detail-name{font-size:.8rem;font-weight:700;color:#3c4856}.cart-item .cart-item-details .detail .detail-brand{font-size:.6rem}.cart-item .cart-item-details .detail .detail-descp{font-size:.5rem}.cart-item .cart-item-details .detail .detail-price{font-size:1rem;font-weight:700;color:#e77172}.cart-item .item-actions{display:flex;flex-direction:row;justify-content:flex-end}.cart-item .item-actions .quantity-update{display:flex;gap:10px;align-items:center}.cart-item .item-actions .quantity-update span{font-size:.7rem}.cart-item .item-actions .quantity-update .quantity-button{font-size:.7rem;padding:.2rem}@media only screen and (min-width: 1025px){.cart-item .cart-item-details .pImage .img{height:auto;width:100px}.cart-item .cart-item-details .detail .detail-name{font-size:1rem}.cart-item .cart-item-details .detail .detail-brand{font-size:.8rem}.cart-item .cart-item-details .detail .detail-descp{font-size:.6rem}.cart-item .cart-item-details .detail .detail-price{font-size:1.2rem}}.input-wrapper{background-color:#fff;width:100%;border-radius:10px;height:2.5rem;padding:0 15px;box-shadow:0 0 8px #ddd;display:flex;align-items:center}.input-wrapper input{background-color:transparent;border:none;height:100%;font-size:1rem;width:100%;margin-left:5px}.input-wrapper input:focus{outline:none}.input-wrapper #search-close-icon{color:#3c4856}.results-list{background-color:#fff;color:#000;display:flex;flex-direction:column;box-shadow:0 0 8px #ddd;border-radius:10px;max-height:300px;overflow-y:scroll;z-index:999;position:absolute}.results-list .search-result-list{padding:10px 20px}.results-list .btn{width:30%;align-self:center;margin:20px;font-size:x-small}@media only screen and (min-width: 768px){.results-list .btn{font-size:small}}@media only screen and (min-width: 1025px){.search-result-list:hover{background-color:#ddd}}@media only screen and (min-width: 1440px){.results-list{margin-top:2.5rem}.results-list .btn{font-size:medium}}.footer .container{display:flex;flex-direction:row;justify-content:space-between;gap:30px;background-color:#3c4856;color:#fff;padding:20px;flex-wrap:wrap}.footer .container .location{width:100%;max-width:400px}.footer .container .location .map-container{overflow:hidden;width:100%;position:relative;padding-top:56.25%}.footer .container .location .map-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.footer .container .location .map-for-mobile{display:block}.footer .container .location .map-for-desktop{display:none}.footer .container .links span{display:flex;flex-direction:column;gap:10px}.footer .container .links span .link{font-size:1rem}.footer .container .social{display:flex;flex-direction:column}.footer .container .social .social-links{display:flex;flex-direction:row;gap:20px;font-size:2rem}.footer .container .logo{display:flex;flex-direction:column;padding:20px 10px}.footer .container .logo img{width:120px;height:120px}@media only screen and (min-width: 1025px){.footer .container{flex-direction:row;justify-content:space-between;align-items:start}.footer .container .location .map-for-mobile{display:none}.footer .container .location .map-for-desktop{display:block}}
