.valo-scope .produk-back-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;padding:1.6rem 0 0;display:flex}.valo-scope .produk-back-link{color:var(--vl-text-dim);font-size:.78rem;font-weight:600}.valo-scope .produk-back-link a:hover{color:var(--vl-accent)}.valo-scope .produk-back-link span{color:var(--vl-text-faint);margin:0 .4rem}.valo-scope .product-layout{grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,4rem);padding:2rem 0 3rem;display:grid}@media (max-width:860px){.valo-scope .product-layout{grid-template-columns:1fr;gap:1.5rem}}.valo-scope .product-image{aspect-ratio:1;background:var(--vl-product-bg);border:1px solid var(--vl-border);cursor:zoom-in;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.valo-scope .product-image svg{z-index:1;width:38%;position:relative}.valo-scope .product-image .tee-base{stroke:#00000040;stroke-width:.5px;transition:fill .2s}.valo-scope .product-image .design-mark{fill:var(--vl-bg-deep);opacity:.82}.valo-scope .badge-unavailable{background:var(--vl-bg-deep);color:var(--vl-danger);border:1px solid var(--vl-danger);letter-spacing:.08em;text-transform:uppercase;z-index:2;padding:.45rem .8rem;font-size:.62rem;font-weight:700;position:absolute;top:1rem;left:1rem}.valo-scope .product-image__zoom-wrap{will-change:transform;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .2s ease-out;display:flex}.valo-scope .product-image__zoom-wrap.is-zooming{transition:none;transform:scale(1.8)}.valo-scope .product-image__arrow{z-index:3;border:1px solid var(--vl-border);width:34px;height:34px;color:var(--vl-text);cursor:pointer;background:#0a0a0a66;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.valo-scope .product-image__arrow:hover{border-color:var(--vl-accent);color:var(--vl-accent);background:#0a0a0aa6}.valo-scope .product-image__arrow svg{width:16px;height:16px}.valo-scope .product-image__arrow--prev{left:1rem}.valo-scope .product-image__arrow--prev svg{transform:scaleX(-1)}.valo-scope .product-image__arrow--next{right:1rem}.valo-scope .color-swatches{flex-wrap:wrap;gap:.7rem;display:flex}.valo-scope .color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:32px;height:32px;padding:2px;transition:border-color .15s;position:relative}.valo-scope .color-swatch__fill{border:1px solid #ffffff26;border-radius:50%;width:100%;height:100%;display:block}.valo-scope .color-swatch.is-active{border-color:var(--vl-accent)}.valo-scope .color-swatch-name{color:var(--vl-text-dim);margin-top:.7rem;font-size:.75rem}.valo-scope .color-swatch-name b{color:var(--vl-text);font-weight:700}.valo-scope .product-info__brand{letter-spacing:.08em;text-transform:uppercase;color:var(--vl-text-dim);margin-bottom:.8rem;font-size:.72rem;font-weight:700;transition:color .15s;display:inline-block}.valo-scope .product-info__brand:hover{color:var(--vl-accent)}.valo-scope .product-info h1{text-transform:uppercase;letter-spacing:-.01em;margin-bottom:.9rem;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:900;line-height:1.1}.valo-scope .product-info__price{margin-bottom:1.8rem;font-size:1.3rem;font-weight:700}.valo-scope .option-row{margin-bottom:1.8rem}.valo-scope .option-row__label-row{justify-content:space-between;align-items:baseline;margin-bottom:.8rem;display:flex}.valo-scope .option-row label{letter-spacing:.1em;text-transform:uppercase;color:var(--vl-text-dim);font-size:.68rem;font-weight:700}.valo-scope .size-guide-link{color:var(--vl-text-dim);font-size:.7rem;font-weight:600}.valo-scope .size-guide-link:hover{color:var(--vl-accent)}.valo-scope .size-pills{flex-wrap:wrap;gap:.6rem;display:flex}.valo-scope .size-pill{border:1px solid var(--vl-border);width:48px;height:48px;color:var(--vl-text);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;transition:all .15s;display:flex}.valo-scope .size-pill:hover{border-color:var(--vl-text-dim)}.valo-scope .size-pill.is-active{background:var(--vl-text);color:var(--vl-bg-deep);border-color:var(--vl-text)}.valo-scope .size-error{color:var(--vl-danger);margin-top:.7rem;font-size:.75rem}.valo-scope .qty-row{background:var(--vl-border);border:1px solid var(--vl-border);align-items:center;gap:1px;width:fit-content;display:flex}.valo-scope .qty-btn{background:var(--vl-bg);width:42px;height:42px;color:var(--vl-text);cursor:pointer;border:none;font-size:1rem;transition:background .15s}.valo-scope .qty-btn:hover{background:var(--vl-surface-hover)}.valo-scope .qty-value{background:var(--vl-bg);justify-content:center;align-items:center;width:52px;height:42px;font-size:.9rem;font-weight:700;display:flex}.valo-scope .add-to-cart-row{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.valo-scope .produk-btn-outline{color:var(--vl-text);border:1px solid var(--vl-border);letter-spacing:.03em;text-transform:uppercase;cursor:pointer;background:0 0;padding:1rem 1.3rem;font-size:.82rem;font-weight:700}.valo-scope .produk-btn-outline:hover{border-color:var(--vl-text-dim)}.valo-scope .produk-btn-solid{background:var(--vl-text);min-width:200px;color:var(--vl-bg-deep);border:1px solid var(--vl-text);letter-spacing:.03em;text-transform:uppercase;cursor:pointer;flex:1;padding:1rem;font-size:.82rem;font-weight:700}.valo-scope .produk-btn-solid:hover{background:var(--vl-accent);border-color:var(--vl-accent)}.valo-scope .produk-btn-solid:disabled{background:var(--vl-surface);color:var(--vl-text-faint);border-color:var(--vl-border);cursor:not-allowed}.valo-scope .unavailable-note{color:var(--vl-text-dim);border:1px solid var(--vl-border);background:var(--vl-surface);margin-top:1.2rem;padding:1rem;font-size:.8rem;line-height:1.6}.valo-scope .accordion{border-top:1px solid var(--vl-border);margin-top:2.2rem}.valo-scope .accordion-item{border-bottom:1px solid var(--vl-border)}.valo-scope .accordion-trigger{width:100%;color:var(--vl-text);text-transform:uppercase;letter-spacing:.02em;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:1.1rem 0;font-size:.82rem;font-weight:700;list-style:none;display:flex}.valo-scope .accordion-trigger::-webkit-details-marker{display:none}.valo-scope .accordion-trigger svg{width:12px;height:12px;stroke:var(--vl-text-dim);transition:transform .2s}.valo-scope .accordion-item[open] .accordion-trigger svg{transform:rotate(45deg)}.valo-scope .accordion-panel__inner{color:var(--vl-text-dim);padding:0 0 1.1rem;font-size:.84rem;line-height:1.7}.valo-scope .produk-section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--vl-text-dim);margin-bottom:.8rem;font-size:.7rem;font-weight:600}.valo-scope .produk-section-title{text-transform:uppercase;letter-spacing:-.005em;margin-bottom:1.6rem;font-size:1.3rem;font-weight:900}.valo-scope .related-grid{background:var(--vl-border);border:1px solid var(--vl-border);grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:3.5rem;display:grid}.valo-scope .related-card{background:var(--vl-bg);padding-bottom:1.1rem}.valo-scope .related-card__img{aspect-ratio:1;background:var(--vl-product-bg);justify-content:center;align-items:center;display:flex;overflow:hidden}.valo-scope .related-card__img svg{width:38%;transition:transform .3s}.valo-scope .related-card:hover .related-card__img svg{transform:scale(1.06)}.valo-scope .related-card__body{padding:.9rem 1rem 0}.valo-scope .related-card__name{margin-bottom:.3rem;font-size:.82rem;font-weight:600;transition:color .15s}.valo-scope .related-card:hover .related-card__name{color:var(--vl-accent)}.valo-scope .related-card__price{color:var(--vl-text-dim);margin-bottom:.7rem;font-size:.82rem}@media (max-width:860px){.valo-scope .related-grid{grid-template-columns:repeat(2,1fr)}}.valo-scope .produk-toast{background:var(--vl-text);color:var(--vl-bg-deep);letter-spacing:.01em;z-index:100;align-items:center;gap:.7rem;padding:.9rem 1.4rem;font-size:.8rem;font-weight:700;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)translateY(0)}.valo-scope .produk-toast svg{width:16px;height:16px;stroke:var(--vl-bg-deep);flex-shrink:0}
