:root{--color-forest-green:#1b4332;--color-leaf-green:#40916c;--color-lime-green:#95d5b2;--color-mustard:#d4a84b;--color-pineapple:#ffd166;--color-wood:#8b7355;--color-cream:#fff8f0;--color-white:#fff;--color-text:#1a1a1a;--color-text-secondary:#4a4a4a;--color-text-light:#6b6b6b;--font-display:"Fraunces", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:80px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:50%;--shadow-sm:0 2px 8px #1b433214;--shadow-md:0 4px 16px #1b43321f;--shadow-lg:0 8px 32px #1b433229;--shadow-glow:0 0 30px #95d5b24d;--transition-fast:.2s ease;--transition-base:.3s ease;--transition-slow:.5s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-cream);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-forest-green);font-weight:700;line-height:1.2}h1{letter-spacing:-.02em;font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(1.75rem,3vw,2.5rem)}h3{font-size:clamp(1.25rem,2vw,1.5rem)}p{color:var(--color-text-secondary)}.container{width:100%;max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--color-forest-green);color:var(--color-white)}.btn-primary:hover{background:var(--color-leaf-green);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{color:var(--color-forest-green);border:2px solid var(--color-forest-green);background:0 0}.btn-secondary:hover{background:var(--color-forest-green);color:var(--color-white)}.btn-accent{background:var(--color-mustard);color:var(--color-text)}.btn-accent:hover{background:var(--color-pineapple);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}section{padding:var(--space-4xl) 0}@media (width<=768px){section{padding:var(--space-2xl) 0}}.section-header{text-align:center;margin-bottom:var(--space-2xl)}.section-header h2{margin-bottom:var(--space-md)}.section-header p{max-width:600px;margin:0 auto}.card{background:var(--color-white);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.grid{gap:var(--space-lg);display:grid}.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 (width<=1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.app{flex-direction:column;min-height:100vh;display:flex}main{flex:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in-up{animation:.6s ease-out forwards fadeInUp}.form-group{margin-bottom:var(--space-md)}.form-group label{margin-bottom:var(--space-sm);color:var(--color-forest-green);font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-md);border:2px solid var(--color-lime-green);border-radius:var(--radius-sm);background:var(--color-white);transition:all var(--transition-fast);font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-leaf-green);outline:none;box-shadow:0 0 0 3px #40916c1a}.form-group textarea{resize:vertical;min-height:120px}.badge{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-lg);background:var(--color-lime-green);color:var(--color-forest-green);align-items:center;font-size:.875rem;font-weight:600;display:inline-flex}.stars{gap:var(--space-xs);display:flex}.star{cursor:pointer;width:24px;height:24px;transition:all var(--transition-fast)}.star:hover{transform:scale(1.2)}.star.filled{color:var(--color-mustard)}.star.empty{color:var(--color-lime-green)}.checkbox-group,.radio-group{align-items:center;gap:var(--space-sm);cursor:pointer;display:flex}.checkbox-group input,.radio-group input{cursor:pointer;width:20px;height:20px}.success-message{background:linear-gradient(135deg, var(--color-lime-green), var(--color-leaf-green));color:var(--color-white);padding:var(--space-lg);border-radius:var(--radius-md);text-align:center;font-weight:600}.leaf-decoration{opacity:.1;pointer-events:none;position:absolute}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-cream)}::-webkit-scrollbar-thumb{background:var(--color-leaf-green);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-forest-green)}::selection{background:var(--color-lime-green);color:var(--color-forest-green)}.text-center{text-align:center}.text-accent{color:var(--color-leaf-green)}.bg-cream{background:var(--color-cream)}.bg-white{background:var(--color-white)}.bg-green{background:var(--color-forest-green)}.mt-1{margin-top:var(--space-sm)}.mt-2{margin-top:var(--space-md)}.mt-3{margin-top:var(--space-lg)}.mt-4{margin-top:var(--space-xl)}.mb-1{margin-bottom:var(--space-sm)}.mb-2{margin-bottom:var(--space-md)}.mb-3{margin-bottom:var(--space-lg)}.mb-4{margin-bottom:var(--space-xl)}.header{z-index:1000;padding:var(--space-md) 0;transition:all var(--transition-base);background:var(--color-cream);box-shadow:var(--shadow-md);position:fixed;top:0;left:0;right:0}.header.scrolled{background:var(--color-cream);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md)}.header-container{max-width:1200px;padding:0 var(--space-lg);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.logo{align-items:center;text-decoration:none;display:flex}.logo-image{object-fit:contain;width:154px;height:auto;max-height:54px;display:block}.nav{align-items:center;display:flex}.nav-list{gap:var(--space-xl);margin:0;padding:0;list-style:none;display:flex}.nav-link{color:var(--color-text-secondary);padding:var(--space-sm) 0;transition:color var(--transition-fast);font-weight:500;text-decoration:none;position:relative}.nav-link:after{content:"";background:var(--color-leaf-green);width:0;height:2px;transition:width var(--transition-base);position:absolute;bottom:0;left:0}.nav-link:hover,.nav-link.active{color:var(--color-forest-green)}.nav-link:hover:after,.nav-link.active:after{width:100%}.header-actions{align-items:center;gap:var(--space-md);display:flex}.header-cart{position:relative}.cart-icon-button{border-radius:var(--radius-sm);background:var(--color-white);width:44px;height:44px;color:var(--color-forest-green);box-shadow:var(--shadow-sm);border:1px solid #1b433229;justify-content:center;align-items:center;display:inline-flex;position:relative}.cart-icon-button.open,.cart-icon-button:hover{background:var(--color-lime-green)}.cart-icon-button svg{width:22px;height:22px}.cart-count{background:var(--color-mustard);min-width:22px;height:22px;color:var(--color-text);border:2px solid var(--color-cream);border-radius:var(--radius-full);justify-content:center;align-items:center;padding:0 6px;font-size:.75rem;font-weight:900;display:inline-flex;position:absolute;top:-7px;right:-7px}.header-cart-panel{top:calc(100% + var(--space-sm));width:min(340px,100vw - 32px);padding:var(--space-md);background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid #1b433224;position:absolute;right:0}.header-cart-title{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);color:var(--color-forest-green);display:flex}.header-cart-title button,.header-cart-item button{color:var(--color-leaf-green);font-size:.75rem;font-weight:800}.header-cart-items{gap:var(--space-sm);display:grid}.header-cart-item{gap:var(--space-sm);padding:var(--space-sm);background:var(--color-cream);border-radius:var(--radius-sm);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;display:grid}.header-cart-item span{min-width:0;color:var(--color-text);font-weight:700}.header-cart-item strong{color:var(--color-forest-green)}.header-cart-panel p{color:var(--color-text-secondary)}.header-cta{display:flex}.btn-icon{width:18px;height:18px}.mobile-menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;width:30px;height:20px;padding:0;display:none}.mobile-menu-toggle span{background:var(--color-forest-green);width:100%;height:2px;transition:all var(--transition-base);border-radius:2px}.mobile-menu-toggle.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.mobile-menu-toggle.open span:nth-child(2){opacity:0}.mobile-menu-toggle.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.promo-strip{margin-top:var(--space-sm);padding:var(--space-xs) var(--space-lg);background:var(--color-mustard);color:var(--color-text);text-align:center;font-size:.875rem;font-weight:900}@media (width<=768px){.header{padding:var(--space-md) 0 0;background:var(--color-cream);box-shadow:var(--shadow-md)}.header.scrolled{background:var(--color-cream)}.nav{z-index:1002;width:100vw;min-height:calc(100dvh - 128px);padding:var(--space-xl);background-color:var(--color-cream);transition:transform var(--transition-base);opacity:1;flex-direction:column;justify-content:flex-start;align-items:stretch;position:fixed;inset:128px 0 0;overflow-y:auto;transform:translate(100%)}.nav.open{background-color:var(--color-cream);box-shadow:inset 0 1px 0 #1b43321a, var(--shadow-lg);transform:translate(0)}.nav.open:before{content:"";z-index:-1;background-color:var(--color-cream);position:fixed;inset:0}.nav-list{gap:var(--space-lg);width:100%;padding:var(--space-md) 0;background-color:var(--color-cream);flex-direction:column}.nav-link{font-size:1.25rem}.header-actions{gap:var(--space-sm)}.header-cta{display:none}.mobile-menu-toggle{display:flex}.header-cart-panel{top:128px;left:var(--space-md);right:var(--space-md);width:auto;position:fixed}.logo-image{width:132px;max-height:46px}.promo-strip{margin-top:var(--space-sm);padding:var(--space-xs) var(--space-md);font-size:.75rem;line-height:1.35}}.footer{background:var(--color-forest-green);color:var(--color-cream);padding:var(--space-3xl) 0 var(--space-lg);position:relative;overflow:hidden}.footer-container{max-width:1200px;padding:0 var(--space-lg);z-index:1;margin:0 auto;position:relative}.footer-main{gap:var(--space-3xl);margin-bottom:var(--space-2xl);grid-template-columns:1fr 1fr;display:grid}.footer-brand{max-width:300px}.footer-logo{margin-bottom:var(--space-md);align-items:center;text-decoration:none;display:flex}.footer-logo-image{object-fit:contain;width:180px;height:auto;display:block}.footer-tagline{color:var(--color-lime-green);margin-bottom:var(--space-sm);font-size:1.125rem;font-weight:600}.footer-mission{color:var(--color-cream);opacity:.8;font-style:italic}.footer-links{gap:var(--space-3xl);justify-content:flex-end;display:flex}.footer-section h4{font-family:var(--font-display);color:var(--color-cream);margin-bottom:var(--space-md);font-size:1rem;font-weight:700}.footer-section ul{margin:0;padding:0;list-style:none}.footer-section ul li{margin-bottom:var(--space-sm)}.footer-section a{color:var(--color-cream);opacity:.8;transition:all var(--transition-fast)}.footer-section a:hover{opacity:1;color:var(--color-lime-green)}.social-links{gap:var(--space-md);display:flex}.social-link{border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-cream);transition:all var(--transition-base);background:#ffffff1a;justify-content:center;align-items:center;display:flex}.social-link:hover{background:var(--color-lime-green);color:var(--color-forest-green);transform:translateY(-2px)}.social-link svg{width:20px;height:20px}.footer-bottom{padding-top:var(--space-lg);opacity:.8;border-top:1px solid #fff3;justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.footer-official{color:var(--color-pineapple);font-weight:600}.footer-decoration{opacity:.05;pointer-events:none;position:absolute;bottom:-20px;right:-20px}.leaf-svg{width:150px;height:150px;color:var(--color-cream)}@media (width<=768px){.footer-main{gap:var(--space-xl);grid-template-columns:1fr}.footer-links{gap:var(--space-xl);flex-direction:column;justify-content:flex-start}.footer-bottom{gap:var(--space-sm);text-align:center;flex-direction:column}.footer-logo-image{width:160px}}.whatsapp-button{bottom:var(--space-lg);right:var(--space-lg);z-index:999;border-radius:var(--radius-full);color:#fff;width:60px;height:60px;box-shadow:var(--shadow-lg);transition:all var(--transition-base);background:#25d366;justify-content:center;align-items:center;display:flex;position:fixed}.whatsapp-button:hover{transform:scale(1.1);box-shadow:0 8px 32px #25d36666}.whatsapp-button svg{width:32px;height:32px}.whatsapp-button .tooltip{background:var(--color-text);color:var(--color-white);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;transition:all var(--transition-base);pointer-events:none;font-size:.875rem;font-weight:500;position:absolute;right:70px;transform:translate(10px)}.whatsapp-button:hover .tooltip{opacity:1;transform:translate(0)}@media (width<=768px){.whatsapp-button{width:50px;height:50px;bottom:var(--space-md);right:var(--space-md)}.whatsapp-button svg{width:26px;height:26px}.whatsapp-button .tooltip{display:none}}.signup-popup-overlay{z-index:10000;padding:var(--space-lg);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000094;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.signup-popup{width:min(100%,460px);max-height:calc(100vh - 32px);padding:var(--space-2xl);background:var(--color-cream);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);position:relative;overflow-y:auto}.signup-popup-close{top:var(--space-md);right:var(--space-md);border-radius:var(--radius-full);background:var(--color-white);width:40px;height:40px;color:var(--color-forest-green);cursor:pointer;border:0;font-size:1.25rem;position:absolute}.signup-popup-label{margin-bottom:var(--space-sm);padding:var(--space-xs) var(--space-md);background:var(--color-mustard);color:var(--color-forest-green);border-radius:var(--radius-full);text-transform:uppercase;font-size:.8rem;font-weight:800;display:inline-flex}.signup-popup h2{margin-bottom:var(--space-sm);color:var(--color-forest-green)}.signup-popup p{color:var(--color-text-secondary)}.signup-popup-form{gap:var(--space-md);margin-top:var(--space-lg);display:grid}.signup-popup-form label{gap:var(--space-xs);color:var(--color-forest-green);font-weight:700;display:grid}.signup-popup-form input{width:100%;min-height:48px;padding:var(--space-md);border-radius:var(--radius-sm);background:var(--color-white);font:inherit;border:1px solid #1b433238}.signup-popup-check{color:var(--color-text);grid-template-columns:auto 1fr;align-items:center}.signup-popup-check input{width:20px;min-height:20px}.signup-popup-error,.signup-popup-success{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);margin:0;font-weight:700}.signup-popup-error{color:#8b2e22;background:#b03f2f1a}.signup-popup-success{color:var(--color-forest-green);background:#40916c1f}@media (width<=480px){.signup-popup-overlay{padding:var(--space-sm);align-items:flex-end}.signup-popup{padding:var(--space-xl);border-radius:var(--radius-lg) var(--radius-lg) 0 0}}.menu-section{padding:var(--space-4xl) 0;background:linear-gradient(180deg, var(--color-cream) 0%, var(--color-white) 100%)}.menu-tabs{gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap;justify-content:center;display:flex}.menu-pdf-link{margin-top:var(--space-lg)}.menu-tab{padding:var(--space-sm) var(--space-lg);background:var(--color-white);border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer;box-shadow:var(--shadow-sm);border:1px solid #1b433229;font-weight:600}.menu-tab:hover{border-color:var(--color-leaf-green);color:var(--color-forest-green)}.menu-tab.active{background:var(--color-forest-green);border-color:var(--color-forest-green);color:var(--color-white)}.cart-panel{z-index:10;max-width:820px;margin:0 auto var(--space-2xl);padding:var(--space-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border:1px solid #1b433224;position:sticky;top:126px}.cart-panel-header{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.cart-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--color-leaf-green);font-size:.75rem;font-weight:800;display:block}.cart-panel h3{color:var(--color-forest-green);margin:0;font-size:1.25rem}.cart-clear,.cart-remove{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);color:var(--color-forest-green);border:1px solid #1b43322e;font-weight:700}.cart-empty{color:var(--color-text-secondary);margin-bottom:var(--space-md)}.cart-items{gap:var(--space-sm);margin-bottom:var(--space-md);flex-direction:column;display:flex}.cart-item{gap:var(--space-md);padding:var(--space-sm);background:var(--color-cream);border-radius:var(--radius-sm);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;display:grid}.cart-item-main{flex-direction:column;min-width:0;display:flex}.cart-item-main strong{color:var(--color-forest-green)}.cart-item-main span,.cart-item-main small{color:var(--color-text-secondary)}.cart-quantity{border-radius:var(--radius-sm);border:1px solid #1b43322e;grid-template-columns:32px 36px 32px;align-items:center;display:inline-grid;overflow:hidden}.cart-quantity button,.cart-quantity span{justify-content:center;align-items:center;min-height:32px;display:inline-flex}.cart-quantity button{color:var(--color-forest-green);font-weight:900}.cart-quantity span{background:var(--color-white);color:var(--color-forest-green);font-weight:800}.cart-totals{gap:var(--space-xs);padding-top:var(--space-md);border-top:1px solid #1b433224;display:grid}.cart-totals div{justify-content:space-between;gap:var(--space-md);color:var(--color-text-secondary);display:flex}.cart-totals strong{color:var(--color-forest-green)}.cart-total{font-size:1.125rem;font-weight:800}.cart-pickup-note{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--color-forest-green);background:#d4a84b33;font-weight:800}.menu-categories{gap:var(--space-4xl);flex-direction:column;display:flex}.menu-category{box-shadow:none;background:0 0;border-radius:0;padding:0}.category-header{gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid #1b433224;grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.category-header h3{margin-bottom:var(--space-sm);font-size:1.5rem}.category-header p{color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.category-pricing{padding:var(--space-xs) var(--space-md);color:var(--color-forest-green);border-radius:var(--radius-sm);white-space:nowrap;background:#95d5b259;font-size:.875rem;font-weight:800;display:inline-block}.category-items{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.menu-item{background:var(--color-white);border-radius:var(--radius-md);min-height:100%;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);border:1px solid #1b43321a;flex-direction:column;display:flex;overflow:hidden}.menu-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.item-info{padding:var(--space-md) var(--space-md) var(--space-sm);flex:1}.item-image-wrap{aspect-ratio:1;background:var(--color-cream);border-radius:0;flex:none;width:100%;height:auto;margin-right:0;position:relative;overflow:hidden}.item-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-base)}.menu-item:hover .item-image{transform:scale(1.04)}.item-category{margin-bottom:var(--space-xs);color:var(--color-leaf-green);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:800;display:block}.item-meta{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);display:flex}.item-info h4{color:var(--color-forest-green);margin-bottom:var(--space-xs);font-size:1.125rem;font-weight:800}.item-info p{color:var(--color-text-secondary);font-size:.875rem;line-height:1.55}.item-price{top:var(--space-sm);right:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-forest-green);color:var(--color-white);border-radius:var(--radius-sm);white-space:normal;box-shadow:var(--shadow-sm);max-width:calc(100% - (var(--space-sm) * 2));flex-direction:column;align-items:flex-end;gap:2px;margin-left:0;font-size:.875rem;font-weight:800;display:flex;position:absolute}.item-price.inline{background:#1b4332f0;flex:none;align-items:flex-start;max-width:190px;position:static}.price-original{opacity:.78;text-align:right;font-size:.75rem;text-decoration:line-through}.price-discount{color:var(--color-pineapple);text-align:right;font-size:.95rem}.price-note{letter-spacing:.04em;text-transform:uppercase;text-align:right;font-size:.65rem;font-weight:900}.menu-item.text-only .item-info{padding:var(--space-lg) var(--space-lg) var(--space-sm)}.menu-item.text-only{border-left:4px solid var(--color-lime-green)}.add-to-order{width:calc(100% - (var(--space-md) * 2));margin:var(--space-sm) var(--space-md) var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-forest-green);color:var(--color-white);border-radius:var(--radius-sm);transition:all var(--transition-fast);font-weight:800}.add-to-order:hover{background:var(--color-leaf-green);transform:translateY(-1px)}.add-to-order.added{background:var(--color-mustard);color:var(--color-text)}@media (width<=768px){.menu-tabs{gap:var(--space-xs)}.menu-tab{padding:var(--space-xs) var(--space-md);font-size:.875rem}.category-items{grid-template-columns:1fr}.category-header{grid-template-columns:1fr;align-items:start}.cart-panel{margin-bottom:var(--space-xl);top:116px}.cart-panel-header,.cart-item{grid-template-columns:1fr}.cart-panel-header{align-items:flex-start}.item-image-wrap{aspect-ratio:4/3}}.home{padding-top:124px;overflow-x:hidden}.hero{min-height:calc(100vh - 124px);padding:var(--space-4xl) var(--space-lg);background:var(--color-forest-green);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-bg{pointer-events:none;background:linear-gradient(90deg,#00000057 0%,#0000002e 48%,#0000000f 100%),url(/hero%20section%20SQD.png) 50%/cover no-repeat;position:absolute;inset:0}.hero-content{text-align:center;z-index:2;opacity:0;max-width:700px;transition:all .8s ease-out;transform:translateY(30px)}.hero-content.visible{opacity:1;transform:translateY(0)}.hero h1{margin-bottom:var(--space-lg);color:var(--color-white);text-shadow:0 4px 24px #0000004d;font-size:clamp(2.5rem,6vw,4.5rem)}.home .hero .hero-subtitle{color:var(--color-white);margin-bottom:var(--space-xl);text-shadow:0 3px 18px #00000085;-webkit-text-stroke:.35px #00000073;font-size:1.25rem;font-weight:900;line-height:1.7}.hero-ctas{gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap;justify-content:center;display:flex}.hero-ctas .btn svg{width:20px;height:20px}.hero-ctas .btn-primary,.hero-ctas .btn-secondary{color:var(--color-white)}.hero-ctas .btn-secondary{border-color:var(--color-white)}.hero-ctas .btn-secondary:hover{color:var(--color-white);background:#ffffff29}.hero-event{margin-top:var(--space-xl)}.event-badge{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--color-mustard);color:var(--color-white);border-radius:var(--radius-lg);text-shadow:0 1px 10px #0000003d;font-weight:600;animation:2s ease-in-out infinite pulse;display:inline-flex}.event-badge svg{width:20px;height:20px}.about{padding:var(--space-4xl) 0}.about.section-cream{background:linear-gradient(#00000047,#00000047),url(/about%20desktop%20frame.png) 50%/cover no-repeat}.section-cream{background:var(--color-cream)}.container{max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.about-grid{gap:var(--space-3xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.section-label{padding:var(--space-xs) var(--space-md);background:var(--color-lime-green);color:var(--color-forest-green);border-radius:var(--radius-lg);margin-bottom:var(--space-md);font-size:.875rem;font-weight:700;display:inline-block}.section-label-light{padding:var(--space-xs) var(--space-md);color:var(--color-cream);border-radius:var(--radius-lg);margin-bottom:var(--space-md);background:#fff3;font-size:.875rem;font-weight:700;display:inline-block}.about-content h2{margin-bottom:var(--space-lg);color:var(--color-white);text-shadow:0 3px 18px #0000006b;font-weight:900}.about-content p{color:var(--color-white);margin-bottom:var(--space-md);text-shadow:0 2px 14px #0006;font-size:1.125rem;font-weight:800;line-height:1.8}.about-stats{gap:var(--space-xl);margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-lime-green);display:flex}.stat{text-align:center}.stat-number{font-family:var(--font-display);color:var(--color-white);text-shadow:0 3px 16px #0000006b;font-size:2.5rem;font-weight:900;line-height:1;display:block}.stat-label{color:var(--color-white);text-shadow:0 2px 12px #00000061;font-size:.875rem;font-weight:800}.about-visual{justify-content:center;display:flex}.about-card{background:var(--color-white);padding:var(--space-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);text-align:center;max-width:300px}.about-card-icon{width:100px;height:100px;margin:0 auto var(--space-lg)}.about-card-icon svg{width:100%;height:100%}.about-card p{font-size:1rem;font-weight:500}.why-section{padding:var(--space-4xl) 0;background:var(--color-white)}.why-section .section-header{margin-bottom:var(--space-2xl)}.features-grid{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.feature-card{background:var(--color-cream);padding:var(--space-xl);border-radius:var(--radius-md);text-align:center;transition:all var(--transition-base)}.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.feature-icon{width:60px;height:60px;margin:0 auto var(--space-md);background:var(--color-lime-green);border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex}.feature-icon svg{width:28px;height:28px;color:var(--color-forest-green)}.feature-card h3{margin-bottom:var(--space-sm);font-size:1rem}.feature-card p{color:var(--color-text-secondary);font-size:.875rem}.section-green{background:var(--color-forest-green);color:var(--color-cream)}.popup-section{padding:var(--space-4xl) 0}.popup-grid{gap:var(--space-3xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.popup-content h2{color:var(--color-cream);margin-bottom:var(--space-lg)}.popup-content p{color:#fff8f0e6;margin-bottom:var(--space-xl);font-size:1.125rem;line-height:1.7}.popup-steps{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(2,1fr);display:grid}.step{align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-sm);background:#ffffff1a;display:flex}.step-number{background:var(--color-mustard);width:36px;height:36px;color:var(--color-text);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.step-content h4{color:var(--color-cream);margin-bottom:2px;font-size:1rem}.step-content p{color:#fff8f0b3;margin:0;font-size:.875rem}.popup-visual{justify-content:center;display:flex}.popup-card{background:var(--color-cream);padding:var(--space-xl);border-radius:var(--radius-xl);text-align:center;max-width:320px;position:relative}.popup-card-badge{padding:var(--space-xs) var(--space-md);background:var(--color-pineapple);color:var(--color-text);border-radius:var(--radius-lg);font-size:.875rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.popup-card-icon{width:80px;height:80px;margin:0 auto var(--space-lg)}.popup-card-icon svg{width:100%;height:100%}.popup-card p{color:var(--color-text-secondary);font-size:.95rem}.ecommerce-section{padding:var(--space-4xl) 0}.ecommerce-content{text-align:center;max-width:700px;margin:0 auto}.ecommerce-content p{margin-bottom:var(--space-xl);font-size:1.125rem;line-height:1.7}.ecommerce-features{gap:var(--space-md);margin-top:var(--space-xl);grid-template-columns:repeat(2,1fr);display:grid}.ecommerce-feature{align-items:center;gap:var(--space-md);background:var(--color-white);padding:var(--space-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-align:left;display:flex}.ecommerce-feature svg{width:32px;height:32px;color:var(--color-leaf-green);flex-shrink:0}.ecommerce-feature span{color:var(--color-forest-green);font-weight:600}.contact-section{padding:var(--space-4xl) 0;background:var(--color-white)}.contact-form{max-width:600px;margin:0 auto}.form-actions{gap:var(--space-md);margin-top:var(--space-lg);justify-content:center;display:flex}.form-actions .btn svg{width:18px;height:18px}@media (width<=1024px){.about.section-cream{background:linear-gradient(#0000003d,#0000003d),url(/about%20tablet%20section%20.png) 50%/cover no-repeat}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.home{padding-top:128px}.about.section-cream{background:linear-gradient(#00000038,#00000038),url(/about%20mobile%20section.png) top/cover no-repeat}.hero{min-height:calc(100svh - 128px);padding-top:var(--space-3xl)}.hero-visual{display:none}.about-grid,.popup-grid{grid-template-columns:1fr}.about-visual{order:-1}.features-grid,.popup-steps,.form-row,.ecommerce-features{grid-template-columns:1fr}.about-stats{flex-wrap:wrap;justify-content:center}.form-actions{flex-direction:column}}.feedback-page{padding-top:124px}.feedback-hero{padding:var(--space-4xl) 0;text-align:center;color:var(--color-cream);background:linear-gradient(#00000061,#00000061),url(/feedback%20section%20hero.png) 50%/cover no-repeat;position:relative}.feedback-hero .container{z-index:1;position:relative}.feedback-hero h1{color:var(--color-white);margin-bottom:var(--space-md)}.hero-badge{padding:var(--space-xs) var(--space-lg);background:var(--color-mustard);color:var(--color-text);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);font-size:.875rem;font-weight:700;display:inline-block}.hero-subtitle{opacity:.9;max-width:600px;color:var(--color-white);text-shadow:0 3px 18px #00000073;margin:0 auto;font-size:1.25rem;font-weight:700}.feedback-form-section{padding:var(--space-4xl) 0;background:var(--color-cream)}.form-container{background:var(--color-white);border-radius:var(--radius-xl);max-width:700px;padding:var(--space-2xl);box-shadow:var(--shadow-lg);margin:0 auto}.form-header{text-align:center;margin-bottom:var(--space-xl)}.form-header h2{margin-bottom:var(--space-sm)}.form-header p{color:var(--color-text-secondary)}.form-row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.rating-input{align-items:center;gap:var(--space-sm);display:flex}.star-btn{padding:var(--space-xs);cursor:pointer;transition:transform var(--transition-fast);background:0 0;border:none}.star-btn:hover{transform:scale(1.2)}.star-btn svg{width:32px;height:32px}.star-btn.filled{color:var(--color-mustard)}.star-btn.empty{color:var(--color-lime-green);opacity:.4}.rating-label{margin-left:var(--space-sm);color:var(--color-text-secondary);font-size:.875rem}.form-checkboxes{gap:var(--space-md);margin:var(--space-lg) 0;flex-direction:column;display:flex}.checkbox-label{align-items:center;gap:var(--space-md);cursor:pointer;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;width:20px;height:20px}.checkbox-text{color:var(--color-text-secondary);font-weight:500}.btn-full{width:100%}.form-error{margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:#b42318;background:#b423181a;font-weight:700}.success-message{text-align:center;padding:var(--space-2xl)}.success-icon{width:80px;height:80px;margin:0 auto var(--space-lg)}.success-icon svg{width:100%;height:100%}.success-message h3{margin-bottom:var(--space-md);font-size:2rem}.success-message p{color:var(--color-text-secondary)}.section-green{background:var(--color-forest-green)}.rewards-section{padding:var(--space-4xl) 0}.section-header-light{text-align:center;margin-bottom:var(--space-2xl)}.section-header-light h2{color:var(--color-cream);margin-bottom:var(--space-md)}.section-header-light p{color:#fff8f0e6;max-width:600px;margin:0 auto}.rewards-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.reward-card{padding:var(--space-xl);border-radius:var(--radius-md);text-align:center;transition:all var(--transition-base);background:#ffffff1a}.reward-card:hover{background:#ffffff26;transform:translateY(-4px)}.reward-card h3{color:var(--color-cream);margin-bottom:var(--space-sm);font-size:1.125rem}.reward-card p{color:#fff8f0b3;font-size:.875rem}.voting-section{padding:var(--space-4xl) 0;background:var(--color-white)}.juice-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(4,1fr);display:grid}.juice-card{background:var(--color-cream);border:2px solid var(--color-lime-green);border-radius:var(--radius-md);padding:var(--space-sm);text-align:center;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.juice-card:hover{border-color:var(--color-leaf-green);transform:translateY(-2px)}.juice-card.selected{background:var(--color-lime-green);border-color:var(--color-forest-green)}.juice-image-wrap{aspect-ratio:1;width:100%;margin-bottom:var(--space-sm);border-radius:var(--radius-sm);background:var(--color-white);overflow:hidden}.juice-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-base)}.juice-card:hover .juice-image{transform:scale(1.04)}.juice-number{top:var(--space-sm);left:var(--space-sm);background:var(--color-forest-green);width:24px;height:24px;color:var(--color-white);border-radius:var(--radius-full);justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;position:absolute}.juice-name{min-height:44px;padding:0 var(--space-xs) var(--space-xs);color:var(--color-forest-green);justify-content:center;align-items:center;font-weight:600;display:flex}.selected-check{top:var(--space-sm);right:var(--space-sm);background:var(--color-forest-green);width:24px;height:24px;color:var(--color-white);border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex;position:absolute}.selected-check svg{width:16px;height:16px}.vote-action{text-align:center}.vote-action p{margin-bottom:var(--space-md);font-size:1.125rem}.vote-action strong{color:var(--color-forest-green)}.vote-error{max-width:520px;margin:0 auto var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:#b42318;background:#b423181a;font-weight:700}.vote-success{text-align:center;padding:var(--space-2xl);background:var(--color-cream);border-radius:var(--radius-xl)}.vote-success-icon{width:100px;height:100px;margin:0 auto var(--space-lg)}.vote-success-icon svg{width:100%;height:100%}.vote-success h3{margin-bottom:var(--space-md);font-size:1.5rem}.vote-note{margin-top:var(--space-md);color:var(--color-text-secondary);font-style:italic}.notice-section{padding:var(--space-xl) 0;background:var(--color-cream)}.notice{align-items:flex-start;gap:var(--space-md);max-width:700px;padding:var(--space-lg);background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:0 auto;display:flex}.notice svg{width:24px;height:24px;color:var(--color-leaf-green);flex-shrink:0}.notice p{color:var(--color-text-secondary);font-size:.875rem}@media (width<=1024px){.rewards-grid{grid-template-columns:repeat(2,1fr)}.juice-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.feedback-page{padding-top:128px}.form-row{grid-template-columns:1fr}.juice-grid{grid-template-columns:repeat(2,1fr)}.rewards-grid{grid-template-columns:1fr}.feedback-hero h1{font-size:2rem}}.spin-page{padding-top:124px}.spin-hero{padding:var(--space-4xl) 0;background:linear-gradient(135deg, var(--color-forest-green), var(--color-leaf-green));text-align:center;color:var(--color-cream)}.spin-hero h1{color:var(--color-white);margin-bottom:var(--space-md)}.spin-hero .hero-badge{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-lg);background:var(--color-mustard);color:var(--color-text);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);font-size:.875rem;font-weight:700;display:inline-flex}.spin-hero .hero-badge svg{width:18px;height:18px}.hero-subtitle{opacity:.9;max-width:600px;color:inherit;margin:0 auto;font-size:1.25rem}.rules-section{padding:var(--space-xl) 0;background:var(--color-cream)}.rules-card{background:var(--color-white);max-width:600px;padding:var(--space-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin:0 auto}.rules-card h3{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.rules-card h3 svg{width:24px;height:24px;color:var(--color-leaf-green)}.rules-card ul{margin:0;padding:0;list-style:none}.rules-card li{align-items:flex-start;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--color-lime-green);display:flex}.rules-card li:last-child{border-bottom:none}.rule-number{background:var(--color-forest-green);width:28px;height:28px;color:var(--color-white);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.rules-card li span:last-child{color:var(--color-text-secondary);line-height:1.6}.wheel-section{padding:var(--space-3xl) 0;background:var(--color-white)}.wheel-container{align-items:center;gap:var(--space-xl);flex-direction:column;display:flex}.spin-player-card{width:100%;max-width:760px;padding:var(--space-xl);background:var(--color-cream);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:left}.spin-player-card h3{margin-bottom:var(--space-xs);color:var(--color-forest-green)}.spin-player-card>p{margin-bottom:var(--space-lg);color:var(--color-text-secondary)}.spin-player-grid{gap:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.spin-player-grid label{gap:var(--space-xs);color:var(--color-forest-green);flex-direction:column;font-weight:700;display:flex}.spin-player-grid input{width:100%;padding:var(--space-md);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-text);font:inherit;border:1px solid #1b433238}.spin-player-grid input:focus{border-color:var(--color-leaf-green);outline:2px solid #40916c59}.spin-error{margin:var(--space-md) 0 0;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:#8b2e22;background:#b03f2f1a;border:1px solid #b03f2f38;font-weight:700}.spin-capture-btn{margin-top:var(--space-md)}.spin-sync-note{margin-top:var(--space-md);color:var(--color-forest-green);font-weight:700}.results-summary{margin:var(--space-md) 0 0;color:var(--color-forest-green);font-weight:800}.games-grid{gap:var(--space-xl);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;width:100%;display:grid}.game-card{padding:var(--space-xl);background:var(--color-cream);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.game-card-header{margin-bottom:var(--space-lg)}.game-card-header span,.spin-game-heading span{margin-bottom:var(--space-xs);color:var(--color-leaf-green);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800;display:inline-flex}.game-card-header h3,.spin-game-heading h2{color:var(--color-forest-green);margin:0}.quiz-meter,.memory-stats{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.quiz-meter strong,.quiz-meter span,.memory-stats span{min-height:40px;padding:var(--space-xs) var(--space-md);background:var(--color-white);border-radius:var(--radius-full);color:var(--color-forest-green);justify-content:center;align-items:center;font-weight:800;display:inline-flex}.quiz-play p,.game-result p{color:var(--color-text-secondary)}.quiz-options{gap:var(--space-sm);margin-top:var(--space-md);display:grid}.quiz-options button{min-height:52px;padding:var(--space-md);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-forest-green);font:inherit;cursor:pointer;touch-action:manipulation;border:1px solid #1b433229;font-weight:800}.quiz-options button:active,.memory-tile:active{transform:scale(.98)}.memory-grid{gap:var(--space-sm);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.memory-tile{aspect-ratio:1;border-radius:var(--radius-md);background:var(--color-forest-green);min-height:72px;color:var(--color-mustard);cursor:pointer;touch-action:manipulation;border:2px solid #1b433229;padding:0;font-weight:900;overflow:hidden}.memory-tile.open{background:var(--color-white);border-color:var(--color-mustard)}.memory-tile img{object-fit:cover;width:100%;height:100%;display:block}.game-result{margin-top:var(--space-lg)}.game-result strong{color:var(--color-forest-green);margin-bottom:var(--space-xs);display:block}.game-result-actions{gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.game-submit-error{margin-top:var(--space-md);color:#8b2e22;font-weight:700}.spin-game-heading{text-align:center;width:100%;margin-top:var(--space-md)}.spin-game-heading p{color:var(--color-text-secondary);margin:var(--space-xs) auto 0}.wheel-pointer{z-index:2;width:40px;height:50px;margin-bottom:-30px;position:relative}.wheel-pointer svg{width:100%;height:100%}.wheel{width:400px;height:400px;transition:transform 4s cubic-bezier(.17,.67,.12,.99);position:relative}.wheel.spinning{animation:none}.wheel-wheel{filter:drop-shadow(0 10px 30px #00000026);width:100%;height:100%}.spins-counter{align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.spins-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}.spins-number{font-family:var(--font-display);color:var(--color-forest-green);font-size:4rem;font-weight:800;line-height:1}.spin-btn{padding:var(--space-lg) var(--space-3xl);font-size:1.25rem}.spin-btn:disabled{opacity:.5;cursor:not-allowed}.no-spins-msg{text-align:center;padding:var(--space-lg);background:var(--color-cream);border-radius:var(--radius-md);color:var(--color-text-secondary);max-width:500px}.prizes-section{padding:var(--space-2xl) 0;background:var(--color-cream)}.prizes-section h2{text-align:center;margin-bottom:var(--space-xl)}.prizes-grid{justify-content:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.prize-card{background:var(--color-white);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.prize-label{color:var(--color-text-secondary);text-transform:uppercase;font-size:.75rem}.prize-name{color:var(--color-forest-green);font-weight:600}.claim-section{padding:var(--space-3xl) 0;background:var(--color-white)}.claim-form-container{background:var(--color-cream);max-width:500px;padding:var(--space-2xl);border-radius:var(--radius-xl);text-align:center;margin:0 auto}.claim-form-container h2{margin-bottom:var(--space-sm)}.claim-form-container>p{color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.claim-form{text-align:left}.claimed-prizes{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.prize-tag{padding:var(--space-xs) var(--space-md);background:var(--color-lime-green);color:var(--color-forest-green);border-radius:var(--radius-lg);font-size:.875rem;font-weight:600}.claim-success-section{padding:var(--space-2xl) 0;background:var(--color-forest-green)}.success-banner{text-align:center;padding:var(--space-xl);background:var(--color-cream);border-radius:var(--radius-xl);max-width:600px;margin:0 auto}.success-banner h2{margin-bottom:var(--space-md)}.success-banner>p{color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.success-prizes{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.success-prizes .prize-tag{background:var(--color-forest-green);color:var(--color-white)}.prize-qr-card{margin:var(--space-xl) auto 0;max-width:420px;padding:var(--space-lg);background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.prize-qr-card h3{color:var(--color-forest-green);margin-bottom:var(--space-xs)}.prize-qr-card img{width:220px;height:220px;margin:var(--space-md) auto}.prize-qr-actions{justify-content:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.share-section{padding:var(--space-3xl) 0;background:var(--color-cream)}.share-content{text-align:center}.share-content h3{margin-bottom:var(--space-sm)}.share-content p{color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.share-icons{justify-content:center;gap:var(--space-lg);display:flex}.share-icon{border-radius:var(--radius-full);background:var(--color-white);width:56px;height:56px;color:var(--color-forest-green);box-shadow:var(--shadow-sm);transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.share-icon:hover{box-shadow:var(--shadow-md);background:var(--color-forest-green);color:var(--color-white);transform:translateY(-4px)}.share-icon svg{width:24px;height:24px}.prize-modal-overlay{z-index:9999;padding:var(--space-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.prize-modal{background:var(--color-white);padding:var(--space-2xl);border-radius:var(--radius-xl);text-align:center;width:100%;max-width:400px;animation:.3s ease-out modalPop;position:relative}@keyframes modalPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.modal-close{top:var(--space-md);right:var(--space-md);background:var(--color-cream);border-radius:var(--radius-full);cursor:pointer;width:32px;height:32px;color:var(--color-text-secondary);border:none;justify-content:center;align-items:center;font-size:1.25rem;display:flex;position:absolute}.modal-close:hover{background:var(--color-lime-green)}.prize-modal-icon{width:80px;height:80px;margin:0 auto var(--space-lg)}.prize-modal-icon svg{width:100%;height:100%}.prize-modal h3{color:var(--color-forest-green);margin-bottom:var(--space-sm);font-size:1.75rem}.prize-modal p{color:var(--color-text-secondary)}.prize-modal-value{font-family:var(--font-display);color:var(--color-mustard);margin:var(--space-md) 0;padding:var(--space-md);background:var(--color-cream);border-radius:var(--radius-md);font-size:1.5rem;font-weight:800}.prize-modal .spins-remaining{margin-bottom:var(--space-lg);font-size:.875rem}@media (width<=768px){.spin-page{padding-top:128px}.spin-player-grid,.games-grid{grid-template-columns:1fr}.game-card{padding:var(--space-lg)}}@media (width<=480px){.wheel{width:280px;height:280px}.spins-number{font-size:3rem}.claim-form-container,.spin-player-card{padding:var(--space-lg)}.memory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.memory-tile{border-radius:var(--radius-sm);min-height:58px}.game-result-actions .btn{width:100%}}.menu-pdf-page{background:var(--color-cream);min-height:100vh;padding-top:124px}.menu-pdf-hero{padding:var(--space-3xl) 0;background:var(--color-forest-green);color:var(--color-white)}.menu-pdf-layout{gap:var(--space-2xl);grid-template-columns:minmax(0,1fr) 320px;align-items:center;display:grid}.menu-pdf-label{margin-bottom:var(--space-md);padding:var(--space-xs) var(--space-md);background:var(--color-mustard);color:var(--color-forest-green);border-radius:var(--radius-full);text-transform:uppercase;font-size:.8rem;font-weight:800;display:inline-flex}.menu-pdf-copy h1{color:var(--color-white);margin-bottom:var(--space-md)}.menu-pdf-copy p{color:#ffffffe6;max-width:560px;font-size:1.1rem}.menu-pdf-actions{gap:var(--space-md);margin-top:var(--space-xl);flex-wrap:wrap;display:flex}.menu-qr-panel{padding:var(--space-xl);background:var(--color-white);color:var(--color-text);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-md)}.menu-qr-panel h2{margin-bottom:var(--space-md);color:var(--color-forest-green);font-size:1.35rem}.menu-qr-panel img,.menu-qr-placeholder{width:220px;height:220px;margin:0 auto var(--space-md)}.menu-qr-placeholder{background:var(--color-cream);color:var(--color-text-secondary);border-radius:var(--radius-sm);justify-content:center;align-items:center;display:flex}.menu-qr-panel p{color:var(--color-text-secondary);overflow-wrap:anywhere;margin:0;font-size:.82rem}.menu-pdf-preview-section{padding:var(--space-2xl) 0}.menu-pdf-status,.menu-pdf-error{padding:var(--space-lg);background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.menu-pdf-error{color:#8b2e22;font-weight:700}.menu-pdf-preview{border-radius:var(--radius-md);background:var(--color-white);width:100%;height:76vh;box-shadow:var(--shadow-md);border:1px solid #1b43322e}@media (width<=768px){.menu-pdf-page{padding-top:128px}.menu-pdf-layout{grid-template-columns:1fr}.menu-pdf-actions .btn{width:100%}.menu-pdf-preview{height:62vh}}.app footer{margin-top:auto}