@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap";.kd-header{background:var(--kedai-green);padding:1rem 1.25rem 1.25rem}.kd-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.kd-logo{display:flex;align-items:center;gap:.5rem}.kd-logo-img{width:42px;height:42px;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 2px 6px #0000001f}.kd-logo-img img{width:36px;height:36px;object-fit:contain}.kd-logo-text{color:#fff}.kd-logo-name{font-weight:700;font-size:.95rem;line-height:1}.kd-logo-sub{font-size:.6rem;color:#fff9;display:flex;align-items:center;gap:3px}.kd-logo-sub span{color:var(--kedai-yellow)}.kd-poin-badge{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:99px;padding:.3rem .75rem;display:flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:700;color:#fff}.kd-poin-dot{width:8px;height:8px;border-radius:50%;background:var(--kedai-yellow)}.kd-cart-btn{width:38px;height:38px;border-radius:5px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;position:relative;transition:background .15s}.kd-cart-btn:hover{background:#fff3}.kd-greeting{color:#fff}.kd-greeting-hello{font-size:.75rem;color:#ffffffa6;margin-bottom:.2rem}.kd-greeting-name{font-size:1.4rem;font-weight:700;line-height:1.2}.kd-greeting-name .highlight{color:var(--kedai-yellow)}.kd-greeting-motive{font-size:.78rem;color:#ffffffa6;margin-top:.2rem}.kd-search-wrap{padding:.75rem 1.25rem;background:var(--kedai-green)}.kd-search{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:5px;display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;cursor:pointer;backdrop-filter:blur(4px)}.kd-search span{font-size:.82rem;color:#ffffff80;flex:1}.kd-search svg{width:18px;height:18px;color:#fff6}.kd-section{padding:1.25rem 1.25rem 0}.kd-section-title{font-size:.78rem;font-weight:600;color:#444;text-transform:capitalize;letter-spacing:.05em;display:flex;align-items:center;gap:.4rem;margin-bottom:1rem}.kd-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.kd-section-label{font-size:.95rem;font-weight:700;color:var(--kedai-text);display:flex;align-items:center;gap:.5rem}.kd-section-sub{font-size:.7rem;color:#666;margin-bottom:1rem;margin-top:.2rem}.kd-see-all{font-size:.75rem;color:var(--kedai-green);font-weight:700;text-decoration:none}.kd-features{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.kd-feat-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:transparent;border-radius:5px;padding:.75rem .5rem;cursor:pointer;transition:all .2s;text-decoration:none}.kd-feat-item:hover .kd-feat-icon-wrap{background:#e0e0e0}.kd-feat-icon{width:52px;height:52px;background:#eee;border-radius:8px;display:flex;align-items:center;justify-content:center}.kd-feat-label{font-size:.65rem;font-weight:700;color:var(--kedai-text);text-align:center;line-height:1.2}.kd-online-scroll{display:flex;gap:.75rem;overflow-x:auto;margin:0 -1.25rem;padding:0 1.25rem .5rem}.kd-online-scroll{scrollbar-width:none}.kd-online-scroll::-webkit-scrollbar{display:none}.kd-online-card{flex:0 0 140px;background:#fff;border-radius:5px;padding:.85rem .75rem;box-shadow:0 1px 4px #0000000f;position:relative;overflow:hidden}.kd-online-badge{position:absolute;top:8px;right:8px;background:#d1fae5;color:#065f46;font-size:.55rem;font-weight:700;padding:2px 6px;border-radius:99px}.kd-online-icon{font-size:2rem;margin-bottom:.4rem}.kd-online-name{font-size:.8rem;font-weight:700;color:var(--kedai-text);line-height:1.3;margin-bottom:.2rem}.kd-online-desc{font-size:.65rem;color:#888;line-height:1.3;margin-bottom:.5rem}.kd-online-price{font-size:.85rem;font-weight:700;color:var(--kedai-green)}.kd-online-btn{display:block;width:100%;margin-top:.5rem;background:var(--kedai-green);color:#fff;border:none;border-radius:5px;padding:.4rem 0;font-size:.7rem;font-weight:700;cursor:pointer;text-align:center;text-decoration:none}.kd-promo-scroll{display:flex;gap:.75rem;overflow-x:auto;margin:0 -1.25rem;padding:0 1.25rem .5rem}.kd-promo-scroll::-webkit-scrollbar{display:none}.kd-promo-card{flex:0 0 280px;border-radius:5px;padding:1.1rem 1.25rem;position:relative;overflow:hidden;color:#fff}.kd-promo-card.green{background:linear-gradient(135deg,#1a2e1a,#2d5a2d)}.kd-promo-card.dark{background:linear-gradient(135deg,#2a1f0a,#4a3520)}.kd-promo-badge{display:inline-block;background:var(--kedai-yellow);color:#000;font-size:.55rem;font-weight:700;padding:4px 8px;border-radius:99px;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.kd-promo-title{font-size:1rem;font-weight:700;line-height:1.3;margin-bottom:1.3rem}.kd-promo-desc{font-size:.72rem;color:#ffffffbf;line-height:1.4;margin-bottom:.75rem}.kd-promo-btn{display:inline-block;background:var(--kedai-yellow);color:#000;font-size:.72rem;font-weight:700;padding:.4rem 1rem;border-radius:99px;text-decoration:none}.kd-menu-scroll{display:flex;gap:.75rem;overflow-x:auto;margin:0 -1.25rem;padding:0 1.25rem .5rem}.kd-menu-scroll::-webkit-scrollbar{display:none}.kd-menu-card{flex:0 0 155px;background:#fff;border-radius:5px;overflow:hidden;box-shadow:0 1px 6px #00000012}.kd-menu-thumb{height:100px;display:flex;align-items:center;justify-content:center;font-size:3rem;position:relative}.kd-menu-thumb.bg-green{background:#e8f5e9}.kd-menu-thumb.bg-yellow{background:#fef9e7}.kd-menu-thumb.bg-pink{background:#fce4ec}.kd-menu-label-badge{position:absolute;top:8px;left:8px;background:var(--kedai-yellow);color:#000;font-size:.55rem;font-weight:700;padding:2px 7px;border-radius:99px}.kd-menu-body{padding:.65rem .75rem}.kd-menu-name{font-size:.82rem;font-weight:700;color:var(--kedai-text);line-height:1.3;margin-bottom:.2rem}.kd-menu-ingr{font-size:.65rem;color:#999;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.5rem}.kd-menu-footer{display:flex;align-items:center;justify-content:space-between}.kd-menu-price{font-size:.85rem;font-weight:700;color:var(--kedai-text)}.kd-menu-add{width:28px;height:28px;background:var(--kedai-green);border-radius:5px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;text-decoration:none}.kd-article-main{background:#fff;border-radius:5px;overflow:hidden;box-shadow:0 1px 6px #00000012;margin-bottom:.75rem;cursor:pointer;text-decoration:none;display:block}.kd-article-main-thumb{height:140px;background:var(--kedai-green);display:flex;align-items:center;justify-content:center;font-size:4rem;position:relative}.kd-article-main-thumb .label-badge{position:absolute;top:10px;left:10px;background:var(--kedai-yellow);color:#000;font-size:.55rem;font-weight:700;padding:2px 8px;border-radius:99px}.kd-article-main-body{padding:.9rem 1rem 1rem}.kd-article-main-title{font-size:.9rem;font-weight:700;color:var(--kedai-text);line-height:1.4;margin-bottom:.4rem}.kd-article-main-excerpt{font-size:.72rem;color:#888;line-height:1.5;margin-bottom:.75rem}.kd-read-more{font-size:.72rem;font-weight:700;color:var(--kedai-green);text-decoration:none}.kd-article-list-item{background:#fff;border-radius:5px;padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;box-shadow:0 1px 4px #0000000d;text-decoration:none;cursor:pointer}.kd-article-list-item:hover{background:#f9f9f9}.kd-article-list-num{font-size:.95rem;font-weight:700;color:#ddd;flex-shrink:0;width:20px}.kd-article-list-title{font-size:.8rem;font-weight:600;color:var(--kedai-text);line-height:1.4;flex:1}.kd-article-chevron{color:#bbb;flex-shrink:0}.kd-tentang-box{background:var(--kedai-green);border-radius:5px;padding:1.25rem;color:#fff;margin-bottom:.75rem}.kd-tentang-title{font-size:1rem;font-weight:700;color:var(--kedai-yellow);margin-bottom:.5rem}.kd-tentang-desc{font-size:.78rem;line-height:1.6;color:#fffc;margin-bottom:.75rem}.kd-tentang-link{font-size:.75rem;font-weight:700;color:var(--kedai-yellow);text-decoration:none}.kd-branch-mini{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.kd-branch-mini-card{background:#fff;border-radius:5px;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 4px #0000000d}.kd-branch-mini-left{flex:1}.kd-branch-mini-name{font-size:.82rem;font-weight:700;color:var(--kedai-text)}.kd-branch-mini-addr{font-size:.68rem;color:#888;margin-top:2px}.kd-branch-mini-status{font-size:.6rem;font-weight:700;padding:2px 8px;border-radius:99px;white-space:nowrap}.status-open{background:#d1fae5;color:#065f46}.status-closed{background:#fee2e2;color:#991b1b}.kd-wa-banner{background:var(--kedai-yellow);border-radius:5px;padding:1.1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.kd-wa-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#00000080}.kd-wa-title{font-size:1.1rem;font-weight:900;color:#000;line-height:1.2;margin-top:.15rem}.kd-wa-sub{font-size:.7rem;color:#0009;margin-top:.15rem}.kd-wa-btn{background:var(--kedai-green);color:#fff;border:none;width:52px;height:52px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-decoration:none}.kd-wa-btn svg{width:26px;height:26px;fill:#fff}.kd-ruang-body{background:#f9fbf9;padding-bottom:2rem}.kd-ruang-hero{background:#1c3529;padding:1rem 1.25rem 1.5rem}.kd-rh-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.kd-rh-logo{display:flex;align-items:center;gap:.5rem}.kd-rh-logo-img{width:36px;height:36px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}.kd-rh-logo-img img{width:24px;height:24px}.kd-rh-logo-name{font-size:.9rem;font-weight:900;color:#fff;line-height:1.1;letter-spacing:.05em}.kd-rh-logo-sub{font-size:.55rem;color:#a8b8b0;letter-spacing:.05em}.kd-rh-poin{background:#fcd34d;border-radius:99px;padding:.25rem .75rem;font-size:.7rem;font-weight:700;color:#000;display:flex;align-items:center;gap:.3rem}.kd-ruang-badge{display:inline-flex;align-items:center;gap:.4rem;color:#fcd34d;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem}.kd-ruang-badge:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#ef4444}.kd-ruang-hero-title{font-size:1.8rem;font-weight:700;color:#fff;line-height:1.15;margin-bottom:.6rem}.kd-ruang-hero-sub{font-size:.78rem;color:#a8b8b0;line-height:1.5;padding-right:1rem}.kd-calc-wrapper{padding:1.25rem}.kd-calc-section{background:#fff;border-radius:5px;padding:1.25rem;border:1px solid #eee}.kd-calc-header{font-size:.75rem;font-weight:700;color:#444;letter-spacing:.05em;margin-bottom:.75rem;display:flex;align-items:center;gap:.4rem;text-transform:uppercase}.kd-calc-desc{font-size:.77rem;color:#666;margin-bottom:1.25rem;line-height:1.5}.kd-complaints-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1.25rem}.kd-complaint-btn{border:1px solid transparent;border-radius:5px;padding:.65rem;font-size:.75rem;font-weight:700;color:#444;background:#eff4ec;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s;text-align:left}.kd-complaint-btn.selected{border-color:#2d5a2d;background:#e2ebe2;color:#1c3529}.kd-complaint-btn .cb-emoji{font-size:1.1rem}.kd-calc-submit{width:100%;background:#1c3529;color:#fff;border:none;border-radius:5px;padding:.85rem;font-size:.85rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.kd-calc-submit:disabled{opacity:.6;cursor:not-allowed}.kd-calc-submit .dot{color:#fcd34d;font-size:1.2rem;line-height:0}.kd-jurnal-wrapper{padding:0 1.25rem 1.25rem}.kd-jurnal-section{background:#1c3529;border-radius:5px;padding:1.25rem}.kd-jurnal-badge{background:#fcd34d;color:#000;display:inline-block;padding:3px 8px;border-radius:4px;font-size:.6rem;font-weight:700;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.kd-jurnal-title{font-size:1.15rem;font-weight:900;color:#fff;margin-bottom:.4rem;line-height:1.2}.kd-jurnal-desc{font-size:.75rem;color:#a8b8b0;line-height:1.5;margin-bottom:1.25rem}.kd-jurnal-btn{width:100%;background:#38654c;color:#fff;border:none;border-radius:5px;padding:.85rem;font-size:.85rem;font-weight:700;cursor:pointer;transition:background .2s}.kd-jurnal-btn:hover{background:#437a5a}.kd-ruang-section{padding:1.25rem}.kd-video-scroll{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:1rem;margin:0 -1.25rem;padding-left:1.25rem;padding-right:1.25rem}.kd-video-scroll::-webkit-scrollbar{display:none}.kd-video-card{flex:0 0 220px;border-radius:5px;overflow:hidden;position:relative;background:#000;cursor:pointer}.kd-video-thumb{width:100%;height:130px;object-fit:cover;opacity:.85}.kda-bottom-bar{position:fixed;bottom:var(--nav-height, 65px);left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center}.kd-video-play{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center}.kd-video-duration{position:absolute;bottom:55px;right:8px;background:#000c;color:#fff;font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:4px}.kd-video-body{background:#fff;padding:.75rem;border-left:1px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #eee;border-radius:0 0 5px 5px}.kd-video-title{font-size:.8rem;font-weight:700;color:#111;line-height:1.3;margin-bottom:.2rem}.kd-video-ep{font-size:.65rem;color:#666}.kd-webtoon-scroll{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:1rem;margin:0 -1.25rem;padding-left:1.25rem;padding-right:1.25rem}.kd-webtoon-scroll::-webkit-scrollbar{display:none}.kd-webtoon-card{flex:0 0 160px;border-radius:5px;overflow:hidden;position:relative;height:160px;display:flex;flex-direction:column;justify-content:space-between;padding:.85rem;text-decoration:none}.kd-webtoon-label{position:absolute;top:10px;left:10px;font-size:.55rem;font-weight:900;padding:2px 6px;border-radius:4px;text-transform:uppercase}.bg-red{background:#e11d48}.bg-pink{background:#d946ef}.bg-yellow{background:#f59e0b}.label-white{background:#fff;color:#000}.label-yellow{background:#fcd34d;color:#000}.kd-webtoon-emoji{font-size:2.5rem;align-self:center;margin-top:1rem}.kd-webtoon-title{font-size:.75rem;font-weight:700;color:#fff;line-height:1.3}.kd-article-list{display:flex;flex-direction:column;gap:.5rem}.kd-article-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f4f3ec;border-radius:5px;text-decoration:none}.kd-article-thumb-s{width:48px;height:48px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.kd-article-info{flex:1}.kd-article-title-s{font-size:.8rem;font-weight:700;color:#222;line-height:1.3;margin-bottom:.2rem}.kd-article-meta{font-size:.65rem;color:#888}.kd-article-arrow{color:#ccc}.kd-see-all-link{display:block;text-align:center;font-size:.75rem;font-weight:700;color:#2d5a2d;text-decoration:none;margin-top:.75rem}.kd-spice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.kd-spice-card{background:#f4f3ec;border-radius:5px;padding:1rem;text-decoration:none;display:flex;flex-direction:column}.kd-spice-emoji{width:40px;height:40px;background:#fff;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:.75rem}.kd-spice-name{font-size:.85rem;font-weight:900;color:#222;margin-bottom:.2rem}.kd-spice-latin{font-size:.65rem;color:#666;font-style:italic;margin-bottom:.5rem}.kd-spice-excerpt{font-size:.65rem;color:#777;line-height:1.4}.kd-recipe-list{display:flex;flex-direction:column;gap:.6rem}.kd-recipe-card{background:#fff;border-radius:5px;padding:1rem;border:1px solid #eee;text-decoration:none}.kd-recipe-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.4rem}.kd-recipe-name{font-size:.9rem;font-weight:900;color:#222}.kd-recipe-tag{font-size:.55rem;font-weight:700;padding:3px 8px;border-radius:4px;background:#e2ebe2;color:#1c3529;text-transform:uppercase;letter-spacing:.05em}.kd-recipe-ing{font-size:.7rem;color:#666;line-height:1.4;margin-bottom:.6rem}.kd-recipe-card-bot{display:flex;justify-content:space-between;align-items:center}.kd-recipe-meta{font-size:.65rem;color:#888;display:flex;align-items:center;gap:.3rem}.kd-recipe-read{font-size:.65rem;font-weight:700;color:#2d5a2d}.kd-drawer-overlay{position:fixed;inset:0;background:#00000080;z-index:9998;opacity:0;pointer-events:none;transition:opacity .3s}.kd-drawer-overlay.open{opacity:1;pointer-events:auto}.kd-drawer{position:fixed;bottom:0;left:0;right:0;max-height:90vh;background:#fff;border-radius:12px 12px 0 0;z-index:9999;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;max-width:480px;margin:0 auto}.kd-drawer.open{transform:translateY(0)}.kd-drawer-handle{width:40px;height:5px;background:#e5e7eb;border-radius:99px;margin:12px auto}.kd-drawer-content{padding:0 1.25rem 1.5rem;overflow-y:auto;flex:1}.kd-drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.kd-drawer-title{font-size:1.1rem;font-weight:900;color:#111}.kd-drawer-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999;line-height:1;padding:0}.kd-jurnal-input{width:100%;border:1px solid #ddd;border-radius:5px;padding:.85rem 1rem;font-size:.85rem;outline:none;margin-bottom:.75rem;font-family:inherit}.kd-jurnal-input:focus{border-color:#2d5a2d}.kd-jurnal-submit{width:100%;background:#1c3529;color:#fff;border:none;border-radius:5px;padding:.85rem;font-size:.85rem;font-weight:700;cursor:pointer;margin-bottom:1.5rem}.kd-je-list{display:flex;flex-direction:column;gap:.5rem}.kd-je-item{background:#f9f9f9;border-radius:5px;padding:.75rem;display:flex;flex-direction:column;gap:.2rem}.kd-je-item-menu{font-size:.8rem;font-weight:700;color:#222}.kd-je-item-feel{font-size:.7rem;color:#666}.kd-je-item-date{font-size:.6rem;color:#999;align-self:flex-end}.kd-menu-page-header{background:var(--kedai-green);padding:1rem 1.25rem .75rem}.kd-mh-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.kd-mh-logo{display:flex;align-items:center;gap:.5rem}.kd-mh-logo-img{width:36px;height:36px;border-radius:5px;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.kd-mh-logo-name{font-size:.9rem;font-weight:700;color:#fff}.kd-mh-logo-sub{font-size:.58rem;color:#ffffff8c;display:flex;align-items:center;gap:2px}.kd-mh-logo-sub span{color:var(--kedai-yellow)}.kd-mh-poin{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:99px;padding:.28rem .7rem;font-size:.72rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.3rem}.kd-mh-dot{width:7px;height:7px;border-radius:50%;background:var(--kedai-yellow)}.kd-menu-search{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:5px;display:flex;align-items:center;gap:.5rem;padding:.6rem .9rem;margin-bottom:.75rem}.kd-menu-search input{background:transparent;border:none;outline:none;color:#fff;flex:1;font-size:.82rem}.kd-menu-search input::placeholder{color:#ffffff73}.kd-menu-search svg{color:#fff6;flex-shrink:0}.kd-mh-greeting{color:#fff}.kd-mh-hi{font-size:.75rem;color:#fff9}.kd-mh-question{font-size:1.05rem;font-weight:700;color:var(--kedai-yellow);margin-top:.1rem}.kd-location-badge{display:inline-flex;align-items:center;gap:.3rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:99px;padding:.25rem .7rem;font-size:.7rem;font-weight:600;color:#fffc;margin-top:.5rem}.kd-catalog{padding:0 1.25rem 1.25rem;background:var(--kedai-cream)}.kd-catalog-title{font-size:1.1rem;font-weight:600;color:var(--kedai-text);padding-top:1.25rem;margin-bottom:.15rem}.kd-catalog-sub{font-size:.75rem;color:#999;margin-bottom:1.5rem}.kd-cat-section{margin-bottom:2rem}.kd-cat-header{display:flex;align-items:center;gap:.5rem;font-size:.88rem;font-weight:900;margin-bottom:.85rem}.cat-indicator{width:4px;height:20px;border-radius:99px;background:currentColor;flex-shrink:0}.cat-stamina{color:#d63030}.cat-kecantikan{color:#d63384}.cat-stmj{color:#c89b0a}.cat-online{color:#1e6b37}.cat-count{margin-left:auto;font-size:.72rem;font-weight:700;color:currentColor;opacity:.7}.cat-icon{font-size:1rem}.kd-popular-section{margin:1.5rem 1.25rem -1rem}.kd-popular-header h3{font-size:1.1rem;color:#1e3d2b;margin:0 0 .2rem;font-weight:700}.kd-popular-header p{font-size:.8rem;color:#666;margin:0 0 1rem}.kd-popular-slider{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1rem;scrollbar-width:none;-ms-overflow-style:none}.kd-popular-slider::-webkit-scrollbar{display:none}.kd-popular-item{flex:0 0 calc(33.333% - .67rem);min-width:120px;scroll-snap-align:start;background:#fff;border-radius:12px;padding:.75rem;text-decoration:none;box-shadow:0 2px 8px #0000000d;border:1px solid rgba(0,0,0,.04);display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .2s}.kd-popular-item:active{transform:scale(.97)}.kd-popular-img-wrap{width:60px;height:60px;border-radius:50%;background:#fdfaf6;margin-bottom:.75rem;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.kd-popular-img-wrap img{width:100%;height:100%;object-fit:cover}.kd-popular-img-wrap .emoji{font-size:1.8rem}.kd-popular-info h4{font-size:.8rem;color:#1e3d2b;margin:0 0 .3rem;font-weight:600;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kd-popular-info p{font-size:.75rem;color:#f4c542;margin:0;font-weight:700}.kd-product-list{display:flex;flex-direction:column;gap:0;box-shadow:0 1px 6px #00000012;border-radius:5px;overflow:hidden}.kd-product-item{background:#fff;padding:.9rem 1rem;display:flex;align-items:center;gap:.85rem;border-bottom:1px solid #f2f2f2}.kd-product-item:last-child{border-bottom:none}.kd-product-icon-wrap{width:58px;height:58px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0}.kd-product-info{flex:1;min-width:0}.kd-product-name{font-size:.88rem;font-weight:700;color:var(--kedai-text);margin-bottom:.18rem;line-height:1.3}.kd-product-ingr{font-size:.68rem;color:#999;line-height:1.4;margin-bottom:.3rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kd-product-price{font-size:.85rem;font-weight:700;color:var(--kedai-text)}.kd-order-btn{background:var(--kedai-green);color:#fff;border:none;border-radius:5px;padding:.6rem 1rem;font-size:.78rem;font-weight:700;cursor:pointer;text-decoration:none;flex-shrink:0;white-space:nowrap;transition:background .15s}.kd-order-btn:hover{background:#2d5a2d}.kd-tentang-page{background:var(--kedai-cream);padding-bottom:2rem}.kd-tentang-hero{background:var(--kedai-green);padding:2.5rem 1.5rem;text-align:center;color:#fff}.kd-th-icon-box{width:48px;height:48px;border-radius:5px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 1.25rem;box-shadow:0 4px 12px #0000001a}.kd-th-title{font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:.5rem}.kd-th-sub{font-size:.75rem;font-weight:400;color:#fffc}.kd-tentang-body{padding:0 1.25rem;margin-top:-1rem;display:flex;flex-direction:column;gap:1rem}.kd-t-card{background:#fff;border-radius:5px;padding:1.25rem;box-shadow:0 1px 4px #0000000f}.kd-t-section-label{font-size:.65rem;font-weight:700;color:#4b7b5b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.kd-t-section-label-out{font-size:.65rem;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;margin-left:.25rem;margin-top:.5rem}.kd-t-story-title{font-size:1.05rem;font-weight:700;color:var(--kedai-text);margin-bottom:.75rem}.kd-t-story-text{font-size:.75rem;color:#555;line-height:1.6;margin-bottom:.75rem}.kd-t-story-text:last-child{margin-bottom:0}.kd-t-story-text strong{color:var(--kedai-text)}.kd-t-visi-text{font-size:.82rem;font-weight:600;color:var(--kedai-text);line-height:1.5;margin-bottom:1.25rem}.kd-t-nilai-list{display:flex;flex-direction:column;gap:.5rem}.kd-t-nilai-item{background:#f8f6f0;border-radius:5px;padding:.85rem;display:flex;align-items:flex-start;gap:.75rem}.kd-t-nilai-icon{font-size:1.2rem;margin-top:2px}.kd-t-nilai-text h4{font-size:.78rem;font-weight:700;color:var(--kedai-text);margin:0 0 .15rem}.kd-t-nilai-text p{font-size:.7rem;color:#666;margin:0;line-height:1.4}.kd-t-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.kd-t-stat-box{background:#fff;border-radius:5px;padding:.85rem .25rem;text-align:center;box-shadow:0 1px 4px #0000000f}.kd-t-stat-num{font-size:1rem;font-weight:900;color:var(--kedai-text);margin-bottom:.25rem}.kd-t-stat-label{font-size:.55rem;color:#666}.kd-t-faq-wrap{background:#fff;border-radius:5px;padding:.5rem 1.25rem;box-shadow:0 1px 4px #0000000f}.kd-t-faq-item{border-bottom:1px solid #f0f0f0}.kd-t-faq-item:last-child{border-bottom:none}.kd-t-faq-q{padding:1rem 0;font-size:.75rem;font-weight:700;color:var(--kedai-text);display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:1rem}.kd-t-faq-icon{font-size:.8rem;color:#999;transition:transform .2s}.kd-t-faq-icon.open{transform:rotate(180deg)}.kd-t-faq-a{padding:0 0 1rem;font-size:.72rem;color:#666;line-height:1.5;display:none}.kd-t-faq-a.open{display:block}.kd-t-kontak-card{background:var(--kedai-green);border-radius:5px;padding:1.5rem 1.25rem;text-align:center;color:#fff;margin-top:.5rem}.kd-t-kontak-label{font-size:.6rem;font-weight:700;color:#8cba51;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem}.kd-t-kontak-title{font-size:1.2rem;font-weight:700;margin-bottom:1.25rem}.kd-t-kontak-btns{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.kd-t-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem;border-radius:5px;font-size:.75rem;font-weight:700;text-decoration:none}.kd-t-btn-wa{background:#f7ca40;color:#000}.kd-t-btn-ig{background:#fff;color:var(--kedai-text)}.kd-t-footer{text-align:center;padding:1.5rem 0 .5rem;font-size:.6rem;color:#999}:root{--kedai-green: #1e3d2b;--kedai-cream: #E8F0E9;--kedai-yellow: #f5a623;--kedai-text: #1e3d2b;--kedai-gray: #f9f9f9;--nav-height: 65px}body{font-family:Poppins,sans-serif;background-color:var(--kedai-cream, #fdfaf6);color:var(--kedai-text);margin:0;padding:0}.mobile-container{max-width:480px;margin:0 auto;background-color:var(--kedai-cream);min-height:100vh;position:relative;box-shadow:0 0 20px #00000080;display:flex;flex-direction:column;overflow-x:hidden}.content-wrap{flex:1;padding-bottom:calc(var(--nav-height) + 20px)}.bottom-nav{position:fixed;bottom:0;width:100%;max-width:480px;height:var(--nav-height);background:#fff;border-top:1px solid #eaeaea;display:flex;justify-content:space-around;align-items:center;z-index:1000;padding:0 .5rem}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#94a3b8;font-size:.6rem;font-weight:600;gap:3px;flex:1;padding:.5rem 0;transition:color .2s ease-in-out}.nav-item.active{color:var(--kedai-green);background:none}.nav-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.nav-item.active .nav-icon{stroke:var(--kedai-green)}.nav-item-hub{flex:0 0 auto;width:90px;gap:4px;font-size:.6rem;font-weight:700;color:var(--kedai-green);margin-top:-10px}.nav-hub-pill{width:52px;height:52px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #0000001f;border:1px solid #e5e7eb;transition:transform .2s}.nav-item-hub.active .nav-hub-pill{background:#f0f7f1;box-shadow:0 4px 16px #1e3d2b2e}.nav-item-hub:active .nav-hub-pill{transform:scale(.93)}.bg-kedai-green{background-color:var(--kedai-green)}.text-kedai-green{color:var(--kedai-green)}.bg-kedai-yellow{background-color:var(--kedai-yellow)}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}