Memorial Day Patriotic Collection

About

.pat-hero { background: linear-gradient(135deg, #002347 0%, #003a70 50%, #b22234 100%); border-radius: 16px; padding: 60px 40px; text-align: center; color: #fff; margin-bottom: 40px; position: relative; overflow: hidden; } .pat-hero::before { content: ''; position: absolute; font-size: 200px; opacity: 0.05; top: -30px; right: -20px; line-height: 1; } .pat-badge { display: inline-block; background: #b22234; color: #fff; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: 3px; padding: 6px 18px; border-radius: 50px; margin-bottom: 20px; } .pat-hero h2 { font-size: clamp(28px, 5vw, 48px); font-weight: 900; text-transform: uppercase; margin: 0 0 16px; line-height: 1.1; color: #fff !important; } .pat-hero p { font-size: 17px; opacity: 0.9; max-width: 560px; margin: 0 auto 36px; line-height: 1.7; color: #fff; } .pat-countdown { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; margin-bottom: 36px; } .pat-count-box { background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 16px 20px; min-width: 72px; } .pat-count-num { display: block; font-size: 42px; font-weight: 900; line-height: 1; color: #fff; } .pat-count-label { display: block; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: rgba(255,255,255,0.7); margin-top: 6px; } .pat-hero-btn { display: inline-block; background: #fff; color: #002347 !important; font-size: 14px; font-weight: 900; text-transform: uppercase; letter-spacing: 1.5px; padding: 16px 36px; border-radius: 8px; text-decoration: none !important; margin: 4px; } .pat-hero-btn.outline { background: transparent; color: #fff !important; border: 2px solid rgba(255,255,255,0.6); } .pat-cats { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 36px; justify-content: center; } .pat-cat-pill { display: inline-flex; align-items: center; gap: 6px; background: #fff; border: 2px solid #e2e8f0; color: #002347 !important; font-size: