.vl-store{position:relative;padding:var(--vl-section-pad-lg) var(--vl-container-pad);background:var(--vl-bg-primary);overflow:hidden}.vl-store--bg-gray{background:var(--vl-bg-secondary)}.vl-store--bg-dark{background:var(--vl-gray-900);--vl-text-primary: #fafafa;--vl-text-secondary: #a1a1aa;--vl-text-tertiary: #71717a;--vl-text-muted: #52525b;--vl-border: #27272a;--vl-border-strong: #3f3f46;--vl-bg-card: #18181b;--vl-bg-secondary: #111114;--vl-bg-tertiary: #1e1e22;--vl-accent-50: rgba(99, 102, 241, .15)}.vl-store__header{max-width:640px;margin:0 auto var(--vl-space-8);text-align:center}.vl-store__header--left{text-align:left;margin-left:0;max-width:100%}.vl-store__overline{display:inline-flex;align-items:center;gap:var(--vl-space-2);margin-bottom:var(--vl-space-4);font-family:var(--vl-font-sans);font-size:11px;font-weight:600;letter-spacing:var(--vl-tracking-wider);text-transform:uppercase;color:var(--vl-accent-400)}.vl-store__overline-line{width:24px;height:1px;background:var(--vl-accent-400)}.vl-store__title{margin:0 0 var(--vl-space-4);font-family:var(--vl-font-sans);font-size:clamp(1.75rem,3vw + .5rem,2.5rem);font-weight:700;line-height:var(--vl-leading-tight);letter-spacing:var(--vl-tracking-tight);color:var(--vl-text-primary)}.vl-store__subtitle{margin:0;font-family:var(--vl-font-sans);font-size:var(--vl-text-lg);line-height:var(--vl-leading-relaxed);color:var(--vl-text-secondary)}.vl-store__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--vl-space-4);margin-bottom:var(--vl-space-8);flex-wrap:wrap}.vl-store__filters{display:flex;align-items:center;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px;flex:1;min-width:0}.vl-store__filters::-webkit-scrollbar{display:none}.vl-store__filter-btn{flex-shrink:0;padding:8px 18px;border-radius:var(--vl-radius-full);border:1px solid var(--vl-border);background:transparent;color:var(--vl-text-secondary);font-family:var(--vl-font-sans);font-size:var(--vl-text-sm);font-weight:500;cursor:pointer;transition:all var(--vl-duration-fast) ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.vl-store__filter-btn:hover{border-color:var(--vl-border-strong);color:var(--vl-text-primary);background:var(--vl-bg-tertiary)}.vl-store__filter-btn.is-active{background:var(--vl-text-primary);color:var(--vl-bg-primary);border-color:var(--vl-text-primary)}.vl-store__filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-left:6px;border-radius:var(--vl-radius-full);background:#6366f126;font-size:11px;font-weight:600;color:var(--vl-accent-500)}.vl-store__filter-btn.is-active .vl-store__filter-count{background:#fff3;color:var(--vl-bg-primary)}.vl-store__controls{display:flex;align-items:center;gap:var(--vl-space-3);flex-shrink:0}.vl-store__view-toggle{display:flex;align-items:center;border-radius:var(--vl-radius-lg);border:1px solid var(--vl-border);overflow:hidden}.vl-store__view-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--vl-text-tertiary);cursor:pointer;transition:all var(--vl-duration-fast) ease}.vl-store__view-btn:hover{color:var(--vl-text-primary)}.vl-store__view-btn.is-active{background:var(--vl-text-primary);color:var(--vl-bg-primary)}.vl-store__view-btn svg{width:16px;height:16px}.vl-store__sort{padding:8px 32px 8px 14px;border-radius:var(--vl-radius-lg);border:1px solid var(--vl-border);background:transparent;color:var(--vl-text-secondary);font-family:var(--vl-font-sans);font-size:var(--vl-text-sm);cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.vl-store__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1280px;margin:0 auto}.vl-store__grid--3col{grid-template-columns:repeat(3,1fr)}.vl-store__grid--2col{grid-template-columns:repeat(2,1fr)}.vl-store__grid--list{grid-template-columns:1fr;gap:16px}.vl-store__card-wrap{transition:opacity .3s ease,transform .3s ease}.vl-store__card-wrap.is-hidden{opacity:0;transform:scale(.95);pointer-events:none;position:absolute;visibility:hidden}.vl-store__card{position:relative;display:flex;flex-direction:column;border-radius:var(--vl-radius-2xl);border:1px solid var(--vl-border);background:var(--vl-bg-card, #fff);overflow:hidden;transition:transform var(--vl-duration-normal) var(--vl-ease-out),box-shadow var(--vl-duration-normal) var(--vl-ease-out),border-color var(--vl-duration-normal) ease;cursor:pointer;text-decoration:none;color:inherit}.vl-store__card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014,0 4px 12px #0000000a;border-color:var(--vl-border-strong)}.vl-store__card-media{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:var(--vl-bg-tertiary)}.vl-store__card-img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--vl-ease-out)}.vl-store__card:hover .vl-store__card-img{transform:scale(1.06)}.vl-store__card-img-secondary{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease}.vl-store__card:hover .vl-store__card-img-secondary{opacity:1}.vl-store__card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--vl-gray-100),var(--vl-gray-200));color:var(--vl-text-muted)}.vl-store__card-placeholder svg{width:48px;height:48px}.vl-store__card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding:var(--vl-space-4);background:linear-gradient(to top,rgba(0,0,0,.5) 0%,transparent 60%);opacity:0;transition:opacity .3s ease}.vl-store__card:hover .vl-store__card-overlay{opacity:1}.vl-store__card-actions{display:flex;gap:8px;width:100%;transform:translateY(12px);transition:transform .3s var(--vl-ease-out)}.vl-store__card:hover .vl-store__card-actions{transform:translateY(0)}.vl-store__card-action{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:none;border-radius:var(--vl-radius-lg);font-family:var(--vl-font-sans);font-size:var(--vl-text-sm);font-weight:600;cursor:pointer;transition:all var(--vl-duration-fast) ease;text-decoration:none}.vl-store__card-action svg{width:16px;height:16px;flex-shrink:0}.vl-store__card-action--primary{background:#fff;color:var(--vl-gray-900)}.vl-store__card-action--primary:hover{background:var(--vl-accent-500);color:#fff}.vl-store__card-action--icon{flex:0;width:40px;padding:10px;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}.vl-store__card-action--icon:hover{background:#ffffff59}.vl-store__card-badges{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:6px;z-index:2}.vl-store__badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--vl-radius-full);font-family:var(--vl-font-sans);font-size:11px;font-weight:600;letter-spacing:.02em;line-height:1;white-space:nowrap}.vl-store__badge--sale{background:#ef4444;color:#fff}.vl-store__badge--new{background:var(--vl-accent-500);color:#fff}.vl-store__badge--featured{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff}.vl-store__badge--digital{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.25)}.vl-store__badge--soldout{background:var(--vl-gray-700);color:#fff}.vl-store__wishlist{position:absolute;top:12px;right:12px;z-index:2;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--vl-radius-full);background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--vl-text-tertiary);cursor:pointer;transition:all var(--vl-duration-fast) ease;opacity:0;transform:scale(.8)}.vl-store__card:hover .vl-store__wishlist{opacity:1;transform:scale(1)}.vl-store__wishlist:hover{color:#ef4444;background:#fff}.vl-store__wishlist.is-active{color:#ef4444;opacity:1;transform:scale(1)}.vl-store__wishlist.is-active svg{fill:#ef4444}.vl-store__wishlist svg{width:18px;height:18px}.vl-store__card-info{display:flex;flex-direction:column;gap:var(--vl-space-2);padding:var(--vl-space-5) var(--vl-space-5) var(--vl-space-6)}.vl-store__card-category{font-family:var(--vl-font-sans);font-size:11px;font-weight:600;letter-spacing:var(--vl-tracking-wider);text-transform:uppercase;color:var(--vl-accent-400)}.vl-store__card-title{margin:0;font-family:var(--vl-font-sans);font-size:var(--vl-text-base);font-weight:600;line-height:var(--vl-leading-snug);color:var(--vl-text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vl-store__card-desc{margin:0;font-size:var(--vl-text-sm);line-height:var(--vl-leading-relaxed);color:var(--vl-text-tertiary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vl-store__card-rating{display:flex;align-items:center;gap:6px}.vl-store__stars{display:flex;gap:1px;color:#f59e0b}.vl-store__stars svg{width:14px;height:14px}.vl-store__stars svg.is-empty{color:var(--vl-gray-300)}.vl-store__rating-count{font-size:var(--vl-text-xs);color:var(--vl-text-muted)}.vl-store__card-pricing{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:var(--vl-space-1)}.vl-store__card-price{font-family:var(--vl-font-sans);font-size:var(--vl-text-lg);font-weight:700;color:var(--vl-text-primary)}.vl-store__card-price--free{color:#10b981}.vl-store__card-compare{font-size:var(--vl-text-sm);color:var(--vl-text-muted);text-decoration:line-through}.vl-store__card-discount{font-size:11px;font-weight:600;color:#ef4444;padding:2px 8px;background:#ef44441a;border-radius:var(--vl-radius-full)}.vl-store__card-cta{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 var(--vl-space-5) var(--vl-space-5);padding:10px 20px;border-radius:var(--vl-radius-lg);border:1px solid var(--vl-border);background:transparent;color:var(--vl-text-primary);font-family:var(--vl-font-sans);font-size:var(--vl-text-sm);font-weight:600;cursor:pointer;transition:all var(--vl-duration-fast) ease;text-decoration:none}.vl-store__card-cta:hover{background:var(--vl-text-primary);color:var(--vl-bg-primary);border-color:var(--vl-text-primary)}.vl-store__card-cta svg{width:16px;height:16px}.vl-store__grid--list .vl-store__card{flex-direction:row;border-radius:var(--vl-radius-xl)}.vl-store__grid--list .vl-store__card-media{width:280px;flex-shrink:0;aspect-ratio:auto}.vl-store__grid--list .vl-store__card-info{flex:1;padding:var(--vl-space-6);justify-content:center}.vl-store__grid--list .vl-store__card-desc{-webkit-line-clamp:3}.vl-store__grid--list .vl-store__card-cta{align-self:flex-start;margin:auto 0 0}.vl-store__carousel-wrap{position:relative}.vl-store__grid--carousel{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.vl-store__grid--carousel::-webkit-scrollbar{display:none}.vl-store__grid--carousel .vl-store__card-wrap{flex:0 0 calc(25% - 18px);scroll-snap-align:start}.vl-store__carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--vl-border);border-radius:var(--vl-radius-full);background:var(--vl-bg-card, #fff);color:var(--vl-text-primary);cursor:pointer;z-index:3;transition:all var(--vl-duration-fast) ease;box-shadow:0 2px 8px #0000000f}.vl-store__carousel-nav:hover{background:var(--vl-text-primary);color:var(--vl-bg-primary);border-color:var(--vl-text-primary)}.vl-store__carousel-nav:disabled{opacity:.3;cursor:not-allowed}.vl-store__carousel-nav--prev{left:-22px}.vl-store__carousel-nav--next{right:-22px}.vl-store__carousel-nav svg{width:20px;height:20px}.vl-store__carousel-dots{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:var(--vl-space-8)}.vl-store__carousel-dot{width:8px;height:8px;border-radius:var(--vl-radius-full);border:none;background:var(--vl-gray-300);cursor:pointer;transition:all var(--vl-duration-fast) ease;padding:0}.vl-store__carousel-dot.is-active{width:24px;background:var(--vl-accent-500)}.vl-store__quickview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--vl-space-6);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.vl-store__quickview.is-open{opacity:1;visibility:visible}.vl-store__quickview-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.vl-store__quickview-panel{position:relative;display:flex;max-width:960px;width:100%;max-height:85vh;border-radius:var(--vl-radius-2xl);background:var(--vl-bg-card, #fff);border:1px solid var(--vl-border);overflow:hidden;transform:scale(.92) translateY(20px);transition:transform .35s var(--vl-ease-out);box-shadow:0 25px 60px #00000026}.vl-store__quickview.is-open .vl-store__quickview-panel{transform:scale(1) translateY(0)}.vl-store__quickview-close{position:absolute;top:16px;right:16px;z-index:2;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--vl-radius-full);background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--vl-gray-600);cursor:pointer;transition:all var(--vl-duration-fast) ease}.vl-store__quickview-close:hover{background:#fff;color:var(--vl-gray-900)}.vl-store__quickview-close svg{width:20px;height:20px}.vl-store__quickview-media{flex:0 0 50%;background:var(--vl-bg-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden}.vl-store__quickview-img{width:100%;height:100%;object-fit:cover}.vl-store__quickview-body{flex:1;padding:var(--vl-space-8);overflow-y:auto;display:flex;flex-direction:column;gap:var(--vl-space-4)}.vl-store__quickview-category{font-size:11px;font-weight:600;letter-spacing:var(--vl-tracking-wider);text-transform:uppercase;color:var(--vl-accent-400)}.vl-store__quickview-title{margin:0;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700;line-height:var(--vl-leading-tight);color:var(--vl-text-primary)}.vl-store__quickview-desc{margin:0;font-size:var(--vl-text-base);line-height:var(--vl-leading-relaxed);color:var(--vl-text-secondary)}.vl-store__quickview-price{display:flex;align-items:baseline;gap:10px}.vl-store__quickview-amount{font-size:var(--vl-text-2xl);font-weight:700;color:var(--vl-text-primary)}.vl-store__quickview-compare{font-size:var(--vl-text-base);color:var(--vl-text-muted);text-decoration:line-through}.vl-store__quickview-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.vl-store__quickview-features li{display:flex;align-items:center;gap:8px;font-size:var(--vl-text-sm);color:var(--vl-text-secondary)}.vl-store__quickview-features li svg{width:16px;height:16px;color:#10b981;flex-shrink:0}.vl-store__quickview-cta{display:flex;gap:12px;margin-top:auto;padding-top:var(--vl-space-4)}.vl-store__quickview-btn{flex:1;padding:14px 24px;border-radius:var(--vl-radius-lg);border:none;font-family:var(--vl-font-sans);font-size:var(--vl-text-base);font-weight:600;cursor:pointer;transition:all var(--vl-duration-fast) ease;text-align:center;text-decoration:none}.vl-store__quickview-btn--primary{background:var(--vl-accent-500);color:#fff}.vl-store__quickview-btn--primary:hover{background:var(--vl-accent-600)}.vl-store__quickview-btn--outline{background:transparent;border:1px solid var(--vl-border);color:var(--vl-text-primary)}.vl-store__quickview-btn--outline:hover{background:var(--vl-bg-tertiary)}.vl-store__empty{grid-column:1 / -1;text-align:center;padding:var(--vl-space-16) var(--vl-space-8)}.vl-store__empty-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto var(--vl-space-4);border-radius:var(--vl-radius-full);background:var(--vl-bg-tertiary);color:var(--vl-text-muted)}.vl-store__empty-icon svg{width:28px;height:28px}.vl-store__empty-text{font-size:var(--vl-text-base);color:var(--vl-text-tertiary)}.vl-store__load-more{display:flex;justify-content:center;margin-top:var(--vl-space-12)}.vl-store__load-btn{padding:14px 40px;border-radius:var(--vl-radius-lg);border:1px solid var(--vl-border);background:transparent;color:var(--vl-text-primary);font-family:var(--vl-font-sans);font-size:var(--vl-text-base);font-weight:600;cursor:pointer;transition:all var(--vl-duration-fast) ease}.vl-store__load-btn:hover{background:var(--vl-text-primary);color:var(--vl-bg-primary);border-color:var(--vl-text-primary)}.vl-store:not(.is-visible) .vl-store__card-wrap{opacity:0;transform:translateY(24px)}.vl-store.is-visible .vl-store__card-wrap{animation:vl-store-reveal .5s var(--vl-ease-out) both}.vl-store.is-visible .vl-store__card-wrap:nth-child(1){animation-delay:0ms}.vl-store.is-visible .vl-store__card-wrap:nth-child(2){animation-delay:60ms}.vl-store.is-visible .vl-store__card-wrap:nth-child(3){animation-delay:.12s}.vl-store.is-visible .vl-store__card-wrap:nth-child(4){animation-delay:.18s}.vl-store.is-visible .vl-store__card-wrap:nth-child(5){animation-delay:.24s}.vl-store.is-visible .vl-store__card-wrap:nth-child(6){animation-delay:.3s}.vl-store.is-visible .vl-store__card-wrap:nth-child(7){animation-delay:.36s}.vl-store.is-visible .vl-store__card-wrap:nth-child(8){animation-delay:.42s}@keyframes vl-store-reveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}[data-vl-theme=dark] .vl-store{--vl-bg-card: #18181b;--vl-bg-tertiary: #1e1e22}[data-vl-theme=dark] .vl-store__card:hover{box-shadow:0 12px 40px #0000004d,0 0 0 1px #6366f126}[data-vl-theme=dark] .vl-store__card-placeholder{background:linear-gradient(135deg,#1e1e22,#27272a)}[data-vl-theme=dark] .vl-store__wishlist{background:#1e1e22d9;color:var(--vl-text-tertiary)}[data-vl-theme=dark] .vl-store__card-action--primary{background:var(--vl-gray-800);color:#fafafa}[data-vl-theme=dark] .vl-store__quickview-close{background:#1e1e22e6;color:var(--vl-gray-400)}[data-vl-theme=dark] .vl-store__carousel-nav{background:var(--vl-gray-800);border-color:var(--vl-gray-700)}[data-vl-theme=dark] .vl-store__sort{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}[data-vl-theme=dark] .vl-store__stars svg.is-empty{color:var(--vl-gray-600)}@media(max-width:1023px){.vl-store__grid{grid-template-columns:repeat(3,1fr);gap:20px}.vl-store__grid--carousel .vl-store__card-wrap{flex:0 0 calc(33.333% - 14px)}.vl-store__carousel-nav--prev{left:-12px}.vl-store__carousel-nav--next{right:-12px}}@media(max-width:767px){.vl-store{padding:var(--vl-section-pad-sm) var(--vl-container-pad)}.vl-store__toolbar{flex-direction:column;align-items:stretch}.vl-store__grid{grid-template-columns:repeat(2,1fr);gap:16px}.vl-store__grid--list{grid-template-columns:1fr}.vl-store__grid--list .vl-store__card{flex-direction:column}.vl-store__grid--list .vl-store__card-media{width:100%;aspect-ratio:4 / 3}.vl-store__grid--carousel .vl-store__card-wrap{flex:0 0 calc(80% - 12px)}.vl-store__carousel-nav{display:none}.vl-store__quickview-panel{flex-direction:column;max-height:90vh}.vl-store__quickview-media{flex:0 0 auto;height:240px}.vl-store__quickview-cta{flex-direction:column}.vl-store__controls{display:none}}@media(max-width:479px){.vl-store__grid{grid-template-columns:1fr}.vl-store__card-media{aspect-ratio:16 / 10}}@media(prefers-reduced-motion:reduce){.vl-store__card,.vl-store__card-img,.vl-store__card-overlay,.vl-store__card-actions,.vl-store__wishlist,.vl-store__quickview,.vl-store__quickview-panel,.vl-store__card-wrap{transition:none!important;animation:none!important}.vl-store:not(.is-visible) .vl-store__card-wrap{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/vl-product-store.css.map */