.header-root{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);transition:var(--transition-normal);background-color:#f8f9fae0;padding:16px 0;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;display:flex}.brand-logo{align-items:baseline;gap:4px;text-decoration:none;display:flex}.logo-text{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--text-primary);font-size:22px;font-weight:800}.logo-dot{background-color:var(--accent-red);border-radius:50%;width:6px;height:6px;display:inline-block}.logo-sub{font-family:var(--font-accent);letter-spacing:.15em;color:var(--text-secondary);margin-left:4px;font-size:11px;font-weight:700}.nav-menu{align-items:center;gap:28px;display:flex}.nav-link{color:var(--text-secondary);transition:var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:6px 0;font-size:14px;font-weight:500;display:inline-flex;position:relative}.nav-link:after{content:"";background-color:var(--accent-red);width:0%;height:2px;transition:width .2s;position:absolute;bottom:0;left:0}@media (hover:hover){.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{width:100%}}.nav-link-highlight{color:var(--text-primary);font-weight:600}.header-actions{align-items:center;gap:12px;display:flex}.admin-btn{background-color:var(--bg-surface-subtle);border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-primary);transition:var(--transition-fast);align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}@media (hover:hover){.admin-btn:hover{border-color:var(--accent-red);color:var(--accent-red)}}.lang-btn{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-primary);transition:var(--transition-fast);align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}@media (hover:hover){.lang-btn:hover{border-color:var(--text-primary);transform:translateY(-1px)}}.cart-btn{background-color:var(--bg-dark);color:var(--text-on-dark);border-radius:var(--radius-full);width:44px;height:44px;transition:var(--transition-fast);justify-content:center;align-items:center;display:inline-flex;position:relative}@media (hover:hover){.cart-btn:hover{background-color:#242730;transform:translateY(-2px)}}.cart-badge-count{background-color:var(--accent-red);color:#fff;border:2px solid var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:flex;position:absolute;top:-2px;right:-2px}@media (width<=768px){.nav-menu{display:none}}.hero-root{background:linear-gradient(#fff 0%,#f8f9fa 100%);padding:60px 0 80px;position:relative;overflow:hidden}.hero-container{grid-template-columns:1.2fr .8fr;align-items:center;gap:48px;display:grid}.hero-content{flex-direction:column;align-items:flex-start;display:flex}.hero-badge{margin-bottom:20px}.hero-title{letter-spacing:-.03em;color:var(--text-primary);text-transform:uppercase;margin-bottom:20px;font-size:clamp(32px,4.5vw,56px);font-weight:800;line-height:1.08}.hero-subtitle{color:var(--text-secondary);margin-bottom:28px;font-size:17px;font-weight:400;line-height:1.6}.hero-props{flex-wrap:wrap;gap:16px;margin-bottom:36px;display:flex}.prop-item{color:var(--text-primary);background-color:var(--bg-surface);border-radius:var(--radius-full);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;display:flex}.prop-icon{color:var(--accent-red)}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.btn-hero{padding:14px 28px;font-size:15px}.hero-visual-card{background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;align-items:center;padding:20px;display:flex;position:relative}.visual-preview-box{background-color:var(--bg-surface-subtle);border-radius:var(--radius-md);width:100%;height:380px;position:relative;overflow:hidden}.hero-studio-photo{object-fit:cover;width:100%;height:100%}.hero-photo-tag{color:#fff;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#111215d9;padding:6px 14px;font-size:12px;font-weight:700;position:absolute;bottom:12px;left:12px}.hero-color-picker{justify-content:space-between;align-items:center;width:100%;margin-top:16px;padding:0 4px;display:flex}.picker-label{color:var(--text-secondary);font-size:13px;font-weight:600}.picker-swatches{gap:10px;display:flex}.color-swatch-btn{border:2px solid var(--border-subtle);width:26px;height:26px;transition:var(--transition-fast);border-radius:50%}.color-swatch-btn.active{border-color:var(--accent-red);transform:scale(1.15)}@media (width<=992px){.hero-container{grid-template-columns:1fr;gap:40px}}.product-card{background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:var(--transition-normal);cursor:pointer;flex-direction:column;padding:20px;display:flex;position:relative}@media (hover:hover){.product-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-subtle);transform:translateY(-3px)}}.card-top-bar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.custom-badge-pill{border-radius:var(--radius-full);letter-spacing:.03em;text-transform:uppercase;padding:4px 10px;font-size:11px;font-weight:800}.card-rating{color:var(--text-primary);align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.reviews-count{color:var(--text-muted);font-weight:400}.card-visual-box{background-color:var(--bg-surface-subtle);border-radius:var(--radius-md);justify-content:center;align-items:center;width:100%;height:280px;margin-bottom:16px;display:flex;position:relative;overflow:hidden}.product-studio-img{object-fit:cover;width:100%;height:100%;transition:transform .4s}@media (hover:hover){.product-card:hover .product-studio-img{transform:scale(1.04)}}.card-gallery-dots{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#11121599;gap:6px;padding:4px 8px;display:flex;position:absolute;bottom:10px}.gallery-dot{width:8px;height:8px;transition:var(--transition-fast);background-color:#fff6;border-radius:50%}.gallery-dot.active{background-color:var(--accent-red);transform:scale(1.25)}.card-info{flex-direction:column;flex-grow:1;display:flex}.card-title{color:var(--text-primary);margin-bottom:4px;font-size:18px;font-weight:700;line-height:1.25}.card-tagline{color:var(--text-secondary);margin-bottom:14px;font-size:13px}.card-colors{align-items:center;gap:8px;margin-bottom:12px;display:flex}.swatch-label{color:var(--text-muted);font-size:12px;font-weight:600}.swatch-list{gap:6px;display:flex}.swatch{border:2px solid var(--border-subtle);width:18px;height:18px;transition:var(--transition-fast);border-radius:50%}.swatch.active{border-color:var(--accent-red);transform:scale(1.2)}.card-sizes{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.size-chip{border-radius:var(--radius-sm);border:1px solid var(--border-light);background-color:var(--bg-surface);color:var(--text-secondary);transition:var(--transition-fast);padding:4px 10px;font-size:11px;font-weight:700}.size-chip.active{background-color:var(--bg-dark);color:var(--text-on-dark);border-color:var(--bg-dark)}.size-chip.out-of-stock{opacity:.4;text-decoration:line-through}.card-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;display:flex}.card-price-box{flex-direction:column;display:flex}.card-price{font-family:var(--font-heading);color:var(--text-primary);font-size:20px;font-weight:800;line-height:1}.card-old-price{color:var(--text-muted);margin-top:2px;font-size:12px;text-decoration:line-through}.card-actions{align-items:center;gap:8px;display:flex}.quick-view-btn{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background-color:var(--bg-surface);width:38px;height:38px;color:var(--text-primary);transition:var(--transition-fast);justify-content:center;align-items:center;display:flex}@media (hover:hover){.quick-view-btn:hover{border-color:var(--text-primary)}}.add-cart-btn{padding:10px 16px;font-size:13px}.add-cart-btn.added{background-color:#2b9348;box-shadow:0 4px 14px #2b934840}.add-cart-btn.disabled{cursor:not-allowed;background-color:var(--border-subtle)!important;color:var(--text-muted)!important;box-shadow:none!important}.catalog-root{background-color:var(--bg-primary);padding:60px 0 100px}.catalog-header{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.catalog-main-title{letter-spacing:-.02em;margin-top:8px;font-size:clamp(24px,3.5vw,36px);font-weight:800}.active-filter-pill{background-color:var(--accent-red);color:#fff;border-radius:var(--radius-full);align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}.active-filter-pill button{color:#fff;align-items:center;display:flex}.toolbar-root{background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:14px 20px;display:flex}.search-box{flex-grow:1;align-items:center;min-width:240px;max-width:340px;display:flex;position:relative}.search-icon{color:var(--text-muted);position:absolute;left:12px}.search-input{border-radius:var(--radius-sm);border:1px solid var(--border-light);background-color:var(--bg-surface-subtle);width:100%;color:var(--text-primary);font-size:14px;font-family:var(--font-body);transition:var(--transition-fast);padding:10px 36px 10px 38px}.search-input:focus{border-color:var(--accent-red);background-color:#fff;outline:none}.clear-search-btn{color:var(--text-muted);font-size:18px;position:absolute;right:12px}.filter-group{flex-wrap:wrap;gap:6px;display:flex}.filter-btn{border-radius:var(--radius-full);border:1px solid var(--border-light);background-color:var(--bg-surface);color:var(--text-secondary);transition:var(--transition-fast);padding:8px 14px;font-size:13px;font-weight:600}@media (hover:hover){.filter-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}}.filter-btn.active{background-color:var(--bg-dark);color:var(--text-on-dark);border-color:var(--bg-dark)}.toolbar-right-actions{align-items:center;gap:12px;display:flex}.advanced-toggle-btn{border-radius:var(--radius-sm);border:1px solid var(--border-light);background-color:var(--bg-surface-subtle);color:var(--text-primary);transition:var(--transition-fast);align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.advanced-toggle-btn.active{border-color:var(--accent-red);color:var(--accent-red);background-color:var(--accent-red-subtle)}.sort-box{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.sort-select{font-family:var(--font-body);color:var(--text-primary);border-radius:var(--radius-sm);border:1px solid var(--border-light);background-color:var(--bg-surface);cursor:pointer;padding:8px 12px;font-size:13px;font-weight:600}.advanced-panel{background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin-bottom:32px;padding:20px 24px}.advanced-panel-grid{border-bottom:1px solid var(--border-light);grid-template-columns:1fr 1fr 1fr;gap:28px;padding-bottom:16px;display:grid}.adv-label{color:var(--text-primary);justify-content:space-between;margin-bottom:8px;font-size:13px;font-weight:700;display:flex}.adv-label strong{color:var(--accent-red)}.adv-sizes-chips{gap:6px;display:flex}.adv-chip{border-radius:var(--radius-sm);border:1px solid var(--border-light);background-color:var(--bg-surface-subtle);color:var(--text-secondary);transition:var(--transition-fast);padding:6px 12px;font-size:12px;font-weight:700}.adv-chip.active{background-color:var(--bg-dark);color:#fff;border-color:var(--bg-dark)}.toggles-col{flex-direction:column;justify-content:center;gap:12px;display:flex}.adv-checkbox-label{color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.adv-checkbox-label input[type=checkbox]{accent-color:var(--accent-red);width:16px;height:16px}.accent-red-icon{color:var(--accent-red)}.advanced-panel-footer{justify-content:space-between;align-items:center;padding-top:14px;display:flex}.btn-reset-adv{padding:6px 14px;font-size:12px}.results-count-text{color:var(--text-secondary);font-size:13px}.results-count-text strong{color:var(--text-primary)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px;display:grid}.empty-state{text-align:center;background-color:var(--bg-surface);border-radius:var(--radius-lg);border:1px dashed var(--border-subtle);flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.empty-icon-box{background-color:var(--bg-surface-subtle);width:64px;height:64px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.empty-state h3{margin-bottom:8px;font-size:20px;font-weight:700}.empty-state p{color:var(--text-secondary);margin-bottom:20px}@media (width<=900px){.advanced-panel-grid{grid-template-columns:1fr;gap:16px}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);background-color:#111215a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background-color:var(--bg-surface);border-radius:var(--radius-lg);width:100%;max-width:960px;box-shadow:var(--shadow-lg);border:1px solid var(--border-light);position:relative;overflow:hidden}.modal-close-btn{z-index:10;background-color:var(--bg-surface-subtle);width:36px;height:36px;color:var(--text-primary);transition:var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}@media (hover:hover){.modal-close-btn:hover{background-color:var(--bg-dark);color:#fff}}.modal-body-grid{grid-template-columns:1fr 1fr;display:grid}.modal-visual-side{background-color:var(--bg-surface-subtle);flex-direction:column;justify-content:space-between;align-items:center;padding:32px;display:flex}.modal-canvas-wrapper{border-radius:var(--radius-md);justify-content:center;align-items:center;width:100%;height:420px;display:flex;overflow:hidden}.modal-studio-img{object-fit:cover;width:100%;height:100%}.modal-view-tabs{background-color:var(--bg-surface);border-radius:var(--radius-full);border:1px solid var(--border-light);gap:8px;margin-top:16px;padding:4px;display:flex}.tab-btn{color:var(--text-secondary);border-radius:var(--radius-full);transition:var(--transition-fast);padding:6px 14px;font-size:11px;font-weight:700}.tab-btn.active{background-color:var(--bg-dark);color:var(--text-on-dark)}.modal-details-side{flex-direction:column;padding:36px;display:flex}.modal-badge-row{gap:8px;margin-bottom:12px;display:flex}.modal-title{margin-bottom:8px;font-size:26px;font-weight:800;line-height:1.2}.modal-price-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-price{font-family:var(--font-heading);color:var(--accent-red);font-size:24px;font-weight:800}.modal-rating{align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}.modal-desc{color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:1.55}.modal-option-block{margin-bottom:18px}.option-label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;display:block}.swatch-row{gap:10px;display:flex}.modal-swatch{border:2px solid var(--border-subtle);width:24px;height:24px;transition:var(--transition-fast);border-radius:50%}.modal-swatch.active{border-color:var(--accent-red);transform:scale(1.2)}.size-row{gap:8px;display:flex}.modal-size-btn{border-radius:var(--radius-sm);border:1px solid var(--border-light);background-color:var(--bg-surface);color:var(--text-primary);transition:var(--transition-fast);padding:8px 16px;font-size:13px;font-weight:700}.modal-size-btn.active{background-color:var(--bg-dark);color:var(--text-on-dark);border-color:var(--bg-dark)}.modal-specs-box{background-color:var(--bg-surface-subtle);border-radius:var(--radius-md);margin-bottom:24px;padding:16px}.modal-specs-box h4{text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:13px;font-weight:700}.modal-specs-box ul{color:var(--text-secondary);padding-left:18px;font-size:13px}.modal-specs-box li{margin-bottom:4px}.btn-modal-add{width:100%;padding:14px;font-size:15px}.btn-modal-add.added{background-color:#2b9348}.modal-trust-footer{border-top:1px solid var(--border-light);gap:20px;margin-top:18px;padding-top:14px;display:flex}.trust-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}@media (width<=768px){.modal-body-grid{grid-template-columns:1fr}}.size-finder-card{max-width:560px;padding:36px}.size-finder-header{text-align:center;margin-bottom:28px}.finder-badge{background-color:var(--accent-red-subtle);color:var(--accent-red);border-radius:var(--radius-full);letter-spacing:.05em;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-flex}.size-finder-header h2{margin-bottom:6px;font-size:24px;font-weight:800}.size-finder-header p{color:var(--text-secondary);font-size:14px}.input-group-row{flex-direction:column;gap:20px;margin-bottom:24px;display:flex}.slider-box{background-color:var(--bg-surface-subtle);border-radius:var(--radius-md);padding:16px 20px}.slider-label{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;font-weight:600;display:flex}.slider-label strong{color:var(--accent-red);font-size:16px;font-weight:800}.range-input{width:100%;accent-color:var(--accent-red);cursor:pointer}.fit-preference-block{margin-bottom:24px}.fit-preference-block label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.fit-pills-row{gap:8px;display:flex}.fit-pill{border-radius:var(--radius-md);border:1px solid var(--border-light);background-color:var(--bg-surface);color:var(--text-secondary);transition:var(--transition-fast);flex:1;padding:10px;font-size:12px;font-weight:700}.fit-pill.active{background-color:var(--bg-dark);color:var(--text-on-dark);border-color:var(--bg-dark)}.result-display-box{background-color:var(--bg-dark);color:var(--text-on-dark);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;display:flex}.result-left{align-items:center;gap:16px;display:flex}.sparkle-icon{color:var(--accent-red)}.result-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;display:block}.result-size-badge{font-family:var(--font-heading);color:#fff;font-size:32px;font-weight:800;line-height:1}.accuracy-badge{color:#2b9348;border-radius:var(--radius-full);background-color:#ffffff1f;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;display:flex}.btn-apply-size{width:100%;padding:14px;font-size:15px}.mat-modal-card{max-width:680px;padding:36px}.mat-header{text-align:center;margin-bottom:24px}.mat-tabs-row{background-color:var(--bg-surface-subtle);border-radius:var(--radius-md);gap:8px;margin-bottom:24px;padding:6px;display:flex}.mat-tab{border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition-fast);flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:12px;font-weight:700;display:flex}.mat-tab.active{background-color:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.mat-details-box{background-color:var(--bg-surface-subtle);border-radius:var(--radius-md);margin-bottom:24px;padding:24px}.mat-name{margin-bottom:6px;font-size:20px;font-weight:800}.mat-desc{color:var(--text-secondary);margin-bottom:20px;font-size:14px}.mat-meters-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.meter-item{flex-direction:column;gap:6px;display:flex}.meter-info{color:var(--text-secondary);justify-content:space-between;font-size:12px;font-weight:600;display:flex}.meter-info strong{color:var(--text-primary)}.meter-track{background-color:var(--border-light);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.meter-fill{background-color:var(--bg-dark);border-radius:var(--radius-full);height:100%;transition:width .4s cubic-bezier(.16,1,.3,1)}.meter-fill.accent-red{background-color:var(--accent-red)}.mat-features-list h4{text-transform:uppercase;margin-bottom:10px;font-size:13px;font-weight:700}.mat-features-list ul{flex-direction:column;gap:8px;list-style:none;display:flex}.mat-features-list li{color:var(--text-primary);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.feature-icon{color:var(--accent-red)}.mat-modal-footer{justify-content:flex-end;display:flex}.btn-close-mat{width:100%}.admin-modal-card{border-radius:var(--radius-lg);border:1px solid var(--border-light);background-color:#fff;flex-direction:column;width:95vw;max-width:1140px;max-height:92vh;padding:0;display:flex;overflow:hidden;box-shadow:0 20px 60px #11121533}.admin-modal-header{background-color:var(--bg-surface);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:24px 32px 18px;display:flex}.admin-header-titles{flex-direction:column;gap:6px;display:flex}.admin-badge{background-color:var(--accent-red-subtle);color:var(--accent-red);border-radius:var(--radius-full);letter-spacing:.04em;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:11px;font-weight:800;display:inline-flex}.admin-modal-header h2{color:var(--text-primary);margin:0;font-size:22px;font-weight:800;line-height:1.25}.admin-close-btn{background-color:var(--bg-surface-subtle);width:36px;height:36px;color:var(--text-primary);transition:var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}@media (hover:hover){.admin-close-btn:hover{background-color:var(--bg-dark);color:#fff}}.admin-tabs-bar{background-color:var(--bg-surface-subtle);border-bottom:1px solid var(--border-light);gap:10px;padding:12px 32px;display:flex}.admin-tab-btn{border-radius:var(--radius-md);color:var(--text-secondary);transition:var(--transition-fast);background-color:#0000;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;display:flex}.admin-tab-btn.active{color:var(--text-primary);background-color:#fff;box-shadow:0 2px 8px #11121514}.admin-modal-body{flex-grow:1;padding:28px 32px 36px;overflow-y:auto}.admin-grid{grid-template-columns:1.25fr .75fr;gap:32px;display:grid}.admin-form{border:1px solid var(--border-light);border-radius:var(--radius-md);background-color:#f8f9fa;flex-direction:column;gap:20px;padding:28px;display:flex}.form-title-row{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:12px;display:flex}.form-title-row h3{margin:0;font-size:17px;font-weight:800}.btn-cancel-edit{color:var(--accent-red);font-size:12px;font-weight:700;text-decoration:underline}.form-group{flex-direction:column;gap:6px;display:flex}.admin-input-label{color:var(--text-primary);font-size:13px;font-weight:700}.admin-input-field,.admin-select-field,.admin-textarea-field{font-family:var(--font-body);color:var(--text-primary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);box-sizing:border-box;width:100%;transition:var(--transition-fast);background-color:#fff;padding:12px 16px;font-size:14px}.admin-input-field:focus,.admin-select-field:focus,.admin-textarea-field:focus{border-color:var(--accent-red);box-shadow:0 0 0 3px var(--accent-red-subtle);outline:none}.admin-textarea-field{resize:vertical;min-height:80px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.gallery-header-label{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.upload-multi-btn{background-color:var(--accent-red);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #e6394633}.upload-multi-btn input{display:none}@media (hover:hover){.upload-multi-btn:hover{background-color:var(--accent-red-hover);transform:translateY(-1px)}}.multi-gallery-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.gallery-item-card{border-radius:var(--radius-md);border:2px solid var(--border-light);background-color:#fff;height:96px;position:relative;overflow:hidden}.gallery-item-card.is-cover{border-color:var(--accent-red)}.gallery-item-card img{object-fit:cover;width:100%;height:100%}.cover-tag{background-color:var(--accent-red);color:#fff;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:800;position:absolute;top:4px;left:4px}.gallery-actions-overlay{opacity:0;background-color:#111215bf;justify-content:center;align-items:center;gap:4px;transition:opacity .2s;display:flex;position:absolute;inset:0}@media (hover:hover){.gallery-item-card:hover .gallery-actions-overlay{opacity:1}}.gallery-actions-overlay button{color:#fff;background-color:#fff3;border-radius:4px;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;display:flex}.btn-cover{color:#111215!important;background-color:#ffb800!important}.btn-remove-img{background-color:var(--accent-red)!important}.size-stock-grid{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:4px;display:grid}.size-stock-btn{border-radius:var(--radius-md);border:1px solid var(--border-light);transition:var(--transition-fast);background-color:#fff;flex-direction:column;align-items:center;padding:10px 4px;display:flex}.size-stock-btn.in-stock{color:#2b9348;background-color:#2b93480f;border-color:#2b9348}.size-stock-btn.out-stock{border-color:var(--border-subtle);color:var(--text-muted);opacity:.55;background-color:#f8f9fa}.size-stock-btn strong{font-size:14px}.size-stock-btn span{margin-top:2px;font-size:10px;font-weight:700}.specs-builder-row{gap:8px;display:flex}.btn-add-spec{white-space:nowrap;padding:10px 16px;font-size:12px}.specs-preview-list{flex-direction:column;gap:6px;margin-top:8px;list-style:none;display:flex}.specs-preview-list li{border:1px solid var(--border-light);border-radius:var(--radius-sm);background-color:#fff;justify-content:space-between;align-items:center;padding:8px 14px;font-size:13px;display:flex}.specs-preview-list button{color:var(--text-muted);font-size:16px}.btn-submit-product{width:100%;margin-top:8px;padding:14px;font-size:15px}.admin-success-msg{color:#2b9348;border-radius:var(--radius-md);background-color:#e8f5e9;align-items:center;gap:6px;padding:12px;font-size:13px;font-weight:700;display:flex}.admin-list-side{flex-direction:column;display:flex}.list-side-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.list-side-header h3{margin:0;font-size:17px;font-weight:800}.btn-reset-catalog{color:var(--text-muted);font-size:12px;font-weight:600;text-decoration:underline}.admin-products-scroll{flex-direction:column;gap:12px;display:flex}.admin-prod-card{border:1px solid var(--border-light);border-radius:var(--radius-md);transition:var(--transition-fast);background-color:#f8f9fa;align-items:center;gap:14px;padding:12px 16px;display:flex}.admin-prod-img{object-fit:cover;border-radius:var(--radius-sm);width:48px;height:60px}.admin-prod-meta{flex-direction:column;flex:1;display:flex}.admin-prod-meta strong{margin-bottom:2px;font-size:14px}.admin-prod-meta span{color:var(--text-secondary);font-size:12px}.admin-badge-mini{border-radius:4px;width:fit-content;margin-top:4px;padding:2px 8px;font-size:10px;font-weight:700}.admin-reorder-btns{flex-direction:column;gap:2px;display:flex}.admin-reorder-btns button{color:var(--text-muted);padding:4px}.admin-action-btns{gap:6px;display:flex}.btn-edit-prod{color:var(--text-primary);padding:6px}.btn-delete-prod{color:var(--text-muted);padding:6px}@media (hover:hover){.btn-delete-prod:hover{color:var(--accent-red)}}.admin-tab-content{flex-direction:column;gap:24px;display:flex}.admin-form-inline{border:1px solid var(--border-light);border-radius:var(--radius-md);background-color:#f8f9fa;align-items:flex-end;gap:16px;padding:20px;display:flex}.categories-list-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.category-card-item{border:1px solid var(--border-light);border-radius:var(--radius-md);background-color:#f8f9fa;flex-direction:column;padding:18px;display:flex}.cat-id-code{color:var(--text-muted);margin-top:4px;font-size:12px}.admin-badge-form{border:1px solid var(--border-light);border-radius:var(--radius-md);background-color:#f8f9fa;grid-template-columns:2fr 1fr 1fr 1fr;align-items:flex-end;gap:16px;padding:20px;display:grid}.admin-color-picker{border-radius:var(--radius-md);border:1px solid var(--border-subtle);cursor:pointer;width:100%;height:44px;padding:2px}.badges-preview-grid{flex-wrap:wrap;gap:12px;display:flex}.custom-badge-pill{border-radius:var(--radius-full);padding:6px 16px;font-size:13px;font-weight:700}@media (width<=900px){.admin-grid{grid-template-columns:1fr}}.portfolio-widget-root{z-index:99;background-color:var(--bg-dark);color:var(--text-on-dark);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--border-dark);width:calc(100vw - 40px);max-width:640px;transition:var(--transition-normal);position:fixed;bottom:20px;left:20px}.widget-toggle-btn{width:100%;color:var(--text-on-dark);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.widget-header-left{align-items:center;gap:10px;display:flex}.widget-icon{color:var(--accent-red)}.widget-title{font-family:var(--font-heading);letter-spacing:.02em;font-size:14px;font-weight:800}.widget-tag{color:var(--text-muted);border-radius:var(--radius-full);background-color:#ffffff1f;padding:2px 8px;font-size:11px;font-weight:600}.widget-header-right{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.widget-content{border-top:1px solid var(--border-dark);margin-top:4px;padding:0 20px 18px}.widget-grid{grid-template-columns:1fr 1fr;gap:20px;margin:16px 0;display:grid}.widget-block h4{color:#fff;align-items:center;gap:6px;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.widget-block ul{flex-direction:column;gap:6px;list-style:none;display:flex}.widget-block li{color:var(--text-muted);align-items:flex-start;gap:6px;font-size:12px;line-height:1.35;display:flex}.widget-block li svg{color:var(--accent-red);flex-shrink:0;margin-top:2px}.widget-footer-actions{border-top:1px solid var(--border-dark);flex-direction:column;align-items:flex-start;gap:10px;margin-top:16px;padding-top:14px;display:flex}.btn-reset-demo{color:#fff;border-radius:var(--radius-sm);background-color:#ffffff14;border:1px solid #ffffff26;align-items:center;gap:6px;padding:8px 14px;font-size:12px;display:inline-flex}@media (hover:hover){.btn-reset-demo:hover{background-color:#ffffff29}}.widget-tech-badge{color:var(--accent-red);letter-spacing:.02em;font-size:11px;font-weight:600}@media (width<=640px){.widget-grid{grid-template-columns:1fr}}.cart-backdrop{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#111215a6;justify-content:flex-end;display:flex;position:fixed;inset:0}.cart-drawer{background-color:var(--bg-surface);width:100%;max-width:480px;height:100%;box-shadow:var(--shadow-lg);border-left:1px solid var(--border-light);flex-direction:column;display:flex}.cart-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.cart-title-row{align-items:center;gap:10px;display:flex}.cart-title-row h3{font-size:18px;font-weight:800}.cart-close-btn{background-color:var(--bg-surface-subtle);width:32px;height:32px;color:var(--text-primary);transition:var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}@media (hover:hover){.cart-close-btn:hover{background-color:var(--bg-dark);color:#fff}}.cart-body{flex-direction:column;flex-grow:1;padding:24px;display:flex;overflow-y:auto}.cart-items-scroll{flex-direction:column;flex-grow:1;gap:14px;margin-bottom:20px;display:flex}.cart-item-card{background-color:var(--bg-surface-subtle);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.cart-item-title{margin-bottom:4px;font-size:14px;font-weight:700}.cart-item-meta{align-items:center;gap:10px;font-size:12px;display:flex}.meta-pill{background-color:var(--bg-surface);border-radius:var(--radius-sm);color:var(--text-secondary);padding:2px 8px}.meta-price{color:var(--accent-red);font-weight:700}.cart-item-controls{align-items:center;gap:10px;display:flex}.qty-picker{background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:4px 8px;font-size:13px;font-weight:700;display:flex}.remove-btn{color:var(--text-muted);transition:var(--transition-fast)}@media (hover:hover){.remove-btn:hover{color:var(--accent-red)}}.promo-form{gap:8px;margin-bottom:12px;display:flex}.promo-input{border-radius:var(--radius-sm);border:1px solid var(--border-light);background-color:var(--bg-surface-subtle);flex:1;padding:10px 14px;font-size:13px}.btn-promo{padding:10px 14px;font-size:12px}.promo-msg{margin-bottom:16px;font-size:12px;font-weight:600}.promo-msg.success{color:#2b9348}.promo-msg.error{color:var(--accent-red)}.cart-summary{background-color:var(--bg-surface-subtle);border-radius:var(--radius-md);flex-direction:column;gap:10px;margin-top:auto;padding:18px;display:flex}.summary-row{color:var(--text-secondary);justify-content:space-between;font-size:13px;display:flex}.summary-row.discount{color:#2b9348;font-weight:600}.summary-row.total{color:var(--text-primary);border-top:1px solid var(--border-light);padding-top:10px;font-size:16px;font-weight:800}.total-amount{color:var(--accent-red);font-size:20px}.btn-checkout{width:100%;margin-top:10px;padding:14px;font-size:15px}.step-indicator-bar{margin-bottom:20px}.step-badge{background-color:var(--bg-dark);color:#fff;border-radius:var(--radius-full);padding:4px 12px;font-size:12px;font-weight:700}.checkout-form-body{gap:16px}.delivery-options-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:6px;display:grid}.delivery-option-btn{border-radius:var(--radius-sm);border:1px solid var(--border-light);background-color:var(--bg-surface-subtle);text-align:left;transition:var(--transition-fast);flex-direction:column;padding:12px;display:flex}.delivery-option-btn.active{border-color:var(--accent-red);background-color:var(--accent-red-subtle)}.delivery-option-btn strong{color:var(--text-primary);font-size:12px}.delivery-option-btn span{color:var(--text-secondary);font-size:11px}.checkout-nav-actions{gap:12px;margin-top:auto;padding-top:16px;display:flex}.checkout-nav-actions button{flex:1}.payment-amount-banner{background-color:var(--bg-surface-subtle);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px;display:flex}.payment-amount-banner strong{color:var(--accent-red);font-size:22px;font-family:var(--font-heading)}.payment-methods-grid{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.payment-method-card{border-radius:var(--radius-md);border:1px solid var(--border-light);background-color:var(--bg-surface-subtle);text-align:left;transition:var(--transition-fast);align-items:center;gap:16px;padding:16px;display:flex}.payment-method-card.active{border-color:var(--accent-red);background-color:var(--bg-surface);box-shadow:var(--shadow-sm)}.pay-icon{color:var(--accent-red);flex-shrink:0}.payment-method-card strong{margin-bottom:2px;font-size:14px;display:block}.payment-method-card span{color:var(--text-secondary);font-size:12px}.receipt-paper{background-color:var(--bg-surface-subtle);border:1px dashed var(--border-subtle);border-radius:var(--radius-md);width:100%;font-family:var(--font-body);color:var(--text-primary);margin-bottom:24px;padding:20px;font-size:13px}.receipt-header{flex-direction:column;align-items:center;gap:4px;margin-bottom:12px;display:flex}.track-code-highlight{background-color:var(--bg-dark);color:#fff;border-radius:var(--radius-full);padding:4px 10px;font-size:12px;font-weight:800}.receipt-customer-details{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:12px;display:flex}.receipt-divider{border-top:1px dashed var(--border-subtle);margin:12px 0}.receipt-item-row{justify-content:space-between;margin-bottom:8px;display:flex}.receipt-total-row{color:var(--accent-red);justify-content:space-between;font-size:15px;font-weight:800;display:flex}.btn-receipt-close{width:100%}.footer-root{background-color:var(--bg-dark);color:var(--text-on-dark);padding-top:0}.footer-trust-bar{border-bottom:1px solid var(--border-dark);background-color:#18191e;padding:40px 0}.trust-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;display:grid}.trust-box{align-items:flex-start;gap:16px;display:flex}.trust-icon{color:var(--accent-red);flex-shrink:0}.trust-box h4{color:#fff;margin-bottom:4px;font-size:15px;font-weight:700}.trust-box p{color:var(--text-muted);font-size:13px;line-height:1.45}.footer-main{grid-template-columns:2fr 1fr 1fr;gap:48px;padding:60px 24px;display:grid}.brand-col .logo-text{color:#fff}.footer-brand-desc{color:var(--text-muted);margin-top:16px;font-size:14px;line-height:1.6}.footer-col h5{color:#fff;letter-spacing:.05em;text-transform:uppercase;margin-bottom:18px;font-size:14px;font-weight:700}.footer-col ul{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-col a,.footer-col button,.footer-col span{color:var(--text-muted);transition:var(--transition-fast);background:0 0;border:none;padding:0;font-size:14px}@media (hover:hover){.footer-col a:hover,.footer-col button:hover{color:#fff}}.footer-bottom{border-top:1px solid var(--border-dark);color:var(--text-muted);padding:24px 0;font-size:13px}.bottom-flex{justify-content:space-between;align-items:center;display:flex}.tech-stack-tag{color:var(--accent-red);font-weight:600}@media (width<=768px){.footer-main{grid-template-columns:1fr}.bottom-flex{flex-direction:column;align-items:flex-start;gap:10px}}:root{--bg-primary:#f8f9fa;--bg-surface:#fff;--bg-surface-subtle:#f1f3f5;--bg-dark:#111215;--bg-dark-surface:#1e2025;--text-primary:#111215;--text-secondary:#5a6069;--text-muted:#8c939e;--text-on-dark:#fff;--accent-red:#e63946;--accent-red-hover:#d62828;--accent-red-subtle:#e6394614;--border-light:#e9ecef;--border-subtle:#dee2e6;--border-dark:#2b2e36;--shadow-sm:0 2px 8px #1112150a;--shadow-md:0 8px 24px #1112150f;--shadow-lg:0 16px 40px #11121517;--font-heading:"Syne", "Montserrat", sans-serif;--font-accent:"Montserrat", sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--transition-fast:transform .2s cubic-bezier(.16, 1, .3, 1), opacity .2s ease;--transition-normal:transform .3s cubic-bezier(.16, 1, .3, 1), opacity .3s ease, background-color .2s ease, border-color .2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;font-size:15px;line-height:1.55;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-primary)}p{max-width:75ch}button{font-family:var(--font-accent);cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--accent-red);outline-offset:3px}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes skeletonPulse{0%{background-color:#eaecef}50%{background-color:#f5f7f9}to{background-color:#eaecef}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.skeleton{border-radius:var(--radius-sm);animation:1.5s ease-in-out infinite skeletonPulse}.btn-primary{background-color:var(--accent-red);color:#fff;border-radius:var(--radius-md);transition:var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #e6394640}@media (hover:hover){.btn-primary:hover{background-color:var(--accent-red-hover);transform:translateY(-2px);box-shadow:0 6px 18px #e6394652}}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;display:inline-flex}@media (hover:hover){.btn-secondary:hover{border-color:var(--text-primary);transform:translateY(-2px)}}.btn-secondary:active{transform:translateY(0)}.btn-dark{background-color:var(--bg-dark);color:var(--text-on-dark);border-radius:var(--radius-md);transition:var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;display:inline-flex}@media (hover:hover){.btn-dark:hover{background-color:#242730;transform:translateY(-2px)}}.badge-red{background-color:var(--accent-red-subtle);color:var(--accent-red);border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge-dark{background-color:var(--bg-dark);color:var(--text-on-dark);border-radius:var(--radius-full);align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}