@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";:root{--color-primary: #6c3de8;--color-primary-dark: #5429c8;--color-primary-light: #8b5cf6;--color-secondary: #0ea5e9;--color-secondary-dark: #0284c7;--color-accent: #f59e0b;--color-accent-dark: #d97706;--color-bg: #f8f7ff;--color-bg-alt: #ffffff;--color-surface: #ffffff;--color-surface-2: #f3f0ff;--color-border: #e2d9f3;--color-text: #1a1035;--color-text-muted: #6b7280;--color-text-light: #9ca3af;--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--gradient-primary: linear-gradient(135deg, #6c3de8 0%, #0ea5e9 100%);--gradient-hero: linear-gradient(135deg, #1a0533 0%, #2d1b69 40%, #0c2a4a 100%);--gradient-card: linear-gradient(135deg, #f3f0ff 0%, #e0f2fe 100%);--gradient-cta: linear-gradient(135deg, #6c3de8 0%, #0ea5e9 60%, #10b981 100%);--font-sans: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, sans-serif;--font-display: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(108, 61, 232, .08);--shadow-md: 0 4px 16px rgba(108, 61, 232, .12);--shadow-lg: 0 8px 32px rgba(108, 61, 232, .18);--shadow-xl: 0 16px 48px rgba(108, 61, 232, .24);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--max-width: 1280px;--navbar-height: 70px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section{padding:var(--space-3xl) var(--space-md)}.section-inner{max-width:var(--max-width);margin:0 auto}.section-header{text-align:center;margin-bottom:var(--space-2xl)}.section-title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;color:var(--color-text);margin-bottom:var(--space-sm)}.section-subtitle{font-size:1.1rem;color:var(--color-text-muted);max-width:600px;margin:0 auto}.section-cta{text-align:center;margin-top:var(--space-2xl)}.empty-state{text-align:center;color:var(--color-text-muted);font-size:1.1rem;padding:var(--space-2xl)}.empty-state-wrap{text-align:center;padding:var(--space-2xl)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.75rem 1.75rem;background:var(--gradient-primary);color:#fff;font-family:var(--font-sans);font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-full);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast);box-shadow:var(--shadow-md);min-height:44px;text-decoration:none}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg);color:#fff}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.75rem;background:transparent;color:var(--color-primary);font-family:var(--font-sans);font-size:1rem;font-weight:600;border:2px solid var(--color-primary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);min-height:44px;text-decoration:none}.btn-outline:hover{background:var(--color-primary);color:#fff}.btn-outline-white{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.75rem;background:transparent;color:#fff;font-family:var(--font-sans);font-size:1rem;font-weight:600;border:2px solid rgba(255,255,255,.6);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);min-height:44px;text-decoration:none}.btn-outline-white:hover{background:#ffffff26;border-color:#fff;color:#fff}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background:var(--color-surface-2);color:var(--color-primary);font-family:var(--font-sans);font-size:1rem;font-weight:600;border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-height:44px}.btn-secondary:hover:not(:disabled){background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background:#fee2e2;color:var(--color-error);font-family:var(--font-sans);font-size:1rem;font-weight:600;border:2px solid #fca5a5;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-height:44px}.btn-danger:hover{background:var(--color-error);color:#fff;border-color:var(--color-error)}.btn-full{width:100%}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label{font-size:.9rem;font-weight:600;color:var(--color-text)}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:1rem;color:var(--color-text);background:var(--color-surface);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);min-height:44px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6c3de81f;outline:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}@media (max-width: 600px){.form-row{grid-template-columns:1fr}}.navbar{position:sticky;top:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.navbar-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg);height:var(--navbar-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.navbar-brand{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;flex-shrink:0}.brand-icon{font-size:1.5rem}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-magus{font-size:1.1rem;font-weight:800;color:var(--color-primary);font-family:var(--font-display)}.brand-tech{font-size:.7rem;font-weight:500;color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:var(--space-sm);min-width:44px;min-height:44px;align-items:center;justify-content:center}.hamburger span{display:block;width:24px;height:2px;background:var(--color-text);border-radius:2px;transition:all var(--transition-fast)}.nav-links{display:flex;align-items:center;gap:var(--space-sm)}.nav-link{padding:.5rem .75rem;font-size:.95rem;font-weight:500;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);text-decoration:none;min-height:44px;display:flex;align-items:center}.nav-link:hover,.nav-link.active{color:var(--color-primary);background:var(--color-surface-2)}.nav-cart-btn{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-surface-2);text-decoration:none;transition:background var(--transition-fast);font-size:1.2rem}.nav-cart-btn:hover{background:var(--color-border)}.cart-icon{font-size:1.2rem}.cart-badge{position:absolute;top:4px;right:4px;background:var(--color-primary);color:#fff;font-size:.65rem;font-weight:700;width:18px;height:18px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;border:2px solid #fff}.btn-nav-auth{padding:.5rem 1.25rem;background:var(--gradient-primary);color:#fff;font-family:var(--font-sans);font-size:.9rem;font-weight:600;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;display:flex;align-items:center;min-height:44px}.btn-nav-auth:hover{opacity:.9;transform:translateY(-1px);color:#fff}@media (max-width: 768px){.hamburger{display:flex}.nav-links{display:none;position:absolute;top:var(--navbar-height);left:0;right:0;background:#fff;flex-direction:column;padding:var(--space-md);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md);gap:var(--space-xs);z-index:999}.nav-links.open{display:flex}.nav-link{width:100%;padding:.75rem 1rem}.nav-cart-btn{width:100%;justify-content:flex-start;padding:.75rem 1rem;border-radius:var(--radius-sm);background:none}.btn-nav-auth{width:100%;justify-content:center}}.footer{background:var(--color-text);color:#ffffffd9;padding:var(--space-3xl) var(--space-lg) 0}.footer-inner{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:var(--space-2xl);padding-bottom:var(--space-2xl)}.footer-logo{font-size:1.25rem;font-weight:800;color:#fff;font-family:var(--font-display)}.footer-tagline{margin-top:var(--space-md);font-size:.9rem;line-height:1.7;color:#ffffffa6}.footer-reg{margin-top:var(--space-sm);font-size:.8rem;color:#ffffff73}.footer-col h4{font-size:.9rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-md)}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.footer-col ul li a{color:#ffffffa6;font-size:.9rem;transition:color var(--transition-fast)}.footer-col ul li a:hover{color:#fff}.footer-col address{font-style:normal;display:flex;flex-direction:column;gap:var(--space-xs)}.footer-col address p{font-size:.9rem;color:#ffffffa6}.footer-col address a{color:var(--color-secondary)}.footer-col address a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:var(--space-lg) 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md);max-width:var(--max-width);margin:0 auto}.footer-bottom p{font-size:.85rem;color:#ffffff73}.footer-bottom-links{display:flex;gap:var(--space-lg)}.footer-bottom-links a{font-size:.85rem;color:#ffffff73}.footer-bottom-links a:hover{color:#fff}@media (max-width: 900px){.footer-inner{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.footer-inner{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}}.mock-banner{display:flex;align-items:center;gap:var(--space-sm);background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius-md);padding:.625rem 1rem;font-size:.875rem;color:#92400e;margin-bottom:var(--space-lg)}.spinner-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);gap:var(--space-md)}.spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner-msg{color:var(--color-text-muted);font-size:.95rem}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-lg)}.product-card{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:transform var(--transition-base),box-shadow var(--transition-base);display:flex;flex-direction:column}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.product-card-img-wrap{position:relative;overflow:hidden;height:200px}.product-card-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .product-card-img{transform:scale(1.06)}.product-category-badge{position:absolute;top:var(--space-sm);left:var(--space-sm);background:#6c3de8e6;color:#fff;font-size:.7rem;font-weight:700;padding:.25rem .625rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.product-card-body{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);flex:1}.product-card-title{font-size:.95rem;font-weight:700;color:var(--color-text);line-height:1.4}.product-card-price{font-size:1.15rem;font-weight:800;color:var(--color-primary)}.btn-add-cart{margin-top:auto;padding:.625rem 1rem;background:var(--gradient-primary);color:#fff;font-family:var(--font-sans);font-size:.875rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-height:44px}.btn-add-cart:hover{opacity:.9;transform:translateY(-1px)}.btn-add-cart.in-cart{background:var(--color-success)}.home-page{min-height:100vh}.hero{position:relative;background:var(--gradient-hero);overflow:hidden;min-height:90vh;display:flex;align-items:center}.hero-bg-shapes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.hero-shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:float 8s ease-in-out infinite}.hero-shape-1{width:500px;height:500px;background:var(--color-primary);top:-100px;right:-100px;animation-delay:0s}.hero-shape-2{width:350px;height:350px;background:var(--color-secondary);bottom:-80px;left:10%;animation-delay:-3s}.hero-shape-3{width:250px;height:250px;background:var(--color-accent);top:30%;left:40%;animation-delay:-5s}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.05)}}.hero-content{position:relative;z-index:1;max-width:var(--max-width);margin:0 auto;padding:var(--space-3xl) var(--space-lg);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center;width:100%}.hero-eyebrow{display:inline-block;background:#6c3de84d;color:var(--color-primary-light);font-size:.85rem;font-weight:700;padding:.375rem 1rem;border-radius:var(--radius-full);border:1px solid rgba(139,92,246,.4);margin-bottom:var(--space-md);letter-spacing:.05em;text-transform:uppercase}.hero-title{font-family:var(--font-display);font-size:clamp(2.25rem,5vw,3.75rem);font-weight:800;color:#fff;line-height:1.15;margin-bottom:var(--space-md)}.hero-gradient-text{background:linear-gradient(135deg,#a78bfa,#38bdf8,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.1rem;color:#ffffffbf;line-height:1.7;margin-bottom:var(--space-xl);max-width:520px}.hero-actions{display:flex;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-xl)}.hero-stats{display:flex;gap:var(--space-xl);flex-wrap:wrap}.hero-stat{display:flex;flex-direction:column;gap:2px}.hero-stat strong{font-size:1.5rem;font-weight:800;color:#fff}.hero-stat span{font-size:.8rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.hero-visual{display:flex;justify-content:center;align-items:center}.hero-img-wrap{position:relative;border-radius:var(--radius-xl);overflow:visible}.hero-img{width:100%;max-width:520px;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);animation:heroImgFloat 6s ease-in-out infinite}@keyframes heroImgFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-img-badge{position:absolute;bottom:-16px;left:-16px;background:#fff;border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);display:flex;align-items:center;gap:var(--space-sm);box-shadow:var(--shadow-lg);font-size:1.5rem}.hero-img-badge div{display:flex;flex-direction:column;line-height:1.2}.hero-img-badge strong{font-size:.85rem;font-weight:700;color:var(--color-text)}.hero-img-badge span{font-size:.75rem;color:var(--color-text-muted)}@media (max-width: 900px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-visual{display:none}.hero-actions,.hero-stats{justify-content:center}.hero-subtitle{margin-left:auto;margin-right:auto}}.categories-section{background:var(--color-bg)}.categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.category-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);padding:var(--space-xl);border-radius:var(--radius-xl);text-decoration:none;transition:transform var(--transition-base),box-shadow var(--transition-base);position:relative;overflow:hidden;min-height:180px}.category-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--transition-base);background:#ffffff1a}.category-card:hover:before{opacity:1}.category-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl)}.cat-purple{background:linear-gradient(135deg,#6c3de8,#9333ea);color:#fff}.cat-blue{background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff}.cat-green{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.cat-icon{font-size:2.5rem}.cat-label{font-size:1.25rem;font-weight:800;color:#fff}.cat-desc{font-size:.875rem;color:#fffc;line-height:1.5}.cat-arrow{margin-top:auto;font-size:1.25rem;color:#ffffffb3;transition:transform var(--transition-fast)}.category-card:hover .cat-arrow{transform:translate(6px)}@media (max-width: 768px){.categories-grid{grid-template-columns:1fr}}.featured-section{background:var(--color-surface-2)}.advantages-section{background:var(--color-bg)}.advantages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.advantage-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--color-border);transition:transform var(--transition-base),box-shadow var(--transition-base);display:flex;flex-direction:column;gap:var(--space-sm)}.advantage-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.adv-icon{font-size:2rem}.adv-title{font-size:1.05rem;font-weight:700;color:var(--color-text)}.adv-desc{font-size:.9rem;color:var(--color-text-muted);line-height:1.6}@media (max-width: 900px){.advantages-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.advantages-grid{grid-template-columns:1fr}}.cta-banner{background:var(--gradient-cta);padding:var(--space-3xl) var(--space-lg)}.cta-banner-inner{max-width:800px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.cta-banner h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;color:#fff}.cta-banner p{font-size:1.05rem;color:#ffffffd9;max-width:560px}.cta-banner-actions{display:flex;gap:var(--space-md);flex-wrap:wrap;justify-content:center;margin-top:var(--space-sm)}.faq-section{background:var(--color-surface-2)}.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-sm)}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--transition-fast)}.faq-item.open{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:none;border:none;cursor:pointer;font-family:var(--font-sans);font-size:1rem;font-weight:600;color:var(--color-text);text-align:left;min-height:56px;transition:background var(--transition-fast)}.faq-question:hover{background:var(--color-surface-2)}.faq-chevron{flex-shrink:0;color:var(--color-primary);font-size:.75rem;transition:transform var(--transition-fast)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-slow),padding var(--transition-slow)}.faq-item.open .faq-answer{max-height:300px;padding:0 var(--space-lg) var(--space-md)}.faq-answer p{color:var(--color-text-muted);line-height:1.7;font-size:.95rem}.catalog-page{min-height:100vh}.catalog-hero{background:var(--gradient-hero);padding:var(--space-3xl) var(--space-lg);text-align:center}.catalog-hero-inner{max-width:var(--max-width);margin:0 auto}.catalog-hero-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:#fff;margin-bottom:var(--space-sm)}.catalog-hero-sub{font-size:1.05rem;color:#ffffffbf}.catalog-layout{max-width:var(--max-width);margin:0 auto;padding:var(--space-2xl) var(--space-lg);display:grid;grid-template-columns:280px 1fr;gap:var(--space-xl);align-items:start}.catalog-sidebar{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--color-border);position:sticky;top:calc(var(--navbar-height) + 1rem)}.sidebar-title{font-size:1.1rem;font-weight:700;margin-bottom:var(--space-lg);color:var(--color-text)}.filter-group{margin-bottom:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.filter-label{font-size:.875rem;font-weight:600;color:var(--color-text)}.filter-input{padding:.625rem .875rem;border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.9rem;color:var(--color-text);background:var(--color-bg);transition:border-color var(--transition-fast);min-height:44px;width:100%}.filter-input:focus{border-color:var(--color-primary);outline:none}.filter-cats{display:flex;flex-direction:column;gap:var(--space-xs)}.filter-cat-btn{padding:.5rem .875rem;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);text-align:left;min-height:44px}.filter-cat-btn:hover,.filter-cat-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.price-range-inputs{display:flex;align-items:center;gap:var(--space-sm)}.price-range-inputs .filter-input{flex:1}.btn-reset-filters{width:100%;padding:.625rem;background:none;border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;font-weight:600;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);min-height:44px}.btn-reset-filters:hover{border-color:var(--color-error);color:var(--color-error)}.catalog-main{min-height:400px}.catalog-results-header{margin-bottom:var(--space-md)}.results-count{font-size:.9rem;color:var(--color-text-muted);font-weight:500}@media (max-width: 900px){.catalog-layout{grid-template-columns:1fr}.catalog-sidebar{position:static}}.about-page{min-height:100vh}.about-hero{background:var(--gradient-hero);padding:var(--space-3xl) var(--space-lg)}.about-hero-inner{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center}.about-hero-title{font-size:clamp(2rem,5vw,3.25rem);font-weight:800;color:#fff;line-height:1.2;margin-bottom:var(--space-md)}.about-hero-sub{font-size:1.05rem;color:#ffffffbf;line-height:1.7;margin-bottom:var(--space-xl)}.about-hero-img-wrap{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.about-hero-img{width:100%;height:400px;object-fit:cover}@media (max-width: 900px){.about-hero-inner{grid-template-columns:1fr}.about-hero-img-wrap{display:none}}.mv-section{background:var(--color-bg)}.mv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.mv-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-sm);transition:transform var(--transition-base),box-shadow var(--transition-base)}.mv-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.mv-icon{font-size:2.5rem}.mv-card h2{font-size:1.15rem;font-weight:700;color:var(--color-text)}.mv-card p{font-size:.9rem;color:var(--color-text-muted);line-height:1.7}@media (max-width: 768px){.mv-grid{grid-template-columns:1fr}}.timeline-section{background:var(--color-surface-2)}.timeline{position:relative;max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-lg)}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--color-border);transform:translate(-50%)}.timeline-item{display:flex;align-items:center;gap:var(--space-lg);position:relative}.timeline-item.left{flex-direction:row;justify-content:flex-end;padding-right:calc(50% + var(--space-xl))}.timeline-item.right{flex-direction:row-reverse;justify-content:flex-end;padding-left:calc(50% + var(--space-xl))}.timeline-dot{position:absolute;left:50%;transform:translate(-50%);width:14px;height:14px;background:var(--color-primary);border-radius:50%;border:3px solid var(--color-surface-2);z-index:1}.timeline-card{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);max-width:320px}.timeline-year{font-size:.8rem;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.08em}.timeline-event{font-size:.9rem;color:var(--color-text);margin-top:var(--space-xs);line-height:1.5}@media (max-width: 600px){.timeline:before{display:none}.timeline-item.left,.timeline-item.right{flex-direction:column;padding:0;align-items:flex-start}.timeline-dot{display:none}.timeline-card{max-width:100%;width:100%}}.team-section{background:var(--color-bg)}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.team-card{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);text-align:center;transition:transform var(--transition-base),box-shadow var(--transition-base)}.team-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.team-img{width:100%;height:220px;object-fit:cover;object-position:top}.team-name{font-size:1rem;font-weight:700;color:var(--color-text);padding:var(--space-md) var(--space-md) var(--space-xs)}.team-role{font-size:.85rem;color:var(--color-primary);font-weight:500;padding-bottom:var(--space-md)}@media (max-width: 900px){.team-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.team-grid{grid-template-columns:1fr}}.about-stats-section{background:var(--gradient-primary);padding:var(--space-3xl) var(--space-lg)}.about-stats-inner{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl);text-align:center}.about-stat strong{display:block;font-size:2.5rem;font-weight:800;color:#fff}.about-stat span{font-size:.9rem;color:#ffffffbf;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.about-stats-inner{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.about-stats-inner{grid-template-columns:1fr}}.contact-page{min-height:100vh}.contact-hero{background:var(--gradient-hero);padding:var(--space-3xl) var(--space-lg);text-align:center}.contact-hero-inner{max-width:var(--max-width);margin:0 auto}.contact-hero-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:#fff;margin-bottom:var(--space-sm)}.contact-hero-sub{font-size:1.05rem;color:#ffffffbf}.contact-layout{max-width:var(--max-width);margin:0 auto;padding:var(--space-3xl) var(--space-lg);display:grid;grid-template-columns:1fr 1.4fr;gap:var(--space-3xl);align-items:start}.contact-info h2,.contact-form-wrap h2{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-xl);color:var(--color-text)}.contact-info-items{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-xl)}.contact-info-item{display:flex;gap:var(--space-md);align-items:flex-start}.ci-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}.contact-info-item strong{display:block;font-size:.875rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.05em}.contact-info-item p{font-size:.9rem;color:var(--color-text-muted);line-height:1.6}.contact-info-item a{color:var(--color-primary)}.contact-map-placeholder{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.contact-map-img{width:100%;height:220px;object-fit:cover}.contact-form{display:flex;flex-direction:column;gap:var(--space-md)}.contact-success{text-align:center;padding:var(--space-2xl);background:#f0fdf4;border-radius:var(--radius-lg);border:1px solid #bbf7d0;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.success-icon{font-size:3rem}.contact-success h3{font-size:1.25rem;font-weight:700;color:var(--color-success)}.contact-success p{color:var(--color-text-muted);font-size:.95rem}@media (max-width: 900px){.contact-layout{grid-template-columns:1fr}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl) var(--space-md);background:var(--gradient-hero)}.auth-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-2xl);width:100%;max-width:440px;box-shadow:var(--shadow-xl)}.auth-header{text-align:center;margin-bottom:var(--space-xl)}.auth-logo{display:inline-block;font-size:1.1rem;font-weight:800;color:var(--color-primary);margin-bottom:var(--space-md);text-decoration:none}.auth-title{font-size:1.75rem;font-weight:800;color:var(--color-text);margin-bottom:var(--space-xs)}.auth-subtitle{font-size:.9rem;color:var(--color-text-muted)}.auth-form{display:flex;flex-direction:column;gap:var(--space-md)}.auth-error{background:#fee2e2;border:1px solid #fca5a5;border-radius:var(--radius-md);padding:.75rem 1rem;font-size:.875rem;color:#991b1b;margin-bottom:var(--space-sm)}.auth-success{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius-md);padding:.75rem 1rem;font-size:.875rem;color:#166534;margin-bottom:var(--space-sm)}.auth-switch{text-align:center;margin-top:var(--space-lg);font-size:.9rem;color:var(--color-text-muted)}.auth-switch a{color:var(--color-primary);font-weight:600}.profile-page{min-height:100vh;background:var(--color-bg)}.profile-hero{background:var(--gradient-hero);padding:var(--space-2xl) var(--space-lg);text-align:center}.profile-hero h1{font-size:2rem;font-weight:800;color:#fff;margin-bottom:var(--space-xs)}.profile-hero p{color:#ffffffb3}.profile-layout{max-width:800px;margin:0 auto;padding:var(--space-2xl) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.profile-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--color-border);display:flex;align-items:center;gap:var(--space-lg)}.profile-avatar{width:72px;height:72px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;color:#fff;flex-shrink:0}.profile-info h2{font-size:1.25rem;font-weight:700;color:var(--color-text)}.profile-role-badge{display:inline-block;background:var(--color-surface-2);color:var(--color-primary);font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-xs)}.profile-details-card,.profile-actions-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--color-border)}.profile-details-card h3,.profile-actions-card h3{font-size:1.05rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-lg)}.profile-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.profile-detail{display:flex;flex-direction:column;gap:var(--space-xs)}.profile-detail label{font-size:.75rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.profile-detail span{font-size:.95rem;color:var(--color-text);font-weight:500}.profile-id{font-size:.75rem!important;font-family:monospace;color:var(--color-text-muted)!important;word-break:break-all}.profile-action-btns{display:flex;gap:var(--space-md);flex-wrap:wrap}.refresh-msg{font-size:.875rem;color:var(--color-success);margin-bottom:var(--space-md);padding:.5rem .75rem;background:#f0fdf4;border-radius:var(--radius-sm);border:1px solid #bbf7d0}@media (max-width: 600px){.profile-details-grid{grid-template-columns:1fr}}.cart-page{min-height:100vh;background:var(--color-bg)}.cart-header{background:var(--gradient-hero);padding:var(--space-2xl) var(--space-lg);text-align:center}.cart-header h1{font-size:2rem;font-weight:800;color:#fff;margin-bottom:var(--space-xs)}.cart-header p{color:#ffffffb3}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--space-md);text-align:center;padding:var(--space-2xl)}.cart-empty-icon{font-size:4rem}.cart-empty h1{font-size:1.75rem;font-weight:700;color:var(--color-text)}.cart-empty p{color:var(--color-text-muted);max-width:400px}.cart-layout{max-width:var(--max-width);margin:0 auto;padding:var(--space-2xl) var(--space-lg);display:grid;grid-template-columns:1fr 360px;gap:var(--space-xl);align-items:start}.cart-items{display:flex;flex-direction:column;gap:var(--space-md)}.cart-item{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-md);display:flex;gap:var(--space-md);align-items:center;transition:box-shadow var(--transition-fast)}.cart-item:hover{box-shadow:var(--shadow-md)}.cart-item-img{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-md);flex-shrink:0}.cart-item-info{flex:1;min-width:0}.cart-item-cat{font-size:.7rem;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em}.cart-item-title{font-size:.95rem;font-weight:600;color:var(--color-text);margin-top:var(--space-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-price{font-size:.9rem;color:var(--color-text-muted);margin-top:var(--space-xs)}.cart-item-controls{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-sm);flex-shrink:0}.qty-control{display:flex;align-items:center;gap:var(--space-sm);background:var(--color-surface-2);border-radius:var(--radius-md);padding:.25rem}.qty-btn{width:32px;height:32px;border:none;background:var(--color-surface);border-radius:var(--radius-sm);cursor:pointer;font-size:1.1rem;font-weight:700;color:var(--color-text);transition:background var(--transition-fast);display:flex;align-items:center;justify-content:center}.qty-btn:hover{background:var(--color-primary);color:#fff}.qty-value{min-width:28px;text-align:center;font-weight:700;font-size:.95rem}.cart-item-subtotal{font-size:1rem;font-weight:700;color:var(--color-primary)}.cart-remove-btn{background:none;border:none;cursor:pointer;font-size:.8rem;color:var(--color-error);font-weight:600;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:background var(--transition-fast);min-height:32px}.cart-remove-btn:hover{background:#fee2e2}.btn-clear-cart{background:none;border:2px solid var(--color-error);border-radius:var(--radius-md);padding:.625rem 1rem;font-family:var(--font-sans);font-size:.875rem;font-weight:600;color:var(--color-error);cursor:pointer;transition:all var(--transition-fast);align-self:flex-start;min-height:44px}.btn-clear-cart:hover{background:var(--color-error);color:#fff}.cart-summary{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-xl);position:sticky;top:calc(var(--navbar-height) + 1rem)}.cart-summary h2{font-size:1.15rem;font-weight:700;margin-bottom:var(--space-lg);color:var(--color-text)}.summary-rows{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.summary-row{display:flex;justify-content:space-between;font-size:.875rem;color:var(--color-text-muted)}.summary-divider{height:1px;background:var(--color-border);margin:var(--space-md) 0}.summary-total{display:flex;justify-content:space-between;font-size:1.1rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-lg)}@media (max-width: 900px){.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}}@media (max-width: 480px){.cart-item{flex-wrap:wrap}.cart-item-controls{flex-direction:row;align-items:center;width:100%;justify-content:space-between}}.checkout-page{min-height:100vh;background:var(--color-bg)}.checkout-header{background:var(--gradient-hero);padding:var(--space-2xl) var(--space-lg);text-align:center}.checkout-header h1{font-size:2rem;font-weight:800;color:#fff;margin-bottom:var(--space-xs)}.checkout-header p{color:#ffffffb3}.checkout-layout{max-width:var(--max-width);margin:0 auto;padding:var(--space-2xl) var(--space-lg);display:grid;grid-template-columns:1fr 380px;gap:var(--space-xl);align-items:start}.checkout-form-wrap,.checkout-form{display:flex;flex-direction:column;gap:var(--space-lg)}.checkout-section{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-md)}.checkout-section h2{font-size:1.1rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-sm)}.payment-methods{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.payment-option{display:flex;align-items:center;gap:var(--space-sm);padding:.75rem 1rem;border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;font-weight:500;color:var(--color-text);transition:all var(--transition-fast);min-height:44px}.payment-option input[type=radio]{accent-color:var(--color-primary)}.payment-option.selected{border-color:var(--color-primary);background:var(--color-surface-2);color:var(--color-primary)}.checkout-summary{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-xl);position:sticky;top:calc(var(--navbar-height) + 1rem)}.checkout-summary h2{font-size:1.15rem;font-weight:700;margin-bottom:var(--space-lg);color:var(--color-text)}.summary-items{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-md)}.summary-item{display:flex;gap:var(--space-sm);align-items:center}.summary-item-img{width:48px;height:48px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.summary-item-info{flex:1;min-width:0}.summary-item-title{font-size:.85rem;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-item-qty{font-size:.75rem;color:var(--color-text-muted)}.summary-item-price{font-size:.9rem;font-weight:700;color:var(--color-primary);flex-shrink:0}.total-highlight{color:var(--color-primary);font-size:1.25rem}.checkout-note{font-size:.8rem;color:var(--color-text-muted);text-align:center;margin-top:var(--space-md)}.checkout-success{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--space-md);text-align:center;padding:var(--space-2xl)}.success-animation{font-size:5rem;animation:bounceIn .6s ease}@keyframes bounceIn{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.checkout-success h1{font-size:2rem;font-weight:800;color:var(--color-text)}.checkout-success p{color:var(--color-text-muted);max-width:480px;line-height:1.7}.success-actions{display:flex;gap:var(--space-md);flex-wrap:wrap;justify-content:center;margin-top:var(--space-sm)}@media (max-width: 900px){.checkout-layout{grid-template-columns:1fr}.checkout-summary{position:static}.payment-methods{grid-template-columns:1fr}}.upload-page{min-height:100vh;background:var(--color-bg)}.upload-hero{background:var(--gradient-hero);padding:var(--space-2xl) var(--space-lg);text-align:center}.upload-hero h1{font-size:2rem;font-weight:800;color:#fff;margin-bottom:var(--space-xs)}.upload-hero p{color:#ffffffb3}.upload-card{max-width:600px;margin:var(--space-3xl) auto;padding:var(--space-2xl);background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.drop-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3xl);text-align:center;cursor:pointer;transition:all var(--transition-base);min-height:200px;display:flex;align-items:center;justify-content:center}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--color-primary);background:var(--color-surface-2)}.drop-zone.has-file{border-color:var(--color-success);padding:var(--space-md)}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.drop-icon{font-size:3rem}.drop-zone-content p{font-size:1rem;font-weight:600;color:var(--color-text)}.drop-sub{font-size:.875rem!important;color:var(--color-text-muted)!important;font-weight:400!important}.drop-hint{font-size:.75rem!important;color:var(--color-text-light)!important;font-weight:400!important}.upload-preview{max-width:100%;max-height:300px;border-radius:var(--radius-md);object-fit:contain}.file-info{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-surface-2);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text-muted);margin-top:var(--space-md)}.upload-actions{display:flex;gap:var(--space-md);margin-top:var(--space-lg);flex-wrap:wrap}.upload-success{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.upload-success h2{font-size:1.5rem;font-weight:700;color:var(--color-success)}.upload-success p{color:var(--color-text-muted);font-size:.95rem}.download-link-wrap{display:flex;gap:var(--space-sm);width:100%;flex-wrap:wrap}.download-link-input{flex:1;padding:.75rem 1rem;border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:monospace;font-size:.8rem;color:var(--color-text-muted);background:var(--color-surface-2);min-width:0}.upload-note{font-size:.8rem;color:var(--color-text-muted);font-style:italic}@media (max-width: 480px){.section{padding:var(--space-2xl) var(--space-md)}.hero{min-height:auto;padding:var(--space-2xl) 0}.hero-content{padding:var(--space-xl) var(--space-md)}.auth-card{padding:var(--space-lg)}.upload-card{margin:var(--space-xl) var(--space-md);padding:var(--space-lg)}}