:root{--brand-green: #1a5c2a;--brand-green-light: #2d8a3e;--brand-orange: #f5a623;--brand-red: #cc1111;--brand-blue: #1a3a8a;--surface-base: #ffffff;--surface-raised: #f8f9f7;--surface-overlay: #f0f5f1;--surface-navy: #f2f7f3;--text-primary: #111111;--text-secondary: #555555;--text-tertiary: #888888;--text-on-brand: #000000;--accent: var(--brand-orange);--accent-hover: #ffc040;--accent-muted: rgba(245,166,35,.1);--accent-border: rgba(245,166,35,.3);--green-muted: rgba(26,92,42,.08);--green-border: rgba(26,92,42,.25);--danger: var(--brand-red);--border: rgba(0,0,0,.09);--border-muted: rgba(0,0,0,.15);--shadow-sm: rgba(0,0,0,.05) 0 2px 8px;--shadow-md: rgba(0,0,0,.09) 0 6px 24px;--shadow-accent: rgba(245,166,35,.25) 0 4px 20px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--sp-8: 48px;--r-xs: 4px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-pill: 999px;--ease-fast: .2s ease;--ease-normal: .3s ease;--ease-slow: .4s ease;--font: "Raleway", sans-serif;--t-xs: 10px;--t-sm: 12px;--t-md: 14px;--t-lg: 16px;--t-xl: 18px;--t-2xl: 22px;--t-3xl: 28px;--t-4xl: 36px;--t-5xl: 48px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);font-size:var(--t-md);font-weight:500;line-height:1.5;background:var(--surface-base);color:var(--text-primary);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit}input{font-family:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--brand-orange);outline-offset:2px;border-radius:var(--r-xs)}.skip-link{position:absolute;top:-100%;left:var(--sp-2);z-index:9999;padding:var(--sp-2) var(--sp-4);background:var(--brand-orange);color:var(--text-on-brand);font-weight:700;border-radius:var(--r-xs);transition:top var(--ease-fast)}.skip-link:focus{top:var(--sp-2)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--sp-5)}.section{padding:var(--sp-8) 0}.section--sm{padding:var(--sp-7) 0}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-6)}.section-label{font-size:var(--t-xs);font-weight:700;color:var(--brand-orange);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}.section-title{font-size:clamp(20px,2.5vw,var(--t-3xl));font-weight:900;letter-spacing:-.01em;line-height:1.1}.btn{display:inline-flex;align-items:center;gap:var(--sp-1);font-family:var(--font);font-weight:700;cursor:pointer;border:none;border-radius:var(--r-pill);white-space:nowrap;transition:background var(--ease-fast),transform var(--ease-fast),opacity var(--ease-fast),box-shadow var(--ease-fast)}.btn:active{transform:scale(.97)}.btn:disabled,.btn[aria-disabled=true]{opacity:.4;pointer-events:none}.btn-primary{background:var(--brand-orange);color:var(--text-on-brand);font-size:var(--t-md);padding:12px 26px;box-shadow:var(--shadow-accent)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:#f5a62366 0 8px 28px}.btn-primary:focus-visible{outline-color:var(--text-primary)}.btn-secondary{background:transparent;color:#111;font-size:var(--t-md);padding:12px 26px;border:1.5px solid #ccc}.btn-secondary:hover{border-color:#888;background:#0000000a}.btn-ghost{background:transparent;color:var(--brand-orange);font-size:var(--t-sm);padding:4px 0;border-bottom:1.5px solid transparent;border-radius:0}.btn-ghost:hover{border-color:var(--brand-orange)}.btn-cart{background:var(--brand-orange);color:var(--text-on-brand);font-size:var(--t-sm);font-weight:700;padding:10px var(--sp-4);border-radius:var(--r-sm);width:100%;justify-content:center;transition:background var(--ease-fast),transform var(--ease-fast)}.btn-cart:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-cart.added{background:var(--brand-green)}.btn-cart:focus-visible{outline-color:var(--text-primary)}.btn--loading{color:transparent!important;pointer-events:none;position:relative}.btn--loading:after{content:"";position:absolute;width:14px;height:14px;border:2px solid rgba(0,0,0,.25);border-top-color:#000;border-radius:50%;animation:spin .6s linear infinite;top:50%;left:50%;transform:translate(-50%,-50%)}.badge{display:inline-block;font-size:var(--t-xs);font-weight:800;padding:3px 8px;border-radius:var(--r-pill);letter-spacing:.06em;text-transform:uppercase}.badge--sale{background:var(--danger);color:#fff}.badge--new{background:var(--brand-green);color:#fff}.badge--hot{background:#ff8c00;color:#000}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.fade-up{opacity:0;transform:translateY(24px);transition:opacity var(--ease-slow),transform var(--ease-slow)}.fade-up.visible{opacity:1;transform:none}.fade-up-1{transition-delay:.1s}.fade-up-2{transition-delay:.2s}.fade-up-3{transition-delay:.3s}.fade-up-4{transition-delay:.4s}@media (max-width: 768px){.container{padding:0 var(--sp-4)}}@media (max-width: 480px){.container{padding:0 var(--sp-3)}}