:root{--primary-red:#C41E3A;--primary-gold:#FFD700;--primary-burgundy:#800020;--secondary-teal:#008B8B;--secondary-amber:#FFA500;--secondary-green:#28A745;--secondary-blue:#007BFF;--neutral-black:#1A1A1A;--neutral-gray-800:#2D2D2D;--neutral-gray-600:#6C757D;--neutral-gray-300:#DEE2E6;--neutral-gray-100:#F8F9FA;--neutral-white:#FFFFFF;--status-success:#28A745;--status-warning:#FFC107;--status-danger:#DC3545;--status-info:#17A2B8;--status-pending:#6C757D;--font-primary:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;--font-heading:var(--font-primary);--font-mono:'SFMono-Regular',Consolas,'Courier New',monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,0.06);--duration-fast:150ms;--duration-normal:300ms;--duration-slow:500ms;--easing:cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--neutral-black);background-color:var(--neutral-white);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--primary-burgundy)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}a{color:var(--primary-red);text-decoration:none;transition:color var(--duration-fast) var(--easing)}a:hover{color:var(--primary-burgundy)}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media (min-width:640px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--neutral-gray-300);box-shadow:var(--shadow-sm)}.navbar{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 var(--space-4)}.navbar-brand{display:flex;align-items:center;gap:var(--space-3);font-weight:var(--font-semibold);font-size:var(--text-lg);color:var(--primary-red)}.navbar-brand img{width:40px;height:40px}.navbar-menu{display:none;align-items:center;gap:var(--space-6);font-size:var(--text-sm)}@media (min-width:768px){.navbar-menu{display:flex}}.navbar-menu a{display:inline-flex;align-items:center;color:var(--neutral-gray-800);text-decoration:none;transition:color var(--duration-fast) var(--easing)}.navbar-menu a:hover{color:var(--primary-red)}.navbar-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--easing)}.navbar-toggle:hover{background-color:var(--neutral-gray-100)}@media (min-width:768px){.navbar-toggle{display:none}}.mobile-menu{display:none;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--neutral-gray-300)}.mobile-menu.active{display:flex}@media (min-width:768px){.mobile-menu{display:none !important}}.hero{position:relative;overflow:hidden;background:linear-gradient(to bottom,#FFF5F5,var(--neutral-white));padding:var(--space-16) 0}.hero::before{content:'';position:absolute;top:0;right:0;width:50%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0l30 30-30 30L0 30z' fill='%23FFD700' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:0.3}.hero-content{position:relative;z-index:1}.hero-grid{display:grid;gap:var(--space-8);align-items:center}@media (min-width:768px){.hero-grid{grid-template-columns:1fr 1fr}}.hero-title{color:var(--primary-red);margin-bottom:var(--space-4)}.hero-subtitle{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--primary-burgundy);margin-bottom:var(--space-3)}.hero-description{color:var(--neutral-gray-600);margin-bottom:var(--space-6)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-6)}.hero-image{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding:0 var(--space-6);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--duration-fast) var(--easing);text-decoration:none;white-space:nowrap}@media (min-width:640px){.btn{height:44px}}.btn:active{transform:scale(0.98)}.btn:disabled{opacity:0.5;cursor:not-allowed}.btn-primary{background-color:var(--primary-red);color:var(--neutral-white)}.btn-primary:hover{background-color:var(--primary-burgundy);color:var(--neutral-white)}.btn-secondary{background-color:var(--neutral-white);border-color:var(--primary-red);color:var(--primary-red)}.btn-secondary:hover{background-color:#FFF5F5}.btn-tertiary{background-color:transparent;color:var(--primary-red)}.btn-tertiary:hover{background-color:var(--neutral-gray-100)}.btn-gold{background:linear-gradient(135deg,var(--primary-gold) 0%,#FFA500 100%);color:var(--neutral-black);border:none}.btn-gold:hover{box-shadow:0 4px 12px rgba(255,215,0,0.4)}.card{background:var(--neutral-white);border:1px solid var(--neutral-gray-300);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--easing)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--primary-burgundy)}.card-body{color:var(--neutral-gray-600);font-size:var(--text-sm)}.card-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--neutral-gray-300)}.product-card{display:flex;flex-direction:column;height:100%;background:var(--neutral-white);border:1px solid var(--neutral-gray-300);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--duration-normal) var(--easing)}.product-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.product-image{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#FAFAFA}.product-image img{width:100%;height:100%;object-fit:contain;object-position:center;padding:1rem;transition:transform var(--duration-slow) var(--easing)}.product-card:hover .product-image img{transform:scale(1.05)}.product-badge{position:absolute;top:var(--space-3);right:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--primary-gold);color:var(--neutral-black);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);box-shadow:var(--shadow-md)}.product-content{flex:1;display:flex;flex-direction:column;padding:var(--space-4)}.product-category{font-size:var(--text-xs);color:var(--neutral-gray-600);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--space-2)}.product-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--primary-burgundy);margin-bottom:var(--space-3);line-height:var(--leading-tight)}.product-description{font-size:var(--text-sm);color:var(--neutral-gray-600);line-height:var(--leading-normal);margin-bottom:0.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-4);border-top:1px solid var(--neutral-gray-300)}.product-price{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--primary-red)}.product-info{display:flex;flex-direction:column;flex:1;padding:var(--space-4)}.product-action{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;width:100%;padding:0.625rem 1rem;margin-top:auto;margin-bottom:0;background:linear-gradient(135deg,var(--primary-red),var(--primary-burgundy));color:var(--neutral-white);font-size:0.875rem;font-weight:var(--font-semibold);border:none;border-radius:0.5rem;cursor:pointer;transition:all 300ms cubic-bezier(0.4,0,0.2,1);box-shadow:0 2px 8px rgba(196,30,58,0.2)}.product-action:hover{background:linear-gradient(135deg,var(--primary-burgundy),var(--primary-red));box-shadow:0 4px 12px rgba(196,30,58,0.4);transform:translateY(-2px)}.product-action:active{transform:translateY(0);box-shadow:0 2px 6px rgba(196,30,58,0.3)}.product-action svg{width:18px;height:18px}.grid{display:grid;gap:var(--space-6)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:767px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}@media (min-width:768px) and (max-width:1023px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full)}.badge-success{background-color:#D1FAE5;color:var(--status-success)}.badge-warning{background-color:#FEF3C7;color:#92400E}.badge-danger{background-color:#FEE2E2;color:var(--status-danger)}.badge-info{background-color:#DBEAFE;color:var(--secondary-blue)}.badge-primary{background:linear-gradient(135deg,var(--primary-red),var(--primary-burgundy));color:var(--neutral-white);font-weight:var(--font-semibold);box-shadow:0 2px 8px rgba(196,30,58,0.3);backdrop-filter:blur(8px)}.stat-card{background:var(--neutral-white);border:1px solid var(--neutral-gray-300);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center}.stat-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--primary-red);margin-bottom:var(--space-2)}.stat-label{font-size:var(--text-sm);color:var(--neutral-gray-600);text-transform:uppercase;letter-spacing:0.05em}.text-center{text-align:center}.text-right{text-align:right}.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-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)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--neutral-gray-300);border-top-color:var(--primary-red);border-radius:50%;animation:spin 0.6s linear infinite}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--duration-normal) var(--easing)}@media (max-width:767px){body{font-size:16px}}@media print{.site-header,.navbar-toggle,.mobile-menu,.btn{display:none}body{color:#000;background:#fff}}