.loc-hero{background:var(--green);color:var(--cream);text-align:center;flex-direction:column;align-items:center;gap:14px;padding:clamp(40px,6vw,64px) clamp(20px,5vw,40px);display:flex}.loc-hero h1{max-width:16ch;margin:0;font-size:clamp(34px,6.5vw,52px);line-height:1.08}.loc-sub{opacity:.93;max-width:52ch;margin:0;font-size:15px;line-height:1.75}.loc-search{border:2px solid var(--cream);background:var(--cream);color:var(--ink);border-radius:999px;outline:none;width:400px;max-width:86vw;margin-top:4px;padding:13px 24px;font-size:15px}.loc-search:focus{box-shadow:0 0 0 3px #f7f3e766}.loc-filters{top:var(--tinggi-nav);z-index:20;background:var(--cream);border-bottom:1px solid var(--border);flex-direction:column;gap:10px;padding:22px clamp(20px,5vw,60px) 16px;display:flex;position:sticky}.filter-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip{font-family:var(--font-brand);cursor:pointer;border:1.5px solid var(--border);background:var(--cream-soft);min-height:40px;color:var(--ink);border-radius:999px;align-items:center;gap:7px;padding:7px 15px;font-size:13px;transition:border-color .18s,background .18s,color .18s;display:inline-flex}.chip:hover{border-color:var(--green);color:var(--green)}.chip.active{background:var(--green);border-color:var(--green);color:var(--cream);font-weight:var(--w-judul)}.chip-n{opacity:.72;font-variant-numeric:tabular-nums;background:#00000012;border-radius:999px;padding:1px 7px;font-size:11px}.chip.active .chip-n{opacity:.95;background:#ffffff38}.chip-prov{padding:6px 13px;font-size:12.5px}.chip:focus-visible{outline:2px solid var(--green);outline-offset:2px}.loc-wrap{padding:24px clamp(20px,5vw,60px) clamp(40px,6vw,60px)}.loc-count{opacity:.7;text-align:center;font-variant-numeric:tabular-nums;margin:0 0 18px;font-size:13px}.loc-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.outlet{background:var(--cream-soft);border:2px solid var(--border);border-radius:18px;flex-direction:column;gap:9px;padding:18px 20px;transition:border-color .22s,transform .22s;display:flex}.outlet:hover{border-color:var(--green);transform:translateY(-2px)}.outlet-kebun{background:var(--cream)}.outlet-head{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.tag{font-size:10.5px;font-weight:var(--w-judul);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:3px 10px}.tag-kedai{background:var(--green);color:var(--cream)}.tag-kebun{background:var(--green-soft);color:var(--green-dark);border:1px solid var(--green)}.prov{opacity:.62;margin-left:auto;font-size:12px}.outlet-name{color:var(--green);margin:0;font-size:17px;line-height:1.3}.outlet-addr{opacity:.82;margin:0;font-size:12.5px;line-height:1.65}.outlet-hours{font-size:12.5px;font-weight:var(--w-judul);margin:0}.outlet-menu{background:var(--green-soft);border-radius:9px;margin:2px 0 0;padding:8px 11px;font-size:12.5px;line-height:1.6}.outlet-menu b{color:var(--green-dark)}.outlet-missing{opacity:.55;font-style:italic}.outlet-btn{align-self:flex-start;margin-top:auto;padding:8px 18px;font-size:12px}span.outlet-btn{border:1.5px dashed var(--border);background:0 0;border-radius:999px;padding:8px 18px;font-size:12px}.loc-empty{text-align:center;opacity:.7;padding:40px;font-size:14px;display:none}.loc-note{background:var(--green-soft);border-top:2px solid var(--green);padding:clamp(32px,5vw,48px) clamp(20px,5vw,60px)}.loc-note h2{color:var(--green-dark);margin:0 0 12px;font-size:clamp(22px,3.6vw,28px)}.loc-note p{max-width:66ch;margin:0 0 10px;font-size:14.5px;line-height:1.8}.loc-note p:last-child{margin-bottom:0}.loc-note b{color:var(--green-dark)}@media (width<=560px){.loc-filters{padding-left:14px;padding-right:14px}.filter-row{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:2px;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.chip{flex:none}.loc-grid{grid-template-columns:1fr;gap:12px}.loc-filters{gap:8px;padding-top:12px;padding-bottom:12px}.loc-wrap{padding:16px 16px 40px}.outlet{gap:6px;padding:14px 16px}.outlet .outlet-btn{align-items:center;min-height:40px;padding:8px 16px;font-size:13px;display:inline-flex}}