:root{--primary-hue:210;--bg-color:hsl(var(--primary-hue), 20%, 96%);--surface-color:#f8f8ec;--glass-border:#ffffff80;--glass-shadow:0 8px 32px 0 #1f268726;--text-main:hsl(var(--primary-hue), 30%, 15%);--text-muted:hsl(var(--primary-hue), 20%, 40%);--accent-color:#58813e;--accent-hover:#698855;--vol-highlight:#fffc;--vol-shadow:#00000026;--border-glow:#ffffffe6;--glass-bg:#fff6;--radius-lg:24px;--radius-md:16px;--radius-sm:8px;--transition-fast:.2s ease;--transition-normal:.3s ease}@media (prefers-color-scheme:dark){:root{--bg-color:hsl(var(--primary-hue), 30%, 8%);--surface-color:#14141999;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #00000080;--text-main:hsl(var(--primary-hue), 20%, 95%);--text-muted:hsl(var(--primary-hue), 10%, 70%);--vol-highlight:#ffffff4d;--vol-shadow:#0006;--border-glow:#fffc;--glass-bg:#ffffff0d}}@font-face{font-family:New Gerbil;src:url(/assets/gerbil-DyTpqKo7.otf)format("opentype");font-weight:800;font-style:normal}@font-face{font-family:Dutch801 Extra Bold BT;src:url(/assets/dutcheb-9wK3Vaka.ttf)format("truetype");font-weight:700;font-style:normal}@font-face{font-family:SF Pro Display;src:url(/assets/SF-Pro-Display-Medium-BBxWjZ4E.otf)format("opentype");font-weight:500;font-style:normal}*{box-sizing:border-box;margin:0;padding:0}button,input,textarea,select{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:SF Pro Display,sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-main);min-height:100vh;transition:background-color var(--transition-normal);background-color:#f8f8ec;background-image:linear-gradient(135deg,#f8f8ec 0%,#e6e8df 100%);background-size:cover;background-attachment:fixed;margin:0;font-family:SF Pro Display,SF Pro Text,SF Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}@media (prefers-color-scheme:dark){body{background-color:var(--bg-color);background-image:linear-gradient(135deg,#0e141b 0%,#1f262e 100%)}}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(30px)saturate(160%);border-radius:var(--radius-lg);box-shadow:inset 0px 4px 6px var(--vol-highlight), inset 0px -4px 6px var(--vol-shadow), var(--glass-shadow);position:relative}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(160%);border-radius:var(--radius-md);box-shadow:inset 0px 2px 4px var(--vol-highlight), inset 0px -2px 4px var(--vol-shadow), var(--glass-shadow);transition:transform .4s cubic-bezier(.25,.8,.25,1),box-shadow .4s cubic-bezier(.25,.8,.25,1);position:relative}.glass-card:hover{box-shadow:inset 0px 2px 4px var(--vol-highlight), inset 0px -2px 4px var(--vol-shadow), 0 16px 48px 0 #0000002e, 0 6px 16px 0 #0000001a;transform:translateY(-4px)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;margin-bottom:.5em;font-family:Dutch801 Extra Bold BT,Dutch801 XBd BT,serif;font-weight:700;line-height:1.2}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.75rem}p{color:var(--text-muted);margin-bottom:1rem;line-height:1.6}a{color:var(--accent-color);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}.btn{letter-spacing:.03em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--radius-md);cursor:pointer;z-index:10;background:var(--glass-bg);-webkit-backdrop-filter:blur(30px)saturate(160%);box-shadow:inset 0px 4px 6px var(--vol-highlight), inset 0px -4px 6px var(--vol-shadow), inset 4px 0px 6px #ffffff1a, inset -4px 0px 6px #0000000d, 0px 10px 20px #0000001a;border:none;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:transform .6s cubic-bezier(.34,1.56,.64,1),box-shadow .6s,color .3s;display:inline-flex;position:relative}.btn:hover{color:#000}.btn:active{box-shadow:inset 0px 4px 6px var(--vol-highlight), inset 0px -4px 6px var(--vol-shadow), 0px 4px 10px #00000026;transform:scale(.96)}.btn:before,.glass-card:before,.glass-panel:before,.input-glass:before{content:"";border-radius:inherit;background:radial-gradient(180px circle at var(--mouse-x,50%) var(--mouse-y,50%), var(--border-glow), transparent 100%);-webkit-mask-composite:xor;pointer-events:none;opacity:var(--light-intensity,0);z-index:2;padding:1.5px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn:after{content:"";border-radius:inherit;background:radial-gradient(120px circle at var(--mouse-x,50%) var(--mouse-y,50%), #fff9, transparent 80%);opacity:0;mix-blend-mode:overlay;pointer-events:none;z-index:1;transition:opacity .2s;position:absolute;inset:0}.btn:active:after{opacity:1}.btn-primary{background-color:var(--accent-color);color:#fff}.btn-primary:hover{background-color:var(--accent-hover);box-shadow:0 6px 20px rgba(var(--accent-color), .23);transform:translateY(-2px)}.btn-glass{color:var(--text-main)}.container{max-width:1280px;margin:0 auto;padding:0 2rem}.grid{gap:2rem;display:grid}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.mt-8{margin-top:2rem}.mb-8{margin-bottom:2rem}.py-8{padding-top:2rem;padding-bottom:2rem}.p-8{padding:2rem}.input-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(15px);border:1px solid var(--glass-border);border-radius:var(--radius-sm);width:100%;color:var(--text-main);transition:all var(--transition-fast);padding:.75rem 1rem;font-family:inherit;font-size:1rem;position:relative}.input-glass:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color), .2);outline:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes catalogCardIn{0%{opacity:0;transform:translateY(24px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes categoryExpand{0%{opacity:0;max-height:50px;padding-top:0;padding-bottom:0;transform:translateY(-20px)scale(.98)}50%{opacity:1;transform:translateY(0)scale(1)}to{opacity:1;max-height:2500px;transform:translateY(0)scale(1)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.app-layout{flex-direction:column;min-height:100vh;display:flex}.main-content{flex-grow:1;padding:2rem 0}.navbar{z-index:100;background:var(--glass-bg);-webkit-backdrop-filter:blur(25px)saturate(150%);border-bottom:1px solid var(--glass-border);box-shadow:var(--glass-shadow);padding:1rem 0;position:sticky;top:0}.nav-links{gap:2rem;display:flex}.nav-links a{color:var(--text-main);padding:.5rem;font-weight:500;text-decoration:none;position:relative}.nav-links a:after{content:"";background-color:var(--accent-color);width:0;height:2px;transition:width var(--transition-fast);position:absolute;bottom:0;left:0}.nav-links a.active:after{width:100%}.cart-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#0000004d;position:fixed;inset:0}.cart-sidebar{z-index:1001;-webkit-backdrop-filter:blur(20px);border-radius:0;flex-direction:column;height:100vh;padding:2rem;transition:right .2s ease-out;display:flex;position:fixed;top:0;background:#f8f8ece6!important}@media (prefers-color-scheme:dark){.cart-sidebar{background:#0f0f14d9!important}}.cart-sidebar.open{right:0}@media (width<=500px){.cart-sidebar{width:100%;right:-100%}}.cart-title{font-family:New Gerbil}.cart-item-name{font-size:20px}.cart-total-label{font-family:New Gerbil}.cart-total-value{margin-bottom:auto;font-family:Dutch801 Extra Bold BT}.admin-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(10px);background:#0009;justify-content:center;align-items:center;width:100%;height:50%;margin-top:-300px;margin-left:-40px;display:flex;position:fixed}