:root{--primary:#0072BC;--secondary:#005D99;--tertiary:#003E66;--red-primary:#ED1B2E;--red-secondary:#BD0F1F;--red-tertiary:#8E0B17;--text-primary:#1A1A1A;--text-secondary:#262626;--text-tertiary:#333333;--text-white:#fff;--text-muted:#CDCDCD;--primary-font:"Oxanium",sans-serif;--secondary-font:"Open Sans",sans-serif}.hero{background:url(/_next/static/media/products\ banner.522c59bf.jpg) 50%/cover no-repeat;height:512px;display:flex;align-items:center;justify-content:center;text-align:center}.hero .heroContent{color:var(--text-white);background:rgba(0,0,0,.5);padding:2rem;border-radius:12px}.hero .heroContent h1{font-size:2.5rem}.hero .heroContent p{margin-top:.5rem;color:var(--text-muted)}.filterNav{margin:2rem auto;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.filterNav .filterBtn{padding:10px 20px;border:1px solid var(--primary);border-radius:8px;background:#fff;cursor:pointer;transition:all .3s}.filterNav .filterBtn:hover{background:var(--tertiary);color:#fff}.filterNav .active{background:var(--secondary);color:#fff}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;padding:0 2rem}@media(max-width:1024px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.grid{grid-template-columns:1fr}}.featured{margin:4rem 0;padding:2rem;background:#f9f9f9}.featured .featuredContent{display:grid;grid-template-columns:1fr 1fr;align-items:center;grid-gap:2rem;gap:2rem}.featured .featuredContent img{width:100%;border-radius:12px;object-fit:contain}.featured .featuredContent h2{margin-bottom:1rem}.featured .featuredContent .featureBtn{margin-top:1rem;padding:10px 20px;background:var(--primary);border:none;color:#fff;border-radius:8px;cursor:pointer}@media(max-width:768px){.featured .featuredContent{grid-template-columns:1fr}}.ctaFooter{text-align:center;padding:3rem 2rem;background:var(--primary);color:#fff}.ctaFooter h2{margin-bottom:1rem;color:var(--text-white)}.ctaFooter .ctaBtn{padding:10px 20px;background:#fff;color:var(--primary);border:none;border-radius:8px;cursor:pointer;font-weight:700}.ctaFooter .ctaBtn:hover{background:var(--tertiary);color:#fff}