@import"https://fonts.googleapis.com/css2?family=Baloo+2&family=Poppins:wght@300;400;500;600;700&family=Quicksand:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@300;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0}:root{--font: "Poppins", sans-serif;--color-pending:#ffecb3;--color-processing: #bbdefb;--color-shipped: #c8e6c9;--color-completed: #89d137;--color-canceled: #ffcdd2}:root{--font-item-weight-heading: 400;--font-item-weight-txt: 300;--color-bg: #0047AB;--color-txt: white}.container{display:flex;width:100%;max-width:1200px;margin:40px auto;font-family:var(--font)}.left-side{width:50%;position:sticky;top:20px;display:flex;flex-direction:column;align-items:center}.left-side .bigImg{width:600px;height:400px;object-fit:contain;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-bottom:16px}.catalogue{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:#dacccc3b;padding:10px;border-radius:8px;gap:10px;overflow:hidden}.thumbnail-container{display:flex;gap:12px;overflow-x:auto;padding:5px 10px;justify-content:center;flex:1;scrollbar-width:none}.thumbnail-container::-webkit-scrollbar{display:none}.smallImage{width:80px;height:80px;object-fit:cover;border-radius:5px;cursor:pointer;transition:transform .3s ease,border .3s ease}.smallImage:hover{transform:scale(1.1);border:2px solid}.smallImage.active{transform:scale(1.1);border:2px solid #0047AB}.arrow{flex-shrink:0;font-size:20px;cursor:pointer;color:#777;padding:8px;transition:color .3s ease-in-out}.arrow:hover{color:#0047ab}.right-side{width:50%;padding-left:24px;max-height:80vh;overflow-y:scroll}.right-side::-webkit-scrollbar{display:none}.right-side h1{color:#0047ab;font-size:38px;font-weight:var(--font-item-weight-heading);margin-bottom:10px}.right-side p{font-size:24px;color:#0e62d7;font-weight:var(--font-item-weight-txt);margin-bottom:8px}.addToFav{padding:12px 24px;background-color:var(--color-bg);color:var(--color-txt);border:none;border-radius:30px;font-size:16px;font-weight:var(--font-item-weight-txt);cursor:pointer;margin-top:20px;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 10px #0047ab4d}.addToFav:hover{background-color:#003a91;transform:scale(1.05)}.skeleton{background:linear-gradient(-90deg,#f0f0f0,#e4e4e4,#f0f0f0);background-size:400% 400%;animation:pulse 1.2s ease-in-out infinite;border-radius:10px}@keyframes pulse{0%{background-position:100% 0}to{background-position:-100% 0}}.skeleton-img{width:600px;height:400px;margin-bottom:16px}.skeleton-line{height:24px;margin-bottom:12px;width:80%}.skeleton-title{width:60%;height:38px;margin-bottom:20px}@media (max-width: 1024px){.container{flex-direction:column;align-items:center;padding:0 16px}.left-side,.right-side{width:100%;max-width:100%;position:static}.left-side .bigImg{width:100%;max-width:500px;height:auto}.catalogue{flex-wrap:wrap;height:auto;padding:10px 5px;gap:10px}.smallImage{width:70px;height:70px}.right-side{padding-left:0;padding-top:20px;max-height:none;overflow-y:visible}.right-side h1{font-size:30px}.right-side p{font-size:20px}}@media (max-width: 768px){.smallImage{width:60px;height:60px}.arrow{font-size:18px;padding:6px}}@media (max-width: 480px){.left-side .bigImg{max-width:100%;max-height:280px}.smallImage{width:60px;height:60px}.right-side h1{font-size:24px}.right-side p{font-size:18px}.addToFav{width:100%;font-size:15px;padding:10px 16px}}.custom-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);max-width:90vw;width:fit-content;color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 10px #0003;z-index:9999;display:flex;align-items:center;gap:10px;animation:bounceIn .6s ease forwards;font-family:var(--font);font-weight:400;word-break:break-word;text-align:center}.custom-toast.success{background-color:#28a745}.custom-toast.error{background-color:#dc3545}.custom-toast.info{background-color:#f2c900}.custom-toast.fade-out{animation:bounceOut .5s ease forwards}@keyframes bounceIn{0%{transform:translate(-50%) translateY(-200%) scale(.3);opacity:0}60%{transform:translate(-50%) translateY(20px) scale(1.1);opacity:1}80%{transform:translate(-50%) translateY(-10px) scale(.95)}to{transform:translate(-50%) translateY(0) scale(1)}}@keyframes bounceOut{0%{transform:translate(-50%) translateY(0) scale(1);opacity:1}60%{transform:translate(-50%) translateY(20px) scale(1.1);opacity:1}to{transform:translate(-50%) translateY(-200%) scale(.3);opacity:0}}@media (max-width: 480px){.custom-toast{font-size:.9rem;padding:10px 16px}}:root{--font-weight-heading: 700;--font-weight-txt: 100;--font-weight-btn: 400;--color-bg: #0047AB;--color-txt: white}.slider{margin:20px auto;display:flex;justify-content:center;align-items:center;width:95%;height:500px;overflow:hidden}.slider img{width:100%;height:100%;object-fit:cover;transition:opacity 1s ease-in-out}.featured-items-text{display:flex;justify-content:center;margin:20px 0;text-align:center}.cards{overflow:hidden;width:100%;padding:20px;box-sizing:border-box;position:relative;object-fit:cover}.cards-wrapper{display:flex;width:100%;overflow:visible}.scroll-track{display:flex;animation:scroll 30s linear infinite}.card{flex:0 0 auto;width:250px;margin-right:20px;box-sizing:border-box}.btnContainer{text-align:center;margin-bottom:20px}.button{margin-bottom:20px;background-color:#0047ab;color:#fff;border:none;padding:12px 24px;font-size:1rem;font-weight:var(--font-weight-btn);font-family:var(--font);border-radius:20px;cursor:pointer;transition:background-color .4s ease,transform .3s ease;display:inline-block;text-decoration:none}.button:hover{background-color:#00358a;transform:scale(1.05)}.button:active{transform:scale(.98)}.value-section{display:flex;justify-content:center;flex-wrap:wrap;gap:30px;padding:40px 20px;margin-top:30px;text-align:center}.value-box{width:200px;padding:20px;border-radius:12px;background-color:#fff;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.value-box:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000026}.value-box p{margin-top:12px;font-family:var(--font);font-size:1rem;color:#333}.truck-drive{animation:driveAndReset 2.5s infinite ease-in-out;align-self:flex-start}@keyframes driveAndReset{0%{transform:translate(-80px);opacity:1}90%{transform:translate(80px);opacity:1}to{transform:translate(0);opacity:0}}.icon-container{perspective:800px}.flipHorizontal{animation:flipY 2s linear infinite}@keyframes flipY{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@media (max-width: 768px){.cards{gap:10px;padding:10px}.card{flex-basis:100%;max-width:100%}.slider{height:250px}}@media (max-width: 768px){.cards{gap:10px;padding:10px}.card{flex:0 0 50%;max-width:50%}}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}:root{--font-weight-heading-card: 400;--font-weight-txt-card: 300;--color-bg-card: #0047AB;--color-txt-card: white}.home-card{border:1px solid #ddd;border-radius:10px;width:250px;overflow:hidden;box-shadow:0 2px 8px #0000001a;background-color:#fff;margin:-10px 20px 5px;transition:transform .6s ease,box-shadow .6s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.home-card:hover{transform:scale(1.05);box-shadow:0 4px 16px #0003}.home-card-image{width:100%;height:250px;object-fit:contain}.home-card-info{padding:15px}.home-card-title{font-family:var(--font);font-weight:var(--font-weight-heading-card);font-size:1.5rem;margin-bottom:10px;color:#0047ab}.home-card-description{font-family:var(--font);font-weight:var(--font-weight-txt-card);font-size:1rem;color:#777}.products-card{border:1px solid #ddd;border-radius:10px;width:300px;height:500px;overflow:hidden;box-shadow:0 2px 8px #0000001a;background-color:#fff;margin:10px 20px;transition:transform .6s ease,box-shadow .6s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.products-card:hover{transform:translateY(-8px) scale(1.07);box-shadow:0 10px 25px #00000040;background-color:#fffffff2}.products-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#2a2a9200;transition:background-color .4s ease-in-out;z-index:-1}.products-card:hover:before{background:#c3c1c122}.products-card-image{width:80%;height:300px;object-fit:cover}.products-card-info{padding:15px}.products-card-title{font-family:var(--font);font-weight:var(--font-weight-heading-card);font-size:1.5rem;margin-bottom:10px;color:#0047ab}.products-card-description{font-family:var(--font);font-weight:var(--font-weight-txt-card);font-size:1rem;color:#777}.favorites-card{border:1px solid #ddd;border-radius:10px;width:250px;height:450px;overflow:visible;box-shadow:0 2px 8px #0000001a;background-color:#fff;margin:10px 20px;transition:transform .6s ease,box-shadow .6s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1}.favorites-card:hover{transform:translateY(-8px) scale(1.07);box-shadow:0 10px 25px #00000040;background-color:#fffffff2}.favorites-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#2a2a9200;transition:background-color .4s ease-in-out;z-index:-1}.favorites-card:hover:before{background:#c3c1c122}.favorites-card-image{width:80%;height:200px;object-fit:cover}.favorites-card-info{padding:15px}.favorites-card-title{font-family:var(--font);font-weight:var(--font-weight-heading-card);font-size:1.5rem;margin-bottom:10px;color:#0047ab}.favorites-card-description{font-family:var(--font);font-weight:var(--font-weight-txt-card);font-size:1rem;color:#777}.star-wrapper{position:absolute;bottom:15px;right:15px;width:24px;height:24px}.star.solid{color:#0047ab;display:block;transition:opacity .3s ease}.star.regular{color:#0047ab;display:none;transition:opacity .3s ease}.star-wrapper:hover .solid{display:none}.star-wrapper:hover .regular{display:block}.tooltip-text{visibility:hidden;background-color:#0047ab;color:#fff;text-align:center;padding:5px 8px;border-radius:5px;position:absolute;bottom:130%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s ease;white-space:nowrap;font-size:12px}.star-wrapper:hover .tooltip-text{visibility:visible;opacity:1}@media (max-width: 1024px){.home-card,.products-card,.favorites-card{width:300px;height:500px}.home-card-image,.products-card-image,.favorites-card-image{height:300px}.home-card-title,.products-card-title,.favorites-card-title{font-size:1.5rem}.home-card-description,.products-card-description,.favorites-card-description{font-size:1rem}}@media (max-width: 768px){.home-card,.products-card,.favorites-card{width:300px;height:500px;margin:10px}.home-card-image,.products-card-image,.favorites-card-image{height:300px}.home-card-title,.products-card-title,.favorites-card-title{font-size:1.5rem}.home-card-description,.products-card-description,.favorites-card-description{font-size:1rem}.star-wrapper{width:22px;height:22px;bottom:10px;right:10px}.tooltip-text{font-size:11px;padding:4px 6px}}@media (max-width: 480px){.home-card,.products-card,.favorites-card{width:300px;height:500px}.home-card-image,.products-card-image,.favorites-card-image{height:300px}.home-card-title,.products-card-title,.favorites-card-title{font-size:1.5rem}.home-card-description,.products-card-description,.favorites-card-description{font-size:1rem}.star-wrapper{width:20px;height:20px}}.skeleton-card{pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;height:450px;width:250px;border-radius:10px;box-shadow:0 2px 8px #0000001a;background-color:#fff;margin:10px 20px}.skeleton-box{width:80%;height:200px;margin-top:15px;border-radius:8px}.skeleton-line{height:16px;margin:10px 0;border-radius:4px}.skeleton-line.title{width:60%;height:20px}.skeleton-line.desc{width:80%}.skeleton-line.desc.short{width:40%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-box,.skeleton-line{background:linear-gradient(90deg,#eee 25%,#ddd,#eee 75%);background-size:200% 100%;animation:shimmer 1.2s infinite}@media (max-width: 1024px){.skeleton-card{width:200px;height:380px}.skeleton-box{height:180px}}@media (max-width: 768px){.skeleton-card{width:160px;height:340px}.skeleton-box{height:150px}}@media (max-width: 480px){.skeleton-card{width:140px;height:300px}.skeleton-box{height:130px}}.slider-container{display:flex;justify-content:center;margin-top:50px;position:relative;z-index:1}.slider{width:100%;border-radius:15px;overflow:hidden;position:relative;z-index:1}.slide-image{width:100%;border-radius:15px;transition:opacity .5s ease;border:5px solid transparent}.slide-image.active{border-color:#a9a9a9}.pagination{display:flex;position:absolute}.pagination-dot{width:12px;height:12px;background-color:gray;margin:-5px 5px;border-radius:50%;cursor:pointer;opacity:.6;transition:opacity .3s ease}.pagination-dot.active{opacity:1;background-color:#0047ab}@media (max-width: 768px){.slide-image{height:auto;max-height:300px;object-fit:cover}}:root{--font-WH: "Quicksand", sans-serif}.wave-heading-container{display:flex;justify-content:center;width:100%;margin-bottom:20px;padding-top:15px}.wave-heading{cursor:pointer;font-family:var(--font-WH);font-weight:700;font-size:36px;letter-spacing:2px;text-transform:uppercase;text-align:center;color:var(--color-bg, #0047ab)}.wave-letter{display:inline-block}.wave-letter.animate{animation:wave .6s ease}@keyframes wave{0%{transform:translateY(0)}30%{transform:translateY(-8px)}60%{transform:translateY(4px)}to{transform:translateY(0)}}@media (max-width: 768px){.wave-heading{font-size:28px}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background-color:var;box-shadow:0 2px 5px #0000001a;min-height:80px}.logo{height:80px;border-radius:10px}.navbar-center{flex:2;display:flex;flex-direction:column;align-items:center;gap:15px;margin-left:200px}.search-section{display:flex;align-items:center;gap:15px}.search{cursor:pointer}.search-input{padding:10px 15px;font-size:16px;border:1px solid #ccc;border-radius:25px;width:300px;color:#0047ab}.search-input:focus{border-color:#0047ab;box-shadow:0 0 5px #0047ab66}.nav-links{display:flex;gap:20px;align-items:center}.nav-link{text-decoration:none;font-size:18px;position:relative;color:#0047ab;font-weight:400}.nav-link.active{font-weight:700;color:#0047ab}.nav-link:after{content:"";height:2px;width:0;background-color:#0047ab;position:absolute;bottom:-2px;left:0;transition:width .3s}.nav-link:hover:after,.nav-link.active:after{width:100%}.dropdown-menu{position:absolute;top:110%;left:50%;transform:translate(-50%);background:#fff;border:1px solid #ddd;box-shadow:0 4px 6px #0000001a;padding:10px;border-radius:5px;width:250px;z-index:30;width:fit-content}.dropdown-menu ul{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;list-style:none;margin:0;padding:0;font-weight:400}.dropdown-menu li a{text-decoration:none;font-size:16px;color:#0047ab;padding:8px 14px;margin:6px;border:1px solid #0047ab;border-radius:8px;display:inline-block;transition:background-color .3s ease,color .3s ease}.dropdown-menu li a:hover{background-color:#0047ab;color:#fff}.active-category-link{background-color:#0047ab;color:#fff!important;border-color:#fff}.sidebar-submenu{list-style:none;padding-left:10px;margin-top:5px;display:flex;flex-direction:column;gap:10px}.sidebar-submenu li a{text-decoration:none;font-size:16px;color:#0047ab;padding:8px 12px;border-radius:6px;transition:background-color .2s ease,color .2s ease}.sidebar-submenu li a:hover{background-color:#0047ab;color:#fff}.navbar-right{flex:1;display:flex;justify-content:flex-end;gap:20px}.favourites-icon,.profile-icon{cursor:pointer}@media (max-width: 1025px){.navbar{flex-direction:column;padding:15px}.navbar-left,.navbar-center,.navbar-right{display:none}.navbar-mobile{display:flex;justify-content:space-between;align-items:center;width:100%}.mobile-search-section{width:100%;padding:15px 0;display:none;justify-content:center;animation:slideDown .3s ease forwards}.mobile-search-section.visible{display:flex}.mobile-search-section .search-input{width:90%;max-width:400px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hamburger-nav{cursor:pointer}.center-logo .logo{height:80px}.sidebar-backdrop{position:fixed;top:0;left:0;height:100vh;width:100vw;background-color:#0006;z-index:99}.sidebar-menu{position:fixed;top:0;left:0;width:270px;height:100vh;background-color:#fff;padding:20px;z-index:100;box-shadow:2px 0 10px #0003;animation:slideIn .3s ease forwards}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.close-btn{font-size:28px;background:none;border:none;cursor:pointer;float:right}.sidebar-list{list-style:none;padding:0;margin-top:40px;display:flex;flex-direction:column;gap:18px}.sidebar-list li{font-size:18px;color:#0047ab;cursor:pointer}.sidebar-submenu{list-style:none;padding-left:20px;display:none;margin-top:5px}.sidebar-categories:hover .sidebar-submenu{display:block}.sidebar-submenu li{font-size:16px;margin-top:5px}.search-icon{cursor:pointer}}@media (max-width: 480px){.center-logo .logo{height:60px}}:root{--font-weight-heading-foot: 550;--font-weight-txt-foot: 400;--color-bg: #0047AB;--color-txt: white}.footer{display:flex;justify-content:space-between;align-items:flex-start;background-color:var(--color-bg);padding:40px;font-family:var(--font);flex-wrap:wrap;margin-top:20px}.footer-section{flex:content;margin:0 50px}.footer-heading{font-family:var(--font);font-weight:var(--font-weight-heading-foot);font-size:1.5rem;margin-bottom:10px;color:var(--color-txt)}.footer-text{font-family:var(--font);font-weight:var(--font-weight-txt-foot);font-size:1rem;line-height:1.6;word-break:break-word;max-width:500px;color:var(--color-txt)}.footer-list{list-style:none;padding:0}.footer-list li{font-family:var(--font);font-weight:var(--font-weight-txt-foot);font-size:1rem;line-height:1.6;word-break:break-word;max-width:500px;color:var(--color-txt)}.footer-bottom{text-align:center;width:100%;padding-top:20px;border-top:1px solid rgba(255,255,255,.3);font-weight:var(--font-weight-txt-foot)}.footer-icon{margin-right:8px;color:#fff}.footer-link{color:#fff;text-decoration:none;transition:color .3s ease}.footer-link:hover{text-decoration:underline}.whatsapp-link:hover{color:#25d366}.instagram-link:hover{color:#e1306c}@media (max-width: 1024px){.footer{flex-direction:column;padding:20px;align-items:center}.footer-section{margin:20px 0}.footer-heading{font-size:1.25rem;text-align:center}.footer-text,.footer-list li{font-size:.9rem;max-width:100%}}@media (max-width: 768px){.footer{padding:10px}.footer-section{margin:10px 0}.footer-heading{font-size:1.2rem;text-align:center}.footer-text,.footer-list li{font-size:.8rem;max-width:100%}.footer-bottom{font-size:.8rem}}@media (max-width: 480px){.footer{padding:10px}.footer-heading{font-size:1rem;text-align:center}.footer-text,.footer-list li{font-size:.75rem;max-width:100%}.footer-bottom{font-size:.75rem}}.products-home-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;max-width:1500px;margin:0 auto}.products-wrapper{margin:0 200px}.sort-wrapper{width:100%;max-width:1500px;display:flex;justify-content:center;align-items:center}.allProducts-pagination{width:100%;display:flex;justify-content:center;align-items:end;margin-top:20px;gap:8px}.allProducts-pagination button,.allProducts-pagination span{background-color:transparent;border:1px solid #ffffff00;padding:8px 12px;border-radius:5px;cursor:pointer;font-size:14px;transition:all .3s ease-in-out}.allProducts-pagination button:hover,.allProducts-pagination button:focus{background-color:#77777724}.sort-selector{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;font-family:Quicksand,sans-serif}.sort-selector label{font-weight:600;color:#0047ab;font-size:1rem;white-space:nowrap}.sort-selector select{padding:8px 14px;border-radius:6px;border:1px solid #ccc;font-size:1rem;font-family:Poppins,sans-serif;background-color:#fff;color:#0047ab;transition:all .3s ease;cursor:pointer;max-width:100%}.sort-selector select:focus{outline:none;border-color:#0047ab;box-shadow:0 0 0 3px #0047ab33}.sort-selector select:hover{background-color:#f3f7ff}@media (max-width: 600px){.sort-selector{flex-direction:column;align-items:flex-start}.sort-selector label{font-size:.95rem}.sort-selector select{font-size:.95rem;width:100%;padding:8px 12px}}.signup-container{display:flex;justify-content:center;align-items:center;margin:50px 0;padding:20px}.signup-form{width:100%;max-width:400px;padding:20px}.input-group{margin-bottom:18px}.signup-button{background-color:var(--color-bg);color:var(--color-txt);font-family:var(--font-text);padding:12px 20px;font-size:16px;border:none;border-radius:20px;cursor:pointer;width:auto;transition:background-color .3s ease;margin-bottom:10px}.signup-button:hover{background-color:#00358a;transform:scale(1.05)}.error-message{color:red;font-size:14px;margin-bottom:15px;text-align:center}@media (max-width: 768px){.signup-container{margin:40px 10px;padding:15px}.signup-form{padding:15px}.input-group input{font-size:15px;padding:10px}.signup-button{width:100%;font-size:15px}.links{flex-direction:column;align-items:center;gap:8px;font-size:14px}.links a{text-align:center}}@media (max-width: 480px){.input-group input,.signup-button{font-size:14px;padding:10px}.error-message,.links{font-size:13px}}:root{--font-weight-heading-otp: 600;--font-weight-txt-otp: 400;--color-bg: #0047AB;--color-txt: white}.otp-container{display:flex;justify-content:center;align-items:center;margin:50px 0;padding:20px}.otp-form{width:100%;max-width:400px;padding:20px}.otp-heading{font-family:var(--font);font-weight:var(--font-weight-heading-otp);font-size:36px;text-align:center;color:var(--color-bg);margin-bottom:20px}.otp-subtitle{font-family:var(--font);font-size:16px;text-align:center;color:#555;margin-bottom:20px}.input-group input{width:100%;font-family:var(--font);padding:12px;font-size:16px;border:1px solid #ddd;border-radius:20px;background-color:#f9f9f9;text-align:center;letter-spacing:4px;transition:border-color .3s ease}.actions{display:flex;flex-direction:column;align-items:center;gap:10px}.otp-button,.resend-button{width:auto;padding:12px 20px;font-family:var(--font);font-size:16px;border-radius:20px;cursor:pointer;transition:transform .2s ease,background-color .3s ease}.otp-button{background-color:var(--color-bg);color:var(--color-txt);border:none}.otp-button:hover{background-color:#00358a;transform:scale(1.05)}.otp-button:disabled{background-color:#a0aec0;cursor:not-allowed}.resend-button{background-color:#edf2f7;color:#4a5568;border:none}.resend-button:hover:not(.disabled){background-color:#e2e8f0;transform:scale(1.05)}.resend-button.disabled{background-color:#edf2f7;color:#a0aec0;cursor:not-allowed}.back-link{text-align:center;margin-top:20px}.back-link a{color:var(--color-bg);font-family:var(--font);font-size:14px;text-decoration:none}.back-link a:hover{text-decoration:underline}.toast{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:4px;z-index:1000;max-width:350px;box-shadow:0 3px 8px #00000026;animation:fadeIn .3s ease-out}.toast.info{background-color:#ebf8ff;color:#2b6cb0;border-left:4px solid #4299e1}.toast.success{background-color:#f0fff4;color:#276749;border-left:4px solid #48bb78}.toast.error{background-color:#fff5f5;color:#c53030;border-left:4px solid #f56565}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.otp-form{padding:15px}.otp-heading{font-size:28px}.otp-subtitle{font-size:14px}.input-group input{padding:10px;font-size:14px;letter-spacing:3px}.otp-button,.resend-button{padding:10px 16px;font-size:14px}.back-link a{font-size:13px}}@media (max-width: 480px){.otp-container{margin:30px 0;padding:15px}.otp-heading{font-size:24px}.otp-subtitle{font-size:13px}.otp-button,.resend-button{width:100%;text-align:center}}:root{--font-heading: "Poppins", sans-serif;--font-weight-heading: 600;--font-weight-label: 400;--font-weight-txt: 100;--font-text: "Poppins", sans-serif;--color-bg: #0047AB;--color-txt: white}.signin-container{display:flex;justify-content:center;align-items:center;margin:50px 0;padding:20px}.signin-form{width:100%;max-width:400px;padding:20px}.signin-heading{font-family:var(--font-heading);font-weight:var(--font-weight-heading);font-size:36px;text-align:center;color:var(--color-bg);margin-bottom:20px}.input-group{margin-bottom:20px}.input-group label{font-family:var(--font-heading);font-weight:var(--font-weight-label);font-size:16px;color:var(--color-bg);display:block;margin-bottom:8px}.input-group input{width:100%;font-family:var(--font-text);padding:12px;font-size:16px;border:1px solid #ddd;border-radius:20px;background-color:#f9f9f9;margin-top:5px}.input-group input:focus{outline:none;border-color:var(--color-bg);background-color:#fff}.actions{display:flex;flex-direction:column;align-items:center}.signin-button{background-color:var(--color-bg);color:var(--color-txt);font-family:var(--font-text);padding:12px 20px;font-size:16px;border:none;border-radius:20px;cursor:pointer;width:auto;transition:background-color .3s ease;margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:8px}.signin-button:hover{background-color:#00358a;transform:scale(1.05)}.signin-button:disabled{opacity:.6;cursor:not-allowed}.error-message{color:red;font-size:14px;margin-bottom:20px;text-align:center}.links{display:flex;justify-content:space-between;width:100%;font-family:var(--font-text)}.links a{font-size:14px;color:var(--color-bg);text-decoration:none}.links a:hover{text-decoration:underline}.spinner{width:16px;height:16px;border:2px solid white;border-top:2px solid #0047AB;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.signin-container{margin:40px 10px;padding:15px}.signin-form{padding:15px}.signin-heading{font-size:28px}.input-group label{font-size:15px}.input-group input{font-size:15px;padding:10px}.signin-button{width:100%;font-size:15px}.links{flex-direction:column;align-items:center;gap:8px;font-size:14px}.links a{text-align:center}}@media (max-width: 480px){.signin-heading{font-size:24px}.input-group label{font-size:14px}.input-group input{font-size:14px;padding:10px}.signin-button{padding:10px;font-size:14px}.error-message,.links{font-size:13px}}.profile-container{max-width:1200px;margin:40px auto;padding:30px;background-color:#fdfdfd;border-radius:12px;box-shadow:0 4px 12px #0000001a;font-family:var(--font)}.section{margin-bottom:30px}.section h3{color:#1b5bb6;margin-bottom:15px;border-bottom:2px solid #dcdbdb;padding-bottom:5px}.tab{flex:1;padding:12px 0;background:none;border:none;font-family:var(--font);text-align:center;cursor:pointer;font-size:large;color:#555;transition:color .2s}.tab.active{color:var(--color-primary);border-bottom:3px solid var(--color-primary);font-weight:550}.info-grid-fav{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:0 auto 32px;max-width:1000px}.info-card-fav{background:var(--color-light);border-radius:8px;padding:32px;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}.info-card-fav:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.info-card-fav h3{margin-top:0;font-family:var(--font);color:var(--color-primary);margin-bottom:12px;font-weight:550;font-size:1.5rem}.info-card-fav .row{display:flex;justify-content:space-between;align-items:center;margin:20px 0;gap:20px}.info-card-fav .row label{flex-shrink:0;font-weight:500;color:#000;width:30%}.info-card-fav .row span,.info-card-fav .row input{flex:1;overflow-wrap:break-word;word-break:break-word;text-align:left}.row{display:flex;justify-content:space-between;align-items:center;margin:8px 0}.row label{font-weight:550;color:#000;width:40%}.row span{color:#222;width:60%;text-align:right}.row input{width:60%;padding:6px 10px;border:1px solid #ccc;border-radius:6px}.button-group{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;font-family:var(--font)}.edit-button,.save-button,.logout-button{flex:1;padding:12px;font-size:15px;font-weight:600;border-radius:8px;cursor:pointer;transition:background-color .3s ease;border:none}.order-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:fadeIn .25s ease-out}.order-modal{background:#fff;border-radius:16px;width:90%;max-width:600px;box-shadow:0 8px 24px #0003;display:flex;flex-direction:column;overflow:hidden;transform:translateY(40px);animation:slideUp .3s ease-out forwards}.modal-header{background:var(--color-primary);color:#fff;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.header-text{font-weight:500}.modal-items{list-style:none;grid-column:1 / -1;margin:10px;background-color:#0047ab;padding:15px;border-radius:8px}.modal-items li{padding:8px;border-radius:8px;background:#f9f9f9;margin:8px 0}.modal-footer .close-footer{background:var(--color-primary);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 1024px){.info-grid-fav,.modal-body{grid-template-columns:1fr}.button-group{flex-direction:column;align-items:stretch}.edit-button,.save-button,.logout-button{width:100%}}@media (max-width: 768px){.profile-container{margin:30px 10px;padding:20px}.info-card-fav{padding:20px}.tabs{flex-direction:column;gap:10px}.tab{font-size:16px;padding:10px}.order-card,.modal-items{padding:12px}.modal-items li{font-size:14px}.modal-footer .close-footer{width:100%;padding:12px}}@media (max-width: 480px){.info-card-fav h3{font-size:1.25rem}.info-card-fav .row{flex-direction:column;align-items:flex-start;gap:6px}.info-card-fav .row label,.info-card-fav .row span,.info-card-fav .row input{width:100%;text-align:left}.order-header{flex-direction:column;align-items:flex-start;gap:4px}.modal-body,.modal-footer{padding:16px}.modal-footer .close-footer{font-size:14px}}:root{--font-weight-heading: 600;--font-weight-button: 400;--font-weight-txt: 100;--color-bg: #0047AB;--color-txt: white}.favorites-page{display:flex;flex-direction:column;align-items:center;padding:0 20px}.favorites-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;width:100%;max-width:1500px}.controls-bar{width:30%;max-width:1500px;display:flex;justify-content:space-between;align-items:center}.cart-btn{background:var(--color-txt);color:var(--color-bg);padding:10px 20px;border-color:gray;border-radius:10px;cursor:pointer;font-weight:var(--font-weight-button);font-family:var(--font);margin-bottom:1.5rem;border:1px solid #ccc}.cart-btn:hover{background-color:#0047ab0a}.empty-favorites{display:flex;flex-direction:column;align-items:center;margin:60px 0}.empty-favorites img{width:140px;height:auto;opacity:.6}.empty-favorites p{margin-top:24px;font-size:1.2rem}.empty-favorites a{color:var(--color-bg);text-decoration:none;font-weight:600}.allProducts-pagination{width:100%;display:flex;justify-content:center;align-items:center;margin:20px 0;gap:8px}.allProducts-pagination button,.allProducts-pagination span{background-color:transparent;border:1px solid transparent;padding:8px 12px;border-radius:5px;cursor:pointer;font-size:14px;transition:all .3s ease-in-out}.allProducts-pagination button:hover,.allProducts-pagination button:focus{background-color:#0000001a}.allProducts-pagination button.active{background-color:#fff;color:#000;font-weight:lighter;border:1px solid #777}.allProducts-pagination button:disabled{opacity:.5;cursor:not-allowed}.allProducts-pagination .dots{color:#777;padding:0 5px;font-size:16px}.cart-sidebar{position:fixed;top:0;right:0;width:350px;height:100vh;background:#fff;padding:20px 20px 100px;box-shadow:-5px 0 15px #0003;z-index:2000;display:flex;flex-direction:column;overflow:scroll;font-family:var(--font)}.close-btn-cart{align-self:flex-end;background:transparent;border:none;font-size:2rem;cursor:pointer;color:#000}.cart-items{flex:1;min-height:0;overflow-y:auto}.cart-item{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.cart-item-info{flex:1;display:flex;flex-direction:column}.item-total{min-width:50px;text-align:right}.cart-item img{width:60px;height:60px;object-fit:cover;border-radius:5px}.quantity-controls{display:flex;gap:5px;align-items:center}.quantity-controls button,.plus-btn{padding:5px 10px;background:var(--color-bg);color:#fff;border:none;border-radius:5px;cursor:pointer}.plus-btn.disabled{opacity:.5;cursor:not-allowed}.cart-total{font-weight:700;font-size:1.2rem;margin-top:10px;border-top:1px solid #ddd;padding-top:10px}.checkout-btn{bottom:20px;width:100%;background:var(--color-bg);color:#fff;border:none;padding:12px 0;border-radius:8px;font-size:1rem;cursor:pointer;margin-top:10px;margin-bottom:30px}@media (max-width: 1024px){.favorites-page{padding:0 15px}.favorites-grid{gap:20px}.controls-bar{width:100%;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:20px}.cart-btn{width:100%;text-align:center;padding:10px}}@media (max-width: 768px){.cart-btn{font-size:.95rem;padding:8px 12px}.favorites-grid{gap:15px}.controls-bar{gap:8px}.cart-sidebar{width:100%;padding:15px 15px 80px}.cart-item img{width:50px;height:50px}.cart-total{font-size:1rem}.checkout-btn{font-size:.95rem;padding:10px 0}}@media (max-width: 480px){.cart-btn{font-size:.9rem;padding:6px 10px}.controls-bar{gap:6px}.favorites-grid{gap:10px}.cart-sidebar{padding:10px}.cart-item img{width:45px;height:45px}.checkout-btn{padding:8px 0;font-size:.9rem}}:root{--color-bg: #0047AB;--color-txt: white}.wave-heading{font-size:36px;white-space:nowrap}.forgot-password-page{display:flex;justify-content:center;align-items:center;margin:50px 0;padding:20px}.forgot-password-box{width:100%;max-width:400px;padding:30px;background-color:#fff;border-radius:20px}.forgot-password-box input{width:100%;font-family:var(--font);padding:12px;font-size:16px;border:1px solid #ddd;border-radius:20px;background-color:#f9f9f9;margin-bottom:20px}.forgot-password-box input:focus{outline:none;border-color:var(--color-bg);background-color:#fff}.forgot-password-box button{background-color:var(--color-bg);color:var(--color-txt);font-family:var(--font);padding:12px 20px;font-size:16px;border:none;border-radius:20px;cursor:pointer;width:100%;transition:background-color .3s ease,transform .2s ease}.forgot-password-box button:hover{background-color:#00358a;transform:scale(1.05)}@media (max-width: 768px){.forgot-password-page{padding:15px;margin:40px 0}.forgot-password-box{padding:25px}.forgot-password-box input,.forgot-password-box button{font-size:15px;padding:10px}.wave-heading{font-size:32px;white-space:normal}}@media (max-width: 480px){.forgot-password-page{padding:10px;margin:30px 0}.forgot-password-box{padding:20px;border-radius:15px}.forgot-password-box input,.forgot-password-box button{font-size:14px;padding:8px 12px}.wave-heading{font-size:28px}}:root{--font-weight-heading-conf: 600;--font-weight-button-conf: 500;--font-weight-txt-conf: 400;--color-bg: #0047AB;--color-txt: white}.confirm-page{padding:20px;font-family:var(--font);color:#000}.confirm-page h1{text-align:center;margin-bottom:20px;font-family:var(--font);font-weight:var(--font-weight-text-conf)}.confirm-container{display:flex;gap:40px;max-width:1200px;margin:0 auto;flex-wrap:wrap}.order-info{flex:1;min-width:280px;border:none}.order-info h2{margin-top:20px;margin-bottom:8px;font-size:1.1rem;border-bottom:1px solid #ddd;padding-bottom:4px;font-family:var(--font);font-weight:var(--font-weight-button-conf)}.order-info input{width:100%;padding:8px;margin:8px 0;border:1px solid #ccc;border-radius:4px;font-size:.95rem;box-sizing:border-box;font-family:var(--font);font-weight:var(--font-weight-txt-conf)}.payment-options{display:flex;gap:12px;margin:8px 0}.payment-option{position:relative;padding:8px 16px;border:2px solid var(--color-bg);border-radius:24px;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:var(--font-weight-button-conf);transition:background .2s,color .2s;color:var(--color-bg);display:inline-flex;align-items:center;font-family:var(--font)}.payment-option input{position:absolute;opacity:0;pointer-events:none}.payment-option:has(input:checked){background:var(--color-bg);color:var(--color-txt)}.payment-option:hover{background:var(--color-bg);color:var(--color-txt)}.shipping-options{display:flex;gap:16px;margin:16px 0 32px}.shipping-option{flex:1 1 calc(50% - 8px);display:flex;border:1px solid #ddd;border-radius:8px;background-color:#fff;cursor:pointer;transition:border-color .2s}.option-left{flex:0 0 48px;display:flex;align-items:center;justify-content:center;border-right:1px solid #eee;background:#f9f9f9}.option-left input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid var(--color-bg);border-radius:50%;position:relative;cursor:pointer;transition:border-color .2s}.option-left input[type=radio]:after{content:"";position:absolute;top:4px;left:4px;width:8px;height:8px;border-radius:50%;background:transparent;transition:background .2s}.option-right{flex:1;display:flex;justify-content:space-between;align-items:center;padding:12px 16px}.option-content{display:flex;flex-direction:column}.option-title{font-size:1rem;font-weight:var(--font-weight-text-conf);color:#333;margin-bottom:4px;font-family:var(--font)}.option-desc{font-size:.875rem;color:#555;font-family:var(--font)}.option-price{font-weight:var(--font-weight-button-conf);color:#333;font-family:var(--font)}.shipping-option:hover{border-color:var(--color-bg)}.shipping-option:has(input[type=radio]:checked){border-color:var(--color-bg);background-color:var(--color-bg)}.shipping-option:has(input[type=radio]:checked) .option-left input[type=radio]{border-color:var(--color-bg)}.shipping-option:has(input[type=radio]:checked) .option-left input[type=radio]:after{background:var(--color-bg)}.shipping-option:has(input[type=radio]:checked) .option-title,.shipping-option:has(input[type=radio]:checked) .option-desc,.shipping-option:has(input[type=radio]:checked) .option-price{color:var(--color-txt)}.order-info input:disabled,.order-info textarea:disabled,.order-info .payment-option:has(input:disabled){background:#f5f5f5}.order-info input[type=radio]:disabled{pointer-events:none}.order-summary{flex:1.2;min-width:300px;display:flex;flex-direction:column;background-color:#fff;padding:10px}.order-summary h2{margin-bottom:12px;font-size:1.1rem;border-bottom:1px solid #ddd;padding-bottom:4px;font-family:var(--font);font-weight:var(--font-weight-button-conf)}.items-list{flex:1;overflow-y:auto;max-height:400px;margin-bottom:20px}.summary-item{display:flex;gap:15px;padding:10px 0;border-bottom:1px solid #eee}.summary-item img{width:60px;height:60px;object-fit:cover;border-radius:4px}.item-details{flex:1;display:flex;flex-direction:column;justify-content:center}.item-name{font-weight:var(--font-weight-button-conf);margin-bottom:4px;font-family:var(--font)}.item-desc{font-size:.9rem;color:#555;margin-bottom:6px;font-family:var(--font)}.item-total{font-weight:var(--font-weight-heading-conf);margin-top:6px;align-self:flex-end;font-family:var(--font)}.summary-footer{border-top:1px solid #e5e5e5;padding-top:16px;margin-top:16px}.summary-line{display:flex;justify-content:space-between;align-items:center;padding:8px 0;margin:0}.summary-label{font-size:14px;color:#666;margin:0}.summary-amount{font-size:14px;font-weight:500;color:#333;margin:0}.total-line{border-top:1px solid #e5e5e5;padding-top:12px;margin-top:8px}.total-label{font-size:18px;font-weight:600;color:#333;margin:0}.total-amount{font-size:18px;font-weight:700;color:var(--color-bg);margin:0}.button-group{display:flex;gap:16px;margin-top:20px}.place-order-btn,.whatsapp-btn,.return-home-btn{flex:1;padding:12px;font-size:1rem;font-weight:600;border:none;cursor:pointer;border-radius:24px;box-shadow:0 0 #0000;transition:box-shadow .2s,opacity .2s}.place-order-btn{background:var(--color-bg);color:var(--color-txt)}.whatsapp-btn{background:#25d366;color:var(--color-txt)}.return-home-btn{background-color:#6495ed;color:var(--color-txt)}.place-order-btn:hover,.whatsapp-btn:hover,.return-home-btn:hover{box-shadow:0 4px 12px #0000001a}.place-order-btn:disabled,.whatsapp-btn:disabled{opacity:.5;cursor:not-allowed;background-color:#333}@media (max-width: 992px){.confirm-container{flex-direction:column;gap:24px;padding:0 16px}.order-info,.order-summary{min-width:100%;width:100%}.order-summary{padding:10px 0}.items-list{max-height:none;overflow-y:visible}.summary-item{flex-direction:row;align-items:flex-start}.summary-item img{width:50px;height:50px}.button-group{flex-direction:column;gap:12px}.place-order-btn,.whatsapp-btn,.return-home-btn{width:100%}}@media (max-width: 480px){.confirm-page h1{font-size:1.5rem}.order-info h2,.order-summary h2{font-size:1rem}.option-title{font-size:.95rem}.option-desc{font-size:.8rem}.option-price{font-size:.95rem}.payment-option{font-size:.95rem;padding:6px 12px}.shipping-option{flex-direction:column;gap:8px}.option-left{border-right:none;border-bottom:1px solid #eee;padding:8px;width:100%;justify-content:flex-start}.option-right{flex-direction:column;align-items:flex-start;gap:4px;padding:8px 12px}.summary-label,.summary-amount{font-size:13px}.total-label,.total-amount{font-size:1rem}.button-group{margin-top:16px}}:root{--color-primary: #0047AB;--color-light: #FDFDFD;--shadow-sm: 0 2px 6px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1)}.profile-container{max-width:1000px;margin:40px auto;padding:30px;background-color:var(--color-light);border-radius:12px;box-shadow:var(--shadow-md);font-family:var(--font)}.tabs{display:flex;border-bottom:2px solid #eee;margin-bottom:24px}.tab{flex:1;padding:12px 0;background:none;border:none;font-family:var(--font);font-weight:400;text-align:center;cursor:pointer;font-size:large;color:#555;transition:color .2s}.tab.active{color:var(--color-primary);border-bottom:3px solid var(--color-primary);font-weight:500}.items-management{display:flex;min-height:400px}.sidebar{width:200px;border-right:1px solid rgba(0,0,0,.1);padding-right:16px}.sidebar .action{display:block;width:100%;background:none;border:none;padding:10px 8px;margin-bottom:8px;text-align:left;font-size:1rem;color:#555;cursor:pointer;border-radius:4px;transition:background .2s}.sidebar .action:hover{background:#00000008}.sidebar .action.active{color:var(--color-primary);font-weight:500}.content{flex:1;padding-left:24px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}.info-card{background:var(--color-light);border-radius:8px;padding:24px;box-shadow:var(--shadow-sm);margin:0}.item-image{width:100%;height:auto;border-radius:4px;margin-bottom:16px;object-fit:cover}.row{display:flex;justify-content:space-between;align-items:center;margin:12px 0}.row label{width:40%;font-weight:500;color:#000}.row span,.row input{width:60%;text-align:left}.row input{padding:6px 10px;border:1px solid #ccc;border-radius:6px}.row select{width:60%;padding:6px 10px;border:1px solid #ccc;border-radius:6px;background-color:var(--color-light);font-family:var(--font);font-size:1rem;color:#222;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.row select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0047ab33}.row select option[value=""][disabled]{color:#888}.button-group{display:flex;gap:10px;margin-top:20px;font-family:var(--font)}.edit-button,.save-button,.logout-button{flex:1;padding:12px;font-size:15px;font-weight:400;border-radius:8px;border:none;cursor:pointer}.edit-button{background-color:#005fc4;color:#fff}.save-button{background-color:#28a745;color:#fff}.logout-button{background-color:#d9534f;color:#fff}.edit-button:hover{background-color:#0047ab}.logout-button:hover{background-color:#c9302c}.featured-checkbox{display:flex;align-items:center;gap:8px;font-weight:400;cursor:pointer}.upload-section{margin-top:1rem}.upload-section label{display:block;margin-bottom:8px}.upload-section input[type=file]{padding:6px;font-size:14px;border-radius:4px;border:1px solid #ccc}.preview-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.preview-grid img{width:100px;height:100px;object-fit:cover;border-radius:8px;border:1px solid #ddd;box-shadow:1px 1px 4px #0000000d;transition:transform .2s ease}.preview-grid img:hover{transform:scale(1.05)}.preview-grid video{width:200px;height:auto;border-radius:8px;margin-top:10px;border:1px solid #ccc;box-shadow:1px 1px 5px #0000001a}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:24px;margin-bottom:40px}.order-card{background:var(--color-light);border-radius:8px;padding:16px;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s;cursor:pointer}.order-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.order-header{display:flex;justify-content:space-between;font-family:var(--font);font-weight:500;margin-bottom:8px}.order-date{font-size:.9rem;color:#666;margin-bottom:12px}.status-badge{padding:4px 8px;border-radius:4px;font-size:.85em;text-align:center}.status-Pending{background:var(--color-pending)}.status-Processing{background:var(--color-processing)}.status-Shipped{background:var(--color-shipped)}.status-Completed{background:var(--color-completed)}.status-Canceled{background:var(--color-canceled)}.order-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.order-modal{background:#fff;border-radius:16px;width:90%;max-width:600px;box-shadow:0 8px 24px #0003;display:flex;flex-direction:column;overflow:hidden}.modal-body{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.info-container{margin:20px}.modal-body h5{grid-column:1 / -1}.modal-items{list-style:none;grid-column:1 / -1;margin:10px;background:var(--color-primary);padding:15px;border-radius:8px}.modal-items li{padding:8px;background:#f9f9f9;border-radius:4px;margin:8px 0}.close-footer{background:var(--color-primary);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer}.order-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000}.order-modal{background:var(--color-light);border-radius:12px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-md);animation:slideUp .3s ease-out forwards}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{background:var(--color-primary);color:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.close-btn{background:transparent;border:none;font-size:1.5rem;color:#fff;cursor:pointer}.modal-body{padding:24px;font-family:var(--font);color:#333;line-height:1.4}.modal-body .detail-row{display:flex;margin-bottom:12px}.modal-body .detail-row label{width:35%;font-weight:600;color:#000}.modal-body .detail-row span{width:65%;text-align:right}.notes-section{width:90%;margin:10px auto 20px;padding:16px;background-color:#f9f9f9;border-left:4px solid var(--color-primary);font-family:var(--font);color:#333}.notes-section label{font-weight:600;display:block;margin-bottom:8px;color:#000}.notes-section p{margin:0;white-space:pre-wrap;word-break:break-word}.items-table{width:100%;border-collapse:collapse;margin:20px 0}.items-table thead{background:#f1f1f1}.items-table th,.items-table td{padding:12px 8px;border-bottom:1px solid #ddd;text-align:left}.items-table th{font-weight:600;color:var(--color-primary)}.items-table tbody tr:hover{background:#fafafa}.items-container{width:90%;margin:0 auto;padding-bottom:20px}.total-row{display:flex;justify-content:flex-end;margin-top:10px;font-weight:700;font-size:1rem;color:#000}.total-row label{margin-right:10px}.status-update-section{width:90%;margin:0 auto 20px;padding:16px;background-color:#f3f7ff;border-left:4px solid var(--color-primary);border-radius:8px;font-family:var(--font)}.status-update-section h5{margin-bottom:12px;font-size:1.1rem;color:var(--color-primary);font-weight:600}.status-update-controls{display:flex;gap:12px;align-items:center}.status-update-controls select{flex:1;padding:10px;border:1px solid #ccc;border-radius:6px;font-size:1rem;font-family:var(--font)}.status-update-controls button.save-button{flex-shrink:0;white-space:nowrap}.modal-footer{padding:16px 24px;border-top:1px solid #eee;text-align:right}.close-footer,.save-button{padding:10px 20px;font-weight:600;border:none;border-radius:6px;cursor:pointer}.save-button{background-color:#28a745;color:#fff;margin-right:8px}.save-button:hover{background-color:#218838}.close-footer{background-color:#ccc;color:#333}.close-footer:hover{background-color:#bbb}@media (max-width: 600px){.modal-body .detail-row{flex-direction:column;text-align:left}.modal-body .detail-row label,.modal-body .detail-row span{width:100%}.items-table th,.items-table td{padding:8px 4px}.status-update-controls{flex-direction:column;align-items:stretch}.status-update-controls select,.status-update-controls button{width:100%}}@media (max-width:500px){.row{flex-direction:column;text-align:left}.row label,.row span,.row input{width:100%;text-align:left}.info-grid{grid-template-columns:1fr}.button-group{flex-direction:column}.orders-grid{grid-template-columns:1fr}}@media (max-width: 768px){.info-grid{grid-template-columns:1fr}}:root{--font-weight-heading: 700;--font-weight-txt: 100;--color-bg: #0047AB;--color-txt: white}.category-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;max-width:1500px;margin:0 auto}.waveWrapper{width:100%;display:flex;justify-content:center}.sort-wrapper{width:100%;max-width:1500px;display:flex;justify-content:center;align-items:center;margin-bottom:20px}.category-pagination{width:100%;display:flex;justify-content:center;align-items:end;margin-top:20px;gap:8px}.category-pagination button,.category-pagination span{background-color:transparent;border:1px solid #ffffff00;padding:8px 12px;border-radius:5px;cursor:pointer;font-size:14px;transition:all .3s ease-in-out}.category-pagination button:hover,.category-pagination button:focus{background-color:#77777724}.category-pagination button.active{background-color:#fff;color:#000;font-weight:lighter;border:1px solid #777}.category-pagination button:disabled{opacity:.5;cursor:not-allowed}.category-pagination .dots{color:#777;padding:0 5px;font-size:16px}