:root{--theme-font-body: "Inter", "Inter Fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--theme-font-heading: "Inter", "Inter Fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--theme-header-bar: #0f172a;--theme-primary: #4f46e5;--theme-primary-hover: #281fbe;--theme-bg-primary: #ffffff;--theme-bg-secondary: #f8fafc;--theme-text-primary: #0f172a;--theme-text-secondary: #475569;--theme-text-muted: #64748b;--theme-border: #e2e8f0;--theme-border-focus: #4f46e5;--theme-success: #10b981;--theme-warning: #f59e0b;--theme-error: #ef4444;--theme-info: #3b82f6;--theme-shadow: 0 1px 3px 0 rgb(0 0 0 / .06), 0 1px 2px -1px rgb(0 0 0 / .06);--theme-shadow-lg: 0 10px 25px -5px rgb(0 0 0 / .08), 0 8px 10px -6px rgb(0 0 0 / .04);--theme-shadow-hover: 0 20px 40px -12px rgb(0 0 0 / .12);--theme-footer-bg: #0f172a;--theme-footer-text: #e2e8f0;--theme-footer-text-hover: #ffffff;--theme-menu-color: #FFFFFF;--theme-menu-hover: #FFFFFF;--theme-brand-text: #FDFEFF;--theme-catalog-btn-bg: #4f46e5;--theme-catalog-btn-text: #ffffff;--theme-category-text: #333333;--theme-category-hover-bg: #f8f9fa;--theme-category-hover-text: #4f46e5;--theme-pagination-bg: #ffffff;--theme-pagination-text: #374151;--theme-pagination-active-bg: #4f46e5;--theme-pagination-active-text: #ffffff;--theme-btn-cart-bg: #0f172a;--theme-btn-cart-text: #ffffff;--theme-btn-cart-border: #0f172a;--theme-btn-cart-hover-bg: #4f46e5;--theme-btn-cart-hover-text: #ffffff;--theme-btn-buy-bg: transparent;--theme-btn-buy-text: #4f46e5;--theme-btn-buy-border: #4f46e5;--theme-btn-buy-hover-bg: #4f46e5;--theme-btn-buy-hover-text: #ffffff;--theme-btn-primary-bg: #4f46e5;--theme-btn-primary-text: #ffffff;--theme-variation-bg: #ffffff;--theme-variation-text: #6b7280;--theme-variation-active-bg: #4f46e5;--theme-variation-active-text: #ffffff;--theme-filter-bg: #f3f4f6;--theme-filter-text: #4f46e5;--theme-filter-active-bg: #4f46e5;--theme-filter-active-text: #ffffff;--theme-badge-discount-bg: #ef4444;--theme-badge-discount-text: #ffffff;--theme-badge-new-bg: #10b981;--theme-badge-new-text: #ffffff;--theme-badge-hit-bg: #f59e0b;--theme-badge-hit-text: #ffffff;--theme-badge-best-bg: #4f46e5;--theme-badge-best-text: #ffffff;--theme-favorite-header-bg: #1f2937;--theme-favorite-header-text: #ffffff;--theme-compare-header-bg: #1f2937;--theme-compare-header-text: #ffffff;--theme-variation-discount-bg: #ef4444;--theme-variation-discount-text: #ffffff;--theme-progress-bar: #4f46e5;--theme-star-filled: #f59e0b;--theme-star-empty: #cbd5e1;--radius-sm: .375rem;--radius-md: .5rem;--radius-xl: 1rem}body{background-color:var(--theme-bg-primary);color:var(--theme-text-primary)}.header{background-color:var(--theme-bg-primary);border-bottom:1px solid var(--theme-border)}.top-bar,.top-bar a,.top-bar .nav-link,.top-bar-nav li a,.top-bar-nav .dropdown-toggle,.top-bar-select{color:var(--theme-menu-color)}.top-bar a:hover,.top-bar-nav li a:hover,.top-bar-nav .dropdown-toggle:hover{color:var(--theme-menu-hover)}.bg-header-bar .nav-link,.bg-header-bar .text-white:not(.text-warning){color:var(--theme-menu-color)!important}.bg-header-bar .text-warning,.bg-header-bar a.text-warning,.bg-header-bar span.text-warning{color:var(--theme-brand-text)!important}.top-bar-brand-name,.top-bar .text-warning,.top-bar a.text-warning{color:var(--theme-brand-text)!important;opacity:1}.catalog-btn,.dropdown-toggle-btn{background-color:var(--theme-catalog-btn-bg)!important;border-color:var(--theme-catalog-btn-bg)!important;color:var(--theme-catalog-btn-text)!important}.catalog-btn:hover,.dropdown-toggle-btn:hover{background-color:#281fbe!important;border-color:#281fbe!important}footer.bg-dark,.footer.bg-dark,.site-footer.bg-dark{background-color:var(--theme-footer-bg)!important}footer.bg-dark *,.footer.bg-dark *,footer .text-white,.footer .text-white{color:var(--theme-footer-text)!important}footer a:hover,.footer a:hover,.site-footer a:hover{color:var(--theme-footer-text-hover)!important}.pagination-btn{background-color:var(--theme-pagination-bg);color:var(--theme-pagination-text)!important}.pagination-btn:hover{border-color:var(--theme-pagination-active-bg);color:var(--theme-pagination-active-bg)!important}.pagination-btn.active{background-color:var(--theme-pagination-active-bg);border-color:var(--theme-pagination-active-bg);color:var(--theme-pagination-active-text)!important}.pagination-btn.disabled{color:#9da7b7!important}.product-card .btn-add-cart,.pdp-cta .btn-add-cart,.landing-product-cta .btn-add-cart{background-color:var(--theme-btn-cart-bg);color:var(--theme-btn-cart-text);border-color:var(--theme-btn-cart-border)}.product-card .btn-add-cart:hover,.pdp-cta .btn-add-cart:hover,.landing-product-cta .btn-add-cart:hover{background-color:var(--theme-btn-cart-hover-bg);color:var(--theme-btn-cart-hover-text);border-color:var(--theme-btn-cart-hover-bg)}@media(max-width:767.98px){.product-card .btn-add-cart:hover{background-color:var(--theme-btn-cart-bg);color:var(--theme-btn-cart-text);border-color:var(--theme-btn-cart-border)}}.pdp-btn-oneclick,.landing-btn-oneclick{background-color:var(--theme-btn-buy-bg);color:var(--theme-btn-buy-text);border-color:var(--theme-btn-buy-border)}.pdp-btn-oneclick:hover:not(.disabled),.landing-btn-oneclick:hover:not(.disabled){background-color:var(--theme-btn-buy-hover-bg);color:var(--theme-btn-buy-hover-text);border-color:var(--theme-btn-buy-hover-text)}.btn-primary{background-color:var(--theme-btn-primary-bg);border-color:var(--theme-btn-primary-bg);color:var(--theme-btn-primary-text)}.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background-color:#281fbe;border-color:#281fbe;color:var(--theme-btn-primary-text)}.d-flex.align-items-center>.btn-outline-dark+.btn-outline-primary,.d-flex.align-items-center>.btn+.btn:not(.dropdown-toggle-btn){margin-left:.5rem}.mega-root-link{color:var(--theme-category-text)}.mega-root-item:hover,.mega-root-item.active{background:var(--theme-category-hover-bg)}.mega-root-item:hover .mega-root-link,.mega-root-item.active .mega-root-link,.mega-root-link:hover{color:var(--theme-category-hover-text)}.btn-outline-secondary:not(.btn-favorite):not(.btn-compare){background-color:var(--theme-variation-bg);color:var(--theme-variation-text);border-color:var(--theme-variation-text)}.btn-outline-secondary:not(.btn-favorite):not(.btn-compare):hover{background-color:var(--theme-variation-active-bg);color:var(--theme-variation-active-text);border-color:var(--theme-variation-active-bg)}.btn .badge.bg-danger,.btn .badge.rounded-pill.bg-danger{background-color:var(--theme-variation-discount-bg)!important;color:var(--theme-variation-discount-text)!important}.badge.bg-light{background-color:var(--theme-filter-bg)!important}.badge.bg-light.text-success{color:var(--theme-filter-text)!important}.badge.bg-success{background-color:var(--theme-filter-active-bg)!important;color:var(--theme-filter-active-text)!important}.badge-discount,.badge.bg-dark.badge-discount,.badge.bg-danger.badge-discount{background-color:var(--theme-badge-discount-bg)!important;color:var(--theme-badge-discount-text)!important}.badge-new,.badge.bg-dark.badge-new{background-color:var(--theme-badge-new-bg)!important;color:var(--theme-badge-new-text)!important}.badge-hit,.badge.bg-dark.badge-hit{background-color:var(--theme-badge-hit-bg)!important;color:var(--theme-badge-hit-text)!important}.badge-best,.badge.bg-dark.badge-best{background-color:var(--theme-badge-best-bg)!important;color:var(--theme-badge-best-text)!important}.header-favorite .bg-dark,.header-favorite span.bg-dark{background-color:var(--theme-favorite-header-bg)!important;color:var(--theme-favorite-header-text)!important}.header-compare .bg-dark,.header-compare span.bg-dark{background-color:var(--theme-compare-header-bg)!important;color:var(--theme-compare-header-text)!important}.card,.product-card{background-color:var(--theme-bg-primary);border:1px solid var(--theme-border);box-shadow:var(--theme-shadow)}.site-wrapper{display:flex;flex-direction:column;min-height:100vh}.site-main{flex:1 0 auto}.site-footer{flex-shrink:0}body{-webkit-font-smoothing:antialiased;font-family:var(--theme-font-body)}h1,h2,h3,h4,h5,h6{font-family:var(--theme-font-heading)}h1{font-size:calc(1.275rem + .9vw)}@media(min-width:1200px){h1{font-size:2rem}}.navbar{position:relative;z-index:1030}.navbar .dropdown-menu{z-index:1035}.bg-header-bar{background-color:var(--theme-header-bar)!important;position:relative;z-index:1020}.card{display:flex;flex-direction:column}.card:hover{box-shadow:var(--theme-shadow-hover, var(--theme-shadow-lg))}.card .card-body{flex:1 0 auto;display:flex;flex-direction:column}.card .card-footer{margin-top:auto;background:transparent;border-top:none}.card-body h5{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.4em;line-height:1.3;margin-bottom:.25rem;font-size:.85rem}.item-status-badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;margin-top:4px}.item-status-badge--1{background:#d4edda;color:#155724}.item-status-badge--3{background:#fff3cd;color:#856404}.product-rating{display:flex;align-items:center;gap:.125rem;margin-bottom:.1875rem}.product-rating .bi-star-fill,.product-rating .bi-star-half{color:var(--theme-star-filled, #f59e0b);font-size:.6875rem}.product-rating .bi-star{color:var(--theme-star-empty, #e2e8f0);font-size:.6875rem}.product-rating .rating-count{font-size:.6875rem;color:var(--theme-text-muted, #94a3b8);margin-left:.25rem}.product-status{display:inline-flex;align-items:center;gap:.25rem;font-size:.6875rem;font-weight:600;padding:.1rem .4rem;border-radius:var(--radius-sm, .375rem);width:fit-content;margin-bottom:0}.product-status.status-in-stock{background:#dcfce7;color:#166534}.product-status.status-ending{background:#fef9c3;color:#854d0e}.product-status.status-out-of-stock{background:#fee2e2;color:#991b1b}.product-status.status-preorder{background:#fff7ed;color:#9a3412}.product-status.status-coming{background:#dbeafe;color:#1e40af}.product-bonus{font-size:.6875rem;color:var(--theme-success, #16a34a);font-weight:500;margin:0}.product-preorder-date{font-size:.625rem;color:var(--theme-text-muted, #94a3b8);margin-top:.125rem}.variation-group{margin-bottom:.2rem}.variation-group:last-child{margin-bottom:0}.variation-label{font-size:.6875rem;font-weight:600;color:var(--theme-text-secondary, #475569);margin-bottom:.15rem}.variation-options{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}.variation-option{position:relative;padding:.15rem .4rem;font-size:.6875rem;font-weight:500;border:1.5px solid var(--theme-border, #e2e8f0);border-radius:var(--radius-sm, .375rem);background:var(--theme-bg-primary, #fff);color:var(--theme-text-secondary, #475569);cursor:pointer;transition:all .2s ease;line-height:1.3}.variation-option:hover{border-color:var(--theme-primary, #4f46e5);color:var(--theme-primary, #4f46e5)}.variation-option.selected{background:var(--theme-primary, #4f46e5);border-color:var(--theme-primary, #4f46e5);color:#fff}.variation-color{width:22px;height:22px;border-radius:50%;border:2px solid var(--theme-border, #e2e8f0);padding:0;cursor:pointer;transition:all .2s ease;display:inline-block;background-size:cover;background-position:center;position:relative}.variation-color:hover,.variation-color.selected{border-color:var(--theme-primary, #4f46e5);box-shadow:0 0 0 2px #4f46e54d}.variation-discount-badge{position:absolute;top:-6px;right:-6px;font-size:.5rem;padding:0 3px;background:var(--theme-badge-discount-bg, #ef4444);color:#fff;border-radius:4px;font-weight:700;line-height:1.4}.variation-all-options{font-size:.6875rem;color:var(--theme-primary, #4f46e5);background:none;border:none;padding:.15rem 0;cursor:pointer;text-decoration:underline}.variation-all-options:hover{color:var(--theme-primary-hover, #4338ca)}.variation-items{margin-top:.3rem}.variation-filter-row{display:flex;align-items:center;flex-wrap:wrap;gap:.2rem;margin-bottom:.2rem}.variation-more-count{font-size:.68rem;color:#6c757d;cursor:pointer;white-space:nowrap}.variation-filter-row .badge{font-size:.68rem;padding:.2rem .35rem;flex-shrink:0}.variation-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:1060;display:flex;align-items:center;justify-content:center;padding:1rem;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.variation-modal{background:var(--theme-bg-primary, #fff);border-radius:var(--radius-xl, 12px);box-shadow:var(--theme-shadow-lg, 0 .5rem 2rem rgba(0, 0, 0, .25));width:90%;max-width:500px;max-height:calc(100vh - 2rem);display:flex;flex-direction:column;overflow:hidden;animation:modalScaleIn .25s ease}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.variation-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border-bottom:1px solid var(--theme-border, #e5e7eb)}.variation-modal-title{font-weight:600;font-size:1rem;color:var(--theme-text-primary, #111827);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 2.5rem);line-height:1.4}.variation-modal-body{padding:1.25rem;overflow-y:auto}.variation-modal-filter{margin-bottom:1rem}.variation-modal-filter:last-child{margin-bottom:0}.variation-modal-filter-label{font-weight:500;font-size:.8125rem;color:var(--theme-text-secondary, #4b5563);margin-bottom:.5rem}.variation-modal-filter-values{display:flex;flex-wrap:wrap;gap:.5rem}.variation-modal-preview{display:flex;gap:1rem;margin-bottom:1.25rem;align-items:flex-start}.variation-modal-image{width:120px;height:120px;object-fit:contain;border-radius:var(--radius-md, 8px);background:var(--theme-bg-secondary, #f9fafb);flex-shrink:0}.variation-modal-info{flex:1;min-width:0}.variation-modal-price{font-size:1.125rem;font-weight:700;color:var(--theme-text-primary, #111827)}.variation-modal-old-price{text-decoration:line-through;color:var(--theme-text-muted, #6b7280);font-weight:400;margin-left:.5rem;font-size:.875rem}.variation-modal-status{display:inline-flex;align-items:center;gap:.25rem;font-size:.8125rem;font-weight:500;margin-bottom:.5rem}.variation-modal-bonus{font-size:.75rem;color:var(--theme-success, #10b981);margin-top:.25rem}.variation-modal-footer{padding:1rem 1.25rem;border-top:1px solid var(--theme-border, #e5e7eb);display:flex;align-items:center;justify-content:space-between;gap:1rem}.product-image-wrapper{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background-color:var(--theme-bg-secondary);border-radius:1rem 1rem 0 0}.product-image{width:100%;height:100%;object-fit:contain;display:block}.row.g-4>[class*=col-]{display:flex}.btn{font-weight:500;transition:all .15s}.product-card .badge{z-index:5}.form-control:focus,.form-select:focus{border-color:var(--theme-border-focus);box-shadow:0 0 0 3px #7c3aed1a}.breadcrumb{margin:0;padding:0;font-size:.8125rem;list-style:none;display:flex;flex-wrap:wrap;align-items:center}.breadcrumb-item{display:inline-flex;align-items:center;color:var(--theme-text-muted, #94a3b8)}.breadcrumb-item a{color:var(--theme-text-muted, #94a3b8);text-decoration:none;transition:color .15s ease}.breadcrumb-item a:hover{color:var(--theme-primary)}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item:before{content:"";font-family:bootstrap-icons;padding-right:.5rem;color:var(--theme-text-muted, #94a3b8);font-size:.625rem;float:none}.breadcrumb-item.active{color:var(--theme-text-primary);font-weight:500}@media(max-width:575.98px){.breadcrumb{font-size:.75rem}}section.py-5 h2{color:var(--theme-text-primary);font-weight:600;margin-bottom:1.5rem}@media(max-width:767.98px){.card:hover{transform:none}.row.g-4>[class*=col-12]{display:flex;justify-content:center}.row.g-4>[class*=col-12] .product-card{width:100%;max-width:320px}}.nav-link.active{color:var(--theme-primary)!important}.Vue-Toastification__toast{background-color:var(--theme-bg-primary)!important;color:var(--theme-text-primary)!important;border:1px solid var(--theme-border)!important;border-radius:12px!important;box-shadow:var(--theme-shadow-hover, var(--theme-shadow-lg))!important}.Vue-Toastification__toast--success{border-left:4px solid var(--theme-success)!important}.Vue-Toastification__toast--success .Vue-Toastification__icon{color:var(--theme-success)!important}.Vue-Toastification__toast--error{border-left:4px solid var(--theme-error)!important}.Vue-Toastification__toast--error .Vue-Toastification__icon{color:var(--theme-error)!important}.Vue-Toastification__toast--warning{border-left:4px solid var(--theme-warning)!important}.Vue-Toastification__toast--warning .Vue-Toastification__icon{color:var(--theme-warning)!important}.Vue-Toastification__toast--info{border-left:4px solid var(--theme-info)!important}.Vue-Toastification__toast--info .Vue-Toastification__icon{color:var(--theme-info)!important}.Vue-Toastification__close-button{color:var(--theme-text-secondary)!important;opacity:.7}.Vue-Toastification__close-button:hover{opacity:1}.Vue-Toastification__progress-bar{background-color:var(--theme-primary)!important}.Vue-Toastification__toast a{color:var(--theme-primary)!important;text-decoration:underline}.Vue-Toastification__toast a:hover{color:var(--theme-primary-hover)!important}#nprogress .bar{background:var(--theme-progress-bar)!important}#nprogress .peg{box-shadow:0 0 10px var(--theme-progress-bar),0 0 5px var(--theme-progress-bar)!important}
