:root{--orange: #E8621A;--orange-light: #FF8C42;--orange-dark: #C04E10;--cream: #FFF8F0;--warm-white: #FFFBF7;--gray-50: #F7F4F0;--gray-100: #EDE8E0;--gray-200: #D5CEC4;--gray-400: #9C9285;--gray-500: #7A7069;--gray-600: #5C5449;--gray-700: #3D3830;--gray-800: #2C2720;--gray-900: #1A1510;--font-display: "Playfair Display", Georgia, serif;--font-body: "Plus Jakarta Sans", sans-serif;--ease: cubic-bezier(.23, 1, .32, 1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 8px 32px rgba(0, 0, 0, .1);--shadow-lg: 0 24px 64px rgba(0, 0, 0, .14);--shadow-xl: 0 40px 100px rgba(0, 0, 0, .18)}body.dark-mode{--warm-white: #2B2520;--cream: #252018;--gray-50: #32291F;--gray-100: #3D3428;--gray-200: #504535;--gray-400: #9B8E7E;--gray-500: #B5A898;--gray-600: #CCC0AF;--gray-700: #DDD3C5;--gray-800: #EDE5D8;--gray-900: #F8F2EA;--shadow-sm: 0 4px 16px rgba(0, 0, 0, .35);--shadow-md: 0 12px 32px rgba(0, 0, 0, .5);--shadow-lg: 0 24px 64px rgba(0, 0, 0, .65);background:var(--warm-white);color:var(--gray-800)}body.dark-mode .navbar.scrolled{background:#2b2520f5;border-bottom:1px solid rgba(255,200,140,.08);box-shadow:0 4px 24px #00000059}body.dark-mode .mobile-menu-panel{background:#2b2520}body.dark-mode #beranda{background:linear-gradient(-40deg,#2b1f14,#3a2416,#2b1f14,#2e1e12,#281b10)}body.dark-mode .hero-overlay{opacity:.3}body.dark-mode .f-card,body.dark-mode .fav-card,body.dark-mode .menu-card,body.dark-mode .drink-card,body.dark-mode .tim-card,body.dark-mode .all-list,body.dark-mode .modal-box{background:#3a3025;border:1px solid rgba(255,200,140,.08)}body.dark-mode .fav-card-body,body.dark-mode .menu-card-body,body.dark-mode .tim-card-body{background:#3a3025}body.dark-mode .adv-item,body.dark-mode .kenapa-item{background:#3a3025;border:1px solid rgba(255,200,140,.06)}body.dark-mode .btn-outline{background:transparent;color:var(--orange-light);border-color:var(--orange-light)}body.dark-mode .btn-outline:hover{background:var(--orange);color:#fff;border-color:var(--orange)}body.dark-mode .tab-btn{color:var(--gray-600)}body.dark-mode .all-tab{background:transparent;border-color:#444;color:#aaa}body.dark-mode .all-tab:hover{border-color:var(--orange-light);color:var(--orange-light)}body.dark-mode .all-tab.active{background:var(--orange);border-color:var(--orange);color:#fff}body.dark-mode .menu-tabs-wrap{background:#1c1c1c}body.dark-mode .modal-close-btn{background:#333;color:#fff}body.dark-mode .dark-mode-btn{background:#333;border-color:#555;color:#fff}body.dark-mode .dark-mode-btn:hover{background:var(--orange);border-color:var(--orange)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--warm-white);color:var(--gray-800);overflow-x:hidden;line-height:1.6;transition:background .3s,color .3s}img{display:block;width:100%;height:100%;object-fit:cover}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--gray-50)}::-webkit-scrollbar-thumb{background:var(--orange);border-radius:99px}@keyframes fadeUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes heroBgShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes bgOverlayScroll{0%{background-position:0 0,0 0,0 0}to{background-position:100% 100%,-50% 50%,0 200px}}@keyframes heroFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(2deg)}}@keyframes blobPulse{0%,to{border-radius:60% 40% 55% 45%/50% 60% 40% 55%;transform:scale(1) rotate(0)}33%{border-radius:40% 60% 45% 55%/60% 40% 55% 45%;transform:scale(1.06) rotate(4deg)}66%{border-radius:55% 45% 60% 40%/45% 55% 45% 60%;transform:scale(.96) rotate(-3deg)}}@keyframes orbits{0%{transform:rotate(0) translate(var(--r)) rotate(0)}to{transform:rotate(360deg) translate(var(--r)) rotate(-360deg)}}@keyframes shimmerBadge{0%{background-position:-200% center}to{background-position:200% center}}@keyframes steam{0%{opacity:0;transform:translateY(0) scaleX(1)}40%{opacity:.6;transform:translateY(-12px) scaleX(1.15)}to{opacity:0;transform:translateY(-28px) scaleX(.8)}}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.6}}@keyframes counterUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.animate{opacity:0}.animate.in-view{animation:fadeUp .75s var(--ease) forwards}.delay-1{animation-delay:.08s!important}.delay-2{animation-delay:.16s!important}.delay-3{animation-delay:.24s!important}.delay-4{animation-delay:.32s!important}.wrap{max-width:1200px;margin:0 auto}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:68px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid transparent;transition:all .4s var(--ease)}.navbar.scrolled{background:#fffbf7f2;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid rgba(232,98,26,.08);box-shadow:0 4px 24px #00000014}.nav-logo{font-family:var(--font-display);font-size:1.25rem;font-weight:900;color:var(--gray-900);display:flex;align-items:center;gap:10px}.nav-logo span{color:var(--orange)}.nav-logo-icon{width:34px;height:34px;background:var(--orange);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px}.nav-actions-wrap{display:flex;align-items:center;gap:18px}.nav-links{display:flex;align-items:center;gap:4px;list-style:none}.nav-links a{font-size:.855rem;font-weight:500;color:var(--gray-600);padding:7px 15px;border-radius:99px;transition:all .22s}.nav-links a:hover,.nav-links a.active{color:var(--orange);background:#e8621a17}.nav-links .cctv-link{display:flex;align-items:center;gap:6px;background:#e8621a12;border:1px solid rgba(232,98,26,.15);color:var(--orange);font-weight:600}.nav-links .cctv-link:hover{background:var(--orange);color:#fff;border-color:var(--orange)}.cctv-dot{width:7px;height:7px;border-radius:50%;background:#e8621a;animation:pulseDot 1.2s infinite}.dark-mode-btn{background:#e8621a1a;border:1px solid rgba(232,98,26,.2);color:var(--orange);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .3s}.dark-mode-btn:hover{background:var(--orange);color:#fff}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:42px;height:42px;cursor:pointer;border:none;background:#e8621a14;border-radius:11px;border:1.5px solid rgba(232,98,26,.18);gap:0;padding:0;position:relative;transition:all .3s var(--ease)}.hamburger:hover{background:#e8621a26;border-color:#e8621a59}.hamburger .bar{position:absolute;width:20px;height:2px;background:var(--orange);border-radius:2px;transition:all .38s var(--ease);transform-origin:center}.hamburger .bar-1{transform:translateY(-6px)}.hamburger .bar-2{transform:translateY(0)}.hamburger .bar-3{transform:translateY(6px)}.hamburger.is-open .bar-1{transform:translateY(0) rotate(45deg)}.hamburger.is-open .bar-2{transform:translate(10px);opacity:0}.hamburger.is-open .bar-3{transform:translateY(0) rotate(-45deg)}.mobile-menu{position:fixed;inset:0;z-index:998;pointer-events:none}.mobile-menu:before{content:"";position:absolute;inset:0;background:#1a151073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .38s var(--ease)}.mobile-menu.open{pointer-events:all}.mobile-menu.open:before{opacity:1}.mobile-menu-panel{position:absolute;top:0;right:0;width:min(320px,85vw);height:100%;background:var(--warm-white);box-shadow:-16px 0 48px #0000002e;display:flex;flex-direction:column;padding:0;transform:translate(100%);transition:transform .42s var(--ease);overflow-y:auto}.mobile-menu.open .mobile-menu-panel{transform:translate(0)}.mob-header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 18px;border-bottom:1px solid var(--gray-100)}.mob-logo{font-family:var(--font-display);font-size:1.1rem;font-weight:900;color:var(--gray-900)}.mob-logo span{color:var(--orange)}.mob-close{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--gray-200);background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--gray-500);transition:all .2s}.mob-close:hover{background:var(--orange);color:#fff;border-color:var(--orange)}.mob-nav{padding:10px 0;flex:1}.mob-nav a{display:flex;align-items:center;gap:12px;padding:14px 22px;font-size:.96rem;font-weight:600;color:var(--gray-700);border-left:3px solid transparent;transition:all .22s;text-decoration:none}.mob-nav a:hover{color:var(--orange);background:#e8621a0d;border-left-color:var(--orange)}.mob-nav a .mob-link-icon{font-size:18px;width:24px;text-align:center}.mob-nav .mob-divider{height:1px;background:var(--gray-100);margin:6px 22px}.mob-nav a{opacity:0;transform:translate(20px)}.mobile-menu.open .mob-nav a{animation:mobLinkIn .4s var(--ease) forwards}.mobile-menu.open .mob-nav a:nth-child(1){animation-delay:.05s}.mobile-menu.open .mob-nav a:nth-child(2){animation-delay:.1s}.mobile-menu.open .mob-nav a:nth-child(3){animation-delay:.15s}.mobile-menu.open .mob-nav a:nth-child(4){animation-delay:.2s}.mobile-menu.open .mob-nav a:nth-child(5){animation-delay:.25s}.mobile-menu.open .mob-nav a:nth-child(6){animation-delay:.3s}@keyframes mobLinkIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.mob-footer{padding:18px 22px;border-top:1px solid var(--gray-100);display:flex;flex-direction:column;gap:10px}.mob-wa-btn{display:flex;align-items:center;justify-content:center;gap:9px;background:#25d366;color:#fff;font-size:.89rem;font-weight:700;padding:13px;border-radius:12px;text-decoration:none;transition:all .25s}.mob-wa-btn:hover{background:#1ebe5c;transform:translateY(-2px)}.mob-footer-note{font-size:.72rem;color:var(--gray-400);text-align:center}.wa-fab{position:fixed;bottom:30px;right:28px;z-index:890;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 8px 28px #25d36673,0 2px 8px #00000026;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;animation:waBounce 3s ease-in-out infinite;transition:transform .25s,box-shadow .25s}.wa-fab:hover{transform:scale(1.12);box-shadow:0 16px 40px #25d3668c;animation:none}.wa-fab svg{width:30px;height:30px;fill:#fff}.wa-fab:before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(37,211,102,.4);animation:waRing 2s ease-in-out infinite}.wa-fab:after{content:"Hubungi Kami";position:absolute;right:66px;top:50%;transform:translateY(-50%);white-space:nowrap;background:#fff;color:#128c7e;font-size:.76rem;font-weight:700;padding:5px 12px;border-radius:99px;box-shadow:0 4px 16px #0000001f;opacity:0;pointer-events:none;transition:opacity .25s}.wa-fab:hover:after{opacity:1}@keyframes waBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes waRing{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.3);opacity:0}}section{padding:88px 5vw}.section-label{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--orange);margin-bottom:14px}.section-label:before{content:"";display:block;width:22px;height:2px;background:var(--orange);border-radius:1px}.section-title{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,2.9rem);font-weight:900;color:var(--gray-900);line-height:1.17;letter-spacing:-.8px}.section-text{font-size:.95rem;color:var(--gray-500);line-height:1.75;margin-top:14px}.btn-primary{display:inline-flex;align-items:center;gap:9px;background:var(--orange);color:#fff;font-size:.92rem;font-weight:700;padding:14px 28px;border-radius:12px;cursor:pointer;border:none;transition:all .3s var(--ease);box-shadow:0 8px 28px #e8621a59;font-family:var(--font-body)}.btn-primary:hover{background:var(--orange-dark);transform:translateY(-2px);box-shadow:0 16px 44px #e8621a6b}.btn-primary svg{transition:transform .3s}.btn-primary:hover svg{transform:translate(4px)}.btn-outline{display:inline-flex;align-items:center;gap:9px;background:#fff;color:var(--orange);font-size:.92rem;font-weight:700;padding:14px 28px;border-radius:12px;cursor:pointer;border:2px solid var(--orange);transition:all .3s var(--ease);font-family:var(--font-body);box-shadow:0 4px 16px #e8621a1a}.btn-outline:hover{background:var(--orange);color:#fff;transform:translateY(-2px);box-shadow:0 12px 32px #e8621a4d}.btn-ghost{display:inline-flex;align-items:center;gap:8px;color:var(--gray-700);font-size:.88rem;font-weight:600;padding:14px 22px;border-radius:12px;transition:all .25s;cursor:pointer;font-family:var(--font-body)}.btn-ghost:hover{color:var(--orange);background:#e8621a0f}#beranda{min-height:100vh;padding-top:68px;position:relative;overflow:hidden;display:flex;align-items:center;background:linear-gradient(-40deg,#fff1e6,#ffe0c8,#fff6ee,#ffe8d6,#fff1e6);background-size:300% 300%;animation:heroBgShift 20s ease infinite}.hero-overlay{position:absolute;inset:0;z-index:1;pointer-events:none}.hero-overlay:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 45% at 15% 55%,rgba(255,140,66,.22) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 85% 28%,rgba(232,98,26,.2) 0%,transparent 60%),radial-gradient(ellipse 40% 35% at 50% 90%,rgba(255,200,100,.12) 0%,transparent 60%);animation:bgOverlayScroll 18s ease-in-out infinite alternate}.hero-overlay:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(232,98,26,.12) 1.5px,transparent 1.5px);background-size:38px 38px;animation:heroDotDrift 28s linear infinite}@keyframes heroDotDrift{0%{background-position:0 0}to{background-position:76px 76px}}.h-blob{position:absolute;pointer-events:none;z-index:0;animation:blobPulse 14s ease-in-out infinite;will-change:transform}.h-blob-1{width:600px;height:600px;top:-180px;right:-150px;background:radial-gradient(ellipse,rgba(232,98,26,.16) 0%,transparent 72%);animation-delay:-4s}.h-blob-2{width:480px;height:480px;bottom:-140px;left:-100px;background:radial-gradient(ellipse,rgba(255,140,66,.13) 0%,transparent 70%);animation-duration:18s}.h-blob-3{width:300px;height:300px;top:35%;left:38%;background:radial-gradient(ellipse,rgba(232,98,26,.08) 0%,transparent 70%);animation-duration:10s;animation-delay:-7s}.hero-inner{position:relative;z-index:3;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:160px;max-width:1280px;margin:0 auto;width:100%;padding:80px 5vw}.hero-text{position:relative}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#e8621a1a;border:1px solid rgba(232,98,26,.22);color:var(--orange);font-size:.76rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:6px 14px;border-radius:99px;margin-bottom:26px;animation:fadeUp .8s var(--ease) .1s both}.hero-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--orange);animation:pulseDot 1.4s infinite}.hero-title{font-family:var(--font-display);font-size:clamp(2.4rem,4.8vw,4.6rem);font-weight:900;color:var(--gray-900);line-height:1.06;letter-spacing:-2px;margin-bottom:24px;animation:fadeUp .8s var(--ease) .2s both}.hero-title em{color:var(--orange);font-style:italic}.hero-title .hero-line-accent{display:inline-block;position:relative}.hero-title .hero-line-accent:after{content:"";position:absolute;left:0;bottom:-5px;right:0;height:5px;background:linear-gradient(90deg,var(--orange),var(--orange-light));border-radius:3px;background-size:200% auto;animation:shimmerBadge 2.5s linear infinite}.hero-desc{font-size:1.07rem;color:var(--gray-600);max-width:500px;line-height:1.82;margin-bottom:40px;animation:fadeUp .8s var(--ease) .3s both}.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;animation:fadeUp .8s var(--ease) .4s both}.hero-stats{display:flex;align-items:center;gap:32px;margin-top:48px;animation:fadeUp .8s var(--ease) .5s both}.hero-stat-num{font-family:var(--font-display);font-size:1.9rem;font-weight:900;color:var(--gray-900);line-height:1;animation:counterUp .8s var(--ease) .7s both;opacity:0}.hero-stat-num span{color:var(--orange)}.hero-stat-label{font-size:.74rem;color:var(--gray-400);margin-top:4px}.stat-divider{width:1px;height:40px;background:var(--gray-200)}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center}.hero-img-frame{position:relative;width:480px;height:480px}.hero-img-square-glow{position:absolute;inset:-10px;border-radius:28px;background:linear-gradient(135deg,#e8621a4d,#ff8c4226,#e8621a4d);animation:blobPulse 6s ease-in-out infinite;z-index:0}.hero-img-frame:before,.hero-img-frame:after{content:"";position:absolute;width:56px;height:56px;z-index:4;border-color:var(--orange);border-style:solid;opacity:.5}.hero-img-frame:before{top:-6px;left:-6px;border-width:4px 0 0 4px;border-radius:6px 0 0}.hero-img-frame:after{bottom:-6px;right:-6px;border-width:0 4px 4px 0;border-radius:0 0 6px}.hero-img-circle{width:480px;height:480px;border-radius:24px;overflow:hidden;box-shadow:0 40px 100px #e8621a40,0 0 0 1px #e8621a1f;animation:heroFloat 5s ease-in-out infinite;position:relative;z-index:2}.hero-img-circle img{width:100%;height:100%;object-fit:cover;border-radius:0}.hero-img-circle .img-overlay{position:absolute;inset:0;background:linear-gradient(160deg,transparent 50%,rgba(232,98,26,.14) 100%)}.steam-wrap{position:absolute;bottom:18%;left:50%;transform:translate(-50%);display:flex;gap:13px;z-index:5}.steam{width:5px;height:26px;background:#ffffffb3;border-radius:99px;filter:blur(2.5px);animation:steam 2.4s ease-in-out infinite}.steam:nth-child(2){animation-delay:.5s;height:19px}.steam:nth-child(3){animation-delay:1.1s;height:22px}.f-card{position:absolute;background:#fff;border-radius:14px;padding:12px 16px;box-shadow:var(--shadow-md);display:flex;align-items:center;gap:11px;white-space:nowrap;z-index:6}.f-card-1{bottom:-10px;left:-60px;animation:heroFloat 4s ease-in-out infinite}.f-card-2{top:16px;right:-60px;animation:heroFloat 5.5s ease-in-out infinite;animation-delay:-2s}.f-card-icon{width:38px;height:38px;background:#e8621a1a;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px}.f-card-label{font-size:.68rem;color:var(--gray-400);font-weight:500}.f-card-val{font-size:.87rem;font-weight:700;color:var(--gray-800)}#menu-favorit{background:var(--gray-50);padding:88px 5vw;position:relative;overflow:hidden}.fav-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}.fav-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-sm);transition:all .4s var(--ease);cursor:pointer;border:1px solid transparent}.fav-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:#e8621a1f}.fav-card-img{aspect-ratio:1/1;position:relative;overflow:hidden}.fav-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--ease)}.fav-card:hover .fav-card-img img{transform:scale(1.07)}.fav-card-badge{position:absolute;top:12px;right:12px;background:var(--orange);color:#fff;font-size:.68rem;font-weight:700;padding:4px 11px;border-radius:99px}.fav-card-body{padding:18px 20px}.fav-card-name{font-family:var(--font-display);font-size:1.07rem;font-weight:700;color:var(--gray-900);margin-bottom:6px}.fav-card-desc{font-size:.82rem;color:var(--gray-500);line-height:1.58;margin-bottom:14px}.fav-card-footer{display:flex;align-items:center;justify-content:space-between}.fav-price{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--orange)}.fav-detail-btn{background:#e8621a1a;color:var(--orange);border:none;cursor:pointer;font-size:.77rem;font-weight:700;padding:7px 15px;border-radius:99px;transition:all .25s;font-family:var(--font-body)}.fav-detail-btn:hover{background:var(--orange);color:#fff}.see-all-wrap{text-align:center;margin-top:40px}#kenapa-kami{background:var(--warm-white)}.kenapa-wrap{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;max-width:1200px;margin:0 auto}.kenapa-img-box{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:1/1;max-width:420px}.kenapa-img-box img{width:100%;height:100%;object-fit:cover}.kenapa-img-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(232,98,26,.18) 0%,transparent 55%)}.kenapa-features{display:flex;flex-direction:column;gap:22px;margin-top:40px}.kenapa-item{display:flex;gap:18px;align-items:flex-start;padding:20px;background:var(--gray-50);border-radius:16px;border:1px solid transparent;transition:all .3s;cursor:default}.kenapa-item:hover{border-color:#e8621a33;transform:translate(7px);background:#e8621a06}.kenapa-icon{width:48px;height:48px;flex-shrink:0;background:linear-gradient(135deg,#e8621a26,#ff8c4214);border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:21px}.kenapa-item-title{font-size:.96rem;font-weight:700;color:var(--gray-900);margin-bottom:3px}.kenapa-item-desc{font-size:.83rem;color:var(--gray-600);line-height:1.6}#tentang{background:var(--cream)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-bottom:80px;max-width:1200px;margin-left:auto;margin-right:auto}.about-grid.flip{direction:rtl}.about-grid.flip>*{direction:ltr}.about-img-box{border-radius:22px;overflow:hidden;aspect-ratio:1/1;max-width:400px;position:relative}.about-img-box img{width:100%;height:100%;object-fit:cover}.about-text p{color:var(--gray-600);line-height:1.82;margin-bottom:14px;font-size:.93rem}.about-quote{margin:28px 0;padding:22px 26px;border-left:4px solid var(--orange);background:#e8621a0d;border-radius:0 14px 14px 0;font-family:var(--font-display);font-style:italic;font-size:1.05rem;color:var(--gray-700);line-height:1.6}.about-sepia{position:absolute;inset:0;background:#b4825038;mix-blend-mode:multiply}.about-owner-wrap{position:relative;max-width:400px;margin:0 auto}.about-owner-wrap:before,.about-owner-wrap:after{content:"";position:absolute;width:56px;height:56px;z-index:3;pointer-events:none}.about-owner-wrap:before{top:-10px;right:-10px;border-top:3px solid var(--orange);border-right:3px solid var(--orange);border-radius:0 16px 0 0}.about-owner-wrap:after{bottom:-10px;left:-10px;border-bottom:3px solid var(--orange);border-left:3px solid var(--orange);border-radius:0 0 0 16px}.about-owner-glow{position:absolute;inset:-18px;background:radial-gradient(ellipse at 60% 80%,rgba(232,98,26,.18) 0%,transparent 70%);pointer-events:none;z-index:0;border-radius:40px}.about-owner-box{position:relative;z-index:1;border-radius:22px;overflow:hidden;aspect-ratio:1 / 1}.about-owner-box img{width:100%;height:100%;object-fit:cover;display:block}.about-owner-grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(40,15,0,.65) 0%,rgba(40,15,0,.15) 40%,transparent 68%)}.about-owner-badge{position:absolute;bottom:18px;left:50%;transform:translate(-50%);background:#ffffff1a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.22);border-radius:99px;padding:9px 22px;white-space:nowrap;text-align:center;z-index:2}.about-owner-badge-name{font-size:.88rem;font-weight:700;color:#fff;line-height:1.2;font-family:var(--font-display)}.about-owner-badge-role{font-size:.72rem;color:#ffffffbf;margin-top:2px;font-weight:500}.about-owner-exp{position:absolute;top:16px;left:-14px;z-index:4;background:var(--orange);color:#fff;border-radius:14px;padding:10px 14px;text-align:center;box-shadow:0 8px 24px #e8621a66;line-height:1.1;min-width:62px}.about-owner-exp-num{font-family:var(--font-display);font-size:1.4rem;font-weight:900}.about-owner-exp-num span{font-size:.9rem}.about-owner-exp-label{font-size:.6rem;font-weight:600;opacity:.88;margin-top:2px;text-transform:uppercase;letter-spacing:.5px}.tim-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px;max-width:1200px;margin-left:auto;margin-right:auto}.tim-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-sm);transition:all .35s var(--ease);border:1px solid transparent}.tim-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:#e8621a1f}.tim-card-img{aspect-ratio:1/1;overflow:hidden;position:relative}.tim-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.tim-card:hover .tim-card-img img{transform:scale(1.06)}.tim-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(26,21,16,.5) 0%,transparent 60%);opacity:0;transition:opacity .35s}.tim-card:hover .tim-card-overlay{opacity:1}.tim-card-body{padding:18px 18px 14px;text-align:center}.tim-card-name{font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--gray-900);margin-bottom:3px}.tim-card-role{font-size:.78rem;color:var(--orange);font-weight:600;display:inline-flex;align-items:center;gap:5px}.tim-card-desc{font-size:.8rem;color:var(--gray-500);margin-top:8px;line-height:1.55}.tim-socials{display:flex;justify-content:center;gap:8px;margin-top:13px;padding-top:13px;border-top:1px solid var(--gray-100)}.tim-social-btn{display:flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;padding:6px 11px;border-radius:99px;cursor:pointer;transition:all .22s;text-decoration:none}.tim-social-wa{background:#e8f5e9;color:#1b8a3b}.tim-social-wa:hover{background:#25d366;color:#fff;transform:translateY(-2px)}.tim-social-ig{background:#e1306c14;color:#e1306c}.tim-social-ig:hover{background:#e1306c;color:#fff;transform:translateY(-2px)}.tim-social-tt{background:#0000000d;color:#111}.tim-social-tt:hover{background:#111;color:#fff;transform:translateY(-2px)}.tim-detail-btn{width:100%;margin-top:10px;background:#e8621a14;color:var(--orange);border:1.5px solid rgba(232,98,26,.18);font-size:.8rem;font-weight:700;padding:9px;border-radius:10px;cursor:pointer;transition:all .25s;font-family:var(--font-body);display:flex;align-items:center;justify-content:center;gap:6px}.tim-detail-btn:hover{background:var(--orange);color:#fff;border-color:var(--orange)}.tim-card-foot{display:flex;align-items:center;gap:4px;margin-top:12px;padding-top:12px;border-top:1px solid var(--gray-100)}.tim-si-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:none;border:none;cursor:pointer;transition:color .2s,transform .2s;text-decoration:none;flex-shrink:0}.tim-si-wa{color:#1b8a3b}.tim-si-wa:hover{color:#25d366;transform:translateY(-2px)}.tim-si-ig{color:#e1306c}.tim-si-ig:hover{color:#c13584;transform:translateY(-2px)}.tim-si-tt{color:#111}.tim-si-tt:hover{color:#555;transform:translateY(-2px)}.tim-modal-overlay{position:fixed;inset:0;z-index:9999;background:#0f0a05b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .28s}.tim-modal-overlay.open{opacity:1;pointer-events:all}.tim-modal-box{background:#fff;border-radius:24px;max-width:480px;width:100%;overflow:hidden;box-shadow:0 40px 100px #00000047;opacity:0;transform:scale(.88) translateY(24px);transition:all .32s var(--ease)}.tim-modal-overlay.open .tim-modal-box{opacity:1;transform:scale(1) translateY(0)}.tim-modal-header2{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 22px 14px;border-bottom:1px solid #f0f0f0}.tim-modal-name2{font-family:var(--font-display);font-size:1.35rem;font-weight:900;color:#1a2020;line-height:1.1}.tim-modal-role2{font-size:.78rem;color:var(--orange);font-weight:700;margin-top:5px;letter-spacing:.02em}.tim-modal-close2{width:32px;height:32px;border-radius:50%;background:#f4f4f4;color:#666;border:none;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,color .2s}.tim-modal-close2:hover{background:#e11d48;color:#fff}.tim-modal-img-wrap{padding:18px 22px 0}.tim-modal-img2{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;border-radius:16px;background:linear-gradient(135deg,#fde8d0,#f97316)}.tim-modal-img2-placeholder{display:grid;place-items:center;font-size:72px}.tim-modal-love-row{display:flex;justify-content:center;padding:14px 0 6px}.tim-modal-love-row .menu-love-btn{font-size:12px}.tim-modal-love-row .menu-love-btn svg{width:22px;height:22px}.tim-modal-body2{padding:8px 22px 24px}.tim-modal-about{font-size:.9rem;color:var(--gray-600);line-height:1.75;margin-bottom:18px}.tim-modal-socials{display:flex;gap:10px;flex-wrap:wrap}.tim-modal-social{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;font-size:.83rem;font-weight:700;padding:12px;border-radius:11px;cursor:pointer;transition:all .25s;text-decoration:none}.tim-ms-wa{background:#e8f5e9;color:#1b8a3b}.tim-ms-wa:hover{background:#25d366;color:#fff}.tim-ms-ig{background:#e1306c14;color:#e1306c}.tim-ms-ig:hover{background:#e1306c;color:#fff}.tim-ms-tt{background:#0000000d;color:#111}.tim-ms-tt:hover{background:#111;color:#fff}.menu-love-btn{display:inline-flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;padding:4px 6px;font-size:11px;font-weight:700;color:#9ca3af;cursor:pointer;transition:color .22s ease;line-height:1;-webkit-user-select:none;user-select:none;flex-shrink:0}.menu-love-btn svg{width:18px;height:18px;transition:all .22s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}.menu-love-btn:hover{color:#e11d48}.menu-love-btn:hover svg{transform:scale(1.2)}.menu-love-btn.loved{color:#e11d48}.menu-love-btn.loved svg{fill:#e11d48;stroke:#e11d48}.menu-love-btn.loved:hover{color:#9ca3af}.menu-love-btn.loved:hover svg{fill:none;stroke:currentColor;transform:scale(1)}@keyframes lovePop{0%{transform:scale(1)}40%{transform:scale(1.5)}70%{transform:scale(.88)}to{transform:scale(1)}}.menu-love-btn.just-loved svg{animation:lovePop .38s ease forwards}#menu{background:linear-gradient(180deg,var(--warm-white) 0%,var(--gray-50) 100%)}.menu-tabs-wrap{display:flex;gap:6px;flex-wrap:wrap;background:#fff;border-radius:14px;padding:6px;width:fit-content;box-shadow:var(--shadow-sm);margin:40px auto 48px}.tab-btn{padding:10px 24px;border-radius:10px;border:none;background:transparent;color:var(--gray-600);font-size:.855rem;font-weight:600;cursor:pointer;transition:all .22s;font-family:var(--font-body)}.tab-btn:hover{color:var(--orange);background:#e8621a0f}.tab-btn.active{background:var(--orange);color:#fff;box-shadow:0 4px 14px #e8621a52}.menu-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:36px}.menu-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);transition:all .35s var(--ease);cursor:pointer}.menu-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-lg);border-color:#e8621a26}.menu-card-img{aspect-ratio:1/1;position:relative;overflow:hidden}.menu-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.menu-card:hover .menu-card-img img{transform:scale(1.07)}.menu-card-badges{position:absolute;top:9px;left:9px;display:flex;flex-direction:column;gap:5px;z-index:2}.mc-badge{background:var(--orange);color:#fff;font-size:.65rem;font-weight:700;padding:3px 9px;border-radius:99px;display:inline-block}.mc-badge.gold{background:linear-gradient(135deg,#d4a017,#f5c842);color:#3d2b00}.menu-card-body{padding:14px 16px 16px}.menu-card-name{font-family:var(--font-display);font-size:.96rem;font-weight:700;color:var(--gray-900);margin-bottom:5px;line-height:1.3}.menu-card-desc{font-size:.77rem;color:var(--gray-500);line-height:1.5;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.menu-card-foot{display:flex;align-items:center;justify-content:space-between;gap:6px}.menu-card-price{font-family:var(--font-display);font-size:1rem;font-weight:900;color:var(--orange)}.mc-detail-btn{background:#e8621a1a;color:var(--orange);border:none;font-size:.73rem;font-weight:700;padding:6px 13px;border-radius:99px;cursor:pointer;transition:all .22s;font-family:var(--font-body);white-space:nowrap}.mc-detail-btn:hover{background:var(--orange);color:#fff}.drink-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:36px}.drink-card{background:#fff;border-radius:16px;padding:18px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);display:flex;align-items:center;gap:14px;transition:all .3s var(--ease);cursor:pointer}.drink-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#e8621a26}.drink-icon{width:50px;height:50px;flex-shrink:0;border-radius:13px;background:linear-gradient(135deg,#e8621a1f,#ff8c4212);display:flex;align-items:center;justify-content:center;font-size:24px}.drink-name{font-size:.89rem;font-weight:700;color:var(--gray-900);margin-bottom:2px}.drink-sub{font-size:.68rem;color:#b8860b;font-weight:700}.drink-price{font-family:var(--font-display);font-size:.97rem;font-weight:900;color:var(--orange);margin-top:1px}#cctv{background:#111;padding:88px 5vw}.cctv-header{text-align:center;margin-bottom:48px}.cctv-header .section-label{color:var(--orange-light)}.cctv-header .section-label:before{background:var(--orange-light)}.cctv-header .section-title{color:#fff}.cctv-header .section-text{color:#ffffff80}.cctv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:900px;margin:0 auto}.cctv-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;transition:all .3s}.cctv-card:hover{border-color:#e8621a4d;background:#e8621a0f}.cctv-screen{aspect-ratio:16/9;background:linear-gradient(135deg,#0d0d0d,#1a1510);display:flex;align-items:center;justify-content:center;position:relative}.cctv-placeholder-icon{font-size:56px;opacity:.25}.cctv-rec{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:6px;background:#00000080;padding:4px 10px;border-radius:5px}.cctv-rec-dot{width:7px;height:7px;border-radius:50%;background:#e8362a;animation:pulseDot 1s infinite}.cctv-rec-text{font-size:.68rem;color:#ffffffb3;font-weight:700;letter-spacing:1px}.cctv-ts{position:absolute;bottom:10px;right:10px;font-size:.68rem;color:#ffffff80;font-family:monospace}.cctv-label{padding:14px 18px;font-size:.85rem;font-weight:600;color:#ffffffb3;display:flex;align-items:center;gap:8px}.cctv-label span{font-size:16px}#kontak{background:#111;padding:88px 5vw;position:relative;overflow:hidden}.kontak-dots{position:absolute;inset:0;background-image:radial-gradient(rgba(232,98,26,.09) 1px,transparent 1px);background-size:30px 30px}.kontak-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;max-width:1200px;margin:0 auto}.kontak-title{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.8rem);font-weight:900;color:#fff;line-height:1.15;margin-bottom:14px}.kontak-sub{color:#ffffff80;font-size:.93rem;margin-bottom:40px}.kontak-items{display:flex;flex-direction:column;gap:14px}.kontak-item{display:flex;align-items:center;gap:18px;padding:18px 22px;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);border-radius:14px;transition:all .3s;text-decoration:none}.kontak-item:hover{background:#e8621a1f;border-color:#e8621a47;transform:translate(5px)}.kontak-icon{width:44px;height:44px;flex-shrink:0;background:#e8621a26;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--orange-light)}.kontak-item-label{font-size:.71rem;color:#ffffff61;margin-bottom:2px}.kontak-item-val{font-size:.92rem;font-weight:600;color:#ffffffe0}.kontak-map{border-radius:18px;overflow:hidden;height:260px;margin-bottom:20px;box-shadow:0 16px 48px #0000004d}.kontak-map iframe{width:100%;height:100%;border:none;display:block}.kontak-addr{background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:18px 22px}.kontak-addr-row{display:flex;align-items:flex-start;gap:11px;margin-bottom:12px;font-size:.84rem;color:#ffffffb8}.kontak-addr-row:last-child{margin-bottom:0}.kontak-addr-row strong{color:#fff;display:block;margin-bottom:2px}.jam-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px 14px;font-size:.79rem;color:#ffffff94}.jam-row{display:flex;justify-content:space-between;gap:8px}.jam-row span:last-child{color:var(--orange-light);font-weight:600}footer{background:#111;padding:20px 0 0;position:relative;overflow:hidden}.footer-body{padding:56px 5vw 36px;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px}.footer-logo{font-family:var(--font-display);font-size:1.4rem;font-weight:900;color:#fff;margin-bottom:14px}.footer-logo span{color:var(--orange)}.footer-tagline{font-size:.85rem;color:#ffffff73;line-height:1.7;max-width:260px}.footer-socials{display:flex;gap:10px;margin-top:22px}.footer-social-btn{width:36px;height:36px;border-radius:9px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--orange-light);cursor:pointer;transition:all .25s;text-decoration:none}.footer-social-btn:hover{background:var(--orange);border-color:var(--orange);transform:translateY(-3px)}.footer-col-title{font-size:.78rem;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--orange);margin-bottom:18px}.footer-links-list{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-links-list a{font-size:.84rem;color:#ffffff7a;transition:color .2s}.footer-links-list a:hover{color:var(--orange-light)}.footer-hours{display:flex;flex-direction:column;gap:8px}.footer-hour-row{display:flex;justify-content:space-between;font-size:.82rem}.footer-hour-day{color:#ffffff7a}.footer-hour-time{color:var(--orange-light);font-weight:600}.footer-hour-closed{color:#ff6b6b;font-weight:600}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding:20px 5vw;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;max-width:1200px;margin:0 auto}.footer-copy{font-size:.79rem;color:#ffffff4d}.footer-bottom-links{display:flex;gap:20px}.footer-bottom-links a{font-size:.79rem;color:#ffffff4d;transition:color .2s}.footer-bottom-links a:hover{color:var(--orange)}.footer-back-top{display:flex;align-items:center;gap:7px;background:#e8621a1f;color:var(--orange);font-size:.79rem;font-weight:700;padding:8px 16px;border-radius:9px;cursor:pointer;border:none;font-family:var(--font-body);transition:all .25s}.footer-back-top:hover{background:var(--orange);color:#fff}.modal-overlay{position:fixed;inset:0;z-index:9999;background:#0f0a05b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .28s}.modal-overlay.open{opacity:1;pointer-events:all}.modal-box{background:#fff;border-radius:24px;max-width:540px;width:100%;overflow:hidden;box-shadow:0 40px 100px #00000047;opacity:0;transform:scale(.88) translateY(24px);transition:all .32s var(--ease)}.modal-overlay.open .modal-box{opacity:1;transform:scale(1) translateY(0)}.modal-img-wrap{aspect-ratio:16/9;position:relative;overflow:hidden}.modal-img-wrap img{width:100%;height:100%;object-fit:cover}.modal-img-grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.48) 0%,transparent 55%)}.modal-close-x{position:absolute;top:14px;right:14px;z-index:10;width:34px;height:34px;border-radius:50%;background:#00000073;color:#fff;border:none;cursor:pointer;font-size:17px;display:flex;align-items:center;justify-content:center;transition:background .2s}.modal-close-x:hover{background:#000000b3}.modal-badges-wrap{position:absolute;top:14px;left:14px;display:flex;gap:7px}.modal-badge{background:var(--orange);color:#fff;font-size:.68rem;font-weight:700;padding:4px 11px;border-radius:99px}.modal-content{padding:24px 28px 28px}.modal-name{font-family:var(--font-display);font-size:1.5rem;font-weight:900;color:var(--gray-900);margin-bottom:6px}.modal-price{font-family:var(--font-display);font-size:1.85rem;font-weight:900;color:var(--orange);margin-bottom:14px}.modal-desc{font-size:.91rem;color:var(--gray-600);line-height:1.72;margin-bottom:18px}.modal-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:22px}.modal-tag{background:var(--gray-50);color:var(--gray-600);font-size:.75rem;font-weight:600;padding:5px 13px;border-radius:99px;border:1px solid var(--gray-100)}.modal-actions{display:flex;gap:10px}.modal-wa{flex:1;background:#25d366;color:#fff;border:none;cursor:pointer;font-size:.88rem;font-weight:700;padding:13px 18px;border-radius:11px;transition:all .3s;font-family:var(--font-body);display:flex;align-items:center;justify-content:center;gap:8px}.modal-wa:hover{background:#1ebe5c;transform:translateY(-1px)}.modal-close-btn{background:var(--gray-50);color:var(--gray-700);border:none;cursor:pointer;font-size:.88rem;font-weight:700;padding:13px 20px;border-radius:11px;transition:all .3s;font-family:var(--font-body)}.modal-close-btn:hover{background:var(--gray-100)}@media(max-width:1100px){.hero-inner{grid-template-columns:1fr;gap:40px;text-align:center;padding:56px 0}.hero-text{order:1}.hero-desc{margin:0 auto 36px}.hero-actions,.hero-stats{justify-content:center}.hero-visual{order:0}.hero-img-frame,.hero-img-circle{width:340px;height:340px}.f-card-1{left:0}.f-card-2{right:0}.kenapa-wrap,.about-grid{grid-template-columns:1fr;gap:40px}.about-grid.flip{direction:ltr}.kontak-inner{grid-template-columns:1fr}.footer-body{grid-template-columns:1fr 1fr;gap:32px}}@media(max-width:900px){.fav-grid{grid-template-columns:1fr 1fr}.menu-card-grid{grid-template-columns:repeat(2,1fr)}.drink-grid,.tim-grid{grid-template-columns:1fr 1fr}.cctv-grid{grid-template-columns:1fr}}@media(max-width:640px){section{padding:64px 5vw}.nav-links{display:none}.hamburger{display:flex}.navbar{background:#fffbf7f7;-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid rgba(232,98,26,.08);box-shadow:0 2px 16px #00000012}body.dark-mode .navbar{background:#2b2520f7;border-bottom:1px solid rgba(255,200,140,.08);box-shadow:0 2px 16px #00000059}.fav-grid,.tim-grid{grid-template-columns:1fr}.hero-img-frame,.hero-img-circle{width:260px;height:260px}.f-card-1,.f-card-2{display:none}.hero-stats{flex-direction:column;align-items:center;gap:14px}.stat-divider{width:36px;height:1px}.menu-card-grid{grid-template-columns:1fr 1fr;gap:12px}.drink-grid{grid-template-columns:1fr}.footer-body{grid-template-columns:1fr;gap:28px}.footer-bottom{flex-direction:column;text-align:center}.modal-content{padding:18px}}@media(max-width:420px){.menu-card-grid{grid-template-columns:1fr}}.modal-ar-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:10px;padding:11px 16px;border:1.5px solid rgba(99,102,241,.35);border-radius:10px;background:#6366f10f;color:#4338ca;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.modal-ar-btn:hover{background:#6366f124;border-color:#6366f18c}.ar-modal-overlay{position:fixed;inset:0;z-index:3000;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s}.ar-modal-overlay.open{opacity:1;pointer-events:all}.ar-modal-box{background:#fff;border-radius:20px;width:min(94vw,560px);box-shadow:0 24px 64px #00000038;overflow:hidden;transform:translateY(20px) scale(.97);transition:transform .28s var(--ease)}.ar-modal-overlay.open .ar-modal-box{transform:translateY(0) scale(1)}.ar-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#6366f112,#8b5cf60d)}.ar-modal-title{font-family:var(--font-display);font-weight:800;font-size:1rem;color:#3730a3;display:flex;align-items:center;gap:8px}.ar-modal-close{width:30px;height:30px;border-radius:50%;border:none;background:#f4f4f5;color:#71717a;font-size:15px;cursor:pointer;display:grid;place-items:center;transition:all .18s}.ar-modal-close:hover{background:#e4e4e7;color:#18181b}.ar-modal-body{padding:16px 20px 20px}.ar-modal-hint{margin-top:10px;font-size:12px;color:#9ca3af;text-align:center}.ar-coming-soon{text-align:center;padding:48px 24px}.ar-cs-icon{font-size:64px;margin-bottom:12px;filter:grayscale(.3)}.ar-cs-title{font-family:var(--font-display);font-size:1.5rem;font-weight:900;color:var(--gray-800);margin-bottom:8px}.ar-cs-desc{font-size:14px;color:var(--gray-500);line-height:1.6;max-width:300px;margin:0 auto}body.dark-mode .ar-modal-box{background:#1c1917}body.dark-mode .ar-modal-header{background:linear-gradient(135deg,#6366f11f,#8b5cf614);border-color:#ffffff0f}body.dark-mode .ar-modal-title{color:#a5b4fc}body.dark-mode .ar-modal-close{background:#292524;color:#a1a1aa}body.dark-mode .ar-modal-close:hover{background:#3f3f46;color:#fff}body.dark-mode .ar-cs-title{color:var(--gray-100)}body.dark-mode .modal-ar-btn{background:#6366f11a;color:#a5b4fc;border-color:#6366f14d}body.dark-mode .modal-ar-btn:hover{background:#6366f133}