:root{--color-court: #087F5B;--color-court-dark: #066649;--color-mint: #E8FFF3;--color-mint-line: #B8F2D1;--color-white: #FFFFFF;--color-ink: #122B24;--color-muted: #4A6B60;--color-cork: #FFB938;--color-smash: #FF795B;--color-smash-orange: #C2410C;--color-sky: #E7F4FF;--color-danger: #E03131;--font-display: "Barlow Condensed", "Arial Narrow", sans-serif;--font-body: "Be Vietnam Pro", system-ui, sans-serif;--spacing-4: 4px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-24: 24px;--spacing-32: 32px;--spacing-48: 48px;--spacing-72: 72px;--radius-image: 12px;--radius-card: 16px;--radius-control: 10px;--radius-pill: 999px;--content-max: 1200px;--shadow-sm: 0 2px 6px rgba(18, 43, 36, .05);--shadow-md: 0 8px 20px rgba(8, 127, 91, .08);--transition-fast: .15s ease;--transition-normal: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-white);color:var(--color-ink);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--color-court);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-court-dark)}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{max-width:var(--content-max);margin:0 auto;padding:0 var(--spacing-16)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.625rem 1.25rem;font-family:var(--font-body);font-size:1rem;font-weight:600;border-radius:var(--radius-control);transition:all var(--transition-fast);text-decoration:none}.btn:focus-visible{outline:3px solid var(--color-coral);outline-offset:2px}.btn-primary,a.btn-primary{background-color:var(--color-court);color:var(--color-white)!important;box-shadow:0 2px 6px #087f5b33}.btn-primary:hover,a.btn-primary:hover{background-color:var(--color-court-dark);color:var(--color-white)!important;transform:translateY(-1px);box-shadow:0 4px 12px #087f5b4d}.btn-secondary,a.btn-secondary{border:1.5px solid var(--color-court);background-color:var(--color-white);color:var(--color-court)!important}.btn-secondary:hover,a.btn-secondary:hover{background-color:var(--color-mint);border-color:var(--color-court-dark);color:var(--color-court-dark)!important}.card{background-color:var(--color-white);border:1px solid var(--color-mint-line);border-radius:var(--radius-card);padding:var(--spacing-24);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-court)}.price-tag{font-family:var(--font-display);font-weight:800;color:var(--color-smash-orange);letter-spacing:.5px}.header-root{background:var(--color-white);border-bottom:1px solid var(--color-mint-line);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.header-container{display:flex;justify-content:space-between;align-items:center;height:64px}.header-brand{display:flex;align-items:center}.brand-link{display:flex;align-items:center;gap:8px}.brand-link:focus-visible{outline:3px solid var(--color-court);outline-offset:4px;border-radius:4px}.header-nav{display:flex;gap:var(--spacing-24);align-items:center;font-weight:600}.nav-link{color:var(--color-ink);padding:4px 8px;font-size:.9375rem;border-bottom:2px solid transparent;transition:all var(--transition-fast)}.nav-link:hover,.nav-link.active{color:var(--color-court);border-bottom-color:var(--color-court)}.nav-link:focus-visible{outline:2px solid var(--color-court);outline-offset:2px;border-radius:4px}.header-actions{display:flex;align-items:center;gap:var(--spacing-12)}.header-cart-btn{min-height:38px;padding:4px 14px;font-size:.875rem;display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-pill)}.cart-badge{background:var(--color-court);color:var(--color-white);border-radius:999px;padding:1px 8px;font-size:.75rem;font-weight:700}.header-admin-btn{font-size:.8125rem;color:var(--color-muted);text-decoration:none;padding:6px 12px;border-radius:var(--radius-control);background:var(--color-mint);font-weight:600;transition:all var(--transition-fast)}.header-admin-btn:hover,.header-admin-btn.active-admin{color:var(--color-court);background:var(--color-mint-line)}.header-admin-btn:focus-visible{outline:2px solid var(--color-court);outline-offset:2px}.mobile-menu-toggle{display:none;font-size:1.5rem;padding:4px 10px;border-radius:var(--radius-control);color:var(--color-ink);background:var(--color-mint);border:1px solid var(--color-mint-line);line-height:1}.mobile-menu-toggle:focus-visible{outline:3px solid var(--color-court);outline-offset:2px}.mobile-nav-drawer{background:var(--color-white);border-bottom:2px solid var(--color-mint-line);padding:var(--spacing-16) var(--spacing-24);box-shadow:0 8px 16px #00000014}.mobile-nav-content{display:flex;flex-direction:column;gap:var(--spacing-12)}.mobile-nav-link{font-size:1rem;font-weight:600;color:var(--color-ink);padding:10px 14px;border-radius:var(--radius-control);background:var(--color-mint);transition:background var(--transition-fast)}.mobile-nav-link:hover,.mobile-nav-link.active{background:var(--color-mint-line);color:var(--color-court)}.mobile-nav-link:focus-visible{outline:3px solid var(--color-court);outline-offset:2px}@media(max-width:768px){.header-nav{display:none}.mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center}}@media(min-width:769px){.mobile-nav-drawer{display:none!important}}