:root{--color-primary:#1B8F4B;--color-secondary:#14532D;--color-accent:#39B86C;--color-background:#FFFFFF;--color-background-alt:#F8FAF8;--color-primary-light:#EAF8F0;--color-surface:#FFFFFF;--color-text:#1F2937;--color-text-light:#6B7280;--color-border:#DCE8DF;--color-success:#2EAD5A;--color-error:#DC3545;--color-warning:#F59E0B;--color-primary-dark:#167A3F;--color-accent-dark:#2E9C5C;--color-secondary-light:#1D6B3C;--color-primary-rgb:27,143,75;--color-accent-rgb:57,184,108;--color-text-rgb:31,41,55;--color-success-rgb:46,173,90;--color-error-rgb:220,53,69;--color-warning-rgb:245,158,11;--color-surface-rgb:255,255,255;--font-heading:'Fraunces',Georgia,serif;--font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:40px;--radius-small:8px;--radius-medium:16px;--radius-large:24px;--shadow-small:0 1px 3px rgba(var(--color-text-rgb), 0.06);--shadow-medium:0 6px 20px rgba(var(--color-text-rgb), 0.08);--shadow-large:0 16px 40px rgba(var(--color-text-rgb), 0.12)}:root{--primary-dark:var(--color-text);--primary-black:var(--color-text);--accent-gold:var(--color-accent);--accent-gold-dark:var(--color-accent-dark);--accent-blue:var(--color-secondary);--primary-white:var(--color-surface);--grey-light:var(--color-background-alt);--grey-medium:var(--color-border);--grey-dark:var(--color-text-light);--text-primary:var(--color-text);--text-secondary:var(--color-text-light);--text-light:var(--color-text-light);--border-light:var(--color-border);--bg-light:var(--color-background-alt);--bg-white:var(--color-surface);--shadow-sm:var(--shadow-small);--shadow-md:var(--shadow-medium);--shadow-lg:var(--shadow-large);--shadow-xl:var(--shadow-large);--shadow-gold:0 6px 20px rgba(var(--color-accent-rgb), 0.30);--font-primary:var(--font-body);--radius-sm:var(--radius-small);--radius-md:var(--radius-medium);--radius-lg:var(--radius-large);--shadow-glow:0 0 20px rgba(var(--color-accent-rgb), 0.35);--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:1px solid transparent;border-radius:var(--radius-small);font-family:var(--font-body);font-size:.95rem;font-weight:600;line-height:1.2;cursor:pointer;text-decoration:none;transition:var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-surface)}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:var(--color-secondary);color:var(--color-surface)}.btn-secondary:hover{background:var(--color-secondary-light)}.btn-accent{background:var(--color-accent);color:var(--color-secondary)}.btn-accent:hover{background:var(--color-accent-dark)}.btn-outline{background:0 0;border-color:var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:var(--color-surface)}.btn-ghost{background:0 0;color:var(--color-text)}.btn-ghost:hover{background:var(--color-background)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:.85rem}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:1.05rem}.btn-block{display:flex;width:100%}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-medium);box-shadow:var(--shadow-small);overflow:hidden;transition:var(--transition-normal)}.card:hover{box-shadow:var(--shadow-medium)}.card-body{padding:var(--spacing-lg)}.card-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);font-family:var(--font-heading);font-weight:600}.card-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border)}.product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-medium);overflow:hidden;box-shadow:var(--shadow-small);transition:var(--transition-normal);position:relative}.product-card:hover{box-shadow:var(--shadow-large);transform:translateY(-4px)}.product-card__image-wrap{position:relative;aspect-ratio:1/1;background:var(--color-background);overflow:hidden}.product-card__image{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow)}.product-card:hover .product-card__image{transform:scale(1.06)}.product-card__body{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.product-card__category{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-light)}.product-card__title{font-family:var(--font-heading);font-size:1.05rem;font-weight:600;color:var(--color-text);margin:0}.product-card__price-row{display:flex;align-items:baseline;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.product-card__price{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;color:var(--color-primary)}.product-card__price--old{font-size:.9rem;color:var(--color-text-light);text-decoration:line-through}.product-card__badge{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);z-index:2}.badge{display:inline-flex;align-items:center;padding:2px var(--spacing-sm);border-radius:var(--radius-small);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;line-height:1.6}.badge-primary{background:var(--color-primary);color:var(--color-surface)}.badge-accent{background:var(--color-accent);color:var(--color-surface)}.badge-success{background:var(--color-success);color:var(--color-surface)}.badge-error{background:var(--color-error);color:var(--color-surface)}.badge-warning{background:var(--color-warning);color:var(--color-surface)}.badge-new{background:var(--color-secondary);color:var(--color-surface)}.badge-sale{background:var(--color-error);color:var(--color-surface)}.badge-outline{background:0 0;border:1px solid var(--color-border);color:var(--color-text-light)}.alert{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-medium);border:1px solid transparent;font-size:.9rem}.alert-success{background:rgba(var(--color-success-rgb),.1);border-color:var(--color-success);color:var(--color-success)}.alert-error{background:rgba(var(--color-error-rgb),.1);border-color:var(--color-error);color:var(--color-error)}.alert-info{background:rgba(var(--color-primary-rgb),.08);border-color:var(--color-primary);color:var(--color-primary)}.alert-warning{background:rgba(var(--color-warning-rgb),.12);border-color:var(--color-warning);color:var(--color-warning)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-size:.85rem;font-weight:600;color:var(--color-text)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-small);font-family:var(--font-body);font-size:.95rem;color:var(--color-text);transition:var(--transition-fast)}.form-textarea{min-height:120px;resize:vertical}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.12)}.form-input.is-error{border-color:var(--color-error)}.form-hint{margin-top:var(--spacing-xs);font-size:.8rem;color:var(--color-text-light)}.form-error{margin-top:var(--spacing-xs);font-size:.8rem;color:var(--color-error)}.navbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.navbar-brand{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;color:var(--color-text);text-decoration:none}.navbar-nav{display:flex;align-items:center;gap:var(--spacing-lg);list-style:none;margin:0;padding:0}.navbar-link{font-family:var(--font-body);font-size:.95rem;font-weight:500;color:var(--color-text);text-decoration:none;transition:var(--transition-fast)}.navbar-link.is-active,.navbar-link:hover{color:var(--color-primary)}.section{padding:var(--spacing-xl) var(--spacing-lg)}.section-header{text-align:center;margin-bottom:var(--spacing-xl)}.section-title{font-family:var(--font-heading);font-size:clamp(1.6rem, 3vw, 2.4rem);font-weight:700;color:var(--color-text);margin:0 0 var(--spacing-xs)}.section-subtitle{font-family:var(--font-body);font-size:1rem;color:var(--color-text-light);margin:0}.section--surface{background:var(--color-surface)}.section--muted{background:var(--color-background)}.container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-lg)}