:root{--color-primary-50:#fff5f5;--color-primary-100:#ffe0e0;--color-primary-200:#ffb3b3;--color-primary-300:#ff8080;--color-primary-400:#ff4d4d;--color-primary-500:#e30613;--color-primary-600:#c70511;--color-primary-700:#9b040d;--color-primary-800:#6f0309;--color-primary-900:#430206;--color-warm-50:#fff8f0;--color-warm-100:#ffecd6;--color-warm-200:#ffd6a8;--color-warm-300:#ffbc73;--color-warm-400:#ffa040;--color-warm-500:#f58a1f;--color-white:#fff;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#e8e8e8;--color-gray-300:#d4d4d4;--color-gray-400:#a3a3a3;--color-gray-500:#737373;--color-gray-600:#525252;--color-gray-700:#404040;--color-gray-800:#262626;--color-gray-900:#171717;--color-success:#22c55e;--color-success-light:#dcfce7;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-error:#ef4444;--color-error-light:#fee2e2;--color-info:#3b82f6;--color-info-light:#dbeafe;--font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-0:0;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #0003;--shadow-inner:inset 0 2px 4px #0000000f;--container-max:1280px;--container-padding:1rem;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--transition-spring:.4s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown:100;--z-sticky:200;--z-header:300;--z-overlay:400;--z-modal:500;--z-toast:600;--header-main-height:72px;--header-nav-height:44px;--header-topbar-height:28px;--header-main-height-mobile:64px;--header-topbar-height-mobile:24px;--header-offset:calc(var(--header-main-height) + var(--header-nav-height) + var(--header-topbar-height));--header-offset-mobile:calc(var(--header-main-height-mobile) + var(--header-topbar-height-mobile))}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-gray-800);background-color:var(--color-white);min-height:100vh;overflow-x:hidden}img,video{max-width:100%;height:auto;display:block}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-gray-900)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{color:var(--color-gray-600);line-height:var(--line-height-relaxed)}::selection{background-color:var(--color-primary-100);color:var(--color-primary-700)}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:var(--radius-sm)}.container{width:100%;max-width:var(--container-max);padding-left:var(--container-padding);padding-right:var(--container-padding);margin-left:auto;margin-right:auto}.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}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.form-error{font-size:var(--font-size-sm);line-height:1.4;font-weight:var(--font-weight-medium);color:var(--color-error);margin:0}.form-error-inverse{color:#fecaca}.section{padding-top:var(--spacing-16);padding-bottom:var(--spacing-16)}.section-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-2)}.section-subtitle{font-size:var(--font-size-lg);color:var(--color-gray-500);margin-bottom:var(--spacing-10)}.page-content{padding-top:var(--header-dynamic-offset,var(--header-offset))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.15)}to{transform:scale(1)}}.animate-fadeIn{animation:fadeIn var(--transition-base) forwards}.animate-fadeInUp{animation:fadeInUp var(--transition-slow) forwards}.animate-scaleIn{animation:scaleIn var(--transition-base) forwards}.animate-spin{animation:1s linear infinite spin}.animate-pulse{animation:2s ease-in-out infinite pulse}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}@media (max-width:768px){:root{--container-padding:1rem;--header-offset:var(--header-offset-mobile)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}.section{padding-top:var(--spacing-10);padding-bottom:var(--spacing-10)}.section-title{font-size:var(--font-size-2xl)}}@media (min-width:769px) and (max-width:1024px){:root{--container-padding:1.5rem}}@media (min-width:1025px){:root{--container-padding:2rem}}@media (max-width:1024px){:is(html:has(#catalog-filters-toggle:checked),body:has(#catalog-filters-toggle:checked)){touch-action:none;overflow:hidden}}