@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700;800&family=DM+Sans:wght@300;400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:DM Sans,sans-serif;background:#faf7f4;color:#1a1007;-webkit-font-smoothing:antialiased;overflow-x:hidden}.customer-layout{max-width:480px;margin:0 auto;padding-bottom:70px;min-height:100vh;position:relative}input,button,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:root{--bottom-nav-height: 64px;--color-primary: #6b3a1f;--color-secondary: #c8822b;--brown: #6b3a1f;--brown-dark: #4a2410;--brown-medium: #8b5a2b;--brown-light: #f5ede4;--brown-pale: #fdf8f4;--caramel: #c8822b;--cream: #f9f3eb;--espresso: #2c1a0e;--latte: #d4a76a;--foam: #fef9f3;--red: #ef4444;--bg: #faf7f4;--white: #ffffff;--border: #ede5dc;--text: #1a1007;--muted: #9b8878;--card-radius: 16px}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-thumb{background:var(--latte);border-radius:4px}*{-webkit-tap-highlight-color:transparent}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#ede5dc 25%,#f5ede4,#ede5dc 75%);background-size:400px 100%;animation:shimmer 1.3s infinite linear;border-radius:12px}.fade-up{animation:fadeSlideUp .35s cubic-bezier(.22,1,.36,1) both}.fade-up-1{animation-delay:.04s}.fade-up-2{animation-delay:.08s}.fade-up-3{animation-delay:.12s}.fade-up-4{animation-delay:.16s}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;z-index:300;background:#fff;border-top:1.5px solid var(--border);display:flex;height:var(--bottom-nav-height);box-shadow:0 -4px 20px #6b3a1f14}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;cursor:pointer;color:var(--muted);font-size:.58rem;font-weight:700;font-family:inherit;padding:5px 0;transition:color .2s;position:relative}.bottom-nav-item.active{color:var(--brown)}.bottom-nav-item.active:before{content:"";position:absolute;top:0;left:25%;right:25%;height:2.5px;background:var(--brown);border-radius:0 0 3px 3px}.h-scroll{display:flex;overflow-x:auto;gap:10px;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}.h-scroll::-webkit-scrollbar{display:none}.card{background:#fff;border-radius:var(--card-radius);overflow:hidden;transition:transform .15s}.card:active{transform:scale(.98)}@media (min-width: 480px){.customer-layout{box-shadow:0 0 60px #6b3a1f14;min-height:100vh}body{background:#f0e8df}}