:root{--gold:#c9a84c;--gold-light:#e0b86a;--black:#0d0d0d;--dark:#141414;--dark-2:#1e1e1e;--dark-3:#2a2a2a;--white:#f5f0e8;--muted:#888;--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"DM Sans", sans-serif;--navbar-h:68px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--dark);color:var(--white);font-family:var(--font-body);min-height:100vh}.navbar{z-index:1000;width:100%;height:var(--navbar-h);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d0d0de0;border-bottom:1px solid #c9a84c26;justify-content:space-between;align-items:center;padding:0 40px;display:flex;position:fixed;top:0;left:0}.logo{align-items:center;gap:10px;text-decoration:none;display:flex}.logo-img{object-fit:cover;border:1.5px solid var(--gold);border-radius:50%;width:36px;height:36px}.logo-name{font-family:var(--font-display);color:var(--white);font-size:22px;font-weight:600}.logo-name em{color:var(--gold);font-style:normal}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:#aaa;font-size:14px;text-decoration:none;transition:color .3s}.nav-links a:hover,.nav-links a.active{color:var(--gold)}.cart-btn{color:var(--white);cursor:pointer;background:0 0;border:1px solid #c9a84c4d;border-radius:50px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;text-decoration:none;display:flex}.cart-count{background:var(--gold);color:var(--black);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:flex}.menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.menu-toggle span{background:var(--white);border-radius:2px;width:22px;height:2px;transition:all .35s cubic-bezier(.4,0,.2,1);display:block}.page-hero{margin-top:var(--navbar-h);text-align:center;background:linear-gradient(#c9a84c0d,#0000);border-bottom:1px solid #c9a84c1a;padding:60px 20px 40px}.page-eyebrow{letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;font-size:11px}.page-title{font-family:var(--font-display);color:var(--white);font-size:52px;font-weight:600;line-height:1.1}.page-title em{color:var(--gold-light);font-style:italic}.wrapper{max-width:640px;margin:0 auto;padding:48px 20px 80px}.search-card{background:var(--dark-2);border:1px solid #c9a84c26;border-radius:20px;margin-bottom:32px;padding:32px 28px}.tab-switch{background:var(--dark);border:1px solid #c9a84c1a;border-radius:50px;margin-bottom:24px;padding:4px;display:flex}.tab-switch button{color:var(--muted);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:50px;flex:1;padding:10px;font-size:13px;font-weight:500;transition:all .3s}.tab-switch button.active{background:var(--gold);color:var(--black);font-weight:700}.input-group{gap:10px;display:flex}.input-group input{background:var(--dark);color:var(--white);font-family:var(--font-body);border:1px solid #ffffff14;border-radius:12px;outline:none;flex:1;padding:14px 18px;font-size:14px;transition:border-color .3s}.input-group input:focus{border-color:var(--gold)}.input-group input::placeholder{color:var(--muted)}.track-btn{background:var(--gold);color:var(--black);font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:none;border-radius:12px;padding:14px 24px;font-size:14px;font-weight:700;transition:all .3s}.track-btn:hover{background:var(--gold-light);transform:translateY(-1px)}.result-area{margin-top:8px}.error-msg{text-align:center;color:#e87878;background:#c94c4c14;border:1px solid #c94c4c33;border-radius:12px;margin-top:16px;padding:24px;font-size:14px}.order-card{background:var(--dark-2);border:1px solid #c9a84c26;border-radius:20px;margin-bottom:20px;overflow:hidden}.order-card-header{background:#c9a84c0d;border-bottom:1px solid #c9a84c1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:20px 24px;display:flex}.order-id{font-family:var(--font-display);color:var(--white);font-size:18px;font-weight:600}.status-badge{font-size:12px;font-weight:700;font-family:var(--font-body);border-radius:20px;padding:5px 14px}.status-pending{color:#f0a500;background:#f0a50026;border:1px solid #f0a5004d}.status-confirmed{color:#64b5f6;background:#2196f326;border:1px solid #2196f34d}.status-processing{color:#ce93d8;background:#9c27b026;border:1px solid #9c27b04d}.status-shipped{color:#ffb74d;background:#ff980026;border:1px solid #ff98004d}.status-delivered{color:#81c784;background:#4caf5026;border:1px solid #4caf504d}.status-cancelled{color:#e57373;background:#f4433626;border:1px solid #f443364d}.order-card-body{padding:20px 24px}.info-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 0;font-size:13px;display:flex}.info-row:last-child{border-bottom:none}.info-label{color:var(--muted);min-width:90px}.info-value{color:var(--white);text-align:right;flex:1}.info-value.gold{color:var(--gold);font-size:15px;font-weight:600}.progress-wrap{border-top:1px solid #ffffff0a;padding:24px}.progress-title{color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:20px;font-size:12px}.progress-steps{justify-content:space-between;align-items:flex-start;display:flex;position:relative}.progress-steps:before{content:"";background:var(--dark-3);z-index:0;height:2px;position:absolute;top:14px;left:14px;right:14px}.progress-line{background:var(--gold);z-index:1;height:2px;transition:width .5s;position:absolute;top:14px;left:14px}.step{z-index:2;flex-direction:column;flex:1;align-items:center;gap:8px;display:flex;position:relative}.step-dot{background:var(--dark-3);border:2px solid var(--dark-3);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;transition:all .3s;display:flex}.step.done .step-dot{background:var(--gold);border-color:var(--gold);color:var(--black)}.step.active .step-dot{border-color:var(--gold);color:var(--gold);background:0 0;box-shadow:0 0 12px #c9a84c66}.step-label{color:var(--muted);text-align:center;font-size:10px;line-height:1.3;font-family:var(--font-body)}.step.done .step-label,.step.active .step-label{color:var(--gold)}.items-wrap{border-top:1px solid #ffffff0a;padding:0 24px 20px}.items-title{color:var(--muted);letter-spacing:2px;text-transform:uppercase;padding:16px 0 12px;font-size:12px}.order-item{border-bottom:1px solid #ffffff0a;align-items:center;gap:12px;padding:10px 0;display:flex}.order-item:last-child{border-bottom:none}.order-item img{object-fit:cover;border:1px solid #c9a84c26;border-radius:8px;width:48px;height:48px}.order-item-info{flex:1}.order-item-info h5{color:var(--white);margin-bottom:3px;font-size:13px}.order-item-info span{color:var(--muted);font-size:11px}.order-item-price{color:var(--gold);font-size:13px;font-weight:600}.site-footer{text-align:center;color:var(--muted);border-top:1px solid #ffffff0d;padding:24px;font-size:13px}@media (max-width:768px){:root{--navbar-h:60px}.navbar{padding:0 20px}.nav-links{top:var(--navbar-h);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;z-index:999;background:#0d0d0dfa;border-bottom:1px solid #c9a84c26;flex-direction:column;align-items:flex-start;gap:0;padding:10px 0;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;left:0;right:0;transform:translateY(-120%)}.nav-links.open{opacity:1;pointer-events:all;transform:translateY(0)}.nav-links a{border-bottom:1px solid #ffffff0a;width:100%;padding:14px 24px;font-size:15px}.menu-toggle{display:flex}.menu-toggle.open span:first-child{transform:translateY(7px)rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.page-title{font-size:36px}.search-card{padding:20px 16px}.input-group{flex-direction:column}.track-btn{width:100%}.order-card-header{flex-direction:column;align-items:flex-start}.progress-steps{gap:4px}.step-label{font-size:9px}.mobile-bottom-nav{z-index:999;padding:8px 0 calc(8px + env(safe-area-inset-bottom));background:#141414;border-top:1px solid #c9a84c26;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000004d}.bottom-nav-item{color:#999;letter-spacing:.2px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-family:DM Sans,sans-serif;font-size:10.5px;font-weight:500;text-decoration:none;transition:color .2s;display:flex;position:relative}.bottom-nav-item.active{color:#c9a84c}.bottom-nav-item.active svg{filter:drop-shadow(0 0 6px #c9a84cb3);transition:transform .3s;transform:translateY(-2px)}.bottom-nav-item.active span:last-child{text-shadow:0 0 12px #c9a84c80;font-weight:700}.bottom-nav-item.active:before{content:"";background:#c9a84c;border-radius:3px;width:28px;height:3px;position:absolute;top:-8px;left:50%;transform:translate(-50%);box-shadow:0 0 10px 2px #c9a84ccc}.bottom-cart-count{color:#0d0d0d;background:#c9a84c;border-radius:50%;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 3px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-2px;right:calc(50% - 20px)}body{padding-bottom:64px}}@keyframes navDrop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.navbar{animation:.5s cubic-bezier(.4,0,.2,1) both navDrop}.page-eyebrow{opacity:0;animation:.5s .2s forwards fadeUp}.page-title{opacity:0;animation:.6s .32s forwards fadeUp}.search-card{opacity:0;animation:.6s .42s forwards fadeUp}.order-card{opacity:0;animation:.5s .1s forwards fadeUp}
