:root{--gold: #C67B3A;--brown: #8B5E3C;--cream: #FEF9F2;--teal: #2E5C4E;--espresso: #3D2B1F}*{box-sizing:border-box}body{background-color:var(--cream);color:var(--espresso);font-family:Inter,sans-serif;margin:0}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;color:var(--espresso)}a{color:var(--teal);text-decoration:none}a:hover{color:var(--gold)}.btn-brand{background-color:var(--gold);border-color:var(--gold);color:#fff}.btn-brand:hover{background-color:#b06a2e;border-color:#b06a2e;color:#fff}.btn-outline-brand{border-color:var(--gold);color:var(--gold);background:transparent}.btn-outline-brand:hover{background-color:var(--gold);color:#fff}.btn-teal{background-color:var(--teal);border-color:var(--teal);color:#fff}.btn-teal:hover{background-color:#234a3f;border-color:#234a3f;color:#fff}.card{border:1px solid rgba(139,94,60,.15);border-radius:10px}.text-brand{color:var(--gold)}.text-brown{color:var(--brown)}.text-teal{color:var(--teal)}.bg-cream{background-color:var(--cream)}.spinner-container{display:flex;justify-content:center;align-items:center;min-height:200px}.btn{border-radius:8px;font-weight:600;transition:all .3s ease}.card{border-radius:12px;transition:transform .3s ease,box-shadow .3s ease}.spinner-border{display:inline-block;width:3rem;height:3rem;vertical-align:text-bottom;border:4px solid rgba(198,123,58,.15);border-right-color:var(--teal);border-top-color:var(--gold);border-radius:50%;animation:brandSpin .85s cubic-bezier(.5,.1,.5,.9) infinite;color:transparent!important}.spinner-border-sm{width:1.1rem;height:1.1rem;border-width:2px}@keyframes brandSpin{to{transform:rotate(360deg)}}.scroll-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}html{scrollbar-width:thin;scrollbar-color:var(--gold) var(--cream)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--cream)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--gold),var(--brown));border-radius:50px;border:2px solid var(--cream)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#b06a2e,var(--espresso))}::-webkit-scrollbar-corner{background:var(--cream)}.btn{transition:transform .15s ease,box-shadow .25s ease,background-color .3s ease,opacity .3s ease}.btn:active:not(:disabled){transform:scale(.96)}.btn-brand:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #c67b3a59}.btn-brand:active:not(:disabled){transform:scale(.96) translateY(0)}.btn-teal:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #2e5c4e4d}.btn-teal:active:not(:disabled){transform:scale(.96) translateY(0)}.btn-outline-brand:hover:not(:disabled),.btn-outline-danger:hover:not(:disabled){transform:translateY(-2px)}.btn-outline-brand:active:not(:disabled),.btn-outline-danger:active:not(:disabled){transform:scale(.96) translateY(0)}.btn:disabled{transform:none!important;cursor:not-allowed;opacity:.65}.cart-btn:active,.btn-logout:active,.qty-btn:active:not(:disabled),.remove-btn:active:not(:disabled),.hamburger:active{transform:scale(.88)}.empty-state{background:#fff;border-radius:16px;padding:4rem 2rem;max-width:500px;margin:0 auto;text-align:center;box-shadow:0 10px 30px #8b5e3c14}.empty-state-icon{font-size:3.5rem;color:var(--gold);opacity:.45;margin-bottom:1rem}.empty-state h4,.empty-state h5{font-family:Playfair Display,serif;color:var(--espresso);margin-bottom:.5rem}.empty-state p{color:var(--brown);margin-bottom:1.5rem}