:root{--color-sunset-orange:#ff6f4b;--color-sunset-coral:#fd4c55;--color-sunset-pink:#e13661;--color-sunset-purple:#c1246b;--color-sunset-deep-purple:#a11477;--color-primary-50:#faf5ff;--color-primary-100:#f3e8ff;--color-primary-200:#e9d5ff;--color-primary-300:#d8b4fe;--color-primary-400:#c084fc;--color-primary-500:#a11477;--color-primary-600:#86198f;--color-primary-700:#7c3aed;--color-primary-800:#5b21b6;--color-primary-900:#4c1d95;--color-primary-500-15:#a1147726;--color-accent-50:#fff7ed;--color-accent-100:#ffedd5;--color-accent-200:#fed7aa;--color-accent-300:#fdba74;--color-accent-400:#fb923c;--color-accent-500:#ff6f4b;--color-accent-600:#ea580c;--color-accent-700:#c2410c;--color-accent-800:#9a3412;--color-accent-900:#7c2d12;--color-accent-500-15:#ff6f4b26;--color-accent-500-25:#ff6f4b40;--color-secondary-50:#ecfdf5;--color-secondary-100:#d1fae5;--color-secondary-200:#a7f3d0;--color-secondary-300:#6ee7b7;--color-secondary-400:#34d399;--color-secondary-500:#10b981;--color-secondary-600:#059669;--color-secondary-700:#047857;--color-secondary-800:#065f46;--color-secondary-900:#064e3b;--color-neutral-50:#fafaf9;--color-neutral-100:#f5f5f4;--color-neutral-200:#e7e5e4;--color-neutral-300:#d6d3d1;--color-neutral-400:#a8a29e;--color-neutral-500:#78716c;--color-neutral-600:#57534e;--color-neutral-700:#44403c;--color-neutral-800:#292524;--color-neutral-900:#1c1917;--color-gray-50:var(--color-neutral-50);--color-gray-100:var(--color-neutral-100);--color-gray-200:var(--color-neutral-200);--color-gray-300:var(--color-neutral-300);--color-gray-400:var(--color-neutral-400);--color-gray-500:var(--color-neutral-500);--color-gray-600:var(--color-neutral-600);--color-gray-700:var(--color-neutral-700);--color-gray-800:var(--color-neutral-800);--color-gray-900:var(--color-neutral-900);--color-gray-950:#0c0a09;--color-bg-page:var(--color-neutral-50);--color-bg-section:var(--color-neutral-100);--color-bg-inset:var(--color-neutral-200);--color-surface-card:#fff;--color-surface-elevated:#fff;--color-surface-glass-bg:#ffffffd9;--color-surface-glass-border:#fff3;--color-text-primary:var(--color-neutral-900);--color-text-secondary:var(--color-neutral-700);--color-text-tertiary:var(--color-neutral-500);--color-text-light:var(--color-neutral-400);--color-text-inverse:#fff;--color-text-brand:var(--color-primary-600);--color-text-success:#059669;--color-text-warning:#d97706;--color-text-error:#dc2626;--color-text-info:#2563eb;--color-bg-primary:var(--color-surface-card);--color-bg-secondary:var(--color-bg-page);--color-bg-tertiary:var(--color-bg-section);--color-bg-elevated:var(--color-surface-elevated);--color-bg-overlay:#00000080;--color-border-light:var(--color-neutral-200);--color-border-medium:var(--color-neutral-300);--color-border-dark:var(--color-neutral-400);--color-border-focus:var(--color-primary-500);--color-sunset-accent:var(--color-sunset-purple);--color-sunset-accent-subtle:#c1246b14;--color-sunset-glow:#ff6f4b1a;--color-sunset-border:#c1246b33;--color-sunset-shadow:#a1147726;--shadow-glow:0 0 20px 0 var(--color-sunset-glow);--color-success-50:#ecfdf5;--color-success-400:#34d399;--color-success-500:#10b981;--color-success-600:#059669;--color-success-700:#047857;--color-warning-50:#fffbeb;--color-warning-400:#fbbf24;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-error-50:#fef2f2;--color-error-400:#f87171;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-error-700:#b91c1c;--color-info-300:#93c5fd;--color-info-400:#60a5fa;--color-info-500:#3b82f6;--color-info-600:#2563eb;--color-info-700:#1d4ed8;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-base:0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000d;--color-shadow:#00000014;--color-shadow-medium:#0000001f;--color-shadow-heavy:#00000026;--color-overlay:#00000080;--font-family-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif;--font-family-display:var(--font-family-sans);--font-family-serif:"Georgia", "Times New Roman", serif;--font-family-mono:"SF Mono", "Roboto Mono", "Courier New", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--line-height-none:1;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--letter-spacing-tighter:-.05em;--letter-spacing-tight:-.025em;--letter-spacing-normal:0;--letter-spacing-wide:.025em;--letter-spacing-wider:.05em;--letter-spacing-widest:.1em;--space-0:0;--space-0-5:.125rem;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-2-5:.625rem;--space-3:.75rem;--space-3-5:.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-7-5:1.875rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-28:7rem;--space-32:8rem;--radius-none:0;--radius-sm:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--radius-pill:9999px;--border-width-none:0;--border-width-thin:1px;--border-width-medium:2px;--border-width-thick:3px;--transition-very-fast:.1s;--transition-fast:.15s;--transition-normal:.25s;--transition-slow:.35s;--transition-very-slow:.5s;--ease-linear:linear;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--ease-emphasized:cubic-bezier(.2, 0, 0, 1);--ease-decelerate:cubic-bezier(0, 0, .2, 1);--animation-duration-fast:.3s;--animation-duration-normal:.5s;--animation-duration-slow:.7s;--animation-duration-very-slow:1s;--animation-curve-bounce:cubic-bezier(.68, -.55, .265, 1.55);--animation-curve-elastic:cubic-bezier(.68, -.6, .32, 1.6);--z-0:0;--z-10:10;--z-20:20;--z-30:30;--z-40:40;--z-50:50;--z-auto:auto;--z-dropdown:var(--z-40);--z-sticky:var(--z-20);--z-fixed:var(--z-30);--z-modal-backdrop:var(--z-40);--z-modal:var(--z-50);--z-popover:var(--z-50);--z-tooltip:var(--z-50);--header-height:4rem;--header-height-mobile:3.5rem;--footer-height:3.5rem;--container-max-width:120rem;--container-padding:var(--space-4);--container-padding-desktop:var(--space-6);--nav-menu-max-height:20rem;--nav-item-spacing:var(--space-4);--sidebar-width:18rem;--sidebar-width-tablet:16rem;--sidebar-width-mobile:100vw;--product-card-min-width:18rem;--product-card-min-width-mobile:16rem;--product-card-height:12rem;--product-card-height-tablet:10rem;--product-card-height-mobile:9rem;--product-card-radius:var(--radius-xl);--input-height:2.75rem;--input-padding:var(--space-3);--input-border-radius:var(--radius-md);--search-input-height:3.8rem;--hero-subtitle-max-width:44rem;--search-form-max-width:50rem;--feature-card-min-height:18rem;--feature-card-min-height-tablet:16rem;--feature-icon-size:2.5rem;--feature-icon-dimension:5rem;--feature-icon-dimension-tablet:4rem;--backdrop-blur:8px;--backdrop-blur-mobile:4px;--backdrop-blur-dark:12px;--glass-border:1px solid #fff3;--glass-background:#ffffffd9;--color-white-overlay-10:#ffffff1a;--color-white-overlay-12:#ffffff1f;--color-white-overlay-20:#fff3;--color-white-overlay-25:#ffffff40;--breakpoint-mobile:0px;--breakpoint-mobile-small:480px;--breakpoint-tablet:768px;--breakpoint-tablet-up:769px;--breakpoint-desktop:1024px;--breakpoint-desktop-wide:1280px;--breakpoint-desktop-ultra:1536px;--breakpoint-desktop-ultrawide:1920px}[data-theme=dark]{--color-bg-page:var(--color-neutral-900);--color-bg-section:var(--color-neutral-800);--color-bg-inset:var(--color-neutral-700);--color-surface-card:var(--color-neutral-800);--color-surface-card-gradient:linear-gradient(145deg, var(--color-neutral-800), var(--color-neutral-900));--color-surface-elevated:var(--color-neutral-700);--color-surface-glass-bg:#292524d9;--color-surface-glass-border:#ffffff1a;--color-text-primary:var(--color-neutral-50);--color-text-secondary:var(--color-neutral-200);--color-text-tertiary:var(--color-neutral-400);--color-text-light:var(--color-neutral-500);--color-text-inverse:var(--color-neutral-900);--color-text-brand:var(--color-primary-300);--color-text-success:#34d399;--color-text-warning:#fbbf24;--color-text-error:#f87171;--color-text-info:#60a5fa;--color-bg-primary:var(--color-surface-card);--color-bg-secondary:var(--color-bg-page);--color-bg-tertiary:var(--color-bg-section);--color-bg-elevated:var(--color-surface-elevated);--color-bg-overlay:#000000b3;--color-sunset-accent:var(--color-sunset-purple);--color-sunset-accent-subtle:#c1246b26;--color-sunset-glow:#ff6f4b33;--color-sunset-border:#c1246b4d;--color-sunset-shadow:#a1147740;--color-border-light:var(--color-neutral-700);--color-border-medium:var(--color-neutral-600);--color-border-dark:var(--color-neutral-500);--color-border-focus:var(--color-accent-400);--shadow-sm:0 1px 2px 0 #a114774d;--shadow-base:0 1px 3px 0 #a1147766, 0 1px 2px -1px #a1147766;--shadow-md:0 4px 6px -1px #a1147766, 0 2px 4px -2px #a1147766;--shadow-lg:0 10px 15px -3px #a114774d, 0 4px 6px -2px #a1147740;--shadow-xl:0 20px 25px -5px #a1147766, 0 8px 10px -6px #a1147766;--shadow-2xl:0 25px 50px -12px #a1147780;--shadow-glow:0 0 30px 0 var(--color-sunset-glow);--color-shadow:#a114774d;--color-shadow-medium:#a1147766;--color-shadow-heavy:#a1147780;--color-overlay:#000000b3;--backdrop-blur:12px;--glass-border:1px solid #ffffff1a;--glass-background:#292524bf}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg-page:var(--color-neutral-900);--color-bg-section:var(--color-neutral-800);--color-bg-inset:var(--color-neutral-700);--color-surface-card:var(--color-neutral-800);--color-surface-card-gradient:linear-gradient(145deg, var(--color-neutral-800), var(--color-neutral-900));--color-surface-elevated:var(--color-neutral-700);--color-surface-glass-bg:#292524d9;--color-surface-glass-border:#ffffff1a;--color-text-primary:var(--color-neutral-50);--color-text-secondary:var(--color-neutral-200);--color-text-tertiary:var(--color-neutral-400);--color-text-light:var(--color-neutral-500);--color-text-inverse:var(--color-neutral-900);--color-text-brand:var(--color-primary-300);--color-text-success:#34d399;--color-text-warning:#fbbf24;--color-text-error:#f87171;--color-text-info:#60a5fa;--color-bg-primary:var(--color-surface-card);--color-bg-secondary:var(--color-bg-page);--color-bg-tertiary:var(--color-bg-section);--color-bg-elevated:var(--color-surface-elevated);--color-bg-overlay:#000000b3;--color-sunset-accent:var(--color-sunset-purple);--color-sunset-accent-subtle:#c1246b26;--color-sunset-glow:#ff6f4b33;--color-sunset-border:#c1246b4d;--color-sunset-shadow:#a1147740;--color-border-light:var(--color-neutral-700);--color-border-medium:var(--color-neutral-600);--color-border-dark:var(--color-neutral-500);--color-border-focus:var(--color-accent-400);--shadow-sm:0 1px 2px 0 #a114774d;--shadow-base:0 1px 3px 0 #a1147766, 0 1px 2px -1px #a1147766;--shadow-md:0 4px 6px -1px #a1147766, 0 2px 4px -2px #a1147766;--shadow-lg:0 10px 15px -3px #a114774d, 0 4px 6px -2px #a1147740;--shadow-xl:0 20px 25px -5px #a1147766, 0 8px 10px -6px #a1147766;--shadow-2xl:0 25px 50px -12px #a1147780;--shadow-glow:0 0 30px 0 var(--color-sunset-glow);--color-shadow:#a114774d;--color-shadow-medium:#a1147766;--color-shadow-heavy:#a1147780;--color-overlay:#000000b3;--backdrop-blur:12px;--glass-border:1px solid #ffffff1a;--glass-background:#292524bf}}.single-line-ellipsis,.tag-cloud-container .tag-cloud .tag{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.multi-line-ellipsis{text-overflow:ellipsis;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.multi-line-ellipsis--2{-webkit-line-clamp:2}.multi-line-ellipsis--3{-webkit-line-clamp:3}.multi-line-ellipsis--4{-webkit-line-clamp:4}.multi-line-ellipsis--5{-webkit-line-clamp:5}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{border:3px solid var(--color-border-light);border-top-color:var(--color-sunset-accent);border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite spin;display:inline-block}[data-theme=dark] .loading-spinner{border-color:var(--color-border-medium);border-top-color:var(--color-sunset-orange)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .loading-spinner{border-color:var(--color-border-medium);border-top-color:var(--color-sunset-orange)}}.loading-spinner--sm{border-width:2px;width:1.25rem;height:1.25rem}.loading-spinner--lg{border-width:4px;width:3rem;height:3rem}.loading-spinner--xl{border-width:5px;width:4rem;height:4rem}.loading-overlay{backdrop-filter:blur(4px);z-index:var(--z-modal)-1;background:#fffc;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}[data-theme=dark] .loading-overlay{background:#000000e6}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .loading-overlay{background:#000000e6}}.loading-overlay--fullscreen{z-index:var(--z-modal);position:fixed}.skeleton{background:linear-gradient(90deg, var(--color-neutral-200) 25%, var(--color-neutral-100) 50%, var(--color-neutral-200) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-loading}[data-theme=dark] .skeleton{background:linear-gradient(90deg, var(--color-neutral-800) 25%, var(--color-neutral-700) 50%, var(--color-neutral-800) 75%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .skeleton{background:linear-gradient(90deg, var(--color-neutral-800) 25%, var(--color-neutral-700) 50%, var(--color-neutral-800) 75%)}}.skeleton--text{height:1rem;margin-bottom:var(--space-2);border-radius:var(--radius-sm)}.skeleton--text:last-child{width:80%}.skeleton--title{width:60%;height:1.5rem;margin-bottom:var(--space-3)}.skeleton--circle{aspect-ratio:1;border-radius:50%}.skeleton--card{height:12rem}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{padding:var(--space-12) var(--space-6);text-align:center;color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;min-height:20rem;display:flex}.empty-state__icon{margin-bottom:var(--space-4);opacity:.5;color:var(--color-text-tertiary);font-size:3rem}.empty-state__icon svg{fill:currentColor;width:3rem;height:3rem}.empty-state__title{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);color:var(--color-text-primary)}.empty-state__message{font-size:var(--text-base);max-width:30rem;margin-bottom:var(--space-4);line-height:var(--line-height-relaxed)}.empty-state__action{margin-top:var(--space-2)}.empty-state--compact{padding:var(--space-8) var(--space-4);min-height:12rem}.empty-state--compact .empty-state__icon{margin-bottom:var(--space-3);font-size:2rem}.empty-state--compact .empty-state__icon svg{width:2rem;height:2rem}.empty-state--compact .empty-state__title{font-size:var(--text-lg)}.empty-state--compact .empty-state__message{font-size:var(--text-sm)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=769px){.mobile-only{display:none!important}}@media (width<=768px){.tablet-up{display:none!important}}@media (width<=1024px){.desktop-only{display:none!important}}.mt-auto{margin-top:auto!important}.mb-auto{margin-bottom:auto!important}.focus-ring:focus-visible{outline:var(--border-width-medium) solid var(--color-border-focus);outline-offset:var(--border-width-medium);border-radius:var(--radius-sm)}.focus-ring-none:focus-visible{outline:none}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--color-neutral-400) var(--color-bg-section)}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--color-bg-section);border-radius:var(--radius-full)}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-neutral-400);border-radius:var(--radius-full)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-500)}[data-theme=dark] .custom-scrollbar{scrollbar-color:var(--color-neutral-600) var(--color-neutral-900)}[data-theme=dark] .custom-scrollbar::-webkit-scrollbar-track{background:var(--color-neutral-900)}[data-theme=dark] .custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-neutral-600)}[data-theme=dark] .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-500)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .custom-scrollbar{scrollbar-color:var(--color-neutral-600) var(--color-neutral-900)}:root:not([data-theme=light]) .custom-scrollbar::-webkit-scrollbar-track{background:var(--color-neutral-900)}:root:not([data-theme=light]) .custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-neutral-600)}:root:not([data-theme=light]) .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-500)}}.custom-scrollbar--thin::-webkit-scrollbar{width:4px;height:4px}.gradient-sunset{background:linear-gradient(135deg, var(--color-sunset-purple), var(--color-sunset-orange))}.gradient-sunset-vertical{background:linear-gradient(180deg, var(--color-sunset-purple), var(--color-sunset-orange))}.gradient-sunset-subtle{background:linear-gradient(135deg, rgba(var(--color-sunset-purple), .1), rgba(var(--color-sunset-orange), .1))}.text-gradient-sunset{background:linear-gradient(135deg, var(--color-sunset-purple), var(--color-sunset-orange));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}:root{--skeleton-base:var(--color-gray-200);--skeleton-highlight:var(--color-gray-100)}[data-theme=dark]{--skeleton-base:var(--color-gray-700);--skeleton-highlight:var(--color-gray-600)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--skeleton-base:var(--color-gray-700);--skeleton-highlight:var(--color-gray-600)}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-reduced-motion:reduce){@keyframes skeleton-shimmer{0%,to{background-position:0 0}}}.skeleton{background:linear-gradient(90deg, var(--skeleton-base) 25%, var(--skeleton-highlight) 50%, var(--skeleton-base) 75%);border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;pointer-events:none;background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}.skeleton--text{border-radius:var(--radius-sm);width:100%;height:1em}.skeleton--short{width:60%}.skeleton--long{width:90%}.skeleton--circle{border-radius:var(--radius-full);width:2.5rem;height:2.5rem}.skeleton--rect{border-radius:var(--radius-lg)}.skeleton--image{aspect-ratio:4/3;border-radius:var(--radius-lg);width:100%}.skeleton--button{border-radius:var(--radius-lg);width:6rem;height:2.5rem}.skeleton--badge{border-radius:var(--radius-full);width:4rem;height:1.5rem}.skeleton-text-group{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.product-card--skeleton{cursor:default}.product-card--skeleton:hover{box-shadow:var(--shadow-md);transform:none}.product-card--skeleton .product-card__image-container .skeleton--image{aspect-ratio:auto;height:100%}.product-card--skeleton .product-card__content{gap:var(--space-3);flex-direction:column;display:flex}.product-card--skeleton .product-card__header{gap:var(--space-2);flex-direction:column;display:flex}.product-card--skeleton .product-card__title-skeleton{width:85%;height:1.25rem}.product-card--skeleton .product-card__category-skeleton{width:40%;height:.75rem}.product-card--skeleton .product-card__description-skeleton{gap:var(--space-1-5);flex-direction:column;display:flex}.product-card--skeleton .product-card__description-skeleton .skeleton--text{height:.875rem}.product-card--skeleton .product-card__tags-skeleton{gap:var(--space-2);margin-top:auto;display:flex}.product-card--skeleton .product-card__tags-skeleton .skeleton--badge{width:3.5rem}.product-card--skeleton .product-card__footer{padding-top:var(--space-3);border-top:var(--border-width-thin) solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.product-card--skeleton .product-card__footer .skeleton--text{height:1.25rem}.product-card--skeleton .product-card__actions-skeleton{gap:var(--space-2);display:flex}.product-card--skeleton .product-card__actions-skeleton .skeleton--button{width:2rem;height:2rem}.product-grid--loading{gap:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}@media (width>=1536px){.product-grid--loading{grid-template-columns:repeat(6,1fr)}}@media (width>=1024px) and (width<=1279px){.product-grid--loading{grid-template-columns:repeat(3,1fr)}}@media (width<=1023px){.product-grid--loading{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.product-grid--loading{gap:var(--space-3);grid-template-columns:1fr}}.product-page--skeleton .product-breadcrumb--skeleton{margin-bottom:var(--space-8)}.product-page--skeleton .product-gallery--skeleton .main-image-skeleton{aspect-ratio:1;border-radius:var(--radius-2xl)}.product-page--skeleton .product-gallery--skeleton .gallery-thumbnails--skeleton{gap:var(--space-2);margin-top:var(--space-4);display:flex}.product-page--skeleton .product-gallery--skeleton .gallery-thumbnails--skeleton .skeleton--rect{flex:none}.product-page--skeleton .product-details--skeleton .product-title-skeleton{width:70%;margin-bottom:var(--space-4)}.product-page--skeleton .product-details--skeleton .product-meta--skeleton{gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.product-page--skeleton .product-details--skeleton .product-price-skeleton{margin-bottom:var(--space-6)}.product-page--skeleton .product-details--skeleton .product-description-skeleton{margin-bottom:var(--space-8)}.product-page--skeleton .product-actions--skeleton{gap:var(--space-4);margin-bottom:var(--space-8);flex-direction:column;display:flex}.product-page--skeleton .product-actions--skeleton .action-group--skeleton{gap:var(--space-3);display:flex}.product-page--skeleton .product-tags-section--skeleton .product-tags--skeleton{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.filter-panel--skeleton .filter-group--skeleton{gap:var(--space-2);margin-bottom:var(--space-5);flex-direction:column;display:flex}.filter-panel--skeleton .filter-group--skeleton .skeleton--text:first-child{width:30%;height:.875rem}.filter-panel--skeleton .filter-group--skeleton .skeleton--rect{height:var(--input-height);width:100%}.nav--skeleton .nav-logo-skeleton{width:6rem;height:1.5rem}.nav--skeleton .nav-links-skeleton{gap:var(--space-4);display:flex}.nav--skeleton .nav-links-skeleton .skeleton--text{width:4rem;height:1rem}.hero-skeleton .hero-title-skeleton{width:80%;height:3rem;margin-bottom:var(--space-4)}@media (width<=768px){.hero-skeleton .hero-title-skeleton{height:2rem}}.hero-skeleton .hero-subtitle-skeleton{width:60%;height:1.5rem;margin-bottom:var(--space-8)}.hero-skeleton .hero-search-skeleton{height:var(--search-input-height);width:100%;max-width:var(--search-form-max-width);margin:0 auto var(--space-12)}.features-skeleton{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=768px){.features-skeleton{grid-template-columns:1fr}}.features-skeleton .feature-card-skeleton{align-items:center;gap:var(--space-4);padding:var(--space-6);flex-direction:column;display:flex}.features-skeleton .feature-card-skeleton .skeleton--circle{width:var(--feature-icon-dimension);height:var(--feature-icon-dimension)}.features-skeleton .feature-card-skeleton .skeleton--text{width:60%}.tag-cloud--skeleton{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.tag-cloud--skeleton .skeleton--badge{width:4rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{animation:fade-in var(--transition-normal) var(--ease-out)}.stagger-fade-in>*{opacity:0;animation:fade-in var(--transition-normal) var(--ease-out) forwards}.stagger-fade-in>:first-child{animation-delay:50ms}.stagger-fade-in>:nth-child(2){animation-delay:.1s}.stagger-fade-in>:nth-child(3){animation-delay:.15s}.stagger-fade-in>:nth-child(4){animation-delay:.2s}.stagger-fade-in>:nth-child(5){animation-delay:.25s}.stagger-fade-in>:nth-child(6){animation-delay:.3s}.stagger-fade-in>:nth-child(7){animation-delay:.35s}.stagger-fade-in>:nth-child(8){animation-delay:.4s}.stagger-fade-in>:nth-child(9){animation-delay:.45s}.stagger-fade-in>:nth-child(10){animation-delay:.5s}.stagger-fade-in>:nth-child(11){animation-delay:.55s}.stagger-fade-in>:nth-child(12){animation-delay:.6s}.indeterminate-progress-bar{background-color:var(--color-neutral-200);border-radius:var(--radius-pill);height:var(--space-1);position:relative;overflow:hidden}.indeterminate-progress-bar__progress{background:linear-gradient(90deg, var(--color-sunset-orange) 0%, var(--color-sunset-purple) 50%, var(--color-sunset-orange) 100%);border-radius:var(--radius-pill);width:50%;animation-duration:var(--animation-duration-slow);background-size:200% 100%;animation-name:indeterminate-progress-bar;animation-iteration-count:infinite;position:absolute;top:0;bottom:0}@keyframes indeterminate-progress-bar{0%{left:-50%}to{left:100%}}.spinner{width:var(--space-8);height:var(--space-8);border:var(--border-width-thick) solid var(--color-border-light);border-top-color:var(--color-sunset-accent);border-radius:var(--radius-full);animation:1s linear infinite spin}.dots-loader{gap:var(--space-1);display:inline-flex}.dots-loader .dot{width:var(--space-2);height:var(--space-2);background:var(--color-sunset-accent);border-radius:var(--radius-full);animation:1.4s ease-in-out infinite both dot-bounce}.dots-loader .dot:first-child{animation-delay:-.32s}.dots-loader .dot:nth-child(2){animation-delay:-.16s}.dots-loader .dot:nth-child(3){animation-delay:0s}@keyframes dot-bounce{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}[data-theme=dark] .indeterminate-progress-bar{background-color:var(--color-neutral-700)}[data-theme=dark] .indeterminate-progress-bar__progress{background:linear-gradient(90deg, var(--color-sunset-orange) 0%, var(--color-sunset-purple) 50%, var(--color-sunset-orange) 100%)}[data-theme=dark] .spinner{border-color:var(--color-border-light);border-top-color:var(--color-sunset-orange)}[data-theme=dark] .dots-loader .dot{background:var(--color-sunset-orange)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .indeterminate-progress-bar{background-color:var(--color-neutral-700)}:root:not([data-theme=light]) .indeterminate-progress-bar__progress{background:linear-gradient(90deg, var(--color-sunset-orange) 0%, var(--color-sunset-purple) 50%, var(--color-sunset-orange) 100%)}:root:not([data-theme=light]) .spinner{border-color:var(--color-border-light);border-top-color:var(--color-sunset-orange)}:root:not([data-theme=light]) .dots-loader .dot{background:var(--color-sunset-orange)}}@media (prefers-reduced-motion:reduce){.indeterminate-progress-bar__progress,.spinner,.dots-loader .dot{animation:none}}.theme-toggle{background:var(--color-bg-section);border:var(--border-width-thin) solid var(--color-border-light);border-radius:var(--radius-full);cursor:pointer;width:2.5rem;height:2.5rem;transition:all var(--transition-fast) var(--ease-smooth);justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative;overflow:hidden}.theme-toggle:hover{background:var(--color-bg-inset);border-color:var(--color-accent-500);transform:translateY(-var(--space-0-5));box-shadow:var(--shadow-md)}.theme-toggle:focus-visible{outline:var(--border-width-medium) solid var(--color-border-focus);outline-offset:var(--border-width-medium)}.theme-toggle:active{transform:translateY(0)scale(.95)}.theme-toggle__icons{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.theme-toggle__icon{width:1.25rem;height:1.25rem;transition:all var(--transition-fast) var(--ease-smooth)}.theme-toggle__icon.theme-toggle__icon--sun{color:var(--color-accent-500)}.theme-toggle__icon.theme-toggle__icon--moon{color:var(--color-primary-500)}.theme-toggle--light .theme-toggle__icon--sun{display:none}.theme-toggle--light .theme-toggle__icon--moon,.theme-toggle--dark .theme-toggle__icon--sun{display:block}.theme-toggle--dark .theme-toggle__icon--moon{display:none}.theme-toggle-full{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg-section);border:var(--border-width-thin) solid var(--color-border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast) var(--ease-smooth);font-family:inherit;font-size:var(--text-base);text-align:left;color:var(--color-text-primary);min-height:var(--input-height);display:flex}.theme-toggle-full:hover{background:var(--color-bg-inset);border-color:var(--color-sunset-border);box-shadow:var(--shadow-glow)}.theme-toggle-full:focus-visible{outline:var(--border-width-medium) solid var(--color-border-focus);outline-offset:var(--border-width-medium)}.theme-toggle-full__icons{flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex;position:relative}.theme-toggle-full:hover .theme-toggle-full__icons .theme-toggle__icon--sun{color:var(--color-accent-600)}.theme-toggle-full:hover .theme-toggle-full__icons .theme-toggle__icon--moon{color:var(--color-primary-600)}.theme-toggle-full .theme-toggle__icon{width:1rem;height:1rem}.theme-toggle-full .theme-toggle__icon.theme-toggle__icon--sun{color:var(--color-accent-500)}.theme-toggle-full .theme-toggle__icon.theme-toggle__icon--moon{color:var(--color-primary-500)}.theme-toggle-full__label{font-weight:var(--font-weight-medium);flex:1}.theme-toggle-full__indicator{font-size:var(--text-sm);color:var(--color-text-tertiary);background:var(--color-bg-page);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);text-transform:capitalize}[data-theme=dark] .theme-toggle{background:var(--color-bg-section);border-color:var(--color-border-light)}[data-theme=dark] .theme-toggle:hover{background:var(--color-bg-inset);border-color:var(--color-sunset-border);box-shadow:var(--shadow-glow)}[data-theme=dark] .theme-toggle__icon.theme-toggle__icon--sun{color:var(--color-accent-400)}[data-theme=dark] .theme-toggle__icon.theme-toggle__icon--moon{color:var(--color-primary-400)}[data-theme=dark] .theme-toggle-full{background:var(--color-bg-section);border-color:var(--color-border-light)}[data-theme=dark] .theme-toggle-full:hover{background:var(--color-bg-inset);border-color:var(--color-sunset-border);box-shadow:var(--shadow-glow)}.theme-toggle-full:hover [data-theme=dark] .theme-toggle-full__icons .theme-toggle__icon--sun{color:var(--color-accent-300)}.theme-toggle-full:hover [data-theme=dark] .theme-toggle-full__icons .theme-toggle__icon--moon{color:var(--color-primary-300)}[data-theme=dark] .theme-toggle-full__indicator{background:var(--color-bg-page)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle{background:var(--color-bg-section);border-color:var(--color-border-light)}:root:not([data-theme=light]) .theme-toggle:hover{background:var(--color-bg-inset);border-color:var(--color-sunset-border);box-shadow:var(--shadow-glow)}:root:not([data-theme=light]) .theme-toggle__icon.theme-toggle__icon--sun{color:var(--color-accent-400)}:root:not([data-theme=light]) .theme-toggle__icon.theme-toggle__icon--moon{color:var(--color-primary-400)}:root:not([data-theme=light]) .theme-toggle-full{background:var(--color-bg-section);border-color:var(--color-border-light)}:root:not([data-theme=light]) .theme-toggle-full:hover{background:var(--color-bg-inset);border-color:var(--color-sunset-border);box-shadow:var(--shadow-glow)}.theme-toggle-full:hover :root:not([data-theme=light]) .theme-toggle-full__icons .theme-toggle__icon--sun{color:var(--color-accent-300)}.theme-toggle-full:hover :root:not([data-theme=light]) .theme-toggle-full__icons .theme-toggle__icon--moon{color:var(--color-primary-300)}:root:not([data-theme=light]) .theme-toggle-full__indicator{background:var(--color-bg-page)}}@media (prefers-reduced-motion:reduce){.theme-toggle,.theme-toggle-full,.theme-toggle__icon{transition:none;animation:none}.theme-toggle:hover,.theme-toggle:active,.theme-toggle-full:hover{transform:none}}.nav{background:var(--color-surface-card);z-index:var(--z-sticky);height:var(--header-height);transition:background-color, box-shadow var(--transition-normal) var(--ease-smooth);align-items:center;display:flex;position:sticky;top:0}@supports (backdrop-filter:blur(8px)){.nav{background:var(--color-surface-glass-bg);-webkit-backdrop-filter:blur(var(--backdrop-blur)) saturate(180%);border-bottom:var(--glass-border)}}.nav.nav-scrolled{box-shadow:var(--shadow-md)}@media (width<=768px){.nav{height:var(--header-height-mobile)}}@media (hover:none){.nav{-webkit-backdrop-filter:blur(var(--backdrop-blur-mobile,4px)) saturate(150%)}}.nav-container{width:100%;max-width:var(--container-max-width);padding:0 var(--container-padding);justify-content:space-between;align-items:center;height:100%;margin:0 auto;display:flex}@media (width>=1024px){.nav-container{padding:0 var(--container-padding-desktop)}}@media (width<=768px){.nav-container{padding:0 var(--space-4)}}.nav-brand{flex-shrink:0}.nav-logo{color:var(--color-text-primary);transition:opacity, transform var(--transition-normal) var(--ease-smooth);transition-duration:var(--transition-fast);align-items:center;text-decoration:none;display:flex}.nav-logo:hover{opacity:.9;transform:scale(1.02)}.nav-logo:focus-visible{outline:var(--border-width-medium) solid var(--color-border-focus);outline-offset:var(--space-1);border-radius:var(--radius-sm)}.nav-logo-text{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);background:linear-gradient(135deg, var(--color-sunset-deep-purple) 0%, var(--color-sunset-purple) 25%, var(--color-sunset-pink) 50%, var(--color-sunset-coral) 75%, var(--color-sunset-orange) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media (width<=768px){.nav-logo-text{font-size:var(--text-xl)}}.nav-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.nav-toggle{width:2.75rem;height:2.75rem;padding:var(--space-2);cursor:pointer;border-radius:var(--radius-lg);transition:background-color, transform var(--transition-normal) var(--ease-smooth);transition-duration:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.nav-toggle:hover{background:var(--color-bg-section);transform:scale(1.05)}.nav-toggle:focus-visible{outline:var(--border-width-medium) solid var(--color-border-focus);outline-offset:var(--border-width-medium)}.nav-toggle:active{transform:scale(.95)}@media (width>=769px){.nav-toggle{display:none}}.hamburger{width:var(--space-5);height:var(--space-4);flex-direction:column;justify-content:space-between;display:flex;position:relative}.hamburger span{height:var(--border-width-medium);background:var(--color-text-primary);border-radius:var(--border-width-medium);width:100%;transition:all var(--transition-normal) var(--ease-smooth);transform-origin:50%;display:block}.hamburger.hamburger-active span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.hamburger-active span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.hamburger-active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (width<=768px){.nav-menu{background:var(--color-surface-card);box-shadow:var(--shadow-lg);max-height:0;transition:max-height var(--transition-normal) var(--ease-smooth);transition-duration:var(--transition-slow);z-index:var(--z-dropdown);position:absolute;top:100%;left:0;right:0;overflow:hidden}@supports (backdrop-filter:blur(8px)){.nav-menu{background:var(--color-surface-glass-bg);-webkit-backdrop-filter:blur(var(--backdrop-blur)) saturate(180%);border-bottom:var(--glass-border)}}.nav-menu.nav-menu-active{max-height:24rem}}@media (width>=769px){.nav-menu{flex:1;justify-content:end;align-items:center;display:flex}}.nav-list{margin:0;padding:0;list-style:none}@media (width<=768px){.nav-list{padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}}@media (width>=769px){.nav-list{align-items:center;gap:var(--space-1);display:flex}.nav-item{margin:0}}@media (width<=768px){.nav-item:not(:last-child):not(.nav-item-theme-desktop):not(.nav-item-theme){border-bottom:var(--border-width-thin) solid var(--color-border-light);padding-bottom:var(--space-2)}}.nav-link{padding:var(--space-2-5) var(--space-4);color:var(--color-text-primary);font-weight:var(--font-weight-medium);font-size:var(--text-base);border-radius:var(--radius-lg);transition:color, background-color, box-shadow var(--transition-normal) var(--ease-smooth);transition-duration:var(--transition-fast);text-decoration:none;display:block;position:relative}.nav-link:hover{background:var(--color-sunset-accent-subtle);border-color:var(--color-sunset-border)}.nav-link:focus-visible{outline:var(--border-width-medium) solid var(--color-border-focus);outline-offset:var(--border-width-medium)}.nav-link:hover{color:var(--color-sunset-accent);box-shadow:var(--shadow-md)}@media (width>=769px){.nav-link:after{content:"";width:0;height:var(--border-width-medium);background:linear-gradient(90deg, var(--color-sunset-purple), var(--color-sunset-orange));transition:all var(--transition-normal) var(--ease-smooth);border-radius:var(--radius-full);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-link:hover:after,.nav-link.active:after{width:calc(100% - var(--space-8))}}@media (width<=768px){.nav-link{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);min-height:var(--input-height);background:#ffffff80}.nav-link:hover{background:var(--color-bg-section);box-shadow:0 2px 8px #0000001a}.nav-link:focus-visible{outline:var(--border-width-medium) solid var(--color-border-focus);outline-offset:var(--border-width-medium);background:var(--color-bg-section)}.nav-link.active{background:var(--color-sunset-accent-subtle);color:var(--color-sunset-accent);border:var(--border-width-thin) solid var(--color-sunset-border)}}.nav-item-theme-desktop{display:none}@media (width>=769px){.nav-item-theme-desktop{margin-left:var(--space-2);display:block}}.nav-item-theme{display:none}.nav-actions-mobile{margin-right:var(--space-3);align-items:center;display:none}@media (width<=768px){.nav-actions-mobile{display:flex}}@media (width>=769px){.nav-theme-toggle-mobile{display:none}}.active-search-indicator{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-sunset-accent-subtle);border:var(--border-width-thin) solid var(--color-sunset-border);border-radius:var(--radius-full);font-size:var(--text-sm);display:inline-flex}.active-search-indicator .search-label{color:var(--color-text-secondary)}.active-search-indicator .search-term{color:var(--color-sunset-accent);font-weight:var(--font-weight-semibold)}.products-results-header{margin-bottom:var(--space-4)}.products-count{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}footer{padding:var(--space-8) var(--space-4);margin-top:var(--space-12);color:var(--color-text-secondary);font-size:var(--text-sm);border-top:var(--border-width-thin) solid var(--color-border-light);background:var(--color-bg-section);transition:background-color, border-color var(--transition-normal) var(--ease-smooth);justify-content:center;align-items:center;display:flex}footer p{margin:0}footer a{color:var(--color-primary-600)}footer a:hover{color:var(--color-sunset-accent)}.content{flex-direction:column;min-height:100vh;display:flex}.content>:not(nav):not(footer){flex:1}[data-theme=dark] .nav{background:var(--color-surface-card)}@supports (backdrop-filter:blur(8px)){[data-theme=dark] .nav{background:var(--color-surface-glass-bg);border-bottom:var(--glass-border)}}[data-theme=dark] .nav-logo-text{background:linear-gradient(135deg, var(--color-primary-300) 0%, var(--color-sunset-pink) 50%, var(--color-sunset-orange) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media (width<=768px){[data-theme=dark] .nav-menu{background:var(--color-surface-card)}@supports (backdrop-filter:blur(8px)){[data-theme=dark] .nav-menu{background:var(--color-surface-glass-bg);-webkit-backdrop-filter:blur(var(--backdrop-blur-dark,12px)) saturate(180%);border-bottom:var(--glass-border)}}}[data-theme=dark] .hamburger span{background:var(--color-text-primary)}[data-theme=dark] .nav-link:hover{color:var(--color-sunset-accent);background:var(--color-bg-section);box-shadow:0 2px 8px var(--color-sunset-shadow)}[data-theme=dark] .nav-link.active{color:var(--color-sunset-accent);background:var(--color-sunset-accent-subtle)}@media (width<=768px){[data-theme=dark] .nav-link{background:#0003}[data-theme=dark] .nav-link:hover{background:var(--color-bg-section)}[data-theme=dark] .nav-item:not(:last-child):not(.nav-item-theme-desktop):not(.nav-item-theme){border-bottom-color:var(--color-border-light)}}[data-theme=dark] .nav-item-theme{border-top-color:var(--color-border-light)}[data-theme=dark] .active-search-indicator{background:var(--color-sunset-accent-subtle);border-color:var(--color-sunset-border)}[data-theme=dark] .active-search-indicator .search-term{color:var(--color-sunset-accent)}[data-theme=dark] footer{background:var(--color-bg-section);border-top-color:var(--color-border-light)}[data-theme=dark] footer a:hover{color:var(--color-sunset-accent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .nav{background:var(--color-surface-card)}@supports (backdrop-filter:blur(8px)){:root:not([data-theme=light]) .nav{background:var(--color-surface-glass-bg);border-bottom:var(--glass-border)}}:root:not([data-theme=light]) .nav-logo-text{background:linear-gradient(135deg, var(--color-primary-300) 0%, var(--color-sunset-pink) 50%, var(--color-sunset-orange) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}}@media (prefers-color-scheme:dark) and (width<=768px){:root:not([data-theme=light]) .nav-menu{background:var(--color-surface-card)}@supports (backdrop-filter:blur(8px)){:root:not([data-theme=light]) .nav-menu{background:var(--color-surface-glass-bg);-webkit-backdrop-filter:blur(var(--backdrop-blur-dark,12px)) saturate(180%);border-bottom:var(--glass-border)}}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hamburger span{background:var(--color-text-primary)}:root:not([data-theme=light]) .nav-link:hover{color:var(--color-sunset-accent);background:var(--color-bg-section);box-shadow:0 2px 8px var(--color-sunset-shadow)}:root:not([data-theme=light]) .nav-link.active{color:var(--color-sunset-accent);background:var(--color-sunset-accent-subtle)}}@media (prefers-color-scheme:dark) and (width<=768px){:root:not([data-theme=light]) .nav-link{background:#0003}:root:not([data-theme=light]) .nav-link:hover{background:var(--color-bg-section)}:root:not([data-theme=light]) .nav-item:not(:last-child):not(.nav-item-theme-desktop):not(.nav-item-theme){border-bottom-color:var(--color-border-light)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .nav-item-theme{border-top-color:var(--color-border-light)}:root:not([data-theme=light]) .active-search-indicator{background:var(--color-sunset-accent-subtle);border-color:var(--color-sunset-border)}:root:not([data-theme=light]) .active-search-indicator .search-term{color:var(--color-sunset-accent)}:root:not([data-theme=light]) footer{background:var(--color-bg-section);border-top-color:var(--color-border-light)}:root:not([data-theme=light]) footer a:hover{color:var(--color-sunset-accent)}}@media (prefers-reduced-motion:reduce){.nav-menu,.hamburger span,.nav-link:after{transition:none}.nav-logo:hover,.nav-toggle:hover,.nav-link:hover{box-shadow:none;transform:none}}.search-bar--hero{width:100%;margin:var(--space-8) 0 var(--space-10)}.search-bar--hero .search-bar__form{width:100%}.search-bar--hero .search-bar__input-group{border-radius:var(--radius-full);background:var(--color-surface-card);border:var(--border-width-medium) solid var(--color-border-medium);box-shadow:var(--shadow-lg);padding-right:var(--space-3);transition:border-color var(--transition-fast) var(--ease-smooth), box-shadow var(--transition-fast) var(--ease-smooth), background-color var(--transition-fast) var(--ease-smooth);align-items:center;display:flex;position:relative}.search-bar--hero .search-bar__input-group:focus-within{border-color:var(--color-primary-500);box-shadow:0 0 0 4px var(--color-primary-500-15), var(--shadow-lg)}.search-bar--hero .search-bar__input{padding:var(--space-4) var(--space-6);font-size:var(--text-xl);border-radius:var(--radius-full);color:var(--color-text-primary);min-height:4rem;box-shadow:none;background:0 0;border:none;outline:none;flex:auto}.search-bar--hero .search-bar__input::placeholder{color:var(--color-text-tertiary);opacity:.8}.search-bar--hero .search-bar__input:focus{box-shadow:none;outline:none}.search-bar--hero .search-bar__submit{width:3rem;height:3rem;margin:0 0 0 var(--space-1);border-radius:var(--radius-full);background:var(--color-primary-500);color:#fff;cursor:pointer;transition:background-color var(--transition-fast) var(--ease-smooth), transform var(--transition-fast) var(--ease-smooth), box-shadow var(--transition-fast) var(--ease-smooth);border:none;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.search-bar--hero .search-bar__submit svg{width:1.5rem;height:1.5rem}.search-bar--hero .search-bar__submit:hover{background:var(--color-accent-500);transform:scale(1.05)}.search-bar--hero .search-bar__submit:active{transform:scale(.95)}.search-bar--hero .search-bar__submit:focus-visible{outline:var(--border-width-medium) solid var(--color-primary-500);outline-offset:var(--border-width-medium)}@media (width<=768px){.search-bar--hero{margin:var(--space-6) 0 var(--space-6)}.search-bar--hero .search-bar__input{padding:var(--space-3) var(--space-4);font-size:var(--text-lg);min-height:3.5rem}.search-bar--hero .search-bar__submit{width:2.75rem;height:2.75rem}.search-bar--hero .search-bar__submit svg{width:1.25rem;height:1.25rem}.search-bar--hero .search-bar__voice-btn{width:2.5rem;height:2.5rem}}@media (width<=480px){.search-bar--hero .search-bar__input{padding:var(--space-2-5) var(--space-3);font-size:var(--text-base);min-height:3rem}.search-bar--hero .search-bar__submit{width:2.5rem;height:2.5rem}.search-bar--hero .search-bar__voice-btn{width:2.25rem;height:2.25rem}}.search-bar__voice-btn{width:2.75rem;height:2.75rem;margin:0 0 0 var(--space-1);border-radius:var(--radius-full);color:var(--color-text-tertiary);border:var(--border-width-thin) solid var(--color-border-light);cursor:pointer;transition:all var(--transition-fast) var(--ease-smooth);background:0 0;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.search-bar__voice-btn:hover{color:var(--color-text-primary);border-color:var(--color-text-secondary)}.search-bar__voice-btn--active{color:var(--color-error-500);border-color:var(--color-error-500);animation:1.5s infinite voice-pulse}@keyframes voice-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.search-bar--products{width:100%;margin-bottom:var(--space-4)}.search-bar--products .search-bar__input-group{align-items:center;width:100%;display:flex;position:relative}.search-bar--products .search-bar__icon{left:var(--space-4);color:var(--color-text-tertiary);pointer-events:none;z-index:1;transition:color var(--transition-fast) var(--ease-smooth);position:absolute}.search-bar--products .search-bar__input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-12);border:var(--border-width-thin) solid var(--color-border-medium);border-radius:var(--radius-xl);font-size:var(--text-base);background:var(--color-surface-card);color:var(--color-text-primary);min-height:3rem;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast) var(--ease-smooth), box-shadow var(--transition-fast) var(--ease-smooth), background-color var(--transition-fast) var(--ease-smooth)}.search-bar--products .search-bar__input::placeholder{color:var(--color-text-tertiary);opacity:.8}.search-bar--products .search-bar__input:focus{border-color:var(--color-accent-500);box-shadow:0 0 0 3px var(--color-accent-500-15), var(--shadow-sm);outline:none}@media (width<=768px){.search-bar--products .search-bar__input{font-size:var(--text-sm);min-height:var(--input-height);padding:var(--space-2-5) var(--space-3) var(--space-2-5) var(--space-10)}.search-bar--products .search-bar__icon{left:var(--space-3)}}.nav-search-slot{min-width:0;max-width:28rem;margin:0 var(--space-4);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s var(--ease-smooth), transform .3s var(--ease-smooth), visibility 0s .3s;flex:1;transform:translateY(-6px)}.nav-search-slot[data-visible]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s var(--ease-smooth), transform .3s var(--ease-smooth), visibility 0s 0s;transform:translateY(0)}@media (width<=768px){.nav-search-slot{max-width:none;margin:0 var(--space-2)}}.search-bar-docked{width:100%}.search-bar-docked__input-group{align-items:center;display:flex;position:relative}.search-bar-docked__icon{left:var(--space-3);color:var(--color-text-tertiary);pointer-events:none;z-index:1;transition:color var(--transition-fast) var(--ease-smooth);position:absolute}.search-bar-docked__input{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-9);border:var(--border-width-thin) solid var(--color-border-medium);border-radius:var(--radius-full);font-size:var(--text-sm);background:var(--color-bg-section);color:var(--color-text-primary);min-height:2.25rem;transition:border-color var(--transition-fast) var(--ease-smooth), box-shadow var(--transition-fast) var(--ease-smooth), background-color var(--transition-fast) var(--ease-smooth)}.search-bar-docked__input::placeholder{color:var(--color-text-tertiary);opacity:.8}.search-bar-docked__input:focus{border-color:var(--color-accent-500);background:var(--color-surface-card);box-shadow:0 0 0 2px var(--color-accent-500-15);outline:none}@media (width<=768px){.search-bar-docked__input{font-size:var(--text-xs);padding:var(--space-1-5) var(--space-2-5) var(--space-1-5) var(--space-8);min-height:2rem}}[data-theme=dark] .search-bar--hero .search-bar__input-group{background:var(--color-surface-card);border-color:var(--color-border-medium)}[data-theme=dark] .search-bar--hero .search-bar__input-group:focus-within{border-color:var(--color-primary-400);box-shadow:0 0 0 3px #c084fc26, var(--shadow-lg)}[data-theme=dark] .search-bar--hero .search-bar__submit{background:var(--color-primary-400)}[data-theme=dark] .search-bar--hero .search-bar__submit:hover{background:var(--color-accent-400)}[data-theme=dark] .search-bar--products .search-bar__input{background:var(--color-surface-card);border-color:var(--color-border-medium)}[data-theme=dark] .search-bar--products .search-bar__input:focus{border-color:var(--color-accent-400);box-shadow:0 0 0 3px #ff6f4b26, var(--shadow-sm)}[data-theme=dark] .search-bar-docked__input{background:var(--color-bg-section);border-color:var(--color-border-medium)}[data-theme=dark] .search-bar-docked__input:focus{border-color:var(--color-accent-400);background:var(--color-surface-card);box-shadow:0 0 0 2px #ff6f4b26}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .search-bar--hero .search-bar__input-group{background:var(--color-surface-card);border-color:var(--color-border-medium)}:root:not([data-theme=light]) .search-bar--hero .search-bar__input-group:focus-within{border-color:var(--color-primary-400);box-shadow:0 0 0 3px #c084fc26, var(--shadow-lg)}:root:not([data-theme=light]) .search-bar--hero .search-bar__submit{background:var(--color-primary-400)}:root:not([data-theme=light]) .search-bar--hero .search-bar__submit:hover{background:var(--color-accent-400)}:root:not([data-theme=light]) .search-bar--products .search-bar__input{background:var(--color-surface-card);border-color:var(--color-border-medium)}:root:not([data-theme=light]) .search-bar--products .search-bar__input:focus{border-color:var(--color-accent-400);box-shadow:0 0 0 3px #ff6f4b26, var(--shadow-sm)}:root:not([data-theme=light]) .search-bar-docked__input{background:var(--color-bg-section);border-color:var(--color-border-medium)}:root:not([data-theme=light]) .search-bar-docked__input:focus{border-color:var(--color-accent-400);background:var(--color-surface-card);box-shadow:0 0 0 2px #ff6f4b26}}@media (prefers-reduced-motion:reduce){.nav-search-slot,.nav-search-slot[data-visible]{transition:none}.search-bar--hero .search-bar__submit:hover,.search-bar--hero .search-bar__submit:active{transform:none}}.single_line_ellipsis,.product-card__title{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.multi_line_ellipsis,.product-card__description{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.product-grid{gap:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}@media (width>=1536px){.product-grid{grid-template-columns:repeat(6,1fr)}}@media (width>=1280px) and (width<=1535px){.product-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=1024px) and (width<=1279px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1023px) and (width>=769px){.product-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.product-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.product-grid{gap:var(--space-3);grid-template-columns:1fr}}.product-card{background:var(--color-surface-card);border:var(--border-width-thin) solid var(--color-neutral-200);border-radius:var(--product-card-radius);width:100%;box-shadow:var(--shadow-md);transition:transform var(--transition-normal) var(--ease-smooth), box-shadow var(--transition-normal) var(--ease-smooth), border-color var(--transition-normal) var(--ease-smooth);transition:transform var(--transition-normal) var(--ease-smooth), box-shadow var(--transition-normal) var(--ease-smooth), border-color var(--transition-normal) var(--ease-smooth);flex-direction:column;display:flex;position:relative;overflow:hidden}.product-card:hover{transform:translateY(-var(--space-1));box-shadow:var(--shadow-lg);border-color:var(--color-sunset-accent)}.product-card:hover .product-card__image{transform:scale(1.05)}.product-card:focus-within{outline:var(--border-width-medium) solid var(--color-primary-500);outline-offset:var(--border-width-medium)}@media (width<=480px),(width<=768px) and (orientation:landscape){.product-card{height:var(--product-card-height-mobile);flex-direction:row}}.product-card__image-container{background:var(--color-bg-section);aspect-ratio:1;flex:none;position:relative;overflow:hidden}.product-card__image-container:after{content:"";opacity:1;transition:opacity var(--transition-normal) var(--ease-smooth);pointer-events:none;z-index:1;background:linear-gradient(#0000 40%,#00000073 100%);position:absolute;inset:0}@media (width<=480px),(width<=768px) and (orientation:landscape){.product-card__image-container{aspect-ratio:auto;flex:0 0 35%}.product-card__image-container:after{display:none}}.product-card__image-link{width:100%;height:100%;color:inherit;text-decoration:none;display:block}.product-card__title-overlay{padding:var(--space-2) var(--space-3);z-index:2;pointer-events:none;position:absolute;bottom:0;left:0;right:0}.product-card__title-overlay span{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:#fff;text-shadow:0 1px 3px #0009;line-height:var(--line-height-tight);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}@media (width<=480px),(width<=768px) and (orientation:landscape){.product-card__title-overlay{display:none}}.product-card__image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow) var(--ease-smooth), opacity var(--transition-normal) var(--ease-smooth);opacity:0}.product-card__image--loaded{opacity:1}.product-card__image-skeleton{width:100%;height:100%}.product-card__image-skeleton .skeleton--image{height:100%;aspect-ratio:unset}.product-card__image-placeholder{width:100%;height:100%;color:var(--color-text-tertiary);background:var(--color-bg-section);flex-direction:column;justify-content:center;align-items:center;display:flex}.product-card__image-placeholder svg{opacity:.5}.product-card__content{padding:var(--space-3);gap:var(--space-1-5);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}@media (width<=768px){.product-card__content{padding:var(--space-2-5);gap:var(--space-1)}}@media (width<=480px){.product-card__content{padding:var(--space-2);gap:var(--space-1)}}.product-card__header{flex-shrink:0;display:none}@media (width<=480px),(width<=768px) and (orientation:landscape){.product-card__header{display:block}}.product-card__title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0}.product-card__title a{color:inherit;transition:color var(--transition-fast) var(--ease-smooth);text-decoration:none}.product-card__title a:hover{color:var(--color-primary-600)}.product-card__title a:focus-visible{color:var(--color-primary-600);outline:none}@media (width<=480px){.product-card__title{font-size:var(--text-xs)}}.product-card__description{-webkit-line-clamp:2;font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--line-height-snug);flex:1;min-height:0;margin:0}@media (width<=480px){.product-card__description{-webkit-line-clamp:1}}.product-card__tags{gap:var(--space-1);flex-wrap:wrap;margin-top:auto;display:flex}@media (width<=480px){.product-card__tags{display:none}}.product-card__tag{padding:var(--space-0-5) var(--space-2);background:var(--color-neutral-100);color:var(--color-neutral-700);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-medium);border:var(--border-width-thin) solid transparent;transition:all var(--transition-fast) var(--ease-smooth);line-height:var(--line-height-none);align-items:center;text-decoration:none;display:inline-flex}.product-card__tag:hover{background:var(--color-accent-500);color:var(--color-text-inverse);transform:translateY(-var(--space-0-5))}.product-card__tag:focus-visible{outline:var(--border-width-medium) solid var(--color-border-focus);outline-offset:1px}.product-card__tag[data-count="0"]{opacity:.6}.product-card__tag[data-count^="2"],.product-card__tag[data-count^="3"],.product-card__tag[data-count^="4"],.product-card__tag[data-count^="5"],.product-card__tag[data-count^="6"],.product-card__tag[data-count^="7"],.product-card__tag[data-count^="8"],.product-card__tag[data-count^="9"]{background:var(--color-accent-500-15);color:var(--color-accent-700)}.product-card__tag[data-count$="0"]:not([data-count="0"]){background:var(--color-secondary-500);color:var(--color-text-inverse)}.product-card__footer{padding-top:var(--space-2);border-top:var(--border-width-thin) solid var(--color-border-light);justify-content:space-between;align-items:center;gap:var(--space-2);flex-shrink:0;margin-top:auto;display:flex}.product-card__price{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-secondary-600);line-height:var(--line-height-none);flex-shrink:0;margin-left:auto}.product-card__price a{color:inherit;text-decoration:none}.product-card__price a:hover{color:var(--color-secondary-700)}@media (width<=480px){.product-card__price{font-size:var(--text-sm)}}.products-page-container{padding:var(--space-6) var(--container-padding);max-width:var(--container-max-width);width:100%;margin:0 auto}@media (width>=1024px){.products-page-container{padding:var(--space-6) var(--container-padding-desktop)}}@media (width<=768px){.products-page-container{padding:var(--space-4) var(--space-4);overflow-x:hidden}}@media (width<=480px){.products-page-container{padding:var(--space-3) var(--space-3)}}.products-page-header{margin-bottom:var(--space-4)}.products-header-row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.products-page-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}@media (width<=768px){.products-page-title{font-size:var(--text-xl)}}.filters-toggle-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface-card);color:var(--color-text-secondary);border:var(--border-width-thin) solid var(--color-border-medium);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) var(--ease-smooth);min-height:var(--input-height);white-space:nowrap;flex-shrink:0;display:inline-flex}.filters-toggle-btn:hover{background:var(--color-bg-section);border-color:var(--color-accent-500);color:var(--color-accent-600)}.filters-toggle-btn:focus-visible{outline:var(--border-width-medium) solid var(--color-border-focus);outline-offset:var(--border-width-medium)}.filters-toggle-btn .filters-toggle-icon{flex-shrink:0}@media (width>=769px){.filters-toggle-btn{display:none}}@media (width<=480px){.filters-toggle-btn{padding:var(--space-2) var(--space-3)}.filters-toggle-btn .filters-toggle-label{display:none}}.filters-overlay{display:none}@media (width<=768px){.filters-overlay{background:var(--color-overlay);z-index:var(--z-modal-backdrop);opacity:0;visibility:hidden;transition:opacity var(--transition-slow) var(--ease-smooth), visibility var(--transition-slow) var(--ease-smooth);display:block;position:fixed;inset:0}.filters-overlay.filters-overlay--active{opacity:1;visibility:visible}}.products-layout{gap:var(--space-8);grid-template-columns:280px 1fr;display:grid}@media (width<=1024px){.products-layout{gap:var(--space-6);grid-template-columns:240px 1fr}}@media (width<=768px){.products-layout{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}}.products-main{width:100%;min-width:0}.products-content{width:100%}.products-toolbar{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}@media (width<=480px){.products-toolbar{flex-wrap:wrap}}.sort-controls{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.sort-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-right:var(--space-1);white-space:nowrap}.sort-btn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2-5);border:var(--border-width-thin) solid var(--color-border-light);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast) var(--ease-smooth);white-space:nowrap;background:0 0;min-height:1.75rem;display:inline-flex}.sort-btn:hover{background:var(--color-bg-section);border-color:var(--color-border-medium);color:var(--color-text-primary)}.sort-btn:focus-visible{outline:var(--border-width-medium) solid var(--color-border-focus);outline-offset:var(--border-width-medium)}.sort-btn.sort-btn-active{background:var(--color-accent-500);border-color:var(--color-accent-500);color:var(--color-text-inverse)}.sort-btn.sort-btn-active:hover{background:var(--color-accent-600);border-color:var(--color-accent-600)}.sort-btn-label{line-height:1}.sort-direction-icon{font-size:var(--text-sm);transition:opacity var(--transition-fast) var(--ease-smooth);opacity:.5;line-height:1}.sort-btn-active .sort-direction-icon{opacity:1}.sort-hint{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;padding:0 var(--space-1);font-style:italic}.search-mode-toggle{margin-top:var(--space-2);background:var(--color-bg-section);border:var(--border-width-thin) solid var(--color-border-light);border-radius:var(--radius-full);padding:var(--space-0-5);align-items:center;gap:0;display:inline-flex;overflow:hidden}.search-mode-toggle__btn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast) var(--ease-smooth);white-space:nowrap;background:0 0;border:none;line-height:1.2;display:inline-flex}.search-mode-toggle__btn:hover:not(.search-mode-toggle__btn-active){color:var(--color-text-primary);background:var(--color-bg-inset)}.search-mode-toggle__btn:focus-visible{outline:var(--border-width-medium) solid var(--color-border-focus);outline-offset:-var(--border-width-medium)}.search-mode-toggle__btn-active{background:var(--color-accent-500);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.search-mode-toggle__btn-active:hover{background:var(--color-accent-600)}.search-mode-toggle__icon{flex-shrink:0}.filter-chips-container{margin-bottom:var(--space-6)}@media (width<=768px){.filter-chips-container{margin-bottom:var(--space-4)}}.filter-chips{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.filter-chip{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--color-bg-section);border:var(--border-width-thin) solid var(--color-border-light);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-secondary);transition:all var(--transition-fast) var(--ease-smooth);display:inline-flex}.filter-chip:hover{background:var(--color-bg-inset);border-color:var(--color-border-medium)}.filter-chip-label{font-weight:var(--font-weight-medium);color:var(--color-text-tertiary)}.filter-chip-value{font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:12rem;overflow:hidden}.filter-chip-remove{width:1.25rem;height:1.25rem;margin-left:var(--space-1);border-radius:var(--radius-full);color:var(--color-text-tertiary);font-size:var(--text-lg);line-height:var(--line-height-none);cursor:pointer;transition:all var(--transition-fast) var(--ease-smooth);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.filter-chip-remove:hover{background:var(--color-bg-section);color:var(--color-text-primary)}.filter-chip-remove:focus-visible{outline:var(--border-width-medium) solid var(--color-border-focus);outline-offset:var(--border-width-medium)}.filter-chip-clear-all{padding:var(--space-1) var(--space-3);border:var(--border-width-thin) solid var(--color-border-light);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast) var(--ease-smooth);background:0 0;align-items:center;display:inline-flex}.filter-chip-clear-all:hover{background:var(--color-bg-section);border-color:var(--color-border-medium);color:var(--color-text-primary)}.filter-chip-clear-all:focus-visible{outline:var(--border-width-medium) solid var(--color-border-focus);outline-offset:var(--border-width-medium)}[data-theme=dark] .filter-chip{background:var(--color-bg-section);border-color:var(--color-border-light)}[data-theme=dark] .filter-chip:hover{background:var(--color-bg-inset);border-color:var(--color-border-medium)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .filter-chip{background:var(--color-bg-section);border-color:var(--color-border-light)}:root:not([data-theme=light]) .filter-chip:hover{background:var(--color-bg-inset);border-color:var(--color-border-medium)}}[data-theme=dark] .filter-chip-remove:hover{background:var(--color-bg-section)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .filter-chip-remove:hover{background:var(--color-bg-section)}}[data-theme=dark] .filter-chip-clear-all{border-color:var(--color-border-light)}[data-theme=dark] .filter-chip-clear-all:hover{background:var(--color-bg-section)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .filter-chip-clear-all{border-color:var(--color-border-light)}:root:not([data-theme=light]) .filter-chip-clear-all:hover{background:var(--color-bg-section)}}.products-loading{padding:var(--space-20) var(--space-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.products-loading .loading-spinner{width:var(--space-8);height:var(--space-8);border:var(--border-width-medium) solid var(--color-border-light);border-top-color:var(--color-accent-500);margin-bottom:var(--space-4);border-radius:50%;animation:1s linear infinite spin}.products-loading .loading-text{font-size:var(--text-lg);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.products-empty{padding:var(--space-20) var(--space-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.products-empty .empty-icon{font-size:var(--text-5xl);color:var(--color-border-medium);margin-bottom:var(--space-4)}.products-empty .empty-title{font-size:var(--text-xl);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.products-empty .empty-description{font-size:var(--text-base);color:var(--color-text-secondary);max-width:24rem;margin-bottom:var(--space-6)}.products-empty .empty-action{padding:var(--space-3) var(--space-6)}.search-fallback{margin-top:var(--space-4);text-align:center}.search-fallback__text{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.search-fallback__btn{padding:var(--space-2) var(--space-5);font-size:var(--text-sm)}.products-error__detail{font-size:var(--text-sm);color:var(--color-text-tertiary);max-width:28rem;margin-bottom:var(--space-2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:translateY(0)}}.product-card{animation:fadeIn var(--animation-duration-normal) var(--ease-out);animation-fill-mode:both}.product-card:first-child{animation-delay:0s}.product-card:nth-child(2){animation-delay:50ms}.product-card:nth-child(3){animation-delay:.1s}.product-card:nth-child(4){animation-delay:.15s}.product-card:nth-child(5){animation-delay:.2s}.product-card:nth-child(6){animation-delay:.25s}.product-card:nth-child(7){animation-delay:.3s}.product-card:nth-child(8){animation-delay:.35s}.product-card:nth-child(9){animation-delay:.4s}.product-card:nth-child(10){animation-delay:.45s}.product-card:nth-child(11){animation-delay:.5s}.product-card:nth-child(12){animation-delay:.55s}@media (prefers-reduced-motion:reduce){.product-card{animation:none}.product-card:hover,.product-card:hover .product-card__image{transform:none}.products-loading .loading-spinner{animation:none}.filters-toggle-btn:hover{transform:none}.search-mode-toggle__btn{transition:none}}[data-theme=dark] .product-card{background:var(--color-surface-card-gradient);border-color:var(--color-border-light)}[data-theme=dark] .product-card:hover{border-color:var(--color-primary-400);box-shadow:var(--shadow-glow)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .product-card{background:var(--color-surface-card-gradient);border-color:var(--color-border-light)}:root:not([data-theme=light]) .product-card:hover{border-color:var(--color-primary-400);box-shadow:var(--shadow-glow)}}[data-theme=dark] .product-card__image-container{background:var(--color-bg-section)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .product-card__image-container{background:var(--color-bg-section)}}[data-theme=dark] .product-card__image-placeholder{background:var(--color-bg-section)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .product-card__image-placeholder{background:var(--color-bg-section)}}[data-theme=dark] .product-card__tag{background:var(--color-bg-section);color:var(--color-text-secondary)}[data-theme=dark] .product-card__tag:hover{background:var(--color-accent-500);color:var(--color-text-inverse)}[data-theme=dark] .product-card__tag[data-count^="2"],[data-theme=dark] .product-card__tag[data-count^="3"],[data-theme=dark] .product-card__tag[data-count^="4"],[data-theme=dark] .product-card__tag[data-count^="5"],[data-theme=dark] .product-card__tag[data-count^="6"],[data-theme=dark] .product-card__tag[data-count^="7"],[data-theme=dark] .product-card__tag[data-count^="8"],[data-theme=dark] .product-card__tag[data-count^="9"]{color:var(--color-accent-400);background:#ff6f4b26}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .product-card__tag{background:var(--color-bg-section);color:var(--color-text-secondary)}:root:not([data-theme=light]) .product-card__tag:hover{background:var(--color-accent-500);color:var(--color-text-inverse)}:root:not([data-theme=light]) .product-card__tag[data-count^="2"],:root:not([data-theme=light]) .product-card__tag[data-count^="3"],:root:not([data-theme=light]) .product-card__tag[data-count^="4"],:root:not([data-theme=light]) .product-card__tag[data-count^="5"],:root:not([data-theme=light]) .product-card__tag[data-count^="6"],:root:not([data-theme=light]) .product-card__tag[data-count^="7"],:root:not([data-theme=light]) .product-card__tag[data-count^="8"],:root:not([data-theme=light]) .product-card__tag[data-count^="9"]{color:var(--color-accent-400);background:#ff6f4b26}}[data-theme=dark] .product-card__footer{border-top-color:var(--color-border-light)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .product-card__footer{border-top-color:var(--color-border-light)}}[data-theme=dark] .product-card__title a{color:var(--color-primary-300)}[data-theme=dark] .product-card__title a:hover{color:var(--color-primary-200)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .product-card__title a{color:var(--color-primary-300)}:root:not([data-theme=light]) .product-card__title a:hover{color:var(--color-primary-200)}}[data-theme=dark] .product-card__price{color:var(--color-text-success)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .product-card__price{color:var(--color-text-success)}}[data-theme=dark] .product-card__action{background:var(--color-bg-section);border-color:var(--color-border-light)}[data-theme=dark] .product-card__action:hover{background:var(--color-accent-500);border-color:var(--color-accent-500)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .product-card__action{background:var(--color-bg-section);border-color:var(--color-border-light)}:root:not([data-theme=light]) .product-card__action:hover{background:var(--color-accent-500);border-color:var(--color-accent-500)}}[data-theme=dark] .filters-toggle-btn{background:var(--color-surface-card);border-color:var(--color-border-medium)}[data-theme=dark] .filters-toggle-btn:hover{background:var(--color-bg-section);border-color:var(--color-accent-400);color:var(--color-accent-400)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .filters-toggle-btn{background:var(--color-surface-card);border-color:var(--color-border-medium)}:root:not([data-theme=light]) .filters-toggle-btn:hover{background:var(--color-bg-section);border-color:var(--color-accent-400);color:var(--color-accent-400)}}[data-theme=dark] .sort-btn{border-color:var(--color-border-light);color:var(--color-text-secondary)}[data-theme=dark] .sort-btn:hover{background:var(--color-bg-section);border-color:var(--color-border-medium)}[data-theme=dark] .sort-btn.sort-btn-active{background:var(--color-accent-500);border-color:var(--color-accent-500);color:var(--color-text-inverse)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .sort-btn{border-color:var(--color-border-light);color:var(--color-text-secondary)}:root:not([data-theme=light]) .sort-btn:hover{background:var(--color-bg-section);border-color:var(--color-border-medium)}:root:not([data-theme=light]) .sort-btn.sort-btn-active{background:var(--color-accent-500);border-color:var(--color-accent-500);color:var(--color-text-inverse)}}[data-theme=dark] .search-mode-toggle{background:var(--color-bg-inset);border-color:var(--color-border-light)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .search-mode-toggle{background:var(--color-bg-inset);border-color:var(--color-border-light)}}[data-theme=dark] .search-mode-toggle__btn-active{background:var(--color-accent-400)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .search-mode-toggle__btn-active{background:var(--color-accent-400)}}[data-theme=dark] .products-empty .empty-icon{color:var(--color-border-light)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .products-empty .empty-icon{color:var(--color-border-light)}}[data-theme=dark] .products-loading .loading-spinner{border-color:var(--color-border-light);border-top-color:var(--color-accent-400)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .products-loading .loading-spinner{border-color:var(--color-border-light);border-top-color:var(--color-accent-400)}}.product-page-loading{justify-content:center;align-items:center;min-height:60vh;display:flex}.product-not-found{text-align:center;padding:var(--space-20) var(--space-4)}.product-not-found h2{font-size:var(--text-3xl);color:var(--color-text-primary);margin-bottom:var(--space-4)}.product-not-found p{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-8);max-width:32rem;margin-left:auto;margin-right:auto}.product-not-found .back-button{padding:var(--space-3) var(--space-6);display:inline-flex}.product-page{max-width:var(--container-max-width);padding:var(--space-8) var(--container-padding);margin:0 auto}@media (width>=1024px){.product-page{padding:var(--space-8) var(--container-padding-desktop)}}@media (width<=768px){.product-page{padding:var(--space-6) var(--space-4)}}@media (width<=480px){.product-page{padding:var(--space-4) var(--space-3)}}.product-breadcrumb{margin-bottom:var(--space-8)}.product-breadcrumb ol{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.product-breadcrumb ol li{align-items:center;display:flex}.product-breadcrumb ol li:not(:last-child):after{content:">";margin-left:var(--space-2);color:var(--color-text-tertiary);font-size:var(--text-sm)}.product-breadcrumb ol li a{color:var(--color-text-secondary);transition:color var(--transition-fast) var(--ease-smooth);font-size:var(--text-sm);text-decoration:none}.product-breadcrumb ol li a:hover{color:var(--color-primary-600)}.product-breadcrumb ol li[aria-current=page]{color:var(--color-text-primary);font-weight:var(--font-weight-medium);font-size:var(--text-sm)}.product-page>.product-title{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0 0 var(--space-6)}@media (width<=768px){.product-page>.product-title{font-size:var(--text-2xl);margin-bottom:var(--space-4)}}.product-top{gap:var(--space-8);margin-bottom:var(--space-8);grid-template-columns:minmax(0,1fr) minmax(320px,1fr);align-items:start;display:grid}@media (width<=1024px){.product-top{gap:var(--space-6)}}@media (width<=768px){.product-top{gap:var(--space-6);margin-bottom:var(--space-6);grid-template-columns:1fr}}.product-middle{gap:var(--space-8);margin-bottom:var(--space-8);grid-template-columns:1fr 1fr;align-items:start;display:grid}@media (width<=1024px){.product-middle{gap:var(--space-6)}}@media (width<=768px){.product-middle{gap:var(--space-6);margin-bottom:var(--space-6);grid-template-columns:1fr}}.product-content-column,.product-reviews-column{min-width:0}.product-info-panel{gap:var(--space-4);flex-direction:column;display:flex}.product-info-panel .product-meta{align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-tertiary);flex-wrap:wrap;display:flex}.product-info-panel .product-meta .product-sku{background:var(--color-bg-section);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md)}.product-info-panel .product-meta .product-status{color:var(--color-secondary-600);font-weight:var(--font-weight-medium)}.product-info-panel .product-price-section .price-discounted{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.product-info-panel .product-price-section .price-discounted .original-price{font-size:var(--text-lg);color:var(--color-text-tertiary);text-decoration:line-through}.product-info-panel .product-price-section .price-discounted .discount-price{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--color-secondary-600)}.product-info-panel .product-price-section .price-discounted .discount-badge{background:var(--color-accent-500);color:var(--color-text-inverse);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-bold)}.product-info-panel .product-price-section .price-regular .current-price{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--color-secondary-600)}.product-info-panel .product-short-description{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.product-info-panel .product-actions{gap:var(--space-3);flex-direction:column;display:flex}.product-info-panel .product-actions .action-group{gap:var(--space-3);flex-wrap:wrap;display:flex}@media (width<=480px){.product-info-panel .product-actions .action-group{flex-direction:column}}.product-info-panel .product-actions .btn{padding:var(--space-3) var(--space-6);font-weight:var(--font-weight-semibold)}.product-info-panel .product-merchant-section{padding-top:var(--space-4);border-top:var(--border-width-thin) solid var(--color-border-light)}.product-info-panel .product-merchant-section h3{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin:0 0 var(--space-3)}.product-info-panel .product-source-section{padding-top:var(--space-3)}.product-gallery{min-width:0;overflow:visible}.product-gallery:focus{outline:none}.product-gallery:focus-visible{outline:var(--border-width-medium) solid var(--color-border-focus);outline-offset:var(--space-1);border-radius:var(--radius-lg)}.product-gallery .gallery-main{margin-bottom:var(--space-4)}.product-gallery .gallery-main .main-image{background:var(--color-bg-section);border-radius:var(--radius-2xl);aspect-ratio:4/3;justify-content:center;align-items:center;max-height:380px;display:flex;position:relative;overflow:hidden}.product-gallery .gallery-main .main-image img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;transition:transform var(--transition-slow) var(--ease-smooth)}.product-gallery .gallery-main .main-image:hover img{transform:scale(1.02)}.product-gallery .gallery-main .main-image.placeholder{color:var(--color-text-tertiary);flex-direction:column}.product-gallery .gallery-main .main-image.placeholder .placeholder-icon{font-size:var(--text-5xl);margin-bottom:var(--space-4)}.product-gallery .gallery-main .main-image.placeholder p{font-size:var(--text-lg);font-weight:var(--font-weight-medium)}.product-gallery .gallery-thumbnails{gap:var(--space-2);padding-bottom:var(--space-2);display:flex;overflow-x:auto}.product-gallery .gallery-thumbnails::-webkit-scrollbar{height:var(--space-1)}.product-gallery .gallery-thumbnails::-webkit-scrollbar-track{background:var(--color-bg-section);border-radius:var(--radius-full)}.product-gallery .gallery-thumbnails::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:var(--radius-full)}.product-gallery .gallery-thumbnails .thumbnail{border-radius:var(--radius-lg);border:var(--border-width-medium) solid transparent;background:var(--color-bg-section);cursor:pointer;width:5rem;height:5rem;padding:var(--space-0-5);transition:all var(--transition-fast) var(--ease-smooth);flex:none;overflow:hidden}.product-gallery .gallery-thumbnails .thumbnail img{object-fit:contain;border-radius:var(--radius-md);width:100%;height:100%}.product-gallery .gallery-thumbnails .thumbnail:hover{border-color:var(--color-border-medium);transform:translateY(-var(--space-0-5))}.product-gallery .gallery-thumbnails .thumbnail--selected{border-color:var(--color-accent-500);box-shadow:var(--shadow-sm)}.product-gallery .gallery-thumbnails .thumbnail:focus-visible{outline:var(--border-width-medium) solid var(--color-border-focus);outline-offset:1px}.product-content-column .product-description-section{margin-bottom:var(--space-8)}.product-content-column .product-description-section h2{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4)}.product-content-column .product-description-section .product-description{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);white-space:pre-line}.product-content-column .product-tags-section{margin-bottom:var(--space-8)}.product-content-column .product-tags-section h3{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4)}.product-content-column .product-tags-section .product-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.product-content-column .product-tags-section .product-tags .product-tag{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--color-bg-section);color:var(--color-text-secondary);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast) var(--ease-smooth);text-decoration:none;display:inline-flex}.product-content-column .product-tags-section .product-tags .product-tag:hover{background:var(--color-accent-500);color:var(--color-text-inverse);transform:translateY(-var(--space-0-5))}.product-content-column .product-tags-section .product-tags .product-tag .tag-count{font-size:var(--text-xs);padding:0 var(--space-1);border-radius:var(--radius-full);min-width:var(--space-4);text-align:center;background:#fff3}.product-content-column .product-specs-section h3{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4)}.product-content-column .product-specs-section .product-specs{gap:var(--space-3);display:grid}.product-content-column .product-specs-section .product-specs .spec-row{padding-bottom:var(--space-2);border-bottom:var(--border-width-thin) solid var(--color-border-light);justify-content:space-between;display:flex}.product-content-column .product-specs-section .product-specs .spec-row .spec-label{color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}.product-content-column .product-specs-section .product-specs .spec-row .spec-value{color:var(--color-text-primary);font-weight:var(--font-weight-medium);text-align:right}.product-page-section{max-width:var(--container-max-width);padding-left:var(--container-padding);padding-right:var(--container-padding);margin:0 auto}@media (width>=1024px){.product-page-section{padding-left:var(--container-padding-desktop);padding-right:var(--container-padding-desktop)}}@media (width<=768px){.product-page-section{padding-left:var(--space-4);padding-right:var(--space-4)}}@media (width<=480px){.product-page-section{padding-left:var(--space-3);padding-right:var(--space-3)}}.similar-products-section{background:var(--color-bg-section);border-radius:var(--radius-2xl);padding:var(--space-8) var(--space-6);margin-top:var(--space-8)}@media (width<=768px){.similar-products-section{padding:var(--space-6) var(--space-4);border-radius:var(--radius-xl)}}@media (width<=480px){.similar-products-section{padding:var(--space-5) var(--space-4)}}.similar-products-section h3{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin:0 0 var(--space-5)}.similar-products-loading{padding:var(--space-4);text-align:center}.similar-products-loading__text{font-size:var(--text-sm);color:var(--color-text-tertiary)}.similar-products-empty{text-align:center;padding:var(--space-4)}.similar-products-view-more{text-align:center;padding-top:var(--space-6)}.product-browse-cta{text-align:center;padding:var(--space-10) 0 var(--space-6)}.product-browse-cta__btn{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-10);border-radius:var(--radius-full);background:var(--color-primary-500);color:#fff;font-size:var(--text-lg);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-md);transition:background, box-shadow, transform var(--transition-normal) var(--ease-smooth);text-decoration:none;display:inline-flex}.product-browse-cta__btn svg{transition:transform var(--transition-fast) var(--ease-smooth)}.product-browse-cta__btn:hover{background:var(--color-primary-600);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.product-browse-cta__btn:hover svg{transform:translateX(var(--space-1))}.product-browse-cta__btn:active{transform:translateY(0)}@media (width<=480px){.product-browse-cta__btn{padding:var(--space-3) var(--space-8);font-size:var(--text-base)}}[data-theme=dark] .product-breadcrumb ol li a{color:var(--color-text-secondary)}[data-theme=dark] .product-breadcrumb ol li a:hover{color:var(--color-primary-400)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .product-breadcrumb ol li a{color:var(--color-text-secondary)}:root:not([data-theme=light]) .product-breadcrumb ol li a:hover{color:var(--color-primary-400)}}[data-theme=dark] .product-gallery .gallery-main .main-image{background:var(--color-bg-section)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .product-gallery .gallery-main .main-image{background:var(--color-bg-section)}}[data-theme=dark] .product-gallery .gallery-thumbnails .thumbnail{background:var(--color-bg-section)}[data-theme=dark] .product-gallery .gallery-thumbnails .thumbnail--selected{border-color:var(--color-accent-400)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .product-gallery .gallery-thumbnails .thumbnail{background:var(--color-bg-section)}:root:not([data-theme=light]) .product-gallery .gallery-thumbnails .thumbnail--selected{border-color:var(--color-accent-400)}}[data-theme=dark] .product-info-panel .product-price-section .discount-price,[data-theme=dark] .product-info-panel .product-price-section .current-price{color:var(--color-text-success)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .product-info-panel .product-price-section .discount-price,:root:not([data-theme=light]) .product-info-panel .product-price-section .current-price{color:var(--color-text-success)}}[data-theme=dark] .product-info-panel .product-actions button.action-primary:hover{background:var(--color-accent-400)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .product-info-panel .product-actions button.action-primary:hover{background:var(--color-accent-400)}}[data-theme=dark] .product-content-column .product-tags-section .product-tags .product-tag{background:var(--color-bg-section)}[data-theme=dark] .product-content-column .product-tags-section .product-tags .product-tag:hover{background:var(--color-accent-500)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .product-content-column .product-tags-section .product-tags .product-tag{background:var(--color-bg-section)}:root:not([data-theme=light]) .product-content-column .product-tags-section .product-tags .product-tag:hover{background:var(--color-accent-500)}}[data-theme=dark] .product-content-column .product-specs-section .product-specs .spec-row{border-bottom-color:var(--color-border-light)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .product-content-column .product-specs-section .product-specs .spec-row{border-bottom-color:var(--color-border-light)}}.category-breadcrumbs{margin-bottom:var(--space-2)}.category-breadcrumbs__list{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-tertiary);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.category-breadcrumbs__item{align-items:center;gap:var(--space-1);display:inline-flex}.category-breadcrumbs__separator{color:var(--color-text-light);-webkit-user-select:none;user-select:none}.category-breadcrumbs__link{color:var(--color-text-secondary);transition:color var(--transition-fast) var(--ease-smooth);white-space:nowrap;text-decoration:none}.category-breadcrumbs__link:hover{color:var(--color-text-brand)}.category-breadcrumbs__item:last-child .category-breadcrumbs__link{color:var(--color-text-primary);font-weight:var(--font-weight-medium);pointer-events:none}.category-bar{margin-bottom:var(--space-3);position:relative}.category-bar:before,.category-bar:after{content:"";z-index:1;pointer-events:none;width:2rem;position:absolute;top:0;bottom:0}@media (prefers-reduced-motion:reduce){.category-bar:before,.category-bar:after{display:none}}.category-bar:before{background:linear-gradient(to right, var(--color-bg-page), transparent);left:0}.category-bar:after{background:linear-gradient(to left, var(--color-bg-page), transparent);right:0}.category-bar__scroll{gap:var(--space-2);scroll-behavior:smooth;padding:var(--space-1) var(--space-1);-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.category-bar__scroll::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){.category-bar__scroll{scroll-behavior:auto}}.category-bar__loading{padding:var(--space-2) var(--space-4);color:var(--color-text-tertiary);font-size:var(--text-sm);white-space:nowrap}.category-pill{align-items:center;gap:var(--space-1-5);padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-full);border:var(--border-width-thin) solid var(--color-border-light);background:var(--color-surface-card);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;transition:background var(--transition-fast) var(--ease-smooth), color var(--transition-fast) var(--ease-smooth), border-color var(--transition-fast) var(--ease-smooth), box-shadow var(--transition-fast) var(--ease-smooth);flex-shrink:0;text-decoration:none;display:inline-flex}.category-pill:hover{border-color:var(--color-border-medium);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.category-pill:focus-visible{outline:var(--border-width-medium) solid var(--color-border-focus);outline-offset:var(--border-width-medium)}.category-pill--active{background:var(--color-sunset-accent-subtle);border-color:var(--color-sunset-border);color:var(--color-sunset-accent);font-weight:var(--font-weight-semibold)}.category-pill--active:hover{border-color:var(--color-sunset-accent)}.category-pill__name{line-height:var(--line-height-none)}.category-pill__count{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-normal)}.category-pill--active .category-pill__count{color:var(--color-sunset-accent);opacity:.7}@media (prefers-reduced-motion:reduce){.category-pill{transition:none}}@media (width>=769px){.filters-panel{top:var(--space-6);height:fit-content;max-height:calc(100vh - var(--space-12));position:sticky;overflow-y:auto}.products-page:not(.products-listing) .filters-panel{display:none}}@media (width<=768px){.filters-panel{z-index:var(--z-modal);transition:transform var(--transition-slow) var(--ease-smooth);position:fixed;inset:0;transform:translate(-100%)}.filters-panel.filters-panel--open{transform:translate(0)}}.sidebar-filters{background:var(--color-surface-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-5);border:var(--border-width-thin) solid var(--color-border-light);flex-direction:column;display:flex;overflow:hidden}@supports (backdrop-filter:blur(8px)){@media (width>=769px){.sidebar-filters{background:var(--color-surface-glass-bg);-webkit-backdrop-filter:blur(var(--backdrop-blur)) saturate(180%);border:var(--glass-border)}}}@media (width<=768px){.sidebar-filters{box-shadow:none;padding:var(--space-4);border:none;border-radius:0;height:100%}}.sidebar-filters .sidebar-header{margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:var(--border-width-thin) solid var(--color-border-light);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.sidebar-filters .sidebar-header .sidebar-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.sidebar-filters .sidebar-header .sidebar-close{font-size:var(--text-2xl);line-height:var(--line-height-none);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);min-width:var(--input-height);min-height:var(--input-height);transition:all var(--transition-fast) var(--ease-smooth);background:0 0;border:none;justify-content:center;align-items:center;display:flex}@media (width>=769px){.sidebar-filters .sidebar-header .sidebar-close{display:none}}.sidebar-filters .sidebar-header .sidebar-close:hover{background:var(--color-bg-section);color:var(--color-text-primary)}.sidebar-filters .sidebar-header .sidebar-close:focus-visible{outline:var(--border-width-medium) solid var(--color-border-focus);outline-offset:var(--border-width-medium)}.sidebar-filters .filter-form{gap:var(--space-5);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.sidebar-filters .filter-group{gap:var(--space-2);flex-direction:column;min-height:0;display:flex}.sidebar-filters .filter-group:last-child{flex:1}.sidebar-filters .filter-group>label{font-weight:var(--font-weight-medium);font-size:var(--text-sm);color:var(--color-text-secondary)}.sidebar-filters .filter-input,.sidebar-filters .filter-select{width:100%;padding:var(--space-2-5) var(--space-3);border:var(--border-width-thin) solid var(--color-border-medium);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--color-surface-card);min-height:var(--input-height);transition:border-color var(--transition-fast) var(--ease-smooth), box-shadow var(--transition-fast) var(--ease-smooth), background-color var(--transition-fast) var(--ease-smooth)}.sidebar-filters .filter-input:focus,.sidebar-filters .filter-select:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 var(--border-width-thick) var(--color-accent-500-15);outline:none}.sidebar-filters .filter-input::placeholder,.sidebar-filters .filter-select::placeholder{color:var(--color-text-light)}.sidebar-filters .price-slider-container{padding:var(--space-2) 0}.sidebar-filters .price-slider-track{align-items:center;height:2rem;display:flex;position:relative}.sidebar-filters .price-slider{pointer-events:none;appearance:none;background:0 0;width:100%;height:4px;margin:0;position:absolute}.sidebar-filters .price-slider::-webkit-slider-runnable-track{background:var(--color-border-medium);border-radius:var(--radius-full);height:4px}.sidebar-filters .price-slider::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:all;background:var(--color-accent-500);border:2px solid var(--color-surface-card);width:18px;height:18px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-fast) var(--ease-smooth), box-shadow var(--transition-fast) var(--ease-smooth);border-radius:50%;margin-top:-7px}.sidebar-filters .price-slider::-webkit-slider-thumb:hover{box-shadow:var(--shadow-md);transform:scale(1.15)}.sidebar-filters .price-slider::-moz-range-track{background:var(--color-border-medium);border-radius:var(--radius-full);border:none;height:4px}.sidebar-filters .price-slider::-moz-range-thumb{pointer-events:all;background:var(--color-accent-500);border:2px solid var(--color-surface-card);width:18px;height:18px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-fast) var(--ease-smooth), box-shadow var(--transition-fast) var(--ease-smooth);border-radius:50%}.sidebar-filters .price-slider::-moz-range-thumb:hover{box-shadow:var(--shadow-md);transform:scale(1.15)}.sidebar-filters .price-slider:focus-visible{outline:none}.sidebar-filters .price-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--color-accent-500-25)}.sidebar-filters .price-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--color-accent-500-25)}.sidebar-filters .price-slider.price-slider-min{z-index:1}.sidebar-filters .price-slider.price-slider-min::-webkit-slider-thumb{background:var(--color-sunset-purple)}.sidebar-filters .price-slider.price-slider-min::-webkit-slider-thumb:hover{background:var(--color-sunset-deep-purple)}.sidebar-filters .price-slider.price-slider-min::-moz-range-thumb{background:var(--color-sunset-purple)}.sidebar-filters .price-slider.price-slider-min::-moz-range-thumb:hover{background:var(--color-sunset-deep-purple)}.sidebar-filters .price-slider.price-slider-max{z-index:2}.sidebar-filters .price-slider.price-slider-max::-webkit-slider-thumb{background:var(--color-sunset-orange)}.sidebar-filters .price-slider.price-slider-max::-webkit-slider-thumb:hover{background:#e65a28}.sidebar-filters .price-slider.price-slider-max::-moz-range-thumb{background:var(--color-sunset-orange)}.sidebar-filters .price-slider.price-slider-max::-moz-range-thumb:hover{background:#e65a28}.sidebar-filters .price-slider-labels{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:var(--space-1);display:flex}.sidebar-filters .price-slider-value{font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);white-space:nowrap}.sidebar-filters .price-slider-separator{color:var(--color-text-tertiary);font-size:var(--text-xs)}.sidebar-filters .price-inputs{align-items:flex-end;gap:var(--space-3);margin-top:var(--space-4);display:flex}.sidebar-filters .price-input-group{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.sidebar-filters .price-input-label{font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.sidebar-filters .price-input{width:100%;padding:var(--space-2) var(--space-3);border:var(--border-width-thin) solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--color-surface-card);color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s}.sidebar-filters .price-input:focus{border-color:var(--color-sunset-accent);box-shadow:0 0 0 3px rgba(var(--color-sunset-accent), .1);outline:none}.sidebar-filters .price-input::placeholder{color:var(--color-text-tertiary)}.sidebar-filters .price-input[type=number]{-moz-appearance:textfield}.sidebar-filters .price-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sidebar-filters .price-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sidebar-filters .price-input-separator{padding-bottom:var(--space-2);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.sidebar-filters .sidebar-taxonomy{border-top:none;flex:1;min-height:0;margin:0;padding-top:0;overflow-y:auto}[data-theme=dark] .sidebar-filters{background:var(--color-surface-card-gradient);border-color:var(--color-border-light)}@supports (backdrop-filter:blur(8px)){@media (width>=769px){[data-theme=dark] .sidebar-filters{background:var(--color-surface-glass-bg);border:var(--glass-border)}}}[data-theme=dark] .sidebar-filters .sidebar-header{border-bottom-color:var(--color-border-light)}[data-theme=dark] .sidebar-filters .filter-input,[data-theme=dark] .sidebar-filters .filter-select{background:var(--color-surface-card);border-color:var(--color-border-medium)}[data-theme=dark] .sidebar-filters .filter-input:focus,[data-theme=dark] .sidebar-filters .filter-select:focus{border-color:var(--color-sunset-accent);box-shadow:0 0 0 var(--border-width-thick) var(--color-sunset-accent-subtle)}[data-theme=dark] .sidebar-filters .price-slider::-webkit-slider-runnable-track{background:var(--color-border-light)}[data-theme=dark] .sidebar-filters .price-slider::-webkit-slider-thumb{border-color:var(--color-surface-card)}[data-theme=dark] .sidebar-filters .price-slider::-moz-range-track{background:var(--color-border-light)}[data-theme=dark] .sidebar-filters .price-slider::-moz-range-thumb{border-color:var(--color-surface-card)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .sidebar-filters{background:var(--color-surface-card-gradient);border-color:var(--color-border-light)}@supports (backdrop-filter:blur(8px)){@media (prefers-color-scheme:dark) and (width>=769px){:root:not([data-theme=light]) .sidebar-filters{background:var(--color-surface-glass-bg);border:var(--glass-border)}}}:root:not([data-theme=light]) .sidebar-filters .sidebar-header{border-bottom-color:var(--color-border-light)}:root:not([data-theme=light]) .sidebar-filters .filter-input,:root:not([data-theme=light]) .sidebar-filters .filter-select{background:var(--color-surface-card);border-color:var(--color-border-medium)}:root:not([data-theme=light]) .sidebar-filters .filter-input:focus,:root:not([data-theme=light]) .sidebar-filters .filter-select:focus{border-color:var(--color-sunset-accent);box-shadow:0 0 0 var(--border-width-thick) var(--color-sunset-accent-subtle)}:root:not([data-theme=light]) .sidebar-filters .price-slider::-webkit-slider-runnable-track{background:var(--color-border-light)}:root:not([data-theme=light]) .sidebar-filters .price-slider::-webkit-slider-thumb{border-color:var(--color-surface-card)}:root:not([data-theme=light]) .sidebar-filters .price-slider::-moz-range-track{background:var(--color-border-light)}:root:not([data-theme=light]) .sidebar-filters .price-slider::-moz-range-thumb{border-color:var(--color-surface-card)}}@media (prefers-reduced-motion:reduce){.filters-panel,.sidebar-filters{transition:none}}@media (prefers-reduced-transparency:reduce){.sidebar-filters{-webkit-backdrop-filter:none;background:var(--color-surface-card)}}.pagination{margin:var(--space-6) 0;justify-content:center;align-items:center;gap:var(--space-1);padding:0;list-style:none;display:flex}.pagination li a,.pagination li button,.pagination li span{min-width:var(--input-height);min-height:var(--input-height);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background:var(--color-surface-card);border:var(--border-width-thin) solid var(--color-border-light);border-radius:var(--radius-lg);transition:all var(--transition-normal) var(--ease-smooth);transition-duration:var(--transition-fast);cursor:pointer;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.pagination li a:hover:not(.active):not(:disabled),.pagination li button:hover:not(.active):not(:disabled),.pagination li span:hover:not(.active):not(:disabled){color:var(--color-sunset-accent);transform:translateY(-var(--space-0-5))}.pagination li a:hover:not(.active):not(:disabled):hover,.pagination li button:hover:not(.active):not(:disabled):hover,.pagination li span:hover:not(.active):not(:disabled):hover{background:var(--color-sunset-accent-subtle);border-color:var(--color-sunset-border)}.pagination li a.active,.pagination li button.active,.pagination li span.active{background:var(--color-sunset-accent);color:var(--color-text-inverse);border-color:var(--color-sunset-accent);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-glow)}.pagination li a:disabled,.pagination li button:disabled,.pagination li span:disabled{opacity:.5;cursor:not-allowed}.pagination li a:focus-visible,.pagination li button:focus-visible,.pagination li span:focus-visible{outline:var(--border-width-medium) solid var(--color-border-focus);outline-offset:var(--border-width-medium)}.pagination .pagination-ellipsis{cursor:default;min-width:auto;padding:var(--space-2);background:0 0;border:none}.pagination .pagination-ellipsis:hover{background:0 0;transform:none}[data-theme=dark] .pagination li a,[data-theme=dark] .pagination li button,[data-theme=dark] .pagination li span{background:var(--color-surface-card-gradient);border-color:var(--color-border-light)}[data-theme=dark] .pagination li a:hover:not(.active):not(:disabled),[data-theme=dark] .pagination li button:hover:not(.active):not(:disabled),[data-theme=dark] .pagination li span:hover:not(.active):not(:disabled){background:var(--color-bg-section);border-color:var(--color-sunset-border);color:var(--color-sunset-accent);box-shadow:var(--shadow-glow)}[data-theme=dark] .pagination li a.active,[data-theme=dark] .pagination li button.active,[data-theme=dark] .pagination li span.active{background:var(--color-sunset-accent);border-color:var(--color-sunset-accent);box-shadow:var(--shadow-md)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pagination li a,:root:not([data-theme=light]) .pagination li button,:root:not([data-theme=light]) .pagination li span{background:var(--color-surface-card-gradient);border-color:var(--color-border-light)}:root:not([data-theme=light]) .pagination li a:hover:not(.active):not(:disabled),:root:not([data-theme=light]) .pagination li button:hover:not(.active):not(:disabled),:root:not([data-theme=light]) .pagination li span:hover:not(.active):not(:disabled){background:var(--color-bg-section);border-color:var(--color-sunset-border);color:var(--color-sunset-accent);box-shadow:var(--shadow-glow)}:root:not([data-theme=light]) .pagination li a.active,:root:not([data-theme=light]) .pagination li button.active,:root:not([data-theme=light]) .pagination li span.active{background:var(--color-sunset-accent);border-color:var(--color-sunset-accent);box-shadow:var(--shadow-md)}}@media (prefers-reduced-motion:reduce){.pagination li a:hover,.pagination li button:hover{transform:none}}.landing{color:var(--color-text-primary)}.landing__hero{padding:var(--space-16) 0 var(--space-6);background:var(--color-bg-page);text-align:center}.landing__hero .container{max-width:var(--container-max-width);padding:0 var(--space-4);margin:0 auto}@media (width<=768px){.landing__hero{padding:var(--space-10) 0 var(--space-4)}}.landing__title{font-size:var(--text-5xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-6);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary)}@media (width<=768px){.landing__title{font-size:var(--text-4xl)}}@media (width<=480px){.landing__title{font-size:var(--text-3xl)}}.landing__searches{align-items:center;gap:var(--space-1-5);margin:0 0 var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.landing__search-chip{padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-full);color:var(--color-text-tertiary);font-size:var(--text-xs);white-space:nowrap;transition:color var(--transition-normal) var(--ease-smooth);background:0 0;border:none;align-items:center;text-decoration:none;display:inline-flex}.landing__search-chip:hover{color:var(--color-primary-600);text-decoration:underline}.landing__body{padding:var(--space-4) 0 var(--space-16)}.landing__body .container{max-width:var(--container-max-width);padding:0 var(--space-4);margin:0 auto}@media (width<=768px){.landing__body{padding:0 0 var(--space-10)}}.landing__section{margin-bottom:var(--space-10)}.landing__section--well{background:var(--color-bg-section);border-radius:var(--radius-2xl);padding:var(--space-8) var(--space-6)}@media (width<=768px){.landing__section--well{padding:var(--space-6) var(--space-4);border-radius:var(--radius-xl)}}@media (width<=480px){.landing__section--well{padding:var(--space-5) var(--space-4)}}.landing__section-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}@media (width<=480px){.landing__section-header{align-items:flex-start;gap:var(--space-3);flex-direction:column}}.landing__section-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0}@media (width<=768px){.landing__section-title{font-size:var(--text-xl)}}.landing__view-all{align-items:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-6);border-radius:var(--radius-full);border:var(--border-width-medium) solid var(--color-primary-500);color:var(--color-primary-600);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);white-space:nowrap;transition:background, color, border-color, box-shadow, transform var(--transition-normal) var(--ease-smooth);background:0 0;text-decoration:none;display:inline-flex}.landing__view-all svg{transition:transform var(--transition-fast) var(--ease-smooth)}.landing__view-all:hover{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-1px)}.landing__view-all:hover svg{transform:translateX(var(--space-1))}.landing__view-all:active{transform:translateY(0)}.landing__categories-grid{gap:var(--space-3);text-align:left;grid-template-columns:repeat(4,1fr);display:grid}@media (width<=768px){.landing__categories-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.landing__categories-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr)}}.landing__category-card{border-radius:var(--radius-xl);aspect-ratio:3/2;background:var(--color-bg-section);text-decoration:none;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);display:block;position:relative;overflow:hidden}.landing__category-card:hover{box-shadow:var(--shadow-lg);transform:scale(1.03)}.landing__category-card-mosaic{gap:var(--space-1);grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;width:100%;height:100%;display:grid}.landing__category-card-mosaic img:only-child{grid-area:1/1/-1/-1}.landing__category-card-mosaic img:first-child:nth-last-child(2),.landing__category-card-mosaic img:last-child:nth-child(2),.landing__category-card-mosaic img:first-child:nth-last-child(3){grid-row:1/-1}.landing__category-card-img{object-fit:cover;width:100%;min-width:0;height:100%;min-height:0}.landing__category-card-overlay{padding:var(--space-3);background:linear-gradient(#0000 30%,#00000026 50%,#000000bf 100%);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.landing__category-card-name{font-size:var(--text-sm);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:#fff;text-shadow:0 1px 3px #0009}@media (width<=480px){.landing__category-card-name{font-size:var(--text-xs)}}.landing__category-card-count{font-size:var(--text-xs);color:#fffc;text-shadow:0 1px 2px #00000080;margin-top:2px}.landing__categories-grid--skeleton .landing__category-card-skeleton{border-radius:var(--radius-xl);aspect-ratio:3/2;background:var(--color-surface-card);border:var(--border-width-thin) solid var(--color-border-light);overflow:hidden}.landing__categories-grid--skeleton .landing__category-card-skeleton-img{background:var(--color-bg-section);width:100%;height:70%;animation:1.5s infinite shimmer}.landing__categories-grid--skeleton .landing__category-card-skeleton-text{padding:var(--space-3);background:var(--color-surface-card);height:30%}.landing__merchants-grid{gap:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=768px){.landing__merchants-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.landing__merchants-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr)}}.landing__merchant-card{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-3);border-radius:var(--radius-xl);background:var(--color-surface-card);border:var(--border-width-thin) solid var(--color-border-light);text-align:center;transition:transform, box-shadow, border-color var(--transition-normal) var(--ease-smooth);flex-direction:column;text-decoration:none;display:flex}.landing__merchant-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-medium);transform:translateY(-2px)}.landing__merchant-avatar{border-radius:var(--radius-full);background:var(--color-bg-section);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.landing__merchant-avatar img{object-fit:cover;width:100%;height:100%}@media (width<=480px){.landing__merchant-avatar{width:44px;height:44px}}.landing__merchant-avatar-placeholder{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-tertiary)}@media (width<=480px){.landing__merchant-avatar-placeholder{font-size:var(--text-lg)}}.landing__merchant-info{flex-direction:column;gap:2px;min-width:0;display:flex}.landing__merchant-name{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);justify-content:center;align-items:center;gap:var(--space-1);display:flex}@media (width<=480px){.landing__merchant-name{font-size:var(--text-xs)}}.landing__merchant-verified{color:var(--color-primary-500);flex-shrink:0}.landing__merchant-count{font-size:var(--text-xs);color:var(--color-text-tertiary)}.landing__merchants-grid--skeleton .landing__merchant-card-skeleton{border-radius:var(--radius-xl);background:var(--color-surface-card);border:var(--border-width-thin) solid var(--color-border-light);height:140px;animation:1.5s infinite shimmer}.landing__grid{gap:var(--space-4);grid-template-columns:repeat(6,1fr);display:grid}@media (width<=1280px){.landing__grid{grid-template-columns:repeat(4,1fr)}}@media (width<=1024px){.landing__grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.landing__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.landing__grid{gap:var(--space-3);grid-template-columns:1fr}}.landing__grid--skeleton .landing__card-skeleton{border-radius:var(--product-card-radius);background:var(--color-surface-card);border:var(--border-width-thin) solid var(--color-border-light);overflow:hidden}.landing__grid--skeleton .landing__card-skeleton-img{aspect-ratio:4/5;background:var(--color-bg-section);animation:1.5s infinite shimmer}.landing__grid--skeleton .landing__card-skeleton-text{padding:var(--space-3);height:var(--space-16);background:var(--color-surface-card)}@keyframes shimmer{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.landing__browse-all{text-align:center;margin-top:var(--space-10);padding-top:var(--space-6)}.landing__browse-all-btn{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-10);border-radius:var(--radius-full);background:var(--color-primary-500);color:#fff;font-size:var(--text-lg);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-md);transition:background, box-shadow, transform var(--transition-normal) var(--ease-smooth);text-decoration:none;display:inline-flex}.landing__browse-all-btn svg{transition:transform var(--transition-fast) var(--ease-smooth)}.landing__browse-all-btn:hover{background:var(--color-primary-600);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.landing__browse-all-btn:hover svg{transform:translateX(var(--space-1))}.landing__browse-all-btn:active{transform:translateY(0)}@media (width<=480px){.landing__browse-all-btn{padding:var(--space-3) var(--space-8);font-size:var(--text-base)}}@media (prefers-reduced-motion:reduce){.landing__category-card,.landing__view-all,.landing__browse-all-btn{transition:none}.landing__category-card:hover,.landing__view-all:hover,.landing__browse-all-btn:hover{transform:none}.landing__category-card-img{transition:none}.landing__card-skeleton-img,.landing__category-card-skeleton-img{animation:none}}[data-theme=dark] .landing__category-card{background:var(--color-bg-section)}[data-theme=dark] .landing__search-chip{color:var(--color-text-tertiary)}[data-theme=dark] .landing__search-chip:hover{color:var(--color-sunset-accent)}[data-theme=dark] .landing__view-all{border-color:var(--color-sunset-accent);color:var(--color-sunset-accent)}[data-theme=dark] .landing__view-all:hover{background:var(--color-sunset-accent);border-color:var(--color-sunset-accent);color:var(--color-text-inverse);box-shadow:var(--shadow-glow)}[data-theme=dark] .landing__card-skeleton{background:var(--color-surface-card-gradient)}[data-theme=dark] .landing__card-skeleton-img{background:var(--color-bg-section)}[data-theme=dark] .landing__category-card-skeleton{background:var(--color-surface-card-gradient)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .landing__category-card{background:var(--color-bg-section)}:root:not([data-theme=light]) .landing__search-chip{color:var(--color-text-tertiary)}:root:not([data-theme=light]) .landing__search-chip:hover{color:var(--color-sunset-accent)}:root:not([data-theme=light]) .landing__view-all{border-color:var(--color-sunset-accent);color:var(--color-sunset-accent)}:root:not([data-theme=light]) .landing__view-all:hover{background:var(--color-sunset-accent);border-color:var(--color-sunset-accent);color:var(--color-text-inverse);box-shadow:var(--shadow-glow)}:root:not([data-theme=light]) .landing__card-skeleton{background:var(--color-surface-card-gradient)}:root:not([data-theme=light]) .landing__card-skeleton-img{background:var(--color-bg-section)}:root:not([data-theme=light]) .landing__category-card-skeleton{background:var(--color-surface-card-gradient)}}.tag-cloud-container{margin:var(--space-8) 0;padding:var(--space-6);background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:0 var(--space-1) var(--space-3) var(--color-shadow);border:var(--border-width-thin) solid var(--color-border-light);overflow:hidden}.tag-cloud-container .tag-cloud-title{font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-6);text-align:center;padding-bottom:var(--space-4);border-bottom:var(--border-width-thin) solid var(--color-border-light)}.tag-cloud-container .tag-cloud{justify-content:center;align-items:center;gap:var(--space-3);flex-wrap:wrap;min-height:120px;display:flex}.tag-cloud-container .tag-cloud .tag-cloud-loading{text-align:center;color:var(--color-text-tertiary);padding:var(--space-8);width:100%;font-style:italic}.tag-cloud-container .tag-cloud .tag{padding:var(--space-2) var(--space-4);background:var(--color-bg-secondary);color:var(--color-text-secondary);border-radius:var(--radius-pill);font-size:var(--size,1rem);font-weight:var(--font-weight-medium);transition:all var(--transition-normal) var(--ease-smooth);transition-duration:var(--transition-fast);border:var(--border-width-thin) solid var(--color-border-light);cursor:pointer;max-width:100%;line-height:var(--line-height-none);box-shadow:0 var(--space-0-5) var(--space-1) var(--color-shadow);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.tag-cloud-container .tag-cloud .tag:hover{background:var(--color-sunset-accent);color:var(--color-text-inverse);border-color:var(--color-sunset-accent);transform:translateY(-var(--space-0-5));box-shadow:var(--shadow-glow)}.tag-cloud-container .tag-cloud .tag:active{transition:transform var(--transition-normal) var(--ease-smooth);transition-duration:var(--transition-very-fast);transform:translateY(0)}.tag-cloud-container .tag-cloud .tag[data-count="0"]{opacity:.7}.tag-cloud-container .tag-cloud .tag[data-count^="1"]{background:var(--color-bg-secondary);color:var(--color-text-tertiary)}.tag-cloud-container .tag-cloud .tag[data-count^="2"],.tag-cloud-container .tag-cloud .tag[data-count^="3"]{background:var(--color-sunset-accent-subtle);color:var(--color-sunset-accent);border-color:var(--color-sunset-border)}.tag-cloud-container .tag-cloud .tag[data-count^="4"],.tag-cloud-container .tag-cloud .tag[data-count^="5"],.tag-cloud-container .tag-cloud .tag[data-count^="6"],.tag-cloud-container .tag-cloud .tag[data-count^="7"],.tag-cloud-container .tag-cloud .tag[data-count^="8"],.tag-cloud-container .tag-cloud .tag[data-count^="9"]{background:var(--color-sunset-purple);color:var(--color-text-inverse);border-color:var(--color-sunset-purple)}.tag-cloud-container .tag-cloud .tag[data-count$="0"]:not([data-count="0"]){background:var(--color-sunset-orange);color:var(--color-text-inverse);border-color:var(--color-sunset-orange);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-glow)}.tag-cloud-container .tag-cloud .tag.size-small{font-size:var(--text-sm);padding:var(--space-1-5) var(--space-3)}.tag-cloud-container .tag-cloud .tag.size-medium{font-size:var(--text-base);padding:var(--space-2) var(--space-4)}.tag-cloud-container .tag-cloud .tag.size-large{font-size:var(--text-lg);padding:var(--space-2-5) var(--space-5)}.tag-cloud-container .tag-cloud .tag.size-xlarge{font-size:var(--text-xl);padding:var(--space-3) var(--space-6)}.tag-cloud-container .tag-cloud .tag.size-xxlarge{font-size:var(--text-2xl);padding:var(--space-4) var(--space-7)}@media (width<=768px){.tag-cloud-container{margin:var(--space-6) 0;padding:var(--space-4)}.tag-cloud-container .tag-cloud-title{font-size:var(--text-xl);margin-bottom:var(--space-4)}.tag-cloud-container .tag-cloud{gap:var(--space-2)}.tag-cloud-container .tag-cloud .tag{padding:var(--space-1-5) var(--space-3);font-size:calc(var(--size,1rem) * .9)}}@media (width<=480px){.tag-cloud-container .tag-cloud .tag{padding:var(--space-1) var(--space-2-5);font-size:calc(var(--size,1rem) * .85)}}.tag-cloud-sidebar .tag-cloud-container{padding:var(--space-4);box-shadow:none;background:0 0;border:none;margin:0}.tag-cloud-sidebar .tag-cloud-container .tag-cloud-title{font-size:var(--text-lg);text-align:left;padding-bottom:var(--space-3);margin-bottom:var(--space-3)}.tag-cloud-sidebar .tag-cloud-container .tag-cloud{justify-content:flex-start;gap:var(--space-2);min-height:auto}.tag-cloud-sidebar .tag-cloud-container .tag-cloud .tag{padding:var(--space-1) var(--space-2);font-size:var(--text-sm)}.tag-cloud-landing{margin:var(--space-12) 0;background:linear-gradient(135deg, var(--color-sunset-accent-subtle) 0%, var(--color-surface-card) 100%);border:var(--border-width-thin) solid var(--color-border-light);box-shadow:var(--shadow-lg)}.tag-cloud-landing .tag-cloud-title{background:linear-gradient(135deg, var(--color-sunset-deep-purple) 0%, var(--color-sunset-orange) 100%);-webkit-text-fill-color:transparent;font-size:var(--text-3xl);font-weight:var(--font-weight-bold);-webkit-background-clip:text;background-clip:text}.tag-cloud-landing .tag-cloud{gap:var(--space-4);min-height:160px}[data-theme=dark] .tag-cloud-container{background:var(--color-surface-card-gradient);border-color:var(--color-border-light)}[data-theme=dark] .tag-cloud-container .tag-cloud-title{border-bottom-color:var(--color-border-light)}[data-theme=dark] .tag-cloud-container .tag-cloud .tag{background:var(--color-bg-section);border-color:var(--color-border-light)}[data-theme=dark] .tag-cloud-container .tag-cloud .tag:hover{background:var(--color-sunset-accent);border-color:var(--color-sunset-border);box-shadow:var(--shadow-glow)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .tag-cloud-container{background:var(--color-surface-card-gradient);border-color:var(--color-border-light)}:root:not([data-theme=light]) .tag-cloud-container .tag-cloud-title{border-bottom-color:var(--color-border-light)}:root:not([data-theme=light]) .tag-cloud-container .tag-cloud .tag{background:var(--color-bg-section);border-color:var(--color-border-light)}:root:not([data-theme=light]) .tag-cloud-container .tag-cloud .tag:hover{background:var(--color-sunset-accent);border-color:var(--color-sunset-border);box-shadow:var(--shadow-glow)}}@media (prefers-reduced-motion:reduce){.tag-cloud .tag:hover{transform:none}}.tag-pill{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-sunset-accent-subtle);color:var(--color-sunset-accent);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-normal) var(--ease-smooth);transition-duration:var(--transition-fast);border:var(--border-width-thin) solid var(--color-sunset-border);display:inline-flex}.tag-pill .tag-pill-name{line-height:var(--line-height-tight)}.tag-pill .tag-pill-remove{cursor:pointer;color:var(--color-sunset-accent);border-radius:var(--radius-full);transition:all var(--transition-normal) var(--ease-smooth);transition-duration:var(--transition-fast);width:var(--space-5);height:var(--space-5);min-width:var(--space-5);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.tag-pill .tag-pill-remove:hover{background:var(--color-sunset-accent);border-color:var(--color-sunset-accent)}.tag-pill .tag-pill-remove:focus-visible{outline:var(--border-width-medium) solid var(--color-border-focus);outline-offset:var(--border-width-medium)}.tag-pill .tag-pill-remove:hover{color:var(--color-text-inverse)}.tag-pill .tag-pill-remove svg{width:var(--space-3-5);height:var(--space-3-5)}.selected-tags{gap:var(--space-2);margin-bottom:var(--space-3);min-height:var(--space-8);flex-wrap:wrap;display:flex}.selected-tags:empty{display:none}.tag-input-container{border:var(--border-width-thin) solid var(--color-border-medium);border-radius:var(--radius-md);background:var(--color-surface-card);padding:var(--space-2);min-height:var(--input-height);transition:border-color var(--transition-normal) var(--ease-smooth);transition-duration:var(--transition-fast);position:relative}.tag-input-container:focus-within{border-color:var(--color-sunset-accent);box-shadow:var(--shadow-glow)}.selected-tags-input{gap:var(--space-1);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.selected-tags-input:empty{margin-bottom:0}.selected-tags-input .tag-pill{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.selected-tags-input .tag-pill.tag-pill-small{font-size:var(--text-xs);padding:var(--space-0-5) var(--space-1-5)}.selected-tags-input .tag-pill.tag-pill-small .tag-pill-remove{width:var(--space-4);height:var(--space-4);min-width:var(--space-4)}.selected-tags-input .tag-pill.tag-pill-small .tag-pill-remove svg{width:var(--space-2-5);height:var(--space-2-5)}.tag-autocomplete-container{position:relative}.tag-autocomplete-input{width:100%}.tag-autocomplete-dropdown{margin-top:var(--space-1);background:var(--color-bg-primary);border:var(--border-width-thin) solid var(--color-border-medium);border-radius:var(--radius-md);box-shadow:0 var(--space-2) var(--space-4) var(--color-shadow);max-height:300px;z-index:var(--z-dropdown);position:absolute;top:100%;left:0;right:0;overflow-y:auto}.tag-autocomplete-item{width:100%;padding:var(--space-3) var(--space-4);color:var(--color-text-primary);text-align:left;cursor:pointer;transition:background-color var(--transition-normal) var(--ease-smooth);transition-duration:var(--transition-fast);border:none;border-bottom:var(--border-width-thin) solid var(--color-border-light);background:0 0;justify-content:space-between;align-items:center;display:flex;position:relative}.tag-autocomplete-item:last-child{border-bottom:none}.tag-autocomplete-item:hover,.tag-autocomplete-item.tag-autocomplete-item-selected{background:var(--color-bg-tertiary)}.tag-autocomplete-item:hover .tag-add-icon,.tag-autocomplete-item.tag-autocomplete-item-selected .tag-add-icon{opacity:1;transform:scale(1)}.tag-autocomplete-item:focus{background:var(--color-sunset-accent-subtle);outline:none}.tag-autocomplete-item .tag-autocomplete-item-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary);flex:1}.tag-autocomplete-item .tag-autocomplete-item-count{font-size:var(--text-sm);color:var(--color-text-secondary);margin-left:var(--space-2);margin-right:var(--space-2)}.tag-autocomplete-item .tag-add-icon{opacity:0;background:var(--color-sunset-accent);color:#fff;width:1.25rem;height:1.25rem;font-size:var(--text-xs);font-weight:var(--font-weight-bold);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:inline-flex;transform:scale(.8)}.tag-autocomplete-item .tag-add-icon:hover{background:#e65a28;transform:scale(1.1)}.tag-autocomplete-loading,.tag-autocomplete-empty{padding:var(--space-4);text-align:center;color:var(--color-text-secondary);font-size:var(--text-sm)}.popular-tags{margin-top:var(--space-3)}.popular-tags .filter-hint{margin-bottom:var(--space-2);font-size:var(--text-xs);color:var(--color-text-light);display:block}.popular-tags-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.popular-tag-button{color:var(--color-text-secondary);border-color:var(--color-border-light);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-sm);min-height:var(--input-height);transition-duration:var(--transition-fast);background:0 0}.popular-tag-button:hover:not(:disabled){background:var(--color-sunset-accent-subtle);border-color:var(--color-sunset-accent);color:var(--color-sunset-accent);transform:translateY(-var(--space-0-5));box-shadow:var(--shadow-sm)}.popular-tag-button:active:not(:disabled){transform:translateY(0)scale(.98)}[data-theme=dark] .tag-pill{color:var(--color-accent-400);background:#ff6f4b26;border-color:#ff6f4b40}[data-theme=dark] .tag-pill .tag-pill-remove{color:var(--color-accent-400)}[data-theme=dark] .tag-pill .tag-pill-remove:hover{background:var(--color-accent-500);color:var(--color-text-inverse)}[data-theme=dark] .tag-autocomplete-dropdown{background:var(--color-surface-card);border-color:var(--color-border-light)}[data-theme=dark] .tag-autocomplete-item{border-bottom-color:var(--color-border-light)}[data-theme=dark] .tag-autocomplete-item:hover,[data-theme=dark] .tag-autocomplete-item.tag-autocomplete-item-selected{background:var(--color-bg-section)}[data-theme=dark] .popular-tag-button{background:var(--color-bg-section);border-color:var(--color-border-light)}[data-theme=dark] .popular-tag-button:hover{border-color:var(--color-sunset-border);color:var(--color-accent-400);box-shadow:var(--shadow-glow);background:#ff6f4b26}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .tag-pill{color:var(--color-accent-400);background:#ff6f4b26;border-color:#ff6f4b40}:root:not([data-theme=light]) .tag-pill .tag-pill-remove{color:var(--color-accent-400)}:root:not([data-theme=light]) .tag-pill .tag-pill-remove:hover{background:var(--color-accent-500);color:var(--color-text-inverse)}:root:not([data-theme=light]) .tag-autocomplete-dropdown{background:var(--color-surface-card);border-color:var(--color-border-light)}:root:not([data-theme=light]) .tag-autocomplete-item{border-bottom-color:var(--color-border-light)}:root:not([data-theme=light]) .tag-autocomplete-item:hover,:root:not([data-theme=light]) .tag-autocomplete-item.tag-autocomplete-item-selected{background:var(--color-bg-section)}:root:not([data-theme=light]) .popular-tag-button{background:var(--color-bg-section);border-color:var(--color-border-light)}:root:not([data-theme=light]) .popular-tag-button:hover{border-color:var(--color-sunset-border);color:var(--color-accent-400);box-shadow:var(--shadow-glow);background:#ff6f4b26}}@media (prefers-reduced-motion:reduce){.popular-tag-button:hover{transform:none}}@media (width<=768px){.tag-autocomplete-dropdown{max-height:200px}.popular-tags-list{max-width:100%;padding-bottom:var(--space-2);flex-wrap:nowrap;overflow-x:auto}.popular-tags-list::-webkit-scrollbar{height:var(--space-1)}.popular-tags-list::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:var(--radius-full)}.popular-tags-list::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:var(--radius-full)}.popular-tags-list::-webkit-scrollbar-thumb:hover{background:var(--color-border-dark)}}.taxonomy-browser{margin-top:var(--space-3)}.taxonomy-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--space-3)}.taxonomy-list{margin:0;padding:0;list-style:none}.taxonomy-node{margin:0;padding:0}.taxonomy-node-content{align-items:center;gap:var(--space-1);padding:var(--space-1) 0;min-height:2rem;display:flex}.taxonomy-toggle{width:var(--space-5);height:var(--space-5);min-width:var(--space-5);cursor:pointer;color:var(--color-text-tertiary);border-radius:var(--radius-sm);transition:color, background-color var(--transition-normal) var(--ease-smooth);transition-duration:var(--transition-fast);font-size:var(--text-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.taxonomy-toggle:hover{color:var(--color-sunset-accent);background:var(--color-sunset-accent-subtle)}.taxonomy-arrow{line-height:1;display:inline-block}.taxonomy-toggle-spacer{width:var(--space-5);min-width:var(--space-5);display:inline-block}.taxonomy-node-link{gap:var(--space-2);color:var(--color-text-primary);font-size:var(--text-sm);padding:var(--space-1) var(--space-2);cursor:pointer;text-align:left;border-radius:var(--radius-md);transition:color, background-color var(--transition-normal) var(--ease-smooth);transition-duration:var(--transition-fast);min-height:var(--space-8);background:0 0;border:none;flex:1;justify-content:space-between;align-items:center;text-decoration:none;display:flex;position:relative}.taxonomy-node-link:hover{color:var(--color-sunset-accent);background:var(--color-sunset-accent-subtle)}.taxonomy-node-link:hover .tag-add-icon{opacity:1;transform:scale(1)}.taxonomy-node-active{color:var(--color-sunset-accent);background:var(--color-sunset-accent-subtle);font-weight:var(--font-weight-semibold)}.taxonomy-node-active .taxonomy-node-count{color:var(--color-sunset-accent);opacity:.7}.taxonomy-node-name{font-weight:var(--font-weight-medium)}.taxonomy-node-count{font-size:var(--text-xs);color:var(--color-text-tertiary)}.tag-add-icon{opacity:0;background:var(--color-sunset-accent);color:#fff;width:1.25rem;height:1.25rem;font-size:var(--text-xs);font-weight:var(--font-weight-bold);cursor:pointer;margin-left:var(--space-1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:inline-flex;transform:scale(.8)}.tag-add-icon:hover{background:#e65a28;transform:scale(1.1)}.tag-remove-icon{opacity:1;background:var(--color-error-500);transform:scale(1)}.tag-remove-icon:hover{background:var(--color-error-600);transform:scale(1.1)}.taxonomy-node-active .tag-add-icon{opacity:1;transform:scale(1)}.taxonomy-loading,.taxonomy-loading-children{padding:var(--space-3);font-size:var(--text-sm);color:var(--color-text-tertiary)}.sidebar-taxonomy .taxonomy-title{font-size:var(--text-xs)}[data-theme=dark] .taxonomy-toggle:hover{background:#ff6f4b26}[data-theme=dark] .taxonomy-node-link:hover{background:#ff6f4b1a}[data-theme=dark] .taxonomy-node-active{color:var(--color-accent-400);background:#ff6f4b26}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .taxonomy-toggle:hover{background:#ff6f4b26}:root:not([data-theme=light]) .taxonomy-node-link:hover{background:#ff6f4b1a}:root:not([data-theme=light]) .taxonomy-node-active{color:var(--color-accent-400);background:#ff6f4b26}}.embedder-test-container{max-width:800px;margin:0 auto;padding:2rem 1rem}.embedder-test-card{background:var(--color-surface-card);border:var(--border-width-thin) solid var(--color-neutral-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:transform var(--transition-normal) var(--ease-smooth), box-shadow var(--transition-normal) var(--ease-smooth), border-color var(--transition-normal) var(--ease-smooth);margin-bottom:2rem;padding:2rem;overflow:hidden}.embedder-test-card:hover{transform:translateY(-var(--space-1));box-shadow:var(--shadow-lg);border-color:var(--color-border-medium)}.embedder-test-card h2{color:var(--color-primary-600);margin-bottom:1rem}.test-description{font-size:var(--text-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);background:var(--color-bg-section);border-radius:var(--radius-md);margin-bottom:2rem;padding:1rem}.test-description code{background:var(--color-bg-section);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:var(--text-sm);color:var(--color-accent-500);padding:.125rem .375rem}.embedder-test-form{margin-bottom:2rem}.embedder-test-form .form-group{margin-bottom:1.5rem}.embedder-test-form .form-group label{font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:.5rem;display:block}.embedder-test-form .form-group input[type=text]{width:100%;font-size:var(--text-base);border:var(--border-width-thin) solid var(--color-border-medium);border-radius:var(--radius-md);transition:border-color var(--transition-fast) var(--ease-smooth), box-shadow var(--transition-fast) var(--ease-smooth);padding:.75rem 1rem}.embedder-test-form .form-group input[type=text]:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 var(--border-width-thick) var(--color-accent-500-15);outline:none}.embedder-test-form .form-group input[type=text]:disabled{background:var(--color-bg-section);cursor:not-allowed;opacity:.7}.embedder-test-form .form-actions{align-items:center;gap:1rem;display:flex}.embedder-test-form .form-actions button{background:var(--color-primary-600);color:var(--color-text-inverse);border-color:var(--color-primary-600);min-width:180px}.embedder-test-form .form-actions button:hover:not(:disabled){background:var(--color-primary-700);border-color:var(--color-primary-700);transform:translateY(-var(--space-0-5));box-shadow:var(--shadow-md)}.embedder-test-form .form-actions button:active:not(:disabled){transform:translateY(0)scale(.98)}.embedder-test-form .form-actions button:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{border:2px solid var(--color-border-light);border-top-color:var(--color-primary-500);border-radius:50%;width:1.5rem;height:1.5rem;animation:1s linear infinite spin}.error-message{background:rgba(var(--color-error-500), .15);border:var(--border-width-thin) solid var(--color-error-600);color:var(--color-error-700);border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1rem}.error-message strong{color:var(--color-error-600)}.result-section{border-top:var(--border-width-thin) solid var(--color-border-light);margin-top:2rem;padding-top:2rem}.result-section h3{color:var(--color-primary-600);margin-bottom:1rem}.embedding-preview{background:var(--color-bg-section);border-radius:var(--radius-md);margin-bottom:1.5rem;padding:1.5rem}.embedding-preview p{font-family:var(--font-family-mono);margin:.5rem 0}.embedding-preview p strong{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.embedding-details{background:rgba(var(--color-accent-500), .05);border:var(--border-width-thin) solid rgba(var(--color-accent-500), .2);border-radius:var(--radius-lg);margin-top:1.5rem;padding:1.5rem}.embedding-details h4{color:var(--color-accent-500);font-size:var(--text-lg);margin-bottom:1rem}.embedding-details ul{margin:0;padding:0;list-style:none}.embedding-details ul li{align-items:baseline;margin-bottom:.75rem;display:flex}.embedding-details ul li strong{min-width:160px;color:var(--color-text-secondary);font-weight:var(--font-weight-medium);margin-right:.5rem}.embedding-details ul li:last-child{margin-bottom:0}.test-instructions{background:rgba(var(--color-info-500), .05);border:var(--border-width-thin) solid rgba(var(--color-info-500), .2);border-radius:var(--radius-lg);margin-top:2rem;padding:1.5rem}.test-instructions h4{color:var(--color-info-600);margin-bottom:1rem}.test-instructions ol{margin:0;padding-left:1.5rem}.test-instructions ol li{line-height:var(--line-height-relaxed);margin-bottom:.75rem}.test-instructions ol li code{background:var(--color-bg-section);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:var(--text-sm);color:var(--color-info-500);padding:.125rem .375rem}.test-instructions ol li:last-child{margin-bottom:0}[data-theme=dark] .embedder-test-card{border-color:var(--color-border-medium)}[data-theme=dark] .test-description code,[data-theme=dark] .embedding-preview code{color:var(--color-accent-400)}[data-theme=dark] .embedding-details{background:rgba(var(--color-accent-400), .1);border-color:rgba(var(--color-accent-400), .3)}[data-theme=dark] .embedding-details h4{color:var(--color-accent-400)}[data-theme=dark] .test-instructions{background:rgba(var(--color-info-500), .1);border-color:rgba(var(--color-info-500), .3)}[data-theme=dark] .test-instructions h4,[data-theme=dark] .test-instructions code{color:var(--color-info-500)}[data-theme=dark] input[type=text]:focus{border-color:var(--color-primary-400);box-shadow:0 0 0 var(--border-width-thick) rgba(var(--color-accent-400), .2)}.accordion{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.accordion-item{border:var(--border-width-thin) solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-surface-card);transition:border-color var(--transition-fast) var(--ease-smooth);overflow:hidden}.accordion-item[data-state=open]{border-color:var(--color-accent-500);box-shadow:var(--shadow-sm)}.accordion-trigger{width:100%;padding:var(--space-4);text-align:left;cursor:pointer;font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);transition:all var(--transition-fast) var(--ease-smooth);justify-content:space-between;align-items:center;gap:var(--space-3);background:0 0;border:none;display:flex}.accordion-trigger:hover{background:var(--color-bg-section)}.accordion-trigger:focus-visible{outline:var(--border-width-medium) solid var(--color-border-focus);outline-offset:-var(--border-width-medium)}.accordion-trigger .accordion-title{flex:1}.accordion-trigger .accordion-icon{transition:transform var(--transition-fast) var(--ease-smooth);flex-shrink:0}.accordion-trigger[aria-expanded=true] .accordion-icon{transform:rotate(180deg)}.accordion-content{transition:grid-template-rows var(--transition-normal) var(--ease-smooth);overflow:hidden}.accordion-content[data-state=closed]{grid-template-rows:0fr}.accordion-content[data-state=open]{grid-template-rows:1fr}.accordion-content .accordion-content-inner{min-height:0;padding:0 var(--space-4) var(--space-4)}.breadcrumb{margin-bottom:var(--space-4)}.breadcrumb-list{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumb-item{align-items:center;gap:var(--space-2);display:flex}.breadcrumb-link{color:var(--color-text-secondary);font-size:var(--text-sm);transition:color var(--transition-fast) var(--ease-smooth);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);text-decoration:none}.breadcrumb-link:hover{color:var(--color-primary-600);background:var(--color-bg-section)}.breadcrumb-link[aria-current=page]{color:var(--color-text-primary);font-weight:var(--font-weight-medium);background:var(--color-bg-section)}.breadcrumb-current{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);background:var(--color-bg-section)}.breadcrumb-separator{color:var(--color-text-tertiary);font-size:var(--text-sm);-webkit-user-select:none;user-select:none}.pagination{align-items:center;gap:var(--space-4);margin-top:var(--space-8);flex-direction:column;display:flex}.pagination-controls{align-items:center;gap:var(--space-1);display:flex}.pagination-button{justify-content:center;align-items:center;gap:var(--space-2);min-width:var(--space-8);height:var(--space-8);padding:0 var(--space-3);border:var(--border-width-thin) solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-surface-card);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) var(--ease-smooth);display:inline-flex}.pagination-button:hover:not(:disabled){background:var(--color-bg-section);border-color:var(--color-border-medium);color:var(--color-text-primary)}.pagination-button:focus-visible{outline:var(--border-width-medium) solid var(--color-border-focus);outline-offset:var(--border-width-medium)}.pagination-button:disabled{opacity:.4;cursor:not-allowed}@media (width<=0){.pagination-button-text{display:none}}.pagination-pages{align-items:center;gap:var(--space-1);display:flex}.pagination-page{min-width:var(--space-8);height:var(--space-8);padding:0 var(--space-2);border:var(--border-width-thin) solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-surface-card);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) var(--ease-smooth);justify-content:center;align-items:center;display:inline-flex}.pagination-page:hover:not(:disabled){background:var(--color-bg-section);border-color:var(--color-border-medium);color:var(--color-text-primary)}.pagination-page:focus-visible{outline:var(--border-width-medium) solid var(--color-border-focus);outline-offset:var(--border-width-medium)}.pagination-page.pagination-current{background:var(--color-accent-500);border-color:var(--color-accent-500);color:var(--color-text-inverse);font-weight:var(--font-weight-semibold);cursor:default}.pagination-icon{flex-shrink:0}.pagination-ellipsis{padding:0 var(--space-2);color:var(--color-text-tertiary);font-size:var(--text-sm);-webkit-user-select:none;user-select:none}.pagination-info{font-size:var(--text-sm);color:var(--color-text-secondary)}.pagination-info .pagination-current,.pagination-info .pagination-total{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.rating-stars{align-items:center;gap:var(--space-1);font-size:var(--text-sm);display:inline-flex}.rating-stars__container{color:var(--color-border-light);display:inline-flex;position:relative}.rating-star{width:1em;height:1em;font-size:1.2em;line-height:1;display:inline-block;position:relative}.rating-star__background,.rating-star__fill{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.rating-star__background{color:var(--color-border-light);z-index:1}.rating-star__fill{color:var(--color-accent-500);z-index:2;width:0%;transition:width .2s var(--ease-smooth)}.rating-stars__count,.rating-stars__no-rating{margin-left:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary)}[data-theme=dark] .rating-star__fill{color:var(--color-accent-400)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .rating-star__fill{color:var(--color-accent-400)}}[data-theme=dark] .accordion-item{border-color:var(--color-border-light);background:var(--color-surface-card)}[data-theme=dark] .accordion-item[data-state=open]{border-color:var(--color-accent-400)}[data-theme=dark] .accordion-trigger{color:var(--color-text-primary)}[data-theme=dark] .accordion-trigger:hover{background:var(--color-bg-section)}[data-theme=dark] .breadcrumb-link{color:var(--color-text-secondary)}[data-theme=dark] .breadcrumb-link:hover{color:var(--color-primary-400);background:var(--color-bg-section)}[data-theme=dark] .breadcrumb-link[aria-current=page],[data-theme=dark] .breadcrumb-current{color:var(--color-text-primary);background:var(--color-bg-section)}[data-theme=dark] .pagination-button,[data-theme=dark] .pagination-page{background:var(--color-surface-card);border-color:var(--color-border-light);color:var(--color-text-secondary)}[data-theme=dark] .pagination-button:hover:not(:disabled),[data-theme=dark] .pagination-page:hover:not(:disabled){background:var(--color-bg-section);border-color:var(--color-border-medium);color:var(--color-text-primary)}[data-theme=dark] .pagination-page.pagination-current{background:var(--color-accent-500);border-color:var(--color-accent-500);color:var(--color-text-inverse)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .accordion-item{border-color:var(--color-border-light);background:var(--color-surface-card)}:root:not([data-theme=light]) .accordion-item[data-state=open]{border-color:var(--color-accent-400)}:root:not([data-theme=light]) .accordion-trigger{color:var(--color-text-primary)}:root:not([data-theme=light]) .accordion-trigger:hover{background:var(--color-bg-section)}:root:not([data-theme=light]) .breadcrumb-link{color:var(--color-text-secondary)}:root:not([data-theme=light]) .breadcrumb-link:hover{color:var(--color-primary-400);background:var(--color-bg-section)}:root:not([data-theme=light]) .breadcrumb-link[aria-current=page],:root:not([data-theme=light]) .breadcrumb-current{color:var(--color-text-primary);background:var(--color-bg-section)}:root:not([data-theme=light]) .pagination-button,:root:not([data-theme=light]) .pagination-page{background:var(--color-surface-card);border-color:var(--color-border-light);color:var(--color-text-secondary)}:root:not([data-theme=light]) .pagination-button:hover:not(:disabled),:root:not([data-theme=light]) .pagination-page:hover:not(:disabled){background:var(--color-bg-section);border-color:var(--color-border-medium);color:var(--color-text-primary)}:root:not([data-theme=light]) .pagination-page.pagination-current{background:var(--color-accent-500);border-color:var(--color-accent-500);color:var(--color-text-inverse)}}.compact-rating{flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:inline-flex;position:relative}.compact-rating__circle{width:100%;height:100%;position:absolute;top:0;left:0}.compact-rating__bg{stroke:var(--color-neutral-200);transition:stroke var(--transition-fast) var(--ease-smooth)}.compact-rating__fill{transition:stroke-dasharray var(--transition-normal) var(--ease-smooth)}.compact-rating__value{z-index:1;font-size:var(--text-xs);font-weight:var(--font-weight-bold);color:var(--color-text-primary);-webkit-user-select:none;user-select:none;line-height:1;position:relative}.compact-rating .gradient-stop-purple{stop-color:var(--color-sunset-purple)}.compact-rating .gradient-stop-orange{stop-color:var(--color-sunset-orange)}[data-theme=dark] .compact-rating .compact-rating__bg{stroke:var(--color-neutral-700)}[data-theme=dark] .compact-rating .compact-rating__value{color:var(--color-text-primary)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .compact-rating .compact-rating__bg{stroke:var(--color-neutral-700)}:root:not([data-theme=light]) .compact-rating .compact-rating__value{color:var(--color-text-primary)}}.product-reviews{margin-top:var(--space-8);border-top:var(--border-width-thin) solid var(--color-border-light);padding-top:var(--space-6)}.product-reviews__title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-6)}.reviews-loading,.reviews-empty{text-align:center;padding:var(--space-8);color:var(--color-text-secondary)}.reviews-list{gap:var(--space-6);flex-direction:column;display:flex}.review-item{border:var(--border-width-thin) solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-6);background:var(--color-surface-card)}.review-item__header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.review-item__rating{gap:var(--space-0-5);display:flex}.review-star{color:var(--color-border-light);font-size:var(--text-lg)}.review-star--filled{color:var(--color-accent-500)}.review-item__meta{gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);display:flex}.review-item__author{font-weight:var(--font-weight-medium)}.review-item__date{color:var(--color-text-tertiary)}.review-item__content{margin-bottom:var(--space-4)}.review-item__title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.review-item__text{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.review-item__photos{gap:var(--space-2);flex-wrap:wrap;display:flex}.review-item__photo{object-fit:cover;border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--color-border-light);width:80px;height:80px}.review-item__footer{padding-top:var(--space-4);border-top:var(--border-width-thin) solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.review-item__helpfulness{align-items:center;gap:var(--space-3);display:flex}.helpfulness-text{font-size:var(--text-sm);color:var(--color-text-secondary)}.helpfulness-button{padding:var(--space-1) var(--space-3);border:var(--border-width-thin) solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-surface-card);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) var(--ease-smooth)}.helpfulness-button:hover{background:var(--color-bg-section);border-color:var(--color-border-medium)}.helpfulness-button--active{background:var(--color-accent-50);border-color:var(--color-accent-300);color:var(--color-accent-700)}.helpfulness-button--helpful:hover{color:var(--color-success-600);border-color:var(--color-success-400)}.helpfulness-button--unhelpful:hover{color:var(--color-error-600);border-color:var(--color-error-400)}.review-item__actions{gap:var(--space-2);display:flex}.review-action{padding:var(--space-1) var(--space-3);color:var(--color-text-tertiary);font-size:var(--text-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-fast) var(--ease-smooth);background:0 0;border:none}.review-action:hover{color:var(--color-error-600)}.reviews-sorting{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.reviews-sorting__label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.reviews-sorting__buttons{gap:var(--space-2);display:flex}.reviews-sorting__button{padding:var(--space-1) var(--space-3);border:var(--border-width-thin) solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-surface-card);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) var(--ease-smooth)}.reviews-sorting__button:hover{background:var(--color-bg-section);border-color:var(--color-border-medium)}.reviews-sorting__button--active{background:var(--color-accent-50);border-color:var(--color-accent-300);color:var(--color-accent-700)}[data-theme=dark] .review-item{background:var(--color-surface-card);border-color:var(--color-border-light)}[data-theme=dark] .review-star--filled{color:var(--color-accent-400)}[data-theme=dark] .helpfulness-button--helpful:hover{color:var(--color-success-400);border-color:var(--color-success-500)}[data-theme=dark] .helpfulness-button--unhelpful:hover{color:var(--color-error-400);border-color:var(--color-error-500)}[data-theme=dark] .helpfulness-button--active{background:var(--color-accent-900);border-color:var(--color-accent-600);color:var(--color-accent-300)}[data-theme=dark] .reviews-sorting__button{background:var(--color-surface-card);border-color:var(--color-border-medium);color:var(--color-text-secondary)}[data-theme=dark] .reviews-sorting__button:hover{background:var(--color-bg-section);border-color:var(--color-border-light)}[data-theme=dark] .reviews-sorting__button--active{background:var(--color-accent-900);border-color:var(--color-accent-600);color:var(--color-accent-300)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .review-item{background:var(--color-surface-card);border-color:var(--color-border-light)}:root:not([data-theme=light]) .review-star--filled{color:var(--color-accent-400)}:root:not([data-theme=light]) .reviews-sorting__button--active,:root:not([data-theme=light]) .helpfulness-button--active{background:var(--color-accent-900);border-color:var(--color-accent-600);color:var(--color-accent-300)}}.review-submission-login-prompt{padding:var(--space-6);text-align:center;border:var(--border-width-thin) solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-surface-card);margin-bottom:var(--space-6)}.review-submission-login-prompt p{margin-bottom:var(--space-4);color:var(--color-text-secondary)}.review-submission-success{padding:var(--space-6);text-align:center;border:var(--border-width-thin) solid var(--color-success-400);border-radius:var(--radius-lg);background:var(--color-success-50);color:var(--color-success-700);margin-bottom:var(--space-6)}.review-submission-form{border:var(--border-width-thin) solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-6);background:var(--color-surface-card);margin-bottom:var(--space-6)}.review-submission-form__title{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.rating-select{gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.rating-select-star{width:40px;height:40px;color:var(--color-border-light);font-size:var(--text-2xl);cursor:pointer;transition:color var(--transition-fast) var(--ease-smooth);border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.rating-select-star:hover{color:var(--color-accent-400);background:var(--color-accent-50)}.rating-select-star--filled{color:var(--color-accent-500)}.photo-url-input{gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.photo-preview-list{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.photo-preview{width:80px;height:80px;position:relative}.photo-preview__image{object-fit:cover;border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--color-border-light);width:100%;height:100%}.photo-preview__remove{top:-var(--space-1);right:-var(--space-1);width:var(--space-5);height:var(--space-5);background:var(--color-error-500);color:var(--color-text-inverse);font-size:var(--text-sm);font-weight:var(--font-weight-bold);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:1;display:flex;position:absolute}.photo-preview__remove:hover{background:var(--color-error-600)}[data-theme=dark] .review-submission-success{border-color:var(--color-success-600);background:var(--color-success-700);color:var(--color-success-400)}[data-theme=dark] .rating-select-star{color:var(--color-border-medium)}[data-theme=dark] .rating-select-star--filled{color:var(--color-accent-400)}[data-theme=dark] .rating-select-star:hover{color:var(--color-accent-300);background:var(--color-accent-900)}[data-theme=dark] .photo-preview__remove{background:var(--color-error-600)}[data-theme=dark] .photo-preview__remove:hover{background:var(--color-error-700)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .review-submission-success{border-color:var(--color-success-600);background:var(--color-success-700);color:var(--color-success-400)}:root:not([data-theme=light]) .rating-select-star--filled{color:var(--color-accent-400)}}.auth-page{min-height:100vh;padding:var(--space-4) var(--space-2);background:linear-gradient(135deg, rgba(var(--accent-rgb), .05) 0%, rgba(var(--secondary-rgb), .05) 100%);justify-content:center;align-items:center;display:flex}.auth-container{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:480px;padding:var(--space-6);box-shadow:var(--shadow-lg)}@media (width<=768px){.auth-container{padding:var(--space-4)}}.auth-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);text-align:center;margin-bottom:var(--space-6)}@media (width<=768px){.auth-title{font-size:var(--text-xl);margin-bottom:var(--space-4)}}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.form-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.form-row{grid-template-columns:1fr}}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-group label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.form-group label .required{color:var(--color-error-500);margin-left:2px}.form-input{padding:var(--space-3) var(--space-4);font-size:var(--text-base);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--background);border:1.5px solid var(--border);border-radius:var(--radius-md);outline:none;transition:all .2s}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .1)}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-input::placeholder{color:var(--text-tertiary)}textarea.form-input{resize:vertical;min-height:100px;font-family:var(--font-family-sans)}.form-help{font-size:var(--text-xs);color:var(--text-secondary);margin-top:-var(--space-1)}.auth-links{gap:var(--space-2);margin-top:var(--space-2);text-align:center;flex-direction:column;display:flex}.auth-links a{font-size:var(--text-sm);color:var(--accent);text-decoration:none;transition:color .2s}.auth-links a:hover{color:var(--accent-hover);text-decoration:underline}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4)}.alert.alert-error{background-color:rgba(var(--color-error-500), .1);border:1px solid rgba(var(--color-error-500), .3);color:var(--color-error-500)}.alert.alert-success{background-color:rgba(var(--color-success-500), .1);border:1px solid rgba(var(--color-success-500), .3);color:var(--color-success-500)}.alert.alert-warning{background-color:rgba(var(--color-warning-500), .1);border:1px solid rgba(var(--color-warning-500), .3);color:var(--color-warning-500)}.alert.alert-info{background-color:rgba(var(--info-rgb), .1);border:1px solid rgba(var(--info-rgb), .3);color:var(--info)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);border-radius:var(--radius-md);cursor:pointer;border:none;outline:none;text-decoration:none;transition:all .2s;display:inline-flex}.btn:focus-visible{box-shadow:0 0 0 3px rgba(var(--accent-rgb), .3)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary,.products-empty .empty-action,.product-not-found .back-button{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled),.products-empty .empty-action:hover:not(:disabled),.product-not-found .back-button:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled),.products-empty .empty-action:active:not(:disabled),.product-not-found .back-button:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--surface-secondary);color:var(--text-primary);border:1.5px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-tertiary);border-color:var(--accent)}.btn-block{width:100%}.profile-page{padding:var(--space-6) var(--space-4);max-width:800px;margin:0 auto}.profile-container{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md)}@media (width<=768px){.profile-container{padding:var(--space-4)}}.profile-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--border)}.profile-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border);display:flex}@media (width<=768px){.profile-header{text-align:center;flex-direction:column}}.profile-avatar{flex-shrink:0}.profile-avatar img{object-fit:cover;border:3px solid var(--accent);border-radius:50%;width:120px;height:120px}.avatar-placeholder{background:var(--accent);color:#fff;width:120px;height:120px;font-size:var(--text-4xl);font-weight:var(--font-weight-bold);text-transform:uppercase;border-radius:50%;justify-content:center;align-items:center;display:flex}.profile-info{flex-grow:1}.profile-info h2{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.profile-info .username{font-size:var(--text-base);color:var(--text-secondary);margin:0}.profile-details{gap:var(--space-4);margin-bottom:var(--space-6);flex-direction:column;display:flex}.detail-item{gap:var(--space-1);flex-direction:column;display:flex}.detail-item strong{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.detail-item span,.detail-item p{font-size:var(--text-base);color:var(--text-primary);margin:0}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;display:inline-flex}.badge.badge-success{background:rgba(var(--color-success-500), .1);color:var(--color-success-500);border:1px solid rgba(var(--color-success-500), .3)}.profile-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}@media (width<=768px){.profile-actions{flex-direction:column}}.profile-form{gap:var(--space-4);flex-direction:column;display:flex}.form-actions{gap:var(--space-3);margin-top:var(--space-2);display:flex}@media (width<=768px){.form-actions{flex-direction:column}}.nav-link-button{font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:0}.nav-link-primary{font-weight:var(--font-weight-semibold);color:var(--accent)!important}.loading{text-align:center;padding:var(--space-6);color:var(--text-secondary);font-size:var(--text-base)}.my-listings-page{padding:var(--space-6) var(--space-4);max-width:1200px;margin:0 auto}.my-listings-container{gap:var(--space-6);flex-direction:column;display:flex}.my-listings-header{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.my-listings-header h1{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.listings-filters{gap:var(--space-1);padding:var(--space-1);background:var(--surface-secondary,var(--color-neutral-100));border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.filter-tab{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;background:0 0;border:none;transition:all .2s}.filter-tab:hover{color:var(--text-primary);background:var(--surface,var(--color-neutral-50))}.filter-tab.filter-tab-active{color:var(--accent);background:var(--surface,white);box-shadow:var(--shadow-sm);font-weight:var(--font-weight-semibold)}.listings-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}@media (width<=768px){.listings-grid{grid-template-columns:1fr}}.listings-empty{text-align:center;padding:var(--space-12) var(--space-4)}.listings-empty p{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-4)}.listings-pagination{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-4);display:flex}.listings-pagination .pagination-info{font-size:var(--text-sm);color:var(--text-secondary)}.listing-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:box-shadow .2s,transform .2s;overflow:hidden}.listing-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.listing-card-header{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--surface-secondary,var(--color-neutral-50));display:flex}.listing-card-body{padding:var(--space-4);cursor:pointer}.listing-card-body:hover{background:rgba(var(--accent-rgb), .02)}.listing-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2);line-height:var(--line-height-tight)}.listing-price{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-secondary-600);margin:0 0 var(--space-2)}.listing-location{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-2)}.listing-location:before{content:"📍";margin-right:var(--space-1)}.listing-description{font-size:var(--text-sm);color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.listing-card-actions{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);display:flex}.status-badge{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;display:inline-flex}.status-draft{background:rgba(var(--color-neutral-500), .1);color:var(--color-neutral-600);border:1px solid rgba(var(--color-neutral-500), .3)}.status-pending{background:rgba(var(--color-warning-500), .1);color:var(--color-warning-600);border:1px solid rgba(var(--color-warning-500), .3)}.status-approved{background:rgba(var(--color-success-500), .1);color:var(--color-success-600);border:1px solid rgba(var(--color-success-500), .3)}.status-rejected{background:rgba(var(--color-error-500), .1);color:var(--color-error-600);border:1px solid rgba(var(--color-error-500), .3)}.status-sold{background:rgba(var(--color-primary-500), .1);color:var(--color-primary-600);border:1px solid rgba(var(--color-primary-500), .3)}.status-expired{background:rgba(var(--color-neutral-400), .1);color:var(--color-neutral-500);border:1px solid rgba(var(--color-neutral-400), .3)}.condition-badge{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);background:rgba(var(--accent-rgb), .08);color:var(--accent);border:1px solid rgba(var(--accent-rgb), .2);align-items:center;display:inline-flex}.sell-page{padding:var(--space-6) var(--space-4);max-width:800px;margin:0 auto}.sell-container{gap:var(--space-4);flex-direction:column;display:flex}.sell-header{gap:var(--space-3);flex-direction:column;display:flex}.sell-header h1{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.sell-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin:0}.sell-form{gap:var(--space-5);background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);flex-direction:column;display:flex}@media (width<=768px){.sell-form{padding:var(--space-4);gap:var(--space-4)}}.form-fieldset{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);margin:0}.form-fieldset legend{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);padding:0 var(--space-2);text-transform:uppercase;letter-spacing:.05em}.form-checkbox{align-items:center;gap:var(--space-2);flex-direction:row!important}.form-checkbox input[type=checkbox]{width:18px;height:18px;min-height:auto;accent-color:var(--accent);cursor:pointer}.form-checkbox label{font-size:var(--text-base);font-weight:var(--font-weight-normal);cursor:pointer;margin:0}.input-with-button{gap:var(--space-2);display:flex}.input-with-button .form-input{flex:1}.input-with-button .btn{flex-shrink:0}.image-url-list{gap:var(--space-2);margin-top:var(--space-2);flex-direction:column;display:flex}.image-url-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-secondary,var(--color-neutral-50));border-radius:var(--radius-md);font-size:var(--text-sm);display:flex}.image-url-text{text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);flex:1;overflow:hidden}.btn-remove{color:var(--color-error-500);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-weight-bold);padding:var(--space-1);border-radius:var(--radius-sm);background:0 0;border:none;line-height:1;transition:background .15s}.btn-remove:hover{background:rgba(var(--color-error-500), .1)}.btn-danger{background:var(--color-error-500);color:#fff;border:none}.btn-danger:hover:not(:disabled){background:var(--color-error-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-danger:active:not(:disabled){transform:translateY(0)}.listing-detail{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md)}@media (width<=768px){.listing-detail{padding:var(--space-4)}}.listing-detail-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--border);display:flex}.listing-detail-header h1{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);flex:1;margin:0}@media (width<=768px){.listing-detail-header{flex-direction:column}}.listing-detail-body{margin-bottom:var(--space-6)}.listing-detail-main{gap:var(--space-4);flex-direction:column;display:flex}.listing-detail-price{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--color-secondary-600)}.detail-row{gap:var(--space-2);font-size:var(--text-base);display:flex}.detail-row strong{color:var(--text-secondary);font-weight:var(--font-weight-semibold);flex-shrink:0;min-width:120px}.detail-row span{color:var(--text-primary)}.detail-section{padding-top:var(--space-4);border-top:1px solid var(--border)}.detail-section h3{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.detail-meta .detail-row{font-size:var(--text-sm);color:var(--text-tertiary)}.description-text{white-space:pre-wrap;line-height:var(--line-height-relaxed)}.listing-detail-actions{gap:var(--space-3);padding-top:var(--space-6);border-top:2px solid var(--border);flex-wrap:wrap;display:flex}.nav-link-sell{font-weight:var(--font-weight-semibold);color:var(--accent)!important}.lightbox-overlay{z-index:9999;animation:lightbox-fade-in .2s var(--ease-smooth);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-overlay:focus{outline:none}.lightbox-backdrop{-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#000000eb;position:absolute;inset:0}.lightbox-toolbar{z-index:2;width:100%;padding:var(--space-2) var(--space-4);flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:relative}.lightbox-counter{color:#fffc;font-size:var(--text-sm);font-weight:var(--font-weight-medium);-webkit-user-select:none;user-select:none;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:#ffffff1a}.lightbox-toolbar__actions{align-items:center;gap:var(--space-2);display:flex}.lightbox-zoom-level{color:#fff9;font-size:var(--text-xs);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);background:#ffffff14}.lightbox-btn{border-radius:var(--radius-lg);color:#fffc;cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast) var(--ease-smooth);background:#ffffff1a;border:none;justify-content:center;align-items:center;display:flex}.lightbox-btn:hover{color:#fff;background:#fff3}.lightbox-btn--active{background:var(--color-accent-500);color:#fff}.lightbox-btn--active:hover{background:var(--color-accent-600)}.lightbox-btn--close:hover{color:#fff;background:#ef444499}.lightbox-content{z-index:2;width:100%;min-height:0;padding:0 var(--space-16);touch-action:none;flex:1;justify-content:center;align-items:center;display:flex;position:relative}@media (width<=768px){.lightbox-content{padding:0 var(--space-2)}}.lightbox-nav{z-index:3;border-radius:var(--radius-full);color:#fffc;cursor:pointer;width:48px;height:48px;transition:all var(--transition-fast) var(--ease-smooth);-webkit-backdrop-filter:blur(4px);background:#ffffff1a;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{color:#fff;background:#ffffff40;transform:translateY(-50%)scale(1.1)}.lightbox-nav:active{transform:translateY(-50%)scale(.95)}.lightbox-nav--prev{left:var(--space-4)}@media (width<=768px){.lightbox-nav--prev{left:var(--space-1);width:40px;height:40px}}.lightbox-nav--next{right:var(--space-4)}@media (width<=768px){.lightbox-nav--next{right:var(--space-1);width:40px;height:40px}}.lightbox-image-wrapper{max-width:100%;max-height:100%;transition:transform .2s var(--ease-smooth);transform-origin:50%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.lightbox-image-wrapper--zoomed{cursor:grab;transition:none;overflow:visible}.lightbox-image-wrapper--zoomed .lightbox-image{cursor:grab;width:auto;max-width:none;height:auto;max-height:none}.lightbox-image-wrapper--dragging{cursor:grabbing;transition:none}.lightbox-image-wrapper--dragging .lightbox-image{cursor:grabbing}.lightbox-spinner{z-index:1;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lightbox-spinner__ring{border:3px solid #ffffff26;border-top-color:#fffc;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite lightbox-spin}.lightbox-wrap-indicator{z-index:2;pointer-events:none;border-radius:var(--radius-lg);animation:lightbox-wrap-flash .4s var(--ease-smooth);border:3px solid #ffffff4d;position:absolute;inset:0}.lightbox-image{object-fit:contain;border-radius:var(--radius-md);opacity:0;max-width:90vw;max-height:calc(100vh - 120px);transition:opacity .25s var(--ease-smooth);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform, opacity}.lightbox-image--loaded{opacity:1}.lightbox-image--slide-left{animation:.25s lightbox-slide-in-left}.lightbox-image--slide-right{animation:.25s lightbox-slide-in-right}@media (width<=768px){.lightbox-image{max-width:98vw;max-height:calc(100vh - 100px)}}.lightbox-image-placeholder{color:#fff6;justify-content:center;align-items:center;width:300px;height:300px;display:flex}.lightbox-image-placeholder p{font-size:var(--text-lg)}.lightbox-caption{z-index:2;padding:var(--space-3) var(--space-4);pointer-events:none;background:linear-gradient(#0000,#000000b3);position:absolute;bottom:0;left:0;right:0}.lightbox-caption p{color:#ffffffe6;font-size:var(--text-sm);line-height:var(--line-height-snug);text-align:center;text-shadow:0 1px 3px #00000080;margin:0}.lightbox-thumbnails{z-index:2;justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);scroll-behavior:smooth;flex-shrink:0;max-width:100%;display:flex;position:relative;overflow-x:auto}.lightbox-thumbnails::-webkit-scrollbar{height:4px}.lightbox-thumbnails::-webkit-scrollbar-track{background:0 0}.lightbox-thumbnails::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.lightbox-thumb{border-radius:var(--radius-md);cursor:pointer;opacity:.5;width:56px;height:56px;transition:all var(--transition-fast) var(--ease-smooth);padding:var(--space-0-5);background:#ffffff0d;border:2px solid #0000;flex-shrink:0;overflow:hidden}.lightbox-thumb:hover{opacity:.8;border-color:#ffffff4d}.lightbox-thumb--active{opacity:1;border-color:var(--color-accent-500)}.lightbox-thumb--active:hover{border-color:var(--color-accent-400)}.lightbox-thumb img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:var(--radius-sm);width:100%;height:100%}@media (width<=768px){.lightbox-thumb{width:48px;height:48px}}.lightbox-hints{z-index:3;gap:var(--space-3);padding:var(--space-2) var(--space-4);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-full);animation:lightbox-hints-fade 4s var(--ease-smooth) forwards;pointer-events:none;background:#0009;display:flex;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}@media (width<=768px){.lightbox-hints{display:none}}.lightbox-hint{color:#fff9;font-size:var(--text-xs);white-space:nowrap;-webkit-user-select:none;user-select:none}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lightbox-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes lightbox-slide-in-left{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes lightbox-slide-in-right{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes lightbox-wrap-flash{0%{border-color:#ffffff80;box-shadow:inset 0 0 30px #ffffff26}to{border-color:#0000;box-shadow:inset 0 0 #0000}}@keyframes lightbox-hints-fade{0%,60%{opacity:1}to{opacity:0}}.gallery-clickable{cursor:pointer;border-radius:var(--radius-lg);touch-action:pan-y;position:relative;overflow:hidden}.gallery-clickable--main{aspect-ratio:1;width:100%;height:100%;min-height:300px}@media (width<=768px){.gallery-clickable--main{min-height:240px}}.gallery-clickable__img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;transition:opacity .2s var(--ease-smooth), transform .2s var(--ease-smooth);will-change:transform, opacity;opacity:1}.gallery-clickable__img--loaded{opacity:1}.gallery-clickable:hover .gallery-clickable__img{transform:scale(1.02)}.gallery-clickable:hover .gallery-clickable__zoom-hint{opacity:1;transform:translate(-50%,-50%)scale(1)}.gallery-clickable__zoom-hint{border-radius:var(--radius-full);color:#fff;opacity:0;width:48px;height:48px;transition:all var(--transition-fast) var(--ease-smooth);pointer-events:none;-webkit-backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.gallery-clickable:focus-visible{outline:var(--border-width-medium) solid var(--color-primary-500);outline-offset:var(--border-width-medium)}.gallery-image-count{align-items:center;gap:var(--space-1-5);padding:var(--space-1) var(--space-3);background:var(--color-bg-section);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-top:var(--space-2);display:inline-flex}[data-theme=dark] .gallery-image-count{background:var(--color-bg-section);color:var(--color-text-secondary)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .gallery-image-count{background:var(--color-bg-section);color:var(--color-text-secondary)}}@media (prefers-reduced-motion:reduce){.lightbox-overlay{animation:none}.lightbox-image{transition:none}.lightbox-image--slide-left,.lightbox-image--slide-right{animation:none}.lightbox-nav:hover{transform:translateY(-50%)}.lightbox-spinner__ring,.lightbox-wrap-indicator{animation:none}.lightbox-hints{opacity:0;animation:none}.gallery-clickable__img,.gallery-clickable__zoom-hint{transition:none}}.merchant-card{margin-bottom:var(--space-2)}.merchant-card__link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:var(--border-width-thin) solid var(--color-border-light);border-radius:var(--radius-xl);color:inherit;transition:all var(--transition-fast) var(--ease-smooth);background:var(--color-surface-card);text-decoration:none;display:flex}.merchant-card__link:hover{border-color:var(--color-accent-500);background:var(--color-bg-section);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.merchant-card__link--skeleton{pointer-events:none}[data-theme=dark] .merchant-card__link{background:var(--color-surface-card);border-color:var(--color-border-light)}[data-theme=dark] .merchant-card__link:hover{border-color:var(--color-accent-400);background:var(--color-bg-section)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .merchant-card__link{background:var(--color-surface-card);border-color:var(--color-border-light)}:root:not([data-theme=light]) .merchant-card__link:hover{border-color:var(--color-accent-400);background:var(--color-bg-section)}}.merchant-card__avatar{border-radius:var(--radius-lg);flex-shrink:0;width:48px;height:48px;overflow:hidden}.merchant-card__avatar-img{object-fit:cover;width:100%;height:100%}.merchant-card__avatar-placeholder{background:linear-gradient(135deg, var(--color-primary-100), var(--color-accent-100));width:100%;height:100%;color:var(--color-primary-600);justify-content:center;align-items:center;display:flex}.merchant-card__avatar-placeholder--skeleton{background:var(--color-bg-section);animation:1.5s ease-in-out infinite skeleton-pulse}[data-theme=dark] .merchant-card__avatar-placeholder{color:var(--color-primary-400);background:linear-gradient(135deg,#a1147733,#ff6f4b26)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .merchant-card__avatar-placeholder{color:var(--color-primary-400);background:linear-gradient(135deg,#a1147733,#ff6f4b26)}}.merchant-card__info{flex:1;min-width:0}.merchant-card__name-row{align-items:center;gap:var(--space-1-5);margin-bottom:var(--space-0-5);display:flex}.merchant-card__name{font-weight:var(--font-weight-semibold);font-size:var(--text-base);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.merchant-card__verified{color:var(--color-secondary-500);flex-shrink:0;align-items:center;display:flex}.merchant-card__meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.merchant-card__rating{align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);display:inline-flex}.merchant-card__rating svg{color:#f59e0b}.merchant-card__reviews{font-size:var(--text-xs);color:var(--color-text-tertiary)}.merchant-card__response{font-size:var(--text-xs);color:var(--color-secondary-600)}[data-theme=dark] .merchant-card__response{color:var(--color-secondary-400)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .merchant-card__response{color:var(--color-secondary-400)}}.merchant-card__arrow{color:var(--color-text-light);transition:transform var(--transition-fast) var(--ease-smooth);flex-shrink:0}.merchant-card__link:hover .merchant-card__arrow{color:var(--color-accent-500);transform:translate(2px)}.skeleton-text{opacity:.5}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.product-card__merchant{flex:1;min-width:0}.product-card__merchant-link,.product-card__merchant-name{align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-weight-normal);color:var(--color-text-light);transition:color var(--transition-fast) var(--ease-smooth);opacity:.7;text-decoration:none;display:inline-flex}.product-card__merchant-link svg,.product-card__merchant-name svg{opacity:.5;flex-shrink:0}.product-card__merchant-link span,.product-card__merchant-name span{white-space:nowrap;text-overflow:ellipsis;max-width:120px;overflow:hidden}.product-card__merchant-link:hover{color:var(--color-accent-500);opacity:1}.product-card__merchant-link:hover svg{opacity:1}[data-theme=dark] .product-card__merchant .product-card__merchant-link,[data-theme=dark] .product-card__merchant .product-card__merchant-name{color:var(--color-text-tertiary)}[data-theme=dark] .product-card__merchant .product-card__merchant-link:hover{color:var(--color-accent-400)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .product-card__merchant .product-card__merchant-link,:root:not([data-theme=light]) .product-card__merchant .product-card__merchant-name{color:var(--color-text-tertiary)}:root:not([data-theme=light]) .product-card__merchant .product-card__merchant-link:hover{color:var(--color-accent-400)}}.product-source-section{margin-bottom:var(--space-6)}.product-source-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:var(--border-width-thin) solid var(--color-border-light);border-radius:var(--radius-xl);color:inherit;transition:all var(--transition-fast) var(--ease-smooth);background:var(--color-bg-section);text-decoration:none;display:flex}.product-source-link:hover{border-color:var(--color-info-500);box-shadow:var(--shadow-sm);background:#3b82f60d;transform:translateY(-1px)}.product-source-link--button{cursor:pointer;gap:var(--space-2);padding:var(--space-2) var(--space-3);-webkit-user-select:none;user-select:none}[data-theme=dark] .product-source-link{background:var(--color-bg-section);border-color:var(--color-border-light)}[data-theme=dark] .product-source-link:hover{border-color:var(--color-info-400);background:#3b82f61a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .product-source-link{background:var(--color-bg-section);border-color:var(--color-border-light)}:root:not([data-theme=light]) .product-source-link:hover{border-color:var(--color-info-400);background:#3b82f61a}}.product-source-section--compact{padding-top:var(--space-2)}.product-source-link__icon{border-radius:var(--radius-lg);width:40px;height:40px;color:var(--color-info-600);background:#3b82f61a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.product-source-link--button .product-source-link__icon{border-radius:var(--radius-md);width:28px;height:28px}[data-theme=dark] .product-source-link__icon{color:var(--color-info-400);background:#3b82f626}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .product-source-link__icon{color:var(--color-info-400);background:#3b82f626}}.product-source-link__text{gap:var(--space-0-5);flex-direction:column;flex:1;min-width:0;display:flex}.product-source-link__label{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}.product-source-link__name{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-info-600)}.product-source-link:hover .product-source-link__name{color:var(--color-info-700)}[data-theme=dark] .product-source-link__name{color:var(--color-info-400)}.product-source-link:hover [data-theme=dark] .product-source-link__name{color:var(--color-info-300)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .product-source-link__name{color:var(--color-info-400)}.product-source-link:hover :root:not([data-theme=light]) .product-source-link__name{color:var(--color-info-300)}}.product-source-link__arrow{color:var(--color-text-light);transition:transform var(--transition-fast) var(--ease-smooth);flex-shrink:0}.product-source-link:hover .product-source-link__arrow{color:var(--color-info-500);transform:translate(2px)}.product-merchant-section{margin-bottom:var(--space-6)}.product-merchant-section h3{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin:0 0 var(--space-2)}.merchant-profile-page{max-width:var(--container-max-width);width:100%;margin:0 auto}.merchant-profile__content{width:100%;max-width:var(--container-max-width);padding:var(--space-6) var(--container-padding);margin:0 auto}@media (width>=1024px){.merchant-profile__content{padding:var(--space-6) var(--container-padding-desktop)}}.merchant-profile__header{align-items:flex-end;gap:var(--space-5);margin-bottom:var(--space-8);display:flex}@media (width<=768px){.merchant-profile__header{text-align:center;flex-direction:column;align-items:center}}.merchant-profile__avatar{border-radius:var(--radius-2xl);border:4px solid var(--color-surface-card);width:96px;height:96px;box-shadow:var(--shadow-lg);background:var(--color-surface-card);flex-shrink:0;overflow:hidden}@media (width>=1024px){.merchant-profile__avatar{width:120px;height:120px}}.merchant-profile__avatar-img{object-fit:cover;width:100%;height:100%}.merchant-profile__avatar-placeholder{background:linear-gradient(135deg, var(--color-primary-100), var(--color-accent-100));width:100%;height:100%;color:var(--color-primary-600);justify-content:center;align-items:center;display:flex}[data-theme=dark] .merchant-profile__avatar-placeholder{color:var(--color-primary-400);background:linear-gradient(135deg,#a1147733,#ff6f4b26)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .merchant-profile__avatar-placeholder{color:var(--color-primary-400);background:linear-gradient(135deg,#a1147733,#ff6f4b26)}}.merchant-profile__info{flex:1;min-width:0}.merchant-profile__name-row{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=768px){.merchant-profile__name-row{justify-content:center}}.merchant-profile__name{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}@media (width<=768px){.merchant-profile__name{font-size:var(--text-2xl)}}.merchant-profile__verified-badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-secondary-600);border:var(--border-width-thin) solid var(--color-secondary-200);background:#10b9811a;display:inline-flex}[data-theme=dark] .merchant-profile__verified-badge{color:var(--color-secondary-400);background:#10b98126;border-color:#10b9814d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .merchant-profile__verified-badge{color:var(--color-secondary-400);background:#10b98126;border-color:#10b9814d}}.merchant-profile__stats{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}@media (width<=768px){.merchant-profile__stats{justify-content:center}}.merchant-profile__stat{align-items:center;gap:var(--space-1-5);font-size:var(--text-sm);color:var(--color-text-secondary);display:inline-flex}.merchant-profile__stat svg{color:var(--color-text-tertiary);flex-shrink:0}.merchant-profile__section{margin-bottom:var(--space-8);padding:var(--space-6);background:var(--color-surface-card);border:var(--border-width-thin) solid var(--color-border-light);border-radius:var(--radius-xl)}.merchant-profile__section h2{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4)}[data-theme=dark] .merchant-profile__section{background:var(--color-surface-card);border-color:var(--color-border-light)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .merchant-profile__section{background:var(--color-surface-card);border-color:var(--color-border-light)}}.merchant-profile__description{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.merchant-profile__contact-grid{gap:var(--space-3);flex-direction:column;display:flex}.merchant-profile__contact-item{align-items:center;gap:var(--space-3);font-size:var(--text-base);color:var(--color-text-secondary);display:flex}.merchant-profile__contact-item svg{color:var(--color-text-tertiary);flex-shrink:0}.merchant-profile__contact-item a{color:var(--color-primary-600);text-decoration:none}.merchant-profile__contact-item a:hover{color:var(--color-primary-700);text-decoration:underline}[data-theme=dark] .merchant-profile__contact-item a{color:var(--color-primary-400)}[data-theme=dark] .merchant-profile__contact-item a:hover{color:var(--color-primary-300)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .merchant-profile__contact-item a{color:var(--color-primary-400)}:root:not([data-theme=light]) .merchant-profile__contact-item a:hover{color:var(--color-primary-300)}}.merchant-profile__products-section .product-grid{margin-bottom:var(--space-4)}.merchant-products-pagination{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-4);display:flex}.merchant-products-pagination .btn{align-items:center;gap:var(--space-1);display:inline-flex}.merchant-products-pagination__info{font-size:var(--text-sm);color:var(--color-text-secondary)}.merchant-products-pagination__total{text-align:center;font-size:var(--text-sm);color:var(--color-text-tertiary);margin:var(--space-2) 0 0}.merchant-profile__branches-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.merchant-branch-card{padding:var(--space-4);border:var(--border-width-thin) solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-surface-card)}.merchant-branch-card__header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);color:var(--color-text-primary);display:flex}.merchant-branch-card__name{font-weight:var(--font-weight-semibold);font-size:var(--text-sm)}.merchant-branch-card__primary{font-size:var(--text-xs);padding:1px var(--space-2);border-radius:var(--radius-full);background:var(--color-accent-100);color:var(--color-accent-700);font-weight:var(--font-weight-medium)}.merchant-branch-card__location,.merchant-branch-card__phone{font-size:var(--text-sm);color:var(--color-text-secondary);margin:var(--space-1) 0 0}.merchant-not-found{padding:var(--space-20) var(--space-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.merchant-not-found .not-found-icon{color:var(--color-text-light);margin-bottom:var(--space-6);opacity:.5}.merchant-not-found h2{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-3)}.merchant-not-found p{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0 0 var(--space-6);max-width:28rem}@media (prefers-reduced-motion:reduce){.merchant-card__link:hover,.product-source-link:hover{transform:none}.merchant-card__arrow,.product-source-link__arrow{transition:none}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-family-sans);font-size:var(--text-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal) var(--ease-smooth), color var(--transition-normal) var(--ease-smooth);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);margin-top:0}h1{font-size:var(--text-4xl)}@media (width<=768px){h1{font-size:var(--text-3xl)}}h2{font-size:var(--text-3xl)}@media (width<=768px){h2{font-size:var(--text-2xl)}}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-top:0;margin-bottom:var(--space-4)}a{color:var(--color-primary-600);transition:color var(--transition-fast) var(--ease-smooth);text-decoration:none}a:hover{color:var(--color-primary-700)}a:focus-visible{outline:var(--border-width-medium) solid var(--color-border-focus);outline-offset:var(--border-width-medium);border-radius:var(--radius-sm)}:focus-visible{outline:var(--border-width-medium) solid var(--color-primary-500);outline-offset:var(--border-width-medium)}:focus:not(:focus-visible){outline:none}.btn,button[type=submit],input[type=submit]{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-5);font-family:inherit;font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-none);border:var(--border-width-medium) solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast) var(--ease-smooth);min-height:var(--input-height);text-decoration:none;display:inline-flex}.btn:disabled,button[type=submit]:disabled,input[type=submit]:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:focus-visible,button[type=submit]:focus-visible,input[type=submit]:focus-visible{outline:var(--border-width-medium) solid var(--color-border-focus);outline-offset:var(--border-width-medium)}.btn:active:not(:disabled),button[type=submit]:active:not(:disabled),input[type=submit]:active:not(:disabled){transform:scale(.98)}.btn-primary,.products-empty .empty-action,.product-not-found .back-button,.button-primary{background:var(--color-sunset-accent);color:var(--color-text-inverse);border-color:var(--color-sunset-accent)}.btn-primary:hover:not(:disabled),.products-empty .empty-action:hover:not(:disabled),.product-not-found .back-button:hover:not(:disabled),.button-primary:hover:not(:disabled){background:var(--color-sunset-orange);border-color:var(--color-sunset-orange);transform:translateY(-var(--space-0-5));box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled),.products-empty .empty-action:active:not(:disabled),.product-not-found .back-button:active:not(:disabled),.button-primary:active:not(:disabled){transform:translateY(0)scale(.98)}.btn-primary:hover:not(:disabled),.products-empty .empty-action:hover:not(:disabled),.product-not-found .back-button:hover:not(:disabled),.button-primary:hover:not(:disabled){box-shadow:var(--shadow-glow), var(--shadow-md)}.btn-secondary{background:var(--color-sunset-deep-purple);color:var(--color-text-inverse);border-color:var(--color-sunset-deep-purple)}.btn-secondary:hover:not(:disabled){background:var(--color-sunset-purple);border-color:var(--color-sunset-purple);transform:translateY(-var(--space-0-5));box-shadow:var(--shadow-md)}.btn-secondary:active:not(:disabled){transform:translateY(0)scale(.98)}.btn-secondary:hover:not(:disabled){box-shadow:var(--shadow-glow), var(--shadow-md)}.btn-outline,.button-outline{color:var(--color-text-primary);border-color:var(--color-neutral-400);background:0 0}.btn-outline:hover:not(:disabled),.button-outline:hover:not(:disabled){background:var(--color-sunset-accent-subtle);border-color:var(--color-sunset-accent);color:var(--color-sunset-accent);transform:translateY(-var(--space-0-5));box-shadow:var(--shadow-sm)}.btn-outline:active:not(:disabled),.button-outline:active:not(:disabled){transform:translateY(0)scale(.98)}.btn-outline:hover:not(:disabled),.button-outline:hover:not(:disabled){box-shadow:var(--shadow-sm)}.btn-ghost{color:var(--color-text-primary);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--color-sunset-accent-subtle);color:var(--color-sunset-accent)}.btn-destructive{background:var(--color-error-500);color:var(--color-text-inverse);border-color:var(--color-error-500)}.btn-destructive:hover:not(:disabled){background:var(--color-error-600);border-color:var(--color-error-600);transform:translateY(-var(--space-0-5));box-shadow:var(--shadow-md)}.btn-destructive:active:not(:disabled){transform:translateY(0)scale(.98)}.btn-destructive:hover:not(:disabled){box-shadow:var(--shadow-glow), var(--shadow-md)}.btn-success{background:var(--color-secondary-500);color:var(--color-text-inverse);border-color:var(--color-secondary-500)}.btn-success:hover:not(:disabled){background:var(--color-secondary-600);border-color:var(--color-secondary-600);transform:translateY(-var(--space-0-5));box-shadow:var(--shadow-md)}.btn-success:active:not(:disabled){transform:translateY(0)scale(.98)}.btn-success:hover:not(:disabled){box-shadow:var(--shadow-glow), var(--shadow-md)}.btn-sm{padding:var(--space-1-5) var(--space-3);font-size:var(--text-sm);min-height:2rem}.btn-lg,.button-large{padding:var(--space-3) var(--space-6);font-size:var(--text-lg);min-height:3rem}.btn-icon{padding:var(--space-2)}.btn-icon.btn-sm{padding:var(--space-1-5)}.btn-icon.btn-lg{padding:var(--space-3)}.btn-full{width:100%}input,textarea,select{font-family:inherit;font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-surface-card);border:var(--border-width-thin) solid var(--color-border-medium);border-radius:var(--radius-md);padding:var(--space-2-5) var(--space-3);min-height:var(--input-height);transition:border-color var(--transition-fast) var(--ease-smooth), box-shadow var(--transition-fast) var(--ease-smooth), background-color var(--transition-fast) var(--ease-smooth)}input:focus,textarea:focus,select:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 var(--border-width-thick) var(--color-accent-500-15);outline:none}input::placeholder,textarea::placeholder,select::placeholder{color:var(--color-text-light)}input:disabled,textarea:disabled,select:disabled{background:var(--color-bg-section);cursor:not-allowed;opacity:.7}.input-error,input:invalid:not(:placeholder-shown),textarea:invalid:not(:placeholder-shown){border-color:var(--color-error-500);background:var(--color-error-50)}.input-error:focus,input:invalid:not(:placeholder-shown):focus,textarea:invalid:not(:placeholder-shown):focus{box-shadow:0 0 0 var(--border-width-thick) #ef444426}label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-1);display:block}.surface-glass{background:var(--color-surface-card)}@supports (backdrop-filter:blur(8px)){.surface-glass{background:var(--color-surface-glass-bg);-webkit-backdrop-filter:blur(var(--backdrop-blur)) saturate(180%);border:var(--glass-border)}}@media (prefers-reduced-transparency:reduce){.surface-glass{-webkit-backdrop-filter:none;background:var(--color-surface-card)}}@media (hover:none){.surface-glass{-webkit-backdrop-filter:blur(var(--backdrop-blur-mobile,4px)) saturate(150%)}}.state-success{border:var(--border-width-thin) solid var(--color-success-600);color:var(--color-success-700);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);background:#10b98126}.state-warning{border:var(--border-width-thin) solid var(--color-warning-600);color:var(--color-warning-700);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);background:#f59e0b26}.state-error{border:var(--border-width-thin) solid var(--color-error-600);color:var(--color-error-700);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);background:#ef444426}.state-info{border:var(--border-width-thin) solid var(--color-info-600);color:var(--color-info-600);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);background:#3b82f626}.price{color:var(--color-secondary-600);font-weight:var(--font-weight-bold)}.price-sale{color:var(--color-accent-500);font-weight:var(--font-weight-bold)}.price-original{color:var(--color-text-tertiary);text-decoration:line-through}.card{background:var(--color-surface-card);border:var(--border-width-thin) solid var(--color-neutral-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:transform var(--transition-normal) var(--ease-smooth), box-shadow var(--transition-normal) var(--ease-smooth), border-color var(--transition-normal) var(--ease-smooth);overflow:hidden}.card:hover{transform:translateY(-var(--space-1));box-shadow:var(--shadow-lg);border-color:var(--color-border-medium)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:var(--container-max-width);padding:0 var(--container-padding);margin:0 auto}@media (width>=1024px){.container{padding:0 var(--container-padding-desktop)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-brand{color:var(--color-text-brand)}.text-success{color:var(--color-text-success)}.text-warning{color:var(--color-text-warning)}.text-error{color:var(--color-text-error)}.hidden{display:none!important}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-col{flex-direction:column}.flex-1{flex:1}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.mt-0{margin-top:0}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-theme=dark] .btn-primary,[data-theme=dark] .products-empty .empty-action,.products-empty [data-theme=dark] .empty-action,[data-theme=dark] .product-not-found .back-button,.product-not-found [data-theme=dark] .back-button,[data-theme=dark] .button-primary{background:var(--color-sunset-accent);color:var(--color-text-inverse);border-color:var(--color-sunset-accent);box-shadow:var(--shadow-md)}[data-theme=dark] .btn-primary:hover:not(:disabled),[data-theme=dark] .products-empty .empty-action:hover:not(:disabled),.products-empty [data-theme=dark] .empty-action:hover:not(:disabled),[data-theme=dark] .product-not-found .back-button:hover:not(:disabled),.product-not-found [data-theme=dark] .back-button:hover:not(:disabled),[data-theme=dark] .button-primary:hover:not(:disabled){background:var(--color-sunset-orange);border-color:var(--color-sunset-orange);transform:translateY(-var(--space-0-5));box-shadow:var(--shadow-md)}[data-theme=dark] .btn-primary:active:not(:disabled),[data-theme=dark] .products-empty .empty-action:active:not(:disabled),.products-empty [data-theme=dark] .empty-action:active:not(:disabled),[data-theme=dark] .product-not-found .back-button:active:not(:disabled),.product-not-found [data-theme=dark] .back-button:active:not(:disabled),[data-theme=dark] .button-primary:active:not(:disabled){transform:translateY(0)scale(.98)}[data-theme=dark] .btn-primary:hover:not(:disabled),[data-theme=dark] .products-empty .empty-action:hover:not(:disabled),.products-empty [data-theme=dark] .empty-action:hover:not(:disabled),[data-theme=dark] .product-not-found .back-button:hover:not(:disabled),.product-not-found [data-theme=dark] .back-button:hover:not(:disabled),[data-theme=dark] .button-primary:hover:not(:disabled){box-shadow:var(--shadow-glow), var(--shadow-lg)}[data-theme=dark] .btn-secondary{background:var(--color-sunset-deep-purple);color:var(--color-text-inverse);border-color:var(--color-sunset-deep-purple);box-shadow:var(--shadow-md)}[data-theme=dark] .btn-secondary:hover:not(:disabled){background:var(--color-sunset-purple);border-color:var(--color-sunset-purple);transform:translateY(-var(--space-0-5));box-shadow:var(--shadow-md)}[data-theme=dark] .btn-secondary:active:not(:disabled){transform:translateY(0)scale(.98)}[data-theme=dark] .btn-secondary:hover:not(:disabled){box-shadow:var(--shadow-glow), var(--shadow-lg)}[data-theme=dark] .btn-outline,[data-theme=dark] .button-outline{color:var(--color-text-primary);border-color:var(--color-border-medium);background:0 0}[data-theme=dark] .btn-outline:hover:not(:disabled),[data-theme=dark] .button-outline:hover:not(:disabled){background:var(--color-sunset-accent-subtle);border-color:var(--color-sunset-accent);color:var(--color-sunset-accent);transform:translateY(-var(--space-0-5));box-shadow:var(--shadow-sm)}[data-theme=dark] .btn-outline:active:not(:disabled),[data-theme=dark] .button-outline:active:not(:disabled){transform:translateY(0)scale(.98)}[data-theme=dark] .btn-outline:hover:not(:disabled),[data-theme=dark] .button-outline:hover:not(:disabled){box-shadow:var(--shadow-sm)}[data-theme=dark] .btn-ghost{color:var(--color-text-primary);background:0 0;border-color:#0000}[data-theme=dark] .btn-ghost:hover:not(:disabled){background:var(--color-sunset-accent-subtle);color:var(--color-sunset-accent)}[data-theme=dark] .btn-destructive{background:var(--color-error-500);color:var(--color-text-inverse);border-color:var(--color-error-500);box-shadow:var(--shadow-md)}[data-theme=dark] .btn-destructive:hover:not(:disabled){background:var(--color-error-600);border-color:var(--color-error-600);transform:translateY(-var(--space-0-5));box-shadow:var(--shadow-md)}[data-theme=dark] .btn-destructive:active:not(:disabled){transform:translateY(0)scale(.98)}[data-theme=dark] .btn-destructive:hover:not(:disabled){box-shadow:var(--shadow-glow), var(--shadow-lg)}[data-theme=dark] .btn-success{background:var(--color-secondary-500);color:var(--color-text-inverse);border-color:var(--color-secondary-500);box-shadow:var(--shadow-md)}[data-theme=dark] .btn-success:hover:not(:disabled){background:var(--color-secondary-600);border-color:var(--color-secondary-600);transform:translateY(-var(--space-0-5));box-shadow:var(--shadow-md)}[data-theme=dark] .btn-success:active:not(:disabled){transform:translateY(0)scale(.98)}[data-theme=dark] .btn-success:hover:not(:disabled){box-shadow:var(--shadow-glow), var(--shadow-lg)}[data-theme=dark] .card{background:var(--color-surface-card-gradient);border:var(--border-width-thin) solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:transform var(--transition-normal) var(--ease-smooth), box-shadow var(--transition-normal) var(--ease-smooth), border-color var(--transition-normal) var(--ease-smooth);overflow:hidden}[data-theme=dark] .card:hover{transform:translateY(-var(--space-1));box-shadow:var(--shadow-lg);border-color:var(--color-sunset-border)}[data-theme=dark] a{color:var(--color-primary-400)}[data-theme=dark] a:hover{color:var(--color-primary-300)}[data-theme=dark] .price{color:var(--color-text-success)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .btn-primary,:root:not([data-theme=light]) .products-empty .empty-action,:root:not([data-theme=light]) .product-not-found .back-button,:root:not([data-theme=light]) .button-primary{background:var(--color-sunset-accent);color:var(--color-text-inverse);border-color:var(--color-sunset-accent);box-shadow:var(--shadow-md)}:root:not([data-theme=light]) .btn-primary:hover:not(:disabled),:root:not([data-theme=light]) .products-empty .empty-action:hover:not(:disabled),:root:not([data-theme=light]) .product-not-found .back-button:hover:not(:disabled),:root:not([data-theme=light]) .button-primary:hover:not(:disabled){background:var(--color-sunset-orange);border-color:var(--color-sunset-orange);transform:translateY(-var(--space-0-5));box-shadow:var(--shadow-md)}:root:not([data-theme=light]) .btn-primary:active:not(:disabled),:root:not([data-theme=light]) .products-empty .empty-action:active:not(:disabled),:root:not([data-theme=light]) .product-not-found .back-button:active:not(:disabled),:root:not([data-theme=light]) .button-primary:active:not(:disabled){transform:translateY(0)scale(.98)}:root:not([data-theme=light]) .btn-primary:hover:not(:disabled),:root:not([data-theme=light]) .products-empty .empty-action:hover:not(:disabled),:root:not([data-theme=light]) .product-not-found .back-button:hover:not(:disabled),:root:not([data-theme=light]) .button-primary:hover:not(:disabled){box-shadow:var(--shadow-glow), var(--shadow-lg)}:root:not([data-theme=light]) .btn-secondary{background:var(--color-sunset-deep-purple);color:var(--color-text-inverse);border-color:var(--color-sunset-deep-purple);box-shadow:var(--shadow-md)}:root:not([data-theme=light]) .btn-secondary:hover:not(:disabled){background:var(--color-sunset-purple);border-color:var(--color-sunset-purple);transform:translateY(-var(--space-0-5));box-shadow:var(--shadow-md)}:root:not([data-theme=light]) .btn-secondary:active:not(:disabled){transform:translateY(0)scale(.98)}:root:not([data-theme=light]) .btn-secondary:hover:not(:disabled){box-shadow:var(--shadow-glow), var(--shadow-lg)}:root:not([data-theme=light]) .btn-outline,:root:not([data-theme=light]) .button-outline{color:var(--color-text-primary);border-color:var(--color-border-medium);background:0 0}:root:not([data-theme=light]) .btn-outline:hover:not(:disabled),:root:not([data-theme=light]) .button-outline:hover:not(:disabled){background:var(--color-sunset-accent-subtle);border-color:var(--color-sunset-accent);color:var(--color-sunset-accent);transform:translateY(-var(--space-0-5));box-shadow:var(--shadow-sm)}:root:not([data-theme=light]) .btn-outline:active:not(:disabled),:root:not([data-theme=light]) .button-outline:active:not(:disabled){transform:translateY(0)scale(.98)}:root:not([data-theme=light]) .btn-outline:hover:not(:disabled),:root:not([data-theme=light]) .button-outline:hover:not(:disabled){box-shadow:var(--shadow-sm)}:root:not([data-theme=light]) .btn-ghost{color:var(--color-text-primary);background:0 0;border-color:#0000}:root:not([data-theme=light]) .btn-ghost:hover:not(:disabled){background:var(--color-sunset-accent-subtle);color:var(--color-sunset-accent)}:root:not([data-theme=light]) .btn-destructive{background:var(--color-error-500);color:var(--color-text-inverse);border-color:var(--color-error-500);box-shadow:var(--shadow-md)}:root:not([data-theme=light]) .btn-destructive:hover:not(:disabled){background:var(--color-error-600);border-color:var(--color-error-600);transform:translateY(-var(--space-0-5));box-shadow:var(--shadow-md)}:root:not([data-theme=light]) .btn-destructive:active:not(:disabled){transform:translateY(0)scale(.98)}:root:not([data-theme=light]) .btn-destructive:hover:not(:disabled){box-shadow:var(--shadow-glow), var(--shadow-lg)}:root:not([data-theme=light]) .btn-success{background:var(--color-secondary-500);color:var(--color-text-inverse);border-color:var(--color-secondary-500);box-shadow:var(--shadow-md)}:root:not([data-theme=light]) .btn-success:hover:not(:disabled){background:var(--color-secondary-600);border-color:var(--color-secondary-600);transform:translateY(-var(--space-0-5));box-shadow:var(--shadow-md)}:root:not([data-theme=light]) .btn-success:active:not(:disabled){transform:translateY(0)scale(.98)}:root:not([data-theme=light]) .btn-success:hover:not(:disabled){box-shadow:var(--shadow-glow), var(--shadow-lg)}:root:not([data-theme=light]) .card{background:var(--color-surface-card-gradient);border:var(--border-width-thin) solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:transform var(--transition-normal) var(--ease-smooth), box-shadow var(--transition-normal) var(--ease-smooth), border-color var(--transition-normal) var(--ease-smooth);overflow:hidden}:root:not([data-theme=light]) .card:hover{transform:translateY(-var(--space-1));box-shadow:var(--shadow-lg);border-color:var(--color-sunset-border)}:root:not([data-theme=light]) a{color:var(--color-primary-400)}:root:not([data-theme=light]) a:hover{color:var(--color-primary-300)}:root:not([data-theme=light]) .price{color:var(--color-text-success)}}