.hero{background-color:#fff;padding:0 44px;overflow:hidden}.hero-container{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;min-height:520px}.hero-content{display:flex;flex-direction:column;gap:30px;padding-top:20px}.hero-title{font-family:Irish Grover,cursive;font-weight:400;font-style:normal;font-size:80px;line-height:1.1;letter-spacing:-2px;color:#000;margin:0}.hero-description{font-family:Jua,sans-serif;font-weight:400;font-style:normal;font-size:18px;line-height:1.6;letter-spacing:0;color:#000;margin:0}.cta-button{background-color:#4a4a4a;color:#fff;border:none;padding:14px 40px;border-radius:28px;font-size:16px;cursor:pointer;width:fit-content;font-weight:500;transition:background-color .3s ease,transform .2s ease;margin-top:10px;display:inline-block;text-decoration:none}.cta-button:hover{background-color:#3a3a3a;transform:translateY(-2px)}.cta-button:active{transform:translateY(0)}.hero-image{display:flex;justify-content:flex-end;align-items:stretch;height:525px;margin:0 -44px 0 0}.hero-image img{width:auto;height:100%;object-fit:cover}@media(max-width:1024px){.hero{padding:30px}.hero-container{gap:40px}.hero-title{font-size:64px}.hero-description{font-size:16px}}@media(max-width:768px){.hero{padding:30px 20px}.hero-container{grid-template-columns:1fr;text-align:center;gap:30px;align-items:center;min-height:auto}.hero-content{align-items:center;padding-top:20px;gap:20px}.hero-title{font-size:48px}.hero-description{font-size:16px}.cta-button{width:100%;max-width:300px;padding:12px 32px;font-size:14px}.hero-image{height:350px;margin:0 -20px -40px;justify-content:center}.hero-image img{width:100%;max-width:100%}}.menu-section{background:linear-gradient(to right,#d4c5a9 50%,#a8b88a 50%);padding:0;scroll-margin-top:66px}.menu-container{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:0;min-height:800px}.menu-left{background-color:#d4c5a9;padding:30px;display:flex;align-items:center;justify-content:center}.product-showcase{display:flex;flex-direction:column;gap:15px;width:100%;max-height:750px;overflow-y:auto;padding-right:15px;align-items:center}.showcase-item{display:flex;flex-direction:column;align-items:center;gap:12px;background-color:#4a4a4a;padding:16px;border-radius:8px;flex-shrink:0;width:100%;max-width:280px}.showcase-item img{width:100%;height:280px;object-fit:cover;border-radius:6px}.showcase-label{color:#fff;text-align:center;width:100%}.showcase-label h3{font-size:11px;font-weight:600;margin:0 0 3px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.showcase-label p{font-size:10px;margin:0 0 5px;color:#ddd;line-height:1.3}.price{font-size:10px;color:#fff;font-weight:600;display:block;margin-bottom:5px}.description{font-size:9px;color:#aaa;border-top:1px solid #666;padding-top:5px;margin-top:5px!important}.menu-right{background-color:#a8b88a;padding:0;display:flex;align-items:center;justify-content:flex-end;overflow:hidden}.product-showcase-image{width:100%;height:100%;object-fit:cover}.product-showcase::-webkit-scrollbar{width:8px}.product-showcase::-webkit-scrollbar-track{background:transparent}.product-showcase::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:4px}.product-showcase::-webkit-scrollbar-thumb:hover{background:#3a3a3a}.view-more-btn{background-color:#4a4a4a;color:#fff;border:none;padding:14px 50px;border-radius:28px;font-size:16px;font-weight:600;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background-color .3s ease;margin-top:20px}.view-more-btn:hover{background-color:#3a3a3a}@media(max-width:1024px){.menu-section{background:#a8b88a}.menu-container{grid-template-columns:1fr;min-height:auto}.menu-left{padding:40px 20px}.menu-right{height:400px;justify-content:center}}@media(max-width:768px){.product-showcase{flex-direction:row;overflow-x:auto;overflow-y:hidden;max-height:none;padding:0 20px 20px;justify-content:flex-start;align-items:stretch;width:100vw;margin-left:-20px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:20px}.product-showcase::-webkit-scrollbar{display:none}.showcase-item{width:260px;max-width:none;flex-shrink:0;scroll-snap-align:center}.showcase-item img{height:250px}.view-more-btn{flex-shrink:0;margin-top:0;align-self:center;white-space:nowrap;scroll-snap-align:center;padding:14px 30px}.menu-right{height:300px}}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;align-items:center;justify-content:center}.modal-overlay.active{display:flex}.modal-content{position:relative;background:#fff;display:grid;grid-template-columns:1fr 1fr;width:90%;max-width:1000px;height:80vh;max-height:600px;overflow:hidden;border-radius:8px;box-shadow:0 4px 20px #0000004d}.modal-left{background-color:#d4c5a9;padding:30px;display:flex;align-items:center;justify-content:center}.modal-left img{width:100%;max-width:280px;height:auto;object-fit:contain;border:3px solid #000;border-radius:8px}.modal-right{background-color:#4a4a4a;color:#fff;padding:30px;display:flex;flex-direction:column;gap:15px;overflow-y:auto;max-height:100%}#modal-title{font-family:IBM Plex Mono,monospace;font-size:20px;font-weight:400;margin:0;text-transform:uppercase}#modal-product-name{font-family:IBM Plex Mono,monospace;font-size:16px;font-weight:400;margin:0}.modal-price{font-family:IBM Plex Mono,monospace;font-size:16px;font-weight:600}.modal-description{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;line-height:1.5;color:#ddd}.modal-description p{margin:0 0 10px}.modal-description p:last-child{margin-bottom:0}.beli-sekarang-btn{background-color:#000;color:#fff;padding:10px 20px;border:none;border-radius:6px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600;cursor:pointer;text-transform:uppercase;transition:opacity .3s ease;align-self:flex-start;margin-top:auto}.beli-sekarang-btn:hover{opacity:.8}.modal-close{position:absolute;top:20px;right:20px;background:none;border:none;font-size:32px;color:#4a4a4a;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.modal-close svg{width:32px;height:32px;stroke:currentColor;stroke-width:2.5}.modal-close:hover{opacity:.7}@media(max-width:768px){.modal-content{grid-template-columns:1fr}.modal-left,.modal-right{padding:30px}#modal-title{font-size:20px}#modal-product-name{font-size:18px}}.menu-tuko-section{background-color:#d4c5a9;padding:0;scroll-margin-top:66px}.menu-tuko-container{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:520px;align-items:center}.menu-tuko-left{padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden;height:100%}.menu-image{width:100%;height:100%;object-fit:cover;display:block}.menu-tuko-right{padding:50px 60px;display:flex;flex-direction:column;gap:30px;justify-content:center;align-items:center;height:100%;text-align:center}.menu-tuko-title{font-family:Irish Grover,cursive;font-size:80px;font-weight:400;color:#000;margin:0;line-height:1.1}.category-tabs{display:flex;gap:12px;flex-wrap:wrap}.category-btn{background-color:transparent;border:2px solid #000;padding:10px 20px;font-size:16px;font-weight:400;cursor:pointer;border-radius:4px;font-family:"Jersey 25",cursive;transition:all .3s ease}.category-btn.active{background-color:gold;border-color:gold;color:#000}.category-btn:hover{background-color:#f0f0f0}.menu-items{display:grid;grid-template-columns:1fr 1fr;gap:20px 40px}.menu-item{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:400;color:#000;font-family:"Jersey 25",cursive}.cup-icon{width:24px;height:24px;flex-shrink:0;color:#000}.cup-icon svg{width:24px;height:24px;stroke:currentColor;stroke-width:2;fill:none}.menu-tuko-btn{align-self:center;background-color:#4a4a4a;color:#fff;border:none;padding:14px 30px;border-radius:28px;font-size:16px;font-weight:400;cursor:pointer;font-family:"Jersey 25",cursive;display:flex;align-items:center;gap:8px;transition:background-color .3s ease;margin-top:10px;text-decoration:none;width:fit-content}.menu-tuko-btn:hover{background-color:#3a3a3a}.arrow{font-size:18px}@media(max-width:1024px){.menu-tuko-container{grid-template-columns:1fr;min-height:auto}.menu-tuko-right{padding:40px 30px}.menu-tuko-title{font-size:60px}}@media(max-width:768px){.menu-tuko-right{padding:30px 20px}.menu-tuko-title{font-size:48px}.menu-items{grid-template-columns:1fr;gap:15px}.category-tabs{gap:8px}.category-btn{padding:8px 16px;font-size:12px}}.outlet-section{background-color:#fff;padding:80px 0;scroll-margin-top:66px}.outlet-container{max-width:1440px;margin:0 auto;padding:0 44px}.outlet-carousel{display:flex;flex-direction:column;gap:15px}.carousel-wrapper{display:grid;grid-template-columns:repeat(6,1fr);gap:0;width:100%;height:500px;background-color:#fff;position:relative}.carousel-slide{position:absolute;grid-column:2 / 6;width:90%;height:100%;left:5%;opacity:0;transition:opacity .5s ease;display:flex;align-items:center;justify-content:center;background-color:#fff}.carousel-slide.active{opacity:1}.outlet-image{width:auto;height:100%;max-width:100%;object-fit:contain}.carousel-navigation{display:flex;justify-content:space-between;align-items:center}.nav-btn{background-color:transparent;border:none;font-size:32px;font-weight:600;cursor:pointer;font-family:"Jersey 25",cursive;color:#000;padding:10px 20px;transition:opacity .3s ease;display:flex;align-items:center;gap:12px}.nav-btn svg{width:32px;height:32px;stroke:currentColor;stroke-width:2;fill:none}.nav-btn:hover{opacity:.7}.outlet-info{display:flex;flex-direction:column;gap:0;border:2px solid #000;padding:0}.outlet-name{font-family:"Jersey 25",cursive;font-size:36px;font-weight:400;color:#000;text-align:center;padding:14px 16px}@media(max-width:768px){.outlet-section{padding:40px 0}.outlet-container{padding:0 20px}.carousel-wrapper{height:300px}.carousel-slide{width:100%;left:0}.outlet-image{width:100%;height:auto;object-fit:contain}.nav-btn{font-size:24px;padding:5px 10px}.nav-btn svg{width:24px;height:24px}.outlet-name{font-size:28px;padding:10px}.outlet-address{font-size:14px;padding:10px}.outlet-footer{grid-template-columns:1fr}.footer-item{border-right:none;border-bottom:2px solid #fff}.footer-item:last-child{border-bottom:none}}.outlet-footer{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:2px solid #000;background-color:#000}.footer-item{padding:0;text-align:center;border-right:2px solid #fff}.footer-item a{text-decoration:none;display:block;width:100%;height:100%}.footer-item:last-child{border-right:none}.footer-item h4{font-family:"Jersey 25",cursive;font-size:20px;font-weight:400;color:#fff;margin:0;text-decoration:underline;background-color:#000;padding:12px 0;display:block}@media(max-width:1024px){.outlet-container{padding:0 30px}.carousel-wrapper{height:300px}.outlet-name{font-size:24px}}@media(max-width:768px){.outlet-section{padding:30px 0}.outlet-container{padding:0 20px}.carousel-wrapper{height:250px}.outlet-name{font-size:20px}.nav-btn{font-size:14px}}.footer-section{background-color:#fff;border-top:2px solid #000;padding:40px 0 20px}.footer-container{max-width:1440px;margin:0 auto 30px;padding:0 44px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:40px}.footer-left{display:flex;align-items:center;justify-content:center}.footer-image{width:100%;max-width:280px;height:auto;object-fit:contain}.footer-middle,.footer-connect,.footer-contact{display:flex;flex-direction:column;justify-content:flex-start}.footer-title{font-family:IBM Plex Mono,monospace;font-size:18px;font-weight:400;color:#000;margin:0 0 15px;text-transform:uppercase;letter-spacing:1px}.footer-nav{display:flex;flex-direction:column;gap:8px}.footer-nav a{color:#000;text-decoration:none;font-size:14px;font-family:IBM Plex Mono,monospace;transition:opacity .3s ease}.footer-nav a:hover{opacity:.7}.footer-connect{display:flex;flex-direction:column;gap:12px}.social-icons{display:flex;gap:12px}.social-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#000;border-radius:50%;color:#fff;transition:opacity .3s ease}.social-icon svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none}.social-icon:hover{opacity:.8}.footer-contact{display:flex;flex-direction:column;gap:8px}.contact-phone{color:#000;text-decoration:none;font-size:14px;font-family:IBM Plex Mono,monospace;font-weight:600}.customer-service{background-color:#000;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;font-weight:600;text-align:center;font-family:IBM Plex Mono,monospace}.footer-bottom{display:flex;justify-content:center;align-items:center;gap:40px;padding:0 44px;max-width:1440px;margin:0 auto}.footer-left-link,.footer-center-link,.footer-copyright{display:flex;align-items:center}.footer-left-link{justify-content:flex-end}.footer-center-link{justify-content:center}.footer-copyright{justify-content:flex-start}.footer-left-link a,.footer-center-link a{color:#000;text-decoration:none;font-size:12px;font-family:IBM Plex Mono,monospace;transition:opacity .3s ease}.footer-left-link a:hover,.footer-center-link a:hover{opacity:.7}.footer-copyright{color:#000;font-size:12px;font-family:IBM Plex Mono,monospace}@media(max-width:1024px){.footer-container{grid-template-columns:1fr;gap:30px;padding:0 30px}.footer-bottom{flex-direction:column;gap:15px;padding:0 30px;justify-content:center;text-align:center}.footer-left-link,.footer-center-link,.footer-copyright{text-align:center}}@media(max-width:768px){.footer-container,.footer-bottom{padding:0 20px}.footer-title{font-size:16px}.footer-nav a,.contact-phone{font-size:13px}}