:root{--color-navy:#0f1b3d;--color-navy-light:#1a2e5c;--color-blue:#2b6cb0;--color-accent:#38bdf8;--color-accent-dark:#0ea5e9;--color-accent-soft:#ebf8ff;--color-orange:#d95324;--color-orange-dark:#c44a1f;--color-error:#c53030;--color-error-soft:#fef2f2;--color-success:#15803d;--color-success-soft:#f0fdf4;--color-black:#1a1a1a;--color-white:#fff;--color-gray-50:#f8f9fb;--color-gray-100:#f1f3f6;--color-gray-200:#e8ebf0;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--font-sans:"DM Sans",system-ui,-apple-system,sans-serif;--font-display:"Bebas Neue",sans-serif;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--gutter:16px;--section-y:48px;--shadow-sm:0 1px 2px rgba(15,27,61,.06);--shadow-md:0 8px 24px rgba(15,27,61,.08);--shadow-lg:0 16px 48px rgba(15,27,61,.12);--header-height:76px;--header-height-compact:56px;--max-width:1180px;--transition:.2s ease}@media(min-width:768px){:root{--gutter:20px;--section-y:64px}}@media(min-width:1024px){:root{--gutter:24px;--section-y:80px}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;background:var(--color-navy);min-height:100%}body{font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--color-black);background:var(--color-gray-50);min-height:100dvh}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}ul{list-style:none}.h1{font-size:clamp(2.125rem,5vw,3.25rem);line-height:1.05;letter-spacing:.03em}.h1,.h2{font-family:var(--font-display);font-weight:400}.h2{font-size:clamp(1.5rem,3vw,2.125rem);line-height:1.1;letter-spacing:.025em}.h3{font-size:1.125rem;font-weight:600;line-height:1.35}.text-muted{color:var(--color-gray-500)}.text-sm{font-size:.875rem}.label,.text-xs{font-size:.75rem}.label{font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-gray-600)}.section-eyebrow{display:inline-block;margin-bottom:.75rem}.section-lead{font-size:1.0625rem;color:var(--color-gray-500);max-width:520px;line-height:1.7;margin-top:.5rem}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--gutter)}.section{padding:var(--section-y) 0}.section--white{background:var(--color-white)}.section--gray{background:var(--color-gray-50)}.section-header{margin-bottom:2.5rem}.section-header--row{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.section-header__link{display:inline-flex;align-items:center;gap:.35rem;font-size:.9375rem;font-weight:600;color:var(--color-navy);padding:.5rem 1rem;border-radius:var(--radius-sm);background:var(--color-white);border:1px solid var(--color-gray-200);transition:background var(--transition),border-color var(--transition),color var(--transition)}.section-header__link:hover{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-navy)}.page-hero{background:var(--color-white);padding:2.5rem 0 2rem;border-bottom:1px solid var(--color-gray-200)}.page-hero--navy{background:linear-gradient(135deg,var(--color-navy) 0,var(--color-navy-light) 100%);color:var(--color-white);border-bottom:none}.page-hero--navy .section-lead,.page-hero--navy .text-muted{color:#ffffffbf}.page-hero--navy .label{color:var(--color-accent)}.page-hero--navy .breadcrumb{color:#ffffff8c}.page-hero--navy .breadcrumb a{color:#ffffffbf}.page-hero--navy .breadcrumb a:hover{color:var(--color-white)}.breadcrumb{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.875rem;color:var(--color-gray-500);margin-bottom:1rem}.breadcrumb a:hover{color:var(--color-navy)}.breadcrumb__sep{color:var(--color-gray-400)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.625rem;min-height:44px;font-size:.9375rem;font-weight:600;border-radius:var(--radius-xs);transition:background var(--transition),color var(--transition),transform var(--transition),box-shadow var(--transition),border-color var(--transition);white-space:nowrap}.btn:active{transform:scale(.98)}.btn--primary{background:var(--color-navy);color:var(--color-white)}.btn--primary:hover{background:var(--color-navy-light);color:var(--color-white)}.btn--secondary{background:transparent;color:var(--color-navy);border:2px solid var(--color-navy);box-shadow:none}.btn--secondary:hover{background:var(--color-navy);color:var(--color-white)}.btn--outline{background:transparent;color:var(--color-navy);border:2px solid var(--color-gray-200);box-shadow:none}.btn--outline:hover{background:var(--color-white);border-color:var(--color-navy)}.btn--outline-light{color:var(--color-white);border-color:#ffffff59;box-shadow:none}.btn--outline-light:hover{background:#ffffff1a;border-color:var(--color-white);color:var(--color-white)}.btn--ghost{background:transparent;color:var(--color-navy);padding:.5rem .75rem;box-shadow:none}.btn--ghost:hover{background:var(--color-gray-100)}.btn--full{width:100%}.btn--sm{padding:.625rem 1.125rem;min-height:44px;font-size:.875rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.badge{display:inline-block;padding:.3rem .65rem;font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-pill)}.badge--sale{background:var(--color-orange);color:var(--color-white)}.badge--new{background:var(--color-accent);color:var(--color-navy)}.badge--soldout{background:var(--color-gray-200);color:var(--color-gray-600)}.card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);overflow:hidden}.grid-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:12px}@media(min-width:768px){.grid-products{gap:20px}}.price{font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-navy)}.price--sale{color:var(--color-orange)}.price--original{font-weight:400;font-size:.875rem;color:var(--color-gray-400);text-decoration:line-through;margin-left:.5rem}.input{width:100%;padding:.875rem 1rem;font-family:inherit;font-size:.9375rem;border:1.5px solid var(--color-gray-200);border-radius:var(--radius-sm);transition:border-color var(--transition),box-shadow var(--transition);background:var(--color-white)}.input:focus{outline:none;border-color:var(--color-navy);box-shadow:0 0 0 3px #0f1b3d14}.input--error,.input--error:focus{border-color:var(--color-error)}.input--error:focus{box-shadow:0 0 0 3px #c530301f}.skip-link{position:absolute;left:1rem;top:-4rem;z-index:1000;padding:.625rem 1rem;background:var(--color-navy);color:var(--color-white);font-weight:600;font-size:.875rem;border-radius:var(--radius-sm);transition:top var(--transition)}.skip-link:focus{top:1rem;outline:2px solid var(--color-accent);outline-offset:2px}.overlay{position:fixed;inset:0;background:#0f1b3d73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;opacity:0;visibility:hidden;transition:opacity var(--transition),visibility var(--transition)}.overlay--visible{opacity:1;visibility:visible}.drawer{position:fixed;top:0;right:0;width:100%;max-width:420px;height:100vh;background:var(--color-white);z-index:100;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.drawer--open{transform:translate(0)}:focus-visible{outline:2px solid var(--color-navy);outline-offset:2px}.page-enter-active,.page-leave-active{transition:opacity .2s ease}.page-enter-from,.page-leave-to{opacity:0}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}