html,body{margin:0;padding:0;height:100%;width:100%;overflow-x:hidden;text-align:center}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f9fafb;color:#333}h1,h2,h3{color:#1f2937;margin-bottom:1rem;text-align:center}button{background-color:#2563eb;color:#fff;padding:.6rem 1.2rem;margin:.5rem;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:background-color .2s ease-in-out}button:hover{background-color:#1d4ed8}nav{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}nav a{color:inherit;text-decoration:none}nav a .material-symbols-outlined{margin-top:1rem;display:inline-block}nav a:visited{color:inherit}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;padding:1rem 2rem;justify-content:center}.product-card{border:1px solid #ddd;padding:1rem;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.product-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.product-card img{width:160px;height:160px;object-fit:contain;display:block;margin:0 auto 1rem;border-radius:8px}.cart{background-color:#fff;border:1px solid #d1d5db;padding:1.5rem;border-radius:12px;margin-top:2rem;box-shadow:0 2px 8px #0000000d;text-align:center}.cart ul{list-style:none;padding-left:0}.cart li{margin-bottom:.75rem}.cart-summary{margin:2rem;background-color:#fff;border:1px solid #d1d5db;border-radius:12px;padding:1rem 2rem;box-shadow:0 2px 8px #0000000d;text-align:center}.cart-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1rem}.cart-product-image{width:140px;height:140px;object-fit:contain;display:block;margin:0 auto 1rem;border-radius:8px}form{background-color:#fff;padding:1.5rem;border:1px solid #d1d5db;border-radius:12px;margin:2rem auto;box-shadow:0 2px 8px #0000000d;max-width:500px;text-align:center;box-sizing:border-box}form input{width:100%;padding:.75rem;margin:.5rem 0;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;box-sizing:border-box}.summary{margin:2.5rem auto 0;padding:1.5rem;background-color:#ecfdf5;border:1px solid #10b981;border-radius:12px;box-shadow:0 2px 8px #0000000d;text-align:center;max-width:600px}.summary h2{color:#047857}.footer{background-color:#2563eb;color:#f1f5f9;font-size:.9rem;padding:2rem 0;text-align:center;width:100vw;box-sizing:border-box;margin:0;border-top:1px solid #e5e7eb}.app-layout{display:flex;flex-direction:column;min-height:100vh;width:100%}.main-content{flex:1;width:100%}.nav-bar{position:relative;height:3rem;margin-bottom:1rem}.logout-button-container{position:absolute;right:2rem;top:50%;transform:translateY(-50%)}.logout-button{background:none;border:none;cursor:pointer;color:#111;display:flex;align-items:center}.navbar{position:relative;height:3rem;margin-bottom:1rem}.nav-icons{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:1rem;align-items:center}.logout-wrapper{position:absolute;right:2rem;transform:translateY(-50%)}.logout-button{background:none;border:none;cursor:pointer;color:#111;display:flex;align-items:center;outline:none}.order-history-item{border:1px solid #ddd;padding:1.5rem;border-radius:12px;background-color:#fff;box-shadow:0 2px 8px #0000000d;margin:2rem auto;text-align:center;max-width:800px;width:90%}.checkout-form{max-width:500px;margin:2rem auto;background-color:#fff;padding:1.5rem;border:1px solid #d1d5db;border-radius:12px;box-shadow:0 2px 8px #0000000d;box-sizing:border-box}.checkout-form h2{text-align:center;margin-bottom:1.5rem}.checkout-input{width:100%;padding:.75rem;margin-bottom:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;box-sizing:border-box}.checkout-input.error{border:2px solid #dc2626}.checkout-error{margin-top:1rem;padding:1rem;background-color:#fee2e2;color:#991b1b;border-radius:8px;font-weight:500;text-align:center}