:root{--primary:#FF6B6B;--primary-hover:#f27b76;--secondary:#4ECDC4;--dark:#2D3436;--light:#F9F9F9;--bg-color:#F9F9F9;--card-bg:#FFFFFF;--text-color:#2D3436;--nav-bg:rgba(255, 255, 255, 0.85);--border-color:rgba(0, 0, 0, 0.05);--shadow:0 5px 15px rgba(0, 0, 0, 0.05);--transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}[data-theme="dark"]{--bg-color:#121212;--card-bg:#1E1E1E;--text-color:#E0E0E0;--nav-bg:rgba(18, 18, 18, 0.85);--border-color:rgba(255, 255, 255, 0.05);--shadow:0 5px 15px rgba(0, 0, 0, 0.3)}*{box-sizing:border-box}header{position:-webkit-sticky;position:sticky!important;top:0!important;left:0!important;z-index:9999;background:var(--nav-bg);width:100%!important;margin-top:0!important;box-sizing:border-box;box-shadow:var(--shadow)}body{font-family:'Poppins',sans-serif;margin:0;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;scroll-behavior:smooth;transition:background 0.5s ease,color 0.3s ease;padding-top:0!important;margin-top:0!important}img{max-width:100%;height:auto;display:block}.container-universal,.about-content,.contact-grid,.footer-container{width:92%;max-width:1200px;margin:0 auto}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:.75rem 5%;background-color:var(--nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:fixed;top:0;left:0;right:0;z-index:2000;border-bottom:1px solid var(--border-color);transition:var(--transition)}.nav-logo-img{height:clamp(40px, 5vw, 50px);width:auto}.logo-dark{display:none}[data-theme="dark"] .logo-light{display:none}[data-theme="dark"] .logo-dark{display:block}.nav-controls{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.nav-links{list-style:none;display:flex;gap:1.5rem;margin:0;padding:0}.nav-item{text-decoration:none;color:var(--text-color);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;transition:var(--transition)}.nav-item:hover{color:var(--primary)}.theme-wrapper{display:flex;align-items:center;gap:8px}.theme-toggle{cursor:pointer;font-size:1.2rem;transition:var(--transition);z-index:1001}.mode-label{font-size:14px;opacity:.3;transition:var(--transition)}.theme-wrapper:has(input:not(:checked)) .sun-icon,.theme-wrapper:has(input:checked) .moon-icon{opacity:1;transform:scale(1.1)}.switch{position:relative;width:40px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;border-radius:34px;transition:0.4s}.slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:0.4s}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translateX(20px)}.hero{text-align:center;padding:clamp(60px, 10vw, 100px) 5%;background:linear-gradient(120deg,#fff1eb 0%,#ace0f9 100%)}[data-theme="dark"] .hero{background:linear-gradient(120deg,#1e1e1e 0%,#000000 100%)}.hero h1{font-size:clamp(2rem, 5vw, 3.5rem);margin-bottom:1rem;line-height:1.2}.highlight{color:var(--primary)}.menu-header{display:flex;justify-content:space-between;align-items:center;width:90%;max-width:1200px;margin:0 auto 20px auto}.menu-section{padding:80px 0}.menu-section h2{text-align:center;font-size:clamp(1.5rem, 4vw, 2.2rem);margin-bottom:2rem}.menu-relative-wrapper{position:relative;display:flex;align-items:center;width:100%;overflow:visible}.menu-header h2{flex-grow:1;text-align:center;margin:0;font-size:2rem}.menu-grid{display:flex;overflow-x:auto;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));scroll-behavior:smooth;gap:25px;padding:40px 80px!important;scrollbar-width:none;-ms-overflow-style:none;justify-content:center;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);padding:40px 0!important}.menu-grid.has-scroll{justify-content:flex-start}.menu-grid::-webkit-scrollbar{display:none}.scroll-btn{position:absolute;top:50%!important;transform:translateY(-50%)!important;z-index:110;background:var(--card-bg);border:2px solid var(--primary);color:var(--primary);width:50px;height:50px;border-radius:50%;cursor:pointer;box-shadow:var(--shadow);transition:background-color 0.3s ease,color 0.3s ease,opacity 0.3s ease!important}.scroll-btn.prev{left:40px}.scroll-btn.next{right:40px}.scroll-btn:hover{background:var(--primary)!important;color:white!important;transform:translateY(-50%)!important;margin-top:0!important;box-shadow:var(--shadow)!important}.scroll-btn.hidden{opacity:0;visibility:hidden;pointer-events:none;transition:all 0.3s ease}.scroll-btn:active{transform:translateY(-50%) scale(.9)!important;transition:transform 0.1s ease!important}@keyframes ripple-effect{0%{box-shadow:0 0 0 0 rgb(255 107 107 / .4)}100%{box-shadow:0 0 0 15px #fff0}}.scroll-btn:active{animation:ripple-effect 0.4s ease-out}.card{background:var(--card-bg);padding:20px;border-radius:20px;box-shadow:var(--shadow);align-items:center;text-align:center;transition:all 0.4s ease;border:1px solid var(--border-color);overflow:visible!important;min-width:300px;flex-shrink:0;flex:0 0 300px;width:300px}.card:hover{transform:translateY(-8px);box-shadow:0 15px 30px rgb(0 0 0 / .1)}.menu-img{width:100%;height:220px;object-fit:cover;border-radius:15px;margin-bottom:1rem}.firework-button{position:relative;padding:12px 28px;font-size:1rem;font-weight:600;color:#fff;background-color:var(--primary);border:none;border-radius:50px;cursor:pointer;transition:var(--transition);z-index:1}.btn-order{text-decoration:none!important}.firework-button:hover{transform:scale(1.05);background-color:var(--primary-hover)}.particle{position:fixed;width:6px;height:6px;border-radius:50%;pointer-events:none;z-index:9999!important}.about-section{padding:80px 0;background-color:var(--card-bg)}.about-text h3.about-title{font-size:1.8rem;margin-bottom:30px;color:var(--primary);text-align:center;position:relative;padding-bottom:15px}.about-text h3.about-title::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:5px;background-color:var(--secondary);border-radius:2px}.about-title{color:var(--primary);font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.about-desc{text-align:center;max-width:1100px;margin-left:auto;margin-right:auto;margin-bottom:2rem}.benefit-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;list-style:none;padding:0;margin:3rem auto;width:100%}.benefit-list li{padding:1.5rem;text-align:center;font-size:1.05rem;line-height:1.6;border-bottom:2px dashed rgb(0 0 0 / .1);transition:var(--transition)}.benefit-list li strong{display:inline-block;margin-bottom:8px;color:var(--primary);font-size:1.2rem}.benefit-list li:nth-last-child(-n+2){border-bottom:none}.about-location{text-align:center;margin-top:40px;font-weight:600;color:var(--primary);line-height:1.6}.contact-section{padding:80px 5%;text-align:center}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;margin:40px auto}.contact-item{text-align:center;padding:2rem;background:var(--card-bg);border-radius:20px;box-shadow:var(--shadow);border:1px solid var(--border-color);transition:var(--transition)}.contact-item:hover{transform:translateY(-8px);box-shadow:0 12px 25px rgb(0 0 0 / .1)}.contact-icon{font-size:2.8rem;display:inline-block;margin-bottom:2rem}.contact-item strong{font-size:1.2rem;color:var(--primary);display:block;margin-bottom:10px}.contact-item p{font-size:.95rem;margin-bottom:15px;opacity:.9}.contact-link{color:var(--secondary);font-weight:700;text-decoration:none;font-size:1.1rem;border-bottom:2px solid var(--secondary);transition:var(--transition)}.contact-link:hover{color:var(--primary);border-color:var(--primary)}.map-container{margin-top:8rem;width:100%;max-width:1100px;margin-left:auto;margin-right:auto}.map-canvas{width:100%;border-radius:25px;overflow:hidden;border:8px solid var(--card-bg);box-shadow:var(--shadow)}.map-canvas iframe{display:block;filter:grayscale(.1);transition:filter 0.4s ease}.map-canvas iframe:hover{filter:grayscale(0)}.about-location{text-align:center;margin-top:30px;font-weight:600;color:var(--primary)}.main-footer{background-color:var(--card-bg);padding:80px 5% 40px;border-top:1px solid rgb(0 0 0 / .05);margin-top:100px}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1.2fr 1.2fr;gap:40px;align-items:start}.footer-logo{height:70px;margin-bottom:1.5rem}.footer-column h4{margin-bottom:1.5rem;font-size:1.1rem;font-weight:700;text-transform:uppercase;color:var(--text-color);letter-spacing:1px}.footer-column p,.social-row-static{font-size:.95rem;line-height:1.6;margin-bottom:18px;display:flex;align-items:flex-start;gap:15px;text-align:left;color:var(--text-color);opacity:.9}.footer-column p i,.social-row-static i{flex-shrink:0;width:20px;text-align:center;color:inherit;font-size:1.1rem;margin-top:4px}.footer-bottom{text-align:center;margin-top:60px;padding-top:20px;border-top:1px solid rgb(0 0 0 / .05);font-size:.85rem;opacity:.6}@media (max-width:992px){.nav-container{display:flex!important;align-items:center;justify-content:center;height:60px!important;position:relative;padding-top:15px!important;padding-bottom:10px!important;height:auto!important;min-height:70px!important}.nav-controls{display:flex!important;align-items:center!important;justify-content:center!important;gap:15px!important}.theme-wrapper{position:absolute!important;right:10px!important;gap:0.5px!important;top:50%!important;transform:translateY(-50%)!important;z-index:10000!important;margin:0!important}.theme-wrapper .switch{transform:scale(.5)!important;transform-origin:center;margin:0!important}.theme-wrapper .mode-label{display:inline-block!important;font-size:12px!important;margin:0!important;line-height:1}header{display:block!important}.nav-links{display:flex!important;margin:0!important;padding:0!important}.switch{transform:scale(.8);margin-right:5px!important}.footer-container{grid-template-columns:1fr 1fr}}@media (min-width:768px) and (max-width:1024px){.nav-container{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:10px 30px!important;height:auto!important;min-height:80px}.nav-controls{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:8px!important;flex:0 1 auto!important}.theme-wrapper{position:static!important;order:1!important;transform:scale(.75)!important;margin:0!important;display:flex!important;align-items:center}.nav-links{display:flex!important;flex-direction:row!important;gap:15px!important;order:2!important;margin:0!important;padding:0!important;list-style:none}.nav-item{font-size:13px!important;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.logo img{height:35px!important;width:auto}}@media (max-width:767px){header{position:sticky!important;top:0!important;display:block!important;height:auto!important;background:var(--nav-bg)!important}.nav-container{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:8px 15px!important;height:auto!important;min-height:70px!important;position:relative!important;top:0!important;position:static!important}.nav-controls{display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center!important;gap:4px!important;flex:1!important}.theme-wrapper{position:static!important;transform:scale(.65)!important;transform-origin:right center;margin:0!important;padding:0!important}.nav-links{display:flex!important;flex-direction:row!important;gap:10px!important;margin:0!important;padding:0!important}.nav-item{font-size:10px!important;font-weight:550;white-space:nowrap;letter-spacing:0}.logo-link{flex-shrink:0!important}.nav-logo-img{height:30px!important;width:auto}}@media (max-width:350px){.nav-links{gap:6px!important}.nav-item{font-size:9px!important}}@media (max-width:768px){.hero{padding:40px 5%}.footer-container{grid-template-columns:1fr;text-align:left}.footer-column p,.social-row-static{justify-content:flex-start}.benefit-list{grid-template-columns:1fr;gap:20px}.benefit-list li{border-bottom:1px dashed rgb(0 0 0 / .1)}}@media (max-width:600px){.scroll-btn{display:none}.menu-grid{padding:20px 5%!important}}@media (max-width:480px){.nav-links{flex-wrap:wrap;justify-content:center}.nav-container{padding:5px 15px}.logo img{height:35px}.nav-controls{gap:10px}.card{padding:1rem}.map-canvas iframe{height:300px}}
