@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 0;flex:1}.logo .link{display:flex;flex-direction:column;align-items:center}.logo .link img{width:80px;height:80px}.link{flex-direction:row;text-decoration:none;color:#000;font-size:1.2rem;font-weight:400;border:none;background-color:transparent}.foot{color:#fff}.btn{border:none;background-color:#2ccc92;padding:10px 20px;border-radius:20px;color:#fff;text-align:center;cursor:pointer}.btn-reverse{border-width:1px;border-style:solid;border-color:#2ccc92;padding:10px 20px;border-radius:20px;color:#2ccc92;text-align:center}.btn-secondary{border:none;background-color:#f47174;padding:10px 20px;border-radius:20px;color:#fff;text-align:center;cursor:pointer}.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}.cmpTitle h1 span{color:#1a4089}.cmpTitle p{font-size:.8rem;color:#727272;width:100%;text-align:center}.cmpTitle h2{font-size:1.2rem;font-weight:500}.product .name{color:#1a4089;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:#f28e13;font-size:1rem;font-weight:700}.product .price span{color:#727272;font-size:.8rem;font-weight:300}.product .quantity{display:flex;justify-content:space-between;color:#727272;font-size:.8rem;font-weight:500}.product .edit button{color:#1a4089}.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:#f28e13}.save{border:none;background-color:#f28e13;color:#fff;padding:5px;border-radius:10px;font-size:.8rem;font-weight:500}form{display:flex;flex-direction:column;gap:20px}form h1{font-size:1.5rem;font-weight:400;color:#87ceeb;border-bottom:1px solid #000000}form .error-message{border:none;color:#f47174;display:flex;justify-content: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:#1a4089;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:#1a4089}.profile .comment{font-size:1rem;color:#1a4089}.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 .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:#1a4089}.profile .comment{font-size:1.5rem;color:#1a4089}.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:#f28e13}.layout .link:hover{color:#2ccc92}.layout .btn-reverse:hover{color:#fff;background-color:#f28e13;border-color:#fff}.layout .btn-secondary:hover{color:#fff!important;background-color:#f28e13}.layout .form .credentials .pswd:hover{background-color:#f28e13}.suspense-fallback{margin:125px 0}}body.navbar-open{overflow-y:hidden}.navbar{right:0;left:0;top:0;background-color:#2ccc92;padding: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:#f28e13;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{color:#fff;font-size:1.2rem;width:40%;text-align:center}.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:#2ccc92;width:18%;font-size:1.2rem}.navbar .container .nav-links-mobile .link{font-size:1rem;position:relative;color:#2ccc92;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:#2ccc92;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:#2ccc92}.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:12px;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:#2ccc92}.navbar .container .account .link img{width:50px;height:50px;object-fit:cover}.navbar .container .account .btn-reverse{background-color:#ebf5f8}.navbar .container .account .btn-reverse:hover{background-color:#f28e13;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 .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:#2ccc92;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 .out-of-stock-text{font-size:small;text-align:center;color:#f47174;padding:0 10px}.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}.cart .container .cart-content .stripe-message{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#2ccc92;margin-top:10px;font-size:small}.cart .container .cart-content .stripe-message img{width:100px;height:auto}@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 .out-of-stock-text{font-size:medium}.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;gap:30px}.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:#1a4089}.cart-item .cart-item-details .detail .detail-brand{font-size:.6rem}.cart-item .cart-item-details .detail .detail-promotion .save{font-size:xx-small}.cart-item .cart-item-details .detail .detail-price{font-size:1rem;font-weight:700;color:#f28e13}.cart-item .cart-item-details .detail .detail-price .original-price{text-decoration:line-through;color:#f28e13;margin-right:8px;font-size:14px}.cart-item .cart-item-details .detail .detail-price .discounted-price{font-weight:700;color:#f28e13;font-size:16px}.cart-item .item-actions{display:flex;flex-direction:row;justify-content:flex-end}.cart-item .item-actions .out-of-stock{display:flex;flex-direction:column;gap:5px}.cart-item .item-actions .out-of-stock .out-of-stock-text{font-size:x-small;align-self:center;color:#f47174;margin-top:5px}.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 .save{font-size:.8}.cart-item .cart-item-details .detail .detail-price{font-size:1.2rem}.cart-item .item-actions .out-of-stock .out-of-stock-text{font-size:small}}.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-icon{color:#1a4089}.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}@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}}.floating-cart-button{position:fixed;bottom:20px;left:20px;background-color:#2ccc92;color:#fff;border:none;border-radius:50%;padding:14px;box-shadow:0 2px 8px #0000004d;z-index:1000;cursor:pointer;transition:transform .2s ease}.floating-cart-button:hover{transform:scale(1.1)}.floating-cart-button .cart-count{position:absolute;top:-6px;right:-6px;background-color:#f28e13;color:#fff;font-size:12px;font-weight:700;padding:2px 6px;border-radius:50%}.scroll-to-top{position:fixed;bottom:30px;right:20px;background-color:#2ccc92;color:#fff;border:none;border-radius:50%;padding:12px;box-shadow:0 4px 6px #0003;cursor:pointer;z-index:999;transition:opacity .3s ease-in-out;display:flex;align-items:center;justify-content:center}.scroll-to-top:hover{background-color:#2bb2a1}