.hero-section[data-v-b62558cb]{height:560px}.hero-left-col[data-v-b62558cb]{width:100%;padding:2.5rem 1.5rem 2rem}.hero-right-col[data-v-b62558cb]{flex-shrink:0;width:100%;height:240px}@media (width>=768px){.hero-section[data-v-b62558cb]{height:510px}.hero-left-col[data-v-b62558cb]{flex-shrink:0;width:45%;padding:0 3rem 0 max(50vw - 38.5rem,1.5rem)}.hero-right-col[data-v-b62558cb]{flex:1;height:auto}}.filter-group-header[data-v-b62558cb]{cursor:pointer;background:#f2f2f2;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;transition:background .15s;display:flex}.filter-group-header[data-v-b62558cb]:hover{background:#f3f4f6}.filter-toggle-btn[data-v-b62558cb]{color:#fff;background:#969492;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:1rem;font-weight:500;line-height:1;display:flex}.filter-slider[data-v-b62558cb]{appearance:none;background:#e2e8f0;border-radius:1px;outline:none;width:100%;height:2px;margin-top:.5rem}.filter-slider[data-v-b62558cb]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#ea580c;border-radius:2px;width:14px;height:22px}.filter-slider[data-v-b62558cb]::-moz-range-thumb{cursor:pointer;background:#ea580c;border:none;border-radius:2px;width:14px;height:22px}.filter-input-box[data-v-b62558cb]{border-radius:.25rem;flex:1;align-items:center;gap:.25rem;padding:.375rem .5rem;display:flex}.filter-input-label[data-v-b62558cb],.filter-input-unit[data-v-b62558cb]{color:#9ca3af;font-size:10px}.filter-input[data-v-b62558cb]{color:#1e293b;background:0 0;outline:none;width:100%;min-width:0;font-size:.75rem}.filter-checkbox-row[data-v-b62558cb]{cursor:pointer;align-items:center;gap:1rem;display:flex}.filter-checkbox[data-v-b62558cb]{cursor:pointer;accent-color:#ea580c;border:1px solid #d1d5db;border-radius:2px;flex-shrink:0;width:1rem;height:1rem}.produk-layout[data-v-b62558cb]{flex-direction:column;gap:2rem;display:flex}.produk-filter[data-v-b62558cb]{flex-shrink:0;width:100%}.produk-grid-wrapper[data-v-b62558cb]{flex:1;min-width:0}.produk-grid[data-v-b62558cb]{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=640px){.produk-grid[data-v-b62558cb]{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.produk-layout[data-v-b62558cb]{flex-direction:row}.produk-filter[data-v-b62558cb]{width:280px}.produk-grid[data-v-b62558cb]{grid-template-columns:repeat(3,1fr)}}