*, *::before, *::after{box-sizing: border-box}*, *::before, *::after{margin: 0;padding: 0}html{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;text-size-adjust: 100%;tab-size: 4;font-feature-settings: "kern" 1, "liga" 1, "calt" 1;line-height: 1.5;overflow-wrap: break-word}body{min-height: 100vh;min-height: 100dvh;line-height: 1.5}img, picture, video, canvas, svg{display: block;max-width: 100%}img, video{height: auto}svg{overflow: visible}input, button, textarea, select, optgroup{font: inherit;color: inherit;letter-spacing: inherit}input, textarea{border: none;outline: none}textarea{resize: vertical}p, h1, h2, h3, h4, h5, h6{overflow-wrap: break-word;hyphens: auto}h1, h2, h3, h4, h5, h6{text-wrap: balance}p{text-wrap: pretty}ul[role="list"], ol[role="list"]{list-style: none}button{background: none;border: none;padding: 0;cursor: pointer;color: inherit;font: inherit;line-height: inherit;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-user-select: none;user-select: none}button::-moz-focus-inner{border: 0;padding: 0}a{color: inherit;text-decoration: inherit;-webkit-user-select: none;user-select: none}table{border-collapse: collapse;border-spacing: 0}fieldset{border: none;padding: 0;margin: 0}legend{padding: 0}select{-webkit-appearance: none;-moz-appearance: none;appearance: none}input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration{-webkit-appearance: none}input[type="number"]{-moz-appearance: textfield}input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0}summary{display: list-item;cursor: pointer;-webkit-user-select: none;user-select: none}dialog{padding: 0;border: none;background: transparent}dialog::backdrop{background: transparent}abbr[title]{text-decoration: underline dotted}b, strong{font-weight: bolder}code, kbd, samp, pre{font-size: 1em}small{font-size: 80%}sub, sup{font-size: 75%;line-height: 0;position: relative;vertical-align: baseline}sub{bottom: -0.25em}sup{top: -0.5em}hr{height: 0;color: inherit;border: none;border-top: 1px solid}[hidden]{display: none !important}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*, *::before, *::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important}}:root{--border-color: #e2e8f0;--color-primary: #6366f1;--color-primary-light: #818cf8;--color-primary-dark: #4f46e5;--color-primary-50: #eef2ff;--color-primary-100: #e0e7ff;--color-primary-200: #c7d2fe;--color-primary-rgb: 99, 102, 241;--primary-light: #eff6ff;--color-secondary: #0ea5e9;--color-secondary-light: #38bdf8;--color-secondary-dark: #0284c7;--color-secondary-rgb: 14, 165, 233;--color-accent: #f43f5e;--color-accent-light: #fb7185;--color-accent-dark: #e11d48;--color-bg: #ffffff;--color-bg-alt: #f8fafc;--color-bg-rgb: 255, 255, 255;--color-surface: #ffffff;--color-surface-2: #f8fafc;--color-surface-hover: #f1f5f9;--color-surface-active: #e2e8f0;--color-surface-raised: #ffffff;--color-surface-rgb: 255, 255, 255;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-border-strong: #cbd5e1;--color-text: #0f172a;--color-text-muted: #64748b;--color-text-faint: #94a3b8;--color-text-inverse: #ffffff;--color-success: #10b981;--color-success-light: #d1fae5;--color-success-dark: #059669;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-warning-dark: #d97706;--color-error: #ef4444;--color-error-light: #fee2e2;--color-error-dark: #dc2626;--color-error-rgb: 239, 68, 68;--color-info: #3b82f6;--color-info-light: #dbeafe;--color-info-dark: #2563eb;--color-success-rgb: 16, 185, 129;--font-heading: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;--font-body: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;--font-mono: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'Consolas', monospace;--text-xs: clamp(0.6875rem, 0.65rem + 0.15vw, 0.75rem);--text-sm: clamp(0.8125rem, 0.78rem + 0.15vw, 0.875rem);--text-base: clamp(0.9375rem, 0.9rem + 0.18vw, 1rem);--text-lg: clamp(1.0625rem, 1rem + 0.25vw, 1.125rem);--text-xl: clamp(1.1875rem, 1.1rem + 0.35vw, 1.25rem);--text-2xl: clamp(1.4rem, 1.3rem + 0.5vw, 1.5rem);--text-3xl: clamp(1.75rem, 1.55rem + 0.9vw, 1.875rem);--text-4xl: clamp(2.1rem, 1.8rem + 1.3vw, 2.25rem);--text-5xl: clamp(2.75rem, 2.3rem + 1.8vw, 3rem);--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--tracking-tighter: -0.05em;--tracking-tight: -0.025em;--tracking-normal: 0;--tracking-wide: 0.025em;--tracking-wider: 0.05em;--space-xs: 0.25rem;--space-sm: 0.5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 6rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 3px 0 rgba(0, 0, 0, 0.06);--shadow-md: 0 2px 4px -1px rgba(0, 0, 0, 0.04), 0 4px 8px -1px rgba(0, 0, 0, 0.08);--shadow-lg: 0 4px 6px -2px rgba(0, 0, 0, 0.03), 0 10px 20px -3px rgba(0, 0, 0, 0.1);--shadow-xl: 0 8px 12px -4px rgba(0, 0, 0, 0.04), 0 20px 40px -6px rgba(0, 0, 0, 0.12);--shadow-2xl: 0 16px 24px -8px rgba(0, 0, 0, 0.06), 0 32px 64px -12px rgba(0, 0, 0, 0.16);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);--shadow-glow: 0 0 20px rgba(var(--color-primary-rgb), 0.15);--shadow-card: 0 1px 3px rgba(0, 0, 0, 0.04), 0 6px 16px rgba(0, 0, 0, 0.06);--transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);--transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow: 400ms cubic-bezier(0.4, 0, 0.2, 1);--transition-spring: 500ms cubic-bezier(0.34, 1.56, 0.64, 1);--ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);--container-max: 1200px;--container-narrow: 720px;--container-wide: 1440px;--header-height: 80px;--sidebar-width: 280px;--sidebar-collapsed-width: 72px;--content-padding: var(--space-lg);--z-base: 1;--z-dropdown: 50;--z-sticky: 80;--z-header: 100;--z-overlay: 500;--z-modal: 1000;--z-toast: 2000;--z-tooltip: 3000;--z-max: 9999;--backdrop-blur: 12px;--backdrop-color: rgba(0, 0, 0, 0.5);--focus-ring-width: 3px;--focus-ring-color: rgba(var(--color-primary-rgb), 0.4);--focus-ring-offset: 2px}[data-theme="dark"]{--border-color: #1e293b;--color-primary: #818cf8;--color-primary-light: #a5b4fc;--color-primary-dark: #6366f1;--color-primary-50: rgba(99, 102, 241, 0.1);--color-primary-100: rgba(99, 102, 241, 0.15);--color-primary-200: rgba(99, 102, 241, 0.25);--primary-light: rgba(99, 102, 241, 0.25);--color-secondary: #38bdf8;--color-secondary-light: #7dd3fc;--color-secondary-dark: #0ea5e9;--color-accent: #fb7185;--color-accent-light: #fda4af;--color-accent-dark: #f43f5e;--color-bg: #0c0f1a;--color-bg-alt: #111827;--color-bg-rgb: 12, 15, 26;--color-surface: #1e2235;--color-surface-2: #252a3f;--color-surface-hover: #282d44;--color-surface-active: #323853;--color-surface-raised: #252a3f;--color-surface-rgb: 30, 34, 53;--color-border: #2d3350;--color-border-light: #232845;--color-border-strong: #3d4470;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-text-faint: #64748b;--color-text-inverse: #0f172a;--color-success-light: rgba(16, 185, 129, 0.15);--color-warning-light: rgba(245, 158, 11, 0.15);--color-error-light: rgba(239, 68, 68, 0.15);--color-info-light: rgba(59, 130, 246, 0.15);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.3);--shadow-md: 0 2px 4px -1px rgba(0, 0, 0, 0.25), 0 4px 8px -1px rgba(0, 0, 0, 0.35);--shadow-lg: 0 4px 6px -2px rgba(0, 0, 0, 0.2), 0 10px 20px -3px rgba(0, 0, 0, 0.4);--shadow-xl: 0 8px 12px -4px rgba(0, 0, 0, 0.3), 0 20px 40px -6px rgba(0, 0, 0, 0.45);--shadow-2xl: 0 16px 24px -8px rgba(0, 0, 0, 0.35), 0 32px 64px -12px rgba(0, 0, 0, 0.5);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.2);--shadow-glow: 0 0 24px rgba(var(--color-primary-rgb), 0.25);--shadow-card: 0 1px 3px rgba(0, 0, 0, 0.15), 0 6px 16px rgba(0, 0, 0, 0.25);--backdrop-color: rgba(0, 0, 0, 0.7)}@media (prefers-color-scheme: dark){[data-theme="system"]{--color-primary: #818cf8;--color-primary-light: #a5b4fc;--color-primary-dark: #6366f1;--color-primary-50: rgba(99, 102, 241, 0.1);--color-primary-100: rgba(99, 102, 241, 0.15);--color-primary-200: rgba(99, 102, 241, 0.25);--color-secondary: #38bdf8;--color-secondary-light: #7dd3fc;--color-secondary-dark: #0ea5e9;--color-accent: #fb7185;--color-accent-light: #fda4af;--color-accent-dark: #f43f5e;--color-bg: #0c0f1a;--color-bg-alt: #111827;--color-bg-rgb: 12, 15, 26;--color-surface: #1e2235;--color-surface-hover: #282d44;--color-surface-active: #323853;--color-surface-raised: #252a3f;--color-surface-rgb: 30, 34, 53;--color-border: #2d3350;--color-border-light: #232845;--color-border-strong: #3d4470;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-text-faint: #64748b;--color-text-inverse: #0f172a;--color-success-light: rgba(16, 185, 129, 0.15);--color-warning-light: rgba(245, 158, 11, 0.15);--color-error-light: rgba(239, 68, 68, 0.15);--color-info-light: rgba(59, 130, 246, 0.15);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.3);--shadow-md: 0 2px 4px -1px rgba(0, 0, 0, 0.25), 0 4px 8px -1px rgba(0, 0, 0, 0.35);--shadow-lg: 0 4px 6px -2px rgba(0, 0, 0, 0.2), 0 10px 20px -3px rgba(0, 0, 0, 0.4);--shadow-xl: 0 8px 12px -4px rgba(0, 0, 0, 0.3), 0 20px 40px -6px rgba(0, 0, 0, 0.45);--shadow-2xl: 0 16px 24px -8px rgba(0, 0, 0, 0.35), 0 32px 64px -12px rgba(0, 0, 0, 0.5);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.2);--shadow-glow: 0 0 24px rgba(var(--color-primary-rgb), 0.25);--shadow-card: 0 1px 3px rgba(0, 0, 0, 0.15), 0 6px 16px rgba(0, 0, 0, 0.25);--backdrop-color: rgba(0, 0, 0, 0.7)}}body{font-family: var(--font-body);font-size: var(--text-base);font-weight: var(--font-normal);line-height: var(--leading-normal);color: var(--color-text);background-color: var(--color-bg);transition: background-color var(--transition-slow), color var(--transition-slow);overflow-x: clip;overflow-anchor: none}h1, h2, h3, h4, h5, h6{font-family: var(--font-heading);line-height: var(--leading-tight);letter-spacing: var(--tracking-tight);color: var(--color-text)}h1{font-size: var(--text-4xl);font-weight: var(--font-extrabold)}h2{font-size: var(--text-3xl);font-weight: var(--font-bold);margin-bottom: var(--space-md)}h3{font-size: var(--text-2xl);font-weight: var(--font-bold);margin-bottom: var(--space-md)}h4{font-size: var(--text-xl);font-weight: var(--font-semibold);margin-bottom: var(--space-sm)}h5{font-size: var(--text-lg);font-weight: var(--font-semibold);margin-bottom: var(--space-sm)}h6{font-size: var(--text-base);font-weight: var(--font-semibold);margin-bottom: var(--space-sm)}p{margin-bottom: var(--space-md);color: var(--color-text)}p:last-child{margin-bottom: 0}a{color: var(--color-primary);text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 2px;transition: color var(--transition-fast), text-decoration-color var(--transition-fast)}a:hover{color: var(--color-primary-dark);text-decoration-thickness: 2px}strong, b{font-weight: var(--font-semibold)}small{font-size: var(--text-sm)}code{font-family: var(--font-mono);font-size: 0.9em;background-color: var(--color-bg-alt);padding: 0.15em 0.4em;border-radius: var(--radius-sm);border: 1px solid var(--color-border)}pre{font-family: var(--font-mono);font-size: var(--text-sm);background-color: var(--color-bg-alt);padding: var(--space-md);border-radius: var(--radius-md);border: 1px solid var(--color-border);overflow-x: auto}pre code{background: none;padding: 0;border: none;font-size: inherit}blockquote{border-left: 4px solid var(--color-primary);padding-left: var(--space-md);margin: var(--space-md) 0;color: var(--color-text-muted);font-style: italic}mark{background-color: var(--color-warning-light);color: var(--color-text);padding: 0.1em 0.3em;border-radius: var(--radius-sm)}hr{border-top: 1px solid var(--color-border);margin: var(--space-xl) 0}::selection{background-color: rgba(var(--color-primary-rgb), 0.2);color: var(--color-text)}:focus-visible{outline: var(--focus-ring-width) solid var(--focus-ring-color);outline-offset: var(--focus-ring-offset);border-radius: var(--radius-sm)}:focus:not(:focus-visible){outline: none}#news-detail-page.container{margin-top: calc(var(--header-height) + var(--space-xl))}#news-page.container{margin-top: calc(var(--header-height) + var(--space-xl))}#my-account-page.container{margin-top: calc(var(--header-height) + var(--space-3xl));padding-bottom: var(--space-xl)}#login-page.container, #register-page.container, #forgot-password-page.container{margin-top: calc(var(--header-height) + var(--space-xl))}.container{width: 100%;max-width: var(--container-max);margin-left: auto;margin-right: auto;padding-left: var(--space-md);padding-right: var(--space-md)}.container-narrow{width: 100%;max-width: var(--container-narrow);margin-left: auto;margin-right: auto;padding-left: var(--space-md);padding-right: var(--space-md)}.container-wide{width: 100%;max-width: var(--container-wide);margin-left: auto;margin-right: auto;padding-left: var(--space-md);padding-right: var(--space-md)}.container-fluid{width: 100%;padding-left: var(--space-md);padding-right: var(--space-md)}.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}.sr-only-focusable:focus, .sr-only-focusable:active{position: static;width: auto;height: auto;padding: inherit;margin: inherit;overflow: visible;clip: auto;white-space: normal}.text-left{text-align: left}.text-center{text-align: center}.text-right{text-align: right}.text-justify{text-align: justify}.mb-0{margin-bottom: 0}.mb-1{margin-bottom: var(--space-xs)}.mb-2{margin-bottom: var(--space-sm)}.mb-3{margin-bottom: var(--space-md)}.mb-4{margin-bottom: var(--space-lg)}.mb-5{margin-bottom: var(--space-xl)}.mb-6{margin-bottom: var(--space-2xl)}.mt-0{margin-top: 0}.mt-1{margin-top: var(--space-xs)}.mt-2{margin-top: var(--space-sm)}.mt-3{margin-top: var(--space-md)}.mt-4{margin-top: var(--space-lg)}.mt-5{margin-top: var(--space-xl)}.mt-6{margin-top: var(--space-2xl)}.flex{display: flex}.inline-flex{display: inline-flex}.flex-col{display: flex;flex-direction: column}.flex-row{display: flex;flex-direction: row}.flex-wrap{flex-wrap: wrap}.flex-nowrap{flex-wrap: nowrap}.flex-center{display: flex;align-items: center;justify-content: center}.items-start{align-items: flex-start}.items-center{align-items: center}.items-end{align-items: flex-end}.items-baseline{align-items: baseline}.items-stretch{align-items: stretch}.justify-start{justify-content: flex-start}.justify-center{justify-content: center}.justify-end{justify-content: flex-end}.justify-between{justify-content: space-between}.justify-around{justify-content: space-around}.justify-evenly{justify-content: space-evenly}.flex-1{flex: 1 1 0%}.flex-auto{flex: 1 1 auto}.flex-none{flex: none}.flex-shrink-0{flex-shrink: 0}.self-start{align-self: flex-start}.self-center{align-self: center}.self-end{align-self: flex-end}.gap-0{gap: 0}.gap-1{gap: var(--space-xs)}.gap-2{gap: var(--space-sm)}.gap-3{gap: var(--space-md)}.gap-4{gap: var(--space-lg)}.gap-5{gap: var(--space-xl)}.gap-6{gap: var(--space-2xl)}.grid{display: grid}.grid-2{display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--space-md)}.grid-3{display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-md)}.grid-4{display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--space-md)}.grid-auto{display: grid;grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr));gap: var(--space-md)}@media (max-width: 1024px){.grid-4{grid-template-columns: repeat(2, 1fr)}.grid-3{grid-template-columns: repeat(2, 1fr)}}@media (max-width: 640px){.grid-2, .grid-3, .grid-4{grid-template-columns: 1fr}}.hidden{display: none !important}.visible{visibility: visible}.invisible{visibility: hidden}.opacity-0{opacity: 0}.opacity-50{opacity: 0.5}.opacity-100{opacity: 1}.block{display: block}.inline-block{display: inline-block}.inline{display: inline}.overflow-hidden{overflow: hidden}.overflow-auto{overflow: auto}.overflow-x-auto{overflow-x: auto}.overflow-y-auto{overflow-y: auto}.w-full{width: 100%}.h-full{height: 100%}.min-h-screen{min-height: 100vh;min-height: 100dvh}.max-w-full{max-width: 100%}.rounded-none{border-radius: 0}.rounded-sm{border-radius: var(--radius-sm)}.rounded{border-radius: var(--radius-md)}.rounded-lg{border-radius: var(--radius-lg)}.rounded-xl{border-radius: var(--radius-xl)}.rounded-2xl{border-radius: var(--radius-2xl)}.rounded-full{border-radius: var(--radius-full)}.shadow-none{box-shadow: none}.shadow-sm{box-shadow: var(--shadow-sm)}.shadow{box-shadow: var(--shadow-md)}.shadow-lg{box-shadow: var(--shadow-lg)}.shadow-xl{box-shadow: var(--shadow-xl)}.shadow-2xl{box-shadow: var(--shadow-2xl)}.truncate{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.line-clamp-2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.line-clamp-3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.line-clamp-4{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden}.relative{position: relative}.absolute{position: absolute}.fixed{position: fixed}.sticky{position: sticky}.inset-0{inset: 0}.top-0{top: 0}.right-0{right: 0}.bottom-0{bottom: 0}.left-0{left: 0}.font-heading{font-family: var(--font-heading)}.font-body{font-family: var(--font-body)}.font-mono{font-family: var(--font-mono)}.font-light{font-weight: var(--font-light)}.font-normal{font-weight: var(--font-normal)}.font-medium{font-weight: var(--font-medium)}.font-semibold{font-weight: var(--font-semibold)}.font-bold{font-weight: var(--font-bold)}.uppercase{text-transform: uppercase}.lowercase{text-transform: lowercase}.capitalize{text-transform: capitalize}.italic{font-style: italic}.no-underline{text-decoration: none}.underline{text-decoration: underline}.text-primary{color: var(--color-primary)}.text-secondary{color: var(--color-secondary)}.text-muted{color: var(--color-text-muted)}.text-faint{color: var(--color-text-faint)}.text-success{color: var(--color-success)}.text-warning{color: var(--color-warning)}.text-error{color: var(--color-error)}.text-info{color: var(--color-info)}.text-inverse{color: var(--color-text-inverse)}.bg-primary{background-color: var(--color-primary)}.bg-surface{background-color: var(--color-surface)}.bg-alt{background-color: var(--color-bg-alt)}.bg-transparent{background-color: transparent}.border{border: 1px solid var(--color-border)}.border-light{border: 1px solid var(--color-border-light)}.border-strong{border: 1px solid var(--color-border-strong)}.border-top{border-top: 1px solid var(--color-border)}.border-bottom{border-bottom: 1px solid var(--color-border)}.border-none{border: none}.cursor-pointer{cursor: pointer}.cursor-default{cursor: default}.cursor-not-allowed{cursor: not-allowed}.pointer-events-none{pointer-events: none}.p-0{padding: 0}.p-1{padding: var(--space-xs)}.p-2{padding: var(--space-sm)}.p-3{padding: var(--space-md)}.p-4{padding: var(--space-lg)}.p-5{padding: var(--space-xl)}.p-6{padding: var(--space-2xl)}.px-1{padding-left: var(--space-xs);padding-right: var(--space-xs)}.px-2{padding-left: var(--space-sm);padding-right: var(--space-sm)}.px-3{padding-left: var(--space-md);padding-right: var(--space-md)}.px-4{padding-left: var(--space-lg);padding-right: var(--space-lg)}.py-1{padding-top: var(--space-xs);padding-bottom: var(--space-xs)}.py-2{padding-top: var(--space-sm);padding-bottom: var(--space-sm)}.py-3{padding-top: var(--space-md);padding-bottom: var(--space-md)}.py-4{padding-top: var(--space-lg);padding-bottom: var(--space-lg)}.custom-scrollbar{scrollbar-width: thin;scrollbar-color: var(--color-border-strong) transparent}.custom-scrollbar::-webkit-scrollbar{width: 6px;height: 6px}.custom-scrollbar::-webkit-scrollbar-track{background: transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color: var(--color-border-strong);border-radius: var(--radius-full)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color: var(--color-text-muted)}.tabs{display: flex;gap: var(--space-xs);border-bottom: 2px solid var(--color-border);margin-bottom: var(--space-xl);overflow-x: auto;-webkit-overflow-scrolling: touch}.tab-item{padding: var(--space-sm) var(--space-lg);font-size: var(--font-size-sm, 0.875rem);font-weight: var(--font-medium, 500);color: var(--color-text-muted);border: none;background: none;cursor: pointer;white-space: nowrap;border-bottom: 2px solid transparent;margin-bottom: -2px;transition: color 0.2s, border-color 0.2s;-webkit-user-select: none;user-select: none}.tab-item:hover{color: var(--color-text)}.tab-item.active{color: var(--color-primary, var(--color-accent));border-bottom-color: var(--color-primary, var(--color-accent))}.tab-panel{display: none}.tab-content.active, .tab-panel.active{display: block}.data-table-wrapper{overflow-x: auto;border: 1px solid var(--color-border);border-radius: var(--radius-md, 0.5rem)}.data-table{width: 100%;border-collapse: collapse;font-size: var(--font-size-sm, 0.875rem)}.data-table th, .data-table td{padding: var(--space-sm) var(--space-md);text-align: left;border-bottom: 1px solid var(--color-border)}.data-table th{font-weight: var(--font-semibold, 600);color: var(--color-text-muted);background: var(--color-bg-alt, var(--color-surface));white-space: nowrap;font-size: var(--font-size-xs, 0.75rem);text-transform: uppercase;letter-spacing: 0.05em}.data-table tbody tr:last-child td{border-bottom: none}.data-table tbody tr:hover{background: var(--color-bg-alt, rgba(0,0,0,0.02))}.data-table .badge{font-size: var(--font-size-xs, 0.75rem)}@media (max-width: 640px){.data-table th, .data-table td{padding: var(--space-xs) var(--space-sm);font-size: var(--font-size-xs, 0.75rem)}}@media (max-width: 640px){.sm\:hidden{display: none !important}.sm\:block{display: block !important}.sm\:flex-col{flex-direction: column}.sm\:text-center{text-align: center}.sm\:w-full{width: 100%}}@media (max-width: 768px){.hide-mobile{display: none !important}}@media (max-width: 1023px){.hide-tablet{display: none !important}}@media (min-width: 641px) and (max-width: 1024px){.md\:hidden{display: none !important}.md\:block{display: block !important}}@media (min-width: 1025px){.lg\:hidden{display: none !important}.lg\:block{display: block !important}}.page-enter{opacity: 0;transform: translateY(20px)}.page-enter-active{opacity: 1;transform: translateY(0);transition: opacity 300ms cubic-bezier(0.16, 1, 0.3, 1), transform 300ms cubic-bezier(0.16, 1, 0.3, 1)}.page-leave{opacity: 1;transform: translateY(0)}.page-leave-active{opacity: 0;transform: translateY(-10px);transition: opacity 200ms cubic-bezier(0.4, 0, 1, 1), transform 200ms cubic-bezier(0.4, 0, 1, 1)}.modal-overlay{opacity: 0;transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-overlay.active{opacity: 1}.modal-overlay.closing{opacity: 0;transition: opacity 200ms cubic-bezier(0.4, 0, 1, 1)}.modal-content{opacity: 0;transform: scale(0.95) translateY(10px);transition: opacity 300ms cubic-bezier(0.34, 1.56, 0.64, 1), transform 300ms cubic-bezier(0.34, 1.56, 0.64, 1)}.modal-content.active{opacity: 1;transform: scale(1) translateY(0)}.modal-content.closing{opacity: 0;transform: scale(0.97) translateY(5px);transition: opacity 200ms cubic-bezier(0.4, 0, 1, 1), transform 200ms cubic-bezier(0.4, 0, 1, 1)}.modal-content--slide-up{opacity: 0;transform: translateY(100%);transition: opacity 350ms cubic-bezier(0.16, 1, 0.3, 1), transform 350ms cubic-bezier(0.16, 1, 0.3, 1)}.modal-content--slide-up.active{opacity: 1;transform: translateY(0)}.modal-content--slide-up.closing{opacity: 0;transform: translateY(100%);transition: opacity 250ms cubic-bezier(0.4, 0, 1, 1), transform 250ms cubic-bezier(0.4, 0, 1, 1)}.toast{opacity: 0;transform: translateX(120%);transition: opacity 350ms cubic-bezier(0.16, 1, 0.3, 1), transform 350ms cubic-bezier(0.16, 1, 0.3, 1)}.toast.visible{opacity: 1;transform: translateX(0)}.toast.exiting{opacity: 0;transform: translateX(120%);transition: opacity 250ms cubic-bezier(0.4, 0, 1, 1), transform 250ms cubic-bezier(0.4, 0, 1, 1)}.toast--top{transform: translateY(-120%)}.toast--top.visible{transform: translateY(0)}.toast--top.exiting{transform: translateY(-120%)}.card-hover{transform: translateY(0) translateZ(0);transition: transform var(--transition-base), box-shadow var(--transition-base)}.card-hover:hover{transform: translateY(-4px) translateZ(0);box-shadow: var(--shadow-lg)}.card-hover:active{transform: translateY(-2px) translateZ(0)}.card-hover-scale{transform: scale(1) translateZ(0);transition: transform var(--transition-base), box-shadow var(--transition-base)}.card-hover-scale:hover{transform: scale(1.02) translateZ(0);box-shadow: var(--shadow-lg)}.card-hover-scale:active{transform: scale(1.005) translateZ(0)}.card-hover-tilt{transform: perspective(1000px) rotateX(0) rotateY(0) translateZ(0);transition: transform var(--transition-base), box-shadow var(--transition-base)}.btn-press{transform: scale(1) translateZ(0);transition: transform var(--transition-fast)}.btn-press:active{transform: scale(0.97) translateZ(0)}.btn-shimmer{position: relative;overflow: hidden}.btn-shimmer::after{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.15) 50%, transparent 100% );transform: translateZ(0);animation: shimmer 2.5s infinite}@keyframes shimmer{0%{transform: translateX(0%) translateZ(0)}100%{transform: translateX(200%) translateZ(0)}}.btn-ripple{position: relative;overflow: hidden}.btn-ripple::after{content: '';position: absolute;top: 50%;left: 50%;width: 0;height: 0;border-radius: var(--radius-full);background: rgba(255, 255, 255, 0.2);transform: translate(-50%, -50%) scale(0) translateZ(0);opacity: 1}.btn-ripple:active::after{width: 300px;height: 300px;opacity: 0;transform: translate(-50%, -50%) scale(1) translateZ(0);transition: width 0.4s ease-out, height 0.4s ease-out, opacity 0.4s ease-out, transform 0.4s ease-out}.skeleton{position: relative;overflow: hidden;background-color: var(--color-bg-alt);border-radius: var(--radius-md)}.skeleton::after{content: '';position: absolute;inset: 0;transform: translateX(-100%) translateZ(0);background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100% );animation: skeleton-pulse 1.8s ease-in-out infinite}@keyframes skeleton-pulse{0%{transform: translateX(-100%) translateZ(0)}50%, 100%{transform: translateX(100%) translateZ(0)}}.spinner{display: inline-block;width: 24px;height: 24px;border: 3px solid var(--color-border);border-top-color: var(--color-primary);border-radius: var(--radius-full);animation: spinner-rotate 0.7s linear infinite}.spinner--sm{width: 16px;height: 16px;border-width: 2px}.spinner--lg{width: 40px;height: 40px;border-width: 4px}@keyframes spinner-rotate{to{transform: rotate(360deg) translateZ(0)}}.dots-loading{display: inline-flex;align-items: center;gap: 4px}.dots-loading span{display: inline-block;width: 8px;height: 8px;border-radius: var(--radius-full);background-color: var(--color-primary);animation: dots-bounce 1.4s ease-in-out infinite}.dots-loading span:nth-child(1){animation-delay: 0ms}.dots-loading span:nth-child(2){animation-delay: 160ms}.dots-loading span:nth-child(3){animation-delay: 320ms}@keyframes dots-bounce{0%, 80%, 100%{transform: scale(0.6) translateZ(0);opacity: 0.4}40%{transform: scale(1) translateZ(0);opacity: 1}}.progress-indeterminate{width: 100%;height: 3px;background-color: var(--color-bg-alt);border-radius: var(--radius-full);overflow: hidden;position: relative}.progress-indeterminate::after{content: '';position: absolute;top: 0;left: 0;height: 100%;width: 40%;background-color: var(--color-primary);border-radius: var(--radius-full);animation: progress-slide 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite}@keyframes progress-slide{0%{transform: translateX(-100%) translateZ(0)}100%{transform: translateX(350%) translateZ(0)}}.fade-in{animation: fadeIn 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards}.fade-out{animation: fadeOut 200ms cubic-bezier(0.4, 0, 1, 1) forwards}@keyframes fadeIn{from{opacity: 0}to{opacity: 1}}@keyframes fadeOut{from{opacity: 1}to{opacity: 0}}.slide-up{animation: slideUp 350ms cubic-bezier(0.16, 1, 0.3, 1) forwards}.slide-down{animation: slideDown 350ms cubic-bezier(0.16, 1, 0.3, 1) forwards}.slide-left{animation: slideLeft 350ms cubic-bezier(0.16, 1, 0.3, 1) forwards}.slide-right{animation: slideRight 350ms cubic-bezier(0.16, 1, 0.3, 1) forwards}@keyframes slideUp{from{opacity: 0;transform: translateY(20px) translateZ(0)}to{opacity: 1;transform: translateY(0) translateZ(0)}}@keyframes slideDown{from{opacity: 0;transform: translateY(-20px) translateZ(0)}to{opacity: 1;transform: translateY(0) translateZ(0)}}@keyframes slideLeft{from{opacity: 0;transform: translateX(20px) translateZ(0)}to{opacity: 1;transform: translateX(0) translateZ(0)}}@keyframes slideRight{from{opacity: 0;transform: translateX(-20px) translateZ(0)}to{opacity: 1;transform: translateX(0) translateZ(0)}}.scale-in{animation: scaleIn 300ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards}.scale-out{animation: scaleOut 200ms cubic-bezier(0.4, 0, 1, 1) forwards}@keyframes scaleIn{from{opacity: 0;transform: scale(0.9) translateZ(0)}to{opacity: 1;transform: scale(1) translateZ(0)}}@keyframes scaleOut{from{opacity: 1;transform: scale(1) translateZ(0)}to{opacity: 0;transform: scale(0.9) translateZ(0)}}.stagger-item{opacity: 0;transform: translateY(15px) translateZ(0);animation: staggerFadeUp 400ms cubic-bezier(0.16, 1, 0.3, 1) forwards;animation-delay: calc(var(--stagger-index, 0) * 60ms)}@keyframes staggerFadeUp{from{opacity: 0;transform: translateY(15px) translateZ(0)}to{opacity: 1;transform: translateY(0) translateZ(0)}}.stagger-item-scale{opacity: 0;transform: scale(0.9) translateZ(0);animation: staggerScaleIn 400ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards;animation-delay: calc(var(--stagger-index, 0) * 60ms)}@keyframes staggerScaleIn{from{opacity: 0;transform: scale(0.9) translateZ(0)}to{opacity: 1;transform: scale(1) translateZ(0)}}.stagger-item-left{opacity: 0;transform: translateX(-20px) translateZ(0);animation: staggerSlideLeft 400ms cubic-bezier(0.16, 1, 0.3, 1) forwards;animation-delay: calc(var(--stagger-index, 0) * 60ms)}@keyframes staggerSlideLeft{from{opacity: 0;transform: translateX(-20px) translateZ(0)}to{opacity: 1;transform: translateX(0) translateZ(0)}}.reveal{opacity: 0;transform: translateY(20px) translateZ(0);transition: opacity 600ms cubic-bezier(0.16, 1, 0.3, 1), transform 600ms cubic-bezier(0.16, 1, 0.3, 1)}.reveal.revealed{opacity: 1;transform: translateY(0) translateZ(0)}.reveal-left{opacity: 0;transform: translateX(-20px) translateZ(0);transition: opacity 600ms cubic-bezier(0.16, 1, 0.3, 1), transform 600ms cubic-bezier(0.16, 1, 0.3, 1)}.reveal-left.revealed{opacity: 1;transform: translateX(0) translateZ(0)}.reveal-right{opacity: 0;transform: translateX(20px) translateZ(0);transition: opacity 600ms cubic-bezier(0.16, 1, 0.3, 1), transform 600ms cubic-bezier(0.16, 1, 0.3, 1)}.reveal-right.revealed{opacity: 1;transform: translateX(0) translateZ(0)}.reveal-scale{opacity: 0;transform: scale(0.9) translateZ(0);transition: opacity 600ms cubic-bezier(0.16, 1, 0.3, 1), transform 600ms cubic-bezier(0.16, 1, 0.3, 1)}.reveal-scale.revealed{opacity: 1;transform: scale(1) translateZ(0)}.reveal-down{opacity: 0;transform: translateY(-20px) translateZ(0);transition: opacity 600ms cubic-bezier(0.16, 1, 0.3, 1), transform 600ms cubic-bezier(0.16, 1, 0.3, 1)}.reveal-down.revealed{opacity: 1;transform: translateY(0) translateZ(0)}.reveal-fade{opacity: 0;transition: opacity 800ms cubic-bezier(0.16, 1, 0.3, 1)}.reveal-fade.revealed{opacity: 1}.reveal[data-reveal-delay], .reveal-left[data-reveal-delay], .reveal-right[data-reveal-delay], .reveal-down[data-reveal-delay], .reveal-scale[data-reveal-delay], .reveal-fade[data-reveal-delay]{transition-delay: var(--reveal-delay, 0ms)}.reveal-stagger > *{opacity: 0;transform: translateY(20px) translateZ(0);transition: opacity 600ms cubic-bezier(0.16, 1, 0.3, 1), transform 600ms cubic-bezier(0.16, 1, 0.3, 1)}.reveal-stagger.revealed > *{opacity: 1;transform: translateY(0) translateZ(0)}.reveal-stagger.revealed > *:nth-child(1){transition-delay: 0ms}.reveal-stagger.revealed > *:nth-child(2){transition-delay: 80ms}.reveal-stagger.revealed > *:nth-child(3){transition-delay: 160ms}.reveal-stagger.revealed > *:nth-child(4){transition-delay: 240ms}.reveal-stagger.revealed > *:nth-child(5){transition-delay: 320ms}.reveal-stagger.revealed > *:nth-child(6){transition-delay: 400ms}.reveal-stagger.revealed > *:nth-child(7){transition-delay: 480ms}.reveal-stagger.revealed > *:nth-child(8){transition-delay: 560ms}.reveal-stagger.revealed > *:nth-child(n+9){transition-delay: 640ms}.parallax-bg{transform: translateZ(0);backface-visibility: hidden}.parallax-layer{transform: translate3d(0, var(--parallax-offset, 0), 0);backface-visibility: hidden}.dropdown-enter{opacity: 0;transform: scale(0.95) translateY(-8px) translateZ(0);transform-origin: top center}.dropdown-enter-active{opacity: 1;transform: scale(1) translateY(0) translateZ(0);transition: opacity 200ms cubic-bezier(0.16, 1, 0.3, 1), transform 200ms cubic-bezier(0.16, 1, 0.3, 1)}.dropdown-leave{opacity: 1;transform: scale(1) translateY(0) translateZ(0)}.dropdown-leave-active{opacity: 0;transform: scale(0.97) translateY(-4px) translateZ(0);transition: opacity 150ms cubic-bezier(0.4, 0, 1, 1), transform 150ms cubic-bezier(0.4, 0, 1, 1)}.tooltip-enter{opacity: 0;transform: scale(0.9) translateZ(0)}.tooltip-enter-active{opacity: 1;transform: scale(1) translateZ(0);transition: opacity 150ms cubic-bezier(0.16, 1, 0.3, 1), transform 150ms cubic-bezier(0.16, 1, 0.3, 1)}.tooltip-leave-active{opacity: 0;transform: scale(0.95) translateZ(0);transition: opacity 100ms cubic-bezier(0.4, 0, 1, 1), transform 100ms cubic-bezier(0.4, 0, 1, 1)}.drawer-left{transform: translateX(-100%) translateZ(0);transition: transform 350ms cubic-bezier(0.16, 1, 0.3, 1)}.drawer-left.open{transform: translateX(0) translateZ(0)}.drawer-right{transform: translateX(100%) translateZ(0);transition: transform 350ms cubic-bezier(0.16, 1, 0.3, 1)}.drawer-right.open{transform: translateX(0) translateZ(0)}.pulse{animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}@keyframes pulse{0%, 100%{opacity: 1}50%{opacity: 0.5}}.ping{position: relative}.ping::after{content: '';position: absolute;inset: 0;border-radius: inherit;background: inherit;animation: ping 1.5s cubic-bezier(0, 0, 0.2, 1) infinite}@keyframes ping{75%, 100%{transform: scale(2) translateZ(0);opacity: 0}}.bounce-subtle{animation: bounceSubtle 2s ease-in-out infinite}@keyframes bounceSubtle{0%, 100%{transform: translateY(0) translateZ(0)}50%{transform: translateY(-6px) translateZ(0)}}.number-roll{display: inline-block;overflow: hidden;vertical-align: bottom}.number-roll-digit{display: inline-block;transform: translateY(var(--digit-offset, 0)) translateZ(0);transition: transform 800ms cubic-bezier(0.16, 1, 0.3, 1)}.image-reveal{overflow: hidden}.image-reveal img{transform: scale(1.1) translateZ(0);opacity: 0;transition: transform 700ms cubic-bezier(0.16, 1, 0.3, 1), opacity 500ms cubic-bezier(0.16, 1, 0.3, 1)}.image-reveal.revealed img{transform: scale(1) translateZ(0);opacity: 1}.tab-content-enter{opacity: 0;transform: translateY(8px) translateZ(0)}.tab-content-enter-active{opacity: 1;transform: translateY(0) translateZ(0);transition: opacity 250ms cubic-bezier(0.16, 1, 0.3, 1), transform 250ms cubic-bezier(0.16, 1, 0.3, 1)}.tab-content-leave-active{opacity: 0;transform: translateY(-8px) translateZ(0);transition: opacity 150ms cubic-bezier(0.4, 0, 1, 1), transform 150ms cubic-bezier(0.4, 0, 1, 1)}.collapse-content{display: grid;grid-template-rows: 0fr;opacity: 0;transition: grid-template-rows 350ms cubic-bezier(0.16, 1, 0.3, 1), opacity 250ms cubic-bezier(0.16, 1, 0.3, 1)}.collapse-content.expanded{grid-template-rows: 1fr;opacity: 1}.collapse-content > *{overflow: hidden}@media (prefers-reduced-motion: reduce){*, *::before, *::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;animation-delay: 0ms !important;transition-duration: 0.01ms !important;transition-delay: 0ms !important;scroll-behavior: auto !important}.reveal, .reveal-left, .reveal-right, .reveal-down, .reveal-scale, .reveal-fade, .reveal-stagger > *, .stagger-item, .stagger-item-scale, .stagger-item-left{opacity: 1 !important;transform: none !important}.parallax-bg, .parallax-layer{will-change: auto !important;transform: none !important}}.skip-link{position: absolute;top: -40px;left: 8px;z-index: 10000;padding: 8px 16px;background: #111;color: #fff;text-decoration: none;font-weight: 600;border-radius: 4px;transition: top 0.15s ease}.skip-link:focus, .skip-link:focus-visible{top: 8px;outline: 3px solid #fff;outline-offset: 2px}.btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--space-sm);padding: 0.625rem 1.25rem;font-family: var(--font-body);font-size: var(--text-sm);font-weight: var(--font-medium);line-height: 1.5;border: 1px solid transparent;border-radius: var(--radius-md);cursor: pointer;white-space: nowrap;text-decoration: none;user-select: none;transform: translateY(0) translateZ(0);transition: transform var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast)}.btn:hover{transform: translateY(-1px) translateZ(0)}.btn:active{transform: scale(0.97) translateZ(0)}.btn:focus-visible{outline: var(--focus-ring-width) solid var(--focus-ring-color);outline-offset: var(--focus-ring-offset)}.btn:disabled, .btn.disabled{opacity: 0.5;cursor: not-allowed;pointer-events: none;transform: none}.btn-primary{background-color: var(--color-primary);color: #fff;border-color: var(--color-primary);box-shadow: 0 1px 3px rgba(var(--color-primary-rgb), 0.3)}.btn-primary:hover{color: #fff;background-color: var(--color-primary-dark);border-color: var(--color-primary-dark);box-shadow: 0 4px 12px rgba(var(--color-primary-rgb), 0.35)}.btn-secondary{background-color: var(--color-secondary);color: var(--color-text-inverse);border-color: var(--color-secondary)}.btn-secondary:hover{background-color: var(--color-secondary-dark);border-color: var(--color-secondary-dark);box-shadow: 0 4px 12px rgba(var(--color-secondary-rgb), 0.35)}.btn-outline{background-color: var(--color-secondary);color: var(--color-text-inverse);border-color: var(--color-primary)}.btn-outline:hover{background-color: var(--color-primary);color: var(--color-text-inverse);box-shadow: 0 4px 12px rgba(var(--color-primary-rgb), 0.25)}.btn-ghost{background-color: transparent;color: var(--color-text);border-color: transparent}.btn-ghost:hover{background-color: var(--color-surface-hover)}.btn-danger{background-color: var(--color-error);color: var(--color-text-inverse);border-color: var(--color-error);box-shadow: 0 1px 3px rgba(var(--color-error-rgb, 239, 68, 68), 0.3)}.btn-danger:hover{background-color: var(--color-error-dark);border-color: var(--color-error-dark);box-shadow: 0 4px 12px rgba(var(--color-error-rgb, 239, 68, 68), 0.35)}.btn-success{background-color: var(--color-success);color: var(--color-text-inverse);border-color: var(--color-success)}.btn-success:hover{background-color: var(--color-success-dark);border-color: var(--color-success-dark)}.btn-light{background-color: var(--color-bg-alt);color: var(--color-text);border-color: var(--color-border)}.btn-light:hover{background-color: var(--color-surface-hover);border-color: var(--color-border-strong)}.btn-xs{padding: 0.25rem 0.625rem;font-size: var(--text-xs);border-radius: var(--radius-sm);gap: var(--space-xs)}.btn-sm{padding: 0.375rem 0.875rem;font-size: var(--text-sm);gap: var(--space-xs)}.btn-lg{padding: 0.75rem 1.75rem;font-size: var(--text-lg);gap: var(--space-sm);border-radius: var(--radius-lg)}.btn-xl{padding: 1rem 2.25rem;font-size: var(--text-xl);gap: var(--space-md);border-radius: var(--radius-lg)}.btn-icon{display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;padding: 0;border-radius: var(--radius-md)}.btn-icon.btn-sm{width: 32px;height: 32px}.btn-icon.btn-lg{width: 48px;height: 48px}.btn-icon.btn-xs{width: 28px;height: 28px}.btn-loading{position: relative;color: transparent !important;pointer-events: none}.btn-loading::after{content: '';position: absolute;top: 50%;left: 50%;width: 18px;height: 18px;margin-top: -9px;margin-left: -9px;border: 2px solid rgba(255, 255, 255, 0.3);border-top-color: #fff;border-radius: var(--radius-full);animation: spinner-rotate 0.7s linear infinite}.btn-loading.btn-outline::after, .btn-loading.btn-ghost::after, .btn-loading.btn-light::after{border-color: rgba(var(--color-primary-rgb), 0.3);border-top-color: var(--color-primary)}.btn-group{display: inline-flex}.btn-group .btn{border-radius: 0}.btn-group .btn:first-child{border-radius: var(--radius-md) 0 0 var(--radius-md)}.btn-group .btn:last-child{border-radius: 0 var(--radius-md) var(--radius-md) 0}.btn-group .btn + .btn{margin-left: -1px}.btn-block{display: flex;width: 100%}.form-group{margin-bottom: var(--space-lg)}.form-label{display: block;font-size: var(--text-sm);font-weight: var(--font-medium);margin-bottom: var(--space-xs);color: var(--color-text);line-height: var(--leading-normal)}.form-label--required::after{content: ' *';color: var(--color-error)}.form-input{display: block;width: 100%;padding: 0.625rem 0.875rem;font-size: var(--text-base);font-family: var(--font-body);line-height: var(--leading-normal);color: var(--color-text);background-color: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-md);transition: border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);appearance: none}.form-input::placeholder{color: var(--color-text-faint)}.form-input:hover{border-color: var(--color-border-strong)}.form-input:focus{border-color: var(--color-primary);box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.15);outline: none}.form-input:disabled{background-color: var(--color-bg-alt);color: var(--color-text-faint);cursor: not-allowed;opacity: 0.6}.form-input--sm{padding: 0.375rem 0.625rem;font-size: var(--text-sm)}.form-input--lg{padding: 0.75rem 1rem;font-size: var(--text-lg)}.form-textarea{display: block;width: 100%;min-height: 120px;padding: 0.625rem 0.875rem;font-size: var(--text-base);font-family: var(--font-body);line-height: var(--leading-relaxed);color: var(--color-text);background-color: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-md);resize: vertical;transition: border-color var(--transition-fast), box-shadow var(--transition-fast)}.form-textarea::placeholder{color: var(--color-text-faint)}.form-textarea:focus{border-color: var(--color-primary);box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.15);outline: none}.form-select{display: block;width: 100%;padding: 0.625rem 2.5rem 0.625rem 0.875rem;font-size: var(--text-base);font-family: var(--font-body);line-height: var(--leading-normal);color: var(--color-text);background-color: var(--color-surface);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8.825a.5.5 0 0 1-.354-.146l-3.5-3.5a.5.5 0 1 1 .708-.708L6 7.618l3.146-3.147a.5.5 0 1 1 .708.708l-3.5 3.5A.5.5 0 0 1 6 8.825z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 0.875rem center;background-size: 12px;border: 1px solid var(--color-border);border-radius: var(--radius-md);cursor: pointer;appearance: none;transition: border-color var(--transition-fast), box-shadow var(--transition-fast)}.form-select:focus{border-color: var(--color-primary);box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.15);outline: none}.form-checkbox{display: flex;align-items: center;gap: var(--space-sm);cursor: pointer;user-select: none}.form-checkbox input[type="checkbox"]{appearance: none;width: 20px;height: 20px;flex-shrink: 0;border: 2px solid var(--color-primary);border-radius: var(--radius-sm);background-color: var(--color-surface);cursor: pointer;position: relative;transition: background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast)}.form-checkbox input[type="checkbox"]:checked{background-color: var(--color-primary);border-color: var(--color-primary)}.form-checkbox input[type="checkbox"]:checked::after{content: '';position: absolute;top: 2px;left: 6px;width: 5px;height: 10px;border: 2px solid var(--color-text-inverse);border-top: none;border-left: none;transform: rotate(45deg) translateZ(0)}.form-checkbox input[type="checkbox"]:focus-visible{box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.3)}.form-checkbox span{font-size: var(--text-sm);color: var(--color-text)}.form-radio{display: flex;align-items: center;gap: var(--space-sm);cursor: pointer;user-select: none}.form-radio input[type="radio"]{appearance: none;width: 20px;height: 20px;flex-shrink: 0;border: 2px solid var(--color-border-strong);border-radius: var(--radius-full);background-color: var(--color-surface);cursor: pointer;position: relative;transition: background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast)}.form-radio input[type="radio"]:checked{border-color: var(--color-primary)}.form-radio input[type="radio"]:checked::after{content: '';position: absolute;top: 50%;left: 50%;width: 10px;height: 10px;background-color: var(--color-primary);border-radius: var(--radius-full);transform: translate(-50%, -50%) translateZ(0)}.form-radio input[type="radio"]:focus-visible{box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.3)}.form-radio span{font-size: var(--text-sm);color: var(--color-text)}.form-toggle{display: flex;align-items: center;gap: var(--space-sm);cursor: pointer;user-select: none}.form-toggle input[type="checkbox"]{appearance: none;width: 44px;height: 24px;flex-shrink: 0;background-color: var(--color-border-strong);border-radius: var(--radius-full);cursor: pointer;position: relative;transition: background-color var(--transition-fast)}.form-toggle input[type="checkbox"]::after{content: '';position: absolute;top: 2px;left: 2px;width: 20px;height: 20px;background-color: var(--color-text-inverse);border-radius: var(--radius-full);box-shadow: var(--shadow-sm);transform: translateX(0) translateZ(0);transition: transform var(--transition-fast)}.form-toggle input[type="checkbox"]:checked{background-color: var(--color-primary)}.form-toggle input[type="checkbox"]:checked::after{transform: translateX(20px) translateZ(0)}.form-input.is-error, .form-textarea.is-error, .form-select.is-error{border-color: var(--color-error)}.form-input.is-error:focus, .form-textarea.is-error:focus, .form-select.is-error:focus{box-shadow: 0 0 0 3px rgba(var(--color-error-rgb, 239, 68, 68), 0.15)}.form-error{display: block;font-size: var(--text-sm);color: var(--color-error);margin-top: var(--space-xs)}.form-input.is-success{border-color: var(--color-success)}.form-input.is-success:focus{box-shadow: 0 0 0 3px rgba(var(--color-success-rgb, 16, 185, 129), 0.15)}.form-hint{display: block;font-size: var(--text-sm);color: var(--color-text-muted);margin-top: var(--space-xs)}.input-group{display: flex;align-items: stretch}.input-group .form-input{border-radius: var(--radius-md) 0 0 var(--radius-md);flex: 1}.input-group .btn, .input-group .input-group-addon{border-radius: 0 var(--radius-md) var(--radius-md) 0;margin-left: -1px;flex-shrink: 0}.input-group-addon{display: inline-flex;align-items: center;padding: 0 0.875rem;background-color: var(--color-bg-alt);border: 1px solid var(--color-border);color: var(--color-text-muted);font-size: var(--text-sm)}.input-icon-wrapper{position: relative}.input-icon-wrapper .form-input{padding-left: 2.5rem}.input-icon-wrapper .input-icon{position: absolute;left: 0.875rem;top: 50%;transform: translateY(-50%);color: var(--color-text-faint);pointer-events: none;width: 18px;height: 18px}.input-icon-wrapper--right .form-input{padding-left: 0.875rem;padding-right: 2.5rem}.input-icon-wrapper--right .input-icon{left: auto;right: 0.875rem}.form-floating{position: relative}.form-floating .form-input{padding-top: 1.5rem;padding-bottom: 0.375rem}.form-floating .form-label{position: absolute;top: 50%;left: 0.875rem;transform: translateY(-50%);pointer-events: none;color: var(--color-text-faint);font-weight: var(--font-normal);margin-bottom: 0;transition: transform var(--transition-fast), font-size var(--transition-fast), color var(--transition-fast);transform-origin: left center}.form-floating .form-input:focus ~ .form-label, .form-floating .form-input:not(:placeholder-shown) ~ .form-label{transform: translateY(-140%) scale(0.85);color: var(--color-primary)}.modal-overlay{position: fixed;inset: 0;background-color: var(--backdrop-color);backdrop-filter: blur(var(--backdrop-blur));-webkit-backdrop-filter: blur(var(--backdrop-blur));display: flex;align-items: center;justify-content: center;z-index: var(--z-modal);padding: var(--space-md)}.modal-container{position: relative;width: 100%;max-width: 560px;max-height: 90vh;max-height: 90dvh;background-color: var(--color-surface);border-radius: var(--radius-xl);box-shadow: var(--shadow-2xl);display: flex;flex-direction: column;overflow: hidden}.modal-container--sm{max-width: 400px}.modal-container--lg{max-width: 720px}.modal-container--xl{max-width: 960px}.modal-container--full{max-width: calc(100vw - 2rem);max-height: calc(100vh - 2rem)}.modal-header{display: flex;align-items: center;justify-content: space-between;padding: var(--space-lg) var(--space-lg) var(--space-md);flex-shrink: 0}.modal-title{font-size: var(--text-xl);font-weight: var(--font-semibold);color: var(--color-text);margin: 0;line-height: var(--leading-tight)}.modal-close{display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: var(--radius-md);color: var(--color-text-muted);cursor: pointer;flex-shrink: 0;transition: background-color var(--transition-fast), color var(--transition-fast)}.modal-close:hover{background-color: var(--color-surface-hover);color: var(--color-text)}.modal-body{padding: var(--space-md) var(--space-lg);overflow-y: auto;flex: 1}.modal-footer{display: flex;align-items: center;justify-content: flex-end;gap: var(--space-sm);padding: var(--space-md) var(--space-lg) var(--space-lg);flex-shrink: 0}.modal-footer--between{justify-content: space-between}@media (max-width: 640px){.modal-container{max-width: 100%;max-height: 100%;border-radius: 0;height: 100%}}.modal-backdrop{position: fixed;inset: 0;background-color: var(--backdrop-color, rgba(0, 0, 0, 0.5));backdrop-filter: blur(var(--backdrop-blur, 4px));-webkit-backdrop-filter: blur(var(--backdrop-blur, 4px));display: flex;align-items: center;justify-content: center;z-index: var(--z-modal, 9998);padding: var(--space-md);opacity: 0;transition: opacity 0.25s ease}.modal-backdrop[data-open]{opacity: 1}.modal-backdrop > .modal{position: relative;width: 100%;max-width: 560px;max-height: 90vh;max-height: 90dvh;background-color: var(--color-surface);border-radius: var(--radius-xl);box-shadow: var(--shadow-2xl);display: flex;flex-direction: column;overflow: hidden;transform: scale(0.9) translateY(10px);opacity: 0;transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.25s ease}.modal-backdrop[data-open] > .modal{transform: scale(1) translateY(0);opacity: 1}@media (max-width: 640px){.modal-backdrop > .modal{max-width: 100%;max-height: 100%;border-radius: 0;height: 100%}}.toast-container{position: fixed;top: var(--space-lg);right: var(--space-lg);display: flex;flex-direction: column;gap: var(--space-sm);z-index: var(--z-toast);max-width: 420px;width: calc(100% - 2 * var(--space-lg));pointer-events: none}.toast-container--bottom-right{top: auto;bottom: var(--space-lg)}.toast-container--top-center{right: 50%;transform: translateX(50%)}.toast{display: flex;align-items: flex-start;gap: var(--space-sm);padding: var(--space-md);background-color: var(--color-surface-raised);border-radius: var(--radius-lg);box-shadow: var(--shadow-xl);border-left: 4px solid var(--color-border);pointer-events: all;position: relative;overflow: hidden}.toast-success{border-left-color: var(--color-success)}.toast-error{border-left-color: var(--color-error)}.toast-warning{border-left-color: var(--color-warning)}.toast-info{border-left-color: var(--color-info)}.toast-icon{flex-shrink: 0;width: 20px;height: 20px;margin-top: 1px}.toast-success .toast-icon{color: var(--color-success)}.toast-error .toast-icon{color: var(--color-error)}.toast-warning .toast-icon{color: var(--color-warning)}.toast-info .toast-icon{color: var(--color-info)}.toast-content{flex: 1;min-width: 0}.toast-title{font-size: var(--text-sm);font-weight: var(--font-semibold);color: var(--color-text);margin-bottom: 2px}.toast-message{font-size: var(--text-sm);color: var(--color-text-muted);line-height: var(--leading-snug)}.toast-close{flex-shrink: 0;display: inline-flex;align-items: center;justify-content: center;width: 24px;height: 24px;border-radius: var(--radius-sm);color: var(--color-text-faint);cursor: pointer;transition: background-color var(--transition-fast), color var(--transition-fast)}.toast-close:hover{background-color: var(--color-surface-hover);color: var(--color-text)}.toast-progress{position: absolute;bottom: 0;left: 0;height: 3px;background-color: var(--color-primary);border-radius: 0 0 0 var(--radius-lg);transition: width linear}@media (max-width: 640px){.toast-container{top: var(--space-sm);right: var(--space-sm);left: var(--space-sm);width: auto;max-width: none}}.card{background-color: var(--color-surface);border-radius: var(--radius-lg);box-shadow: var(--shadow-card);overflow: hidden;border: 1px solid var(--color-border-light);transition: box-shadow var(--transition-base), border-color var(--transition-base)}.card--interactive{cursor: pointer}.card--interactive:hover{box-shadow: var(--shadow-lg);border-color: var(--color-border)}.card--flat{box-shadow: none;border: 1px solid var(--color-border)}.card--glass{background: rgba(var(--color-surface-rgb), 0.6);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);border: 1px solid rgba(var(--color-surface-rgb), 0.3)}.card-image{width: 100%;aspect-ratio: 16 / 10;object-fit: cover}.card-image--portrait{aspect-ratio: 3 / 4}.card-image--square{aspect-ratio: 1 / 1}.card-body{padding: var(--space-lg)}.card-body--compact{padding: var(--space-md)}.card-title{font-size: var(--text-lg);font-weight: var(--font-semibold);color: var(--color-text);margin-bottom: var(--space-xs);line-height: var(--leading-tight)}.card-text{font-size: var(--text-sm);color: var(--color-text-muted);line-height: var(--leading-relaxed);margin-bottom: var(--space-sm)}.card-text:last-child{margin-bottom: 0}.card-meta{display: flex;align-items: center;gap: var(--space-sm);font-size: var(--text-xs);color: var(--color-text-faint);margin-top: var(--space-sm)}.card-footer{padding: var(--space-md) var(--space-lg);border-top: 1px solid var(--color-border-light);display: flex;align-items: center;justify-content: space-between}.card-footer--compact{padding: var(--space-sm) var(--space-md)}.card-badge{position: absolute;top: var(--space-sm);right: var(--space-sm);padding: 0.25rem 0.625rem;font-size: var(--text-xs);font-weight: var(--font-semibold);color: var(--color-text-inverse);background-color: var(--color-primary);border-radius: var(--radius-full);z-index: var(--z-base)}.card-badge--sale{background-color: var(--color-error)}.card-badge--new{background-color: var(--color-success)}.card--has-badge{position: relative}.card-actions-overlay{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;gap: var(--space-sm);background: rgba(0, 0, 0, 0.4);opacity: 0;transition: opacity var(--transition-base)}.card--interactive:hover .card-actions-overlay{opacity: 1}.datatable-wrapper{width: 100%;overflow-x: auto;border: 1px solid var(--color-border);border-radius: var(--radius-lg);background-color: var(--color-surface)}.datatable{width: 100%;border-collapse: collapse;font-size: var(--text-sm)}.datatable thead{position: sticky;top: 0;z-index: var(--z-base)}.datatable th{padding: 0.75rem 1rem;text-align: left;font-weight: var(--font-semibold);font-size: var(--text-xs);text-transform: uppercase;letter-spacing: var(--tracking-wider);color: var(--color-text-muted);background-color: var(--color-bg-alt);border-bottom: 1px solid var(--color-border);white-space: nowrap;user-select: none}.datatable th.sortable{cursor: pointer;transition: color var(--transition-fast)}.datatable th.sortable:hover{color: var(--color-text)}.datatable th.sorted-asc::after, .datatable th.sorted-desc::after{content: '';display: inline-block;width: 0;height: 0;margin-left: 0.5rem;vertical-align: middle;border-left: 4px solid transparent;border-right: 4px solid transparent}.datatable th.sorted-asc::after{border-bottom: 5px solid currentColor}.datatable th.sorted-desc::after{border-top: 5px solid currentColor}.datatable td{padding: 0.75rem 1rem;border-bottom: 1px solid var(--color-border-light);color: var(--color-text);vertical-align: middle}.datatable tbody tr{transition: background-color var(--transition-fast)}.datatable tbody tr:hover{background-color: var(--color-surface-hover)}.datatable tbody tr:last-child td{border-bottom: none}.datatable tbody tr.selected{background-color: var(--color-primary-50)}.datatable-empty{text-align: center;padding: var(--space-2xl) var(--space-md);color: var(--color-text-muted)}.datatable-actions{display: flex;align-items: center;gap: var(--space-xs)}.datatable-header{display: flex;align-items: center;justify-content: space-between;gap: var(--space-md);padding: var(--space-md);border-bottom: 1px solid var(--color-border-light);flex-wrap: wrap}.datatable-search{position: relative;max-width: 320px;flex: 1}.datatable-search .form-input{padding-left: 2.5rem;font-size: var(--text-sm)}.datatable-search .input-icon{position: absolute;left: 0.75rem;top: 50%;transform: translateY(-50%);color: var(--color-text-faint);pointer-events: none}.datatable-footer{display: flex;align-items: center;justify-content: space-between;padding: var(--space-md);border-top: 1px solid var(--color-border-light);flex-wrap: wrap;gap: var(--space-sm)}.datatable-info{font-size: var(--text-sm);color: var(--color-text-muted)}.datatable-pagination{display: flex;align-items: center;gap: var(--space-xs)}.datatable-pagination .btn{min-width: 36px;height: 36px;padding: 0;font-size: var(--text-sm)}.badge{display: inline-flex;align-items: center;gap: 4px;padding: 0.125rem 0.625rem;font-size: var(--text-xs);font-weight: var(--font-medium);line-height: var(--leading-normal);border-radius: var(--radius-full);white-space: nowrap;background-color: var(--color-bg-alt);color: var(--color-text-muted);border: 1px solid var(--color-border)}.badge-primary{background-color: var(--color-primary-100);color: var(--color-primary-dark);border-color: var(--color-primary-200)}.badge-success{background-color: var(--color-success-light);color: var(--color-success-dark);border-color: transparent}.badge-warning{background-color: var(--color-warning-light);color: var(--color-warning-dark);border-color: transparent}.badge-error{background-color: var(--color-error-light);color: var(--color-error-dark);border-color: transparent}.badge-info{background-color: var(--color-info-light);color: var(--color-info-dark);border-color: transparent}.badge--solid-primary{background-color: var(--color-primary);color: var(--color-text-inverse);border-color: transparent}.badge--dot{padding-left: 0.5rem}.badge--dot::before{content: '';width: 6px;height: 6px;border-radius: var(--radius-full);background-color: currentColor;flex-shrink: 0}.badge--lg{padding: 0.25rem 0.75rem;font-size: var(--text-sm)}.tag{display: inline-flex;align-items: center;gap: 4px;padding: 0.25rem 0.5rem;font-size: var(--text-xs);font-weight: var(--font-medium);border-radius: var(--radius-md);background-color: var(--color-bg-alt);color: var(--color-text);border: 1px solid var(--color-border);-webkit-user-select: none;user-select: none}.tag-close{display: inline-flex;align-items: center;justify-content: center;width: 16px;height: 16px;border-radius: var(--radius-sm);cursor: pointer;color: var(--color-text-faint);transition: color var(--transition-fast), background-color var(--transition-fast)}.tag-close:hover{color: var(--color-error);background-color: var(--color-error-light)}.calendar{width: 100%;user-select: none}.calendar-header{display: flex;align-items: center;justify-content: space-between;padding: var(--space-sm) 0;margin-bottom: var(--space-sm)}.calendar-title{font-size: var(--text-lg);font-weight: var(--font-semibold);color: var(--color-text)}.calendar-nav{display: flex;align-items: center;gap: var(--space-xs)}.calendar-nav .btn{width: 36px;height: 36px;padding: 0}.calendar-weekdays{display: grid;grid-template-columns: repeat(7, 1fr);gap: 0;margin-bottom: var(--space-xs)}.calendar-weekday{text-align: center;font-size: var(--text-xs);font-weight: var(--font-semibold);color: var(--color-text-muted);text-transform: uppercase;letter-spacing: var(--tracking-wider);padding: var(--space-sm) 0}.calendar-grid{display: grid;grid-template-columns: repeat(7, 1fr);gap: 2px}.calendar-day{position: relative;aspect-ratio: 1 / 1;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: var(--radius-md);cursor: pointer;font-size: var(--text-sm);font-weight: var(--font-medium);color: var(--color-text);transition: background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast)}.calendar-day:hover{background-color: var(--color-surface-hover)}.calendar-day--other-month{color: var(--color-text-faint)}.calendar-day--today{box-shadow: inset 0 0 0 2px var(--color-primary);font-weight: var(--font-bold)}.calendar-day--selected{background-color: var(--color-primary);color: var(--color-text-inverse);font-weight: var(--font-bold)}.calendar-day--selected:hover{background-color: var(--color-primary-dark)}.calendar-day--range{background-color: var(--color-primary-50);border-radius: 0}.calendar-day--range-start{border-radius: var(--radius-md) 0 0 var(--radius-md);background-color: var(--color-primary);color: var(--color-text-inverse)}.calendar-day--range-end{border-radius: 0 var(--radius-md) var(--radius-md) 0;background-color: var(--color-primary);color: var(--color-text-inverse)}.calendar-day--unavailable{color: var(--color-text-faint);cursor: not-allowed;text-decoration: line-through;opacity: 0.5}.calendar-day--unavailable:hover{background-color: transparent}.calendar-day--price{font-size: var(--text-xs);color: var(--color-text-muted);line-height: 1;margin-top: 1px}.calendar-day--has-events::after{content: '';width: 4px;height: 4px;border-radius: var(--radius-full);background-color: var(--color-primary);position: absolute;bottom: 4px}.calendar-legend{display: flex;align-items: center;gap: var(--space-md);margin-top: var(--space-md);font-size: var(--text-xs);color: var(--color-text-muted)}.calendar-legend-item{display: flex;align-items: center;gap: var(--space-xs)}.calendar-legend-swatch{width: 12px;height: 12px;border-radius: var(--radius-sm)}.datepicker{position: relative;display: inline-block;width: 100%}.datepicker-display{cursor: pointer;padding-right: 2.5rem !important;text-overflow: ellipsis}.datepicker-display:focus{border-color: var(--color-primary);box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb, 37, 99, 235), 0.15);outline: none}.datepicker-icon{position: absolute;right: 0.75rem;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;color: var(--color-text-muted);pointer-events: none;z-index: 1}.datepicker-popup{position: fixed;z-index: 10000;width: 280px;background: var(--color-surface, #ffffff);border: 1px solid var(--color-border, #d1d5db);border-radius: var(--radius-lg, 12px);box-shadow: var(--shadow-lg, 0 10px 25px rgba(0,0,0,0.1));padding: var(--space-sm, 0.75rem);opacity: 0;transform: translateY(-4px);transition: opacity 0.15s ease, transform 0.15s ease;pointer-events: none}.datepicker-popup.is-open{opacity: 1;transform: translateY(0);pointer-events: auto}.datepicker-popup--above{transform: translateY(4px)}.datepicker-popup--above.is-open{transform: translateY(0)}.datepicker-popup .calendar-nav-btn{width: 32px;height: 32px;padding: 0;display: flex;align-items: center;justify-content: center;border: 1px solid var(--color-border, #d1d5db);background: var(--color-surface, #ffffff);border-radius: var(--radius-md, 8px);cursor: pointer;color: var(--color-text, #374151);transition: background-color var(--transition-fast, 0.15s ease), border-color var(--transition-fast, 0.15s ease)}.datepicker-popup .calendar-nav-btn:hover{background-color: var(--color-surface-hover, #f3f4f6);border-color: var(--color-border-strong, #9ca3af)}.datepicker-popup .calendar-day{aspect-ratio: auto;min-height: 2.25rem;font-size: var(--text-sm, 0.875rem)}.datepicker-popup .calendar-day--focused{box-shadow: inset 0 0 0 2px var(--color-primary, #2563eb)}.timepicker{position: relative;display: inline-block;width: 100%}.timepicker-display{cursor: pointer;padding-right: 2.5rem !important}.timepicker-display:focus{border-color: var(--color-primary);box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb, 37, 99, 235), 0.15);outline: none}.timepicker-icon{position: absolute;right: 0.75rem;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;color: var(--color-text-muted);pointer-events: none;z-index: 1}.timepicker-popup{position: absolute;z-index: var(--z-dropdown, 1000);top: calc(100% + 4px);left: 0;width: 240px;background: var(--color-surface, #ffffff);border: 1px solid var(--color-border, #d1d5db);border-radius: var(--radius-lg, 12px);box-shadow: var(--shadow-lg, 0 10px 25px rgba(0,0,0,0.1));padding: var(--space-sm, 0.75rem);opacity: 0;transform: translateY(-4px);transition: opacity 0.15s ease, transform 0.15s ease;pointer-events: none}.timepicker-popup.is-open{opacity: 1;transform: translateY(0);pointer-events: auto}.timepicker-popup--above{top: auto;bottom: calc(100% + 4px)}.timepicker-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 2px;max-height: 240px;overflow-y: auto;scrollbar-width: thin}.timepicker-grid::-webkit-scrollbar{width: 4px}.timepicker-grid::-webkit-scrollbar-thumb{background: var(--color-border, #d1d5db);border-radius: 2px}.timepicker-slot{padding: 0.5rem 0.25rem;text-align: center;border-radius: var(--radius-sm, 4px);cursor: pointer;font-size: var(--text-sm, 0.875rem);font-weight: var(--font-medium, 500);color: var(--color-text, #111827);transition: background-color var(--transition-fast, 0.15s ease), color var(--transition-fast, 0.15s ease);white-space: nowrap}.timepicker-slot:hover{background-color: var(--color-surface-hover, #f3f4f6)}.timepicker-slot--selected{background-color: var(--color-primary, #2563eb);color: var(--color-text-inverse, #ffffff);font-weight: var(--font-semibold, 600)}.timepicker-slot--selected:hover{background-color: var(--color-primary-dark, #1d4ed8)}.timepicker-slot--unavailable{color: var(--color-text-faint, #d1d5db);cursor: not-allowed;opacity: 0.4}.timepicker-slot--unavailable:hover{background-color: transparent}.time-range{display: flex;align-items: center;gap: var(--space-sm, 0.75rem)}.time-range__separator{color: var(--color-text-muted, #6b7280);font-weight: var(--font-medium, 500);flex-shrink: 0}.time-range .timepicker{flex: 1;min-width: 0}.time-range__clear{flex-shrink: 0;display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;padding: 0;border: 1px solid var(--color-border, #d1d5db);border-radius: var(--radius-sm, 4px);background: transparent;color: var(--color-text-muted, #6b7280);cursor: pointer;transition: color 0.15s, border-color 0.15s, background 0.15s}.time-range__clear:hover{color: var(--color-danger, #ef4444);border-color: var(--color-danger, #ef4444);background: rgba(239, 68, 68, 0.06)}@media (max-width: 480px){.time-range{flex-direction: column;gap: var(--space-xs, 0.5rem)}}@media (max-width: 640px){.flex.justify-between.items-center.mb-3{flex-direction: column;align-items: stretch;gap: var(--space-sm, 0.5rem)}.datepicker-popup{width: calc(100vw - 2rem);max-width: 320px;left: 50% !important;transform: translateX(-50%) translateY(-4px)}.datepicker-popup.is-open{transform: translateX(-50%) translateY(0)}.datepicker-popup--above{transform: translateX(-50%) translateY(4px)}.datepicker-popup--above.is-open{transform: translateX(-50%) translateY(0)}.timepicker-popup{width: calc(100vw - 2rem);max-width: 320px;left: 50% !important;transform: translateX(-50%) translateY(-4px)}.timepicker-popup.is-open{transform: translateX(-50%) translateY(0)}}.gallery-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: var(--space-sm)}.gallery-item{position: relative;border-radius: var(--radius-md);overflow: hidden;cursor: pointer;aspect-ratio: 1 / 1;background: var(--color-bg-alt, #f0f0f0)}.gallery-item::before{content: '';position: absolute;inset: 0;background: linear-gradient(90deg, var(--color-bg-alt, #f0f0f0) 25%, rgba(255,255,255,0.4) 50%, var(--color-bg-alt, #f0f0f0) 75%);background-size: 200% 100%;animation: skeleton-pulse 1.8s ease-in-out infinite;z-index: 0;transition: opacity 0.3s ease}.gallery-item.loaded::before{opacity: 0;pointer-events: none}.gallery-item img{width: 100%;height: 100%;object-fit: cover;transition: transform var(--transition-fast), opacity 0.4s ease;will-change: transform;backface-visibility: hidden;opacity: 0;position: relative;z-index: 1}.gallery-item img.loaded{opacity: 1}.gallery-item:hover img{transform: scale(1.05) translateZ(0)}.gallery-item-overlay{position: absolute;inset: 0;background: linear-gradient(transparent 60%, rgba(0, 0, 0, 0.5) 100%);opacity: 0;transition: opacity var(--transition-base);display: flex;align-items: flex-end;padding: var(--space-sm)}.gallery-item:hover .gallery-item-overlay{opacity: 1}.gallery-item-caption{position: absolute;bottom: 0;left: 0;right: 0;padding: 0.75rem 1rem;background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));color: #fff;font-size: 0.8125rem;line-height: 1.4}.contact-info__card{background: var(--color-bg-elevated);border: 1px solid var(--color-border);border-radius: var(--radius-lg);padding: var(--space-xl);transition: box-shadow var(--transition-base)}.contact-info__card:hover{box-shadow: var(--shadow-md)}[data-theme="dark"] .contact-info__card{background: var(--color-bg-elevated);border-color: var(--color-border)}.gallery-sections{display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: var(--space-lg)}.gallery-section-card{border-radius: var(--radius-lg);overflow: hidden;background: var(--color-surface);box-shadow: var(--shadow-sm, 0 2px 8px rgba(0,0,0,.08));transition: transform var(--transition-base), box-shadow var(--transition-base)}.gallery-section-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-lg, 0 8px 24px rgba(0,0,0,.12))}.gallery-section-link{text-decoration: none;color: inherit;display: block}.gallery-section-image{aspect-ratio: 16 / 10;overflow: hidden;background: var(--color-bg-alt, #f0f0f0);position: relative}.gallery-section-image:has(> img)::before{content: '';position: absolute;inset: 0;background: linear-gradient(90deg, var(--color-bg-alt, #f0f0f0) 25%, rgba(255,255,255,0.4) 50%, var(--color-bg-alt, #f0f0f0) 75%);background-size: 200% 100%;animation: skeleton-pulse 1.8s ease-in-out infinite;z-index: 0;transition: opacity 0.3s ease}.gallery-section-image.loaded::before{opacity: 0;pointer-events: none}.gallery-section-image img{width: 100%;height: 100%;object-fit: cover;transition: transform var(--transition-base), opacity 0.4s ease;opacity: 0;position: relative;z-index: 1}.gallery-section-image img.loaded{opacity: 1}.gallery-section-card:hover .gallery-section-image img{transform: scale(1.05)}.gallery-section-placeholder{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: var(--color-text-muted)}.gallery-section-body{padding: var(--space-md) var(--space-lg)}.gallery-section-name{font-size: var(--fs-lg);font-weight: var(--fw-semibold);margin: 0 0 var(--space-sm);word-wrap: break-word;overflow-wrap: break-word}.gallery-section-desc{font-size: var(--fs-sm);color: var(--color-text-muted);margin: 0 0 var(--space-sm);line-height: var(--lh-relaxed);word-wrap: break-word;overflow-wrap: break-word}.gallery-section-count{font-size: var(--fs-sm);color: var(--color-text-muted);font-weight: var(--fw-medium)}.lightbox{position: fixed;inset: 0;z-index: 9999;background: rgba(0,0,0,.92);display: flex;align-items: center;justify-content: center;flex-direction: column}.lightbox .lightbox-close{position: absolute;top: var(--space-md);right: var(--space-md);background: none;border: none;color: #fff;font-size: 2rem;cursor: pointer;z-index: 10;line-height: 1;padding: var(--space-xs)}.lightbox .lightbox-prev, .lightbox .lightbox-next{position: absolute;top: 50%;transform: translateY(-50%);background: none;border: none;color: #fff;font-size: 3rem;cursor: pointer;z-index: 10;padding: var(--space-sm);line-height: 1}.lightbox .lightbox-prev{left: var(--space-md)}.lightbox .lightbox-next{right: var(--space-md)}.lightbox .lightbox-content{max-width: 90vw;max-height: 80vh;display: flex;align-items: center;justify-content: center}.lightbox .lightbox-content img{max-width: 100%;max-height: 80vh;object-fit: contain;border-radius: var(--radius-sm)}.lightbox .lightbox-caption{position: static;color: #ccc;font-size: var(--fs-sm);margin-top: var(--space-sm);text-align: center}.lightbox-overlay{position: fixed;inset: 0;background-color: rgba(0, 0, 0, 0.92);z-index: calc(var(--z-modal) + 1);display: flex;align-items: center;justify-content: center;padding: var(--space-xl)}.lightbox-image-wrapper{position: relative;max-width: 90vw;max-height: 85vh;display: flex;align-items: center;justify-content: center}.lightbox-image{max-width: 100%;max-height: 85vh;object-fit: contain;border-radius: var(--radius-md);box-shadow: var(--shadow-2xl)}.lightbox-nav{position: absolute;top: 50%;transform: translateY(-50%);display: inline-flex;align-items: center;justify-content: center;width: 48px;height: 48px;border-radius: var(--radius-full);background: rgba(255, 255, 255, 0.1);color: white;cursor: pointer;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);transition: background-color var(--transition-fast), transform var(--transition-fast)}.lightbox-nav:hover{background: rgba(255, 255, 255, 0.2)}.lightbox-nav--prev{left: var(--space-md)}.lightbox-nav--next{right: var(--space-md)}.lightbox-close{position: absolute;top: var(--space-md);right: var(--space-md);width: 44px;height: 44px;display: inline-flex;align-items: center;justify-content: center;border-radius: var(--radius-full);background: rgba(255, 255, 255, 0.1);color: white;cursor: pointer;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);transition: background-color var(--transition-fast)}.lightbox-close:hover{background: rgba(255, 255, 255, 0.2)}.lightbox-caption{position: absolute;bottom: var(--space-lg);left: 50%;transform: translateX(-50%);color: white;font-size: var(--text-sm);text-align: center;max-width: 80%;padding: var(--space-sm) var(--space-md);background: rgba(0, 0, 0, 0.5);border-radius: var(--radius-md);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px)}.lightbox-counter{position: absolute;top: var(--space-md);left: var(--space-md);color: rgba(255, 255, 255, 0.7);font-size: var(--text-sm);font-weight: var(--font-medium)}.lightbox-zoom-slider{position: absolute;top: var(--space-md);right: calc(var(--space-md) + 52px);display: flex;align-items: center;gap: 4px;padding: 4px 6px;border-radius: var(--radius-full);background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);z-index: 10;user-select: none}.lightbox-zoom-slider__btn{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;border: none;border-radius: 50%;background: transparent;color: white;cursor: pointer;transition: background var(--transition-fast);flex-shrink: 0}.lightbox-zoom-slider__btn:hover{background: rgba(255, 255, 255, 0.2)}.lightbox-zoom-slider__range{-webkit-appearance: none;appearance: none;width: 80px;height: 4px;background: rgba(255, 255, 255, 0.25);border-radius: 2px;outline: none;cursor: pointer}.lightbox-zoom-slider__range::-webkit-slider-thumb{-webkit-appearance: none;appearance: none;width: 14px;height: 14px;border-radius: 50%;background: white;cursor: pointer;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3)}.lightbox-zoom-slider__range::-moz-range-thumb{width: 14px;height: 14px;border: none;border-radius: 50%;background: white;cursor: pointer;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3)}.lightbox .lightbox-content img, .gallery-lightbox__image{cursor: zoom-in}.lightbox .lightbox-content img.is-zoomed, .gallery-lightbox__image.is-zoomed{cursor: grab}.lightbox .lightbox-content img.is-panning, .gallery-lightbox__image.is-panning{cursor: grabbing !important}.lightbox .lightbox-content{touch-action: none}.lightbox-caption-hidden{opacity: 0 !important;pointer-events: none}@media (max-width: 640px){.lightbox-zoom-slider{display: none}}.tabs{display: flex;border-bottom: 1px solid var(--color-border);overflow-x: auto;scrollbar-width: none;-ms-overflow-style: none}.tabs::-webkit-scrollbar{display: none}.tab{display: inline-flex;align-items: center;gap: var(--space-xs);padding: 0.75rem 1.25rem;font-size: var(--text-sm);font-weight: var(--font-medium);color: var(--color-text-muted);cursor: pointer;border-bottom: 2px solid transparent;white-space: nowrap;transition: color var(--transition-fast), border-color var(--transition-fast);margin-bottom: -1px}.tab:hover{color: var(--color-text)}.tab.active{color: var(--color-primary);border-bottom-color: var(--color-primary)}.tab-badge{font-size: var(--text-xs);background-color: var(--color-bg-alt);color: var(--color-text-muted);padding: 0.1rem 0.4rem;border-radius: var(--radius-full);min-width: 20px;text-align: center}.tab.active .tab-badge{background-color: var(--color-primary-100);color: var(--color-primary-dark)}.tab-content{padding-top: var(--space-lg)}.tabs--pills{border-bottom: none;gap: var(--space-xs);background-color: var(--color-bg-alt);border-radius: var(--radius-lg);padding: var(--space-xs)}.tabs--pills .tab{border-bottom: none;border-radius: var(--radius-md);margin-bottom: 0;padding: 0.5rem 1rem}.tabs--pills .tab.active{background-color: var(--color-surface);color: var(--color-text);box-shadow: var(--shadow-sm)}.dropdown{position: relative;display: inline-block}.dropdown-trigger{cursor: pointer}.dropdown-menu{position: absolute;top: calc(100% + var(--space-xs));left: 0;min-width: 200px;max-height: 320px;overflow-y: auto;background-color: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-lg);box-shadow: var(--shadow-xl);z-index: var(--z-dropdown);padding: var(--space-xs)}.dropdown-menu--right{left: auto;right: 0}.dropdown-menu--up{top: auto;bottom: calc(100% + var(--space-xs))}.dropdown-item{display: flex;align-items: center;gap: var(--space-sm);padding: 0.5rem 0.75rem;font-size: var(--text-sm);color: var(--color-text);border-radius: var(--radius-md);cursor: pointer;transition: background-color var(--transition-fast), color var(--transition-fast);white-space: nowrap}.dropdown-item:hover{background-color: var(--color-surface-hover)}.dropdown-item.active{background-color: var(--color-primary-50);color: var(--color-primary)}.dropdown-item--danger{color: var(--color-error)}.dropdown-item--danger:hover{background-color: var(--color-error-light)}.dropdown-item:disabled, .dropdown-item.disabled{color: var(--color-text-faint);cursor: not-allowed;pointer-events: none}.dropdown-item-icon{width: 16px;height: 16px;flex-shrink: 0;color: var(--color-text-muted)}.dropdown-divider{height: 1px;background-color: var(--color-border-light);margin: var(--space-xs) 0}.dropdown-header{padding: 0.5rem 0.75rem 0.25rem;font-size: var(--text-xs);font-weight: var(--font-semibold);color: var(--color-text-faint);text-transform: uppercase;letter-spacing: var(--tracking-wider)}.alert{display: flex;align-items: flex-start;gap: var(--space-sm);padding: var(--space-md);border-radius: var(--radius-lg);border-left: 4px solid var(--color-border);background-color: var(--color-bg-alt);font-size: var(--text-sm);line-height: var(--leading-relaxed)}.alert-success{background-color: var(--color-success-light);border-left-color: var(--color-success);color: var(--color-success-dark)}.alert-warning{background-color: var(--color-warning-light);border-left-color: var(--color-warning);color: var(--color-warning-dark)}.alert-error{background-color: var(--color-error-light);border-left-color: var(--color-error);color: var(--color-error-dark)}.alert-info{background-color: var(--color-info-light);border-left-color: var(--color-info);color: var(--color-info-dark)}.alert-icon{flex-shrink: 0;width: 20px;height: 20px;margin-top: 1px}.alert-content{flex: 1;min-width: 0}.alert-title{font-weight: var(--font-semibold);margin-bottom: 2px}.alert-close{flex-shrink: 0;display: inline-flex;align-items: center;justify-content: center;width: 28px;height: 28px;border-radius: var(--radius-sm);cursor: pointer;opacity: 0.6;transition: opacity var(--transition-fast), background-color var(--transition-fast)}.alert-close:hover{opacity: 1;background-color: rgba(0, 0, 0, 0.05)}.pagination{display: flex;align-items: center;gap: var(--space-xs)}.pagination-item{display: inline-flex;align-items: center;justify-content: center;min-width: 36px;height: 36px;padding: 0 var(--space-sm);font-size: var(--text-sm);font-weight: var(--font-medium);color: var(--color-text-muted);border-radius: var(--radius-md);cursor: pointer;transition: background-color var(--transition-fast), color var(--transition-fast);user-select: none}.pagination-item:hover{background-color: var(--color-surface-hover);color: var(--color-text)}.pagination-item.active{background-color: var(--color-primary);color: var(--color-text-inverse)}.pagination-item.disabled{color: var(--color-text-faint);cursor: not-allowed;pointer-events: none}.pagination-ellipsis{display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;color: var(--color-text-faint);font-size: var(--text-sm);cursor: default}.avatar{display: inline-flex;align-items: center;justify-content: center;border-radius: var(--radius-full);overflow: hidden;background-color: var(--color-primary-100);color: var(--color-primary);font-weight: var(--font-semibold);flex-shrink: 0}.avatar img{width: 100%;height: 100%;object-fit: cover}.avatar-xs{width: 24px;height: 24px;font-size: var(--text-xs)}.avatar-sm{width: 32px;height: 32px;font-size: var(--text-xs)}.avatar-md{width: 40px;height: 40px;font-size: var(--text-sm)}.avatar-lg{width: 56px;height: 56px;font-size: var(--text-lg)}.avatar-xl{width: 80px;height: 80px;font-size: var(--text-2xl)}.avatar-2xl{width: 120px;height: 120px;font-size: var(--text-3xl)}.avatar--square{border-radius: var(--radius-lg)}.avatar-group{display: flex;align-items: center}.avatar-group .avatar{border: 2px solid var(--color-surface);margin-left: -8px}.avatar-group .avatar:first-child{margin-left: 0}.avatar-group--count{display: inline-flex;align-items: center;justify-content: center;border-radius: var(--radius-full);background-color: var(--color-bg-alt);border: 2px solid var(--color-surface);margin-left: -8px;font-size: var(--text-xs);font-weight: var(--font-medium);color: var(--color-text-muted)}.avatar-wrapper{position: relative;display: inline-block}.avatar-status{position: absolute;bottom: 0;right: 0;width: 12px;height: 12px;border-radius: var(--radius-full);border: 2px solid var(--color-surface)}.avatar-status--online{background-color: var(--color-success)}.avatar-status--offline{background-color: var(--color-text-faint)}.avatar-status--busy{background-color: var(--color-error)}.avatar-status--away{background-color: var(--color-warning)}.stat-card{background-color: var(--color-surface);border-radius: var(--radius-lg);border: 1px solid var(--color-border-light);padding: var(--space-lg);display: flex;align-items: flex-start;justify-content: space-between;gap: var(--space-md);box-shadow: var(--shadow-sm);transition: box-shadow var(--transition-base), border-color var(--transition-base)}.stat-card:hover{box-shadow: var(--shadow-md);border-color: var(--color-border)}.stat-card-content{flex: 1;min-width: 0}.stat-card-label{font-size: var(--text-sm);color: var(--color-text-muted);margin-bottom: var(--space-xs);font-weight: var(--font-medium)}.stat-card-value{font-size: var(--text-3xl);font-weight: var(--font-bold);color: var(--color-text);line-height: var(--leading-none);margin-bottom: var(--space-xs);letter-spacing: var(--tracking-tight)}.stat-card-trend{display: inline-flex;align-items: center;gap: 4px;font-size: var(--text-xs);font-weight: var(--font-medium);padding: 2px 6px;border-radius: var(--radius-full)}.stat-card-trend--up{color: var(--color-success-dark);background-color: var(--color-success-light)}.stat-card-trend--down{color: var(--color-error-dark);background-color: var(--color-error-light)}.stat-card-trend--neutral{color: var(--color-text-muted);background-color: var(--color-bg-alt)}.stat-card-icon{display: flex;align-items: center;justify-content: center;width: 48px;height: 48px;border-radius: var(--radius-lg);background-color: var(--color-primary-50);color: var(--color-primary);flex-shrink: 0}.stat-card-icon--success{background-color: var(--color-success-light);color: var(--color-success)}.stat-card-icon--warning{background-color: var(--color-warning-light);color: var(--color-warning)}.stat-card-icon--error{background-color: var(--color-error-light);color: var(--color-error)}.stat-card-icon--info{background-color: var(--color-info-light);color: var(--color-info)}.lang-switcher{position: relative;display: inline-block}.lang-switcher-trigger{display: inline-flex;align-items: center;gap: var(--space-xs);padding: 0.375rem 0.75rem;font-size: var(--text-sm);font-weight: var(--font-medium);color: var(--color-text);background-color: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-md);cursor: pointer;transition: border-color var(--transition-fast), background-color var(--transition-fast)}.lang-switcher-trigger:hover{border-color: var(--color-border-strong);background-color: var(--color-surface-hover)}.lang-switcher-flag{width: 20px;height: 15px;border-radius: 2px;object-fit: cover}.lang-switcher-code{font-size: var(--text-xs);text-transform: uppercase;font-weight: var(--font-semibold);letter-spacing: var(--tracking-wide)}.lang-switcher-menu{position: absolute;top: calc(100% + var(--space-xs));right: 0;min-width: 180px;background-color: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-lg);box-shadow: var(--shadow-xl);z-index: var(--z-dropdown);padding: var(--space-xs)}.lang-switcher-option{display: flex;align-items: center;gap: var(--space-sm);padding: 0.5rem 0.75rem;font-size: var(--text-sm);color: var(--color-text);border-radius: var(--radius-md);cursor: pointer;transition: background-color var(--transition-fast)}.lang-switcher-option:hover{background-color: var(--color-surface-hover)}.lang-switcher-option.active{background-color: var(--color-primary-50);color: var(--color-primary)}.lang-switcher-option-name{flex: 1}.theme-toggle{display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: var(--radius-md);cursor: pointer;color: var(--color-text-muted);background: transparent;border: 1px solid transparent;transition: background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast)}.theme-toggle:hover{background-color: var(--color-surface-hover);color: var(--color-text);border-color: var(--color-border)}.theme-toggle-icon{width: 20px;height: 20px;transition: transform var(--transition-base)}.theme-toggle:hover .theme-toggle-icon{transform: rotate(15deg) translateZ(0)}.theme-toggle-group{display: inline-flex;align-items: center;background-color: var(--color-bg-alt);border-radius: var(--radius-md);padding: 2px;gap: 2px}.theme-toggle-option{display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: var(--radius-sm);cursor: pointer;color: var(--color-text-faint);transition: background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast)}.theme-toggle-option:hover{color: var(--color-text)}.theme-toggle-option.active{background-color: var(--color-surface);color: var(--color-text);box-shadow: var(--shadow-sm)}.tooltip{position: relative;display: inline-block}.tooltip-content{position: absolute;bottom: calc(100% + 8px);left: 50%;transform: translateX(-50%) translateZ(0);padding: 0.375rem 0.75rem;font-size: var(--text-xs);font-weight: var(--font-medium);color: var(--color-text-inverse);background-color: var(--color-text);border-radius: var(--radius-md);white-space: nowrap;z-index: var(--z-tooltip);box-shadow: var(--shadow-lg);pointer-events: none}.tooltip-content::after{content: '';position: absolute;top: 100%;left: 50%;transform: translateX(-50%);border: 5px solid transparent;border-top-color: var(--color-text)}.tooltip-content--bottom{bottom: auto;top: calc(100% + 8px)}.tooltip-content--bottom::after{top: auto;bottom: 100%;border-top-color: transparent;border-bottom-color: var(--color-text)}.breadcrumb{display: flex;align-items: center;flex-wrap: wrap;gap: var(--space-xs);font-size: var(--text-sm)}.breadcrumb-item{display: inline-flex;align-items: center;gap: var(--space-xs);color: var(--color-text-muted)}.breadcrumb-item a{color: var(--color-text-muted);text-decoration: none;transition: color var(--transition-fast)}.breadcrumb-item a:hover{color: var(--color-primary)}.breadcrumb-item:last-child{color: var(--color-text);font-weight: var(--font-medium)}.breadcrumb-separator{color: var(--color-text);font-size: var(--text-xs)}.empty-state{display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;padding: var(--space-3xl) var(--space-lg);max-width: 480px;margin: 0 auto}.empty-state-icon{width: 64px;height: 64px;color: var(--color-text-faint);margin-bottom: var(--space-lg);opacity: 0.5}.empty-state-title{font-size: var(--text-xl);font-weight: var(--font-semibold);color: var(--color-text);margin-bottom: var(--space-sm)}.empty-state-text{font-size: var(--text-sm);color: var(--color-text-muted);margin-bottom: var(--space-lg);line-height: var(--leading-relaxed)}.divider{display: flex;align-items: center;gap: var(--space-md);color: var(--color-text-faint);font-size: var(--text-sm);margin: var(--space-lg) 0}.divider::before, .divider::after{content: '';flex: 1;height: 1px;background-color: var(--color-border)}.divider:empty::after{display: none}.divider:empty{height: 1px;background-color: var(--color-border)}.divider:empty::before{display: none}.price{display: inline-flex;align-items: baseline;gap: 2px}.price-currency{font-size: var(--text-sm);font-weight: var(--font-medium);color: var(--color-text)}.price-amount{font-size: var(--text-2xl);font-weight: var(--font-bold);color: var(--color-text);line-height: var(--leading-none)}.price-period{font-size: var(--text-sm);color: var(--color-text-muted);font-weight: var(--font-normal)}.price--sm .price-amount{font-size: var(--text-lg)}.price--lg .price-amount{font-size: var(--text-4xl)}.price-original{font-size: var(--text-sm);color: var(--color-text-faint);text-decoration: line-through;margin-right: var(--space-xs)}.rating{display: inline-flex;align-items: center;gap: 2px}.rating-star{width: 18px;height: 18px;color: var(--color-border)}.rating-star--filled{color: var(--color-warning)}.rating-star--half{position: relative;color: var(--color-border)}.rating-value{font-size: var(--text-sm);font-weight: var(--font-semibold);color: var(--color-text);margin-left: var(--space-xs)}.rating-count{font-size: var(--text-sm);color: var(--color-text-muted);margin-left: 2px}.accordion{border: 1px solid var(--color-border);border-radius: var(--radius-lg);overflow: hidden}.accordion-item{border-bottom: 1px solid var(--color-border-light)}.accordion-item:last-child{border-bottom: none}.accordion-trigger{display: flex;align-items: center;justify-content: space-between;width: 100%;padding: var(--space-md) var(--space-lg);font-size: var(--text-base);font-weight: var(--font-medium);color: var(--color-text);background: transparent;cursor: pointer;text-align: left;transition: background-color var(--transition-fast)}.accordion-trigger:hover{background-color: var(--color-surface-hover)}.accordion-trigger-icon{width: 20px;height: 20px;flex-shrink: 0;color: var(--color-text-muted);transition: transform var(--transition-base);transform: rotate(0deg) translateZ(0)}.accordion-item.expanded .accordion-trigger-icon{transform: rotate(180deg) translateZ(0)}.accordion-content{padding: 0 var(--space-lg) var(--space-lg);font-size: var(--text-sm);color: var(--color-text-muted);line-height: var(--leading-relaxed)}.progress{width: 100%;height: 8px;background-color: var(--color-bg-alt);border-radius: var(--radius-full);overflow: hidden}.progress-bar{height: 100%;background-color: var(--color-primary);border-radius: var(--radius-full);transition: width 600ms cubic-bezier(0.16, 1, 0.3, 1)}.progress-bar--success{background-color: var(--color-success)}.progress-bar--warning{background-color: var(--color-warning)}.progress-bar--error{background-color: var(--color-error)}.progress--sm{height: 4px}.progress--lg{height: 12px}.progress-label{display: flex;align-items: center;justify-content: space-between;margin-bottom: var(--space-xs);font-size: var(--text-sm)}.progress-label-text{color: var(--color-text);font-weight: var(--font-medium)}.progress-label-value{color: var(--color-text-muted)}.amenity-tag{padding: 0rem .75rem;border-radius: var(--radius-full);background-color: var(--color-accent-light);color: #fff}.chip{display: inline-flex;align-items: center;gap: var(--space-xs);padding: 0.375rem 0.875rem;font-size: var(--text-sm);font-weight: var(--font-medium);color: var(--color-text);background-color: var(--color-bg-alt);border: 1px solid var(--color-border);border-radius: var(--radius-full);cursor: pointer;transition: background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);user-select: none}.chip:hover{background-color: var(--color-surface-hover);border-color: var(--color-border-strong)}.chip.active{background-color: var(--color-primary);border-color: var(--color-primary);color: #fff}.chip-group{display: flex;flex-wrap: wrap;gap: var(--space-sm)}.skeleton-text{height: 14px;border-radius: var(--radius-sm);margin-bottom: var(--space-sm)}.skeleton-text:last-child{width: 70%}.skeleton-title{height: 22px;width: 60%;border-radius: var(--radius-sm);margin-bottom: var(--space-md)}.skeleton-avatar{width: 40px;height: 40px;border-radius: var(--radius-full)}.skeleton-image{width: 100%;aspect-ratio: 16 / 10;border-radius: var(--radius-md)}.skeleton-button{height: 40px;width: 120px;border-radius: var(--radius-md)}.skeleton-card{border-radius: var(--radius-md);overflow: hidden;background: var(--color-bg);border: 1px solid var(--color-border, rgba(0,0,0,0.06))}.skeleton-card-image{width: 100%;aspect-ratio: 16 / 10}.skeleton-card-body{padding: var(--space-md)}.skeleton-text.w80{width: 80%}.skeleton-text.w60{width: 60%}.skeleton-text.w50{width: 50%}.skeleton-text.w40{width: 40%}.skeleton-text.w30{width: 30%}.skeleton-grid{display: grid;gap: var(--space-md)}.skeleton-grid.cols-2{grid-template-columns: repeat(2, 1fr)}.skeleton-grid.cols-3{grid-template-columns: repeat(3, 1fr)}.skeleton-grid.cols-4{grid-template-columns: repeat(4, 1fr)}.skeleton-content{max-width: 800px}.skeleton-content .skeleton-text{width: 100%;margin-bottom: var(--space-sm)}.skeleton-content .skeleton-text:nth-child(3n){width: 85%}.skeleton-content .skeleton-text:nth-child(5n){width: 70%}.skeleton-content .skeleton-text:last-child{width: 50%}.skeleton-review{padding: var(--space-lg);border-radius: var(--radius-md);background: var(--color-bg);border: 1px solid var(--color-border, rgba(0,0,0,0.06))}.skeleton-stars{display: flex;gap: 4px;margin-bottom: var(--space-sm)}.skeleton-star{width: 16px;height: 16px;border-radius: 2px}.skeleton-form-group{margin-bottom: var(--space-md)}.skeleton-form-label{height: 12px;width: 25%;margin-bottom: var(--space-xs);border-radius: var(--radius-sm)}.skeleton-form-input{height: 40px;width: 100%;border-radius: var(--radius-md)}@media (max-width: 768px){.skeleton-grid.cols-3{grid-template-columns: repeat(2, 1fr)}.skeleton-grid.cols-4{grid-template-columns: repeat(2, 1fr)}}@media (max-width: 480px){.skeleton-grid.cols-2, .skeleton-grid.cols-3, .skeleton-grid.cols-4{grid-template-columns: 1fr}}.loading-placeholder{display: flex;align-items: center;justify-content: center;padding: var(--space-2xl) 0;min-height: 200px}.loading-spinner{width: 40px;height: 40px;border: 3px solid var(--color-border, #e0e0e0);border-top-color: var(--color-primary, #0a7e8c);border-radius: 50%;animation: spinner-rotate 0.8s linear infinite}@keyframes spinner-rotate{to{transform: rotate(360deg)}}.loading-placeholder--sm{padding: var(--space-lg) 0;min-height: 100px}.loading-placeholder--sm .loading-spinner{width: 24px;height: 24px;border-width: 2px}@media (max-width: 640px){.datatable-header{flex-direction: column;align-items: stretch}.datatable-search{max-width: 100%}.datatable-footer{flex-direction: column;align-items: center;text-align: center}.stat-card{padding: var(--space-md)}.stat-card-value{font-size: var(--text-2xl)}.lightbox-nav{display: none}.gallery-grid{grid-template-columns: repeat(2, 1fr)}.tabs{gap: 0}.tab{padding: 0.625rem 0.75rem;font-size: var(--text-xs)}.modal-footer{flex-direction: column}.modal-footer .btn{width: 100%}}.cookie-banner{position: fixed;bottom: 0;left: 0;right: 0;z-index: 9990;transform: translateY(100%);transition: transform 0.3s ease}.cookie-banner--visible{transform: translateY(0)}.cookie-banner__inner{display: flex;align-items: center;justify-content: space-between;gap: 1.5rem;padding: 1rem 2rem;background: var(--color-surface, #fff);border-top: 1px solid var(--color-border, #e5e7eb);box-shadow: var(--shadow-md)}.cookie-banner__text{font-size: var(--text-sm, 0.875rem);color: var(--color-text, #1a1a2e);margin: 0;flex: 1;line-height: var(--leading-relaxed, 1.625)}.cookie-banner__link{font-size: var(--text-xs, 0.75rem);color: var(--color-primary, #4361ee);text-decoration: underline;margin-top: 0.25rem;display: inline-block}.cookie-banner__content{flex: 1;min-width: 0}.cookie-banner__categories{display: flex;flex-wrap: wrap;gap: 0.75rem;margin-top: 0.75rem}.cookie-category{display: flex;align-items: center;gap: 0.35rem;font-size: var(--text-sm, 0.875rem);cursor: pointer;flex-wrap: wrap}.cookie-category input[type="checkbox"]{accent-color: var(--color-primary, #2563eb)}.cookie-category .text-xs{display: block;width: 100%;padding-left: 1.25rem;font-size: 0.7rem}.cookie-banner__actions{display: flex;gap: 0.5rem;flex-shrink: 0;flex-wrap: wrap}.durinweb-logo-link{height: 35px}@media (max-width: 900px){.cookie-banner__inner{flex-direction: column;text-align: center;padding: 1rem}.cookie-banner__categories{flex-direction: column;align-items: flex-start}.cookie-banner__actions{width: 100%;justify-content: center}.cookie-banner__actions .btn{min-width: 0}}@media (max-width: 480px){.cookie-banner__actions{flex-direction: column;gap: 0.4rem}.cookie-banner__actions .btn{width: 100%;text-align: center}}.toggle-switch{position: relative;display: inline-block;width: 46px;height: 26px;flex-shrink: 0}.toggle-switch input{opacity: 0;width: 0;height: 0;position: absolute}.toggle-slider{position: absolute;inset: 0;background: var(--color-border, #d1d5db);border-radius: 26px;cursor: pointer;transition: background .2s ease}.toggle-slider::before{content: '';position: absolute;left: 3px;top: 3px;width: 20px;height: 20px;background: #fff;border-radius: 50%;box-shadow: 0 1px 3px rgba(0,0,0,.2);transition: transform .2s ease}.toggle-switch input:checked + .toggle-slider{background: var(--color-primary, #5d3a1a)}.toggle-switch input:checked + .toggle-slider::before{transform: translateX(20px)}.toggle-switch input:focus-visible + .toggle-slider{outline: 2px solid var(--color-primary, #5d3a1a);outline-offset: 2px}.news-card{display: flex;flex-direction: column;height: 100%}.news-card-body{display: flex;flex-direction: column;align-items: flex-start;flex: 1}.news-card-footer{margin-top: auto;padding-top: var(--space-md)}.carousel{position: relative;overflow: clip !important;scroll-snap-type: none !important;width: 100%;display: block !important;grid-template-columns: none !important}.carousel-track{display: flex !important;will-change: transform}.carousel-slide{flex-shrink: 0}.carousel-prev, .carousel-next{position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;width: 40px;height: 40px;border: none;border-radius: 50%;background: var(--color-bg, #fff);color: var(--color-text, #333);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);cursor: pointer;display: flex;align-items: center;justify-content: center;transition: background 200ms, opacity 200ms, box-shadow 200ms;opacity: 0.9}.carousel-prev{left: 8px}.carousel-next{right: 8px}.carousel-prev:hover, .carousel-next:hover{opacity: 1;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2)}.carousel-prev:disabled, .carousel-next:disabled{opacity: 0.3;cursor: default;pointer-events: none}.carousel-dots{display: flex;justify-content: center;gap: 8px;padding: 16px 0 4px}.carousel-dot{width: 10px;height: 10px;border: none;border-radius: 50%;background: var(--color-text-muted, #999);opacity: 0.4;cursor: pointer;padding: 0;transition: opacity 200ms, transform 200ms, background 200ms}.carousel-dot:hover{opacity: 0.7}.carousel-dot--active{opacity: 1;background: var(--color-primary, #5d3a1a);transform: scale(1.2)}@media (max-width: 768px){.carousel-prev, .carousel-next{width: 32px;height: 32px}.carousel-prev svg, .carousel-next svg{width: 18px;height: 18px}}.event-calendar{margin-bottom: 32px}.ec-header{display: flex;align-items: center;justify-content: space-between;padding: 12px 10px;margin-bottom: 8px}.ec-header h3{font-size: 1.15rem;font-weight: 600;margin: 0;text-transform: capitalize}.ec-nav{display: flex;gap: 4px}.ec-nav button{width: 36px;height: 36px;border: 1px solid var(--color-border, #ddd);border-radius: 8px;background: var(--color-bg, #fff);color: var(--color-text, #333);cursor: pointer;display: flex;align-items: center;justify-content: center;transition: background 200ms, border-color 200ms}.ec-nav button:hover{background: var(--color-bg-soft, #f5f5f5);border-color: var(--color-primary, #0A7E8C)}.ec-weekdays{display: grid;grid-template-columns: repeat(7, 1fr);text-align: center;font-size: 0.75rem;font-weight: 600;color: var(--color-text-muted, #888);text-transform: uppercase;letter-spacing: 0.5px;padding: 8px 0;border-bottom: 1px solid var(--color-border, #eee)}.ec-grid{display: grid;grid-template-columns: repeat(7, 1fr);gap: 2px}.ec-day{aspect-ratio: 1;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;padding: 6px 2px;border-radius: 8px;cursor: default;font-size: 0.85rem;transition: background 200ms;min-height: 48px;position: relative}.ec-day--other-month{opacity: 0.3}.ec-day--today{font-weight: 700;background: var(--color-primary-light, rgba(10, 126, 140, 0.1))}.ec-day--today .ec-day-num{color: var(--color-primary, #0A7E8C)}.ec-day--has-events{cursor: pointer}.ec-day--has-events:hover{background: var(--color-bg-soft, #f0f0f0)}.ec-day--selected{background: var(--color-primary-light, rgba(10, 126, 140, 0.15));box-shadow: inset 0 0 0 2px var(--color-primary, #0A7E8C)}.ec-day-num{font-size: 0.85rem;line-height: 1;margin-bottom: 4px}.ec-dots{display: flex;gap: 3px;flex-wrap: wrap;justify-content: center}.ec-dot{width: 6px;height: 6px;border-radius: 50%;background: var(--color-primary, #0A7E8C)}.ec-dot--featured{background: var(--color-accent, #E8614D)}.ec-more{font-size: 0.6rem;color: var(--color-text-muted, #888);line-height: 1}.ec-day-panel{grid-column: 1 / -1;background: var(--color-bg-soft, #f8f8f8);border-radius: 12px;padding: 16px;margin: 4px 0;animation: ecSlideDown 300ms cubic-bezier(0.16, 1, 0.3, 1)}@keyframes ecSlideDown{from{opacity: 0;transform: translateY(-10px);max-height: 0}to{opacity: 1;transform: translateY(0);max-height: 500px}}.ec-day-panel h4{font-size: 0.9rem;font-weight: 600;margin: 0 0 12px;color: var(--color-text-muted, #888)}.ec-event-item{display: flex;align-items: center;gap: 12px;padding: 10px 12px;background: var(--color-bg, #fff);border-radius: 8px;margin-bottom: 8px;transition: box-shadow 200ms;cursor: pointer;text-decoration: none;color: inherit}.ec-event-item:last-child{margin-bottom: 0}.ec-event-item:hover{box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1)}.ec-event-time{font-size: 0.8rem;font-weight: 600;color: var(--color-primary, #0A7E8C);white-space: nowrap;min-width: 50px}.ec-event-title{font-size: 0.9rem;font-weight: 500}.ec-event-location{font-size: 0.75rem;color: var(--color-text-muted, #888)}.events-view-toggle{display: flex;gap: 4px;margin-bottom: 20px;padding: 4px;background: var(--color-bg-soft, #f0f0f0);border-radius: 8px;width: fit-content}.events-view-toggle .btn{padding: 6px 16px;border-radius: 6px;font-size: 0.85rem;border: none;background: transparent;color: var(--color-text-muted, #666);cursor: pointer;transition: background 200ms, color 200ms}.events-view-toggle .btn.active{background: var(--color-bg, #fff);color: var(--color-text, #333);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)}.events-split-layout{display: grid;grid-template-columns: 380px 1fr;gap: var(--space-2xl);align-items: start}.events-split-calendar{position: sticky;top: calc(var(--header-height, 64px) + var(--space-lg))}.events-split-list{min-width: 0}.events-split-list .chip-group{margin-bottom: var(--space-lg)}.events-split-list .events-list{display: flex;flex-direction: column}.event-card{display: flex;gap: var(--space-md);padding: var(--space-md);background: var(--color-surface, #fff);border-radius: var(--radius-lg, 12px);border: 1px solid var(--color-border, #e5e7eb);transition: transform 200ms, box-shadow 200ms;text-decoration: none;color: inherit;margin-bottom: var(--space-sm)}.event-card:hover{transform: translateY(-2px);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08)}.event-card__date-badge{flex-shrink: 0;width: 56px;text-align: center;background: var(--color-primary);color: #fff;border-radius: var(--radius-md, 8px);padding: var(--space-xs) var(--space-sm);display: flex;flex-direction: column;align-items: center;justify-content: center;line-height: 1.1}.event-card__date-day{font-size: var(--fs-2xl, 1.5rem);font-weight: var(--fw-bold, 700)}.event-card__date-month{font-size: var(--fs-xs, 0.75rem);text-transform: uppercase;letter-spacing: 0.05em;opacity: 0.85}.event-card__body{flex: 1;min-width: 0}.event-card__title{font-size: var(--fs-md, 1rem);font-weight: var(--fw-semibold, 600);margin-bottom: var(--space-2xs, 4px);color: var(--color-text)}.event-card__meta{font-size: var(--fs-sm, 0.875rem);color: var(--color-text-muted, #6b7280);display: flex;flex-wrap: wrap;gap: var(--space-sm)}.event-card__meta i{margin-right: 4px;opacity: 0.7}.event-card__desc{font-size: var(--fs-sm, 0.875rem);color: var(--color-text-secondary);margin-top: var(--space-xs);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.event-card--featured{border-left: 3px solid var(--color-accent, #e8614d)}[data-theme="dark"] .event-card{background: var(--color-surface, #1f2937);border-color: var(--color-border, #374151)}[data-theme="dark"] .event-card:hover{box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3)}.ec-day{cursor: pointer}.ec-day--other-month{cursor: default}@media (max-width: 900px){.events-split-layout{grid-template-columns: 1fr}.events-split-calendar{position: static}}@media (max-width: 640px){.ec-day{min-height: 36px;padding: 4px 1px}.ec-day-num{font-size: 0.75rem}.ec-dot{width: 4px;height: 4px}}.masonry-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));grid-auto-rows: 10px;gap: 16px}.masonry-item{border-radius: var(--radius, 8px);overflow: hidden}.count-up{font-variant-numeric: tabular-nums}.count-up[data-counted]{transition: none}.official-board-search{margin-bottom: var(--space-lg)}.official-board-search .search-input-wrap{position: relative;max-width: 480px}.official-board-search .search-input-wrap i{position: absolute;left: 14px;top: 50%;transform: translateY(-50%);color: var(--color-text-muted, #888);font-size: var(--fs-sm);pointer-events: none}.official-board-search .form-input{width: 100%;padding: var(--space-sm) var(--space-md) var(--space-sm) 40px;border: 1px solid var(--color-border);border-radius: var(--radius-md, 8px);background: var(--color-surface);color: var(--color-text);font-size: var(--fs-base);transition: border-color 0.2s, box-shadow 0.2s}.official-board-search .form-input:focus{outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb, 59, 130, 246), 0.15)}.official-board-tabs{display: flex;gap: var(--space-xs, 6px);margin-bottom: var(--space-xl);overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none;padding-bottom: 2px}.official-board-tabs::-webkit-scrollbar{display: none}.official-board-tabs .tab-btn{flex-shrink: 0;padding: var(--space-xs, 6px) var(--space-md, 16px);border: 1px solid var(--color-border);border-radius: var(--radius-pill, 999px);background: var(--color-surface);color: var(--color-text-muted, #666);font-size: var(--fs-sm);font-weight: 500;cursor: pointer;transition: all 0.2s;white-space: nowrap}.official-board-tabs .tab-btn:hover{border-color: var(--color-primary);color: var(--color-primary);background: var(--color-surface-hover, rgba(0,0,0,0.03))}.official-board-tabs .tab-btn.active{background: var(--color-primary);color: #fff;border-color: var(--color-primary)}.official-board-list{display: flex;flex-direction: column;gap: var(--space-md)}.official-board-item{background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-md, 8px);padding: var(--space-lg);transition: box-shadow 0.2s, border-color 0.2s}.official-board-item:hover{border-color: var(--color-primary);box-shadow: 0 2px 12px rgba(0,0,0,0.06)}.official-board-item-header{display: flex;align-items: center;justify-content: space-between;gap: var(--space-sm);margin-bottom: var(--space-sm);flex-wrap: wrap}.official-board-category{display: inline-flex;align-items: center;padding: 2px 10px;border-radius: var(--radius-pill, 999px);background: var(--color-primary);color: #fff;font-size: 0.75rem;font-weight: 600;letter-spacing: 0.02em;text-transform: uppercase}.official-board-date{display: inline-flex;align-items: center;gap: 4px;font-size: var(--fs-sm);color: var(--color-text-muted, #888)}.official-board-item-title{font-size: var(--fs-lg, 1.125rem);font-weight: 600;color: var(--color-text);margin: 0 0 var(--space-xs, 6px) 0;line-height: 1.4}.official-board-item-desc{font-size: var(--fs-sm);color: var(--color-text-muted, #666);margin: 0 0 var(--space-md) 0;line-height: 1.6}.official-board-item-actions{display: flex;gap: var(--space-sm);flex-wrap: wrap}[data-theme="dark"] .official-board-search .form-input{background: var(--color-surface);border-color: var(--color-border);color: var(--color-text)}[data-theme="dark"] .official-board-tabs .tab-btn{background: var(--color-surface);border-color: var(--color-border);color: var(--color-text-muted, #aaa)}[data-theme="dark"] .official-board-tabs .tab-btn:hover{border-color: var(--color-primary);color: var(--color-primary);background: rgba(255,255,255,0.05)}[data-theme="dark"] .official-board-tabs .tab-btn.active{background: var(--color-primary);color: #fff;border-color: var(--color-primary)}[data-theme="dark"] .official-board-item{background: var(--color-surface);border-color: var(--color-border)}[data-theme="dark"] .official-board-item:hover{border-color: var(--color-primary);box-shadow: 0 2px 12px rgba(0,0,0,0.2)}[data-theme="dark"] .official-board-category{background: var(--color-primary);color: #fff}@media (max-width: 640px){.official-board-item{padding: var(--space-md)}.official-board-item-actions{flex-direction: column}.official-board-item-actions .btn{width: 100%;justify-content: center}}.announcements-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));gap: var(--space-xl)}.announcement-card{background: var(--color-bg-elevated);border: 1px solid var(--color-border);border-radius: var(--radius-lg);padding: var(--space-xl);transition: box-shadow var(--transition-base), transform var(--transition-base)}.announcement-card:hover{box-shadow: var(--shadow-md);transform: translateY(-2px)}.announcement-card-meta{display: flex;align-items: center;gap: var(--space-sm);margin-bottom: var(--space-md);font-size: var(--fs-xs);color: var(--color-text-muted)}.announcement-card-category{display: inline-flex;padding: 2px 10px;border-radius: var(--radius-full);background: rgba(var(--color-accent-rgb, 59, 130, 246), 0.1);color: var(--color-accent, var(--color-primary));font-size: var(--fs-xs);font-weight: var(--fw-medium)}.announcement-card-title{font-size: var(--fs-lg);font-weight: var(--fw-semibold);margin-bottom: var(--space-sm);line-height: var(--lh-tight)}.announcement-card-title a{color: var(--color-text);text-decoration: none}.announcement-card-title a:hover{color: var(--color-primary)}.announcement-card-excerpt{font-size: var(--fs-sm);color: var(--color-text-secondary);line-height: var(--lh-relaxed);display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}[data-theme="dark"] .announcement-card{background: var(--color-bg-elevated);border-color: var(--color-border)}.service-tile{display: flex;flex-direction: column;align-items: center;gap: var(--space-sm);padding: var(--space-xl) var(--space-lg);background: var(--color-bg-elevated);border: 1px solid var(--color-border);border-radius: var(--radius-lg);text-decoration: none;color: var(--color-text);text-align: center;transition: box-shadow var(--transition-base), transform var(--transition-base), border-color var(--transition-base)}.service-tile:hover{box-shadow: var(--shadow-md);transform: translateY(-3px);border-color: var(--color-primary)}.service-tile__icon{display: inline-flex;align-items: center;justify-content: center;width: 3rem;height: 3rem;border-radius: var(--radius-full);background: rgba(var(--color-accent-rgb, 59, 130, 246), 0.1);color: var(--color-primary);font-size: 1.25rem}.service-tile__icon svg{width: 1.25rem;height: 1.25rem;stroke: currentColor;fill: none}.service-tile__icon i{font-size: 1.25rem}.service-tile__title{font-size: var(--fs-sm);font-weight: var(--fw-semibold)}.service-tile__dept{font-size: var(--fs-xs);color: var(--color-text-muted)}[data-theme="dark"] .service-tile{background: var(--color-bg-elevated);border-color: var(--color-border)}[data-theme="dark"] .service-tile__icon{background: rgba(var(--color-accent-rgb, 59, 130, 246), 0.15)}.services-preview-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));gap: var(--space-lg)}@media (min-width: 768px){.services-preview-grid{grid-template-columns: repeat(3, 1fr)}}.events-preview-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: var(--space-lg)}.events-list{display: flex;flex-direction: column;gap: var(--space-md)}.event-list-item{display: flex;gap: var(--space-md);padding: var(--space-md);background: var(--color-bg-elevated);border: 1px solid var(--color-border);border-radius: var(--radius-md);text-decoration: none;color: var(--color-text);transition: box-shadow var(--transition-base), transform var(--transition-base)}.event-list-item:hover{box-shadow: var(--shadow-sm);transform: translateX(4px)}.event-list-date{display: flex;flex-direction: column;align-items: center;justify-content: center;min-width: 48px;padding: var(--space-xs) var(--space-sm);background: var(--color-primary);color: #fff;border-radius: var(--radius-md);text-align: center;flex-shrink: 0}.event-list-date-day{font-size: var(--fs-xl);font-weight: var(--fw-bold);line-height: 1}.event-list-date-month{font-size: var(--fs-xs);text-transform: uppercase;letter-spacing: 0.05em}.event-list-info{flex: 1;min-width: 0}.event-list-title{font-size: var(--fs-md);font-weight: var(--fw-semibold);margin-bottom: 2px}.event-list-meta{font-size: var(--fs-xs);color: var(--color-text-muted)}[data-theme="dark"] .event-list-item{background: var(--color-bg-elevated);border-color: var(--color-border)}.council-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: var(--space-xl)}.council-member-card{text-align: center;background: var(--color-bg-elevated);border: 1px solid var(--color-border);border-radius: var(--radius-lg);overflow: hidden;transition: box-shadow var(--transition-base), transform var(--transition-base)}.council-member-card:hover{box-shadow: var(--shadow-md);transform: translateY(-2px)}.council-member-photo{width: 100%;aspect-ratio: 1;object-fit: cover;background: var(--color-bg-subtle)}.council-member-info{padding: var(--space-lg)}.council-member-name{font-size: var(--fs-md);font-weight: var(--fw-semibold);margin-bottom: var(--space-xs)}.council-member-role{font-size: var(--fs-sm);color: var(--color-primary);font-weight: var(--fw-medium);margin-bottom: var(--space-xs)}.council-member-party{font-size: var(--fs-xs);color: var(--color-text-muted)}.council-member-contact{font-size: var(--fs-xs);color: var(--color-text-secondary);margin-top: var(--space-sm)}.council-member-contact a{color: var(--color-primary);text-decoration: none}.council-member-contact a:hover{text-decoration: underline}[data-theme="dark"] .council-member-card{background: var(--color-bg-elevated);border-color: var(--color-border)}.quick-links-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));gap: var(--space-md)}@media (min-width: 768px){.quick-links-grid{grid-template-columns: repeat(6, 1fr)}}.quick-link-card{display: flex;flex-direction: column;align-items: center;gap: var(--space-sm);padding: var(--space-xl) var(--space-md);background: var(--color-bg-elevated);border: 1px solid var(--color-border);border-radius: var(--radius-lg);text-decoration: none;color: var(--color-text);font-size: var(--fs-sm);font-weight: var(--fw-medium);text-align: center;transition: box-shadow var(--transition-base), transform var(--transition-base), border-color var(--transition-base)}.quick-link-card i{font-size: 1.5rem;color: var(--color-primary)}.quick-link-card:hover{box-shadow: var(--shadow-md);transform: translateY(-3px);border-color: var(--color-primary)}[data-theme="dark"] .quick-link-card{background: var(--color-bg-elevated);border-color: var(--color-border)}[data-theme="dark"] .quick-link-card i{color: var(--color-accent-light, var(--color-primary))}.sidebar-widget{background: var(--color-bg-elevated);border: 1px solid var(--color-border);border-radius: var(--radius-lg);overflow: hidden;margin-bottom: var(--space-lg)}.sidebar-widget-header{display: flex;align-items: center;gap: var(--space-sm);padding: var(--space-md) var(--space-lg);background: var(--color-primary);color: #fff;font-weight: var(--fw-semibold);font-size: var(--fs-sm)}.sidebar-widget-header i{font-size: 1rem}.sidebar-widget-body{padding: var(--space-lg)}[data-theme="dark"] .sidebar-widget{background: var(--color-bg-elevated);border-color: var(--color-border)}.home-layout{display: grid;grid-template-columns: 1fr;gap: var(--space-3xl)}@media (min-width: 1024px){.home-layout{grid-template-columns: 1fr 320px}}.home-main{min-width: 0}.home-sidebar{display: flex;flex-direction: column}.office-hours-list{list-style: none;padding: 0;margin: 0}.office-hours-item{display: flex;justify-content: space-between;padding: var(--space-sm) 0;border-bottom: 1px solid var(--color-border-light, rgba(0,0,0,0.06));font-size: var(--fs-sm)}.office-hours-item:last-child{border-bottom: none}.office-hours-day{font-weight: var(--fw-medium)}.office-hours-closed{color: var(--color-text-muted);font-style: italic}.quick-links-list{list-style: none;padding: 0;margin: 0}.quick-links-list li{border-bottom: 1px solid var(--color-border-light, rgba(0,0,0,0.06))}.quick-links-list li:last-child{border-bottom: none}.quick-links-list a{display: flex;align-items: center;gap: var(--space-sm);padding: var(--space-sm) 0;color: var(--color-text);text-decoration: none;font-size: var(--fs-sm);transition: color var(--transition-fast)}.quick-links-list a:hover{color: var(--color-primary)}.quick-links-list a i{width: 1.25em;text-align: center;color: var(--color-primary);font-size: 0.875rem}.home-events-calendar-wrap{margin-bottom: var(--space-xl)}.gallery-section-body{overflow: hidden;word-wrap: break-word;overflow-wrap: break-word}.gallery-section-name{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.gallery-section-desc{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}:root{--color-primary: #4FB739;--color-primary-light: #6BCB55;--color-primary-dark: #3D9A2B;--color-primary-50: rgba(79, 183, 57, 0.05);--color-primary-100: rgba(79, 183, 57, 0.12);--color-primary-200: rgba(79, 183, 57, 0.22);--color-primary-rgb: 79, 183, 57;--color-secondary: #1A2E1A;--color-secondary-light: #2D4A2D;--color-secondary-dark: #0F1D0F;--color-accent: #F4A51C;--color-accent-light: #FDB64A;--color-accent-dark: #D48C15;--color-accent-50: rgba(244, 165, 28, 0.05);--color-accent-100: rgba(244, 165, 28, 0.12);--color-accent-200: rgba(244, 165, 28, 0.22);--color-accent-rgb: 244, 165, 28;--color-cta: #E63946;--color-cta-light: #EF4444;--color-cta-dark: #C1121F;--color-bg: #F8FAF6;--color-bg-alt: #EDF4E8;--color-bg-subtle: #FFFDF7;--color-surface: #FFFFFF;--color-surface-hover: #F2F8EE;--color-text: #152815;--color-text-muted: #5F7A5F;--color-text-faint: #9AAE9A;--color-text-inverse: #FFFFFF;--color-text-link: #3D9A2B;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--color-border: #DCE8D6;--color-border-light: #EEF4EA;--color-border-strong: #B9CFB0;--font-heading: 'Archivo', 'Inter', system-ui, -apple-system, sans-serif;--font-body: 'Inter', system-ui, -apple-system, sans-serif;--color-sale-badge: #E63946;--color-new-badge: #4FB739;--color-in-stock: #10B981;--color-out-of-stock: #EF4444;--color-low-stock: #F59E0B;--color-price: #1A1A1A;--color-price-old: #94A3B8;--color-price-sale: #E63946}[data-theme="dark"]{--color-primary: #6BCB55;--color-primary-light: #85D971;--color-primary-dark: #4FB739;--color-primary-50: rgba(107, 203, 85, 0.08);--color-primary-100: rgba(107, 203, 85, 0.15);--color-primary-200: rgba(107, 203, 85, 0.25);--color-primary-rgb: 107, 203, 85;--color-secondary: #2D4A2D;--color-secondary-light: #3E603E;--color-secondary-dark: #1A2E1A;--color-accent: #FDB64A;--color-accent-light: #FFC970;--color-accent-dark: #F4A51C;--color-cta: #EF4444;--color-cta-light: #F87171;--color-bg: #0A120A;--color-bg-alt: #111D11;--color-bg-subtle: #0C160C;--color-surface: #182318;--color-surface-hover: #1F2D1F;--color-text: #F0F5F0;--color-text-muted: #A1AAA1;--color-text-faint: #6B7D6B;--color-text-inverse: #0A120A;--color-text-link: #6BCB55;--color-border: #243024;--color-border-light: #182318;--color-border-strong: #3E603E;--color-price: #F0F5F0;--color-price-old: #6B7D6B}#app-content{padding-top: 108px;transition: none !important;opacity: 1 !important}#app-content:has(.plp-layout), #app-content:has(.pdp-layout), #app-content:has(.cart-layout), #app-content:has(.account-layout), #app-content:has(.cat-group), #app-content:has(.hero){background-color: var(--color-bg-alt);background-image: linear-gradient(to bottom, rgba(var(--color-primary-rgb), 0.05) 0%, transparent 45%, rgba(var(--color-accent-rgb), 0.04) 100%);position: relative;overflow-x: clip}#app-content:has(.plp-layout)::before, #app-content:has(.pdp-layout)::before, #app-content:has(.cart-layout)::before, #app-content:has(.account-layout)::before, #app-content:has(.cat-group)::before, #app-content:has(.hero)::before{content: '';position: fixed;left: 0;right: 0;top: 0;height: calc(100vh - 180px);height: calc(100dvh - 180px);background-image: radial-gradient(circle 80px at center, rgba(255, 224, 120, 0.90) 0%, rgba(255, 198, 78, 0.55) 35%, rgba(255, 168, 42, 0.22) 65%, transparent 78%), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1800' height='720' viewBox='0 0 1800 720'><g fill='none' stroke='%233D9A2B' stroke-linecap='round'><path stroke-opacity='0.14' stroke-width='1.4' d='M 0 70 Q 200 52 400 70 T 800 70 T 1200 64 T 1800 70'/><path stroke-opacity='0.09' stroke-width='0.9' d='M 120 160 Q 340 146 560 160 T 1000 160 T 1440 158 T 1800 160'/><path stroke-opacity='0.14' stroke-width='1.4' d='M 0 250 Q 240 232 480 250 T 960 250 T 1440 248 T 1800 250'/><path stroke-opacity='0.09' stroke-width='0.9' d='M 80 340 Q 320 328 560 340 T 1080 340 T 1560 336 T 1800 340'/><path stroke-opacity='0.14' stroke-width='1.4' d='M 0 430 Q 220 414 440 430 T 880 430 T 1320 426 T 1800 430'/><path stroke-opacity='0.09' stroke-width='0.9' d='M 160 520 Q 380 508 600 520 T 1040 520 T 1480 516 T 1800 520'/><path stroke-opacity='0.14' stroke-width='1.4' d='M 0 610 Q 220 594 440 610 T 880 610 T 1320 608 T 1800 610'/><path stroke-opacity='0.09' stroke-width='0.9' d='M 100 690 Q 320 678 540 690 T 980 690 T 1420 686 T 1800 690'/></g></svg>");background-size: 360px 360px, 1800px 720px;background-repeat: no-repeat, repeat-x;background-position: 5% 55%, 0 0;pointer-events: none;z-index: 0;mask-image: linear-gradient(to bottom, black 0%, black 72%, transparent 100%);-webkit-mask-image: linear-gradient(to bottom, black 0%, black 72%, transparent 100%);transform: translateZ(0);will-change: background-position;animation: eshop-sky-drift 240s linear infinite}@keyframes eshop-sky-drift{0%{background-position: 5% 55%, 0 0}25%{background-position: 28% 25%, 500px 0}50%{background-position: 52% 10%, 1000px 0}75%{background-position: 76% 25%, 1400px 0}100%{background-position: 95% 55%, 1800px 0}}#app-content:has(.plp-layout)::after, #app-content:has(.pdp-layout)::after, #app-content:has(.cart-layout)::after, #app-content:has(.account-layout)::after, #app-content:has(.cat-group)::after, #app-content:has(.hero)::after{content: '';position: fixed;left: 0;right: 0;bottom: 0;height: 200px;background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='2400' height='180' viewBox='0 0 2400 180' preserveAspectRatio='none'><path fill='%232E4A30' fill-opacity='0.18' d='M0 180 L0 135 L160 110 L280 90 L380 55 L460 75 L540 40 L620 85 L720 110 L820 95 L940 70 L1050 40 L1140 55 L1220 15 L1320 45 L1400 30 L1480 70 L1580 105 L1680 90 L1800 65 L1900 45 L1990 25 L2080 55 L2180 80 L2280 100 L2380 110 L2400 130 L2400 180 Z'/><path fill='%23B6C9D6' fill-opacity='0.60' d='M 351 65 L 380 55 L 420 65 Z M 483 65 L 540 40 L 584 65 Z M 958 65 L 1050 40 L 1140 55 L 1220 15 L 1320 45 L 1400 30 L 1470 65 Z M 1800 65 L 1900 45 L 1990 25 L 2080 55 L 2120 65 Z'/></svg>"), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='2800' height='160' viewBox='0 0 2800 160' preserveAspectRatio='none'><path fill='%238B9FB0' fill-opacity='0.11' d='M0 160 L0 125 L180 100 L360 85 L540 95 L720 70 L900 88 L1080 55 L1260 75 L1440 65 L1620 90 L1800 50 L1980 72 L2160 58 L2340 85 L2520 65 L2700 78 L2800 92 L2800 160 Z'/></svg>");background-repeat: repeat-x, repeat-x;background-size: 2400px 180px, 2800px 160px;background-position: 0 bottom, 0 bottom;pointer-events: none;z-index: 0;transform: translateZ(0);will-change: background-position;animation: eshop-mountain-drift 160s linear infinite}@keyframes eshop-mountain-drift{from{background-position: 0 bottom, 0 bottom}to{background-position: -2400px bottom, -1000px bottom}}@media (prefers-reduced-motion: reduce){#app-content:has(.plp-layout)::before, #app-content:has(.pdp-layout)::before, #app-content:has(.cart-layout)::before, #app-content:has(.account-layout)::before, #app-content:has(.cat-group)::before, #app-content:has(.hero)::before, #app-content:has(.plp-layout)::after, #app-content:has(.pdp-layout)::after, #app-content:has(.cart-layout)::after, #app-content:has(.account-layout)::after, #app-content:has(.cat-group)::after, #app-content:has(.hero)::after{animation: none}}@media (max-width: 768px){#app-content:has(.plp-layout)::before, #app-content:has(.pdp-layout)::before, #app-content:has(.cart-layout)::before, #app-content:has(.account-layout)::before, #app-content:has(.cat-group)::before, #app-content:has(.hero)::before{animation: none !important;will-change: auto !important;mask-image: none !important;-webkit-mask-image: none !important;opacity: 0.7}#app-content:has(.plp-layout)::after, #app-content:has(.pdp-layout)::after, #app-content:has(.cart-layout)::after, #app-content:has(.account-layout)::after, #app-content:has(.cat-group)::after, #app-content:has(.hero)::after{animation: none !important;will-change: auto !important}}html[data-theme="dark"] #app-content:has(.plp-layout), html[data-theme="dark"] #app-content:has(.pdp-layout), html[data-theme="dark"] #app-content:has(.cart-layout), html[data-theme="dark"] #app-content:has(.account-layout), html[data-theme="dark"] #app-content:has(.cat-group), html[data-theme="dark"] #app-content:has(.hero){background-image: linear-gradient(to bottom, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 45%, rgba(var(--color-accent-rgb), 0.07) 100%)}html[data-theme="dark"] #app-content:has(.plp-layout)::before, html[data-theme="dark"] #app-content:has(.pdp-layout)::before, html[data-theme="dark"] #app-content:has(.cart-layout)::before, html[data-theme="dark"] #app-content:has(.account-layout)::before, html[data-theme="dark"] #app-content:has(.cat-group)::before, html[data-theme="dark"] #app-content:has(.hero)::before{background-image: radial-gradient(circle 80px at center, rgba(255, 208, 100, 0.70) 0%, rgba(255, 178, 60, 0.45) 35%, rgba(255, 148, 30, 0.18) 65%, transparent 78%), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1800' height='720' viewBox='0 0 1800 720'><g fill='none' stroke='%236BCB55' stroke-linecap='round'><path stroke-opacity='0.18' stroke-width='1.4' d='M 0 70 Q 200 52 400 70 T 800 70 T 1200 64 T 1800 70'/><path stroke-opacity='0.12' stroke-width='0.9' d='M 120 160 Q 340 146 560 160 T 1000 160 T 1440 158 T 1800 160'/><path stroke-opacity='0.18' stroke-width='1.4' d='M 0 250 Q 240 232 480 250 T 960 250 T 1440 248 T 1800 250'/><path stroke-opacity='0.12' stroke-width='0.9' d='M 80 340 Q 320 328 560 340 T 1080 340 T 1560 336 T 1800 340'/><path stroke-opacity='0.18' stroke-width='1.4' d='M 0 430 Q 220 414 440 430 T 880 430 T 1320 426 T 1800 430'/><path stroke-opacity='0.12' stroke-width='0.9' d='M 160 520 Q 380 508 600 520 T 1040 520 T 1480 516 T 1800 520'/><path stroke-opacity='0.18' stroke-width='1.4' d='M 0 610 Q 220 594 440 610 T 880 610 T 1320 608 T 1800 610'/><path stroke-opacity='0.12' stroke-width='0.9' d='M 100 690 Q 320 678 540 690 T 980 690 T 1420 686 T 1800 690'/></g></svg>")}html[data-theme="dark"] #app-content:has(.plp-layout)::after, html[data-theme="dark"] #app-content:has(.pdp-layout)::after, html[data-theme="dark"] #app-content:has(.cart-layout)::after, html[data-theme="dark"] #app-content:has(.account-layout)::after, html[data-theme="dark"] #app-content:has(.cat-group)::after, html[data-theme="dark"] #app-content:has(.hero)::after{background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='2400' height='180' viewBox='0 0 2400 180' preserveAspectRatio='none'><path fill='%234A6356' fill-opacity='0.35' d='M0 180 L0 135 L160 110 L280 90 L380 55 L460 75 L540 40 L620 85 L720 110 L820 95 L940 70 L1050 40 L1140 55 L1220 15 L1320 45 L1400 30 L1480 70 L1580 105 L1680 90 L1800 65 L1900 45 L1990 25 L2080 55 L2180 80 L2280 100 L2380 110 L2400 130 L2400 180 Z'/><path fill='%23AEC0D2' fill-opacity='0.40' d='M 351 65 L 380 55 L 420 65 Z M 483 65 L 540 40 L 584 65 Z M 958 65 L 1050 40 L 1140 55 L 1220 15 L 1320 45 L 1400 30 L 1470 65 Z M 1800 65 L 1900 45 L 1990 25 L 2080 55 L 2120 65 Z'/></svg>"), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='2800' height='160' viewBox='0 0 2800 160' preserveAspectRatio='none'><path fill='%235A6B80' fill-opacity='0.20' d='M0 160 L0 125 L180 100 L360 85 L540 95 L720 70 L900 88 L1080 55 L1260 75 L1440 65 L1620 90 L1800 50 L1980 72 L2160 58 L2340 85 L2520 65 L2700 78 L2800 92 L2800 160 Z'/></svg>")}#app-content:has(.plp-layout) > *, #app-content:has(.pdp-layout) > *, #app-content:has(.cart-layout) > *, #app-content:has(.account-layout) > *, #app-content:has(.cat-group) > *, #app-content:has(.hero) > *{position: relative;z-index: 1}html{scroll-behavior: smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}}@keyframes eshop-page-enter{from{opacity: 0;transform: translateY(10px)}to{opacity: 1;transform: none}}#app-content > *{animation: eshop-page-enter 0.36s cubic-bezier(0.22, 0.8, 0.32, 1) both}#app-content > *:nth-child(2){animation-delay: 0.05s}#app-content > *:nth-child(3){animation-delay: 0.10s}#app-content > *:nth-child(n+4){animation-delay: 0.13s}@media (prefers-reduced-motion: reduce){#app-content > *{animation: none}}.utility-bar{background: linear-gradient(90deg, var(--color-primary-dark), var(--color-primary) 45%, var(--color-primary-dark));color: var(--color-text-inverse);font-size: var(--text-xs);padding: 0.5rem 0;max-height: 50px;overflow: hidden;position: relative;transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease, padding-top 0.35s cubic-bezier(0.4, 0, 0.2, 1), padding-bottom 0.35s cubic-bezier(0.4, 0, 0.2, 1)}.utility-bar::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 2px;background: linear-gradient(90deg, var(--color-accent), var(--color-primary-light), var(--color-accent))}.utility-bar.collapsed{max-height: 0 !important;padding-top: 0 !important;padding-bottom: 0 !important;opacity: 0;visibility: hidden}.utility-bar a{color: var(--color-text-inverse);text-decoration: none;opacity: 0.9}.utility-bar a:hover{opacity: 1}.utility-bar-inner{display: flex;justify-content: space-between;align-items: center;max-width: var(--container-max, 1280px);margin: 0 auto;padding: 0 var(--space-md)}.utility-bar-left, .utility-bar-right{display: flex;align-items: center;gap: var(--space-md)}.utility-bar-item{display: flex;align-items: center;gap: 0.375rem}.site-header{position: relative;width: 100%;background: var(--color-surface);border-bottom: 1px solid var(--color-border);z-index: 100;box-shadow: 0 6px 28px rgba(0, 0, 0, 0.16);transition: background-color 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease}.site-header::after{content: '';position: absolute;left: 0;right: 0;bottom: -1px;height: 2px;background: linear-gradient(90deg, transparent, var(--color-primary) 20%, var(--color-accent) 50%, var(--color-primary) 80%, transparent);opacity: 0;transition: opacity 0.35s ease;pointer-events: none}.site-header:hover::after, .site-header.scrolled::after, .site-header:not([data-config-header-style="transparent"])::after{opacity: 1}html[data-theme="dark"] .site-header{box-shadow: 0 6px 28px rgba(0, 0, 0, 0.55)}.site-header .main-nav-item, .site-header .header-action-btn, .site-header .logo-text, .site-header .mobile-menu-toggle{color: var(--color-text);transition: color 0.15s ease}.site-header .main-nav-item:hover{color: var(--color-accent)}.site-header .utility-bar{background: var(--color-primary);color: #fff;border-bottom: none}.site-header .utility-bar a, .site-header .utility-bar span{color: #fff}.sale-badge{background: var(--color-cta);color: #fff;font-size: 0.625rem;font-weight: 700;padding: 0.15em 0.5em;border-radius: 4px;margin-left: 0.25rem;vertical-align: super;letter-spacing: 0.05em}.site-header--sticky{position: sticky;top: 0;left: 0;right: 0}.site-header[data-config-header-style="transparent"], html[data-theme="dark"] .site-header[data-config-header-style="transparent"]:not(.scrolled){position: fixed;top: 0;left: 0;right: 0;width: 100%;background: transparent;border-bottom: 1px solid rgba(255, 255, 255, 0.08);box-shadow: none}.site-header[data-config-header-style="transparent"]:not(.scrolled) .main-nav-item, .site-header[data-config-header-style="transparent"]:not(.scrolled) .header-action-btn, .site-header[data-config-header-style="transparent"]:not(.scrolled) .logo-text, .site-header[data-config-header-style="transparent"]:not(.scrolled) .mobile-menu-toggle{color: #fff}.site-header[data-config-header-style="transparent"]:not(.scrolled) .main-nav-item:hover{color: var(--color-accent-light)}.site-header[data-config-header-style="transparent"]:not(.scrolled) .utility-bar{background: rgba(0, 0, 0, 0.35);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-bottom: 1px solid rgba(255, 255, 255, 0.06)}.site-header[data-config-header-style="transparent"].scrolled{background: var(--color-primary);border-bottom: 1px solid transparent;box-shadow: 0 6px 28px rgba(0, 0, 0, 0.22)}.site-header[data-config-header-style="transparent"].scrolled .main-nav-item, .site-header[data-config-header-style="transparent"].scrolled .header-action-btn, .site-header[data-config-header-style="transparent"].scrolled .logo-text, .site-header[data-config-header-style="transparent"].scrolled .mobile-menu-toggle{color: #FFFFFF}.site-header[data-config-header-style="transparent"].scrolled .main-nav-item:hover{color: var(--color-accent)}html[data-theme="dark"] .site-header[data-config-header-style="transparent"].scrolled{background: var(--color-surface);border-bottom: 1px solid var(--color-border);box-shadow: 0 6px 28px rgba(0, 0, 0, 0.6)}html[data-theme="dark"] .site-header[data-config-header-style="transparent"].scrolled .main-nav-item, html[data-theme="dark"] .site-header[data-config-header-style="transparent"].scrolled .header-action-btn, html[data-theme="dark"] .site-header[data-config-header-style="transparent"].scrolled .logo-text, html[data-theme="dark"] .site-header[data-config-header-style="transparent"].scrolled .mobile-menu-toggle{color: var(--color-text)}.site-header[data-config-header-style="transparent"].scrolled .utility-bar{backdrop-filter: none;-webkit-backdrop-filter: none}.site-header[data-config-header-style="transparent"]:not(.scrolled) .logo-image--light{display: none !important}.site-header[data-config-header-style="transparent"]:not(.scrolled) .logo-image--dark{display: block !important}.site-header[data-config-header-style="transparent"].scrolled .logo-image--light{display: none !important}.site-header[data-config-header-style="transparent"].scrolled .logo-image--dark{display: block !important}html[data-theme="dark"] .site-header .logo-image--light, html[data-theme="dark"] .site-header.scrolled .logo-image--light, html[data-theme="dark"] .site-header[data-config-header-style="transparent"] .logo-image--light, html[data-theme="dark"] .site-header[data-config-header-style="transparent"].scrolled .logo-image--light, html[data-theme="dark"] .site-header[data-config-header-style="transparent"]:not(.scrolled) .logo-image--light, html[data-theme="dark"] .site-header[data-config-header-style="solid"] .logo-image--light{display: none !important}html[data-theme="dark"] .site-header .logo-image--dark, html[data-theme="dark"] .site-header.scrolled .logo-image--dark, html[data-theme="dark"] .site-header[data-config-header-style="transparent"] .logo-image--dark, html[data-theme="dark"] .site-header[data-config-header-style="transparent"].scrolled .logo-image--dark, html[data-theme="dark"] .site-header[data-config-header-style="transparent"]:not(.scrolled) .logo-image--dark, html[data-theme="dark"] .site-header[data-config-header-style="solid"] .logo-image--dark{display: block !important}.site-header .main-nav-item .fa-chevron-down{opacity: 0.6;transition: transform 0.2s ease}.site-header .has-mega-menu:hover .fa-chevron-down{transform: rotate(180deg)}.header-inner{display: flex;align-items: center;justify-content: space-between;max-width: var(--container-max, 1280px);margin: 0 auto;padding: 0 var(--space-md);height: 72px;position: relative}.header-logo{display: flex;align-items: center;gap: var(--space-sm);text-decoration: none;color: var(--color-text);font-family: var(--font-heading);font-weight: 700;font-size: var(--text-lg);flex-shrink: 0}.header-logo{display: inline-flex;align-items: center;flex-shrink: 0}.header-logo img{height: 44px !important;width: auto !important;max-width: 200px;display: block}.logo-image--light{display: block}.logo-image--dark{display: none}.header-logo .logo-text{display: none}.main-nav{display: flex;align-items: center;gap: 0}.nav-list{display: flex;align-items: center;list-style: none;margin: 0;padding: 0;gap: 0}.main-nav-item{position: relative;padding: var(--space-sm) var(--space-md);color: var(--color-text);text-decoration: none;font-weight: 600;font-size: var(--text-sm);letter-spacing: 0.01em;transition: color 0.2s ease;white-space: nowrap}.main-nav-item::after{content: '';position: absolute;left: 50%;bottom: 6px;width: 0;height: 2px;background: linear-gradient(90deg, var(--color-primary), var(--color-accent));border-radius: 2px;transform: translateX(-50%);transition: width 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);pointer-events: none}.main-nav-item:hover::after, .main-nav-item.active::after, .has-mega-menu:hover .main-nav-item::after{width: calc(100% - 2 * var(--space-md))}.main-nav-item:hover, .main-nav-item.active{color: var(--color-primary)}.site-header[data-config-header-style="transparent"]:not(.scrolled) .main-nav-item::after{background: linear-gradient(90deg, #fff, var(--color-accent-light))}.site-header[data-config-header-style="transparent"].scrolled .main-nav-item::after{background: linear-gradient(90deg, #fff, var(--color-accent))}.main-nav-item .sale-badge{font-size: 0.625rem;background: var(--color-cta);color: #fff;padding: 0.125rem 0.375rem;border-radius: 9999px;margin-left: 0.25rem;vertical-align: super;font-weight: 700}.header-actions{display: flex;align-items: center;gap: var(--space-xs)}.header-action-btn{position: relative;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: var(--radius-md);color: var(--color-text);text-decoration: none;transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;cursor: pointer;border: none;background: none;font-size: 1.125rem}.header-action-btn:hover{background: var(--color-primary-100);color: var(--color-primary);transform: translateY(-1px)}.header-action-btn:active{transform: translateY(0)}.site-header[data-config-header-style="transparent"].scrolled .header-action-btn:hover{background: rgba(255, 255, 255, 0.18);color: #fff}.site-header[data-config-header-style="transparent"]:not(.scrolled) .header-action-btn:hover{background: rgba(255, 255, 255, 0.15);color: #fff}.header-action-badge{position: absolute;top: 2px;right: 2px;min-width: 18px;height: 18px;border-radius: 9999px;background: var(--color-cta);color: #fff;font-size: 0.625rem;font-weight: 700;display: flex;align-items: center;justify-content: center;line-height: 1;padding: 0 4px}.has-mega-menu{position: static}.mega-menu{position: absolute;top: 100%;left: 0;right: 0;width: 100%;max-width: var(--container-max, 1280px);margin: 0 auto;background: linear-gradient(135deg, rgba(var(--color-primary-rgb), 0.05) 0%, var(--color-surface) 30%, var(--color-surface) 70%, rgba(var(--color-accent-rgb), 0.05) 100%);border: 1px solid var(--color-border);border-radius: 0 0 var(--radius-lg) var(--radius-lg);box-shadow: 0 20px 60px rgba(0, 0, 0, 0.14), 0 4px 12px rgba(var(--color-primary-rgb), 0.05);display: none;z-index: 200;overflow: hidden;isolation: isolate}.mega-menu::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-accent) 50%, var(--color-primary) 100%);z-index: 3}.mega-menu::after{content: '';position: absolute;inset: 0;background: radial-gradient(ellipse 400px 300px at 15% 10%, rgba(var(--color-primary-rgb), 0.08), transparent 60%), radial-gradient(ellipse 500px 400px at 90% 100%, rgba(var(--color-accent-rgb), 0.07), transparent 60%);pointer-events: none;z-index: 0}[data-theme="dark"] .mega-menu{background-color: var(--color-surface);box-shadow: 0 20px 60px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(var(--color-primary-rgb), 0.1)}[data-theme="dark"] .mega-menu::before{background: linear-gradient(90deg, var(--color-primary-light) 0%, var(--color-accent-light) 50%, var(--color-primary-light) 100%)}[data-theme="dark"] .mega-menu::after{opacity: 0.6}.mega-menu.open{display: block;animation: megaFadeIn 0.25s ease}@keyframes megaFadeIn{from{opacity: 0;transform: translateY(-8px)}to{opacity: 1;transform: translateY(0)}}.mega-menu-layout{display: grid;grid-template-columns: 320px 1fr 280px;gap: 0;min-height: 460px}.mega-menu-sidebar{background-color: var(--color-bg-alt);background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 300 300'><g fill='none' stroke='%233D9A2B' stroke-opacity='0.1' stroke-width='1.2'><path d='M 0 60 Q 75 40 150 70 T 300 50'/><path d='M 0 110 Q 75 85 150 120 T 300 105'/><path d='M 0 160 Q 75 135 150 170 T 300 155'/><path d='M 0 210 Q 75 185 150 220 T 300 205'/><path d='M 0 260 Q 75 235 150 270 T 300 250'/></g></svg>");background-repeat: repeat;background-size: 300px 300px;padding: 0.5rem 0;border-right: 1px solid var(--color-border)}html[data-theme="dark"] .mega-menu-sidebar{background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 300 300'><g fill='none' stroke='%236BCB55' stroke-opacity='0.13' stroke-width='1.2'><path d='M 0 60 Q 75 40 150 70 T 300 50'/><path d='M 0 110 Q 75 85 150 120 T 300 105'/><path d='M 0 160 Q 75 135 150 170 T 300 155'/><path d='M 0 210 Q 75 185 150 220 T 300 205'/><path d='M 0 260 Q 75 235 150 270 T 300 250'/></g></svg>")}.mega-menu-roots{list-style: none;padding: 0;margin: 0}.mega-root-link{display: flex;align-items: center;gap: 1rem;padding: 0.75rem 1.25rem;text-decoration: none;color: var(--color-text);font-size: 1.0625rem;font-weight: 600;transition: background 0.15s ease, color 0.15s ease, padding-left 0.15s ease;position: relative;border-left: 4px solid transparent;min-height: 92px}.mega-root-link:hover, .mega-root-link.active{background: var(--color-surface);color: var(--color-primary);border-left-color: var(--color-primary);padding-left: 1.375rem}.mega-root-thumb{width: 76px;height: 76px;border-radius: 10px;background-size: cover;background-position: center 30%;background-repeat: no-repeat;flex-shrink: 0;background-color: #2a2a2a;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);transition: transform 0.2s ease, box-shadow 0.2s ease}.mega-root-link:hover .mega-root-thumb, .mega-root-link.active .mega-root-thumb{transform: scale(1.04);box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18)}.mega-root-thumb--empty{background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light))}.mega-root-name{flex: 1;min-width: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.mega-root-count{font-size: 0.75rem;color: var(--color-text-muted);font-weight: 400;background: var(--color-border);padding: 0.1rem 0.5rem;border-radius: 999px;margin-right: 0.25rem}.mega-root-link:hover .mega-root-count, .mega-root-link.active .mega-root-count{background: var(--color-primary-100);color: var(--color-primary)}.mega-root-chevron{font-size: 0.625rem;color: var(--color-text-faint);opacity: 0;transition: opacity 0.15s ease}.mega-root-link:hover .mega-root-chevron, .mega-root-link.active .mega-root-chevron{opacity: 1;color: var(--color-primary)}.mega-menu-main{padding: 1.25rem 1.5rem;position: relative;min-height: 420px;max-height: 70vh;overflow-y: auto;scrollbar-width: thin;scrollbar-color: var(--color-border) transparent;background-color: var(--color-bg-alt);background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 300 300'><g fill='none' stroke='%233D9A2B' stroke-opacity='0.1' stroke-width='1.2'><path d='M 0 60 Q 75 40 150 70 T 300 50'/><path d='M 0 110 Q 75 85 150 120 T 300 105'/><path d='M 0 160 Q 75 135 150 170 T 300 155'/><path d='M 0 210 Q 75 185 150 220 T 300 205'/><path d='M 0 260 Q 75 235 150 270 T 300 250'/></g></svg>"), radial-gradient(ellipse 500px 400px at 0% 0%, rgba(var(--color-primary-rgb), 0.09), transparent 65%), radial-gradient(ellipse 500px 400px at 100% 100%, rgba(var(--color-accent-rgb), 0.09), transparent 65%);background-repeat: repeat, no-repeat, no-repeat;background-size: 300px 300px, auto, auto}html[data-theme="dark"] .mega-menu-main{background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 300 300'><g fill='none' stroke='%236BCB55' stroke-opacity='0.13' stroke-width='1.2'><path d='M 0 60 Q 75 40 150 70 T 300 50'/><path d='M 0 110 Q 75 85 150 120 T 300 105'/><path d='M 0 160 Q 75 135 150 170 T 300 155'/><path d='M 0 210 Q 75 185 150 220 T 300 205'/><path d='M 0 260 Q 75 235 150 270 T 300 250'/></g></svg>"), radial-gradient(ellipse 500px 400px at 0% 0%, rgba(var(--color-primary-rgb), 0.14), transparent 65%), radial-gradient(ellipse 500px 400px at 100% 100%, rgba(var(--color-accent-rgb), 0.1), transparent 65%)}.mega-panel{display: none;animation: megaPanelFade 0.3s ease}.mega-panel.active{display: block}@keyframes megaPanelFade{from{opacity: 0;transform: translateX(6px)}to{opacity: 1;transform: translateX(0)}}.mega-panel-header{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 1rem;padding-bottom: 0.75rem;border-bottom: 1px solid var(--color-border)}.mega-panel-title{font-family: var(--font-heading);font-weight: 800;font-size: 1.25rem;margin: 0;letter-spacing: -0.01em;color: var(--color-text)}.mega-panel-count{font-size: 0.8125rem;color: var(--color-text-muted);font-weight: 400;margin-top: 0.125rem}.mega-panel-all{display: inline-flex;align-items: center;gap: 0.4rem;color: var(--color-primary);text-decoration: none;font-size: 0.8125rem;font-weight: 600;white-space: nowrap}.mega-panel-all:hover{color: var(--color-primary-dark)}.mega-panel-all i{transition: transform 0.15s ease;font-size: 0.75rem}.mega-panel-all:hover i{transform: translateX(3px)}.mega-panel-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));gap: 0.5rem;align-items: stretch}.mega-card{aspect-ratio: 1 / 1}.mega-card-name{font-size: 0.8125rem}.mega-card--lvl1 .mega-card-name{font-weight: 700}.mega-card--lvl2 .mega-card-name{font-weight: 600}.mega-card--lvl3 .mega-card-name, .mega-card--lvl4 .mega-card-name, .mega-card--lvl5 .mega-card-name{font-weight: 500}.mega-panel-empty{display: grid;grid-template-columns: 1fr}.mega-panel-split{display: grid;grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);gap: 1.25rem}.mega-panel-split:has(.mega-panel-sublist:empty), .mega-panel-split:not(:has(.mega-panel-sublist)){grid-template-columns: 1fr}.mega-panel-stack{display: flex;flex-direction: column;gap: 1.25rem}.mega-panel.active{animation: megaPanelFade 0.28s cubic-bezier(0.33, 1, 0.68, 1)}@keyframes megaPanelFade{from{opacity: 0;transform: translateX(8px)}to{opacity: 1;transform: translateX(0)}}.mega-panel-sublist{display: grid;grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));gap: 0.75rem 1rem;align-content: start}.mega-sublist-col{min-width: 0}.mega-sublist-heading{display: block;font-family: var(--font-heading);font-weight: 700;font-size: 0.85rem;color: var(--color-text);text-decoration: none;padding-bottom: 0.4rem;margin-bottom: 0.35rem;border-bottom: 1px solid var(--color-border);transition: color 0.2s ease}.mega-sublist-heading:hover{color: var(--color-primary)}.mega-sublist{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 0.1rem}.mega-sublist li{margin: 0;list-style: none}.mega-sublist a{display: flex;justify-content: space-between;align-items: center;gap: 0.5rem;padding: 0.25rem 0.35rem;color: var(--color-text-muted);text-decoration: none;font-size: 0.8125rem;border-radius: 4px;transition: color 0.18s ease, background 0.18s ease, padding-left 0.2s ease;line-height: 1.3}.mega-sublist a:hover{color: var(--color-primary);background: rgba(var(--color-primary-rgb), 0.06);padding-left: 0.6rem}.mega-sublist-count{font-size: 0.7rem;color: var(--color-text-faint);font-weight: 600;flex-shrink: 0}.mega-sublist a:hover .mega-sublist-count{color: var(--color-primary)}.mega-sublist--nested{padding-left: 0.75rem;margin-top: 0.15rem;margin-bottom: 0.1rem;border-left: 1px dashed var(--color-border)}.mega-sublist-item--lvl3 > a{font-size: 0.78rem;color: var(--color-text-faint)}.mega-sublist-item--lvl4 > a{font-size: 0.75rem;color: var(--color-text-faint);font-style: italic}.mega-sublist-item--lvl5 > a{font-size: 0.72rem;color: var(--color-text-faint);font-style: italic}@media (max-width: 1100px){.mega-panel-split{grid-template-columns: 1fr}.mega-panel-sublist{grid-template-columns: repeat(auto-fill, minmax(120px, 1fr))}}.mega-card{position: relative;display: block;aspect-ratio: 1 / 1;text-decoration: none !important;background: transparent !important;border: 0 !important;outline: 0 !important;box-shadow: none;-webkit-tap-highlight-color: transparent;transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);will-change: transform}.mega-card:hover, .mega-card:focus, .mega-card:focus-visible, .mega-card:active{outline: 0 !important;border: 0 !important;box-shadow: none}.mega-card-clip{position: absolute;inset: 0;border-radius: 12px;overflow: hidden;background: var(--color-bg-alt);transform: translateZ(0);backface-visibility: hidden;-webkit-backface-visibility: hidden;isolation: isolate}.mega-card-img{position: absolute;inset: -1px;width: calc(100% + 2px);height: calc(100% + 2px);object-fit: cover;object-position: center 30%;display: block;image-rendering: auto;transform: translateZ(0);backface-visibility: hidden;-webkit-backface-visibility: hidden;transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);filter: saturate(1.05);will-change: transform}.mega-card:hover .mega-card-img{transform: scale(1.06) translateZ(0)}.mega-card--large{aspect-ratio: 16 / 9;grid-column: 1 / -1}.mega-card-fallback{position: absolute;inset: 0;background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));opacity: 0.85}.mega-card-overlay{position: absolute;inset: 0;background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.2) 60%, transparent 100%);display: flex;flex-direction: column;justify-content: flex-end;padding: 0.75rem;color: #fff}.mega-card-name{font-family: var(--font-heading);font-weight: 700;font-size: 0.9375rem;line-height: 1.2;color: #fff}.mega-card-count{font-size: 0.6875rem;color: rgba(255, 255, 255, 0.85);margin-top: 0.2rem;text-transform: uppercase;letter-spacing: 0.06em;font-weight: 600}.mega-menu-promo-side{padding: 1.25rem;background: var(--color-bg-alt);border-left: 1px solid var(--color-border);display: flex;align-items: stretch}.mega-menu-promo-new{width: 100%;min-height: 320px;color: #fff;border-radius: 10px;overflow: hidden;position: relative;background-size: cover;background-position: center;background-color: var(--color-primary-dark);display: flex}.mega-menu-promo-overlay{position: absolute;inset: 0;background: linear-gradient(155deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.55) 50%, rgba(0, 0, 0, 0.85) 100%);z-index: 1}.mega-menu-promo-content{position: relative;z-index: 2;padding: 1.25rem;display: flex;flex-direction: column;justify-content: flex-end;width: 100%}.mega-menu-promo-new .mega-promo-badge{display: inline-flex;align-items: center;gap: 0.35rem;background: var(--color-cta, #E63946);color: #fff;padding: 0.35rem 0.8rem;border-radius: 999px;font-size: 0.7rem;font-weight: 800;letter-spacing: 0.12em;text-transform: uppercase;width: fit-content;margin-bottom: 0.75rem;box-shadow: 0 4px 12px rgba(230, 57, 70, 0.4)}.mega-menu-promo-new .mega-promo-title{font-family: var(--font-heading);font-weight: 800;font-size: 1.375rem;margin: 0 0 0.5rem;line-height: 1.15;color: #fff;text-shadow: 0 2px 12px rgba(0, 0, 0, 0.6)}.mega-menu-promo-new .mega-promo-desc{font-size: 0.8125rem;opacity: 0.95;line-height: 1.5;margin: 0 0 1rem;color: #fff;text-shadow: 0 1px 6px rgba(0, 0, 0, 0.5)}.mega-menu-promo-new .mega-promo-btn{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.7rem 1.1rem;background: var(--color-accent, #F4A51C);color: #FFFFFF;text-decoration: none;font-weight: 800;font-size: 0.8125rem;letter-spacing: 0.02em;border-radius: 6px;width: fit-content;transition: background-color 0.2s ease, transform 0.2s ease;box-shadow: none}.mega-menu-promo-new .mega-promo-btn:hover{transform: translateX(4px);background: var(--color-accent-light, #FDB64A);box-shadow: none}.mega-menu-promo-new .mega-promo-btn i{transition: transform 0.2s ease}.mega-menu-promo-new .mega-promo-btn:hover i{transform: translateX(2px)}@media (max-width: 1100px){.mega-menu-layout{grid-template-columns: 200px 1fr}.mega-menu-promo-side{display: none}.mega-panel-grid{grid-template-columns: repeat(3, 1fr)}}@media (max-width: 900px){.mega-menu-layout{grid-template-columns: 1fr}.mega-menu-sidebar{border-right: none;border-bottom: 1px solid var(--color-border);max-height: 200px;overflow-y: auto}.mega-panel-grid{grid-template-columns: repeat(2, 1fr)}}.mega-menu .mega-menu-bottom{padding: 0.75rem 1.5rem;background: var(--color-bg-alt);border-top: 1px solid var(--color-border);text-align: center}.mega-menu .mega-menu-all-link{display: inline-flex;align-items: center;gap: 0.5rem;color: var(--color-primary);text-decoration: none;font-weight: 600;font-size: 0.875rem}.mega-menu .mega-menu-all-link:hover{color: var(--color-primary-dark)}.mega-menu-grid{display: grid;grid-template-columns: repeat(3, 1fr) 260px;gap: 0;padding: var(--space-lg) var(--space-xl)}.mega-menu-column{padding: 0 var(--space-md);border-right: 1px solid var(--color-border-light)}.mega-menu-column:last-child{border-right: none;padding-right: 0}.mega-menu-group{margin-bottom: var(--space-lg)}.mega-menu-group:last-child{margin-bottom: 0}.mega-menu-group h4{margin: 0 0 var(--space-xs) 0}.mega-menu-group-title{font-family: var(--font-heading);font-size: var(--text-sm);font-weight: 700;text-transform: uppercase;letter-spacing: 0.04em;color: var(--color-primary);text-decoration: none;display: flex;align-items: center;gap: 0.5rem;transition: color 0.15s ease}.mega-menu-group-title:hover{color: var(--color-primary-light)}.mega-menu-group-title i{font-size: 0.875rem;width: 1.25rem;text-align: center;opacity: 0.7}.mega-menu-link{display: block;padding: 0.3rem 0 0.3rem 1.75rem;color: var(--color-text);text-decoration: none;font-size: var(--text-sm);transition: color 0.15s ease, padding-left 0.15s ease;line-height: 1.4}.mega-menu-link:hover{color: var(--color-primary);padding-left: 2rem}.mega-menu-link--sub{font-weight: 500;color: var(--color-text);padding-left: 1.75rem}.mega-menu-link--sub-sub{font-size: 0.8125rem;color: var(--color-text-muted);padding-left: 2.75rem;font-weight: 400}.mega-menu-link--sub-sub::before{content: '— ';opacity: 0.5;margin-right: 0.25rem;margin-left: -0.75rem}.mega-menu-subgroup{margin-bottom: 0.25rem}.mega-menu-count{font-size: var(--text-xs);color: var(--color-text-faint);font-weight: 400}.mega-menu-count-header{font-size: 0.75rem;color: var(--color-text-muted);font-weight: 400}.mega-menu-promo-col{border-right: none !important;padding: 0 !important}.mega-menu-promo{background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);border-radius: var(--radius-md);padding: var(--space-lg);display: flex;flex-direction: column;justify-content: center;min-height: 100%;color: #fff;position: relative;overflow: hidden}.mega-menu-promo::before{content: '';position: absolute;top: -30px;right: -30px;width: 120px;height: 120px;border-radius: 50%;background: rgba(255, 255, 255, 0.08)}.mega-promo-badge{display: inline-flex;align-items: center;gap: 0.375rem;background: var(--color-cta);color: #fff;padding: 0.25rem 0.75rem;border-radius: 9999px;font-size: 0.6875rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;width: fit-content;margin-bottom: var(--space-md)}.mega-promo-title{font-family: var(--font-heading);font-size: var(--text-xl);font-weight: 700;margin: 0 0 var(--space-xs) 0;color: #fff;text-transform: none;letter-spacing: 0}.mega-promo-desc{font-size: var(--text-sm);opacity: 0.85;margin: 0 0 var(--space-md) 0}.mega-promo-btn{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.5rem 1.25rem;background: var(--color-surface);color: var(--color-primary);text-decoration: none;font-weight: 600;font-size: var(--text-sm);border-radius: var(--radius-md);transition: transform 0.15s ease, box-shadow 0.15s ease}.mega-promo-btn:hover{transform: translateY(-1px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15)}.mega-menu-bottom{padding: var(--space-sm) var(--space-xl);border-top: 1px solid var(--color-border-light);background: var(--color-bg-alt);text-align: center}.mega-menu-all-link{display: inline-flex;align-items: center;gap: 0.5rem;color: var(--color-primary);text-decoration: none;font-weight: 600;font-size: var(--text-sm);padding: var(--space-xs) var(--space-md);border-radius: var(--radius-sm);transition: background-color 0.15s ease}.mega-menu-all-link:hover{background: var(--color-primary-50)}.hero{position: relative;min-height: 100vh !important;min-height: 100svh !important;height: 100vh !important;height: 100svh !important;display: flex !important;align-items: center !important;overflow: hidden;margin-top: -108px !important;padding: 0 !important;box-sizing: border-box}@media (max-width: 768px){.hero{margin-top: -60px !important}#app-content{padding-top: 60px !important}}.hero-bg{position: absolute;inset: 0;z-index: 0}.hero-bg img{width: 100%;height: 100%;object-fit: cover}.hero-bg::after{content: '';position: absolute;inset: 0;background: linear-gradient(135deg, rgba(9, 33, 67, 0.8) 0%, rgba(9, 33, 67, 0.3) 100%)}.hero-content{position: relative;z-index: 1;max-width: var(--container-max, 1280px);margin: 0 auto;padding: var(--space-3xl) var(--space-md);color: #fff}.hero-title{font-family: var(--font-heading);font-size: clamp(2rem, 5vw, 3.5rem);font-weight: 800;line-height: 1.1;margin-bottom: var(--space-md);max-width: 700px}.hero-subtitle{font-size: clamp(1rem, 2vw, 1.25rem);opacity: 0.9;margin-bottom: var(--space-xl);max-width: 500px}.hero-actions{display: flex;gap: var(--space-md);flex-wrap: wrap}.trust-bar{background: var(--color-surface);border-bottom: 1px solid var(--color-border);padding: var(--space-lg) 0}.trust-bar-inner{display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--space-md);max-width: var(--container-max, 1280px);margin: 0 auto;padding: 0 var(--space-md)}.trust-item{display: flex;align-items: center;gap: var(--space-sm);text-align: left}.trust-item-icon{width: 44px;height: 44px;border-radius: var(--radius-md);background: var(--color-primary-50);color: var(--color-primary);display: flex;align-items: center;justify-content: center;font-size: 1.25rem;flex-shrink: 0}.trust-item-text strong{display: block;font-size: var(--text-sm);font-weight: 600;color: var(--color-text)}.trust-item-text span{font-size: var(--text-xs);color: var(--color-text-muted)}.section{padding: var(--space-3xl) 0}.section--bg{background: var(--color-bg-alt)}.section-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: var(--space-xl)}.section-title{font-family: var(--font-heading);font-size: var(--text-2xl);font-weight: 700;color: var(--color-text)}.section-link{color: var(--color-primary);text-decoration: none;font-weight: 500;font-size: var(--text-sm);display: flex;align-items: center;gap: 0.25rem;transition: gap 0.2s ease}.section-link:hover{gap: 0.5rem}.container{max-width: var(--container-max, 1280px);margin: 0 auto;padding: 0 var(--space-md)}.products-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--space-lg)}.product-card{background: var(--color-surface);border: 1px solid var(--color-border-light);border-radius: var(--radius-lg);overflow: hidden;transition: box-shadow 0.2s ease, transform 0.2s ease;position: relative}.product-card:hover{box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);transform: translateY(-2px)}.product-card-image{position: relative;aspect-ratio: 1;overflow: hidden;background: var(--color-bg-alt)}.product-card-image img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease}.product-card:hover .product-card-image img{transform: scale(1.05)}.product-card-badges{position: absolute;top: var(--space-sm);left: var(--space-sm);display: flex;flex-direction: column;gap: 4px}.product-badge{padding: 0.25rem 0.625rem;border-radius: var(--radius-sm);font-size: 0.6875rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.03em}.product-badge--sale{background: var(--color-sale-badge);color: #fff}.product-badge--new{background: var(--color-new-badge);color: #fff}.product-card-wishlist{position: absolute;top: var(--space-sm);right: var(--space-sm);width: 36px;height: 36px;border-radius: 50%;background: rgba(255, 255, 255, 0.9);border: none;cursor: pointer;display: flex;align-items: center;justify-content: center;color: var(--color-text-muted);transition: color 0.15s ease, background-color 0.15s ease;font-size: 1rem}.product-card-wishlist:hover, .product-card-wishlist.active{color: var(--color-cta);background: var(--color-surface)}.product-card-quick-view{position: absolute;bottom: var(--space-sm);left: 50%;transform: translateX(-50%) translateY(10px);opacity: 0;padding: 0.5rem 1rem;background: var(--color-primary);color: #fff;border: none;border-radius: var(--radius-md);font-size: var(--text-xs);font-weight: 600;cursor: pointer;transition: opacity 0.2s ease, transform 0.2s ease;white-space: nowrap}.product-card:hover .product-card-quick-view{opacity: 1;transform: translateX(-50%) translateY(0)}.product-card-body{padding: var(--space-md)}.product-card-brand{font-size: var(--text-xs);font-weight: 600;text-transform: uppercase;letter-spacing: 0.03em;color: var(--color-text-muted);margin-bottom: 0.25rem}.product-card-name{font-weight: 600;font-size: var(--text-sm);color: var(--color-text);margin-bottom: 0.375rem;line-height: 1.3;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.product-card-name a{color: inherit;text-decoration: none}.product-card-rating{display: flex;align-items: center;gap: 0.25rem;margin-bottom: 0.5rem;font-size: var(--text-xs);color: var(--color-warning)}.product-card-rating span{color: var(--color-text-muted)}.product-card-price{display: flex;align-items: baseline;gap: 0.5rem}.product-price-current{font-weight: 700;font-size: var(--text-lg);color: var(--color-price)}.product-price-current.sale{color: var(--color-price-sale)}.product-price-original{font-size: var(--text-sm);color: var(--color-price-old);text-decoration: line-through}.product-card-variants{display: flex;gap: 0.25rem;margin-top: 0.5rem;flex-wrap: wrap}.product-card-variants .size-dot{width: 28px;height: 24px;border: 1px solid var(--color-border);border-radius: var(--radius-sm);display: flex;align-items: center;justify-content: center;font-size: 0.625rem;font-weight: 600;color: var(--color-text-muted)}.categories-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--space-md)}.category-card{position: relative;border-radius: var(--radius-lg);overflow: hidden;aspect-ratio: 4/3;cursor: pointer}.category-card img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease}.category-card:hover img{transform: scale(1.05)}.category-card-overlay{position: absolute;inset: 0;background: linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, 0.7) 100%);display: flex;align-items: flex-end;padding: var(--space-md)}.category-card-name{color: #fff;font-family: var(--font-heading);font-weight: 700;font-size: var(--text-lg)}.site-footer{background: #15191a;background: color-mix(in srgb, var(--color-primary) 12%, #050505 88%);color: var(--color-footer-text, #F0F5F0);padding: var(--space-3xl) 0 0}[data-theme="dark"] .site-footer{background: #050A05}.footer-inner{display: grid;grid-template-columns: 1.5fr repeat(3, 1fr);gap: var(--space-xl);max-width: var(--container-max, 1280px);margin: 0 auto;padding: 0 var(--space-md) var(--space-xl)}.footer-brand p{color: inherit;opacity: 0.85;font-size: var(--text-sm);line-height: 1.6;margin-top: var(--space-sm)}.footer-heading{font-family: var(--font-heading);font-weight: 700;font-size: var(--text-sm);text-transform: uppercase;letter-spacing: 0.05em;margin-bottom: var(--space-md);opacity: 0.7}.footer-links{list-style: none;padding: 0;margin: 0}.footer-links li{margin-bottom: 0.5rem}.footer-links a{color: var(--color-text-inverse);text-decoration: none;font-size: var(--text-sm);opacity: 0.85;transition: opacity 0.15s ease}.footer-links a:hover{opacity: 1}.footer-social{display: flex;gap: var(--space-sm);margin-top: var(--space-md)}.footer-social a{width: 36px;height: 36px;border-radius: var(--radius-md);background: rgba(255, 255, 255, 0.1);display: flex;align-items: center;justify-content: center;color: #fff;text-decoration: none;transition: background-color 0.15s ease}.footer-social a:hover{background: rgba(255, 255, 255, 0.2)}.footer-bottom{border-top: 1px solid rgba(255, 255, 255, 0.15);padding: var(--space-md) 0}.footer-bottom-inner{display: flex;justify-content: space-between;align-items: center;max-width: var(--container-max, 1280px);margin: 0 auto;padding: 0 var(--space-md);font-size: var(--text-xs);opacity: 0.7;gap: var(--space-md);flex-wrap: wrap}@media (max-width: 600px){.footer-bottom-inner{flex-direction: column;align-items: center;text-align: center;gap: 0.75rem}}.footer-bottom-links{display: flex;gap: var(--space-md);flex-wrap: wrap;justify-content: center}.footer-bottom-links a{color: var(--color-text-inverse);text-decoration: none;opacity: 0.8}.footer-bottom-links a:hover{opacity: 1}.newsletter-section{background: linear-gradient(135deg, #152815 0%, #1F3D1F 100%);padding: var(--space-xl) 0;color: #F0F5F0}[data-theme="dark"] .newsletter-section{background: linear-gradient(135deg, #050A05 0%, #0F1D0F 100%)}.newsletter-inner{max-width: var(--container-max, 1280px);margin: 0 auto;padding: 0 var(--space-md);display: flex;justify-content: space-between;align-items: center;gap: var(--space-xl)}.newsletter-text h3{font-family: var(--font-heading);font-weight: 700;font-size: var(--text-xl);color: #FFFFFF}.newsletter-text p{font-size: var(--text-sm);color: rgba(240, 245, 240, 0.8)}.newsletter-form{display: flex;gap: 0.5rem}.newsletter-form input{padding: 0.75rem 1rem;border: 2px solid rgba(255, 255, 255, 0.15);border-radius: var(--radius-md);font-size: var(--text-sm);min-width: 280px;background: rgba(255, 255, 255, 0.08);color: #FFFFFF}.newsletter-form input::placeholder{color: rgba(240, 245, 240, 0.55)}.newsletter-form input:focus{outline: none;border-color: var(--color-accent);background: rgba(255, 255, 255, 0.12)}.newsletter-form button{padding: 0.75rem 1.5rem;background: var(--color-accent);color: #152815;border: none;border-radius: var(--radius-md);font-weight: 700;cursor: pointer;white-space: nowrap;transition: background-color 0.15s ease, transform 0.15s ease}.newsletter-form button:hover{background: var(--color-accent-light);transform: translateY(-1px)}@media (max-width: 1024px){.products-grid{grid-template-columns: repeat(3, 1fr)}.categories-grid{grid-template-columns: repeat(3, 1fr)}.footer-inner{grid-template-columns: repeat(2, 1fr)}.trust-bar-inner{grid-template-columns: repeat(2, 1fr)}}@media (max-width: 920px){.main-nav{display: none}.utility-bar{display: none}.header-inner{height: 60px;padding: 0 var(--space-sm)}.header-logo img{height: 36px !important;max-width: 140px}.header-actions{gap: 0}.header-action-btn{width: 36px;height: 36px;font-size: 1rem}.header-actions .lang-dropdown, .header-actions #theme-toggle, .header-actions #header-user-btn, .header-actions a[aria-label="Oblibene"]{display: none}.mega-menu{display: none !important}#app-content{padding-top: 60px}.search-overlay{padding-top: 72px;padding-left: 0;padding-right: 0}.search-overlay-inner{max-width: 100%;border-radius: 0;min-height: calc(100dvh - 72px)}.search-input-wrapper{padding: var(--space-sm) var(--space-md);font-size: 1rem}.search-input-wrapper input{font-size: 1rem;min-width: 0}}@media (max-width: 768px){.hero{min-height: 100dvh;height: 100dvh}.hero-title{font-size: clamp(1.75rem, 6vw, 2.5rem)}.products-grid{grid-template-columns: repeat(2, 1fr);gap: var(--space-md)}.categories-grid{grid-template-columns: repeat(2, 1fr)}.trust-bar-inner{grid-template-columns: 1fr;gap: var(--space-sm)}.footer-inner{grid-template-columns: 1fr}.newsletter-inner{flex-direction: column;text-align: center}.newsletter-form{flex-direction: column;width: 100%}.newsletter-form input{min-width: 0;width: 100%}.section{padding: var(--space-xl) 0}}@media (max-width: 480px){.header-inner{height: 56px;padding: 0 0.625rem}.header-logo img{height: 32px !important;max-width: 120px}#app-content{padding-top: 56px}.header-action-btn{width: 34px;height: 34px;font-size: 0.95rem}.products-grid{grid-template-columns: repeat(2, 1fr);gap: var(--space-sm)}.product-card-body{padding: var(--space-sm)}.product-price-current{font-size: var(--text-md)}}.lang-dropdown{position: relative}.lang-dropdown-trigger{display: inline-flex !important;align-items: center;gap: 4px;width: auto !important;min-width: 40px;padding: 0 var(--space-xs) !important}.lang-current-flag{width: 20px;height: 20px;border-radius: 2px}.lang-chevron{transition: transform 0.2s ease;opacity: 0.5;font-size: 0.5rem}.lang-dropdown.open .lang-chevron{transform: rotate(180deg)}.lang-dropdown-menu{position: absolute;top: calc(100% + 4px);right: 0;min-width: 160px;background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-md);box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);padding: var(--space-xs);opacity: 0;visibility: hidden;transform: translateY(-8px);transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;z-index: 300}.lang-dropdown.open .lang-dropdown-menu{opacity: 1;visibility: visible;transform: translateY(0)}.lang-option{display: flex;align-items: center;gap: var(--space-sm);padding: var(--space-sm) var(--space-md);width: 100%;border: none;background: none;cursor: pointer;font-size: var(--text-sm);color: var(--color-text-muted);border-radius: var(--radius-sm);transition: background-color 0.15s ease, color 0.15s ease}.lang-option:hover{background: var(--color-primary-50);color: var(--color-text)}.lang-option.active{color: var(--color-primary);font-weight: 600}.lang-flag{width: 20px;height: 20px;display: inline-flex;align-items: center;flex-shrink: 0}.lang-flag img{width: 20px;height: 20px;border-radius: 2px}.lang-name{flex: 1;text-align: left}[data-theme="light"] .theme-icon-light{display: inline-block !important}[data-theme="light"] .theme-icon-dark{display: none !important}[data-theme="dark"] .theme-icon-dark{display: inline-block !important}[data-theme="dark"] .theme-icon-light{display: none !important}.search-overlay{position: fixed;inset: 0;background: rgba(0, 0, 0, 0.6);backdrop-filter: blur(4px);z-index: 500;display: flex;align-items: flex-start;justify-content: center;padding-top: 120px;animation: fadeIn 0.2s ease}@keyframes fadeIn{from{opacity: 0}to{opacity: 1}}.search-overlay-inner{width: 100%;max-width: 640px;background: var(--color-surface);border-radius: var(--radius-lg);box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);overflow: hidden}.search-input-wrapper{display: flex;align-items: center;gap: var(--space-md);padding: var(--space-md) var(--space-lg);border-bottom: 1px solid var(--color-border);font-size: 1.125rem;color: var(--color-text-muted)}.search-input-wrapper input{flex: 1;border: none;outline: none;background: none;font-size: 1.125rem;color: var(--color-text);font-family: var(--font-body)}.search-input-wrapper input::placeholder{color: var(--color-text-faint)}.search-close-btn{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;border: none;background: var(--color-bg-alt);border-radius: var(--radius-sm);cursor: pointer;color: var(--color-text-muted);transition: background-color 0.15s ease;font-size: 1rem}.search-close-btn:hover{background: var(--color-border)}.search-results{max-height: 400px;overflow-y: auto;padding: var(--space-md)}.search-results:empty{display: none}.mobile-nav-overlay{position: fixed;top: 0;right: 0;bottom: 0;left: auto;width: min(380px, 88vw);max-width: 88vw;background: var(--color-surface);z-index: 400;overflow-y: auto;box-shadow: -8px 0 32px rgba(0, 0, 0, 0.25);animation: slideInRight 0.3s cubic-bezier(0.2, 0.8, 0.2, 1)}@keyframes slideInRight{from{transform: translateX(100%)}to{transform: translateX(0)}}.mobile-nav-backdrop{position: fixed;inset: 0;background: rgba(0, 0, 0, 0.5);z-index: 399;animation: mobileNavBackdropFade 0.25s ease}@keyframes mobileNavBackdropFade{from{opacity: 0}to{opacity: 1}}.mobile-nav-inner{display: flex;flex-direction: column;width: 100%;min-height: 100%}.mobile-nav-header{display: flex;align-items: center;justify-content: space-between;padding: var(--space-md) var(--space-lg);border-bottom: 1px solid var(--color-border)}.mobile-nav-header .logo-text{font-family: var(--font-heading);font-weight: 700;font-size: var(--text-lg);color: var(--color-text)}.mobile-nav-close{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border: none;background: none;cursor: pointer;color: var(--color-text);font-size: 1.25rem;transition: opacity 0.15s ease}.mobile-nav-close:hover{opacity: 0.6}.mobile-nav-links{flex: 1;display: flex;flex-direction: column;padding: var(--space-md) 0}.mobile-nav-links a{display: block;padding: var(--space-md) var(--space-lg);color: var(--color-text);text-decoration: none;font-family: var(--font-heading);font-weight: 600;font-size: var(--text-lg);border-bottom: 1px solid var(--color-border-light);transition: background-color 0.15s ease, color 0.15s ease}.mobile-nav-links a:hover, .mobile-nav-links a.active{background: var(--color-primary-50);color: var(--color-primary)}.mobile-nav-categories{display: block;border-bottom: 1px solid var(--color-border-light)}.mobile-nav-cat-root{width: 100%;display: flex;align-items: center;justify-content: space-between;padding: var(--space-md) var(--space-lg);background: none;border: none;cursor: pointer;color: var(--color-text);font-family: var(--font-heading);font-weight: 600;font-size: var(--text-lg);text-align: left}.mobile-nav-cat-chevron{transition: transform 0.2s ease;font-size: 0.85rem;color: var(--color-text-muted)}.mobile-nav-cat-root[aria-expanded="true"] .mobile-nav-cat-chevron{transform: rotate(180deg)}.mobile-nav-cat-tree{background: var(--color-bg-alt);padding: 0.25rem 0 0.5rem;overflow: hidden;transform-origin: top center;animation: eshop-slide-down 0.4s cubic-bezier(0.2, 0.9, 0.25, 1)}@keyframes eshop-slide-down{0%{opacity: 0;max-height: 0;padding-top: 0;padding-bottom: 0;transform: translateY(-8px) scaleY(0.85)}40%{opacity: 1}100%{opacity: 1;max-height: 1600px;padding-top: 0.25rem;padding-bottom: 0.5rem;transform: translateY(0) scaleY(1)}}.mobile-nav-cat-group{padding: 0.25rem 0}.mobile-nav-cat-parent{display: flex;justify-content: space-between;align-items: center;padding: 0.65rem var(--space-lg) 0.4rem calc(var(--space-lg) + 0.75rem);color: var(--color-text);text-decoration: none;font-weight: 700;font-size: var(--text-base);border: 0}.mobile-nav-cat-parent:hover{background: var(--color-primary-50);color: var(--color-primary)}.mobile-nav-cat-kids{display: flex;flex-direction: column;padding-left: 0.5rem}.mobile-nav-cat-kid{display: flex;justify-content: space-between;padding: 0.45rem var(--space-lg) 0.45rem calc(var(--space-lg) + 1.75rem);color: var(--color-text-muted);text-decoration: none;font-weight: 500;font-size: 0.95rem;border: 0}.mobile-nav-cat-kid:hover{background: var(--color-primary-50);color: var(--color-primary)}.mobile-nav-cat-count{color: var(--color-text-faint);font-weight: 500;font-size: 0.85em}.mobile-nav-cat-all{display: block;padding: 0.6rem var(--space-lg) 0.6rem calc(var(--space-lg) + 0.75rem);color: var(--color-primary);text-decoration: none;font-weight: 600;font-size: 0.9rem;border: 0 !important;background: var(--color-bg-alt)}.mobile-nav-footer{padding: var(--space-lg);border-top: 1px solid var(--color-border);display: flex;flex-direction: column;gap: var(--space-sm)}.mobile-nav-action{display: flex;align-items: center;gap: var(--space-sm);padding: var(--space-sm) var(--space-md);color: var(--color-text-muted);text-decoration: none;font-size: var(--text-sm);font-weight: 500;border-radius: var(--radius-md);transition: background-color 0.15s ease, color 0.15s ease}.mobile-nav-action:hover{background: var(--color-primary-50);color: var(--color-primary)}.mobile-nav-action i{width: 20px;text-align: center}.mobile-menu-toggle{display: none;background: none;border: none;font-size: 1.5rem;color: var(--color-text);cursor: pointer;padding: 0.5rem}@media (max-width: 920px){.mobile-menu-toggle{display: flex}}.plp-sort select{padding: 0.5rem 2rem 0.5rem 0.75rem;border: 1px solid var(--color-border);border-radius: var(--radius-md);font-size: var(--text-sm);background: var(--color-surface);color: var(--color-text);cursor: pointer}.plp-filters-backdrop{display: none;position: fixed;inset: 0;background: rgba(0, 0, 0, 0.5);z-index: 998;opacity: 0;pointer-events: none;transition: opacity 0.25s ease}.plp-filters-backdrop.open{opacity: 1;pointer-events: auto}.pdp-layout{display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-xl);max-width: var(--container-max, 1280px);margin: 0 auto;padding: var(--space-xl) var(--space-md)}.pdp-gallery{position: sticky;top: 90px;align-self: start}.pdp-main-image{aspect-ratio: 1;border-radius: var(--radius-lg);overflow: hidden;background: var(--color-bg-alt);margin-bottom: var(--space-sm);cursor: zoom-in}.pdp-main-image img{width: 100%;height: 100%;object-fit: cover}.pdp-thumbnails{display: flex;gap: 0.5rem;overflow-x: auto}.pdp-thumbnail{width: 72px;height: 72px;border-radius: var(--radius-sm);overflow: hidden;cursor: pointer;border: 2px solid transparent;transition: border-color 0.15s ease;flex-shrink: 0}.pdp-thumbnail.active, .pdp-thumbnail:hover{border-color: var(--color-primary)}.pdp-thumbnail img{width: 100%;height: 100%;object-fit: cover}.pdp-info{padding-top: var(--space-sm)}.pdp-brand{font-size: var(--text-xs);font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;color: var(--color-text-muted);margin-bottom: 0.25rem}.pdp-name{font-family: var(--font-heading);font-size: var(--text-2xl);font-weight: 700;line-height: 1.2;margin-bottom: var(--space-sm)}.pdp-sku{font-size: var(--text-xs);color: var(--color-text-muted);margin-bottom: var(--space-sm)}.pdp-rating{display: flex;align-items: center;gap: 0.5rem;margin-bottom: var(--space-md);font-size: var(--text-sm)}.pdp-rating .stars{color: var(--color-warning)}.pdp-rating .count{color: var(--color-text-muted)}.pdp-price-block{padding: var(--space-md);background: var(--color-bg-alt);border-radius: var(--radius-md);margin-bottom: var(--space-lg)}.pdp-price{font-size: var(--text-3xl);font-weight: 800;color: var(--color-price)}.pdp-price.sale{color: var(--color-price-sale)}.pdp-price-original{font-size: var(--text-lg);color: var(--color-price-old);text-decoration: line-through;margin-left: 0.5rem}.pdp-price-savings{display: inline-block;background: var(--color-cta);color: #fff;padding: 0.125rem 0.5rem;border-radius: var(--radius-sm);font-size: var(--text-xs);font-weight: 700;margin-left: 0.5rem}.pdp-price-tax{font-size: var(--text-xs);color: var(--color-text-muted);margin-top: 0.25rem}.pdp-variant-group{margin-bottom: var(--space-md)}.pdp-variant-label{font-weight: 600;font-size: var(--text-sm);margin-bottom: 0.5rem;display: flex;align-items: center;gap: 0.5rem}.pdp-variant-label .selected-value{font-weight: 400;color: var(--color-text-muted)}.pdp-variant-options{display: flex;flex-wrap: wrap;gap: 0.5rem}.variant-option{min-width: 44px;height: 40px;padding: 0 var(--space-sm);border: 2px solid var(--color-border);border-radius: var(--radius-md);background: var(--color-surface);cursor: pointer;font-size: var(--text-sm);font-weight: 500;display: flex;align-items: center;justify-content: center;transition: border-color 0.15s ease, background-color 0.15s ease}.variant-option:hover{border-color: var(--color-primary-light)}.variant-option.active{border-color: var(--color-primary);background: var(--color-primary-50);color: var(--color-primary)}.variant-option.disabled{opacity: 0.4;cursor: not-allowed;text-decoration: line-through}.variant-color{width: 36px;height: 36px;border-radius: 50%;border: 3px solid var(--color-border);cursor: pointer;transition: border-color 0.15s ease, transform 0.1s ease}.variant-color:hover, .variant-color.active{border-color: var(--color-primary);transform: scale(1.1)}.variant-color.disabled{opacity: 0.4;cursor: not-allowed;position: relative}.variant-color.disabled:hover{transform: none;border-color: var(--color-border)}.variant-color.disabled::after{content: '';position: absolute;inset: 0;background: linear-gradient(45deg, transparent 45%, var(--color-text-muted) 45%, var(--color-text-muted) 55%, transparent 55%);border-radius: 50%;pointer-events: none}.pdp-stock{display: flex;align-items: center;gap: 0.5rem;font-size: var(--text-sm);margin-bottom: var(--space-md)}.pdp-stock-dot{width: 8px;height: 8px;border-radius: 50%}.pdp-stock-dot.in-stock{background: var(--color-in-stock)}.pdp-stock-dot.low-stock{background: var(--color-low-stock)}.pdp-stock-dot.out-of-stock{background: var(--color-out-of-stock)}.pdp-add-to-cart{display: flex;gap: var(--space-sm);margin-bottom: var(--space-md)}.quantity-selector{display: flex;align-items: center;border: 2px solid var(--color-border);border-radius: var(--radius-md);overflow: hidden}.quantity-selector button{width: 40px;height: 44px;background: var(--color-surface);border: none;cursor: pointer;font-size: 1.125rem;color: var(--color-text);display: flex;align-items: center;justify-content: center;transition: background-color 0.15s ease}.quantity-selector button:hover{background: var(--color-bg-alt)}.quantity-selector input{width: 50px;height: 44px;text-align: center;border: none;font-size: var(--text-md);font-weight: 600;background: var(--color-surface);color: var(--color-text)}.btn-add-to-cart{flex: 1;display: flex;align-items: center;justify-content: center;gap: 0.5rem;padding: 0 var(--space-lg);height: 48px;background: var(--color-cta);color: #fff;border: none;border-radius: var(--radius-md);font-weight: 700;font-size: var(--text-md);cursor: pointer;transition: background-color 0.15s ease, transform 0.1s ease}.btn-add-to-cart:hover{background: var(--color-cta-dark)}.btn-add-to-cart:active{transform: scale(0.98)}.pdp-guarantees{display: flex;flex-direction: column;gap: 0.5rem;padding: var(--space-md);background: var(--color-bg-alt);border-radius: var(--radius-md);margin-bottom: var(--space-lg)}.pdp-guarantee-item{display: flex;align-items: center;gap: 0.5rem;font-size: var(--text-sm);color: var(--color-text)}.pdp-guarantee-item i{color: var(--color-success);width: 20px;text-align: center}.pdp-tabs{max-width: var(--container-max, 1280px);margin: 0 auto;padding: var(--space-xl) var(--space-md)}.pdp-tab-nav{display: flex;border-bottom: 2px solid var(--color-border);margin-bottom: var(--space-lg);gap: 0}.pdp-tab-btn{padding: var(--space-sm) var(--space-lg);border: none;background: none;font-weight: 600;font-size: var(--text-sm);color: var(--color-text-muted);cursor: pointer;border-bottom: 2px solid transparent;margin-bottom: -2px;transition: color 0.15s ease, border-color 0.15s ease}.pdp-tab-btn:hover{color: var(--color-text)}.pdp-tab-btn.active{color: var(--color-primary);border-bottom-color: var(--color-primary)}.pdp-tab-panel{display: none}.pdp-tab-panel.active{display: block}@media (max-width: 768px){.pdp-layout{grid-template-columns: 1fr}.pdp-gallery{position: static}.pdp-add-to-cart{flex-wrap: wrap}.pdp-add-to-cart .btn-add-to-cart{flex: 1 1 auto;min-width: 0}.pdp-secondary-actions{flex-wrap: wrap}.pdp-secondary-btn{flex: 1 1 calc(50% - 0.25rem);min-width: 0}.pdp-secondary-btn span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}}@media (max-width: 380px){.pdp-secondary-btn{flex: 1 1 100%}}.cart-layout{display: grid;grid-template-columns: 1fr 380px;gap: var(--space-xl);max-width: var(--container-max, 1280px);margin: 0 auto;padding: var(--space-xl) var(--space-md)}.cart-item{display: grid;grid-template-columns: 80px 1fr auto auto auto;gap: var(--space-md);align-items: center;padding: var(--space-md) 0;border-bottom: 1px solid var(--color-border)}.cart-item-image{width: 80px;height: 80px;border-radius: var(--radius-md);overflow: hidden;background: var(--color-bg-alt)}.cart-item-image img{width: 100%;height: 100%;object-fit: cover}.cart-item-name{font-weight: 600;font-size: var(--text-sm)}.cart-item-variant{font-size: var(--text-xs);color: var(--color-text-muted)}.cart-item-price{font-weight: 600;white-space: nowrap}.cart-item-remove{background: none;border: none;color: var(--color-text-muted);cursor: pointer;padding: 0.5rem;font-size: 1rem;transition: color 0.15s ease}.cart-item-remove:hover{color: var(--color-error)}.cart-summary{background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-lg);padding: var(--space-lg);position: sticky;top: 90px;align-self: start}.cart-summary h3{font-family: var(--font-heading);font-weight: 700;font-size: var(--text-lg);margin-bottom: var(--space-md)}.cart-summary-line{display: flex;justify-content: space-between;font-size: var(--text-sm);padding: 0.375rem 0}.cart-summary-total{display: flex;justify-content: space-between;font-weight: 700;font-size: var(--text-xl);padding-top: var(--space-md);margin-top: var(--space-md);border-top: 2px solid var(--color-border)}.cart-summary-tax{font-size: var(--text-xs);color: var(--color-text-muted);text-align: right}.btn-checkout{display: flex;align-items: center;justify-content: center;gap: 0.5rem;width: 100%;padding: var(--space-md);margin-top: var(--space-lg);background: var(--color-cta);color: #fff;border: none;border-radius: var(--radius-md);font-weight: 700;font-size: var(--text-md);cursor: pointer;transition: background-color 0.15s ease}.btn-checkout:hover{background: var(--color-cta-dark)}.cart-coupon{display: flex;gap: 0.5rem;margin: var(--space-md) 0}.cart-coupon input{flex: 1;padding: 0.625rem 0.75rem;border: 1px solid var(--color-border);border-radius: var(--radius-md);font-size: var(--text-sm);background: var(--color-surface);color: var(--color-text)}.cart-coupon button{padding: 0.625rem 1rem;border: 1px solid var(--color-primary);background: transparent;color: var(--color-primary);border-radius: var(--radius-md);font-weight: 600;font-size: var(--text-sm);cursor: pointer;white-space: nowrap;transition: background-color 0.15s ease, color 0.15s ease}.cart-coupon button:hover{background: var(--color-primary);color: #fff}@media (max-width: 768px){.cart-layout{grid-template-columns: 1fr}.cart-item{grid-template-columns: 60px 1fr;gap: var(--space-sm)}.cart-summary{position: static}}.checkout-layout{max-width: 800px;margin: 0 auto;padding: var(--space-xl) var(--space-md)}.checkout-steps{display: flex;justify-content: center;gap: var(--space-lg);margin-bottom: var(--space-xl)}.checkout-step{display: flex;align-items: center;gap: 0.5rem;font-size: var(--text-sm);color: var(--color-text-muted)}.checkout-step.active{color: var(--color-primary);font-weight: 600}.checkout-step.completed{color: var(--color-success)}.checkout-step-number{width: 28px;height: 28px;border-radius: 50%;border: 2px solid currentColor;display: flex;align-items: center;justify-content: center;font-size: var(--text-xs);font-weight: 700}.checkout-step.active .checkout-step-number{background: var(--color-primary);color: #fff;border-color: var(--color-primary)}.checkout-step.completed .checkout-step-number{background: var(--color-success);color: #fff;border-color: var(--color-success)}.checkout-section{background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-lg);padding: var(--space-lg);margin-bottom: var(--space-lg)}.checkout-section h3{font-family: var(--font-heading);font-weight: 700;margin-bottom: var(--space-md)}.shipping-option{display: flex;align-items: center;gap: var(--space-md);padding: var(--space-md);border: 2px solid var(--color-border);border-radius: var(--radius-md);cursor: pointer;margin-bottom: 0.5rem;transition: border-color 0.15s ease}.shipping-option:hover{border-color: var(--color-primary-light)}.shipping-option.selected{border-color: var(--color-primary);background: var(--color-primary-50)}.shipping-option-icon{font-size: 1.5rem;color: var(--color-primary);width: 40px;text-align: center}.shipping-option-info{flex: 1}.shipping-option-name{font-weight: 600;font-size: var(--text-sm)}.shipping-option-desc{font-size: var(--text-xs);color: var(--color-text-muted)}.shipping-option-price{font-weight: 700;white-space: nowrap}.order-confirmation{text-align: center;padding: var(--space-3xl) var(--space-md);max-width: 600px;margin: 0 auto}.order-confirmation-icon{width: 80px;height: 80px;border-radius: 50%;background: var(--color-success);color: #fff;display: flex;align-items: center;justify-content: center;font-size: 2rem;margin: 0 auto var(--space-lg)}.breadcrumb{max-width: var(--container-max, 1280px);margin: 0 auto;padding: var(--space-md) var(--space-md) 0;display: flex;align-items: center;gap: 0.5rem;font-size: var(--text-xs);color: var(--color-text-muted);flex-wrap: wrap}.breadcrumb a{color: var(--color-text-muted);text-decoration: none;transition: color 0.15s ease}.breadcrumb a:hover{color: var(--color-primary)}.breadcrumb-separator{font-size: 0.625rem}.account-layout{display: grid;grid-template-columns: 260px 1fr;gap: var(--space-xl);max-width: var(--container-max, 1280px);margin: 0 auto;padding: var(--space-xl) var(--space-md)}.account-sidebar{position: sticky;top: 90px;align-self: start}.account-nav{display: flex;flex-direction: column;gap: 0.25rem;background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-lg);padding: 0.5rem}.account-nav-item{display: flex;align-items: center;gap: 0.75rem;padding: 0.65rem 0.85rem;border-radius: var(--radius-md);color: var(--color-text);text-decoration: none;font-size: var(--text-sm);background: transparent;border: none;text-align: left;cursor: pointer;width: 100%;transition: background-color 0.15s ease, color 0.15s ease}.account-nav-item i{width: 20px;text-align: center;flex-shrink: 0}.account-nav-item:hover{background: var(--color-bg-alt)}.account-nav-item.active{background: rgba(var(--color-primary-rgb), 0.10);color: var(--color-primary);font-weight: 600}.account-nav-logout{color: var(--color-error);margin-top: 0.25rem}.account-nav-logout:hover{background: rgba(var(--color-error-rgb, 239, 68, 68), 0.08)}.account-nav-admin{color: var(--color-primary)}.account-content{min-width: 0}.account-page-title{font-family: var(--font-heading);font-size: clamp(1.5rem, 4vw, 2rem);font-weight: 700;margin: 0 0 var(--space-lg)}.account-section{display: block}.account-section[hidden]{display: none}.account-card{background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-lg);padding: var(--space-lg);margin-bottom: var(--space-lg)}.account-card-header{display: flex;justify-content: space-between;align-items: center;gap: var(--space-md);margin-bottom: var(--space-md);flex-wrap: wrap}.account-card-header h2{font-family: var(--font-heading);font-weight: 700;font-size: var(--text-lg);margin: 0}.account-card-action{font-size: var(--text-sm);color: var(--color-primary);text-decoration: none}.account-card-action:hover{text-decoration: underline}.account-stats{display: grid;grid-template-columns: 1fr;gap: var(--space-md)}.account-stat{background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-lg);padding: var(--space-lg);text-align: center}.account-stat-value{font-family: var(--font-heading);font-size: var(--text-2xl);font-weight: 800;color: var(--color-primary);line-height: 1;margin-bottom: 0.5rem}.account-stat-label{font-size: var(--text-sm);color: var(--color-text-muted)}@media (min-width: 720px){.account-stats{grid-template-columns: repeat(3, 1fr)}}.account-rma-item{margin-bottom: 0.5rem}.account-rma-toggle{display: flex;align-items: center;gap: var(--space-md);width: 100%;padding: 0.875rem var(--space-md);background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-md);cursor: pointer;text-align: left;color: inherit;font: inherit;transition: background 0.15s ease, border-color 0.15s ease}.account-rma-toggle:hover{background: var(--color-bg-alt);border-color: var(--color-border-strong, var(--color-primary))}.account-rma-toggle:focus-visible{outline: 2px solid var(--color-primary);outline-offset: 2px}.account-rma-meta{display: flex;flex-direction: column;gap: 0.15rem;flex: 1;min-width: 0}.account-rma-number{font-weight: 700;color: var(--color-text)}.account-rma-date{font-size: var(--text-xs);color: var(--color-text-muted)}.account-rma-status{flex-shrink: 0}.account-rma-order{font-size: var(--text-sm);color: var(--color-text-muted);white-space: nowrap;flex-shrink: 0}.account-rma-chevron{color: var(--color-text-muted);font-size: 0.875rem;transition: transform 0.25s cubic-bezier(0.33, 1, 0.68, 1);flex-shrink: 0}.account-rma-item.is-open .account-rma-chevron{transform: rotate(180deg);color: var(--color-primary)}.account-rma-item.is-open .account-rma-toggle{border-color: var(--color-primary);border-bottom-color: transparent;border-radius: var(--radius-md) var(--radius-md) 0 0;background: var(--color-bg-alt)}.account-rma-detail{padding: 1.25rem var(--space-md);background: var(--color-bg-alt);border: 1px solid var(--color-primary);border-top: none;border-radius: 0 0 var(--radius-md) var(--radius-md);margin-top: -1px}@media (max-width: 640px){.account-rma-toggle{flex-wrap: wrap;gap: 0.5rem var(--space-md)}.account-rma-meta{flex: 1 0 100%;order: 0}.account-rma-status{order: 1}.account-rma-order{order: 2;margin-left: auto}.account-rma-chevron{order: 3}}.account-order-row{display: grid;grid-template-columns: 1fr auto auto;gap: var(--space-md);align-items: center;padding: 0.75rem var(--space-md);border: 1px solid var(--color-border);border-radius: var(--radius-md);margin-bottom: 0.5rem;text-decoration: none;color: inherit;transition: background 0.15s ease, transform 0.15s ease}.account-order-row:hover{background: var(--color-bg-alt);transform: translateX(2px)}.account-order-meta{display: flex;flex-direction: column;gap: 0.15rem;min-width: 0}.account-order-date{font-size: var(--text-xs);color: var(--color-text-muted)}.account-order-total{font-weight: 700}@media (max-width: 540px){.account-order-row{grid-template-columns: 1fr auto;row-gap: 0.25rem}.account-order-status{grid-column: 2;grid-row: 1}.account-order-total{grid-column: 1 / -1;text-align: right}}.account-form .form-row{display: grid;grid-template-columns: 1fr;gap: var(--space-md);margin-bottom: var(--space-md)}.account-form .form-group{margin-bottom: var(--space-md)}.account-form .form-hint{display: block;margin-top: 0.35rem;font-size: var(--text-xs);color: var(--color-text-muted)}.account-form .form-actions{display: flex;justify-content: flex-end;margin-top: var(--space-md)}@media (min-width: 640px){.account-form .form-row{grid-template-columns: 1fr 1fr}.account-form .form-row--3{grid-template-columns: 1fr 140px 1fr}}@media (max-width: 920px){.account-layout{grid-template-columns: 1fr;gap: var(--space-md);padding: var(--space-md)}.account-sidebar{position: static}.account-nav{padding: 0.4rem}.account-card{padding: var(--space-md)}.account-card-header{flex-direction: column;align-items: flex-start;gap: 0.5rem}.account-card-header h2{font-size: var(--text-md)}.account-form .form-actions{justify-content: stretch}.account-form .form-actions .btn{flex: 1 1 100%}.account-order-row{grid-template-columns: 1fr auto;row-gap: 0.4rem}.account-order-status{grid-column: 2;grid-row: 1;align-self: start}.account-order-total{grid-column: 1 / -1;text-align: right;font-size: var(--text-base)}}@media (max-width: 480px){.account-page-title{font-size: var(--text-xl);margin-bottom: var(--space-sm)}.account-form .form-row--3{grid-template-columns: 1fr}.account-stat{padding: var(--space-md)}.account-stat-value{font-size: var(--text-xl)}.account-stat-label{font-size: var(--text-xs)}.account-card{padding: 0.85rem;margin-bottom: 0.85rem}.account-form .form-input{font-size: 16px}}.skeleton-pulse{background: linear-gradient(90deg, var(--color-bg-alt) 25%, rgba(255,255,255,0.4) 50%, var(--color-bg-alt) 75%);background-size: 200% 100%;animation: skeleton-pulse 1.8s ease-in-out infinite;border-radius: var(--radius-md)}@keyframes skeleton-pulse{0%{background-position: 200% 0}100%{background-position: -200% 0}}.skeleton-text{height: 14px;margin-bottom: 0.75rem;border-radius: 4px}.skeleton-text.w80{width: 80%}.skeleton-text.w60{width: 60%}.skeleton-text.w40{width: 40%}.cms-content{font-size: var(--text-md);line-height: 1.7;color: var(--color-text)}.cms-content h2{font-family: var(--font-heading);font-size: var(--text-2xl);font-weight: 700;margin-top: var(--space-xl);margin-bottom: var(--space-md)}.cms-content h3{font-family: var(--font-heading);font-size: var(--text-xl);font-weight: 700;margin-top: var(--space-lg);margin-bottom: var(--space-sm)}.cms-content p{margin-bottom: var(--space-md)}.cms-content img{max-width: 100%;height: auto;border-radius: var(--radius-md);margin: var(--space-md) 0}.cms-content ul, .cms-content ol{padding-left: var(--space-lg);margin-bottom: var(--space-md)}.cms-content li{margin-bottom: var(--space-xs)}.cms-content blockquote{border-left: 3px solid var(--color-accent);padding: var(--space-md) var(--space-lg);margin: var(--space-lg) 0;background: var(--color-bg-alt);border-radius: 0 var(--radius-md) var(--radius-md) 0;font-style: italic}.cms-content a{color: var(--color-primary);text-decoration: underline}.cms-content a:hover{color: var(--color-primary-light)}.cms-content table, .prose table{width: 100%;margin: var(--space-lg) 0;border-collapse: collapse;border-spacing: 0;font-size: var(--text-sm);background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-md);overflow: hidden}.cms-content thead, .prose thead{background: var(--color-bg-alt)}.cms-content th, .prose th{text-align: left;font-weight: 700;color: var(--color-text);padding: 0.75rem var(--space-md);border-bottom: 2px solid var(--color-border);font-family: var(--font-heading);font-size: var(--text-sm);letter-spacing: 0.01em}.cms-content td, .prose td{padding: 0.75rem var(--space-md);border-bottom: 1px solid var(--color-border-light, var(--color-border));color: var(--color-text);vertical-align: top}.cms-content tr:last-child td, .prose tr:last-child td{border-bottom: none}.cms-content tbody tr:hover, .prose tbody tr:hover{background: var(--color-bg-alt)}.cms-content table:not(:has(thead)) tr:nth-child(even), .prose table:not(:has(thead)) tr:nth-child(even){background: var(--color-bg-subtle, var(--color-bg-alt))}@media (max-width: 640px){.cms-content table, .prose table{display: block;overflow-x: auto;-webkit-overflow-scrolling: touch;max-width: 100%}}.pagination{display: flex;justify-content: center;gap: 0.25rem}.pagination a, .pagination span{display: flex;align-items: center;justify-content: center;min-width: 36px;height: 36px;padding: 0 0.5rem;border: 1px solid var(--color-border);border-radius: var(--radius-md);font-size: var(--text-sm);text-decoration: none;color: var(--color-text);transition: background-color 0.15s ease, border-color 0.15s ease}.pagination a:hover{background: var(--color-bg-alt);border-color: var(--color-primary-light)}.pagination .active{background: var(--color-primary);color: #fff;border-color: var(--color-primary)}.wishlist-layout{max-width: var(--container-max, 1280px);margin: 0 auto;padding: var(--space-xl) var(--space-md)}@media (max-width: 768px){#contact-page .container > div[style*="grid-template-columns"]{grid-template-columns: 1fr !important}#brands-page-grid{grid-template-columns: repeat(2, 1fr) !important}#search-results-page .products-grid, #news-page #news-grid{grid-template-columns: repeat(2, 1fr)}}.products-grid--5{grid-template-columns: repeat(5, 1fr) !important}.btn-cta-gold{background: var(--color-cta) !important;color: #fff !important;border: none !important;font-weight: 700;display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.75rem 2rem;border-radius: 35px;font-size: var(--text-sm);text-decoration: none;transition: background-color 0.15s ease, transform 0.15s ease}.btn-cta-gold:hover{background: var(--color-cta-dark) !important;transform: translateY(-1px)}.btn-outline-white{background: transparent !important;color: #fff !important;border: 2px solid rgba(255, 255, 255, 0.5) !important;display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.75rem 2rem;border-radius: 35px;font-size: var(--text-sm);font-weight: 600;text-decoration: none;transition: border-color 0.15s ease, background-color 0.15s ease}.btn-outline-white:hover{border-color: #fff !important;background: rgba(255, 255, 255, 0.1) !important}.section-title--sale{display: flex;align-items: center;gap: 0.5rem;color: var(--color-cta)}.product-tabs-nav{display: flex;gap: var(--space-xs);margin-bottom: var(--space-xl);border-bottom: 2px solid var(--color-border);padding-bottom: 0}.product-tab-btn{display: inline-flex;align-items: center;gap: 0.5rem;padding: var(--space-sm) var(--space-lg);background: none;border: none;border-bottom: 3px solid transparent;margin-bottom: -2px;cursor: pointer;font-family: var(--font-heading);font-size: var(--text-sm);font-weight: 600;text-transform: uppercase;letter-spacing: 0.04em;color: var(--color-text-muted);transition: color 0.15s ease, border-color 0.15s ease}.product-tab-btn:hover{color: var(--color-text)}.product-tab-btn.active{color: var(--color-cta);border-bottom-color: var(--color-cta)}.product-tab-panel{display: none}.product-tab-panel.active{display: block}.seasonal-banner-wrapper{position: relative;min-height: 440px;display: flex;align-items: center;overflow: hidden;background: #1a1a1a}.seasonal-banner-bg{position: absolute;inset: 0;background-size: cover;background-position: center;background-repeat: no-repeat;z-index: 0}.seasonal-banner-bg::before{content: '';position: absolute;inset: 0;background: linear-gradient(100deg, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.72) 35%, rgba(0, 0, 0, 0.35) 65%, rgba(0, 0, 0, 0.1) 100%);z-index: 1;pointer-events: none}.seasonal-banner-bg::after{content: '';position: absolute;inset: 0;background: radial-gradient(circle at 92% 18%, rgba(244, 165, 28, 0.22) 0%, transparent 45%);z-index: 2;pointer-events: none}.seasonal-banner-wrapper .seasonal-banner-content{position: relative;z-index: 3}.seasonal-banner-content{position: relative;z-index: 1;display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-xl);align-items: center}.seasonal-banner-text{color: #fff;padding: var(--space-xl) 0;text-shadow: 0 2px 12px rgba(0, 0, 0, 0.55)}.seasonal-label{font-size: var(--text-xs);font-weight: 700;text-transform: uppercase;letter-spacing: 0.1em;color: #FFFFFF;text-shadow: 0 2px 12px rgba(0, 0, 0, 0.6)}.seasonal-title{font-family: var(--font-heading);font-size: clamp(1.75rem, 3vw, 2.5rem);font-weight: 800;margin: var(--space-sm) 0 var(--space-md);color: #FFFFFF;text-shadow: 0 2px 16px rgba(0, 0, 0, 0.65)}.seasonal-desc{margin-bottom: var(--space-lg);max-width: 400px;line-height: 1.6;color: #FFFFFF;text-shadow: 0 2px 12px rgba(0, 0, 0, 0.6)}.seasonal-stats{display: flex;gap: var(--space-xl);justify-content: center}.seasonal-stat{text-align: center;color: #fff}.seasonal-stat-value{display: block;font-family: var(--font-heading);font-size: clamp(2rem, 4vw, 3rem);font-weight: 800;line-height: 1;margin-bottom: 0.25rem}.seasonal-stat-label{font-size: var(--text-sm);opacity: 0.8;text-transform: uppercase;letter-spacing: 0.05em}.brands-section-header{text-align: center;margin-bottom: var(--space-xl)}.brands-subtitle{color: var(--color-text-muted);font-size: var(--text-sm);margin-top: var(--space-xs)}.brands-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));gap: var(--space-lg);align-items: center;justify-items: center}.brands-grid a, .brands-grid .brand-item{display: flex;align-items: center;justify-content: center;padding: var(--space-md);border-radius: var(--radius-md);border: 1px solid var(--color-border-light);background: var(--color-surface);min-height: 80px;width: 100%;transition: border-color 0.15s ease, box-shadow 0.15s ease;text-decoration: none;color: var(--color-text);font-weight: 600;font-size: var(--text-sm)}.brands-grid a:hover, .brands-grid .brand-item:hover{border-color: var(--color-primary);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06)}.brands-grid img{max-height: 40px;max-width: 120px;object-fit: contain}.blog-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-lg)}.news-card-body{padding: var(--space-md) var(--space-lg) var(--space-lg);gap: var(--space-sm)}.news-card-body .badge{margin-bottom: 0.25rem;align-self: flex-start}.news-card-title{font-family: var(--font-heading);font-size: var(--text-lg);font-weight: 700;line-height: 1.3;margin: 0}.news-card-title a{color: var(--color-text);text-decoration: none}.news-card-title a:hover{color: var(--color-primary)}.news-card-excerpt{color: var(--color-text-muted);font-size: var(--text-sm);line-height: 1.6;margin: 0}.news-card-footer{display: flex;align-items: center;justify-content: space-between;gap: var(--space-md);flex-wrap: wrap;padding-top: var(--space-md);margin-top: auto;border-top: 1px solid var(--color-border-light, var(--color-border))}.news-card-date{font-size: var(--text-xs);color: var(--color-text-muted);white-space: nowrap}.reviews-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-lg)}#admin-panel-link{color: var(--color-primary);font-weight: 600}@media (max-width: 1024px){.products-grid--5{grid-template-columns: repeat(3, 1fr) !important}.seasonal-banner-content{grid-template-columns: 1fr}.seasonal-banner-visual{display: none}}@media (max-width: 768px){.products-grid--5{grid-template-columns: repeat(2, 1fr) !important}.product-tabs-nav{overflow-x: auto;-webkit-overflow-scrolling: touch;gap: 0}.product-tab-btn{padding: var(--space-sm) var(--space-md);font-size: var(--text-xs);white-space: nowrap}.blog-grid, .reviews-grid{grid-template-columns: 1fr}.brands-grid{grid-template-columns: repeat(3, 1fr);gap: var(--space-sm)}.seasonal-stats{gap: var(--space-md)}}@media (max-width: 480px){.products-grid--5{grid-template-columns: repeat(2, 1fr) !important;gap: var(--space-sm)}.brands-grid{grid-template-columns: repeat(2, 1fr)}}.section-kicker{display: inline-flex;align-items: center;gap: 0.4rem;font-family: var(--font-heading);font-weight: 600;font-size: var(--text-xs);text-transform: uppercase;letter-spacing: 0.12em;color: var(--color-accent);margin-bottom: var(--space-sm)}.section-kicker--sale{color: var(--color-cta)}.section-subtitle{font-size: var(--text-base);color: var(--color-text-muted);margin: var(--space-xs) 0 0;line-height: 1.6;max-width: 640px}.section-header--center{text-align: center;justify-content: center;flex-direction: column}.section-header--center > div{max-width: 760px;margin: 0 auto}.section-header--center .section-subtitle{margin-left: auto;margin-right: auto}.section-header--split{display: flex;justify-content: space-between;align-items: flex-end;gap: var(--space-lg);flex-wrap: wrap;margin-bottom: var(--space-xl)}.hero-slider-wrapper{position: relative;padding: 0 !important;background: #0f1d0f}.hero-slider{position: absolute;inset: 0;width: 100%;height: 100%}.hero-slide{position: absolute;inset: 0;display: flex !important;align-items: center;opacity: 0;visibility: hidden;transition: opacity 0.8s ease, visibility 0s linear 0.8s}.hero-slide.active{opacity: 1;visibility: visible;transition: opacity 0.8s ease, visibility 0s linear 0s;z-index: 1}.hero-slide .hero-bg{position: absolute;inset: 0;overflow: hidden;z-index: 0;background: #0f1d0f}.hero-slide .hero-bg::after{content: '';position: absolute;inset: 0;background: linear-gradient(135deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.35) 50%, rgba(0, 0, 0, 0.65) 100%);z-index: 1;pointer-events: none}.hero-slide .hero-bg img{width: 100%;height: 100%;object-fit: cover;display: block}.hero-slide .hero-content{position: relative;z-index: 3 !important;max-width: 720px;padding: 0 var(--space-xl);margin: 0 auto 0 0;width: 100%;color: #fff !important}.hero-slider-wrapper .hero-slide .hero-content{max-width: min(720px, 100vw);padding-left: clamp(1.5rem, 6vw, 6rem);padding-right: var(--space-md)}.hero-slide .hero-content, .hero-slide .hero-content .hero-title, .hero-slide .hero-content .hero-subtitle, .hero-slide .hero-content .hero-kicker{color: #fff !important}.hero-slide .hero-content .hero-kicker{background: rgba(255, 255, 255, 0.12);border-color: rgba(255, 255, 255, 0.25);color: #fff !important}.hero-kicker{display: inline-block;font-family: var(--font-heading);font-weight: 600;font-size: var(--text-sm);text-transform: uppercase;letter-spacing: 0.15em;color: var(--color-accent);margin-bottom: var(--space-sm);padding: 0.35rem 0.9rem;border: 1px solid rgba(212, 168, 67, 0.5);border-radius: 999px;background: rgba(212, 168, 67, 0.1)}.hero-slider-dots{position: absolute;bottom: 2rem;left: 50%;transform: translateX(-50%);display: flex;gap: 0.5rem;z-index: 3}.hero-dot{width: 10px;height: 10px;box-sizing: content-box;border-radius: 50%;background-clip: padding-box;border: 7px solid transparent;box-shadow: inset 0 0 0 1px rgba(255,255,255,0.8);background-color: transparent;padding: 0;cursor: pointer;transition: all 0.2s ease}.hero-dot.active{background-color: #fff;width: 30px;border-radius: 999px;box-shadow: inset 0 0 0 1px #fff}.editorial-banner{position: relative;padding: 5rem 0;overflow: hidden;color: #fff;min-height: 500px;display: flex;align-items: center}.editorial-banner-bg{position: absolute;inset: 0;background-size: cover;background-position: center}.editorial-banner-overlay{position: absolute;inset: 0;background: linear-gradient(135deg, rgba(27,67,50,0.92), rgba(20,51,38,0.75))}.editorial-banner-content{position: relative;z-index: 1;max-width: 720px}.editorial-kicker{display: inline-block;font-family: var(--font-heading);font-weight: 600;font-size: var(--text-xs);text-transform: uppercase;letter-spacing: 0.2em;color: var(--color-accent);margin-bottom: var(--space-md)}.editorial-title{font-family: var(--font-heading);font-size: clamp(2rem, 4vw, 3rem);font-weight: 800;line-height: 1.15;margin: 0 0 var(--space-md);color: #fff}.editorial-desc{font-size: var(--text-lg);line-height: 1.7;color: rgba(255,255,255,0.85);margin-bottom: var(--space-xl);max-width: 600px}.countdown-timer{display: flex;justify-content: center;gap: 1rem;margin: var(--space-lg) 0;padding: var(--space-md);background: linear-gradient(135deg, rgba(230,57,70,0.08), rgba(230,57,70,0.02));border: 1px solid rgba(230,57,70,0.2);border-radius: var(--radius-lg)}.countdown-timer .cd-unit{display: flex;flex-direction: column;align-items: center;min-width: 72px;padding: 0.5rem}.countdown-timer .cd-unit strong{font-family: var(--font-heading);font-size: 1.75rem;font-weight: 800;color: var(--color-cta);line-height: 1}.countdown-timer .cd-unit small{font-size: 0.7rem;text-transform: uppercase;letter-spacing: 0.1em;color: var(--color-text-muted);margin-top: 0.35rem}.countdown-expired{color: var(--color-text-muted);font-style: italic}.why-us-section{padding: 5rem 0}.why-us-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-xl);margin-top: var(--space-2xl)}.why-us-card{text-align: center;padding: var(--space-xl);background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-lg);transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease}.why-us-card:hover{transform: translateY(-4px);box-shadow: 0 20px 40px -20px rgba(0,0,0,0.15);border-color: var(--color-accent)}.why-us-icon{width: 72px;height: 72px;margin: 0 auto var(--space-md);background: linear-gradient(135deg, rgba(212,168,67,0.15), rgba(212,168,67,0.05));border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--color-accent);font-size: 1.75rem}.why-us-card-title{font-family: var(--font-heading);font-weight: 700;font-size: var(--text-xl);margin: 0 0 var(--space-sm)}.why-us-card-text{color: var(--color-text-muted);line-height: 1.7;font-size: var(--text-base);margin: 0}.brands-section-wrapper{padding: 5rem 0}.brand-tile{display: flex;align-items: center;justify-content: center;padding: 0;border-radius: var(--radius-md);text-decoration: none;transition: all 0.2s ease;min-height: 80px;overflow: hidden;filter: grayscale(0.7);opacity: 0.85;background: transparent}.brand-tile:hover{filter: grayscale(0);opacity: 1;transform: translateY(-2px);border-color: var(--color-accent)}.brand-tile img{width: 100%;height: 100%;object-fit: contain;display: block}.brand-tile-name{font-family: var(--font-heading);font-weight: 700;color: var(--color-text);letter-spacing: 0.05em}.brands-cta{text-align: center;margin-top: var(--space-xl)}.blog-card{display: block;background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-lg);overflow: hidden;text-decoration: none;color: inherit;transition: transform 0.3s ease, box-shadow 0.3s ease}.blog-card:hover{transform: translateY(-4px);box-shadow: 0 20px 40px -20px rgba(0,0,0,0.15)}.blog-card-image{aspect-ratio: 16 / 9;background: var(--color-bg-alt);overflow: hidden}.blog-card-image img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease}.blog-card:hover .blog-card-image img{transform: scale(1.05)}.blog-card-body{padding: var(--space-lg)}.blog-card-date{font-size: var(--text-xs);color: var(--color-text-muted);margin-bottom: 0.5rem}.blog-card-title{font-family: var(--font-heading);font-weight: 700;font-size: var(--text-lg);line-height: 1.35;margin: 0 0 0.5rem;color: var(--color-text)}.blog-card-excerpt{color: var(--color-text-muted);font-size: var(--text-sm);line-height: 1.6;margin: 0 0 var(--space-sm)}.blog-card-more{color: var(--color-primary);font-size: var(--text-sm);font-weight: 600;display: inline-flex;align-items: center;gap: 0.35rem}.blog-card-more i{transition: transform 0.2s ease}.blog-card:hover .blog-card-more i{transform: translateX(4px)}.review-card{padding: var(--space-lg);background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-lg);display: flex;flex-direction: column;gap: var(--space-sm)}.review-card-header{display: flex;gap: var(--space-sm);align-items: center}.review-avatar{width: 44px;height: 44px;border-radius: 50%;background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color: #fff;display: flex;align-items: center;justify-content: center;font-weight: 700;font-family: var(--font-heading);font-size: var(--text-lg)}.review-author{font-weight: 600;font-size: var(--text-sm);color: var(--color-text)}.review-verified{color: var(--color-success);font-size: 0.8em;margin-left: 0.25rem}.review-meta{display: flex;gap: 0.5rem;align-items: center;font-size: var(--text-xs);color: var(--color-text-muted)}.review-date::before{content: '·';margin-right: 0.5rem}.review-text{color: var(--color-text);line-height: 1.7;margin: 0;font-size: var(--text-sm)}.rating-stars{color: var(--color-warning);display: inline-flex;gap: 0.1rem}.rating-count{color: var(--color-text-muted);font-size: 0.85em;margin-left: 0.25rem}.product-card{position: relative;background: var(--color-surface);border-radius: var(--radius-md);overflow: hidden;transition: transform 0.3s ease, box-shadow 0.3s ease;display: flex;flex-direction: column;height: 100%}.product-card:hover{transform: translateY(-4px);box-shadow: 0 20px 40px -20px rgba(0,0,0,0.15)}.product-card-image{position: relative;aspect-ratio: 1;overflow: hidden;background: var(--color-bg-alt)}.product-card-image img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease}.product-card:hover .product-card-image img{transform: scale(1.08)}.product-card-image-link{display: block;width: 100%;height: 100%}.product-image-placeholder{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, var(--color-bg-alt), var(--color-bg));color: var(--color-text-faint);font-size: 3rem}.product-card-actions{position: absolute;top: var(--space-sm);right: var(--space-sm);display: flex;flex-direction: column;gap: 0.4rem;opacity: 0;transform: translateX(10px);transition: opacity 0.3s ease, transform 0.3s ease;z-index: 2}.product-card:hover .product-card-actions{opacity: 1;transform: translateX(0)}.product-card-action{width: 36px;height: 36px;border-radius: 50%;border: none;background: rgba(255,255,255,0.95);color: var(--color-text);cursor: pointer;display: flex;align-items: center;justify-content: center;font-size: 0.85rem;box-shadow: 0 2px 8px rgba(0,0,0,0.12);transition: all 0.2s ease}.product-card-action:hover{background: var(--color-primary);color: #fff;transform: scale(1.1)}.product-card-action.active{color: var(--color-cta)}.product-card-action.active i{font-weight: 900}.product-card-badges{position: absolute;top: var(--space-sm);left: var(--space-sm);display: flex;flex-direction: column;align-items: flex-start;gap: 0.35rem;z-index: 2}.product-badge{display: inline-flex;align-items: center;width: auto;flex: 0 0 auto;padding: 0.25rem 0.6rem;border-radius: 4px;font-size: 0.7rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;color: #fff;white-space: nowrap}.product-badge--sale{background: var(--color-cta)}.product-badge--new{background: var(--color-success)}.product-badge--featured{background: var(--color-accent);color: var(--color-primary-dark)}.product-badge--low{background: var(--color-warning)}.product-badge--attr{background: var(--color-primary);display: inline-flex;align-items: center;gap: 0.2rem}.product-badge--attr img{display: inline-block}.product-card-body{padding: var(--space-md);display: flex;flex-direction: column;flex: 1 1 auto;min-height: 0}.product-card-body .product-price, .product-card-body .product-card-price{margin-top: auto;padding-top: var(--space-sm)}.product-card-brand{font-size: 0.7rem;text-transform: uppercase;letter-spacing: 0.1em;font-weight: 600;color: var(--color-text-muted);margin-bottom: 0.25rem}.product-card-name{font-family: var(--font-heading);font-weight: 600;font-size: var(--text-base);margin: 0 0 0.5rem;line-height: 1.35}.product-card-name a{color: var(--color-text);text-decoration: none;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.product-card-name a:hover{color: var(--color-primary)}.product-card-rating{display: flex;align-items: center;gap: 0.4rem;font-size: 0.85rem;margin-bottom: 0.5rem}.product-card-price, .product-price{display: flex;align-items: baseline;flex-wrap: wrap;gap: 0.5rem 0.6rem;margin-top: var(--space-xs)}.product-price-current{font-family: var(--font-heading);font-weight: 800;font-size: var(--text-lg);color: var(--color-text);line-height: 1;letter-spacing: -0.01em}.product-price-current.sale{color: var(--color-cta);position: relative;padding-right: 0.35rem}.product-price-original{font-size: 0.8125rem;color: var(--color-text-muted);text-decoration: line-through;text-decoration-color: rgba(var(--color-cta-rgb, 230, 57, 70), 0.5);text-decoration-thickness: 1.5px;font-weight: 500;opacity: 0.85}.lifestyle-cta{padding: 5rem 0}.lifestyle-cta-inner{display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-2xl);align-items: center}.lifestyle-cta-text h2{margin-bottom: var(--space-md)}.lifestyle-cta-grid{display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: 1fr 1fr;gap: var(--space-sm);aspect-ratio: 1}.lifestyle-cta-tile{border-radius: var(--radius-md);background-color: var(--color-bg-alt);background-size: cover;background-position: center;transition: transform 0.3s ease}.lifestyle-cta-tile:hover{transform: scale(1.03)}@media (max-width: 900px){.lifestyle-cta-inner{grid-template-columns: 1fr}.why-us-grid{grid-template-columns: 1fr}}.mini-cart-backdrop{position: fixed;inset: 0;background: rgba(0,0,0,0.5);opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0s linear 0.3s;z-index: 99}.mini-cart-backdrop.open{opacity: 1;visibility: visible;transition: opacity 0.3s ease}.mini-cart-drawer{position: fixed;top: 0;right: 0;bottom: 0;width: 400px;max-width: 90vw;background: var(--color-surface);box-shadow: -8px 0 24px rgba(0,0,0,0.15);transform: translateX(100%);transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);z-index: 100;display: flex;flex-direction: column}.mini-cart-drawer.open{transform: translateX(0)}.mini-cart-header{padding: var(--space-lg);border-bottom: 1px solid var(--color-border);display: flex;justify-content: space-between;align-items: center}.mini-cart-header h3{font-family: var(--font-heading);margin: 0;font-size: var(--text-lg);font-weight: 700}.mini-cart-close{background: none;border: none;width: 32px;height: 32px;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;color: var(--color-text);transition: background 0.15s ease}.mini-cart-close:hover{background: var(--color-bg-alt)}.mini-cart-body{flex: 1;overflow-y: auto;padding: var(--space-md)}.mini-cart-loading{text-align: center;padding: var(--space-2xl);color: var(--color-text-muted);font-size: 2rem}.mini-cart-empty{text-align: center;padding: var(--space-2xl) var(--space-md)}.mini-cart-empty i{font-size: 3rem;color: var(--color-text-faint);margin-bottom: var(--space-md)}.mini-cart-empty p{color: var(--color-text-muted);margin-bottom: var(--space-lg)}.mini-cart-item{display: grid;grid-template-columns: 60px 1fr auto;gap: var(--space-sm);padding: var(--space-sm) 0;border-bottom: 1px solid var(--color-border);align-items: center}.mini-cart-item:last-child{border-bottom: none}.mini-cart-item-image{width: 60px;height: 60px;border-radius: var(--radius-sm);overflow: hidden;background: var(--color-bg-alt)}.mini-cart-item-image img{width: 100%;height: 100%;object-fit: cover}.mini-cart-item-name{font-size: var(--text-sm);font-weight: 600;line-height: 1.3;margin-bottom: 0.25rem}.mini-cart-item-variant{font-size: 0.7rem;color: var(--color-text-muted);margin-bottom: 0.5rem}.mini-cart-item-controls{display: flex;justify-content: space-between;align-items: center}.mini-cart-item-price{font-weight: 700;font-family: var(--font-heading);font-size: var(--text-sm)}.mini-cart-item-remove{background: none;border: none;color: var(--color-text-faint);cursor: pointer;width: 28px;height: 28px;border-radius: 50%;transition: all 0.15s ease}.mini-cart-item-remove:hover{background: rgba(239,68,68,0.1);color: var(--color-error)}.mini-cart-footer{padding: var(--space-lg);border-top: 1px solid var(--color-border);background: var(--color-bg-alt)}.mini-cart-total{display: flex;justify-content: space-between;align-items: baseline;font-size: var(--text-lg);margin-bottom: var(--space-md)}.mini-cart-total strong{font-family: var(--font-heading);font-size: var(--text-xl)}.mini-cart-actions{display: flex;gap: var(--space-sm)}.mini-cart-actions .btn{flex: 1;justify-content: center}.free-shipping-progress{margin-bottom: var(--space-md)}.free-shipping-text{font-size: var(--text-xs);color: var(--color-text-muted);margin-bottom: 0.375rem;text-align: center}.free-shipping-text strong{color: var(--color-primary)}.free-shipping-bar{height: 6px;background: var(--color-border);border-radius: 999px;overflow: hidden}.free-shipping-bar-fill{height: 100%;background: linear-gradient(90deg, var(--color-accent), var(--color-primary));transition: width 0.4s ease}.free-shipping-achieved{padding: 0.5rem;background: rgba(34,197,94,0.1);color: var(--color-success);font-size: var(--text-xs);font-weight: 600;border-radius: var(--radius-sm);text-align: center;margin-bottom: var(--space-md)}#mini-cart-reservation:empty, #cart-reservation:empty{display: none}.reservation-banner{display: flex;align-items: center;gap: 0.5rem;padding: 0.55rem 0.75rem;margin-bottom: var(--space-md);background: rgba(244, 165, 28, 0.10);border: 1px solid rgba(244, 165, 28, 0.25);border-radius: var(--radius-sm);color: var(--color-text);font-size: var(--text-xs)}.reservation-banner i{color: var(--color-accent, #F4A51C)}.reservation-banner-text strong{font-variant-numeric: tabular-nums;color: var(--color-accent, #F4A51C);font-weight: 700;margin-left: 0.15rem}.quantity-selector--sm{border-radius: var(--radius-sm);height: 28px}.quantity-selector--sm button{width: 24px;font-size: 0.85rem}.quantity-selector--sm span{min-width: 24px;text-align: center;font-size: var(--text-sm);font-weight: 600}.search-hint{padding: var(--space-md);text-align: center;color: var(--color-text-muted);font-size: var(--text-sm)}.search-no-results{text-align: center;padding: var(--space-lg);color: var(--color-text-muted)}.search-no-results i{font-size: 2rem;color: var(--color-text-faint);margin-bottom: 0.5rem;display: block}.search-results-heading{font-family: var(--font-heading);font-weight: 600;font-size: var(--text-xs);text-transform: uppercase;letter-spacing: 0.1em;color: var(--color-text-muted);padding: 0.75rem 1rem 0.5rem}.search-results-list{display: flex;flex-direction: column}.search-result-item{display: flex;gap: var(--space-sm);padding: 0.75rem 1rem;text-decoration: none;color: var(--color-text);border-bottom: 1px solid var(--color-border);transition: background 0.15s ease}.search-result-item:hover{background: var(--color-bg-alt)}.search-result-img{width: 48px;height: 48px;border-radius: var(--radius-sm);object-fit: cover}.search-result-img--placeholder{display: flex;align-items: center;justify-content: center;background: var(--color-bg-alt);color: var(--color-text-faint)}.search-result-info{flex: 1}.search-result-brand{font-size: 0.7rem;color: var(--color-text-muted);text-transform: uppercase;letter-spacing: 0.05em}.search-result-name{font-size: var(--text-sm);font-weight: 500;margin: 0.125rem 0 0.25rem}.search-result-price{font-size: var(--text-sm)}.search-view-all{display: flex;align-items: center;justify-content: center;gap: 0.4rem;padding: var(--space-md);text-decoration: none;color: var(--color-primary);font-weight: 600;background: var(--color-bg-alt);transition: background 0.15s ease}.search-view-all:hover{background: var(--color-border)}.plp-layout{display: grid;grid-template-columns: 280px 1fr;gap: var(--space-2xl);padding: var(--space-xl) 0 var(--space-2xl);align-items: start}.plp-heading-wrapper{padding: var(--space-2xl) 0 var(--space-lg);border-bottom: 1px solid var(--color-border);background: var(--color-bg)}.plp-heading{font-family: var(--font-heading);font-weight: 800;font-size: clamp(2rem, 4vw, 3rem);margin: 0 0 0.5rem;letter-spacing: -0.02em;color: var(--color-text)}.plp-subheading{color: var(--color-text-muted);font-size: var(--text-base);max-width: 640px;margin: 0;line-height: 1.6}.plp-filters{align-self: start;background: var(--color-surface);border-radius: 16px;padding: 1.25rem 1.4rem;min-height: 800px}@media (max-width: 768px){.plp-filters{min-height: 0}}.plp-filters-header{display: flex;justify-content: space-between;align-items: center;padding-bottom: 0.75rem;border-bottom: 1px solid var(--color-border)}.plp-filters:has(.active-filters:not(:empty)) .plp-filters-header{margin-bottom: 1rem}.plp-filters-header h3{font-family: var(--font-heading);font-weight: 700;font-size: 1.125rem;margin: 0;letter-spacing: -0.01em}.plp-filters-close-btn{display: none;background: none;border: none;width: 32px;height: 32px;border-radius: 8px;cursor: pointer;color: var(--color-text);align-items: center;justify-content: center;transition: background 0.15s ease}.plp-filters-close-btn:hover{background: var(--color-bg-alt)}.plp-clear-all{width: 100%;padding: 0.55rem;background: var(--color-bg-alt);border: none;border-radius: 8px;color: var(--color-text);font-size: 0.8125rem;font-weight: 500;cursor: pointer;margin-bottom: 1rem;transition: background 0.15s ease}.plp-clear-all:hover{background: var(--color-border)}.filter-group{border-bottom: 1px solid var(--color-border);padding: 0;margin: 0}.filter-group:last-of-type{border-bottom: none}.filter-group summary{list-style: none;cursor: pointer;padding: 1rem 0;font-family: var(--font-heading);font-weight: 700;font-size: 0.875rem;color: var(--color-text);display: flex;justify-content: space-between;align-items: center;user-select: none;letter-spacing: 0.02em;text-transform: uppercase;transition: color 0.2s ease}.filter-group summary:hover{color: var(--color-primary)}.filter-group summary::-webkit-details-marker{display: none}.filter-group summary::marker{display: none}.filter-chevron{font-size: 0.6875rem;color: var(--color-text-muted);transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1)}.filter-group[open] .filter-chevron{transform: rotate(180deg)}.filter-group > *:not(summary){overflow: hidden;transition: height 0.3s cubic-bezier(0.33, 1, 0.68, 1), padding-top 0.3s cubic-bezier(0.33, 1, 0.68, 1), padding-bottom 0.3s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.22s ease;will-change: height, padding}.filter-group:not([open]) > *:not(summary){padding-top: 0 !important;padding-bottom: 0 !important;margin-top: 0 !important;margin-bottom: 0 !important}.filter-chevron{transition: transform 0.3s cubic-bezier(0.33, 1, 0.68, 1)}.filter-group[open] .filter-chevron{transform: rotate(180deg)}.filter-options{display: flex;flex-direction: row;flex-wrap: wrap;gap: 0.375rem;padding-bottom: 0.75rem}.filter-price-content{padding-bottom: 1rem}.filter-skeleton{display: flex;flex-direction: column;gap: 0.5rem;padding: 0.25rem 0}.filter-skeleton > div{height: 14px;border-radius: 4px}.cat-tree-root{padding: 0.25rem 0}.cat-tree-row{display: flex;align-items: center;gap: 0.25rem;padding: 0.3rem 0;border-radius: 6px;transition: background 0.15s ease}.cat-tree-row:hover{background: var(--color-bg-alt)}.cat-tree-row.checked{background: var(--color-bg-alt)}.cat-tree-row--lvl0 .cat-tree-label{font-weight: 600;font-size: 0.875rem}.cat-tree-row--lvl1{padding-left: 1.4rem}.cat-tree-row--lvl1 .cat-tree-label{font-size: 0.8125rem}.cat-tree-row--lvl2{padding-left: 2.6rem}.cat-tree-row--lvl2 .cat-tree-label{font-size: 0.8125rem;color: var(--color-text-muted)}.cat-tree-row--lvl3{padding-left: 3.8rem}.cat-tree-row--lvl3 .cat-tree-label{font-size: 0.75rem;color: var(--color-text-muted)}.cat-tree-toggle{width: 22px;height: 22px;padding: 0;border: none;background: transparent;border-radius: 4px;display: inline-flex;align-items: center;justify-content: center;color: var(--color-text-muted);font-size: 0.6875rem;cursor: pointer;flex-shrink: 0;transition: background 0.15s ease, color 0.15s ease}.cat-tree-toggle:hover{background: var(--color-border);color: var(--color-text)}.cat-tree-toggle i{transition: transform 0.2s ease}.cat-tree-toggle.expanded i{transform: rotate(90deg)}.cat-tree-spacer{display: inline-block;width: 22px;height: 22px;flex-shrink: 0}.cat-tree-label{display: flex;align-items: center;gap: 0.5rem;flex: 1;min-width: 0;padding: 0.15rem 0.4rem;cursor: pointer;user-select: none;border-radius: 4px;position: relative}.cat-tree-label input{position: absolute;opacity: 0;pointer-events: none}.cat-tree-label::before{content: '';width: 14px;height: 14px;border: 2px solid var(--color-border-strong);border-radius: 50%;flex-shrink: 0;transition: all 0.15s ease}.cat-tree-row.checked .cat-tree-label::before, .cat-tree-label:has(input:checked)::before{border-color: var(--color-accent);border-width: 4px}.cat-tree-name{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.cat-tree-count{margin-left: auto;font-size: 0.7rem;color: var(--color-text-muted);background: var(--color-bg-alt);padding: 0.1rem 0.45rem;border-radius: 999px;font-weight: 500;flex-shrink: 0}.cat-tree-row.checked .cat-tree-count, .cat-tree-row:has(input:checked) .cat-tree-count{background: var(--color-accent-100, rgba(244, 165, 28, 0.15));color: var(--color-accent-dark, #D48C15)}.cat-tree-children{height: 0;overflow: hidden;opacity: 0;margin-left: 10px;padding-left: 2px;border-left: 1px dashed var(--color-border);transition: height 0.35s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.28s cubic-bezier(0.33, 1, 0.68, 1);will-change: height}.cat-tree-children.expanded{opacity: 1}.filter-brands-grid{display: grid !important;grid-template-columns: repeat(3, 1fr);gap: 0.5rem;padding: 0.25rem 0 0.75rem}.filter-brand-tile{position: relative;aspect-ratio: 1 / 1;border-radius: 10px;overflow: hidden;cursor: pointer;background: var(--color-surface);border: 2px solid var(--color-border);transition: all 0.2s ease;display: flex;align-items: center;justify-content: center;padding: 0;filter: grayscale(0.5);opacity: 0.9}.filter-brand-tile:hover{filter: grayscale(0);opacity: 1;border-color: var(--color-text);transform: translateY(-1px)}.filter-brand-tile.checked, .filter-brand-tile:has(input:checked){filter: grayscale(0);opacity: 1;border-color: var(--color-accent);box-shadow: 0 0 0 2px var(--color-accent-100, rgba(244, 165, 28, 0.2))}.filter-brand-tile input{position: absolute;opacity: 0;pointer-events: none}.filter-brand-tile .filter-brand-logo{width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;border-radius: inherit}.filter-brand-tile .filter-brand-initial{width: 100%;height: 100%;border-radius: 0;background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color: #fff;display: flex;align-items: center;justify-content: center;font-family: var(--font-heading);font-weight: 800;font-size: 1.5rem}.filter-brand-tile .filter-brand-count{position: absolute;bottom: 3px;right: 3px;background: rgba(0, 0, 0, 0.75);color: #fff;font-size: 0.65rem;font-weight: 600;padding: 0.1rem 0.35rem;border-radius: 999px;line-height: 1;backdrop-filter: blur(4px)}[data-theme="dark"] .filter-brand-tile{background: var(--color-bg-alt);border-color: var(--color-border)}[data-theme="dark"] .filter-brand-tile.checked, [data-theme="dark"] .filter-brand-tile:has(input:checked){border-color: var(--color-accent);box-shadow: 0 0 0 2px rgba(253, 182, 74, 0.25)}.filter-option{display: flex;align-items: center;gap: 0.625rem;padding: 0.55rem 0.625rem;font-size: 0.875rem;color: var(--color-text);cursor: pointer;border-radius: 8px;transition: background 0.15s ease;user-select: none}.filter-option:hover{background: var(--color-bg-alt)}.filter-option input{position: absolute;opacity: 0;pointer-events: none}.filter-option::before{content: '';width: 18px;height: 18px;border-radius: 50%;border: 2px solid var(--color-border-strong);flex-shrink: 0;transition: all 0.15s ease;position: relative}.filter-option:has(input:checked)::before, .filter-option.checked::before{border-color: var(--color-accent);border-width: 6px;background: var(--color-surface)}.filter-option > span:first-of-type{flex: 1}.filter-option .filter-count{margin-left: auto;color: var(--color-text-muted);font-size: 0.75rem;font-weight: 500}.filter-option:has(input:checked){background: var(--color-bg-alt);color: var(--color-text);font-weight: 500}.filter-rating-option{display: flex;align-items: center;gap: 0.625rem;padding: 0.55rem 0.625rem;cursor: pointer;border-radius: 8px;transition: background 0.15s ease;user-select: none}.filter-rating-option:hover{background: var(--color-bg-alt)}.filter-rating-option input{position: absolute;opacity: 0;pointer-events: none}.filter-rating-option::before{content: '';width: 18px;height: 18px;border-radius: 50%;border: 2px solid var(--color-border-strong);flex-shrink: 0;transition: all 0.15s ease}.filter-rating-option:has(input:checked)::before{border-color: var(--color-accent);border-width: 6px}.filter-stars{letter-spacing: 1px;color: #F59E0B;font-size: 0.95rem}.filter-rating-label{color: var(--color-text-muted);font-size: 0.8125rem}.filter-toggle{display: flex;align-items: center;gap: 0.625rem;padding: 0.55rem 0.625rem;font-size: 0.875rem;color: var(--color-text);cursor: pointer;border-radius: 8px;transition: background 0.15s ease;user-select: none}.filter-toggle:hover{background: var(--color-bg-alt)}.filter-toggle input{position: absolute;opacity: 0;pointer-events: none}.filter-toggle-box{width: 18px;height: 18px;border: 2px solid var(--color-border-strong);border-radius: 4px;flex-shrink: 0;display: flex;align-items: center;justify-content: center;transition: all 0.15s ease;color: #fff;font-size: 0.7rem}.filter-toggle-box i{opacity: 0;transform: scale(0.5);transition: all 0.15s ease}.filter-toggle:has(input:checked) .filter-toggle-box{background: var(--color-accent);border-color: var(--color-accent)}.filter-toggle:has(input:checked) .filter-toggle-box i{opacity: 1;transform: scale(1)}.filter-sizes{display: flex;flex-wrap: wrap;gap: 0.375rem;padding: 0 0 0.75rem;justify-content: flex-start}.filter-size{flex: 0 0 auto;min-width: 36px;padding: 0.3rem 0.55rem;border: 1px solid var(--color-border);background: var(--color-surface);border-radius: 4px;font-size: 0.75rem;font-weight: 500;cursor: pointer;transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;color: var(--color-text);line-height: 1.2}.filter-size:hover{border-color: var(--color-primary);color: var(--color-primary)}.filter-size.active{background: var(--color-primary);color: #fff;border-color: var(--color-primary);font-weight: 700}.filter-attr-group{}.filter-chip-list{display: flex;flex-wrap: wrap;gap: 0.375rem;padding: 2px 1px 1rem}.filter-chip{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.4rem 0.75rem;border: 1px solid var(--color-border);background: var(--color-surface);border-radius: 999px;font-size: 0.8125rem;font-weight: 500;cursor: pointer;transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;color: var(--color-text);font-family: inherit;line-height: 1.2;white-space: nowrap}.filter-chip:hover:not(.active){background: rgba(var(--color-primary-rgb), 0.08);border-color: rgba(var(--color-primary-rgb), 0.4);color: var(--color-primary)}.filter-chip.active{background: var(--color-primary);color: #fff;border-color: var(--color-primary);font-weight: 700;box-shadow: 0 2px 8px rgba(var(--color-primary-rgb), 0.25)}.filter-chip-count{display: inline-flex;align-items: center;justify-content: center;min-width: 1.4rem;height: 1.15rem;padding: 0 0.35rem;border-radius: 999px;background: var(--color-bg-alt, #f3f4f6);color: var(--color-text-muted, #6b7280);font-size: 0.7rem;font-weight: 600}.filter-chip.active .filter-chip-count{background: rgba(255,255,255,0.25);color: #fff}.filter-image-tiles{display: grid;grid-template-columns: repeat(auto-fill, minmax(78px, 1fr));gap: 0.5rem;padding: 3px 2px 0.75rem}.filter-image-tile{position: relative;display: flex;flex-direction: column;align-items: center;gap: 0.25rem;padding: 0.35rem;border: 1px solid var(--color-border);border-radius: 6px;background: var(--color-surface);cursor: pointer;transition: all 0.15s ease;text-align: center}.filter-image-tile img{width: 48px;height: 48px;object-fit: contain;border-radius: 4px}.filter-image-initial{width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;background: var(--color-bg-alt);border-radius: 4px;font-weight: 700;color: var(--color-text-muted)}.filter-image-name{font-size: 0.72rem;font-weight: 500;line-height: 1.1;color: var(--color-text)}.filter-image-count{position: absolute;top: 2px;right: 2px;font-size: 0.65rem;background: var(--color-bg-alt);color: var(--color-text-muted);padding: 1px 5px;border-radius: 999px}.filter-image-tile:hover{border-color: var(--color-text);transform: translateY(-1px)}.filter-image-tile.checked{border-color: var(--color-primary);box-shadow: 0 0 0 2px var(--color-primary)}.filter-checkbox-list{display: flex;flex-direction: column;gap: 0.15rem;padding-bottom: 0.75rem}.filter-checkbox-row{display: flex;align-items: center;gap: 0.65rem;padding: 0.45rem 0.55rem;border-radius: 6px;cursor: pointer;font-size: 0.875rem;transition: background 0.18s ease, color 0.18s ease;user-select: none}.filter-checkbox-row:hover{background: rgba(var(--color-primary-rgb), 0.06);color: var(--color-primary)}.filter-checkbox-row input[type="checkbox"]{position: absolute;opacity: 0;pointer-events: none;width: 0;height: 0}.filter-checkbox-row::before{content: '';width: 18px;height: 18px;flex-shrink: 0;border: 2px solid var(--color-border-strong);border-radius: 4px;background: var(--color-surface);transition: background 0.18s ease, border-color 0.18s ease;display: inline-flex;align-items: center;justify-content: center}.filter-checkbox-row:has(input:checked)::before{background: var(--color-primary);border-color: var(--color-primary);background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M3 8 L7 12 L13 4'/></svg>");background-size: 14px 14px;background-repeat: no-repeat;background-position: center}.filter-checkbox-row:hover::before{border-color: var(--color-primary)}.filter-checkbox-row:has(input:checked){color: var(--color-primary);font-weight: 600}.filter-checkbox-label{flex: 1}.filter-checkbox-count{font-size: 0.75rem;color: var(--color-text-muted);background: var(--color-bg-alt);padding: 2px 8px;border-radius: 999px;font-weight: 600;flex-shrink: 0}.filter-checkbox-row:has(input:checked) .filter-checkbox-count{background: var(--color-primary);color: #fff}.filter-dropdown-wrap{padding-bottom: 0.5rem}.filter-dropdown{width: 100%;font-size: 0.85rem}.filter-group-hint{font-size: 0.75rem;color: var(--color-text-muted);padding: 0.25rem 0.5rem 0.5rem;line-height: 1.35;font-style: italic}.filter-tree{padding: 2px 0 0.75rem;display: flex;flex-direction: column;gap: 2px}.val-tree-row{display: flex;align-items: center;gap: 0.4rem;padding: 0.4rem 0.5rem;border-radius: 6px;transition: background 0.18s ease, color 0.18s ease;cursor: default}.val-tree-row:hover{background: rgba(var(--color-primary-rgb), 0.06);color: var(--color-primary)}.val-tree-row.checked{background: rgba(var(--color-primary-rgb), 0.1);color: var(--color-primary);font-weight: 600}.val-tree-row--lvl1{padding-left: 1.5rem}.val-tree-row--lvl2{padding-left: 2.5rem}.val-tree-row--lvl3{padding-left: 3.5rem}.val-tree-row--lvl4{padding-left: 4.5rem}.val-tree-toggle{flex-shrink: 0;background: none;border: none;cursor: pointer;color: var(--color-text-muted);padding: 2px;width: 20px;height: 20px;border-radius: 4px;display: inline-flex;align-items: center;justify-content: center;font-size: 0.7rem;transition: transform 0.22s cubic-bezier(0.33, 1, 0.68, 1), background 0.18s ease, color 0.18s ease}.val-tree-toggle:hover{background: rgba(var(--color-primary-rgb), 0.1);color: var(--color-primary)}.val-tree-toggle.expanded{transform: rotate(90deg)}.val-tree-spacer{width: 20px;display: inline-block;flex-shrink: 0}.val-tree-label{flex: 1;display: flex;align-items: center;gap: 0.55rem;cursor: pointer;font-size: 0.875rem;min-width: 0;user-select: none}.val-tree-label input[type="checkbox"]{position: absolute;opacity: 0;pointer-events: none;width: 0;height: 0}.val-tree-label::before{content: '';width: 18px;height: 18px;flex-shrink: 0;border: 2px solid var(--color-border-strong);border-radius: 4px;background: var(--color-surface);transition: background 0.18s ease, border-color 0.18s ease}.val-tree-label:has(input:checked)::before, .val-tree-row.checked .val-tree-label::before{background: var(--color-primary) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M3 8 L7 12 L13 4'/></svg>") center/14px 14px no-repeat;border-color: var(--color-primary)}.val-tree-label:hover::before{border-color: var(--color-primary)}.val-tree-name{flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.val-tree-count{font-size: 0.7rem;color: var(--color-text-muted);background: var(--color-bg-alt);padding: 2px 8px;border-radius: 999px;flex-shrink: 0;font-weight: 600;transition: background 0.18s ease, color 0.18s ease}.val-tree-row.checked .val-tree-count{background: var(--color-primary);color: #fff}.val-tree-children{max-height: 0;overflow: hidden;opacity: 0;transition: max-height 0.32s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.22s ease}.val-tree-children.expanded{max-height: 2400px;opacity: 1}.filter-colors{display: flex;flex-wrap: wrap;gap: 0.5rem;padding-bottom: 0.75rem}.filter-color{width: 32px;height: 32px;border-radius: 50%;border: 2px solid var(--color-border);cursor: pointer;padding: 0;transition: all 0.2s ease;position: relative;box-shadow: inset 0 0 0 2px var(--color-surface)}.filter-color:hover{transform: scale(1.1)}.filter-color.active{border-color: var(--color-accent);box-shadow: inset 0 0 0 2px var(--color-surface), 0 0 0 3px var(--color-accent), 0 4px 14px rgba(var(--color-accent-rgb), 0.5);transform: scale(1.15)}.price-range-slider{position: relative;height: 36px;margin-bottom: 1rem;padding: 0 12px;box-sizing: border-box}.price-range-track{position: absolute;top: 50%;left: 12px;right: 12px;transform: translateY(-50%);height: 6px;background: var(--color-border);border-radius: 999px}.price-range-fill{position: absolute;top: 50%;transform: translateY(-50%);height: 6px;background: linear-gradient(90deg, var(--color-primary), var(--color-accent));border-radius: 999px;pointer-events: none;box-shadow: 0 1px 3px rgba(var(--color-primary-rgb), 0.25)}.price-range-slider input[type="range"]{position: absolute;top: 50%;left: 12px;right: 12px;width: calc(100% - 24px);transform: translateY(-50%);height: 36px;appearance: none;background: none;pointer-events: none;margin: 0;padding: 0}.price-range-slider input[type="range"]::-webkit-slider-thumb{pointer-events: auto;appearance: none;width: 22px;height: 22px;border-radius: 50%;background: #fff;cursor: grab;border: 3px solid var(--color-primary);box-shadow: 0 2px 8px rgba(var(--color-primary-rgb), 0.3), 0 0 0 1px rgba(0, 0, 0, 0.05);transition: transform 0.12s ease, box-shadow 0.12s ease}.price-range-slider input[type="range"]::-webkit-slider-thumb:hover{transform: scale(1.1);box-shadow: 0 4px 12px rgba(var(--color-primary-rgb), 0.45)}.price-range-slider input[type="range"]::-webkit-slider-thumb:active{cursor: grabbing;transform: scale(1.2)}.price-range-slider input[type="range"]::-moz-range-thumb{pointer-events: auto;appearance: none;width: 22px;height: 22px;border-radius: 50%;background: #fff;cursor: grab;border: 3px solid var(--color-primary);box-shadow: 0 2px 8px rgba(var(--color-primary-rgb), 0.3)}.price-range-inputs{display: flex;justify-content: space-between;gap: 0.75rem}.price-range-input{flex: 1;background: var(--color-surface);padding: 0.55rem 0.85rem;border-radius: 10px;border: 1px solid var(--color-border);transition: border-color 0.2s ease}.price-range-input:hover{border-color: var(--color-border-strong)}.price-range-input label{display: block;font-size: 0.6875rem;text-transform: uppercase;letter-spacing: 0.1em;color: var(--color-text-muted);font-weight: 700;margin-bottom: 0.15rem}.price-range-input span{display: block;font-family: var(--font-heading);font-weight: 800;font-size: 0.9375rem;color: var(--color-primary);letter-spacing: -0.01em}.active-filters{display: flex;flex-wrap: wrap;gap: 0.35rem;margin-bottom: 0.75rem}.active-filters:empty{display: none;margin: 0}.active-filter-tag{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.3rem 0.25rem 0.3rem 0.65rem;background: var(--color-primary);color: #fff;border-radius: 999px;font-size: 0.75rem;font-weight: 500}.active-filter-tag button{background: rgba(255, 255, 255, 0.15);border: none;color: inherit;cursor: pointer;font-size: 0.9em;line-height: 1;padding: 0;width: 18px;height: 18px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;transition: background 0.15s ease}.active-filter-tag button:hover{background: rgba(255, 255, 255, 0.3)}.plp-toolbar{display: flex;justify-content: space-between;align-items: center;gap: var(--space-md);margin-bottom: var(--space-lg);flex-wrap: wrap;padding: 0 0 var(--space-md);border-bottom: 1px solid var(--color-border)}.plp-toolbar-left{display: flex;align-items: center;gap: var(--space-md)}.plp-toolbar-right{display: flex;align-items: center;gap: var(--space-md)}.plp-result-count{font-size: 0.875rem;color: var(--color-text-muted);font-weight: 500}.plp-result-count strong{color: var(--color-text);font-weight: 700}.plp-mobile-filters-btn{display: none;align-items: center;gap: 0.375rem;padding: 0.5rem 0.875rem;background: var(--color-surface);border: 1px solid var(--color-border);border-radius: 8px;cursor: pointer;font-size: 0.8125rem;font-weight: 500;color: var(--color-text)}.plp-mobile-filters-btn.has-active{background: var(--color-primary);color: #fff;border-color: var(--color-primary)}.plp-mobile-filters-count{display: inline-flex;align-items: center;justify-content: center;min-width: 1.25rem;height: 1.25rem;padding: 0 0.375rem;margin-left: 0.25rem;background: var(--color-cta);color: #fff;border-radius: 9999px;font-size: 0.7rem;font-weight: 700;line-height: 1}.plp-mobile-filters-count[hidden]{display: none}.plp-mobile-filters-btn.has-active .plp-mobile-filters-count{background: var(--color-surface);color: var(--color-primary)}.plp-view-toggle{display: flex;border: 1px solid var(--color-border);border-radius: 8px;overflow: hidden;background: var(--color-surface)}.plp-view-btn{background: transparent;border: none;padding: 0.5rem 0.7rem;cursor: pointer;font-size: 0.875rem;color: var(--color-text-muted);transition: all 0.15s ease;display: flex;align-items: center;justify-content: center;min-width: 36px}.plp-view-btn:hover{color: var(--color-text)}.plp-view-btn.active{background: var(--color-primary);color: #fff}.plp-sort-select{font-size: 0.875rem;min-width: 200px;padding: 0.5rem 2.25rem 0.5rem 0.875rem;border: 1px solid var(--color-border);border-radius: 8px;background: var(--color-surface) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 0.75rem center / 14px;color: var(--color-text);font-family: var(--font-body);appearance: none;cursor: pointer}.products-grid--loading{opacity: 0.5;pointer-events: none}.products-empty{grid-column: 1/-1;text-align: center;padding: var(--space-2xl);color: var(--color-text-muted)}.products-empty i{font-size: 3rem;color: var(--color-text-faint);margin-bottom: var(--space-md);display: block}.products-grid--list{display: flex !important;flex-direction: column;gap: var(--space-md)}.products-grid--list .product-card{display: grid;grid-template-columns: 200px 1fr auto;align-items: center;gap: var(--space-md);padding: var(--space-md)}.products-grid--list .product-card-image{width: 200px;aspect-ratio: 1;border-radius: 8px;overflow: hidden}.products-grid--list .product-card-body{padding: 0}.pagination{display: flex;justify-content: center;gap: 0.375rem;margin-top: var(--space-2xl)}.pagination-btn{min-width: 40px;height: 40px;padding: 0 0.75rem;border: 1px solid var(--color-border);background: var(--color-surface);border-radius: 8px;cursor: pointer;font-size: 0.875rem;font-weight: 500;color: var(--color-text);transition: all 0.15s ease}.pagination-btn:hover{border-color: var(--color-text);background: var(--color-bg-alt)}.pagination-btn.active{background: var(--color-primary);color: #fff;border-color: var(--color-primary)}.pagination-dots{padding: 0 0.375rem;color: var(--color-text-muted);align-self: center;font-weight: 500}.plp-usp-footer{margin-top: var(--space-2xl);padding: var(--space-xl) 0}.plp-usp-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-xl)}.plp-usp-item{display: flex;gap: var(--space-sm);align-items: center}.plp-usp-item i{color: var(--color-accent);font-size: 1.75rem}.plp-usp-item strong{display: block;font-family: var(--font-heading);font-weight: 700;margin-bottom: 0.1rem;font-size: 0.9375rem}.plp-usp-item span{font-size: 0.8125rem;color: var(--color-text-muted)}@media (max-width: 920px){.plp-layout{grid-template-columns: 1fr}.plp-filters{position: fixed !important;top: 0 !important;left: 0 !important;right: auto !important;bottom: auto !important;height: 100vh;height: 100dvh;width: min(380px, 92vw);max-width: 92vw;background: var(--color-surface);z-index: 999;padding: 1rem 1.25rem 1.5rem;overflow-y: auto !important;-webkit-overflow-scrolling: touch;overscroll-behavior: contain;transform: translateX(-100%);transition: transform 0.3s ease;box-shadow: 4px 0 24px rgba(0, 0, 0, 0.25);border-radius: 0;margin: 0}.plp-filters.open{transform: translateX(0)}.plp-filters-backdrop{display: block}.plp-filters-close-btn{display: inline-flex}.plp-mobile-filters-btn{display: inline-flex}.plp-usp-grid{grid-template-columns: 1fr}.plp-toolbar{gap: 0.75rem}.plp-sort-select{min-width: 160px}}.pdp-layout{display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-2xl);padding: var(--space-xl) 0}.pdp-gallery{position: sticky;top: 90px;align-self: start}.pdp-main-image{aspect-ratio: 1;border-radius: var(--radius-lg);overflow: hidden;background: var(--color-bg-alt);margin-bottom: var(--space-md);cursor: zoom-in}.pdp-main-image img{width: 100%;height: 100%;object-fit: cover}.pdp-thumbnails{display: grid;grid-template-columns: repeat(6, 1fr);gap: 0.5rem}.pdp-thumbnail{aspect-ratio: 1;border: 2px solid var(--color-border);border-radius: var(--radius-sm);overflow: hidden;background: var(--color-bg-alt);cursor: pointer;padding: 0;transition: border-color 0.15s ease}.pdp-thumbnail img{width: 100%;height: 100%;object-fit: cover}.pdp-thumbnail.active, .pdp-thumbnail:hover{border-color: var(--color-primary)}.pdp-info{display: flex;flex-direction: column}.pdp-brand{font-size: 0.8rem;text-transform: uppercase;letter-spacing: 0.15em;font-weight: 600;color: var(--color-accent)}.pdp-brand-logo{display: inline-flex;align-items: center;justify-content: center;border-radius: var(--radius-md);background: var(--color-surface-alt, var(--color-bg-alt));padding: 6px 10px;border: 1px solid var(--color-border);box-sizing: border-box;min-height: 56px}.pdp-brand-logo-img{display: block;max-height: 44px;max-width: 160px;width: auto;height: auto;object-fit: contain}.pdp-title-row{display: flex;align-items: flex-start;gap: var(--space-md);margin-bottom: var(--space-sm);flex-wrap: wrap}.pdp-title-row .pdp-brand{flex-shrink: 0;margin: 0}.pdp-title-row .pdp-name{margin: 0;flex: 1 1 200px;min-width: 0}@media (max-width: 600px){.pdp-title-row{gap: 0.5rem}}.pdp-badges{display: flex;flex-wrap: wrap;gap: 0.4rem;margin: 0 0 0.75rem}.pdp-badge{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.35rem 0.8rem;background: var(--color-primary);color: #fff;border: 1px solid transparent;border-radius: 999px;font-size: 0.75rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.04em;line-height: 1;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);transition: transform 0.15s ease, box-shadow 0.15s ease}.pdp-badge:hover{transform: translateY(-1px);box-shadow: 0 5px 14px rgba(0, 0, 0, 0.14)}.pdp-badge i{font-size: 0.85em}.pdp-badge-img{width: 16px;height: 16px;object-fit: contain;border-radius: 2px;background: rgba(255, 255, 255, 0.15)}html[data-theme="dark"] .pdp-badge{box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4)}.pdp-name{font-family: var(--font-heading);font-weight: 800;font-size: clamp(1.5rem, 3vw, 2.25rem);line-height: 1.2;margin: 0 0 var(--space-sm)}.pdp-rating{display: flex;align-items: center;gap: 0.5rem;margin-bottom: var(--space-md);font-size: var(--text-sm)}.pdp-review-link{color: var(--color-primary);text-decoration: underline;margin-left: 0.25rem}.pdp-short-description{font-size: var(--text-base);line-height: 1.7;color: var(--color-text-muted);margin-bottom: var(--space-md);padding: var(--space-md);background: var(--color-bg-alt);border-radius: var(--radius-md);border-left: 3px solid var(--color-accent)}.pdp-short-description p{margin: 0 0 0.5rem}.pdp-short-description p:last-child{margin-bottom: 0}.pdp-short-description ul, .pdp-short-description ol{padding-left: 1.5rem;margin: 0.25rem 0 0.5rem}.pdp-short-description ul{list-style: disc outside}.pdp-short-description ol{list-style: decimal outside}.pdp-short-description li{margin-bottom: 0.2rem;padding-left: 0.25rem}.pdp-short-description li::marker{color: var(--color-primary)}.pdp-short-description strong{color: var(--color-text);font-weight: 700}.pdp-short-description a{color: var(--color-primary);text-decoration: underline}.pdp-meta{font-size: var(--text-xs);color: var(--color-text-muted);margin-bottom: var(--space-md)}.pdp-price-block{padding: var(--space-md);border-top: 1px solid var(--color-border);border-bottom: 1px solid var(--color-border);margin-bottom: var(--space-lg)}.pdp-price-row{display: flex;align-items: baseline;gap: var(--space-sm);flex-wrap: wrap}.pdp-price{font-family: var(--font-heading);font-weight: 800;font-size: clamp(1.75rem, 3vw, 2.5rem);color: var(--color-text);line-height: 1}.pdp-price.sale{color: var(--color-cta)}.pdp-price-original{font-size: var(--text-lg);color: var(--color-text-muted);text-decoration: line-through}.pdp-price-savings{display: inline-block;margin-top: 0.5rem;padding: 0.3rem 0.7rem;background: var(--color-cta);color: #fff;border-radius: var(--radius-sm);font-weight: 600;font-size: var(--text-sm)}.pdp-price-tax{font-size: var(--text-xs);color: var(--color-text-muted);margin-top: 0.35rem}.pdp-variant-group{margin-bottom: var(--space-md)}.pdp-variant-label{display: flex;align-items: center;font-size: var(--text-sm);font-weight: 600;color: var(--color-text);margin-bottom: 0.5rem;gap: 0.4rem}.pdp-variant-label .selected-value{font-weight: 400;color: var(--color-text-muted)}.pdp-size-guide-link{margin-left: auto;font-size: var(--text-xs);color: var(--color-text-muted);text-decoration: none}.pdp-size-guide-link:hover{color: var(--color-primary)}.pdp-variant-options{display: flex;flex-wrap: wrap;gap: 0.5rem}.variant-color{width: 36px;height: 36px;border-radius: 50%;border: 2px solid var(--color-border);cursor: pointer;padding: 0;transition: all 0.15s ease}.variant-color:hover{transform: scale(1.1)}.variant-color.active{border-color: var(--color-primary);box-shadow: 0 0 0 2px var(--color-primary-light)}.variant-option{min-width: 48px;padding: 0.6rem 1rem;border: 1px solid var(--color-border);background: var(--color-surface);border-radius: var(--radius-sm);cursor: pointer;font-weight: 500;font-size: var(--text-sm);transition: all 0.15s ease}.variant-option:hover{border-color: var(--color-primary)}.variant-option.active{background: var(--color-primary);color: #fff;border-color: var(--color-primary)}.variant-option.disabled{opacity: 0.4;cursor: not-allowed;text-decoration: line-through}.pdp-stock{display: flex;align-items: center;gap: 0.5rem;font-size: var(--text-sm);font-weight: 500;margin-bottom: var(--space-md)}.pdp-stock-dot{width: 10px;height: 10px;border-radius: 50%;display: inline-block}.pdp-stock-dot.in-stock{background: var(--color-success);box-shadow: 0 0 0 3px rgba(34,197,94,0.2)}.pdp-stock-dot.low-stock{background: var(--color-warning);box-shadow: 0 0 0 3px rgba(245,158,11,0.2)}.pdp-stock-dot.out-of-stock{background: var(--color-error);box-shadow: 0 0 0 3px rgba(239,68,68,0.2)}.pdp-add-to-cart{display: flex;gap: var(--space-sm);margin-bottom: var(--space-md)}.quantity-selector{display: flex;align-items: center;border: 1px solid var(--color-border);border-radius: var(--radius-sm);overflow: hidden;background: var(--color-surface);height: 48px}.quantity-selector button{width: 44px;height: 100%;border: none;background: none;cursor: pointer;font-size: 1.2rem;color: var(--color-text);transition: background 0.15s ease}.quantity-selector button:hover{background: var(--color-bg-alt)}.quantity-selector input{border: none;background: transparent;width: 50px;text-align: center;font-weight: 600;font-size: var(--text-base);color: var(--color-text);padding: 0}.quantity-selector input::-webkit-inner-spin-button, .quantity-selector input::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0}.btn-add-to-cart{flex: 1;display: flex;align-items: center;justify-content: center;gap: 0.5rem;padding: 0 var(--space-lg);height: 48px;background: var(--color-primary);color: #fff;border: none;border-radius: var(--radius-sm);font-size: var(--text-base);font-weight: 600;cursor: pointer;transition: background-color 0.18s ease, box-shadow 0.18s ease;font-family: var(--font-heading)}.btn-add-to-cart:hover{background: var(--color-primary-dark);box-shadow: 0 6px 16px rgba(27,67,50,0.3)}.btn-add-to-cart:disabled, .btn-add-to-cart.disabled{background: var(--color-text-faint);cursor: not-allowed;box-shadow: none}.pdp-secondary-actions{display: flex;gap: 0.5rem;margin-bottom: var(--space-lg)}.pdp-secondary-btn{flex: 1;display: flex;align-items: center;justify-content: center;gap: 0.4rem;padding: 0.75rem;background: none;border: 1px solid var(--color-border);border-radius: var(--radius-sm);cursor: pointer;color: var(--color-text);font-size: var(--text-sm);transition: all 0.15s ease}.pdp-secondary-btn:hover{border-color: var(--color-primary);color: var(--color-primary)}.pdp-secondary-btn.active{border-color: var(--color-cta);color: var(--color-cta);background: rgba(230,57,70,0.05)}.pdp-secondary-btn.active i{font-weight: 900}.pdp-delivery-info{margin-bottom: var(--space-md);padding: var(--space-md);background: var(--color-bg-alt);border-radius: var(--radius-md);display: flex;flex-direction: column;gap: 0.75rem}.pdp-delivery-item{display: flex;gap: var(--space-sm);align-items: center}.pdp-delivery-item i{color: var(--color-primary);font-size: 1.4rem;flex-shrink: 0}.pdp-delivery-item strong{display: block;font-size: var(--text-sm);font-weight: 600}.pdp-delivery-item span{display: block;font-size: var(--text-xs);color: var(--color-text-muted)}.pdp-guarantees{border-top: 1px solid var(--color-border);padding-top: var(--space-md);display: flex;flex-direction: column;gap: 0.4rem}.pdp-guarantee-item{display: flex;gap: 0.5rem;align-items: center;font-size: var(--text-sm);color: var(--color-text-muted)}.pdp-guarantee-item i{color: var(--color-success)}.pdp-tabs{margin-top: var(--space-2xl)}.pdp-tab-nav{display: flex;gap: 0;border-bottom: 1px solid var(--color-border);margin-bottom: var(--space-lg);overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;scrollbar-width: none}.pdp-tab-nav::-webkit-scrollbar{display: none}.pdp-tab-btn{padding: var(--space-md) var(--space-lg);background: none;border: none;font-size: var(--text-base);font-weight: 600;color: var(--color-text-muted);cursor: pointer;position: relative;white-space: nowrap;transition: color 0.15s ease}.pdp-tab-btn.active{color: var(--color-text)}.pdp-tab-btn.active::after{content: '';position: absolute;bottom: -1px;left: 0;right: 0;height: 2px;background: var(--color-primary)}.pdp-tab-panel{display: none;padding: var(--space-md) 0}.pdp-tab-panel.active{display: block;animation: eshop-tab-fade 0.25s ease}@keyframes eshop-tab-fade{from{opacity: 0;transform: translateY(6px)}to{opacity: 1;transform: translateY(0)}}.prose{font-size: var(--text-base);line-height: 1.7;color: var(--color-text)}.prose p{margin: 0 0 var(--space-md)}.prose h2{font-family: var(--font-heading);font-size: var(--text-xl);font-weight: 700;margin-top: var(--space-lg);margin-bottom: 0.5rem}.prose h3{font-family: var(--font-heading);font-size: var(--text-lg);font-weight: 700;margin-top: var(--space-lg);margin-bottom: 0.5rem}.prose h4{font-family: var(--font-heading);font-size: var(--text-base);font-weight: 700;margin-top: var(--space-md);margin-bottom: 0.5rem}.prose ul, .prose ol{padding-left: 1.75rem;margin: 0 0 var(--space-md)}.prose ul{list-style: disc outside}.prose ol{list-style: decimal outside}.prose ul ul, .prose ol ol, .prose ul ol, .prose ol ul{margin: 0.25rem 0 0.25rem}.prose ul ul{list-style: circle outside}.prose li{margin-bottom: 0.35rem;padding-left: 0.25rem}.prose li::marker{color: var(--color-primary)}.prose a{color: var(--color-primary);text-decoration: underline}.prose strong{font-weight: 700;color: var(--color-text)}.prose em{font-style: italic}.prose blockquote{border-left: 3px solid var(--color-primary);padding: 0.5rem 1rem;margin: var(--space-md) 0;color: var(--color-text-muted);background: var(--color-bg-alt);border-radius: 0 var(--radius-md) var(--radius-md) 0}.prose code{font-family: ui-monospace, SFMono-Regular, Menlo, monospace;background: var(--color-bg-alt);padding: 0.15em 0.35em;border-radius: 4px;font-size: 0.9em}.prose hr{border: 0;border-top: 1px solid var(--color-border);margin: var(--space-lg) 0}.prose table{width: 100%;border-collapse: collapse;margin: var(--space-md) 0}.prose th, .prose td{padding: 0.5rem 0.75rem;border: 1px solid var(--color-border);text-align: left}.prose th{background: var(--color-bg-alt);font-weight: 700}.pdp-params-table{width: 100%;border-collapse: collapse}.pdp-params-table th, .pdp-params-table td{padding: var(--space-sm);text-align: left;border-bottom: 1px solid var(--color-border);font-size: var(--text-sm)}.pdp-params-table th{font-weight: 600;color: var(--color-text);background: var(--color-bg-alt);width: 40%}.pdp-params-table td{color: var(--color-text-muted)}.pdp-write-review-btn{margin-top: var(--space-md)}.pdp-review-notice{display: flex;align-items: center;gap: 0.5rem;padding: 0.75rem 1rem;margin: var(--space-md) 0;background: var(--color-bg-alt);border-left: 3px solid var(--color-primary);border-radius: 0 var(--radius-md) var(--radius-md) 0;font-size: 0.9rem;color: var(--color-text-muted)}.pdp-review-notice i{color: var(--color-primary)}.eshop-lightbox{position: fixed;inset: 0;background: radial-gradient(ellipse at center, rgba(10, 18, 10, 0.94) 0%, rgba(0, 0, 0, 0.98) 100%);z-index: 10000;display: grid;grid-template-rows: auto 1fr auto;animation: eshopFadeIn 0.25s ease;backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);user-select: none;-webkit-user-select: none;color: #fff}@keyframes eshopFadeIn{from{opacity: 0}to{opacity: 1}}.eshop-lightbox-toolbar{display: flex;justify-content: space-between;align-items: center;padding: 16px 20px;gap: 1rem}.eshop-lightbox-toolbar-left, .eshop-lightbox-toolbar-right{display: flex;align-items: center;gap: 0.4rem}.eshop-lightbox-counter{color: #fff;font-size: 0.9rem;background: rgba(255, 255, 255, 0.08);padding: 0.35rem 0.8rem;border-radius: 999px;font-weight: 600}.eshop-lightbox-zoom-label{min-width: 48px;text-align: center;color: rgba(255, 255, 255, 0.85);font-size: 0.85rem;font-weight: 600;padding: 0 0.25rem}.eshop-lightbox-btn, .eshop-lightbox-close{background: rgba(255, 255, 255, 0.1);border: 0;color: #fff;width: 42px;height: 42px;border-radius: 50%;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;font-size: 1rem;transition: background 0.15s ease, transform 0.15s ease;text-decoration: none}.eshop-lightbox-btn:hover, .eshop-lightbox-close:hover{background: rgba(255, 255, 255, 0.22);transform: scale(1.06)}.eshop-lightbox-close{background: rgba(230, 57, 70, 0.6)}.eshop-lightbox-close:hover{background: rgba(230, 57, 70, 0.9)}.eshop-lightbox-stage{display: flex;align-items: center;justify-content: center;position: relative;padding: 0 80px;min-height: 0;overflow: hidden}.eshop-lightbox-img-wrap{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;cursor: zoom-in}.eshop-lightbox-img-wrap:has(.is-zoomed){cursor: grab}.eshop-lightbox-img-wrap:has(.is-dragging){cursor: grabbing}.eshop-lightbox-img{max-width: 100%;max-height: 100%;object-fit: contain;transform-origin: center center;transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);will-change: transform;pointer-events: auto;-webkit-user-drag: none}.eshop-lightbox-img.is-dragging{transition: none}.eshop-lightbox-prev, .eshop-lightbox-next{position: absolute;top: 50%;transform: translateY(-50%);width: 52px;height: 52px;border-radius: 50%;background: rgba(255, 255, 255, 0.12);border: 0;color: #fff;cursor: pointer;display: flex;align-items: center;justify-content: center;font-size: 1.25rem;transition: background 0.15s ease, transform 0.15s ease;z-index: 2}.eshop-lightbox-prev{left: 20px}.eshop-lightbox-next{right: 20px}.eshop-lightbox-prev:hover{background: rgba(255, 255, 255, 0.25);transform: translateY(-50%) translateX(-3px)}.eshop-lightbox-next:hover{background: rgba(255, 255, 255, 0.25);transform: translateY(-50%) translateX(3px)}.eshop-lightbox-thumbs{display: flex;gap: 0.5rem;padding: 16px 20px;overflow-x: auto;overflow-y: hidden;scrollbar-width: thin;scrollbar-color: rgba(255, 255, 255, 0.25) transparent;justify-content: center;max-width: 100%}.eshop-lightbox-thumbs::-webkit-scrollbar{height: 6px}.eshop-lightbox-thumbs::-webkit-scrollbar-thumb{background: rgba(255, 255, 255, 0.25);border-radius: 999px}.eshop-lightbox-thumb{flex: 0 0 auto;width: 68px;height: 68px;border: 2px solid rgba(255, 255, 255, 0.15);border-radius: 6px;background: rgba(255, 255, 255, 0.06);padding: 0;cursor: pointer;overflow: hidden;transition: border-color 0.15s ease, transform 0.15s ease, opacity 0.15s ease;opacity: 0.65}.eshop-lightbox-thumb img{width: 100%;height: 100%;object-fit: cover;display: block}.eshop-lightbox-thumb:hover{opacity: 1;transform: translateY(-2px);border-color: rgba(255, 255, 255, 0.5)}.eshop-lightbox-thumb.active{opacity: 1;border-color: var(--color-accent);box-shadow: 0 0 0 1px var(--color-accent)}@media (max-width: 700px){.eshop-lightbox-toolbar{padding: 10px;gap: 0.4rem;flex-wrap: wrap}.eshop-lightbox-btn, .eshop-lightbox-close{width: 36px;height: 36px;font-size: 0.9rem}.eshop-lightbox-zoom-label{min-width: auto;font-size: 0.75rem}.eshop-lightbox-stage{padding: 0 12px}.eshop-lightbox-prev, .eshop-lightbox-next{width: 40px;height: 40px;font-size: 1rem}.eshop-lightbox-prev{left: 6px}.eshop-lightbox-next{right: 6px}.eshop-lightbox-thumbs{padding: 10px}.eshop-lightbox-thumb{width: 56px;height: 56px}}.section--bg{background: linear-gradient(180deg, var(--color-bg-alt) 0%, var(--color-bg) 100%);position: relative}.section--bg::before{content: '';position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 200px;height: 3px;background: linear-gradient(90deg, transparent, var(--color-primary), transparent);opacity: 0.4}html[data-theme="dark"] .section--bg{background: linear-gradient(180deg, #0A120A 0%, #050805 50%, #0A120A 100%)}html[data-theme="dark"] .section--bg::before{background: linear-gradient(90deg, transparent, var(--color-primary-light), transparent);opacity: 0.55}.product-card{transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.2s ease !important;border: 1px solid transparent;backface-visibility: hidden;-webkit-backface-visibility: hidden}.product-card:hover{transform: translateY(-3px);border-color: var(--color-border);box-shadow: 0 6px 18px rgba(20, 40, 20, 0.06), 0 2px 4px rgba(20, 40, 20, 0.04)}html[data-theme="dark"] .product-card{border-color: rgba(255, 255, 255, 0.04)}html[data-theme="dark"] .product-card:hover{border-color: rgba(var(--color-primary-rgb), 0.25);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45), 0 2px 6px rgba(0, 0, 0, 0.3)}.cat-group-hero::before{content: '';position: absolute;inset: 0;background: linear-gradient(135deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.55) 50%, rgba(0, 0, 0, 0.9) 100%);transition: opacity 0.3s ease;z-index: 1}.product-badge--sale{background: linear-gradient(135deg, var(--color-cta) 0%, #B91C1C 100%);box-shadow: 0 3px 12px rgba(230, 57, 70, 0.35)}.product-badge--new{background: linear-gradient(135deg, var(--color-success) 0%, #059669 100%);box-shadow: 0 3px 12px rgba(16, 185, 129, 0.35)}.product-badge--featured{background: linear-gradient(135deg, var(--color-accent) 0%, #D48C15 100%);box-shadow: 0 3px 12px rgba(244, 165, 28, 0.35);color: #fff !important}.product-price-current.sale{background: linear-gradient(135deg, var(--color-cta) 0%, #B91C1C 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent}.plp-filters{border: 1px solid var(--color-border);box-shadow: 0 2px 16px rgba(0, 0, 0, 0.04)}html[data-theme="dark"] .plp-filters{background: var(--color-surface);border: 1px solid var(--color-border);box-shadow: 0 2px 16px rgba(0, 0, 0, 0.3)}.pdp-main-image{box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.06)}html[data-theme="dark"] .pdp-main-image{box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5), 0 2px 6px rgba(0, 0, 0, 0.3)}.btn-add-to-cart{background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);box-shadow: 0 4px 14px rgba(var(--color-primary-rgb), 0.35);transition: box-shadow 0.2s ease, background 0.2s ease}.btn-add-to-cart:hover:not(:disabled){box-shadow: 0 8px 22px rgba(var(--color-primary-rgb), 0.45)}html[data-theme="dark"] .newsletter-form button{box-shadow: 0 4px 14px rgba(244, 165, 28, 0.3)}.cat-group-hero:hover::before{background: linear-gradient(135deg, rgba(79, 183, 57, 0.25) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.85) 100%)}html[data-theme="dark"] .utility-bar{background: linear-gradient(90deg, #0F1D0F 0%, #1A2E1A 50%, #0F1D0F 100%)}.section + .section{position: relative}.section-title{position: relative}.section-header--center .section-title::after{content: '';display: block;width: 60px;height: 3px;background: linear-gradient(90deg, var(--color-primary), var(--color-accent));margin: 0.75rem auto 0;border-radius: 2px}html[data-theme="dark"] .section-header--center .section-title::after{background: linear-gradient(90deg, var(--color-primary-light), var(--color-accent-light))}html[data-theme="dark"] .mini-cart-drawer{background: linear-gradient(180deg, #182318 0%, #111D11 100%);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-left: 1px solid rgba(79, 183, 57, 0.15)}.products-grid .product-card, .cat-group-children .cat-child-card{animation: eshop-card-fade 0.35s ease-out both}.products-grid .product-card:nth-child(2){animation-delay: 0.04s}.products-grid .product-card:nth-child(3){animation-delay: 0.08s}.products-grid .product-card:nth-child(4){animation-delay: 0.12s}.products-grid .product-card:nth-child(n+5){animation-delay: 0.16s}@keyframes eshop-card-fade{from{opacity: 0}to{opacity: 1}}.btn, .btn-primary, .btn-outline, .btn-cta-gold, .product-card-action, .pdp-secondary-btn, .filter-size, .filter-color, .filter-brand-tile, .filter-toggle, .plp-view-btn, .plp-clear-all, .carousel-arrow, .mini-cart-remove, .cart-row-remove{transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important}.btn:active, .btn-primary:active, .btn-outline:active{transform: scale(0.97)}.mini-cart-drawer{transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1) !important}.mini-cart-backdrop{transition: opacity 0.25s ease !important}.toast{animation: eshop-toast-in 0.3s cubic-bezier(0.2, 0.8, 0.2, 1)}@keyframes eshop-toast-in{from{opacity: 0;transform: translateY(16px) scale(0.95)}to{opacity: 1;transform: translateY(0) scale(1)}}.pagination-btn{transition: background-color 0.2s ease, color 0.2s ease, transform 0.15s ease}.pagination-btn:hover:not(.active){transform: translateY(-1px)}.breadcrumb a{transition: color 0.2s ease, transform 0.15s ease}.breadcrumb a:hover{color: var(--color-primary)}input:focus, select:focus, textarea:focus{transition: border-color 0.2s ease, box-shadow 0.2s ease}@media (prefers-reduced-motion: reduce){*, *::before, *::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important}}.eshop-compare-bar{position: fixed;right: 20px;bottom: 20px;z-index: 800;display: inline-flex;align-items: center;gap: 0.75rem;padding: 0.75rem 1rem;background: var(--color-primary);color: #fff;border-radius: 999px;box-shadow: 0 10px 32px rgba(0, 0, 0, 0.25);animation: eshop-slide-up 0.3s cubic-bezier(0.2, 0.8, 0.2, 1)}.eshop-compare-bar i.fa-code-compare{font-size: 1.05rem}.eshop-compare-bar-count{min-width: 22px;height: 22px;padding: 0 6px;border-radius: 999px;background: rgba(255, 255, 255, 0.25);font-weight: 700;font-size: 0.8rem;display: inline-flex;align-items: center;justify-content: center}.eshop-compare-bar-link{color: #fff;text-decoration: none;font-weight: 700;font-size: 0.9rem;padding: 0.2rem 0.3rem}.eshop-compare-bar-link:hover{text-decoration: underline}.eshop-compare-bar-close{background: rgba(255, 255, 255, 0.18);border: 0;color: #fff;width: 24px;height: 24px;border-radius: 50%;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;font-size: 0.75rem;transition: background 0.15s ease}.eshop-compare-bar-close:hover{background: rgba(255, 255, 255, 0.3)}@keyframes eshop-slide-up{from{opacity: 0;transform: translateY(16px)}to{opacity: 1;transform: translateY(0)}}.compare-page{padding: var(--space-xl) var(--space-md)}.compare-header{display: flex;justify-content: space-between;align-items: center;gap: 1rem;margin-bottom: var(--space-lg);flex-wrap: wrap}.compare-title{font-family: var(--font-heading);font-weight: 800;font-size: clamp(1.75rem, 3vw, 2.5rem);margin: 0}.compare-empty{text-align: center;padding: var(--space-3xl) var(--space-md);background: var(--color-surface);border-radius: var(--radius-lg);border: 1px dashed var(--color-border)}.compare-empty i{font-size: 3rem;color: var(--color-text-faint);margin-bottom: 1rem}.compare-empty h2{font-family: var(--font-heading);margin: 0 0 0.5rem;font-size: 1.5rem}.compare-empty p{color: var(--color-text-muted);max-width: 440px;margin: 0 auto 1.25rem;line-height: 1.6}.compare-table-wrapper{overflow-x: auto;background: var(--color-surface);border-radius: var(--radius-lg);box-shadow: 0 2px 16px rgba(0, 0, 0, 0.04)}.compare-table{width: 100%;border-collapse: collapse;min-width: 640px}.compare-table th, .compare-table td{padding: 0.9rem 1rem;border-bottom: 1px solid var(--color-border);text-align: left;vertical-align: top;font-size: 0.9rem}.compare-label{font-weight: 700;color: var(--color-text-muted);background: var(--color-bg-alt);white-space: nowrap;width: 160px}.compare-row-header .compare-cell{padding: 1rem}.compare-product{display: flex;flex-direction: column;gap: 0.5rem;align-items: flex-start;position: relative}.compare-product-image{display: block;width: 140px;aspect-ratio: 1;overflow: hidden;border-radius: var(--radius-md);background: var(--color-bg-alt)}.compare-product-image img{width: 100%;height: 100%;object-fit: cover}.compare-product-name{color: var(--color-text);font-weight: 700;text-decoration: none;line-height: 1.3}.compare-product-name:hover{color: var(--color-primary)}.compare-remove{position: absolute;top: 0;right: 0;width: 28px;height: 28px;border: 0;background: var(--color-bg-alt);color: var(--color-text-muted);border-radius: 50%;cursor: pointer;font-size: 0.8rem;transition: background 0.15s ease, color 0.15s ease}.compare-remove:hover{background: var(--color-error);color: #fff}.compare-old-price{color: var(--color-text-muted);text-decoration: line-through;margin-left: 0.4rem;font-size: 0.85em}.compare-stock-in{color: var(--color-success);font-weight: 600}.compare-stock-out{color: var(--color-error);font-weight: 600}.compare-loading{text-align: center;color: var(--color-text-muted);padding: 3rem}.eshop-review-modal{position: fixed;inset: 0;background: rgba(0, 0, 0, 0.6);z-index: 10001;display: none;align-items: center;justify-content: center;padding: 1rem}.eshop-review-modal.open{display: flex;animation: eshopFadeIn 0.2s ease}.eshop-review-modal-dialog{background: var(--color-surface);border-radius: var(--radius-lg);padding: 1.5rem;max-width: 520px;width: 100%;max-height: 90vh;overflow-y: auto;position: relative;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4)}.eshop-review-modal-close{position: absolute;top: 12px;right: 12px;width: 36px;height: 36px;border: 0;background: var(--color-bg-alt);color: var(--color-text-muted);border-radius: 50%;cursor: pointer;font-size: 1rem}.eshop-review-modal-close:hover{background: var(--color-border);color: var(--color-text)}.eshop-review-modal-title{font-family: var(--font-heading);margin: 0 0 1rem;font-weight: 800;font-size: 1.25rem}.eshop-review-rating{margin-bottom: 1rem}.eshop-review-rating > label{display: block;margin-bottom: 0.35rem;font-weight: 600}.eshop-review-stars{display: inline-flex;flex-direction: row-reverse;gap: 0.15rem}.eshop-review-stars input{display: none}.eshop-review-stars label{cursor: pointer;font-size: 1.5rem;color: var(--color-border-strong);transition: color 0.15s ease, transform 0.15s ease}.eshop-review-stars label:hover, .eshop-review-stars label:hover ~ label, .eshop-review-stars input:checked ~ label{color: #F59E0B}.eshop-review-stars label:hover{transform: scale(1.1)}.eshop-review-form .form-field{margin-bottom: 1rem}.eshop-review-form label{display: block;margin-bottom: 0.35rem;font-weight: 600}.eshop-review-form input[type="text"], .eshop-review-form textarea{width: 100%;padding: 0.6rem 0.75rem;border: 1px solid var(--color-border);border-radius: var(--radius-md);background: var(--color-bg);color: var(--color-text);font-family: inherit;font-size: 0.95rem}.eshop-review-form textarea{resize: vertical;min-height: 100px}.eshop-review-form input:focus, .eshop-review-form textarea:focus{outline: none;border-color: var(--color-primary)}.eshop-review-modal-actions{display: flex;gap: 0.5rem;justify-content: flex-end;margin-top: 1rem}@media (max-width: 900px){.pdp-layout{grid-template-columns: 1fr}.pdp-gallery{position: static}}.cart-layout{display: grid;grid-template-columns: 1fr 380px;gap: var(--space-xl);padding: var(--space-xl) 0;align-items: start}.cart-heading{margin-bottom: var(--space-lg)}.cart-title{font-family: var(--font-heading);font-size: clamp(1.5rem, 3vw, 2rem);font-weight: 800;margin: 0;display: flex;gap: var(--space-md)}.cart-items-count{font-weight: 400;color: var(--color-text-muted);font-size: 0.8em}.cart-items-wrapper{background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-lg);overflow: hidden}.cart-items-header{display: grid;grid-template-columns: 1fr 100px 140px 120px 40px;gap: var(--space-sm);padding: var(--space-md) var(--space-lg);background: var(--color-bg-alt);font-size: var(--text-xs);font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;color: var(--color-text-muted);border-bottom: 1px solid var(--color-border)}.cart-item{display: grid;grid-template-columns: 80px 1fr 100px 140px 120px 40px;gap: var(--space-md);padding: var(--space-md) var(--space-lg);border-bottom: 1px solid var(--color-border);align-items: center}.cart-item--static{grid-template-columns: 80px 1fr 140px}.cart-item:last-child{border-bottom: none}.cart-item-image{width: 80px;height: 80px;border-radius: var(--radius-sm);overflow: hidden;background: var(--color-bg-alt)}.cart-item-image img{width: 100%;height: 100%;object-fit: cover}.cart-item-info{min-width: 0}.cart-item-name{font-weight: 600;font-size: var(--text-base);margin-bottom: 0.25rem}.cart-item-name a{color: var(--color-text);text-decoration: none}.cart-item-name a:hover{color: var(--color-primary)}.cart-item-variant, .cart-item-sku{font-size: var(--text-xs);color: var(--color-text-muted)}.cart-item-price, .cart-item-total{font-weight: 600;font-family: var(--font-heading)}.cart-item-total{font-size: var(--text-lg)}.cart-item-remove{background: none;border: none;color: var(--color-text-faint);cursor: pointer;width: 36px;height: 36px;border-radius: 50%;transition: all 0.15s ease}.cart-item-remove:hover{background: rgba(239,68,68,0.1);color: var(--color-error)}.cart-empty{text-align: center;padding: var(--space-3xl) var(--space-md);background: var(--color-surface);border-radius: var(--radius-lg)}.cart-empty i{font-size: 1.5rem;color: white;margin-bottom: var(--space-lg);display: block;margin-botttom:0}.cart-empty h2{font-family: var(--font-heading);font-weight: 700;margin-bottom: var(--space-sm)}.cart-empty p{color: var(--color-text-muted);margin-bottom: var(--space-lg);max-width: 400px;margin-left: auto;margin-right: auto}.cart-continue{margin-top: var(--space-md)}.cart-continue-link{display: inline-flex;align-items: center;gap: 0.375rem;color: var(--color-primary);text-decoration: none;font-size: var(--text-sm);font-weight: 500}.cart-continue-link:hover{text-decoration: underline}.cart-summary{background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-lg);padding: var(--space-lg);position: sticky;top: 90px}.cart-summary h3{font-family: var(--font-heading);margin: 0 0 var(--space-md);font-size: var(--text-lg);font-weight: 700}.cart-coupon{display: flex;gap: 0.5rem;margin-bottom: var(--space-md)}.cart-coupon input{flex: 1;padding: 0.6rem 0.75rem;border: 1px solid var(--color-border);border-radius: var(--radius-sm);font-size: var(--text-sm)}.cart-coupon button{padding: 0 1rem;background: var(--color-accent);color: var(--color-primary-dark);border: none;border-radius: var(--radius-sm);font-weight: 600;cursor: pointer;font-size: var(--text-sm);transition: background 0.15s ease}.cart-coupon button:hover{background: var(--color-accent-light)}.cart-coupon-applied{margin-bottom: var(--space-sm)}.cart-summary-lines{border-top: 1px solid var(--color-border);padding-top: var(--space-md)}.cart-summary-line{display: flex;justify-content: space-between;margin-bottom: 0.5rem;font-size: var(--text-sm);color: var(--color-text)}.cart-summary-total{display: flex;justify-content: space-between;align-items: baseline;padding: var(--space-md) 0;border-top: 1px solid var(--color-border);margin-top: var(--space-sm);font-family: var(--font-heading);font-weight: 700;font-size: var(--text-xl)}.cart-summary-tax{font-size: var(--text-xs);color: var(--color-text-muted);margin-bottom: var(--space-md);text-align: right}.btn-checkout{display: flex;align-items: center;justify-content: center;gap: 0.5rem;width: 100%;padding: var(--space-md);background: var(--color-primary);color: #fff;border: none;border-radius: var(--radius-sm);font-size: var(--text-base);font-weight: 600;cursor: pointer;text-decoration: none;font-family: var(--font-heading);transition: background-color 0.18s ease, box-shadow 0.18s ease;margin-top: var(--space-sm)}.btn-checkout:hover, .btn-checkout:hover *, .btn-checkout:focus, .btn-checkout:focus *{color: #fff}.btn-checkout:hover{background: var(--color-primary-dark);box-shadow: 0 6px 16px rgba(27,67,50,0.3)}.checkout-customer-type{display: flex;flex-wrap: wrap;gap: var(--space-sm);margin-bottom: var(--space-md)}.checkout-customer-type-option{flex: 1 1 200px;display: flex;align-items: center;gap: 0.5rem;padding: 0.65rem 0.9rem;border: 2px solid var(--color-border);border-radius: var(--radius-md);cursor: pointer;font-weight: 500;transition: border-color 0.15s ease, background 0.15s ease}.checkout-customer-type-option:has(input:checked){border-color: var(--color-primary);background: rgba(var(--color-primary-rgb), 0.06)}.checkout-login-prompt, .checkout-logged-in-status{display: flex;align-items: center;gap: 0.85rem;padding: 0.85rem 1rem;border-radius: var(--radius-md);margin-top: var(--space-sm)}.checkout-login-prompt{background: rgba(var(--color-accent-rgb), 0.08);border: 1px solid rgba(var(--color-accent-rgb), 0.25)}.checkout-login-prompt > i{font-size: 1.4rem;color: var(--color-accent)}.checkout-login-prompt > div{flex: 1;display: flex;flex-direction: column;gap: 0.15rem;font-size: var(--text-sm)}.checkout-login-prompt strong{font-size: var(--text-base)}.checkout-logged-in-status{background: rgba(var(--color-success-rgb, 34, 197, 94), 0.10);border: 1px solid rgba(var(--color-success-rgb, 34, 197, 94), 0.25)}.checkout-logged-in-status > i{font-size: 1.3rem;color: var(--color-success)}.checkout-logged-in-status > div{display: flex;flex-direction: column;font-size: var(--text-sm)}.checkout-logged-in-status strong{font-size: var(--text-base);color: var(--color-text)}.cart-trust-icons{display: flex;justify-content: space-around;gap: var(--space-md);margin-top: var(--space-md);padding-top: var(--space-md);border-top: 1px solid var(--color-border)}.cart-trust-item{text-align: center;font-size: var(--text-xs);color: var(--color-text-muted);display: flex;flex-direction: column;align-items: center;gap: 0.25rem}.cart-trust-item i{font-size: 1rem;color: var(--color-text-muted)}.cart-payment-icons{margin-top: var(--space-md);padding-top: var(--space-md);border-top: 1px solid var(--color-border);text-align: center}.cart-payment-label{font-size: var(--text-xs);color: var(--color-text-muted);margin-bottom: 0.5rem;display: block}.cart-payment-logos{display: flex;justify-content: center;gap: var(--space-sm);font-size: 1.5rem;color: var(--color-text-muted)}@media (max-width: 900px){.cart-layout{grid-template-columns: 1fr}.cart-summary{position: static}.cart-items-header{display: none}.cart-item{grid-template-columns: 80px 1fr 40px;gap: var(--space-sm);row-gap: 0.5rem}.cart-item-info{grid-column: 2}.cart-item-price, .cart-item-qty, .cart-item-total{grid-column: 2;display: flex;justify-content: space-between;align-items: center}.cart-item-remove{grid-column: 3;grid-row: 1 / span 4;align-self: start}}.order-row{display: grid;grid-template-columns: 1fr auto;gap: var(--space-md);align-items: center;padding: var(--space-md) var(--space-lg);background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-md);text-decoration: none;color: inherit;margin-bottom: 0.5rem;transition: all 0.15s ease}.order-row:hover{border-color: var(--color-primary);transform: translateX(4px)}.order-row-number{font-family: var(--font-heading);font-weight: 700;font-size: var(--text-base);color: var(--color-primary)}.order-row-date{font-size: var(--text-xs);color: var(--color-text-muted)}.order-row-meta{display: flex;align-items: center;gap: var(--space-md)}.order-row-items{font-size: var(--text-sm);color: var(--color-text-muted)}.order-row-total{font-family: var(--font-heading);font-weight: 700;font-size: var(--text-base)}.order-detail-actions{display: flex;flex-wrap: wrap;gap: 0.5rem;align-items: center}.order-detail-actions[hidden]{display: none}.order-row-pay-btn{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.4rem 0.75rem;background: var(--color-primary);color: var(--color-primary-contrast, #fff);border: none;border-radius: var(--radius-sm);font-size: var(--text-sm);font-weight: 600;cursor: pointer;transition: background 0.15s ease, transform 0.15s ease}.order-row-pay-btn:hover{background: var(--color-primary-dark, var(--color-primary));transform: translateY(-1px)}.order-row-pay-btn:focus-visible{outline: 2px solid var(--color-primary);outline-offset: 2px}@media (max-width: 520px){.order-row-pay-btn span{display: none}}.visually-hidden{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}.text-muted{color: var(--color-text-muted)}.badge{display: inline-block;padding: 0.3rem 0.75rem;border-radius: 999px;font-size: var(--text-xs);font-weight: 600;line-height: 1}.badge-success{background: rgba(34,197,94,0.15);color: var(--color-success)}.badge-warning{background: rgba(245,158,11,0.15);color: var(--color-warning)}.badge-info{background: rgba(59,130,246,0.15);color: var(--color-info)}.badge-primary{background: rgba(27,67,50,0.12);color: var(--color-primary)}.badge-error{background: rgba(239,68,68,0.15);color: var(--color-error)}.badge-neutral{background: var(--color-bg-alt);color: var(--color-text-muted)}.category-card{position: relative;aspect-ratio: 4/3;border-radius: var(--radius-lg);overflow: hidden;display: block;text-decoration: none;background-size: cover !important;background-position: center !important;transition: transform 0.3s ease, box-shadow 0.3s ease;background-color: var(--color-bg-alt)}.category-card:hover{transform: translateY(-4px);box-shadow: 0 16px 32px -12px rgba(0, 0, 0, 0.25)}.category-card-pattern{position: absolute;inset: 0;background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));opacity: 0.9}.category-card-overlay{position: absolute;inset: 0;background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.25) 60%, transparent 100%);display: flex;flex-direction: column;justify-content: flex-end;padding: var(--space-md);color: #fff}.category-card-parent{font-size: 0.7rem;text-transform: uppercase;letter-spacing: 0.12em;font-weight: 600;opacity: 0.85;margin-bottom: 0.2rem}.category-card-name{font-family: var(--font-heading);font-weight: 700;font-size: var(--text-lg);line-height: 1.2}.category-card-count{font-size: var(--text-xs);opacity: 0.85;margin-top: 0.35rem}.stock-badge{display: inline-flex;align-items: center;gap: 0.35rem;padding: 0.25rem 0.6rem;border-radius: 4px;font-size: 0.7rem;font-weight: 600}.stock-in{background: rgba(34,197,94,0.15);color: var(--color-success)}.stock-low{background: rgba(245,158,11,0.15);color: var(--color-warning)}.stock-out{background: rgba(239,68,68,0.15);color: var(--color-error)}.brand-card{display: flex;flex-direction: column;align-items: center;text-align: center;padding: var(--space-xl);background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-lg);text-decoration: none;color: inherit;transition: all 0.2s ease}.brand-card:hover{transform: translateY(-4px);box-shadow: 0 20px 40px -20px rgba(0,0,0,0.15);border-color: var(--color-accent)}.brand-card-logo{width: 120px;height: 80px;display: flex;align-items: center;justify-content: center;margin-bottom: var(--space-md)}.brand-card-logo img{max-width: 100%;max-height: 100%;object-fit: contain}.brand-card-logo span{font-family: var(--font-heading);font-weight: 700;font-size: var(--text-lg);color: var(--color-primary)}.brand-card-name{font-family: var(--font-heading);font-weight: 600;font-size: var(--text-base);margin-bottom: 0.25rem}.brand-card-desc{font-size: var(--text-sm);color: var(--color-text-muted);line-height: 1.5}@media (max-width: 480px){.mini-cart-drawer{width: 100%}.countdown-timer{gap: 0.5rem}.countdown-timer .cd-unit{min-width: 56px;padding: 0.35rem}.countdown-timer .cd-unit strong{font-size: 1.4rem}}.shipping-option{display: flex;gap: var(--space-md);align-items: center;padding: var(--space-md);border: 1px solid var(--color-border);border-radius: var(--radius-md);cursor: pointer;margin-bottom: 0.5rem;transition: all 0.15s ease;background: var(--color-surface);position: relative}.shipping-option:has(input:checked), .shipping-option.selected{border-color: var(--color-primary);background: rgba(27,67,50,0.03);box-shadow: 0 0 0 1px var(--color-primary)}.shipping-option-icon{width: 48px;height: 48px;border-radius: var(--radius-sm);background: var(--color-bg-alt);display: flex;align-items: center;justify-content: center;color: var(--color-primary);font-size: 1.4rem;flex-shrink: 0}.eshop-brand-logo--dark{display: none}[data-theme="dark"] .eshop-brand-logo--light{display: none}[data-theme="dark"] .eshop-brand-logo--dark{display: block}.shipping-option-info{flex: 1}.shipping-option-name{font-weight: 600;font-size: var(--text-base);margin-bottom: 0.15rem}.shipping-option-desc{font-size: var(--text-xs);color: var(--color-text-muted)}.shipping-option-delivery{font-size: var(--text-xs);color: var(--color-primary);margin-top: 0.25rem}.shipping-option-price{font-weight: 700;font-family: var(--font-heading);font-size: var(--text-base);white-space: nowrap}.checkout-layout{padding: var(--space-xl) 0;max-width: 900px;margin: 0 auto}.checkout-steps{display: flex;justify-content: center;gap: var(--space-xl);margin-bottom: var(--space-2xl);padding-bottom: var(--space-md);border-bottom: 1px solid var(--color-border)}.checkout-step{display: flex;align-items: center;gap: 0.5rem;font-weight: 500;color: var(--color-text-muted)}.checkout-step.active{color: var(--color-primary);font-weight: 600}.checkout-step-number{width: 32px;height: 32px;border-radius: 50%;background: var(--color-bg-alt);display: flex;align-items: center;justify-content: center;font-weight: 700}.checkout-step.active .checkout-step-number{background: var(--color-primary);color: #fff}.checkout-section{background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-lg);padding: var(--space-lg);margin-bottom: var(--space-md)}.checkout-section h3{font-family: var(--font-heading);margin: 0 0 var(--space-md);font-size: var(--text-lg);font-weight: 700;display: flex;align-items: center;gap: 0.5rem}.contact-info-row{display: flex;align-items: center;gap: var(--space-md)}.contact-info-icon{width: 40px;height: 40px;border-radius: var(--radius-md);background: var(--color-primary-50, rgba(var(--color-primary-rgb), 0.10));color: var(--color-primary);display: flex;align-items: center;justify-content: center;flex-shrink: 0}.contact-info-content{flex: 1;min-width: 0;display: flex;align-items: baseline;flex-wrap: wrap;gap: 0.5rem;font-size: var(--text-sm)}.contact-info-content strong{font-weight: 600;color: var(--color-text);white-space: nowrap}.contact-info-content strong::after{content: ':'}.contact-info-content p{margin: 0;color: var(--color-text-muted);word-break: break-word}@media (max-width: 480px){.contact-info-content{flex-direction: column;gap: 0.15rem}.contact-info-content strong::after{content: ''}}@media (max-width: 900px){.contact-layout{grid-template-columns: 1fr !important}}.packeta-picker-row.error{background: rgba(var(--color-error-rgb, 239, 68, 68), 0.10);border: 1px solid var(--color-error);border-radius: var(--radius-md);padding: 0.5rem 0.75rem;animation: packeta-shake 0.3s ease}@keyframes packeta-shake{0%, 100%{transform: translateX(0)}25%{transform: translateX(-4px)}75%{transform: translateX(4px)}}.rma-items-heading{font-family: var(--font-heading);font-weight: 600;font-size: var(--text-base);margin: 0 0 var(--space-sm)}.rma-items-list{display: flex;flex-direction: column;gap: 0.5rem}.rma-item-row{display: grid;grid-template-columns: auto 64px 1fr auto;gap: var(--space-md);align-items: center;padding: var(--space-sm) var(--space-md);border: 1px solid var(--color-border);border-radius: var(--radius-md);background: var(--color-surface);cursor: pointer;transition: border-color 0.15s ease, background 0.15s ease}.rma-item-row:hover{border-color: var(--color-primary)}.rma-item-row.selected{border-color: var(--color-primary);background: rgba(var(--color-primary-rgb), 0.05)}.rma-item-row .rma-item-image{width: 64px;height: 64px;border-radius: var(--radius-sm);overflow: hidden;background: var(--color-bg-alt);flex-shrink: 0}.rma-item-row .rma-item-image img{width: 100%;height: 100%;object-fit: cover}.rma-item-info{min-width: 0}.rma-item-name{font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.rma-item-variant, .rma-item-meta{font-size: var(--text-xs);color: var(--color-text-muted)}.rma-item-qty{display: flex;flex-direction: column;align-items: flex-end;gap: 0.25rem;font-size: var(--text-xs)}.rma-item-qty-input{width: 64px;padding: 0.4rem 0.5rem;border: 1px solid var(--color-border);border-radius: var(--radius-sm);background: var(--color-surface);color: var(--color-text);text-align: center;font-weight: 600}.rma-item-qty-input:disabled{opacity: 0.4;cursor: not-allowed}#rma-photo-dropzone{border: 2px dashed var(--color-border);border-radius: var(--radius-md);padding: var(--space-lg);text-align: center;cursor: pointer;transition: border-color 0.15s ease, background 0.15s ease}#rma-photo-dropzone:hover, #rma-photo-dropzone.drag-over{border-color: var(--color-primary);background: rgba(var(--color-primary-rgb), 0.04)}.rma-photo-thumb{width: 80px;height: 80px;border-radius: var(--radius-sm);overflow: hidden;background: var(--color-bg-alt);display: flex;align-items: center;justify-content: center;color: var(--color-text-muted)}.rma-photo-thumb img{width: 100%;height: 100%;object-fit: cover}.rma-photo-thumb.loading{animation: skeleton-pulse 1.6s ease-in-out infinite}@media (max-width: 640px){.rma-item-row{grid-template-columns: auto 56px 1fr;row-gap: 0.4rem}.rma-item-qty{grid-column: 1 / -1;flex-direction: row;justify-content: flex-end;align-items: center;gap: 0.5rem}}.checkout-summary-items{margin-bottom: var(--space-md)}.checkout-summary-item{display: flex;justify-content: space-between;padding: 0.4rem 0;font-size: var(--text-sm);border-bottom: 1px solid var(--color-border)}.checkout-summary-item-qty{color: var(--color-text-muted)}.checkout-summary-line{display: flex;justify-content: space-between;padding: 0.35rem 0;font-size: var(--text-sm)}.checkout-summary-total{display: flex;justify-content: space-between;padding: var(--space-sm) 0 0;margin-top: var(--space-sm);border-top: 1px solid var(--color-border);font-family: var(--font-heading);font-size: var(--text-lg)}.form-input.error{border-color: var(--color-error)}.order-confirmation{max-width: 680px;margin: 0 auto;padding: var(--space-2xl) var(--space-md);text-align: center}.order-confirmation-icon{width: 80px;height: 80px;margin: 0 auto var(--space-lg);border-radius: 50%;background: linear-gradient(135deg, var(--color-success), #16a34a);color: #fff;display: flex;align-items: center;justify-content: center;font-size: 2.5rem;box-shadow: 0 10px 40px rgba(34,197,94,0.35)}.cat-group{margin-bottom: var(--space-2xl);padding-bottom: var(--space-2xl);border-bottom: 1px solid var(--color-border)}.cat-group:last-child{border-bottom: none;margin-bottom: 0}.cat-group-header{margin-bottom: var(--space-lg)}.cat-group-hero{display: block;position: relative;aspect-ratio: 3.5 / 1;min-height: 180px;border-radius: var(--radius-lg);overflow: hidden;text-decoration: none;background: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));background-size: cover;background-position: center;transition: transform 0.3s ease, box-shadow 0.3s ease}.cat-group-hero:hover{transform: translateY(-2px);box-shadow: 0 20px 40px -20px rgba(0, 0, 0, 0.25)}.cat-group-hero-overlay{position: absolute;inset: 0;background: linear-gradient(90deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.25) 60%, rgba(0, 0, 0, 0.1) 100%);display: flex;flex-direction: column;justify-content: center;padding: var(--space-xl) var(--space-2xl);color: #fff}.cat-group-name{font-family: var(--font-heading);font-weight: 800;font-size: clamp(1.75rem, 4vw, 2.75rem);margin: 0;color: #fff;letter-spacing: -0.01em}.cat-group-count{font-size: 0.9rem;color: rgba(255, 255, 255, 0.85);margin-top: 0.25rem}.cat-group-cta{display: inline-flex;align-items: center;gap: 0.5rem;margin-top: var(--space-md);color: var(--color-accent-light);font-weight: 600;font-size: 0.9375rem}.cat-group-cta i{transition: transform 0.2s ease}.cat-group-hero:hover .cat-group-cta i{transform: translateX(4px)}.cat-group-children{display: grid;grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));gap: var(--space-md)}.cat-group-empty{text-align: center;padding: var(--space-lg);color: var(--color-text-muted);font-style: italic;background: var(--color-bg-alt);border-radius: var(--radius-md)}.cat-child-card{display: block;position: relative;aspect-ratio: 4 / 3;border-radius: var(--radius-md);overflow: hidden;text-decoration: none;background-color: var(--color-bg-alt);background-size: cover;background-position: center;transition: transform 0.3s ease, box-shadow 0.3s ease}.cat-child-card:hover{transform: translateY(-3px);box-shadow: 0 12px 24px -12px rgba(0, 0, 0, 0.2)}.cat-child-fallback{position: absolute;inset: 0;background: linear-gradient(135deg, var(--color-primary-light), var(--color-primary));opacity: 0.9}.cat-child-overlay{position: absolute;inset: 0;background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.15) 70%, transparent 100%);display: flex;flex-direction: column;justify-content: flex-end;padding: var(--space-md);color: #fff}.cat-child-name{font-family: var(--font-heading);font-weight: 700;font-size: var(--text-base);line-height: 1.2;color: #fff}.cat-child-count{display: block;font-size: 0.75rem;color: rgba(255, 255, 255, 0.8);margin-top: 0.25rem}.cat-shelf{margin: 0 0 2rem}.cat-shelf-header{display: flex;justify-content: space-between;align-items: baseline;gap: 1rem;padding: 0 0 0.6rem;border-bottom: 1px solid var(--color-border);margin-bottom: 0.9rem}.cat-shelf-title{font-family: var(--font-heading);font-weight: 800;font-size: 1.5rem;color: var(--color-text);text-decoration: none;letter-spacing: -0.01em;transition: color 0.2s ease}.cat-shelf-title:hover{color: var(--color-primary)}.cat-shelf-count{font-size: 0.875rem;font-weight: 500;color: var(--color-text-muted);letter-spacing: 0}.cat-shelf-all{display: inline-flex;align-items: center;gap: 0.4rem;font-size: 0.8125rem;font-weight: 600;color: var(--color-primary);text-decoration: none;white-space: nowrap;padding: 0.3rem 0;transition: gap 0.2s ease}.cat-shelf-all:hover{gap: 0.65rem}.cat-shelf-row{display: flex;gap: 0.75rem;overflow-x: auto;overflow-y: hidden;padding: 2px 0 0.75rem;scroll-snap-type: x proximity;-webkit-overflow-scrolling: touch;scrollbar-width: thin;scrollbar-color: var(--color-border) transparent}.cat-shelf-row::-webkit-scrollbar{height: 6px}.cat-shelf-row::-webkit-scrollbar-thumb{background: var(--color-border);border-radius: 999px}.cat-shelf-row::-webkit-scrollbar-track{background: transparent}.cat-shelf-empty{padding: 1rem;color: var(--color-text-muted);font-style: italic}.cat-carousel-frame{position: relative}.cat-carousel-arrow{position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;width: 42px;height: 42px;border-radius: 50%;border: 1px solid var(--color-border);background: var(--color-surface);color: var(--color-text);display: flex;align-items: center;justify-content: center;cursor: pointer;box-shadow: 0 4px 14px rgba(0, 0, 0, 0.10);transition: opacity 0.18s ease, background 0.18s ease, transform 0.18s ease}.cat-carousel-arrow:hover:not(:disabled){background: var(--color-primary);color: var(--color-text-inverse);transform: translateY(-50%) scale(1.08)}.cat-carousel-arrow:disabled{opacity: 0.35;cursor: default}.cat-carousel-arrow[hidden]{display: none}.cat-carousel-arrow--prev{left: -14px}.cat-carousel-arrow--next{right: -14px}.cat-carousel-dots{display: flex;justify-content: center;align-items: center;gap: 0.5rem;margin-top: 0.4rem;min-height: 14px}.cat-carousel-dots:empty{display: none}.cat-carousel-dot{width: 8px;height: 8px;padding: 0;border: none;border-radius: 50%;background: var(--color-border-strong, var(--color-border));opacity: 0.55;cursor: pointer;transition: width 0.2s ease, opacity 0.2s ease, background 0.2s ease}.cat-carousel-dot:hover{opacity: 0.9}.cat-carousel-dot.active{width: 22px;border-radius: 999px;background: var(--color-primary);opacity: 1}.cat-tile{flex: 0 0 auto;width: 180px;aspect-ratio: 4 / 5;border-radius: var(--radius-md);overflow: hidden;position: relative;background-color: var(--color-bg-alt);background-size: cover;background-position: center;text-decoration: none;scroll-snap-align: start;transition: transform 0.25s ease, box-shadow 0.25s ease;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04)}.cat-tile:hover{transform: translateY(-3px);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12)}.cat-tile-fallback{position: absolute;inset: 0;background: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));opacity: 0.9}.cat-tile-overlay{position: absolute;inset: 0;display: flex;flex-direction: column;justify-content: flex-end;padding: 0.75rem;color: #fff;background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 60%, transparent 100%)}.cat-tile-name{font-family: var(--font-heading);font-weight: 700;font-size: 0.9375rem;line-height: 1.25;text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5)}.cat-tile-count{display: inline-flex;align-items: center;margin-top: 0.3rem;font-size: 0.7rem;font-weight: 700;padding: 0.15rem 0.5rem;background: rgba(255, 255, 255, 0.25);border-radius: 999px;backdrop-filter: blur(4px);width: fit-content}@media (max-width: 768px){.cat-tile{width: 140px}.cat-shelf-title{font-size: 1.2rem}}@media (max-width: 768px){.cat-group-hero{aspect-ratio: 2 / 1;min-height: 140px}.cat-group-hero-overlay{padding: var(--space-md) var(--space-lg)}.cat-group-children{grid-template-columns: repeat(2, 1fr);gap: 0.75rem}}.section--decorated{position: relative;overflow: hidden;isolation: isolate}.decor-orb{display: none !important}.decor-orb--primary{background: var(--color-primary)}.decor-orb--accent{background: var(--color-accent)}.decor-orb--cta{background: var(--color-cta);opacity: 0.15}.decor-orb--tl{top: -100px;left: -100px;width: 400px;height: 400px;animation-delay: 0s}.decor-orb--tr{top: -150px;right: -120px;width: 500px;height: 500px;animation-delay: -7s}.decor-orb--bl{bottom: -120px;left: -80px;width: 350px;height: 350px;animation-delay: -14s}.decor-orb--br{bottom: -100px;right: 10%;width: 280px;height: 280px;animation-delay: -3s}@keyframes orb-float{0%, 100%{transform: translate(0, 0) scale(1)}25%{transform: translate(30px, -20px) scale(1.08)}50%{transform: translate(-20px, 30px) scale(0.95)}75%{transform: translate(20px, 20px) scale(1.04)}}[data-theme="dark"] .decor-orb{opacity: 0.15;filter: blur(80px)}[data-theme="dark"] .decor-orb--cta{opacity: 0.1}.products-carousel-wrap{position: relative;width: 100%;min-width: 0}.products-carousel{display: flex;flex-direction: row;flex-wrap: nowrap;gap: 1rem;overflow-x: auto;overflow-y: hidden;scroll-snap-type: x proximity;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;padding: 8px 4px 1rem;scrollbar-width: none;-ms-overflow-style: none;box-sizing: border-box;align-items: stretch;width: 100%;max-width: 100%}.products-carousel::-webkit-scrollbar{display: none}.products-carousel > *{flex: 0 0 240px;width: 240px;max-width: 240px;min-width: 240px;scroll-snap-align: start;box-sizing: border-box}.carousel-arrow{position: absolute;top: 50%;transform: translateY(-50%);width: 48px;height: 48px;border-radius: 50%;background: var(--color-surface);border: 1px solid var(--color-border);color: var(--color-text);cursor: pointer;z-index: 2;display: flex;align-items: center;justify-content: center;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);transition: all 0.2s ease;font-size: 1rem}.carousel-arrow:hover{background: var(--color-primary);color: #fff;border-color: var(--color-primary);transform: translateY(-50%) scale(1.08)}.carousel-arrow:disabled{opacity: 0.3;cursor: not-allowed;transform: translateY(-50%)}.carousel-arrow--left{left: -24px}.carousel-arrow--right{right: -24px}@media (max-width: 900px){.carousel-arrow{display: none}.products-carousel > .product-card{flex-basis: 200px;min-width: 200px;max-width: 200px;width: 200px}.products-carousel, .cat-carousel{scroll-snap-type: none;scroll-behavior: auto}.products-carousel > *, .cat-carousel > *{scroll-snap-align: none}}.brands-marquee{overflow: hidden;mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);-webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);padding: var(--space-md) 0}.brands-marquee-track{display: flex;gap: var(--space-xl);animation: marquee-slide 40s linear infinite;width: max-content}.brands-marquee:hover .brands-marquee-track{animation-play-state: paused}.brands-marquee-track .brand-tile{flex: 0 0 auto;display: flex;flex-direction: row;align-items: stretch;width: 200px;height: 100px;padding: 0;overflow: hidden;border-radius: var(--radius-md);position: relative;background: transparent}.brands-marquee-track .brand-tile img{width: auto;height: 100%;object-fit: contain;display: block;transition: transform 0.3s ease;border-radius: var(--radius-md);padding: 0}.brands-marquee-track .brand-tile:hover img{transform: scale(1.05)}.brands-marquee-track .brand-tile .brand-tile-name{position: absolute;left: 0;right: 0;bottom: 0;padding: 0.3rem 0.5rem;text-align: center;font-size: 0.7rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em;color: #fff;background: linear-gradient(to top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));padding-top: 0.8rem;text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6)}@keyframes marquee-slide{from{transform: translateX(0)}to{transform: translateX(-50%)}}.animated-counter{display: inline-block;font-variant-numeric: tabular-nums;transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1)}.reveal{opacity: 0;transform: translateY(24px);transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1)}.reveal.reveal--visible, .reveal.revealed{opacity: 1;transform: translateY(0)}.reveal--delay-1{transition-delay: 0.1s}.reveal--delay-2{transition-delay: 0.2s}.reveal--delay-3{transition-delay: 0.3s}.reveal--delay-4{transition-delay: 0.4s}.reveal--left{transform: translateX(-30px)}.reveal--right{transform: translateX(30px)}.reveal--left.revealed, .reveal--right.revealed{transform: translateX(0)}.products-grid.reveal-children > .product-card{opacity: 0;transform: translateY(20px);animation: card-fade-up 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards}.products-grid.reveal-children > .product-card:nth-child(1){animation-delay: 0.05s}.products-grid.reveal-children > .product-card:nth-child(2){animation-delay: 0.1s}.products-grid.reveal-children > .product-card:nth-child(3){animation-delay: 0.15s}.products-grid.reveal-children > .product-card:nth-child(4){animation-delay: 0.2s}.products-grid.reveal-children > .product-card:nth-child(5){animation-delay: 0.25s}.products-grid.reveal-children > .product-card:nth-child(6){animation-delay: 0.3s}@keyframes card-fade-up{to{opacity: 1;transform: translateY(0)}}.product-card{transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease, border-color 0.3s ease !important}.product-card:hover{transform: translateY(-6px) !important;box-shadow: 0 20px 40px -20px rgba(var(--color-primary-rgb, 79, 183, 57), 0.3), 0 8px 16px -8px rgba(0, 0, 0, 0.15) !important}.product-card .product-card-image img{transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1)}.hero-slide.active .hero-kicker{animation: hero-fade-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.2s both}.hero-slide.active .hero-title{animation: hero-fade-up 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.35s both}.hero-slide.active .hero-subtitle{animation: hero-fade-up 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.5s both}.hero-slide.active .hero-actions{animation: hero-fade-up 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.65s both}@keyframes hero-fade-up{from{opacity: 0;transform: translateY(24px)}to{opacity: 1;transform: translateY(0)}}.hero-slide::before{content: '';position: absolute;top: 30%;left: 20%;width: 600px;height: 600px;background: radial-gradient(circle, rgba(var(--color-accent-rgb, 244, 165, 28), 0.25) 0%, transparent 60%);filter: blur(40px);pointer-events: none;z-index: 1;animation: hero-glow 8s ease-in-out infinite}@keyframes hero-glow{0%, 100%{transform: translate(0, 0) scale(1);opacity: 0.5}50%{transform: translate(-80px, 40px) scale(1.2);opacity: 0.8}}html, body{scrollbar-width: thin;scrollbar-color: rgba(0, 0, 0, 0.2) transparent}::-webkit-scrollbar{width: 10px;height: 10px}::-webkit-scrollbar-track{background: transparent}::-webkit-scrollbar-thumb{background: rgba(0, 0, 0, 0.2);border-radius: 999px;border: 2px solid transparent;background-clip: padding-box;transition: background-color 0.2s ease}::-webkit-scrollbar-thumb:hover{background: rgba(0, 0, 0, 0.35);background-clip: padding-box}::-webkit-scrollbar-corner{background: transparent}html[data-theme="dark"], html[data-theme="dark"] body{scrollbar-color: rgba(255, 255, 255, 0.18) transparent}html[data-theme="dark"] ::-webkit-scrollbar-thumb{background: rgba(255, 255, 255, 0.18);background-clip: padding-box}html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover{background: rgba(255, 255, 255, 0.3);background-clip: padding-box}.mini-cart-body, .plp-filters, .search-results, .quick-view-modal, .size-guide-modal{scrollbar-width: thin}.mini-cart-body::-webkit-scrollbar, .plp-filters::-webkit-scrollbar, .search-results::-webkit-scrollbar, .quick-view-modal::-webkit-scrollbar, .size-guide-modal::-webkit-scrollbar{width: 6px;height: 6px}[data-theme="dark"]{color: var(--color-text);background: var(--color-bg)}[data-theme="dark"] body{background: var(--color-bg);color: var(--color-text)}[data-theme="dark"] .section--bg{background: var(--color-bg-alt)}[data-theme="dark"] .plp-heading-wrapper{background: var(--color-bg)}[data-theme="dark"] .invert-on-dark{filter: invert(1) hue-rotate(180deg)}[data-theme="dark"] .product-card, [data-theme="dark"] .why-us-card, [data-theme="dark"] .blog-card, [data-theme="dark"] .review-card, [data-theme="dark"] .brand-tile, [data-theme="dark"] .brand-card, [data-theme="dark"] .mini-cart-drawer, [data-theme="dark"] .quick-view-modal, [data-theme="dark"] .size-guide-modal, [data-theme="dark"] .plp-filters, [data-theme="dark"] .cart-summary, [data-theme="dark"] .cart-items-wrapper, [data-theme="dark"] .checkout-section, [data-theme="dark"] .shipping-option, [data-theme="dark"] .category-card, [data-theme="dark"] .pagination-btn, [data-theme="dark"] .filter-size, [data-theme="dark"] .plp-view-toggle, [data-theme="dark"] .plp-sort-select{background: var(--color-surface);color: var(--color-text);border-color: var(--color-border)}[data-theme="dark"] .pagination-btn.active, [data-theme="dark"] .pagination-btn:active:hover{background: var(--color-primary) !important;color: var(--color-bg) !important;border-color: var(--color-primary) !important;font-weight: 700;box-shadow: 0 4px 12px rgba(107, 203, 85, 0.3)}[data-theme="dark"] .pagination-btn:hover:not(.active){background: var(--color-bg-alt) !important;border-color: var(--color-primary) !important;color: var(--color-primary) !important}[data-theme="dark"] .filter-size.active{background: var(--color-primary) !important;color: var(--color-bg) !important;border-color: var(--color-primary) !important;font-weight: 700}[data-theme="dark"] .filter-size:hover:not(.active){border-color: var(--color-primary) !important;color: var(--color-primary) !important}[data-theme="dark"] .plp-view-btn.active{background: var(--color-primary) !important;color: var(--color-bg) !important}[data-theme="dark"] .plp-view-btn:hover:not(.active){color: var(--color-primary) !important}[data-theme="dark"] .product-tab-btn.active{color: var(--color-primary) !important}[data-theme="dark"] .product-tab-btn.active::after{background: var(--color-primary) !important}[data-theme="dark"] .pdp-tab-btn.active{color: var(--color-primary) !important}[data-theme="dark"] .pdp-tab-btn.active::after{background: var(--color-primary) !important}[data-theme="dark"] .filter-color.active{border-color: var(--color-accent) !important;box-shadow: inset 0 0 0 2px var(--color-surface), 0 0 0 3px var(--color-accent) !important}[data-theme="dark"] .filter-option:has(input:checked), [data-theme="dark"] .filter-option.checked{background: var(--color-bg-alt) !important}[data-theme="dark"] .filter-option:has(input:checked)::before, [data-theme="dark"] .filter-option.checked::before, [data-theme="dark"] .filter-rating-option:has(input:checked)::before{border-color: var(--color-primary) !important;background: var(--color-surface) !important}[data-theme="dark"] .filter-toggle:has(input:checked) .filter-toggle-box{background: var(--color-primary) !important;border-color: var(--color-primary) !important;color: var(--color-bg) !important}[data-theme="dark"] .shipping-option:has(input:checked), [data-theme="dark"] .shipping-option.selected{border-color: var(--color-primary) !important;background: rgba(107, 203, 85, 0.08) !important;box-shadow: 0 0 0 1px var(--color-primary) !important}[data-theme="dark"] .pdp-secondary-btn.active{border-color: var(--color-cta) !important;color: var(--color-cta-light) !important;background: rgba(239, 68, 68, 0.1) !important}[data-theme="dark"] .skeleton-pulse, [data-theme="dark"] .skeleton{background: var(--color-bg-alt)}[data-theme="dark"] .skeleton-pulse::after{background: linear-gradient(90deg, transparent, rgba(255,255,255,0.05), transparent)}[data-theme="dark"] .product-image-placeholder{background: linear-gradient(135deg, var(--color-bg-alt), var(--color-surface));color: var(--color-text-faint)}[data-theme="dark"] .price-range-input{background: var(--color-bg-alt)}[data-theme="dark"] .price-range-input label{color: var(--color-text-muted)}[data-theme="dark"] .price-range-input span{color: var(--color-text)}[data-theme="dark"] .form-input, [data-theme="dark"] .cart-coupon input, [data-theme="dark"] .plp-sort-select{background: var(--color-surface);color: var(--color-text);border-color: var(--color-border)}[data-theme="dark"] .badge-success{background: rgba(16, 185, 129, 0.2);color: #6EE7B7}[data-theme="dark"] .badge-warning{background: rgba(245, 158, 11, 0.2);color: #FCD34D}[data-theme="dark"] .badge-info{background: rgba(59, 130, 246, 0.2);color: #93C5FD}[data-theme="dark"] .badge-primary{background: rgba(107, 203, 85, 0.18);color: var(--color-primary)}[data-theme="dark"] .badge-error{background: rgba(239, 68, 68, 0.2);color: #FCA5A5}[data-theme="dark"] .badge-neutral{background: var(--color-bg-alt);color: var(--color-text-muted)}[data-theme="dark"] .seasonal-banner-bg::after{background: linear-gradient(135deg, rgba(10, 18, 10, 0.85), rgba(10, 18, 10, 0.5))}[data-theme="dark"] .product-card-action{background: var(--color-surface);color: var(--color-text)}[data-theme="dark"] .product-card-action:hover{background: var(--color-primary);color: var(--color-bg)}[data-theme="dark"] .product-tab-btn{color: var(--color-text-muted)}[data-theme="dark"] .product-tab-btn.active{color: var(--color-primary)}[data-theme="dark"] .pdp-tab-btn{color: var(--color-text-muted)}[data-theme="dark"] .pdp-tab-btn.active{color: var(--color-text)}[data-theme="dark"] .pdp-params-table th{background: var(--color-bg-alt)}[data-theme="dark"] .pdp-main-image, [data-theme="dark"] .pdp-thumbnail, [data-theme="dark"] .qv-main-image{background: var(--color-bg-alt)}[data-theme="dark"] .sg-table th{background: var(--color-bg-alt);color: var(--color-text)}[data-theme="dark"] .sg-table tr:hover td{background: var(--color-bg-alt)}[data-theme="dark"] .countdown-timer{background: linear-gradient(135deg, rgba(230, 57, 70, 0.12), rgba(230, 57, 70, 0.04));border-color: rgba(230, 57, 70, 0.3)}[data-theme="dark"] .order-row{background: var(--color-surface)}[data-theme="dark"] .cart-empty{background: var(--color-surface)}[data-theme="dark"] .pdp-short-description{background: var(--color-bg-alt)}[data-theme="dark"] .mini-cart-footer{background: var(--color-bg-alt)}[data-theme="dark"] .trust-bar{background: var(--color-bg-alt)}[data-theme="dark"] .trust-item-icon{background: var(--color-primary-100);color: var(--color-primary)}.quick-view-backdrop{position: fixed;inset: 0;background: rgba(0, 0, 0, 0.65);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);z-index: 1000;display: flex;align-items: center;justify-content: center;padding: 1rem;opacity: 0;visibility: hidden;transition: opacity 0.25s ease, visibility 0s linear 0.25s}.quick-view-backdrop.open{opacity: 1;visibility: visible;transition: opacity 0.25s ease}.quick-view-modal{background: var(--color-surface);border-radius: 16px;max-width: 960px;width: 100%;max-height: 90vh;overflow-y: auto;position: relative;transform: translateY(20px) scale(0.96);transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.quick-view-backdrop.open .quick-view-modal{transform: translateY(0) scale(1)}.quick-view-close{position: absolute;top: 1rem;right: 1rem;width: 40px;height: 40px;border-radius: 50%;border: none;background: var(--color-bg-alt);cursor: pointer;display: flex;align-items: center;justify-content: center;z-index: 2;color: var(--color-text);font-size: 1rem;transition: background 0.15s ease}.quick-view-close:hover{background: var(--color-border)}.quick-view-body{display: grid;grid-template-columns: 1fr 1fr;gap: 2rem;padding: 2rem;min-height: 400px}.quick-view-loading{grid-column: 1/-1;text-align: center;padding: 5rem 0;font-size: 2.5rem;color: var(--color-text-faint)}.quick-view-gallery{display: flex;flex-direction: column;gap: 0.75rem}.qv-main-image{aspect-ratio: 1;border-radius: 12px;overflow: hidden;background: var(--color-bg-alt)}.qv-main-image img{width: 100%;height: 100%;object-fit: cover}.qv-thumbs{display: grid;grid-template-columns: repeat(5, 1fr);gap: 0.5rem}.qv-thumb{aspect-ratio: 1;border: 2px solid var(--color-border);border-radius: 6px;overflow: hidden;background: var(--color-bg-alt);cursor: pointer;padding: 0;transition: border-color 0.15s ease}.qv-thumb img{width: 100%;height: 100%;object-fit: cover}.qv-thumb.active, .qv-thumb:hover{border-color: var(--color-accent)}.quick-view-info{display: flex;flex-direction: column}.qv-brand{font-size: 0.75rem;text-transform: uppercase;letter-spacing: 0.15em;font-weight: 600;color: var(--color-accent);margin-bottom: 0.5rem}.qv-name{font-family: var(--font-heading);font-weight: 800;font-size: 1.75rem;line-height: 1.15;margin: 0 0 0.75rem;letter-spacing: -0.02em}.qv-rating{margin-bottom: 1rem;font-size: 0.875rem}.qv-short-desc{color: var(--color-text-muted);line-height: 1.6;margin: 0 0 1rem;font-size: 0.9375rem}.qv-price-row{display: flex;align-items: baseline;gap: 0.75rem;flex-wrap: wrap;padding: 1rem 0;border-top: 1px solid var(--color-border);border-bottom: 1px solid var(--color-border);margin-bottom: 1rem}.qv-price{font-family: var(--font-heading);font-weight: 800;font-size: 2rem;line-height: 1;color: var(--color-text)}.qv-price.sale{color: var(--color-cta)}.qv-price-original{font-size: 1.125rem;color: var(--color-text-muted);text-decoration: line-through}.qv-discount{background: var(--color-cta);color: #fff;padding: 0.2rem 0.55rem;border-radius: 4px;font-size: 0.75rem;font-weight: 700;letter-spacing: 0.05em}.qv-meta{margin-bottom: 1.25rem}.qv-stock{display: inline-flex;align-items: center;gap: 0.4rem;font-size: 0.875rem;font-weight: 500}.qv-stock--in{color: var(--color-success)}.qv-stock--out{color: var(--color-error)}.qv-actions{margin-bottom: 1rem}.qv-add-to-cart{width: 100%;justify-content: center}.qv-full-details{display: inline-flex;align-items: center;gap: 0.4rem;color: var(--color-text-muted);text-decoration: none;font-size: 0.875rem;font-weight: 500;margin-top: auto;padding-top: 0.75rem;transition: color 0.15s ease}.qv-full-details:hover{color: var(--color-accent)}@media (max-width: 768px){.quick-view-body{grid-template-columns: 1fr;padding: 1.25rem;gap: 1.25rem}.qv-name{font-size: 1.375rem}.qv-price{font-size: 1.625rem}}.size-guide-backdrop{position: fixed;inset: 0;background: rgba(0, 0, 0, 0.65);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);z-index: 1001;display: flex;align-items: center;justify-content: center;padding: 1rem;opacity: 0;visibility: hidden;transition: opacity 0.25s ease, visibility 0s linear 0.25s}.size-guide-backdrop.open{opacity: 1;visibility: visible;transition: opacity 0.25s ease}.size-guide-modal{background: var(--color-surface);border-radius: 16px;max-width: 720px;width: 100%;max-height: 90vh;overflow-y: auto;padding: 2rem;position: relative;transform: translateY(20px) scale(0.96);transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.size-guide-backdrop.open .size-guide-modal{transform: translateY(0) scale(1)}.size-guide-close{position: absolute;top: 1rem;right: 1rem;width: 36px;height: 36px;border-radius: 50%;border: none;background: var(--color-bg-alt);cursor: pointer;display: flex;align-items: center;justify-content: center}.size-guide-close:hover{background: var(--color-border)}.size-guide-title{font-family: var(--font-heading);font-weight: 800;font-size: 1.5rem;margin: 0 0 1.5rem;letter-spacing: -0.01em}.size-guide-tabs{display: flex;gap: 0;border-bottom: 1px solid var(--color-border);margin-bottom: 1.5rem}.sg-tab{padding: 0.75rem 1.25rem;background: none;border: none;font-weight: 600;color: var(--color-text-muted);cursor: pointer;position: relative;font-family: var(--font-heading);font-size: 0.9375rem}.sg-tab.active{color: var(--color-text)}.sg-tab.active::after{content: '';position: absolute;bottom: -1px;left: 0;right: 0;height: 2px;background: var(--color-accent)}.sg-panel{display: none}.sg-panel.active{display: block}.sg-intro{color: var(--color-text-muted);font-size: 0.875rem;line-height: 1.6;margin: 0 0 1rem}.sg-table-wrapper{overflow-x: auto;border-radius: 8px;border: 1px solid var(--color-border)}.sg-table{width: 100%;border-collapse: collapse;font-size: 0.875rem}.sg-table th{text-align: left;font-family: var(--font-heading);font-weight: 700;padding: 0.75rem;background: var(--color-bg-alt);border-bottom: 1px solid var(--color-border);color: var(--color-text);font-size: 0.8125rem;text-transform: uppercase;letter-spacing: 0.05em}.sg-table td{padding: 0.65rem 0.75rem;border-bottom: 1px solid var(--color-border);color: var(--color-text)}.sg-table tr:last-child td{border-bottom: none}.sg-table tr:hover td{background: var(--color-bg-alt)}@media (max-width: 640px){[style*="grid-template-columns:1fr 1fr"], [style*="grid-template-columns: 1fr 1fr"], [style*="grid-template-columns:1fr 1fr 1fr"], [style*="grid-template-columns: 1fr 1fr 1fr"], [style*="grid-template-columns:1fr 150px 1fr"], [style*="grid-template-columns: 1fr 150px 1fr"]{grid-template-columns: 1fr !important}[style*="grid-template-columns:repeat(3,1fr)"], [style*="grid-template-columns: repeat(3,1fr)"], [style*="grid-template-columns:repeat(3, 1fr)"], [style*="grid-template-columns: repeat(3, 1fr)"], [style*="grid-template-columns:repeat(4,1fr)"], [style*="grid-template-columns: repeat(4,1fr)"], [style*="grid-template-columns:repeat(4, 1fr)"], [style*="grid-template-columns: repeat(4, 1fr)"]{grid-template-columns: repeat(2, 1fr) !important}.cart-item.skeleton[style*="grid-template-columns:80px"]{grid-template-columns: 64px 1fr !important;grid-template-rows: auto auto !important;gap: 0.5rem !important}.cart-item.skeleton[style*="grid-template-columns:80px"] > *:nth-child(n+4){display: none !important}[style*="display:flex"][style*="justify-content:space-between"], [style*="display: flex"][style*="justify-content: space-between"]{flex-wrap: wrap !important;gap: var(--space-sm) !important}.checkout-customer-type{flex-direction: column !important;align-items: stretch !important}[style*="display:flex"][style*="gap:var(--space-md)"], [style*="display: flex"][style*="gap: var(--space-md)"]{flex-wrap: wrap !important}.contact-layout{grid-template-columns: 1fr !important}[style*="grid-template-columns:1fr 1fr"][style*="gap:var(--space-lg)"]{grid-template-columns: 1fr !important}}@media (max-width: 520px){#brands-page-grid{grid-template-columns: 1fr !important}}@media (max-width: 400px){.container{padding-left: var(--space-md);padding-right: var(--space-md)}[style*="grid-template-columns:repeat(3,1fr)"], [style*="grid-template-columns: repeat(3,1fr)"], [style*="grid-template-columns:repeat(3, 1fr)"], [style*="grid-template-columns: repeat(3, 1fr)"], [style*="grid-template-columns:repeat(4,1fr)"], [style*="grid-template-columns: repeat(4,1fr)"], [style*="grid-template-columns:repeat(4, 1fr)"], [style*="grid-template-columns: repeat(4, 1fr)"]{grid-template-columns: 1fr !important}.account-stats{grid-template-columns: 1fr !important}.trust-bar-inner{flex-direction: column !important}.trust-item{width: 100% !important}.btn-lg, .btn-checkout, #pdp-add-to-cart-btn, .pdp-add-to-cart .btn-add-to-cart{width: 100% !important}.pdp-add-to-cart{flex-direction: column !important;align-items: stretch !important}.pdp-secondary-actions{flex-direction: column !important;align-items: stretch !important}}:root{--color-primary: #4fb739;--color-primary-light: #6bcb55;--color-primary-dark: #3d9a2b;--color-secondary: #1a2e1a;--color-secondary-light: #2d4a2d;--color-accent: #f4a51c;--color-accent-light: #fdb64a;--color-accent-dark: #d48c15;--color-cta: #e63946;--color-bg: #fafafa;--color-bg-alt: #f4f4f5;--color-surface: #ffffff;--color-text: #1a1a1a;--color-text-muted: #64748b;--color-text-inverse: #ffffff;--color-border: #e5e7eb;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-footer-text: #F0F5F0;--color-primary-lighter: #83cc74;--color-primary-darkest: #378027;--color-accent-lighter: #f6b749;--color-accent-darkest: #b77b15;--color-cta-light: #e9505c;--color-cta-lighter: #ec6a74;--color-cta-dark: #c3303b;--color-cta-darkest: #ac2a34;--color-text-on-cta: #ffffff;--color-secondary-dark: #162716;--color-border-light: #e7e9ed;--color-border-dark: #cecfd3;--color-border-focus: #f4a51c;--color-text-secondary: #5e5e5e;--color-text-tertiary: #818181;--color-text-link: #4fb739;--color-text-link-hover: #f4a51c;--color-surface-alt: #f7f7f7;--color-surface-hover: #f2f2f2;--color-surface-active: #eaeaea;--color-bg-elevated: #fafafa;--color-success-light: #6fd5b3;--color-success-dark: #0d9d6d;--color-warning-light: #f9c46c;--color-warning-dark: #d08609;--color-error-light: #f58e8e;--color-error-dark: #cb3939;--color-info-light: #89b4f9;--color-info-dark: #326ed1;--color-text-on-primary: #1a1714;--color-text-on-accent: #1a1714;--color-primary-rgb: 79, 183, 57;--color-secondary-rgb: 26, 46, 26;--color-accent-rgb: 244, 165, 28;--color-error-rgb: 239, 68, 68;--color-success-rgb: 16, 185, 129;--color-border-accent: rgba(244, 165, 28, 0.3);--color-bg-hero-overlay: linear-gradient(180deg, rgba(55, 128, 39, 0.55) 0%, rgba(55, 128, 39, 0.35) 40%, rgba(55, 128, 39, 0.7) 100%);--font-heading: 'Archivo', serif;--font-body: 'Inter', sans-serif;--font-size-base: 16px;--logo-url: url('/templates/eshop/images/logo-alpensport.svg');--logo-dark-url: url('/templates/eshop/images/logo-alpensport-dark.svg');--favicon-url: url('/templates/eshop/images/favicon-alpensport.svg');--hero-image: url('/templates/eshop/images/heroes/hero-1.webp');--og-image: url('/uploads/2026/04/edaaf415deb2435f_1777541901.webp')}[data-theme="dark"]{--color-bg: #0a120a;--color-bg-alt: #111d11;--color-surface: #182318;--color-text: #f0f5f0;--color-text-muted: #a1aaa1;--color-primary: #6bcb55;--color-primary-light: #85d971;--color-secondary: #2d4a2d;--color-accent: #fdb64a;--color-border: #243024;--color-footer-text: #F0F5F0;--color-primary-lighter: #97da88;--color-primary-darkest: #4a8e3b;--color-primary-dark: #5aac48;--color-accent-lighter: #fdc46e;--color-accent-darkest: #bd8837;--color-accent-light: #fdbe5f;--color-accent-dark: #d79a3e;--color-secondary-light: #4c654c;--color-secondary-dark: #263e26;--color-border-light: #394439;--color-border-dark: #202b20;--color-border-focus: #fdb64a;--color-text-secondary: #f4f8f4;--color-text-tertiary: #f6f9f6;--color-text-link: #6bcb55;--color-text-link-hover: #fdb64a;--color-surface-alt: #172117;--color-surface-hover: #162116;--color-surface-active: #162016;--color-bg-elevated: #111911;--color-text-on-primary: #1a1714;--color-text-on-accent: #1a1714;--color-primary-rgb: 107, 203, 85;--color-secondary-rgb: 45, 74, 45;--color-accent-rgb: 253, 182, 74;--color-border-accent: rgba(253, 182, 74, 0.3);--color-bg-hero-overlay: linear-gradient(180deg, rgba(7, 14, 6, 0.7) 0%, rgba(7, 14, 6, 0.5) 40%, rgba(7, 14, 6, 0.8) 100%)}@media (prefers-color-scheme: dark){[data-theme="system"]{--color-bg: #0a120a;--color-bg-alt: #111d11;--color-surface: #182318;--color-text: #f0f5f0;--color-text-muted: #a1aaa1;--color-primary: #6bcb55;--color-primary-light: #85d971;--color-secondary: #2d4a2d;--color-accent: #fdb64a;--color-border: #243024;--color-footer-text: #F0F5F0;--color-primary-lighter: #97da88;--color-primary-darkest: #4a8e3b;--color-primary-dark: #5aac48;--color-accent-lighter: #fdc46e;--color-accent-darkest: #bd8837;--color-accent-light: #fdbe5f;--color-accent-dark: #d79a3e;--color-secondary-light: #4c654c;--color-secondary-dark: #263e26;--color-border-light: #394439;--color-border-dark: #202b20;--color-border-focus: #fdb64a;--color-text-secondary: #f4f8f4;--color-text-tertiary: #f6f9f6;--color-text-link: #6bcb55;--color-text-link-hover: #fdb64a;--color-surface-alt: #172117;--color-surface-hover: #162116;--color-surface-active: #162016;--color-bg-elevated: #111911;--color-text-on-primary: #1a1714;--color-text-on-accent: #1a1714;--color-primary-rgb: 107, 203, 85;--color-secondary-rgb: 45, 74, 45;--color-accent-rgb: 253, 182, 74;--color-border-accent: rgba(253, 182, 74, 0.3);--color-bg-hero-overlay: linear-gradient(180deg, rgba(7, 14, 6, 0.7) 0%, rgba(7, 14, 6, 0.5) 40%, rgba(7, 14, 6, 0.8) 100%)}}