@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700&display=swap";.navbar{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:#f9f7f5f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border);z-index:1000;transition:all var(--transition-base)}.navbar-scrolled{background:#f9f7f5fa;box-shadow:0 1px 12px #0000000a}.navbar-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-lg);height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.navbar-logo{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.logo-img{height:56px;width:auto;object-fit:contain}.brand-name{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--primary);letter-spacing:-.3px}@media(max-width:768px){.brand-name{font-size:1.3rem}}.navbar-nav{display:flex;align-items:center;gap:2rem}.nav-link{font-weight:500;font-size:.9rem;color:var(--gray-500);transition:color var(--transition-fast);position:relative;padding:var(--space-xs) 0}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--accent);transition:width var(--transition-base)}.nav-link:hover{color:var(--primary)}.nav-link:hover:after{width:100%}.navbar-search{flex:1;max-width:500px;position:relative;margin:0 var(--space-xl)}.navbar-search input{width:100%;padding:10px 18px 10px 44px;background:var(--secondary);border:1px solid var(--card-border);border-radius:var(--radius-full);font-size:.9rem;color:var(--gray-800);transition:all var(--transition-base)}.navbar-search input::placeholder{color:var(--muted-foreground)}.navbar-search input:focus{background:var(--white);border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #721d2e14}.navbar-search .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--muted-foreground);font-size:1.1rem}.navbar-actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.action-btn{display:flex;align-items:center;gap:var(--space-xs);padding:8px;font-size:1.35rem;color:var(--gray-500);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative}.action-btn:hover{color:var(--primary)}.cart-badge{position:absolute;top:0;right:0;min-width:18px;height:18px;background:var(--accent);color:var(--accent-foreground);font-size:.65rem;font-weight:700;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.login-btn span{font-size:.9rem;font-weight:500}.user-menu-wrapper{position:relative}.user-btn .chevron{font-size:.9rem;transition:transform var(--transition-fast)}.user-btn .chevron.open{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:230px;background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-elegant);padding:var(--space-sm);animation:fadeIn var(--transition-fast);border:1px solid var(--card-border)}.user-info{padding:var(--space-sm) var(--space-md)}.user-name{font-weight:600;color:var(--gray-800);font-size:.95rem}.user-email{font-size:.8rem;color:var(--muted-foreground)}.dropdown-divider{height:1px;background:var(--card-border);margin:var(--space-xs) 0}.dropdown-item{display:block;padding:10px 14px;font-size:.9rem;color:var(--gray-600);border-radius:var(--radius-md);transition:background var(--transition-fast)}.dropdown-item:hover{background:var(--muted);color:var(--primary)}.logout-btn{color:var(--error);width:100%;text-align:left}.logout-btn:hover{background:#ef43430f}.mobile-menu-btn{display:none;font-size:1.5rem;padding:var(--space-sm);color:var(--gray-700)}.mobile-menu{display:none;position:fixed;top:var(--header-height);left:0;right:0;background:var(--cream);padding:var(--space-lg);box-shadow:var(--shadow-lg);border-bottom:1px solid var(--card-border);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-base);max-height:calc(100vh - var(--header-height));overflow-y:auto}.mobile-menu.open{transform:translateY(0);opacity:1;visibility:visible}.mobile-search{display:flex;align-items:center;gap:var(--space-sm);padding:10px 14px;background:var(--secondary);border-radius:var(--radius-md);margin-bottom:var(--space-lg);border:1px solid var(--card-border)}.mobile-search:focus-within{border-color:var(--primary);background:var(--white)}.mobile-search input{flex:1;border:none;background:none;outline:none;font-size:.95rem;color:var(--gray-800)}.mobile-nav{display:flex;flex-direction:column;gap:var(--space-xs)}.mobile-nav-link{padding:12px 14px;font-weight:500;color:var(--gray-600);border-radius:var(--radius-md);transition:background var(--transition-fast);font-size:1rem}.mobile-nav-link:hover{background:var(--muted);color:var(--primary)}.mobile-auth{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--card-border)}.mobile-user-info{padding:0 var(--space-sm);margin-bottom:var(--space-sm)}@media(max-width:1024px){.navbar-nav,.navbar-search{display:none}.mobile-menu-btn{display:flex}.mobile-menu{display:block}.login-btn span{display:none}}@media(max-width:480px){.navbar-container{padding:0 var(--space-md)}.logo-img{height:40px}.navbar-actions{gap:2px}.action-btn{width:44px;height:44px;padding:0;display:none;align-items:center;justify-content:center;font-size:1.3rem;border-radius:50%}.action-btn:active{background-color:var(--muted)}.mobile-menu-btn{display:flex;margin-left:auto}}.footer{background:var(--gray-800);color:#f6f4ee80;padding:var(--space-3xl) 0 var(--space-lg);margin-top:var(--space-3xl)}.footer-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-lg)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--space-2xl);padding-bottom:var(--space-2xl);border-bottom:1px solid hsla(40,30%,95%,.08)}.footer-logo{font-family:var(--font-display);font-size:1.75rem;color:var(--primary-foreground);margin-bottom:var(--space-md)}.footer-tagline{font-size:.9rem;line-height:1.7;color:#f6f4ee99;margin-bottom:var(--space-lg)}.footer-social{display:flex;gap:var(--space-sm)}.social-link{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid hsla(40,30%,95%,.12);border-radius:var(--radius-md);font-size:1rem;color:#f6f4ee80;transition:all var(--transition-base)}.social-link:hover{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground);transform:translateY(-2px)}.footer-section h4{font-family:var(--font-primary);font-size:.8rem;font-weight:600;color:#f6f4eecc;margin-bottom:var(--space-lg);text-transform:uppercase;letter-spacing:.08em}.footer-section ul{display:flex;flex-direction:column;gap:10px}.footer-section li a{font-size:.88rem;color:#f6f4ee80;transition:color var(--transition-fast)}.footer-section li a:hover{color:var(--primary-foreground)}.contact-list li{display:flex;align-items:center;gap:var(--space-sm);font-size:.88rem;color:#f6f4ee80}.contact-list li svg{color:var(--accent);font-size:.95rem}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-lg);font-size:.82rem;color:#f6f4ee59}.footer-links{display:flex;gap:var(--space-lg)}.footer-links a{color:#f6f4ee59;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--primary-foreground)}@media(max-width:1024px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.footer-grid{grid-template-columns:1fr;gap:var(--space-xl)}.footer-bottom{flex-direction:column;gap:var(--space-md);text-align:center}}.bottom-nav{display:none}@media(max-width:768px){.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(64px + env(safe-area-inset-bottom));background:#f9f7f5f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 -1px 12px #0000000a;border-top:1px solid var(--card-border);z-index:1000;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;color:var(--muted-foreground);text-decoration:none;transition:all .2s ease;gap:3px}.bottom-nav-item.active{color:var(--primary)}.nav-icon{font-size:1.3rem;transition:transform .2s}.bottom-nav-item.active .nav-icon{transform:translateY(-2px)}.bottom-nav-item span{font-size:.65rem;font-weight:500;letter-spacing:.02em}.icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.bottom-cart-badge{position:absolute;top:-5px;right:-8px;background:var(--accent);color:var(--accent-foreground);font-size:.6rem;font-weight:700;min-width:16px;height:16px;border-radius:99px;display:flex;align-items:center;justify-content:center}}.main-content{padding-top:var(--header-height);min-height:calc(100vh - var(--header-height))}@media(max-width:768px){.main-content{padding-top:calc(var(--header-height) + var(--space-sm));padding-bottom:calc(80px + env(safe-area-inset-bottom))}}.app{width:100%;min-height:100vh;display:flex;flex-direction:column}:root{--primary: hsl(348, 60%, 28%);--primary-dark: hsl(348, 70%, 18%);--primary-light: hsl(348, 45%, 40%);--primary-foreground: hsl(40, 30%, 95%);--secondary: hsl(30, 20%, 93%);--secondary-foreground: hsl(348, 30%, 18%);--accent: hsl(40, 65%, 50%);--accent-foreground: hsl(348, 30%, 12%);--gold: hsl(40, 65%, 50%);--gold-light: hsl(40, 60%, 70%);--gold-dark: hsl(40, 70%, 35%);--cream: hsl(30, 25%, 97%);--cream-dark: hsl(30, 20%, 90%);--success: #27AE60;--error: hsl(0, 84%, 60%);--warning: hsl(40, 65%, 50%);--white: #FFFFFF;--black: #000000;--gray-50: hsl(30, 15%, 98%);--gray-100: hsl(30, 12%, 95%);--gray-200: hsl(30, 10%, 90%);--gray-300: hsl(30, 8%, 82%);--gray-400: hsl(348, 8%, 60%);--gray-500: hsl(348, 10%, 45%);--gray-600: hsl(348, 15%, 35%);--gray-700: hsl(348, 20%, 25%);--gray-800: hsl(348, 30%, 12%);--gray-900: hsl(348, 30%, 8%);--card-bg: hsl(30, 20%, 99%);--card-border: hsl(30, 15%, 88%);--muted: hsl(30, 15%, 94%);--muted-foreground: hsl(348, 10%, 45%);--shadow-gold: 0 4px 20px -4px hsla(40, 65%, 50%, .3);--shadow-elegant: 0 10px 40px -10px hsla(348, 60%, 28%, .15);--font-primary: "DM Sans", sans-serif;--font-display: "Playfair Display", serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--shadow-xl: 0 16px 40px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--container-max: 1280px;--header-height: 70px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:16px;line-height:1.6;color:var(--gray-800);background:var(--cream);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit;border:none;background:none}img{max-width:100%;display:block}ul,ol{list-style:none}input,textarea,select{font-family:inherit;font-size:inherit}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-md)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.3;color:var(--gray-900)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-weight:500;font-size:.95rem;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;border:none}.btn-primary{background:var(--primary);color:var(--primary-foreground);border:1px solid transparent}.btn-primary:hover{background:var(--primary-light);transform:translateY(-1px);box-shadow:var(--shadow-elegant)}.btn-secondary{background:var(--secondary);color:var(--secondary-foreground)}.btn-secondary:hover{background:var(--cream-dark);transform:translateY(-1px)}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-elegant)}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:1rem}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:.875rem}.input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--card-border);border-radius:var(--radius-md);font-size:1rem;background:var(--white);transition:all var(--transition-base)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #721d2e1a}.input-group{display:flex;flex-direction:column;gap:var(--space-xs)}.input-label{font-weight:500;font-size:.9rem;color:var(--gray-700)}.card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--card-border);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-elegant);transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);font-size:.75rem;font-weight:600;border-radius:var(--radius-full);text-transform:uppercase}.badge-primary{background:#721d2e1f;color:var(--primary)}.badge-success{background:#27ae601f;color:var(--success)}.badge-error{background:#ef43431f;color:var(--error)}.badge-gold{background:#d29b2d26;color:var(--gold-dark);border:1px solid hsla(40,65%,50%,.3)}.grid{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-4{grid-template-columns:repeat(3,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}h1{font-size:2rem}h2{font-size:1.5rem}}@media(max-width:480px){.grid-4{grid-template-columns:1fr}}.text-center{text-align:center}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-muted{color:var(--gray-500)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{flex-direction:column}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-fadeIn{animation:fadeIn var(--transition-base)}.animate-slideUp{animation:slideUp var(--transition-slow)}@keyframes goldShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gold-shimmer{background:linear-gradient(90deg,var(--gold-dark),var(--gold-light),var(--gold-dark));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:goldShimmer 3s ease infinite}.gradient-gold{background:linear-gradient(135deg,var(--gold-dark),var(--gold),var(--gold-light))}.gradient-maroon{background:linear-gradient(135deg,var(--primary-dark),var(--primary))}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.skeleton{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:skeleton 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#00000040}.spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner-small{display:inline-block;width:20px;height:20px;border:2px solid var(--gray-300);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}