.valo-scope .belanja-back-row{padding:1.6rem 0 0}.valo-scope .belanja-back-link{color:var(--vl-text-dim);font-size:.78rem;font-weight:600}.valo-scope .belanja-back-link a:hover{color:var(--vl-accent)}.valo-scope .belanja-back-link span{color:var(--vl-text-faint);margin:0 .4rem}.valo-scope .belanja-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;padding:1rem 0 1.8rem;display:flex}.valo-scope .belanja-page-header h1{text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:900}.valo-scope .result-count{color:var(--vl-text-dim);font-size:.8rem;font-weight:600}.valo-scope .result-count b{color:var(--vl-text);font-weight:700}.valo-scope .filter-bar{border-top:1px solid var(--vl-border);border-bottom:1px solid var(--vl-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1px;padding:1rem 0;display:flex}.valo-scope .filter-brands{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex;overflow-x:auto}.valo-scope .filter-label{letter-spacing:.1em;text-transform:uppercase;color:var(--vl-text-faint);white-space:nowrap;margin-right:.3rem;font-size:.62rem;font-weight:700}.valo-scope .chip{border:1px solid var(--vl-border);color:var(--vl-text-dim);letter-spacing:.01em;cursor:pointer;white-space:nowrap;background:0 0;padding:.5rem .9rem;font-size:.72rem;font-weight:600;transition:all .15s;display:inline-block}.valo-scope .chip:hover{border-color:var(--vl-text-dim);color:var(--vl-text)}.valo-scope .chip.is-active{background:var(--vl-text);color:var(--vl-bg-deep);border-color:var(--vl-text)}.valo-scope .sort-select{background:var(--vl-bg);border:1px solid var(--vl-border);color:var(--vl-text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238f8f8f' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .85rem center;background-repeat:no-repeat;padding:.6rem 2rem .6rem .9rem;font-family:inherit;font-size:.75rem;font-weight:600}.valo-scope .sort-select:focus{border-color:var(--vl-text-dim);outline:none}.valo-scope .belanja-grid{background:var(--vl-border);border:1px solid var(--vl-border);border-top:none;grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.valo-scope .belanja-card{background:var(--vl-bg);padding-bottom:1.1rem}.valo-scope .belanja-card__img{aspect-ratio:1;background:var(--vl-product-bg);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.valo-scope .belanja-card__img svg{width:38%;transition:transform .3s;position:relative}.valo-scope .belanja-card__img .tee-base{stroke:#00000040;stroke-width:.5px;transition:fill .2s}.valo-scope .belanja-card__img .design-mark{fill:var(--vl-bg-deep);opacity:.82}.valo-scope .belanja-card:hover .belanja-card__img svg{transform:scale(1.04)}.valo-scope .belanja-card__brand{letter-spacing:.08em;text-transform:uppercase;color:var(--vl-text-faint);padding:.9rem 1rem 0;font-size:.62rem;font-weight:700}.valo-scope .belanja-card__body{padding:.3rem 1rem 0}.valo-scope .belanja-card__name{margin-bottom:.3rem;font-size:.82rem;font-weight:600;transition:color .15s}.valo-scope .belanja-card:hover .belanja-card__name{color:var(--vl-accent)}.valo-scope .belanja-card__price{color:var(--vl-text-dim);margin-bottom:.6rem;font-size:.82rem}.valo-scope .belanja-card__swatches{gap:.4rem;margin-bottom:.8rem;display:flex}.valo-scope .swatch-dot{cursor:pointer;border:1px solid #ffffff26;border-radius:50%;width:16px;height:16px;padding:0;transition:box-shadow .15s}.valo-scope .swatch-dot.is-active{box-shadow:0 0 0 2px var(--vl-bg), 0 0 0 3px var(--vl-accent)}.valo-scope .btn-add{text-align:center;width:calc(100% - 2rem);color:var(--vl-text);border:1px solid var(--vl-border);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:0 0;margin:0 1rem;padding:.6rem;font-size:.7rem;font-weight:700;transition:all .15s;display:block}.valo-scope .btn-add:hover{background:var(--vl-text);color:var(--vl-bg-deep);border-color:var(--vl-text)}.valo-scope .belanja-empty{text-align:center;grid-column:1/-1;padding:5rem 1.5rem}.valo-scope .belanja-empty h3{text-transform:uppercase;margin-bottom:.6rem;font-size:1.1rem;font-weight:800}.valo-scope .belanja-empty p{color:var(--vl-text-dim);margin-bottom:1.4rem;font-size:.82rem}@media (max-width:860px){.valo-scope .belanja-grid{grid-template-columns:repeat(2,1fr)}}
