@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";:root{--color-primary:#52161c;--color-primary-light:#7a2a35;--color-background:#fff;--color-surface:#fff;--color-text:#2b1f1f;--color-text-muted:#857272;--color-border:#b1a08d;--color-accent:#d0c0b1;--color-danger:#ef4444;--color-success:#10b981;--font-body:"Poppins", sans-serif;--font-heading:"Poppins", sans-serif;--shadow-sm:0 4px 20px #00000008;--shadow-md:0 10px 40px #0000000d;--radius-md:12px;--radius-lg:24px;--radius-pill:999px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}html,body,#app{width:100%;max-width:100%;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--color-text);letter-spacing:-.03em;margin-bottom:.5rem;font-weight:700}h1{font-size:3.5rem;font-weight:800;line-height:1.1}a{color:var(--color-primary);font-weight:500;text-decoration:none;transition:all .2s}a:hover{color:var(--color-primary-light)}.btn{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-pill);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.8rem 2rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn:hover{background-color:var(--color-primary-light);transform:translateY(-2px);box-shadow:0 8px 15px #00bfa533}.btn-outline{color:var(--color-text);border:2px solid var(--color-border);background-color:#0000}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:none;background-color:#0000;transform:translateY(0)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.form-group{margin-bottom:1.5rem}.form-label{color:var(--color-text);margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}.form-input{border:2.5px solid var(--color-border);border-radius:var(--radius-md);width:100%;font-family:var(--font-body);color:var(--color-text);background-color:#fff;padding:1rem;font-size:1rem;transition:all .2s}.form-input:focus{border-color:var(--color-primary);background-color:#fff;outline:none}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.product-grid,.featured-grid{grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:2rem;display:grid}@media (width<=1200px){.product-grid,.featured-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.product-grid,.featured-grid{grid-template-columns:repeat(2,1fr)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes popupIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (width<=768px){#app-card{width:100%!important;max-width:none!important;box-shadow:none!important;border-radius:0!important;min-height:100vh!important;margin:0!important}.navbar{border-bottom:1px solid var(--color-border);background:#fff;align-items:center;height:60px;display:flex;z-index:1000!important;padding:.5rem 0!important;position:sticky!important;top:0!important}.nav-content{grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:0!important;width:100%!important;max-width:100%!important;padding:0 1rem!important;display:grid!important;position:relative!important}.nav-slot-left{justify-content:flex-start!important;align-items:center!important;display:flex!important}.nav-slot-right{justify-content:flex-end!important;align-items:center!important;gap:0!important;margin-left:0!important;display:flex!important}.logo{z-index:5;white-space:nowrap!important;justify-self:center!important;align-items:center!important;margin:0!important;font-size:1.25rem!important;display:flex!important;position:static!important;transform:none!important}.logo div{display:none!important}.user-icon-container,.mobile-only-cart{display:flex!important}.desktop-menu,.navbar-user-desktop{display:none!important}.mobile-menu-btn{margin:0!important;padding:.5rem 0!important;display:block!important}.mobile-user-icon-resize button{width:32px!important;height:32px!important;margin:0!important;padding:6px!important}.mobile-user-icon-resize svg{width:18px!important;height:18px!important}#mobile-menu{border-radius:0 0 var(--radius-lg) var(--radius-lg);transform-origin:top;width:100%;transition:transform .3s,opacity .3s;top:60px;left:0;box-shadow:0 20px 40px #0000001a;padding:1.5rem!important}#mobile-menu.hidden{display:none!important}#mobile-menu .nav-link{border-bottom:1px solid var(--color-border);align-items:center;gap:.75rem;padding:.75rem 0;display:flex}#mobile-menu .nav-link:last-child{border-bottom:none}h1{font-size:2.25rem!important}.menu-page-header{margin-bottom:1.25rem!important}.menu-page-title{margin-bottom:0!important;font-size:1.95rem!important;line-height:1.15!important}.menu-search-section{width:92%!important;margin-bottom:2rem!important;padding:0!important}#menu-search-input{border-width:1.5px!important;padding:.75rem .875rem .75rem 2.65rem!important;font-size:.88rem!important;line-height:1.35!important}.menu-search-icon{width:17px!important;height:17px!important;left:.9rem!important}h2{font-size:1.75rem!important}.hero-section{padding:3rem 1rem 1rem!important}.featured-section{margin-top:0!important;padding:2rem 1rem!important}.featured-section .container div[style*="margin-bottom: 4rem"]{margin-bottom:2rem!important}.hero-section h1{margin-bottom:1rem!important}.hero-section p{margin-bottom:2rem!important;font-size:1.1rem!important}.hero-section .btn{width:100%}.featured-grid,.product-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important;padding:0 .5rem!important;display:grid!important}.mobile-zus-card{border-radius:var(--radius-lg)!important;text-align:center!important;background:#fdfaf7!important;border:none!important;box-shadow:0 4px 16px #0000000d!important}.product-card-img-wrap{border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;background:#fafafa!important;justify-content:center!important;align-items:center!important;height:180px!important;padding:0!important;display:flex!important;position:relative!important;overflow:hidden!important}.img-blob{display:none!important}.product-card-img-wrap img{object-fit:cover!important;z-index:2!important;filter:none!important;width:100%!important;height:100%!important;transition:transform .3s!important}.mobile-zus-card .category-tag{display:none!important}.mobile-zus-card .padding-div{padding:0 .75rem 1rem!important}.mobile-zus-card .product-title{-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;height:2.6rem!important;margin-bottom:.25rem!important;font-size:.95rem!important;font-weight:700!important;line-height:1.3!important;display:-webkit-box!important;overflow:hidden!important}.mobile-zus-card .product-desc{display:none!important}.mobile-zus-card .footer-div{border-top:none!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding-top:.5rem!important;display:flex!important}.mobile-zus-card .price-wrap{text-align:left!important}.mobile-zus-card .harga-label{display:none!important}.mobile-zus-card .price-val{color:var(--color-primary)!important;font-size:.95rem!important;font-weight:800!important}.qty-selector-desktop,.add-btn-desktop{display:none!important}.zus-add-btn-mobile,.zus-qty-selector-mobile{display:flex!important}.mobile-detail-modal{border-radius:0!important;width:100%!important;height:100vh!important;max-height:none!important;position:fixed!important;top:0!important;left:0!important}.modal-hero-image{height:50vh!important}.modal-hero-image img{background:#fff;padding:3rem;object-fit:contain!important}.modal-body-content{z-index:15!important;background:#fff!important;border-radius:40px 40px 0 0!important;margin-top:-40px!important;padding:2.5rem 1.5rem 8rem!important;box-shadow:0 -15px 40px #0000000d!important}.modal-action-bar{border-radius:30px 30px 0 0!important;padding:1.5rem 1.5rem 2.5rem!important}.checkout-container{margin-top:1rem!important;padding:1rem!important}.checkout-title{margin-bottom:1.5rem!important;font-size:1.8rem!important}.checkout-summary-card,.delivery-details-card{border:none!important;margin-bottom:1rem!important;padding:1.5rem!important;box-shadow:0 4px 20px #00000008!important}.checkout-item-row{padding:.75rem 0!important}.checkout-item-row img{width:48px!important;height:48px!important}.checkout-item-row h4{font-size:.9rem!important;font-weight:700!important}.checkout-item-row span{font-size:.8rem!important}.checkout-summary-card h2,.delivery-details-card h2{text-transform:uppercase;letter-spacing:.5px;border-bottom:none!important;margin-bottom:1.25rem!important;font-size:1.1rem!important;font-weight:800!important}.checkout-summary-card div[style*="font-size: 1.1rem"]{margin-top:.5rem!important;font-size:.85rem!important}.checkout-summary-card div[style*="font-size: 1.4rem"]{border-top:1px solid var(--color-border)!important;margin-top:1.5rem!important;font-size:1.1rem!important}.delivery-options-row{flex-direction:row!important;gap:.5rem!important}.delivery-options-row label{background:#fdfaf7!important;border:2px solid #0000!important;justify-content:center!important;align-items:center!important;height:60px!important;padding:.75rem .5rem!important;font-size:.75rem!important;line-height:1.2!important;transition:all .2s!important;display:flex!important}.delivery-options-row label[style*="border-color: var(--color-primary)"]{transform:translateY(-2px);border-color:var(--color-primary)!important;background:#fff!important;box-shadow:0 4px 12px #52161c14!important}.form-label{color:var(--color-text-muted)!important;font-size:.85rem!important;font-weight:700!important}.form-input{border-radius:var(--radius-md)!important;background:#fdfaf7!important;border:2px solid #0000!important;padding:.85rem!important;font-size:16px!important}input,select,textarea{font-size:16px!important}.checkout-map{border-radius:var(--radius-lg)!important;border:none!important;height:220px!important}#submit-order-btn{border-radius:var(--radius-md)!important;padding:1.1rem!important;font-size:1rem!important;font-weight:800!important;box-shadow:0 10px 25px #52161c26!important}.container[style*="margin: 4rem"]{width:95%!important;margin:1rem auto!important;padding:1rem!important}.cart-page-container,.checkout-page-container{margin:1rem auto!important;padding:1rem!important}.cart-title{margin-bottom:1.5rem!important;font-size:1.8rem!important}.cart-summary-box{text-align:left!important;padding:1.5rem!important}.cart-summary-box div[style*="font-size: 2.5rem"]{font-size:1.8rem!important}.cart-summary-box div[style*="display: flex; gap: 1rem"]{flex-direction:column!important}.cart-summary-box .btn{width:100%!important}.checkout-grid-layout{grid-template-columns:1fr!important;gap:1.5rem!important}.checkout-form-column,.checkout-summary-column{width:100%!important;position:static!important}.checkout-form-column div[style*="background: var(--color-surface)"],.checkout-summary-column div[style*="background: #fdfbf9"]{padding:1.5rem!important}#delivery-map{height:200px!important}.mobile-hide{display:none!important}#user-dropdown{border-radius:16px!important;min-width:170px!important;right:-10px!important}#user-dropdown>div:first-child{background-color:#fcfcfc!important;padding:.6rem 1rem!important}#user-dropdown>div:last-child{padding:.2rem!important}#user-dropdown a,#user-dropdown button{border-radius:10px!important;padding:.6rem .8rem!important;font-size:.85rem!important}}