@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap";:root{--logo-red-dark: #3B0616;--logo-red-base: #6D0E2C;--logo-red-glow: #B11D4B;--metallic-gold: linear-gradient(135deg, #C5A028 0%, #F9E29C 50%, #C5A028 100%);--metallic-silver: linear-gradient(135deg, #A8A9AD 0%, #D1D2D4 50%, #A8A9AD 100%);--satin-red-bg: radial-gradient(circle at center, var(--logo-red-glow) 0%, var(--logo-red-base) 40%, var(--logo-red-dark) 100%);--brand-burgundy: var(--logo-red-base);--brand-burgundy-dark: var(--logo-red-dark);--brand-burgundy-mid: #751331;--brand-gold: #C5A028;--brand-silver: #D1D2D4;--primary-color: var(--brand-burgundy);--accent-color: var(--brand-gold);--bg-main: #F7F3EB;--bg-dark: var(--brand-burgundy);--text-main: #1A1A1A;--text-light: #666666;--text-on-dark: var(--brand-silver);--font-serif: "Playfair Display", serif;--font-sans: "Inter", sans-serif;--bg-card: #FFFFFF;--border-color: #EEEEEE;--shadow-sm: 0 2px 8px rgba(0,0,0,.05);--shadow-md: 0 4px 16px rgba(0,0,0,.1)}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden;width:100%;position:relative}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit}.hide-scrollbar::-webkit-scrollbar{display:none}.section-heading-underlined{position:relative;display:inline-block;padding-bottom:12px}.section-heading-underlined:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background:var(--metallic-gold);border-radius:2px}.section-heading-underlined.left-aligned{display:block}.section-heading-underlined.left-aligned:after{left:0;transform:none}.app-container{width:100%;background-color:var(--bg-main);min-height:100vh;position:relative}.btn-primary{background-color:var(--brand-burgundy);color:#fff;padding:.7rem 2rem;font-size:.78rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;border:1.5px solid var(--brand-burgundy);cursor:pointer;transition:all .2s}.btn-primary:hover{background-color:var(--brand-gold);border-color:var(--brand-gold);color:#fff}.shimmer{position:relative;overflow:hidden;background-color:#f3f4f6}.shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{to{transform:translate(100%)}}.skeleton{background:#f3f4f6;border-radius:4px}.skeleton-text{height:12px;width:100%;margin-bottom:8px}.skeleton-img{width:100%;height:100%;aspect-ratio:1}.notification-container{position:fixed;top:20px;right:20px;z-index:10000;pointer-events:none;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.notification-card{background:#fff;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 10px 25px #00000026;display:flex;align-items:center;gap:12px;max-width:380px;width:auto;min-width:280px;text-align:left;animation:slideIn .3s cubic-bezier(.16,1,.3,1);border:1px solid #f3f4f6;position:relative;overflow:hidden;pointer-events:auto}.notification-card:not(.confirm):after{content:"";position:absolute;bottom:0;left:0;height:3px;width:100%;background:linear-gradient(to right,#6d0e2c,#907253);animation:progress 2s linear forwards}@keyframes progress{0%{width:100%}to{width:0%}}.notification-card.success .notification-icon{color:#059669}.notification-card.error .notification-icon{color:#dc2626}.notification-card.info .notification-icon{color:#3b82f6}.notification-card.confirm .notification-icon{color:#f59e0b}.notification-icon{display:flex;align-items:center}.notification-content p{font-size:.95rem;font-weight:600;color:#1f2937;margin:0;line-height:1.4}.notification-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s}.notification-close:hover{background:#f3f4f6;color:#111827}.notification-actions{display:flex;gap:1rem;margin-top:2rem;width:100%}.notif-btn{flex:1;padding:.8rem;border-radius:10px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s;border:none}.notif-btn.cancel{background:#f3f4f6;color:#4b5563}.notif-btn.confirm{background:#6d0e2c;color:#fff}.notif-btn:hover{transform:translateY(-2px);filter:brightness(.95)}@keyframes slideIn{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.tracking-toast-stack{position:fixed;bottom:2rem;right:2rem;z-index:99999;display:flex;flex-direction:column;gap:1rem;max-width:400px}.tracking-toast{display:flex;align-items:flex-start;gap:1rem;background:#1f2937;color:#fff;padding:1.2rem 1.5rem;border-radius:16px;box-shadow:0 20px 40px #0000004d;animation:toastSlideIn .4s cubic-bezier(.16,1,.3,1);border-left:4px solid #6d0e2c;position:relative}.tracking-toast.shipped{border-left-color:#3b82f6}.tracking-toast.delivered{border-left-color:#10b981}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.toast-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#d4af37}.tracking-toast.shipped .toast-icon{color:#60a5fa}.tracking-toast.delivered .toast-icon{color:#34d399}.toast-body{flex:1}.toast-brand{display:block;font-size:.65rem;font-weight:800;letter-spacing:2px;color:#9ca3af;margin-bottom:.35rem}.toast-body p{font-size:.9rem;line-height:1.4;margin:0;font-weight:500}.toast-close{background:none;border:none;color:#6b7280;cursor:pointer;flex-shrink:0;padding:0;transition:color .2s;margin-top:2px}.toast-close:hover{color:#fff}@media (max-width: 500px){.tracking-toast-stack{left:1rem;right:1rem;bottom:1rem}}
