@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:wght@600;700;800&display=swap");*{margin:0;padding:0;box-sizing:border-box}:root{--primary-hue:25;--primary-sat:95%;--primary-lightness:55%;--primary:hsl(var(--primary-hue),var(--primary-sat),var(--primary-lightness));--primary-dark:hsl(var(--primary-hue),var(--primary-sat),45%);--primary-light-shade:hsl(var(--primary-hue),var(--primary-sat),65%);--secondary:#b152e0;--secondary-dark:#9d26d9;--accent:#f0427c;--success:#2dd272;--warning:#f9c31f;--error:#e64d4d;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--radius-sm:0.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease}:root,[data-theme=dark]{--bg-primary:#111117;--bg-secondary:#1b1b22;--bg-tertiary:#25252d;--text-primary:#f2f2f2;--text-secondary:#b3b3b3;--text-muted:grey;--border-color:#393946;--border-light:#464653;--glass-bg:hsla(0,0%,100%,.05);--glass-border:hsla(0,0%,100%,.1);--glass-shadow:0 8px 32px rgba(0,0,0,.3);--shadow-sm:0 2px 8px rgba(0,0,0,.1);--shadow-md:0 4px 16px rgba(0,0,0,.15);--shadow-lg:0 8px 32px rgba(0,0,0,.2);--shadow-xl:0 16px 48px rgba(0,0,0,.25);--bg-gradient:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);--bg-pattern-1:rgba(255,100,50,.1);--bg-pattern-2:rgba(150,50,255,.1);--bg-pattern-3:rgba(50,150,255,.05)}[data-theme=light]{--bg-primary:#fafafa;--bg-secondary:#fff;--bg-tertiary:#f5f5f5;--text-primary:#21212c;--text-secondary:#505062;--text-muted:#878792;--border-color:#d5d5dd;--border-light:#e3e3e8;--glass-bg:hsla(0,0%,100%,.7);--glass-border:rgba(0,0,0,.1);--glass-shadow:0 8px 32px rgba(0,0,0,.1);--shadow-sm:0 2px 8px rgba(0,0,0,.05);--shadow-md:0 4px 16px rgba(0,0,0,.08);--shadow-lg:0 8px 32px rgba(0,0,0,.12);--shadow-xl:0 16px 48px rgba(0,0,0,.15);--bg-gradient:linear-gradient(135deg,#fff6f0,#fcf5ff);--bg-pattern-1:rgba(255,100,50,.08);--bg-pattern-2:rgba(150,50,255,.06);--bg-pattern-3:rgba(50,150,255,.04)}[data-theme=nature]{--bg-primary:#111714;--bg-secondary:#1b221f;--bg-tertiary:#252d29;--text-primary:#f5f3f0;--text-secondary:#c6c1b9;--text-muted:#928e87;--border-color:#394640;--border-light:#46534d;--primary:#f48c25;--primary-dark:#da730b;--secondary:#2eb85c;--secondary-dark:#248f47;--glass-bg:rgba(20,40,30,.6);--glass-border:rgba(100,200,150,.1);--glass-shadow:0 8px 32px rgba(0,10,5,.3);--shadow-sm:0 2px 8px rgba(0,20,10,.2);--shadow-md:0 4px 16px rgba(0,20,10,.3);--shadow-lg:0 8px 32px rgba(0,20,10,.4);--shadow-xl:0 16px 48px rgba(0,20,10,.5);--bg-gradient:linear-gradient(135deg,var(--bg-primary) 0%,#141f1b 100%);--bg-pattern-1:rgba(255,140,50,.1);--bg-pattern-2:rgba(50,255,100,.05);--bg-pattern-3:rgba(200,255,200,.03)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-gradient);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;transition:background var(--transition-slow),color var(--transition-base)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,var(--bg-pattern-1) 0,transparent 50%),radial-gradient(circle at 80% 80%,var(--bg-pattern-2) 0,transparent 50%),radial-gradient(circle at 40% 20%,var(--bg-pattern-3) 0,transparent 50%);pointer-events:none;z-index:-1;transition:opacity var(--transition-slow);display:none}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;font-weight:700;line-height:1.2;margin-bottom:var(--spacing-sm)}h1{font-size:clamp(2.5rem,5vw,4rem);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--glass-shadow);transition:all var(--transition-base)}.glass-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.4);border-color:hsla(0,0%,100%,.15)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:.875rem 1.75rem;font-size:1rem;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.2);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 16px rgba(255,100,50,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(255,100,50,.4)}.btn-secondary{background:linear-gradient(135deg,var(--secondary) 0,var(--secondary-dark) 100%);color:#fff;box-shadow:0 4px 16px rgba(150,50,255,.3)}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.btn-ghost{background:hsla(0,0%,100%,.05);color:var(--text-primary)}.btn-ghost:hover{background:hsla(0,0%,100%,.1)}.input{width:100%;padding:.875rem 1.25rem;font-size:1rem;background:hsla(0,0%,100%,.05);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-base)}.input:focus{outline:none;border-color:var(--primary);background:hsla(0,0%,100%,.08);box-shadow:0 0 0 3px rgba(255,100,50,.1)}.input::placeholder{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;padding:.375rem .875rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}.badge-success{background:rgba(50,200,100,.15);color:var(--success);border:1px solid rgba(50,200,100,.3)}.badge-warning{background:rgba(255,200,50,.15);color:var(--warning);border:1px solid rgba(255,200,50,.3)}.badge-error{background:rgba(255,80,80,.15);color:var(--error);border:1px solid rgba(255,80,80,.3)}.badge-primary{background:rgba(255,100,50,.15);color:var(--primary);border:1px solid rgba(255,100,50,.3)}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}.grid{display:grid;grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.fade-in{animation:fadeIn .6s ease-out}.slide-up{animation:slideUp .6s ease-out}.pulse{animation:pulse 2s ease-in-out infinite}.spinner{width:40px;height:40px;border:3px solid hsla(0,0%,100%,.1);border-top:3px solid var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slideUp .3s ease-out}.modal-header{border-bottom:1px solid var(--border-color)}.modal-body,.modal-footer,.modal-header{padding:var(--spacing-lg)}.modal-footer{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);justify-content:flex-end}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(15,15,20,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);padding:var(--spacing-md) 0}.navbar-content{display:flex;align-items:center;justify-content:space-between}.navbar-logo{font-family:Playfair Display,serif;font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none}.navbar-links{display:flex;gap:var(--spacing-lg);align-items:center}.navbar-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color var(--transition-fast);position:relative}.navbar-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary);transition:width var(--transition-base)}.navbar-link:hover{color:var(--text-primary)}.navbar-link:hover:after{width:100%}.navbar-link.active{color:var(--primary)}.cart-badge{position:relative}.cart-count{position:absolute;top:-8px;right:-8px;background:var(--accent);color:#fff;font-size:.75rem;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px;box-shadow:0 2px 8px rgba(255,50,100,.4)}@media (max-width:768px){.navbar-links{gap:var(--spacing-sm)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}h1{font-size:2.5rem}.btn{padding:.75rem 1.5rem;font-size:.9375rem}}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.theme-toggle{position:relative;width:50px;height:50px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.theme-toggle:hover{background:hsla(0,0%,100%,.1);border-color:var(--primary);transform:scale(1.05)}.theme-toggle svg{width:24px;height:24px;color:var(--text-primary);transition:all var(--transition-base)}.theme-toggle:hover svg{color:var(--primary);transform:rotate(20deg)}select.input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}select.input option{background:var(--bg-secondary);color:var(--text-primary);padding:.5rem}[data-theme=dark] select.input option{background:#1b1b22;color:#f2f2f2}[data-theme=light] select.input option{background:#fff;color:#21212c}[data-theme=nature] select.input option{background:#1b221f;color:#f5f3f0}textarea.input{resize:vertical;min-height:100px}@media print{.no-print{display:none!important}}