.tone-blue{--tone-bg:var(--blue-50);--tone-fg:var(--brand-ink)}.tone-sky{--tone-bg:#e6f5fb;--tone-fg:#0b5d7a}.tone-green{--tone-bg:var(--success-bg);--tone-fg:var(--success)}.tone-warm{--tone-bg:var(--warning-bg);--tone-fg:var(--warning)}.tone-slate{--tone-bg:#eef1f5;--tone-fg:#334155}.eco-cat-emoji,.eco-flow-emoji,.eco-merchant-emoji,.eco-mode-emoji,.eco-empty-emoji,.eco-pulse-emoji,:is(.home-page,.services-page) .home-eco-action>span{place-items:center;display:grid}.eco-cat-emoji[class*=tone-]{border-radius:var(--radius-md);background:var(--tone-bg);width:44px;height:44px;color:var(--tone-fg)}.eco-merchant-emoji,.eco-mode-emoji,.eco-empty-emoji,.eco-flow-emoji{color:var(--brand-ink)}.eco-flow-emoji{border-radius:var(--radius-md);background:var(--blue-50);flex:none;width:48px;height:48px}.eco-pulse-emoji,:is(.home-page,.services-page) .home-eco-action>span{color:var(--brand-ink)}.eco-subnav a{align-items:center;gap:6px;display:inline-flex}.eco-subnav a svg{color:currentColor;opacity:.8;flex:none}.eco-kos-prompt>span{color:var(--brand-ink);place-items:center;display:grid}.eco-joined span{align-items:center;gap:6px;display:inline-flex}.eco-joined svg{color:var(--success);flex:none}.svc-tag{border-radius:var(--radius-pill);white-space:nowrap;background:var(--tone-bg,#eef1f5);min-height:26px;color:var(--tone-fg,#334155);align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:650;line-height:1.2;display:inline-flex}.svc-tag.ok{background:var(--success-bg);color:var(--success)}.svc-tag.muted{color:var(--ink-3);background:#f1f3f6}.svc-pill{border-radius:var(--radius-pill);background:var(--blue-50);color:var(--brand-ink);white-space:nowrap;align-items:center;padding:2px 8px;font-size:11.5px;font-weight:650;display:inline-flex}.svc-pill.express{background:var(--warning-bg);color:var(--warning);margin-left:8px}.svc-note{color:var(--ink-3);border-radius:var(--radius-pill);background:var(--surface-muted);border:1px solid var(--border);padding:3px 8px;font-size:12px;font-weight:600}.svc-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.svc-section-head h2{align-items:center;gap:8px;margin:0;display:inline-flex}.svc-section-head h2 svg{color:var(--brand)}.svc-hero-tile{border-radius:var(--radius-xl);background:var(--tone-bg,var(--blue-50));width:96px;height:96px;color:var(--tone-fg,var(--brand-ink));flex:none;place-items:center;display:grid}.svc-hero-tile.small{border-radius:var(--radius-lg);width:60px;height:60px}.prov-avatar{box-shadow:0 0 0 3px #fff, 0 0 0 4px var(--border);border-radius:50%;flex:none;display:block}.svc-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px;display:grid}.svc-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow-sm);transition:box-shadow var(--dur-2) var(--ease-out), border-color var(--dur-1), transform var(--dur-2) var(--ease-out);flex-direction:column;gap:12px;padding:16px;display:flex}@media (hover:hover){.svc-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-2px)}}.svc-card:focus-within{border-color:var(--blue-200)}.svc-card-head{min-width:0;color:inherit;border-radius:var(--radius-md);align-items:center;gap:14px;text-decoration:none;display:flex}.svc-card-id{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;display:flex}.svc-card-id h3{letter-spacing:-.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:16px;font-weight:680;line-height:1.3;display:-webkit-box;overflow:hidden}.svc-card-head:hover h3{color:var(--brand-ink)}.svc-card-id p{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:0;font-size:13px;overflow:hidden}.svc-card-tags{flex-wrap:wrap;gap:6px;display:flex}.svc-card-price{color:var(--ink-2);margin:0;font-size:13px}.svc-card-price strong{color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-left:4px;font-size:18px;font-weight:720}.svc-card-price span{color:var(--ink-3)}.svc-card-meta{color:var(--ink-2);border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px 12px;padding-top:10px;font-size:12.5px;display:flex}.svc-card-meta>span{align-items:center;gap:4px;display:inline-flex}.svc-card-meta svg{color:var(--ink-3);flex:none}.svc-card-stats{color:var(--ink-3);margin:0;font-size:12px}.svc-card-actions{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.svc-card-actions .button{min-height:40px}.svc-hero{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;gap:16px;padding:22px;display:flex}.svc-hero-top{align-items:flex-start;gap:20px;display:flex}.svc-hero-photo{flex-direction:column;flex:none;align-items:center;gap:6px;margin:0;display:flex}.svc-hero-photo figcaption{color:var(--ink-3);font-size:11px;font-weight:600}.svc-hero-id{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.svc-hero-id h2{letter-spacing:-.025em;margin:0;font-size:clamp(22px,2.4vw,28px);font-weight:720;line-height:1.2}.svc-hero-person{color:var(--ink-2);margin:0;font-size:14px}.svc-hero-person strong{color:var(--ink);font-weight:650}.svc-hero-rating .eco-rating{padding:4px 10px;font-size:14px}.svc-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;display:grid}.svc-stats div{border-radius:var(--radius-md);background:var(--surface-muted);border:1px solid var(--border);min-width:0;padding:12px}.svc-stats dt{color:var(--ink-3);font-size:11.5px;font-weight:600}.svc-stats dd{color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:18px;font-weight:720}.svc-prices{flex-direction:column;gap:14px;display:flex}.svc-price-group h3{color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em;align-items:center;margin:0 0 8px;font-size:14px;font-weight:700;display:flex}.svc-price-table{border-collapse:collapse;width:100%;font-size:14px}.svc-price-table thead th{color:var(--ink-3);text-align:right;border-bottom:1px solid var(--border);padding:0 0 6px;font-size:11.5px;font-weight:650}.svc-price-table thead th:first-child{text-align:left}.svc-price-table tbody th,.svc-price-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:10px 0}.svc-price-table tbody tr:last-child>*{border-bottom:0}.svc-price-table tbody th{text-align:left;color:var(--ink);padding-right:12px;font-weight:550}.svc-price-table tbody th small{color:var(--ink-3);margin-top:2px;font-size:12px;font-weight:500;display:block}.svc-price-table td{text-align:right;white-space:nowrap;padding-left:12px}.svc-price-table td b{font-variant-numeric:tabular-nums;font-weight:700}.svc-price-table td small{color:var(--ink-3);font-size:11.5px;display:block}.svc-price-table td[data-label=Harga] small{margin-left:1px;display:inline}.svc-price-table th,.svc-price-table td,.svc-price-table tr{background:0 0}.svc-price-table td:nth-child(3) b{color:var(--success)}.svc-none{color:var(--ink-3)}@media (max-width:560px){.svc-price-table thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.svc-price-table,.svc-price-table tbody,.svc-price-table tr{display:block}.svc-price-table tr{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;gap:2px 12px;padding:10px 0;display:grid}.svc-price-table tbody tr:last-child{border-bottom:0}.svc-price-table tbody th,.svc-price-table td{border:0;padding:0}.svc-price-table tbody th{grid-row:span 2}.svc-price-table td[data-label=Grosir] small.svc-none{display:none}}.svc-reviews{flex-direction:column;gap:18px;display:flex}.svc-rating-summary{grid-template-columns:minmax(150px,.8fr) 2fr;align-items:center;gap:24px;display:grid}.svc-rating-big{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.svc-rating-big strong{letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:44px;font-weight:760;line-height:1}.svc-rating-big>span:last-child{color:var(--ink-3);font-size:12.5px}.svc-stars{color:#c98a04;gap:1px;display:inline-flex}.svc-stars .off{color:#d5dae2}.svc-dist{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.svc-dist button{border-radius:var(--radius-sm);width:100%;min-height:30px;color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border:0;grid-template-columns:30px 1fr 40px;align-items:center;gap:10px;padding:2px 6px;font-size:13px;display:grid}.svc-dist button:hover,.svc-dist button.active{background:var(--blue-50)}.svc-dist-label{align-items:center;gap:3px;font-weight:650;display:inline-flex}.svc-dist-label svg{color:#c98a04}.svc-dist-bar{background:#edf0f4;border-radius:99px;height:8px;overflow:hidden}.svc-dist-bar span{border-radius:inherit;height:100%;transition:width var(--dur-2) var(--ease-out);background:#e0a10b;display:block}.svc-dist-n{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-3)}.svc-history{border-radius:var(--radius-lg);background:var(--surface-muted);border:1px solid var(--border);padding:14px 16px 12px}.svc-history-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.svc-history-head h3{margin:0;font-size:14px;font-weight:700}.svc-trend{color:var(--ink-3);font-size:12px;font-weight:650}.svc-trend.up{color:var(--success)}.svc-trend.down{color:var(--danger)}.svc-history-bars{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.svc-history-bars li{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.svc-history-val{color:var(--ink);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700}.svc-history-track{background:#e7ebf1;border-radius:8px;width:100%;max-width:38px;height:72px;position:relative;overflow:hidden}.svc-history-track span{background:var(--brand);border-radius:8px;position:absolute;bottom:0;left:0;right:0}.svc-history-month{color:var(--ink-2);font-size:12px;font-weight:650}.svc-history-count{color:var(--ink-3);white-space:nowrap;font-size:11px}.svc-filter{flex-wrap:wrap;gap:6px;display:flex}.svc-chip{border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface);min-height:36px;color:var(--ink-2);font:inherit;cursor:pointer;transition:background var(--dur-1), border-color var(--dur-1), color var(--dur-1);align-items:center;gap:3px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.svc-chip svg{color:#c98a04}.svc-chip:hover{border-color:var(--blue-200);background:var(--blue-50)}.svc-chip.active{border-color:var(--brand);background:var(--brand);color:#fff}.svc-chip.active svg{color:#fff}.svc-review-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.svc-review{border-top:1px solid var(--border);grid-template-columns:40px 1fr;gap:12px;padding:14px 0;display:grid}.svc-review:first-child{border-top:0;padding-top:0}.svc-review-avatar{background:var(--blue-50);width:40px;height:40px;color:var(--brand-ink);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.svc-review-body{flex-direction:column;gap:4px;min-width:0;display:flex}.svc-review-head{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.svc-review-head strong{font-size:14px;font-weight:650}.svc-review-head time{color:var(--ink-3);margin-left:auto;font-size:12px}.svc-review-meta{color:var(--ink-3);align-items:center;gap:8px;font-size:12.5px;display:flex}.svc-review-body>p{color:var(--ink-2);margin:2px 0 0;font-size:14px;line-height:1.55}.svc-review-reply{border-radius:var(--radius-md);background:var(--surface-muted);border-left:3px solid var(--blue-200);align-items:flex-start;gap:10px;margin-top:6px;padding:10px 12px;display:flex}.svc-review-reply .prov-avatar{box-shadow:none}.svc-review-reply p{color:var(--ink-2);margin:0;font-size:13px;line-height:1.5}.svc-review-reply strong{color:var(--ink);font-size:12.5px;display:block}.svc-showcase{flex-direction:column;gap:14px;display:flex}.svc-showcase-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.svc-showcase-head h2{font-size:var(--text-h2);letter-spacing:-.025em;margin:0;font-weight:720}.svc-showcase-head p{color:var(--ink-2);max-width:62ch;margin:4px 0 0;font-size:15px}.svc-showcase-head .eco-origin-pill{white-space:nowrap;align-items:center;gap:5px;max-width:100%;display:inline-flex}.svc-examples{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.svc-example{height:100%;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:border-color var(--dur-1), box-shadow var(--dur-2) var(--ease-out);align-items:flex-start;gap:12px;padding:14px;text-decoration:none;display:flex}.svc-example:hover{border-color:var(--blue-200);box-shadow:var(--shadow-md)}.svc-example>span:first-child{border-radius:var(--radius-md);background:var(--tone-bg);width:44px;height:44px;color:var(--tone-fg);flex:none;place-items:center;display:grid}.svc-example div{flex-direction:column;gap:3px;min-width:0;display:flex}.svc-example strong{font-size:15px;font-weight:680}.svc-example small{color:var(--ink-2);font-size:12.5px;line-height:1.45}.svc-example em{color:var(--brand-ink);margin-top:2px;font-size:12.5px;font-style:normal;font-weight:650}.svc-guide{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;gap:14px;padding:20px;display:flex}.svc-guide-tabs{flex-wrap:wrap;gap:6px;display:flex}.svc-guide-table td:nth-child(2) b{color:var(--ink)}.svc-guide-table td .svc-cheapest{text-overflow:ellipsis;max-width:220px;color:var(--brand-ink);font-size:11.5px;font-weight:600;text-decoration:none;display:block;overflow:hidden}.svc-guide-table td .svc-cheapest:hover{text-decoration:underline}@media (max-width:760px){.svc-hero{padding:16px}.svc-hero-top{gap:14px}.svc-hero-photo .prov-avatar{width:76px;height:76px}.svc-hero-tile{width:72px;height:72px}.svc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.svc-rating-summary{grid-template-columns:1fr;gap:14px}.svc-guide{padding:16px}}@media (prefers-reduced-motion:reduce){.svc-card,.svc-dist-bar span{transition:none}.svc-card:hover{transform:none}}@media (max-width:560px){.svc-guide-table tr{grid-template-columns:1fr 1fr;gap:6px 12px}.svc-guide-table tbody th{grid-area:auto/1/auto/-1}.svc-guide-table td{text-align:left;white-space:normal}.svc-guide-table td:before{content:attr(data-label);color:var(--ink-3);font-size:11px;font-weight:600;display:block}.svc-guide-table td[data-label=Grosir]:has(.svc-none){display:none}}@media (min-width:561px){.svc-price-table{table-layout:fixed}.svc-price-table th:first-child{width:auto}.svc-price-table thead th:nth-child(2){width:9.5rem}.svc-price-table:has(thead th:nth-child(3)) thead th:nth-child(3){width:11rem}.svc-guide-table thead th:nth-child(2){width:24%}.svc-guide-table thead th:nth-child(3){width:26%}.svc-guide-table thead th:nth-child(4){width:16%}}.svc-guide h2{letter-spacing:-.02em;font-size:20px;font-weight:700}.svc-guide-table td .svc-cheapest{margin-left:auto}.eco-savings-banner{align-items:center;gap:8px;display:flex}.eco-savings-banner svg,.eco-hot svg{flex:none}