:root{--background:#E8EFF4;--foreground:#17284D;--primary:#2C699A;--primary-dark:#17284D;--primary-light:#5096CE;--accent-red:#E16565;--accent-yellow:#FFD262;--text-dark:#17284D;--text-light:#2C699A;--blue:#2C699A;--dark-blue:#17284D;--light-blue:#5096CE;--red:#E16565;--yellow:#FFD262}body{background:var(--background);color:var(--foreground);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn-primary{background:var(--blue);color:white;font-weight:700;padding:.75rem 1.5rem;border-radius:.5rem;transition:all .3s;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.btn-primary:hover{background-color:#1d4ed8;transform:translateY(-.25rem);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.btn-secondary{background:var(--light-blue);color:white;font-weight:700;padding:.75rem 1.5rem;border-radius:.5rem;border:1px solid #2563eb;transition:all .3s;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.btn-secondary:hover{background-color:#2563eb;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.gradient-blue{background:linear-gradient(135deg,var(--dark-blue) 0,var(--blue) 100%)}.text-blue-primary{color:var(--blue)}.text-blue-dark{color:var(--dark-blue)}.text-blue-light{color:var(--light-blue)}.bg-blue-light{background:var(--light-blue)}.bg-blue-primary{background:var(--blue)}.bg-blue-dark{background:var(--dark-blue)}.text-accent-red{color:var(--red)}.text-accent-yellow{color:var(--yellow)}.bg-accent-red{background:var(--red)}.bg-accent-yellow{background:var(--yellow)}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}header.main-header a{color:var(--dark-blue);font-weight:800;font-size:14px;text-transform:uppercase;padding:33px 18px}header.main-header a.logo{background-color:var(--dark-blue);padding:12px 18px}header.main-header a.logo img{width:120px}header.main-header button{color:var(--dark-blue)}.w-100{width:100%}.mb-4{margin-bottom:1rem}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-xl{font-size:1.25rem}.text-lg{font-size:1.125rem}.text-gray-500{color:#6b7280}.text-blue-600{color:var(--blue)}.hidden{display:none}.icon-button{padding:.5rem;color:var(--dark-blue);transition:color .15s ease-in-out;background:transparent;border:none;cursor:pointer;display:flex;align-items:center}.icon-button:hover{color:var(--light-blue)}.sticky-header{position:sticky;top:0;z-index:1000;width:100%;background-color:white;box-shadow:0 2px 4px rgba(0,0,0,.1)}.mobile-top-bar{display:flex;justify-content:space-between;align-items:center;padding:0;background:#17284D;height:60px;position:relative;z-index:1001}.mobile-cart-btn,.mobile-menu-btn{width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.mobile-menu-btn{border-right:1px solid rgba(255,255,255,.1)}.mobile-cart-btn{border-left:1px solid rgba(255,255,255,.1)}.mobile-logo-center{flex-grow:1;display:flex;justify-content:center;align-items:center;height:100%}.mobile-logo-center img{height:40px;width:auto;max-width:150px}.hamburger-menu{position:relative}.hamburger-menu,.hamburger-menu:after,.hamburger-menu:before{width:24px;height:2px;background:white;transition:all .3s ease-in-out}.hamburger-menu:after,.hamburger-menu:before{content:"";position:absolute}.hamburger-menu:before{transform:translateY(-8px)}.hamburger-menu:after{transform:translateY(8px)}.hamburger-menu.animate{background:transparent}.hamburger-menu.animate:before{transform:rotate(45deg)}.hamburger-menu.animate:after{transform:rotate(-45deg)}.mobile-cart{display:none}.mobile-cart-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.mobile-cart-count{position:absolute;top:-8px;right:-10px;background:#5096CE;color:white;font-size:10px;padding:2px 4px;border-radius:5px;font-weight:700;min-width:15px;text-align:center}.the-mobile-menu{position:fixed;top:60px;left:0;width:100%;height:calc(100vh - 60px);background:white;transform:translateX(-100%);transition:transform .3s ease-in-out;z-index:999;display:flex;flex-direction:column;padding:2rem;overflow-y:auto}.the-mobile-menu.active{transform:translateX(0)}.the-mobile-menu a{padding:1rem 0;border-bottom:1px solid #eee;color:#333;font-weight:500;text-decoration:none}@media (min-width:1024px){.mobile-top-bar,.the-mobile-menu{display:none!important}}@media (max-width:1023px){.top-bar{display:none!important}}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:0;background:#fff;height:80px}.top-bar-left,.top-bar-right{flex:0 0 auto}.top-bar-right{padding-right:2rem}.top-bar .menu{display:flex;list-style:none;margin:0;padding:0;align-items:center;background:transparent}.top-bar .menu>li{display:inline-flex;align-items:center}.top-bar .menu>li.menu-text{background-color:#000}.top-bar .menu>li>a{display:block;padding:.7rem 1rem;color:#17284D;font-weight:600;font-size:.9rem;line-height:1;text-transform:uppercase}.top-bar .menu>li>a:hover{color:var(--blue)}.cart-overlay{position:fixed;background-color:rgba(0,0,0,.75);z-index:100;transition:opacity .3s ease-out}.cart-sidebar{position:fixed;right:0;top:0;height:100vh;width:100%;max-width:28rem;background-color:#17284D;box-shadow:-25px 0 50px -12px rgba(0,0,0,.25);display:flex;flex-direction:column;z-index:2;transition:transform .3s ease-out}.cart-sidebar-header{padding:0;display:flex;justify-content:flex-start;align-items:stretch;height:70px}.cart-tab-account{justify-content:center;background:white;color:#17284D;text-decoration:none;cursor:pointer}.cart-tab-account,.cart-tab-cart{flex:1;display:flex;align-items:center;font-weight:700;text-transform:uppercase;font-size:.9rem}.cart-tab-cart{justify-content:space-between;background:#17284D;color:white;position:relative;border-left:1px solid rgba(0,0,0,.05);margin-bottom:0}.cart-items-container{flex:1;overflow-y:auto;padding:1.5rem;color:white}.cart-item{display:flex;gap:1rem;padding:1.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.cart-item h4,.cart-item-details h4{color:white!important}.cart-item-image{width:4rem;height:4rem;background-color:white;border-radius:.5rem;overflow:hidden;flex-shrink:0}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-details{flex:1;min-width:0}.quantity-controls{display:flex;align-items:center;gap:.75rem;background-color:transparent;padding:.25rem 0;border-radius:.5rem;width:fit-content;color:white}.quantity-controls span{color:white!important}.qty-btn{width:2rem;height:2rem;border-radius:50%;background-color:transparent;border:1px solid white;color:white;display:flex;align-items:center;justify-content:center;cursor:pointer}.cart-footer{border-top:1px solid rgba(255,255,255,.1);padding:1.5rem;background-color:#0B162A;color:white;margin-left:-30px;margin-right:-30px;margin-bottom:-20px}.cart-footer .text-blue-600,.cart-footer .text-gray-900{color:white!important}.button.blue{background-color:#5096CE;color:white;border:none;border-radius:4px;padding:1rem;text-transform:uppercase;font-weight:700;cursor:pointer;width:100%;margin-top:1rem}.cart-modal-wrapper{position:fixed;inset:0;z-index:2000;overflow:hidden}.cart-overlay{position:absolute;inset:0;background-color:rgba(0,0,0,.5);z-index:1}.product-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:640px){.product-grid{grid-template-columns:repeat(2,1fr)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton-card{background-color:white;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);overflow:hidden}.skeleton-image{height:16rem;background-color:#e5e7eb}.skeleton-content{padding:1rem}.skeleton-title{margin-bottom:.5rem}.skeleton-text,.skeleton-title{height:1rem;background-color:#e5e7eb;border-radius:.25rem}.skeleton-text{width:66.666667%}.skeleton-button{margin-top:1rem;height:2.5rem;background-color:#e5e7eb;border-radius:.25rem}.alert-error{background-color:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:.75rem 1rem;border-radius:.375rem;position:relative}.font-bold{font-weight:700}.block{display:block}@media (min-width:640px){.sm\:inline{display:inline}}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.text-xs{font-size:.75rem}.quantity-button{width:3rem;height:3rem;border-radius:7px;background-color:#f3f4f6;border:2px solid #e5e7eb;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);cursor:pointer;color:inherit}.quantity-button:hover:not(:disabled){border-color:#3b82f6;background-color:#eff6ff;color:#2563eb}.quantity-button:disabled{opacity:.5;cursor:not-allowed}.quantity-button svg{width:1.25rem;height:1.25rem}.quantity-field-wrapper{padding:0 8px;text-align:center}