@charset "UTF-8";:root{--color-primary: #252525;--color-secondary: #6b7280;--color-accent: #dc2626;--color-success: #16a34a;--color-warning: #ea580c;--color-danger: #dc2626;--color-background: #ffffff;--color-surface: #ffffff;--color-surface-secondary: #f9fafb;--color-text-primary: #111827;--color-text-secondary: #374151;--color-text-tertiary: #6b7280;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{line-height:var(--line-height-normal);-webkit-text-size-adjust:100%;font-family:var(--font-sans);scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);background-color:var(--color-background);color:var(--color-text-primary);line-height:var(--line-height-relaxed);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{cursor:pointer}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}@media(min-width:640px){.container{padding:0 var(--space-6)}}@media(min-width:1024px){.container{padding:0 var(--space-8)}}.grid{display:grid;gap:var(--space-6)}.grid--2{grid-template-columns:repeat(2,1fr)}@media(max-width:640px){.grid--2{grid-template-columns:1fr}}.grid--3{grid-template-columns:repeat(3,1fr)}@media(max-width:968px){.grid--3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid--3{grid-template-columns:1fr}}.grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid--4{grid-template-columns:repeat(3,1fr)}}@media(max-width:968px){.grid--4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid--4{grid-template-columns:1fr}}:root{color-scheme:light;--color-on-primary: #ffffff}[data-theme=dark]{color-scheme:dark;--color-primary: #f1f5f9;--color-on-primary: #0b0f14;--color-secondary: #94a3b8;--color-accent: #f87171;--color-success: #4ade80;--color-warning: #fb923c;--color-danger: #f87171;--color-background: #0b0f14;--color-surface: #121821;--color-surface-secondary: #171f2a;--color-text-primary: #eef2f7;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-border: #24303f;--color-border-light: #1c2531;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .4);--shadow-md: 0 6px 16px -4px rgb(0 0 0 / .5);--shadow-lg: 0 24px 48px -12px rgb(0 0 0 / .6)}html{background-color:var(--color-background)}body{transition:background-color var(--transition-base),color var(--transition-base)}[data-theme=dark] img{color-scheme:only light}.mobile-nav{display:none}@media(max-width:780px){.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:45;display:grid;grid-template-columns:repeat(5,1fr);padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--color-surface) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--color-border-light)}.mobile-nav__link{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px;color:var(--color-text-tertiary);font-size:.6875rem;text-decoration:none}.mobile-nav__link svg{width:20px;height:20px}.mobile-nav__link--active{color:var(--color-text-primary);font-weight:600}.main-content{padding-bottom:76px}}[data-theme=dark] .header__icon,[data-theme=dark] .header__login,[data-theme=dark] .header__search,[data-theme=dark] .header__toggle,[data-theme=dark] .header__user-button{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary)}[data-theme=dark] .footer{background-color:var(--color-surface);border-top-color:var(--color-border)}[data-theme=dark] .footer__logo,[data-theme=dark] .footer__heading,[data-theme=dark] .footer__link,[data-theme=dark] .footer__item,[data-theme=dark] .footer__description,[data-theme=dark] .footer__copyright,[data-theme=dark] .footer__text{color:var(--color-text-secondary)}[data-theme=dark] .footer__link:hover{color:var(--color-text-primary)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background-color:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border);color-scheme:dark}[data-theme=dark] option{background-color:var(--color-surface);color:var(--color-text-primary)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--color-text-tertiary)}[data-theme=dark] .summary-line--muted,[data-theme=dark] .summary__line--muted,[data-theme=dark] .finance__hint,[data-theme=dark] .admin-muted,[data-theme=dark] .support__muted,[data-theme=dark] .favorites__subtitle{color:var(--color-text-tertiary)}[data-theme=dark] .badge:not([class*=--sale]),[data-theme=dark] .product-detail__badge{background-color:var(--color-surface-secondary)!important;border:1px solid var(--color-border);color:var(--color-text-primary)!important}[data-theme=dark] .badge--sale{background-color:var(--color-accent)!important;color:#fff!important}[data-theme=dark] .add-to-cart-btn{background-color:var(--color-primary)!important;color:var(--color-on-primary)!important}[data-theme=dark] .star-rating__icon{color:var(--color-warning)!important}[data-theme=dark] .product-detail__stock,[data-theme=dark] .product-detail__meta,[data-theme=dark] .product-detail__availability,[data-theme=dark] .product-detail__label{color:var(--color-text-secondary)!important}