.theme-toggle{background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;margin-right:.5rem;-webkit-tap-highlight-color:transparent}.theme-toggle-track{width:52px;height:28px;border-radius:var(--radius-full);background:var(--color-bg-glass);border:1px solid var(--color-border-glass);position:relative;transition:background .3s ease;display:flex;align-items:center;padding:0 4px}.theme-toggle-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-bg-secondary);box-shadow:0 2px 4px #0003;display:flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.4,0,.2,1);position:relative}.theme-toggle-icon{font-size:.75rem;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.theme-light .theme-toggle-thumb{transform:translate(0)}.theme-dark .theme-toggle-thumb{transform:translate(24px)}.theme-light .theme-toggle-track{background:#e5e7eb;border-color:#0000000d;box-shadow:inset 0 1px 3px #0000000d}.theme-light .theme-toggle-thumb{background:#fff;box-shadow:0 1px 3px #00000026,0 1px 2px #0000001a}.theme-dark .theme-toggle-track{background:#ffffff1a;border-color:#ffffff0d;box-shadow:inset 0 1px 3px #0003}.theme-dark .theme-toggle-thumb{background:#2d3748;box-shadow:0 1px 3px #0000004d,0 1px 2px #0003}.sun-icon{color:#f59e0b}.moon-icon{color:#fbbf24}.header{position:sticky;top:0;z-index:100;background:var(--color-bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-glass);transition:background-color var(--transition-normal),border-color var(--transition-normal)}:root.light .header{background:#faf7f2e0;box-shadow:0 4px 20px -4px #3c2d1e0a;border-bottom:1px solid rgba(60,45,30,.07)}.header-content{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--color-text);text-decoration:none;transition:transform var(--transition-fast)}.logo:hover{transform:scale(1.02)}.logo-image-circle{width:45px;height:45px;border-radius:50%;object-fit:cover;background:transparent;padding:0}.logo-text-container{display:flex;flex-direction:column;justify-content:center;line-height:1}.logo-text{font-size:1.15rem;font-weight:800;color:var(--color-primary);letter-spacing:0px;text-transform:uppercase}:root.light .logo-text{color:var(--color-text)}.logo-subtitle{font-size:.75rem;color:var(--color-primary);font-weight:700;letter-spacing:3.5px;text-transform:uppercase;opacity:.9;margin-top:2px}:root.light .logo-subtitle{color:var(--color-text-light)}.nav{display:flex;align-items:center;gap:var(--spacing-lg);background:#ffffff08;padding:.5rem 1rem;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.05)}:root.light .nav{background:transparent;border:none}.nav-link{font-weight:500;font-size:.95rem;color:var(--color-text-light);padding:.5rem 1rem;border-radius:var(--radius-full);transition:all var(--transition-fast)}:root.light .nav-link{color:#000;font-weight:600}.nav-link:hover{color:var(--color-text)}:root.light .nav-link:hover{color:var(--color-text);background:#00000008}.nav-link.highlight{color:var(--color-text);background:#ffffff1a}:root.light .nav-link.highlight{color:var(--color-primary);background:#10b9811a}.cart-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:.5rem 1rem;background:#f59e0b26;color:var(--color-primary);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);font-weight:600;text-decoration:none;transition:all var(--transition-fast)}.cart-button:hover{transform:translateY(-2px);background:#f59e0b40;border-color:#f59e0b80}:root.light .cart-button{background:#10b98126;color:var(--color-primary);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-full);padding:.5rem 1.25rem;box-shadow:none}:root.light .cart-button:hover{background:#10b98140;border-color:#10b98180;transform:translateY(-1px)}.cart-icon{font-size:1.25rem;display:flex;align-items:center}.header-cart-summary{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.cart-items-text{font-size:.75rem;color:inherit;opacity:.8;font-weight:500}.cart-total-text{font-size:.95rem;color:inherit;font-weight:800}.header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.hamburger-btn{display:none;flex-direction:column;justify-content:space-around;width:24px;height:24px;background:transparent;border:none;padding:0;z-index:110;cursor:pointer;margin-left:var(--spacing-sm)}.hamburger-btn span{width:24px;height:2px;background:var(--color-primary);border-radius:2px;transition:all .3s linear;position:relative;transform-origin:1px}.hamburger-btn.open span:first-child{transform:rotate(45deg)}.hamburger-btn.open span:nth-child(2){opacity:0}.hamburger-btn.open span:nth-child(3){transform:rotate(-45deg)}.nav-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;backdrop-filter:blur(2px);z-index:99;opacity:0;transition:opacity .3s ease;pointer-events:none}.nav-overlay.open{opacity:1;pointer-events:all}@media(min-width:768px){.cart-text{display:inline}}@media(max-width:768px){.header-content{justify-content:space-between}.hamburger-btn{display:flex}.nav-overlay{display:block}.nav{display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--color-bg);position:fixed;top:0;right:-100%;width:75%;max-width:300px;height:100vh;padding:2rem;transition:right .3s ease-in-out;z-index:100;box-shadow:-5px 0 20px #d4af374d;border-left:1px solid var(--color-primary)}:root.light .nav{background:var(--color-bg-secondary);border-left:2px solid var(--color-primary);box-shadow:-5px 0 20px #10b98133}.nav.open{right:0}.nav-link{font-size:1.25rem;padding:1rem;width:100%;text-align:center;border-bottom:1px solid rgba(255,255,255,.05);color:var(--color-primary);font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}.logo-text{font-size:1rem;display:block}.logo-subtitle{font-size:.6rem}.header-cart-summary{display:none}.cart-button,:root.light .cart-button{padding:8px;border-radius:50%;width:40px;height:40px;justify-content:center}}.footer{background-color:var(--color-bg);color:var(--color-text);padding:var(--spacing-2xl) 0 var(--spacing-lg);border-top:1px solid rgba(200,168,81,.1);margin-top:var(--spacing-2xl)}:root.light .footer{background-color:#f0eae1;border-top:1px solid rgba(60,45,30,.08)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.footer-brand h2{font-family:var(--font-display);font-size:1.5rem;font-weight:900;margin-bottom:var(--spacing-sm);letter-spacing:-.025em}.footer-description{color:var(--color-text-light);font-size:.875rem;line-height:1.6;margin-bottom:var(--spacing-lg);max-width:300px;text-align:justify}.footer-social{display:flex;gap:var(--spacing-md)}.social-link{width:40px;height:40px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:var(--color-text);text-decoration:none}:root.light .social-link{background:#0000000d}.social-link:hover{background:var(--color-primary);color:var(--color-bg)}:root.light .social-link:hover{background:var(--color-primary);color:#fff}.footer-column h4{color:var(--color-primary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-lg)}.footer-links{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-links a{color:var(--color-text-light);font-size:.875rem;transition:color .3s ease}.footer-links a:hover{color:var(--color-text)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}:root.light .footer-bottom{background-color:#f0eae1;border-top:1px solid rgba(60,45,30,.08)}.copyright{color:var(--color-text-light);font-size:.75rem;font-weight:500}@media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.footer{padding-top:var(--spacing-lg);margin-top:var(--spacing-lg)}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:center;text-align:center}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;border:none;outline:none;font-family:inherit}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}.btn-md{padding:var(--spacing-md) var(--spacing-lg);font-size:1rem}.btn-lg{padding:var(--spacing-lg) var(--spacing-xl);font-size:1.125rem}.btn-primary{background:var(--color-primary);color:var(--color-bg);font-weight:700;box-shadow:var(--shadow-sm);border:none}:root.light .btn-primary{color:#fff}:root:not(.light) .btn-primary{color:#000}.btn-primary:hover{filter:brightness(1.1);box-shadow:var(--shadow-md);transform:translateY(-2px) scale(1.02)}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text);border:2px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg);border-color:var(--color-primary);color:var(--color-primary)}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:var(--color-text-white)}.btn-danger{background:var(--color-error);color:var(--color-text-white)}.btn-danger:hover{background:#d32f2f}.btn-full{width:100%}.modal-backdrop{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background:var(--color-bg);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d;max-height:90vh;overflow-y:auto;animation:slideInUp .3s ease-out}.modal-sm{width:90%;max-width:400px}.modal-md{width:90%;max-width:600px}.modal-lg{width:90%;max-width:900px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl);border-bottom:2px solid var(--color-border)}.modal-title{font-size:1.5rem;font-weight:700;margin:0}.modal-close{width:32px;height:32px;border:none;background:var(--color-bg-secondary);border-radius:var(--radius-full);font-size:1.25rem;cursor:pointer;transition:all var(--transition-fast)}.modal-close:hover{background:var(--color-error);color:var(--color-text-white);transform:rotate(90deg)}.modal-body{padding:var(--spacing-xl)}@keyframes slideInUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}:root{--color-primary: #F59E0B;--color-primary-dark: #D97706;--color-primary-light: #FCD34D;--color-secondary: #000000;--color-accent: #EAB308;--color-bg: #141316;--color-bg-secondary: #1E1C22;--color-bg-dark: #0f0e11;--color-bg-glass: rgba(255, 255, 255, .05);--color-border-glass: rgba(255, 255, 255, .1);--color-text: #FFFFFF;--color-text-light: #9CA3AF;--color-text-white: #FFFFFF;--font-display: "Plus Jakarta Sans", sans-serif;--color-border: #2C2C2C;--color-shadow: rgba(0, 0, 0, .4);--color-success: #66BB6A;--color-error: #EF5350;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 var(--color-shadow);--shadow-md: 0 4px 6px -1px var(--color-shadow);--shadow-lg: 0 10px 15px -3px var(--color-shadow);--shadow-xl: 0 20px 25px -5px var(--color-shadow);--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out}:root.light{--color-primary: #059669;--color-primary-dark: #047857;--color-primary-light: #34D399;--color-secondary: #FFFFFF;--color-accent: #16A34A;--color-bg: #FAF7F2;--color-bg-secondary: #FFFFFF;--color-bg-dark: #F0EAE1;--color-bg-glass: rgba(250, 247, 242, .85);--color-border-glass: rgba(60, 45, 30, .08);--color-text: #18181B;--color-text-light: #52525B;--color-text-white: #FFFFFF;--color-border: #E8E3DA;--color-shadow: rgba(60, 45, 30, .06)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;background-color:var(--color-bg)}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--color-text);background-color:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color var(--transition-normal),color var(--transition-normal);position:relative}:root.light body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;background:radial-gradient(ellipse 65% 50% at 12% 28%,rgba(16,185,129,.18) 0%,rgba(5,150,105,.09) 38%,transparent 68%),radial-gradient(ellipse 50% 42% at 5% 78%,rgba(16,185,129,.15) 0%,transparent 60%),radial-gradient(ellipse 55% 45% at 88% 14%,rgba(245,158,11,.14) 0%,rgba(251,191,36,.06) 42%,transparent 65%),radial-gradient(ellipse 45% 45% at 85% 72%,rgba(16,185,129,.12) 0%,transparent 60%);animation:ambientWarmPulse 24s ease-in-out infinite alternate;will-change:transform}@keyframes ambientWarmPulse{0%{transform:scale(1) translate(0)}50%{transform:scale(1.05) translate(-15px,15px)}to{transform:scale(1.02) translate(12px,-12px)}}#root{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}button:disabled{opacity:.5;cursor:not-allowed}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.container-fluid{width:100%;padding:0 var(--spacing-md)}.grid{display:grid;gap:var(--spacing-md)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(1,1fr)}}@media(min-width:769px)and (max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}.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-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.card{background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-primary{background:var(--color-primary);color:var(--color-text-white)}.badge-success{background:var(--color-success);color:var(--color-text-white)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-pulse{animation:pulse 2s infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards;opacity:0}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.hidden{display:none!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}textarea,select,input{font-family:inherit;color:var(--color-text)}.notes-textarea,textarea.input,textarea{width:100%;padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:.95rem;font-family:inherit;color:var(--color-text);background:var(--color-bg);transition:all var(--transition-fast);resize:vertical;min-height:80px;line-height:1.5}.notes-textarea:focus,textarea.input:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ffca2833;background:#00000073}.notes-textarea::placeholder,textarea::placeholder{color:var(--color-text-light);opacity:.7}