/* Shared CSS for SYZ Machine Custom HTML landing pages. Generated from local landing page source files. */
/* atv-utv-axle */
.syz-page-atv-utv-axle { --primary-red: #B2322E;
--primary-dark: #181818;
--white: #FFFFFF;
--off-white: #F9F9F9;
--board-bg: #EAEAEA;
--accent-red-light: #D4524E;
--accent-red-dark: #8A1F1C;
--text-muted: #666666;
--border-light: #E0E0E0;
--border-dark: #222222;
--shadow-sm: 0 2px 8px rgba(0,0,0,0.05);
--shadow-md: 0 8px 24px rgba(0,0,0,0.08);
--shadow-lg: 0 16px 48px rgba(0,0,0,0.12);
--ff-h: 'Lexend', sans-serif;
--ff-b: 'DM Sans', sans-serif;
--ff-m: 'DM Mono', monospace;
--ease: cubic-bezier(.25, .8, .25, 1); }
.syz-page-atv-utv-axle *, .syz-page-atv-utv-axle *::before, .syz-page-atv-utv-axle *::after { box-sizing: border-box;
margin: 0;
padding: 0; }
.syz-page-atv-utv-axle { scroll-behavior: smooth; }
.syz-page-atv-utv-axle { font-family: var(--ff-b);
font-size: 1rem;
line-height: 1.7;
color: var(--primary-dark);
background-color: var(--white);
-webkit-font-smoothing: antialiased;
overflow-x: hidden; }
.syz-page-atv-utv-axle h1, .syz-page-atv-utv-axle h2, .syz-page-atv-utv-axle h3, .syz-page-atv-utv-axle h4, .syz-page-atv-utv-axle h5, .syz-page-atv-utv-axle h6 { font-family: var(--ff-h);
color: var(--primary-dark);
font-weight: 700;
line-height: 1.25; }
.syz-page-atv-utv-axle a { color: inherit;
text-decoration: none;
transition: color 0.3s var(--ease); }
.syz-page-atv-utv-axle ul { list-style: none; }
.syz-page-atv-utv-axle .container { max-width: 1400px;
margin: 0 auto;
padding: 0 40px; }
.syz-page-atv-utv-axle section { padding: 100px 0;
position: relative; }
.syz-page-atv-utv-axle .bg-light { background-color: var(--off-white); }
.syz-page-atv-utv-axle .section-header { max-width: 800px;
margin-bottom: 56px; }
.syz-page-atv-utv-axle .section-label { display: inline-block;
font-family: var(--ff-h);
font-size: 0.8rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
color: var(--primary-red);
margin-bottom: 16px; }
.syz-page-atv-utv-axle .section-title { font-size: 2.4rem;
font-weight: 700;
letter-spacing: -0.5px;
margin-bottom: 18px; }
.syz-page-atv-utv-axle .section-desc { font-size: 1.05rem;
color: var(--text-muted); }
.syz-page-atv-utv-axle .btn { display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
font-family: var(--ff-h);
font-size: 0.9rem;
font-weight: 700;
padding: 14px 32px;
border-radius: 6px;
transition: all 0.3s var(--ease);
border: none;
cursor: pointer;
white-space: nowrap; }
.syz-page-atv-utv-axle .btn-primary { background-color: var(--primary-red);
color: var(--white); }
.syz-page-atv-utv-axle .btn-primary:hover { background-color: var(--accent-red-dark);
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(178, 50, 46, 0.25); }
.syz-page-atv-utv-axle .btn-outline { background-color: transparent;
color: var(--primary-dark);
border: 1px solid var(--border-light); }
.syz-page-atv-utv-axle .btn-outline:hover { border-color: var(--primary-dark);
background-color: rgba(0,0,0,0.02); }
.syz-page-atv-utv-axle .btn-email svg { fill: none !important;
stroke: currentColor !important; }
.syz-page-atv-utv-axle header { position: sticky;
top: 0;
z-index: 1000;
background-color: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
border-bottom: 1px solid var(--border-light);
transition: all 0.3s var(--ease); }
.syz-page-atv-utv-axle header.scrolled { box-shadow: var(--shadow-sm); }
.syz-page-atv-utv-axle .header-in { display: flex;
align-items: center;
justify-content: space-between;
height: 80px; }
.syz-page-atv-utv-axle .logo img { height: 42px;
width: auto;
display: block; }
.syz-page-atv-utv-axle .nav-menu { display: flex;
align-items: center;
gap: 32px; }
.syz-page-atv-utv-axle .nav-link { font-family: var(--ff-h);
font-size: 0.9rem;
font-weight: 500;
color: var(--primary-dark);
display: flex;
align-items: center;
gap: 6px; }
.syz-page-atv-utv-axle .nav-link:hover { color: var(--primary-red); }
.syz-page-atv-utv-axle .hero { padding: 80px 0 100px;
background: linear-gradient(135deg, #FFFFFF 0%, #F9F9F9 100%);
border-bottom: 1px solid var(--border-light); }
.syz-page-atv-utv-axle .grid-2 { display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center; }
.syz-page-atv-utv-axle .hero-tag { display: inline-block;
font-family: var(--ff-h);
font-size: 0.78rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--primary-red);
background: rgba(178, 50, 46, 0.08);
padding: 6px 14px;
border-radius: 4px;
margin-bottom: 20px; }
.syz-page-atv-utv-axle .hero h1 { font-size: 3.2rem;
font-weight: 900;
letter-spacing: -1px;
line-height: 1.15;
margin-bottom: 20px; }
.syz-page-atv-utv-axle .hero h1 span { color: var(--primary-red); }
.syz-page-atv-utv-axle .hero-sub { font-size: 1.1rem;
color: var(--text-muted);
margin-bottom: 32px;
line-height: 1.6; }
.syz-page-atv-utv-axle .hero-hooks { display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
margin-bottom: 36px; }
.syz-page-atv-utv-axle .hook-item { display: flex;
align-items: center;
gap: 10px;
font-size: 0.92rem;
font-weight: 600;
color: var(--primary-dark); }
.syz-page-atv-utv-axle .hook-icon { width: 22px;
height: 22px;
border-radius: 50%;
background-color: rgba(178, 50, 46, 0.1);
color: var(--primary-red);
display: flex;
align-items: center;
justify-content: center;
font-size: 0.8rem;
font-weight: 900; }
.syz-page-atv-utv-axle .hero-ctas { display: flex;
gap: 16px; }
.syz-page-atv-utv-axle .hero-visual { position: relative; }
.syz-page-atv-utv-axle .visual-frame { background-color: var(--white);
border: 1px solid var(--border-light);
border-radius: 12px;
padding: 16px;
box-shadow: var(--shadow-lg);
position: relative;
overflow: hidden; }
.syz-page-atv-utv-axle .visual-frame img { width: 100%;
height: 420px;
object-fit: cover;
border-radius: 8px;
display: block; }
.syz-page-atv-utv-axle .visual-badge { position: absolute;
bottom: 32px;
left: 32px;
background: rgba(24, 24, 24, 0.85);
backdrop-filter: blur(8px);
color: var(--white);
padding: 12px 20px;
border-radius: 6px;
font-family: var(--ff-m);
font-size: 0.8rem;
border-left: 3px solid var(--primary-red); }
.syz-page-atv-utv-axle .stats-strip { background-color: var(--primary-dark);
color: var(--white);
padding: 40px 0; }
.syz-page-atv-utv-axle .stats-row { display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
text-align: center; }
.syz-page-atv-utv-axle .stat-num { font-family: var(--ff-h);
font-size: 2.4rem;
font-weight: 900;
color: var(--white);
margin-bottom: 4px; }
.syz-page-atv-utv-axle .stat-num span { color: #FF6567; }
.syz-page-atv-utv-axle .stat-lbl { font-size: 0.85rem;
color: #AAAAAA;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 500; }
.syz-page-atv-utv-axle .filter-bar { display: flex;
justify-content: center;
gap: 12px;
margin-bottom: 48px;
flex-wrap: wrap; }
.syz-page-atv-utv-axle .filter-btn { font-family: var(--ff-h);
font-size: 0.85rem;
font-weight: 700;
padding: 10px 24px;
border: 1px solid var(--border-light);
background: var(--white);
border-radius: 30px;
cursor: pointer;
color: var(--text-muted);
transition: all 0.3s var(--ease);
outline: none; }
.syz-page-atv-utv-axle .filter-btn:hover { border-color: var(--primary-red);
color: var(--primary-red); }
.syz-page-atv-utv-axle .filter-btn.active { background: var(--primary-red);
border-color: var(--primary-red);
color: var(--white);
box-shadow: 0 4px 12px rgba(178, 50, 46, 0.15); }
.syz-page-atv-utv-axle .products-grid { display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: 32px; }
.syz-page-atv-utv-axle .product-card { background: var(--white);
border: 1px solid var(--border-light);
border-radius: 12px;
overflow: hidden;
box-shadow: var(--shadow-sm);
transition: all 0.35s var(--ease);
display: flex;
flex-direction: column; }
.syz-page-atv-utv-axle .product-card:hover { transform: translateY(-6px);
border-color: var(--primary-red);
box-shadow: var(--shadow-md); }
.syz-page-atv-utv-axle .product-thumb { position: relative;
aspect-ratio: 4 / 3;
overflow: hidden;
background: #f5f5f5; }
.syz-page-atv-utv-axle .product-thumb img { width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s var(--ease); }
.syz-page-atv-utv-axle .product-card:hover .product-thumb img { transform: scale(1.06); }
.syz-page-atv-utv-axle .product-badge { position: absolute;
top: 14px;
left: 14px;
background: var(--primary-dark);
color: var(--white);
font-family: var(--ff-m);
font-size: 0.72rem;
font-weight: 700;
padding: 4px 10px;
border-radius: 4px;
text-transform: uppercase;
letter-spacing: 0.5px;
z-index: 2; }
.syz-page-atv-utv-axle .product-badge.badge-oversized { background: var(--primary-red); }
.syz-page-atv-utv-axle .product-body { padding: 24px;
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: space-between; }
.syz-page-atv-utv-axle .product-title { font-size: 1.15rem;
font-weight: 700;
color: var(--primary-dark);
margin-bottom: 10px;
line-height: 1.35; }
.syz-page-atv-utv-axle .product-fitment { font-family: var(--ff-m);
font-size: 0.76rem;
color: var(--primary-red);
background: rgba(178, 50, 46, 0.06);
padding: 6px 10px;
border-radius: 4px;
margin-bottom: 12px;
line-height: 1.4;
font-weight: 500; }
.syz-page-atv-utv-axle .product-spec { font-size: 0.85rem;
color: var(--text-muted);
margin-bottom: 20px;
line-height: 1.5; }
.syz-page-atv-utv-axle .product-actions { display: flex;
gap: 10px;
margin-top: auto; }
.syz-page-atv-utv-axle .btn-card-inquire { flex: 1;
font-size: 0.82rem;
padding: 10px 14px; }
.syz-page-atv-utv-axle .btn-card-zoom { width: 40px;
height: 40px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
border: 1px solid var(--border-light);
background: var(--white);
color: var(--primary-dark);
cursor: pointer;
transition: all 0.3s; }
.syz-page-atv-utv-axle .btn-card-zoom:hover { border-color: var(--primary-red);
color: var(--primary-red); }
.syz-page-atv-utv-axle .anatomy-grid { display: grid;
grid-template-columns: 1fr 1fr;
gap: 50px;
align-items: center; }
.syz-page-atv-utv-axle .anatomy-img-frame { background: var(--white);
border: 1px solid var(--border-light);
border-radius: 12px;
padding: 20px;
box-shadow: var(--shadow-md); }
.syz-page-atv-utv-axle .anatomy-img-frame img { width: 100%;
height: auto;
border-radius: 8px;
display: block; }
.syz-page-atv-utv-axle .table-container { width: 100%;
overflow-x: auto;
margin-top: 30px;
background: var(--white);
border: 1px solid var(--border-light);
border-radius: 10px;
box-shadow: var(--shadow-sm); }
.syz-page-atv-utv-axle .hardness-table { width: 100%;
border-collapse: collapse;
text-align: left;
font-size: 0.88rem; }
.syz-page-atv-utv-axle .hardness-table th { background-color: var(--primary-dark);
color: var(--white);
font-family: var(--ff-h);
padding: 14px 18px;
font-weight: 700;
text-transform: uppercase;
font-size: 0.8rem;
letter-spacing: 0.5px; }
.syz-page-atv-utv-axle .hardness-table td { padding: 14px 18px;
border-bottom: 1px solid var(--border-light);
color: var(--primary-dark); }
.syz-page-atv-utv-axle .hardness-table tr:last-child td { border-bottom: none; }
.syz-page-atv-utv-axle .hardness-table tr:nth-child(even) { background-color: var(--off-white); }
.syz-page-atv-utv-axle .table-tag { font-family: var(--ff-m);
font-size: 0.78rem;
font-weight: 700;
color: var(--primary-red);
background: rgba(178, 50, 46, 0.08);
padding: 3px 8px;
border-radius: 4px;
display: inline-block; }
.syz-page-atv-utv-axle .specs-grid { display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px; }
.syz-page-atv-utv-axle .spec-box { background: var(--white);
border: 1px solid var(--border-light);
border-radius: 10px;
padding: 32px;
box-shadow: var(--shadow-sm);
transition: all 0.3s var(--ease); }
.syz-page-atv-utv-axle .spec-box:hover { transform: translateY(-4px);
box-shadow: var(--shadow-md);
border-color: var(--primary-red); }
.syz-page-atv-utv-axle .spec-icon { width: 48px;
height: 48px;
border-radius: 8px;
background: rgba(178, 50, 46, 0.08);
color: var(--primary-red);
display: flex;
align-items: center;
justify-content: center;
font-size: 1.4rem;
font-weight: 700;
margin-bottom: 20px; }
.syz-page-atv-utv-axle .spec-box h3 { font-size: 1.2rem;
font-weight: 700;
margin-bottom: 10px; }
.syz-page-atv-utv-axle .spec-box p { font-size: 0.9rem;
color: var(--text-muted);
line-height: 1.6; }
.syz-page-atv-utv-axle .process-timeline { display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px; }
.syz-page-atv-utv-axle .process-step { background: var(--white);
border: 1px solid var(--border-light);
border-radius: 10px;
padding: 32px;
position: relative;
box-shadow: var(--shadow-sm);
text-align: left; }
.syz-page-atv-utv-axle .step-num { font-family: var(--ff-h);
font-size: 2.2rem;
font-weight: 900;
color: rgba(178, 50, 46, 0.2);
margin-bottom: 12px;
line-height: 1; }
.syz-page-atv-utv-axle .process-step h3 { font-size: 1.15rem;
font-weight: 700;
margin-bottom: 10px; }
.syz-page-atv-utv-axle .process-step p { font-size: 0.88rem;
color: var(--text-muted);
line-height: 1.6; }
.syz-page-atv-utv-axle .why-grid { display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px; }
.syz-page-atv-utv-axle .why-card { background: var(--white);
border: 1px solid var(--border-light);
border-radius: 10px;
padding: 32px;
box-shadow: var(--shadow-sm);
text-align: left; }
.syz-page-atv-utv-axle .why-card h4 { font-size: 1.1rem;
font-weight: 700;
margin-bottom: 10px;
color: var(--primary-dark); }
.syz-page-atv-utv-axle .why-card p { font-size: 0.88rem;
color: var(--text-muted);
line-height: 1.6; }
.syz-page-atv-utv-axle .faq-list { max-width: 900px;
margin: 0 auto; }
.syz-page-atv-utv-axle .faq-row { background: var(--white);
border: 1px solid var(--border-light);
border-radius: 8px;
margin-bottom: 16px;
overflow: hidden;
box-shadow: var(--shadow-sm); }
.syz-page-atv-utv-axle .faq-q { padding: 20px 24px;
font-family: var(--ff-h);
font-size: 1.05rem;
font-weight: 700;
color: var(--primary-dark);
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
user-select: none; }
.syz-page-atv-utv-axle .faq-icon { font-size: 1.2rem;
transition: transform 0.3s var(--ease);
color: var(--primary-red); }
.syz-page-atv-utv-axle .faq-row.open .faq-icon { transform: rotate(45deg); }
.syz-page-atv-utv-axle .faq-ans { max-height: 0;
overflow: hidden;
transition: max-height 0.35s var(--ease);
padding: 0 24px; }
.syz-page-atv-utv-axle .faq-row.open .faq-ans { padding-bottom: 24px; }
.syz-page-atv-utv-axle .faq-ans p { font-size: 0.92rem;
color: var(--text-muted);
line-height: 1.65; }
.syz-page-atv-utv-axle .contact-card { background-color: var(--white);
border: 1px solid var(--border-light);
border-radius: 16px;
padding: 50px;
box-shadow: var(--shadow-lg); }
.syz-page-atv-utv-axle .form-grid { display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
margin-bottom: 24px; }
.syz-page-atv-utv-axle .form-group { display: flex;
flex-direction: column;
gap: 8px; }
.syz-page-atv-utv-axle .form-group.full { grid-column: span 2; }
.syz-page-atv-utv-axle .form-group label { font-family: var(--ff-h);
font-size: 0.85rem;
font-weight: 700;
color: var(--primary-dark); }
.syz-page-atv-utv-axle .form-group input, .syz-page-atv-utv-axle .form-group select, .syz-page-atv-utv-axle .form-group textarea { font-family: var(--ff-b);
font-size: 0.95rem;
padding: 14px 16px;
border: 1px solid var(--border-light);
border-radius: 6px;
background-color: var(--off-white);
color: var(--primary-dark);
transition: all 0.3s var(--ease);
outline: none; }
.syz-page-atv-utv-axle .form-group input:focus, .syz-page-atv-utv-axle .form-group select:focus, .syz-page-atv-utv-axle .form-group textarea:focus { border-color: var(--primary-red);
background-color: var(--white);
box-shadow: 0 0 0 3px rgba(178, 50, 46, 0.1); }
.syz-page-atv-utv-axle .drop-zone { border: 2px dashed var(--border-light);
border-radius: 6px;
padding: 28px;
text-align: center;
background-color: var(--off-white);
cursor: pointer;
transition: all 0.3s var(--ease); }
.syz-page-atv-utv-axle .drop-zone:hover { border-color: var(--primary-red);
background-color: rgba(178, 50, 46, 0.02); }
.syz-page-atv-utv-axle .drop-zone p { font-size: 0.85rem;
color: var(--text-muted); }
.syz-page-atv-utv-axle .lightbox-modal { position: fixed;
inset: 0;
background-color: rgba(24, 24, 24, 0.9);
backdrop-filter: blur(8px);
z-index: 9999;
display: none;
align-items: center;
justify-content: center;
padding: 40px;
opacity: 0;
transition: opacity 0.3s ease; }
.syz-page-atv-utv-axle .lightbox-modal.open { display: flex;
opacity: 1; }
.syz-page-atv-utv-axle .lightbox-content { background-color: var(--white);
max-width: 750px;
width: 100%;
border-radius: 12px;
overflow: hidden;
position: relative;
box-shadow: var(--shadow-lg);
padding: 32px; }
.syz-page-atv-utv-axle .lightbox-close { position: absolute;
top: 16px;
right: 20px;
background: none;
border: none;
font-size: 2rem;
cursor: pointer;
color: var(--primary-dark);
line-height: 1; }
.syz-page-atv-utv-axle .lightbox-close:hover { color: var(--primary-red); }
.syz-page-atv-utv-axle footer { background-color: var(--primary-dark);
color: var(--white);
padding: 80px 0 40px;
border-top: 1px solid var(--border-dark); }
.syz-page-atv-utv-axle .ft-top { display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 60px;
margin-bottom: 60px; }
.syz-page-atv-utv-axle .ft-logo img { height: 40px;
width: auto;
margin-bottom: 16px; }
.syz-page-atv-utv-axle .ft-about { color: #999999;
font-size: 0.9rem;
margin-bottom: 24px; }
.syz-page-atv-utv-axle .ft-contact a { display: flex;
align-items: center;
gap: 8px;
color: #CCCCCC;
font-size: 0.85rem;
margin-bottom: 12px; }
.syz-page-atv-utv-axle .ft-contact a:hover { color: var(--white); }
.syz-page-atv-utv-axle .ft-col h4 { color: var(--white);
font-size: 0.95rem;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 20px; }
.syz-page-atv-utv-axle .ft-col ul li { margin-bottom: 12px; }
.syz-page-atv-utv-axle .ft-col ul li a { color: #999999;
font-size: 0.88rem; }
.syz-page-atv-utv-axle .ft-col ul li a:hover { color: var(--white); }
.syz-page-atv-utv-axle .ft-bottom { border-top: 1px solid #2A2A2A;
padding-top: 32px;
display: flex;
align-items: center;
justify-content: space-between;
color: #666666;
font-size: 0.8rem; }
.syz-page-atv-utv-axle .ft-badges { display: flex;
gap: 16px; }
.syz-page-atv-utv-axle .ft-badge { font-family: var(--ff-m);
font-size: 0.72rem;
color: #AAAAAA;
border: 1px solid #333333;
padding: 4px 10px;
border-radius: 4px; }
@media (max-width: 1024px) {
.syz-page-atv-utv-axle .grid-2, .syz-page-atv-utv-axle .anatomy-grid { grid-template-columns: 1fr; }
.syz-page-atv-utv-axle .specs-grid, .syz-page-atv-utv-axle .why-grid, .syz-page-atv-utv-axle .process-timeline { grid-template-columns: 1fr 1fr; }
.syz-page-atv-utv-axle .ft-top { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
.syz-page-atv-utv-axle .specs-grid, .syz-page-atv-utv-axle .why-grid, .syz-page-atv-utv-axle .process-timeline, .syz-page-atv-utv-axle .ft-top { grid-template-columns: 1fr; }
.syz-page-atv-utv-axle .form-grid { grid-template-columns: 1fr; }
.syz-page-atv-utv-axle .form-group.full { grid-column: span 1; }
.syz-page-atv-utv-axle .hero h1 { font-size: 2.2rem; }
}
/* Polaris-Can-Am-Windshield */
.syz-page-polaris-can-am-windshield { --primary-red: #B2322E;
--primary-dark: #181818;
--white: #FFFFFF;
--off-white: #F9F9F9;
--board-bg: #EAEAEA;
--accent-red-light: #D4524E;
--accent-red-dark: #8A1F1C;
--text-muted: #666666;
--border-light: #E0E0E0;
--border-dark: #222222;
--shadow-sm: 0 2px 8px rgba(0,0,0,0.05);
--shadow-md: 0 8px 24px rgba(0,0,0,0.08);
--shadow-lg: 0 16px 48px rgba(0,0,0,0.12);
--ff-h: 'Lexend', sans-serif;
--ff-b: 'DM Sans', sans-serif;
--ff-m: 'DM Mono', monospace;
--ease: cubic-bezier(.25, .8, .25, 1); }
.syz-page-polaris-can-am-windshield *, .syz-page-polaris-can-am-windshield *::before, .syz-page-polaris-can-am-windshield *::after { box-sizing: border-box;
margin: 0;
padding: 0; }
.syz-page-polaris-can-am-windshield { scroll-behavior: smooth; }
.syz-page-polaris-can-am-windshield { font-family: var(--ff-b);
font-size: 1rem;
line-height: 1.7;
color: var(--primary-dark);
background-color: var(--white);
-webkit-font-smoothing: antialiased;
overflow-x: hidden; }
.syz-page-polaris-can-am-windshield h1, .syz-page-polaris-can-am-windshield h2, .syz-page-polaris-can-am-windshield h3, .syz-page-polaris-can-am-windshield h4, .syz-page-polaris-can-am-windshield h5, .syz-page-polaris-can-am-windshield h6 { font-family: var(--ff-h);
color: var(--primary-dark);
font-weight: 700;
line-height: 1.25; }
.syz-page-polaris-can-am-windshield a { color: inherit;
text-decoration: none;
transition: color 0.3s var(--ease); }
.syz-page-polaris-can-am-windshield ul { list-style: none; }
.syz-page-polaris-can-am-windshield .container { max-width: 1400px;
margin: 0 auto;
padding: 0 40px; }
.syz-page-polaris-can-am-windshield section { padding: 100px 0;
position: relative; }
.syz-page-polaris-can-am-windshield .bg-light { background-color: var(--off-white); }
.syz-page-polaris-can-am-windshield .section-header { max-width: 800px;
margin-bottom: 56px; }
.syz-page-polaris-can-am-windshield .section-label { display: inline-block;
font-family: var(--ff-h);
font-size: 0.8rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
color: var(--primary-red);
margin-bottom: 16px; }
.syz-page-polaris-can-am-windshield .section-title { font-size: 2.4rem;
font-weight: 700;
letter-spacing: -0.5px;
margin-bottom: 18px; }
.syz-page-polaris-can-am-windshield .section-desc { font-size: 1.05rem;
color: var(--text-muted); }
.syz-page-polaris-can-am-windshield .btn { display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
font-family: var(--ff-h);
font-size: 0.9rem;
font-weight: 700;
padding: 14px 32px;
border-radius: 6px;
transition: all 0.3s var(--ease);
border: none;
cursor: pointer;
white-space: nowrap; }
.syz-page-polaris-can-am-windshield .btn-primary { background-color: var(--primary-red);
color: var(--white); }
.syz-page-polaris-can-am-windshield .btn-primary:hover { background-color: var(--accent-red-dark);
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(178, 50, 46, 0.25); }
.syz-page-polaris-can-am-windshield .btn-outline { background-color: transparent;
color: var(--primary-dark);
border: 1px solid var(--border-light); }
.syz-page-polaris-can-am-windshield .btn-outline:hover { border-color: var(--primary-dark);
background-color: rgba(0,0,0,0.02); }
.syz-page-polaris-can-am-windshield .btn-email svg { fill: none !important;
stroke: currentColor !important; }
.syz-page-polaris-can-am-windshield header { position: sticky;
top: 0;
z-index: 1000;
background-color: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
border-bottom: 1px solid var(--border-light);
transition: all 0.3s var(--ease); }
.syz-page-polaris-can-am-windshield header.scrolled { box-shadow: var(--shadow-sm); }
.syz-page-polaris-can-am-windshield .header-in { display: flex;
align-items: center;
justify-content: space-between;
height: 80px; }
.syz-page-polaris-can-am-windshield .logo img { height: 42px;
width: auto;
display: block; }
.syz-page-polaris-can-am-windshield .nav-menu { display: flex;
align-items: center;
gap: 32px; }
.syz-page-polaris-can-am-windshield .nav-link { font-family: var(--ff-h);
font-size: 0.9rem;
font-weight: 500;
color: var(--primary-dark);
display: flex;
align-items: center;
gap: 6px; }
.syz-page-polaris-can-am-windshield .nav-link:hover { color: var(--primary-red); }
.syz-page-polaris-can-am-windshield .hero { padding: 80px 0 100px;
background: linear-gradient(135deg, #FFFFFF 0%, #F9F9F9 100%);
border-bottom: 1px solid var(--border-light); }
.syz-page-polaris-can-am-windshield .grid-2 { display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center; }
.syz-page-polaris-can-am-windshield .hero-tag { display: inline-block;
font-family: var(--ff-h);
font-size: 0.78rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--primary-red);
background: rgba(178, 50, 46, 0.08);
padding: 6px 14px;
border-radius: 4px;
margin-bottom: 20px; }
.syz-page-polaris-can-am-windshield .hero h1 { font-size: 3.2rem;
font-weight: 900;
letter-spacing: -1px;
line-height: 1.15;
margin-bottom: 20px; }
.syz-page-polaris-can-am-windshield .hero h1 span { color: var(--primary-red); }
.syz-page-polaris-can-am-windshield .hero-sub { font-size: 1.1rem;
color: var(--text-muted);
margin-bottom: 32px;
line-height: 1.6; }
.syz-page-polaris-can-am-windshield .hero-hooks { display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
margin-bottom: 36px; }
.syz-page-polaris-can-am-windshield .hook-item { display: flex;
align-items: center;
gap: 10px;
font-size: 0.92rem;
font-weight: 600;
color: var(--primary-dark); }
.syz-page-polaris-can-am-windshield .hook-icon { width: 22px;
height: 22px;
border-radius: 50%;
background-color: rgba(178, 50, 46, 0.1);
color: var(--primary-red);
display: flex;
align-items: center;
justify-content: center;
font-size: 0.8rem;
font-weight: 900; }
.syz-page-polaris-can-am-windshield .hero-ctas { display: flex;
gap: 16px; }
.syz-page-polaris-can-am-windshield .hero-visual { position: relative; }
.syz-page-polaris-can-am-windshield .visual-frame { background-color: var(--white);
border: 1px solid var(--border-light);
border-radius: 12px;
padding: 16px;
box-shadow: var(--shadow-lg);
position: relative;
overflow: hidden; }
.syz-page-polaris-can-am-windshield .visual-frame img { width: 100%;
height: 420px;
object-fit: cover;
border-radius: 8px;
display: block; }
.syz-page-polaris-can-am-windshield .visual-badge { position: absolute;
bottom: 32px;
left: 32px;
background: rgba(24, 24, 24, 0.85);
backdrop-filter: blur(8px);
color: var(--white);
padding: 12px 20px;
border-radius: 6px;
font-family: var(--ff-m);
font-size: 0.8rem;
border-left: 3px solid var(--primary-red); }
.syz-page-polaris-can-am-windshield .stats-strip { background-color: var(--primary-dark);
color: var(--white);
padding: 40px 0; }
.syz-page-polaris-can-am-windshield .stats-row { display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
text-align: center; }
.syz-page-polaris-can-am-windshield .stat-num { font-family: var(--ff-h);
font-size: 2rem;
font-weight: 900;
color: var(--white);
margin-bottom: 4px; }
.syz-page-polaris-can-am-windshield .stat-num span { color: #FF6567; }
.syz-page-polaris-can-am-windshield .stat-lbl { font-size: 0.85rem;
color: #AAAAAA;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 500; }
.syz-page-polaris-can-am-windshield .filter-bar { display: flex;
justify-content: center;
gap: 12px;
margin-bottom: 48px;
flex-wrap: wrap; }
.syz-page-polaris-can-am-windshield .filter-btn { font-family: var(--ff-h);
font-size: 0.85rem;
font-weight: 700;
padding: 10px 24px;
border: 1px solid var(--border-light);
background: var(--white);
border-radius: 30px;
cursor: pointer;
color: var(--text-muted);
transition: all 0.3s var(--ease);
outline: none; }
.syz-page-polaris-can-am-windshield .filter-btn:hover { border-color: var(--primary-red);
color: var(--primary-red); }
.syz-page-polaris-can-am-windshield .filter-btn.active { background: var(--primary-red);
border-color: var(--primary-red);
color: var(--white);
box-shadow: 0 4px 12px rgba(178, 50, 46, 0.15); }
.syz-page-polaris-can-am-windshield .products-grid { display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: 32px; }
.syz-page-polaris-can-am-windshield .product-card { background: var(--white);
border: 1px solid var(--border-light);
border-radius: 12px;
overflow: hidden;
box-shadow: var(--shadow-sm);
transition: all 0.35s var(--ease);
display: flex;
flex-direction: column; }
.syz-page-polaris-can-am-windshield .product-card:hover { transform: translateY(-6px);
border-color: var(--primary-red);
box-shadow: var(--shadow-md); }
.syz-page-polaris-can-am-windshield .product-thumb { position: relative;
aspect-ratio: 4 / 3;
overflow: hidden;
background: #f5f5f5; }
.syz-page-polaris-can-am-windshield .product-thumb img { width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s var(--ease); }
.syz-page-polaris-can-am-windshield .product-card:hover .product-thumb img { transform: scale(1.06); }
.syz-page-polaris-can-am-windshield .product-badge { position: absolute;
top: 14px;
left: 14px;
background: var(--primary-dark);
color: var(--white);
font-family: var(--ff-m);
font-size: 0.72rem;
font-weight: 700;
padding: 4px 10px;
border-radius: 4px;
text-transform: uppercase;
letter-spacing: 0.5px;
z-index: 2; }
.syz-page-polaris-can-am-windshield .product-badge.badge-half { background: var(--primary-red); }
.syz-page-polaris-can-am-windshield .product-body { padding: 24px;
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: space-between; }
.syz-page-polaris-can-am-windshield .product-title { font-size: 1.15rem;
font-weight: 700;
color: var(--primary-dark);
margin-bottom: 10px;
line-height: 1.35; }
.syz-page-polaris-can-am-windshield .product-fitment { font-family: var(--ff-m);
font-size: 0.76rem;
color: var(--primary-red);
background: rgba(178, 50, 46, 0.06);
padding: 6px 10px;
border-radius: 4px;
margin-bottom: 12px;
line-height: 1.4;
font-weight: 500; }
.syz-page-polaris-can-am-windshield .product-spec { font-size: 0.85rem;
color: var(--text-muted);
margin-bottom: 20px;
line-height: 1.5; }
.syz-page-polaris-can-am-windshield .product-actions { display: flex;
gap: 10px;
margin-top: auto; }
.syz-page-polaris-can-am-windshield .btn-card-inquire { flex: 1;
font-size: 0.82rem;
padding: 10px 14px; }
.syz-page-polaris-can-am-windshield .btn-card-zoom { width: 40px;
height: 40px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
border: 1px solid var(--border-light);
background: var(--white);
color: var(--primary-dark);
cursor: pointer;
transition: all 0.3s; }
.syz-page-polaris-can-am-windshield .btn-card-zoom:hover { border-color: var(--primary-red);
color: var(--primary-red); }
.syz-page-polaris-can-am-windshield .specs-grid { display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px; }
.syz-page-polaris-can-am-windshield .spec-box { background: var(--white);
border: 1px solid var(--border-light);
border-radius: 10px;
padding: 32px;
box-shadow: var(--shadow-sm);
transition: all 0.3s var(--ease); }
.syz-page-polaris-can-am-windshield .spec-box:hover { transform: translateY(-4px);
box-shadow: var(--shadow-md);
border-color: var(--primary-red); }
.syz-page-polaris-can-am-windshield .spec-icon { width: 48px;
height: 48px;
border-radius: 8px;
background: rgba(178, 50, 46, 0.08);
color: var(--primary-red);
display: flex;
align-items: center;
justify-content: center;
font-size: 1.4rem;
font-weight: 700;
margin-bottom: 20px; }
.syz-page-polaris-can-am-windshield .spec-box h3 { font-size: 1.2rem;
font-weight: 700;
margin-bottom: 10px; }
.syz-page-polaris-can-am-windshield .spec-box p { font-size: 0.9rem;
color: var(--text-muted);
line-height: 1.6; }
.syz-page-polaris-can-am-windshield .process-timeline { display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 20px;
position: relative; }
.syz-page-polaris-can-am-windshield .process-step { background: var(--white);
border: 1px solid var(--border-light);
border-radius: 10px;
padding: 24px;
position: relative;
box-shadow: var(--shadow-sm); }
.syz-page-polaris-can-am-windshield .step-num { font-family: var(--ff-h);
font-size: 1.8rem;
font-weight: 900;
color: rgba(178, 50, 46, 0.2);
margin-bottom: 12px;
line-height: 1; }
.syz-page-polaris-can-am-windshield .process-step h4 { font-size: 1rem;
font-weight: 700;
margin-bottom: 8px; }
.syz-page-polaris-can-am-windshield .process-step p { font-size: 0.82rem;
color: var(--text-muted);
line-height: 1.5; }
.syz-page-polaris-can-am-windshield .why-grid { display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px; }
.syz-page-polaris-can-am-windshield .why-card { background: var(--white);
border: 1px solid var(--border-light);
border-radius: 10px;
padding: 28px;
box-shadow: var(--shadow-sm);
text-align: left; }
.syz-page-polaris-can-am-windshield .why-card h4 { font-size: 1.05rem;
font-weight: 700;
margin-bottom: 8px;
color: var(--primary-dark); }
.syz-page-polaris-can-am-windshield .why-card p { font-size: 0.85rem;
color: var(--text-muted);
line-height: 1.55; }
.syz-page-polaris-can-am-windshield .faq-list { max-width: 900px;
margin: 0 auto; }
.syz-page-polaris-can-am-windshield .faq-row { background: var(--white);
border: 1px solid var(--border-light);
border-radius: 8px;
margin-bottom: 16px;
overflow: hidden;
box-shadow: var(--shadow-sm); }
.syz-page-polaris-can-am-windshield .faq-q { padding: 20px 24px;
font-family: var(--ff-h);
font-size: 1.05rem;
font-weight: 700;
color: var(--primary-dark);
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
user-select: none; }
.syz-page-polaris-can-am-windshield .faq-icon { font-size: 1.2rem;
transition: transform 0.3s var(--ease);
color: var(--primary-red); }
.syz-page-polaris-can-am-windshield .faq-row.open .faq-icon { transform: rotate(45deg); }
.syz-page-polaris-can-am-windshield .faq-ans { max-height: 0;
overflow: hidden;
transition: max-height 0.35s var(--ease);
padding: 0 24px; }
.syz-page-polaris-can-am-windshield .faq-row.open .faq-ans { padding-bottom: 24px; }
.syz-page-polaris-can-am-windshield .faq-ans p { font-size: 0.92rem;
color: var(--text-muted);
line-height: 1.65; }
.syz-page-polaris-can-am-windshield .contact-card { background-color: var(--white);
border: 1px solid var(--border-light);
border-radius: 16px;
padding: 50px;
box-shadow: var(--shadow-lg); }
.syz-page-polaris-can-am-windshield .form-grid { display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
margin-bottom: 24px; }
.syz-page-polaris-can-am-windshield .form-group { display: flex;
flex-direction: column;
gap: 8px; }
.syz-page-polaris-can-am-windshield .form-group.full { grid-column: span 2; }
.syz-page-polaris-can-am-windshield .form-group label { font-family: var(--ff-h);
font-size: 0.85rem;
font-weight: 700;
color: var(--primary-dark); }
.syz-page-polaris-can-am-windshield .form-group input, .syz-page-polaris-can-am-windshield .form-group select, .syz-page-polaris-can-am-windshield .form-group textarea { font-family: var(--ff-b);
font-size: 0.95rem;
padding: 14px 16px;
border: 1px solid var(--border-light);
border-radius: 6px;
background-color: var(--off-white);
color: var(--primary-dark);
transition: all 0.3s var(--ease);
outline: none; }
.syz-page-polaris-can-am-windshield .form-group input:focus, .syz-page-polaris-can-am-windshield .form-group select:focus, .syz-page-polaris-can-am-windshield .form-group textarea:focus { border-color: var(--primary-red);
background-color: var(--white);
box-shadow: 0 0 0 3px rgba(178, 50, 46, 0.1); }
.syz-page-polaris-can-am-windshield .drop-zone { border: 2px dashed var(--border-light);
border-radius: 6px;
padding: 28px;
text-align: center;
background-color: var(--off-white);
cursor: pointer;
transition: all 0.3s var(--ease); }
.syz-page-polaris-can-am-windshield .drop-zone:hover { border-color: var(--primary-red);
background-color: rgba(178, 50, 46, 0.02); }
.syz-page-polaris-can-am-windshield .drop-zone p { font-size: 0.85rem;
color: var(--text-muted); }
.syz-page-polaris-can-am-windshield .lightbox-modal { position: fixed;
inset: 0;
background-color: rgba(24, 24, 24, 0.9);
backdrop-filter: blur(8px);
z-index: 9999;
display: none;
align-items: center;
justify-content: center;
padding: 40px;
opacity: 0;
transition: opacity 0.3s ease; }
.syz-page-polaris-can-am-windshield .lightbox-modal.open { display: flex;
opacity: 1; }
.syz-page-polaris-can-am-windshield .lightbox-content { background-color: var(--white);
max-width: 750px;
width: 100%;
border-radius: 12px;
overflow: hidden;
position: relative;
box-shadow: var(--shadow-lg);
padding: 32px; }
.syz-page-polaris-can-am-windshield .lightbox-close { position: absolute;
top: 16px;
right: 20px;
background: none;
border: none;
font-size: 2rem;
cursor: pointer;
color: var(--primary-dark);
line-height: 1; }
.syz-page-polaris-can-am-windshield .lightbox-close:hover { color: var(--primary-red); }
.syz-page-polaris-can-am-windshield footer { background-color: var(--primary-dark);
color: var(--white);
padding: 80px 0 40px;
border-top: 1px solid var(--border-dark); }
.syz-page-polaris-can-am-windshield .ft-top { display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 60px;
margin-bottom: 60px; }
.syz-page-polaris-can-am-windshield .ft-logo img { height: 40px;
width: auto;
margin-bottom: 16px; }
.syz-page-polaris-can-am-windshield .ft-about { color: #999999;
font-size: 0.9rem;
margin-bottom: 24px; }
.syz-page-polaris-can-am-windshield .ft-contact a { display: flex;
align-items: center;
gap: 8px;
color: #CCCCCC;
font-size: 0.85rem;
margin-bottom: 12px; }
.syz-page-polaris-can-am-windshield .ft-contact a:hover { color: var(--white); }
.syz-page-polaris-can-am-windshield .ft-col h4 { color: var(--white);
font-size: 0.95rem;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 20px; }
.syz-page-polaris-can-am-windshield .ft-col ul li { margin-bottom: 12px; }
.syz-page-polaris-can-am-windshield .ft-col ul li a { color: #999999;
font-size: 0.88rem; }
.syz-page-polaris-can-am-windshield .ft-col ul li a:hover { color: var(--white); }
.syz-page-polaris-can-am-windshield .ft-bottom { border-top: 1px solid #2A2A2A;
padding-top: 32px;
display: flex;
align-items: center;
justify-content: space-between;
color: #666666;
font-size: 0.8rem; }
.syz-page-polaris-can-am-windshield .ft-badges { display: flex;
gap: 16px; }
.syz-page-polaris-can-am-windshield .ft-badge { font-family: var(--ff-m);
font-size: 0.72rem;
color: #AAAAAA;
border: 1px solid #333333;
padding: 4px 10px;
border-radius: 4px; }
@media (max-width: 1024px) {
.syz-page-polaris-can-am-windshield .grid-2 { grid-template-columns: 1fr; }
.syz-page-polaris-can-am-windshield .specs-grid, .syz-page-polaris-can-am-windshield .why-grid { grid-template-columns: 1fr 1fr; }
.syz-page-polaris-can-am-windshield .process-timeline { grid-template-columns: 1fr 1fr; }
.syz-page-polaris-can-am-windshield .ft-top { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
.syz-page-polaris-can-am-windshield .specs-grid, .syz-page-polaris-can-am-windshield .why-grid, .syz-page-polaris-can-am-windshield .process-timeline, .syz-page-polaris-can-am-windshield .ft-top { grid-template-columns: 1fr; }
.syz-page-polaris-can-am-windshield .form-grid { grid-template-columns: 1fr; }
.syz-page-polaris-can-am-windshield .form-group.full { grid-column: span 1; }
.syz-page-polaris-can-am-windshield .hero h1 { font-size: 2.2rem; }
}
/* sprint-car-parts */
.syz-page-sprint-car-parts { --primary-red: #B2322E;
--primary-dark: #181818;
--white: #FFFFFF;
--off-white: #F9F9F9;
--accent-red-dark: #8A1F1C;
--text-muted: #666666;
--border-light: #E0E0E0;
--border-dark: #222222;
--shadow-sm: 0 2px 8px rgba(0,0,0,0.05);
--shadow-md: 0 8px 24px rgba(0,0,0,0.08);
--shadow-lg: 0 16px 48px rgba(0,0,0,0.12);
--ff-h: "Lexend", sans-serif;
--ff-b: "DM Sans", sans-serif;
--ff-m: "DM Mono", monospace;
--ease: cubic-bezier(.25, .8, .25, 1); }
.syz-page-sprint-car-parts *, .syz-page-sprint-car-parts *::before, .syz-page-sprint-car-parts *::after { box-sizing: border-box; margin: 0; padding: 0; }
.syz-page-sprint-car-parts { scroll-behavior: smooth; }
.syz-page-sprint-car-parts { font-family: var(--ff-b);
font-size: 1rem;
line-height: 1.7;
color: var(--primary-dark);
background: var(--white);
-webkit-font-smoothing: antialiased;
overflow-x: hidden; }
.syz-page-sprint-car-parts h1, .syz-page-sprint-car-parts h2, .syz-page-sprint-car-parts h3, .syz-page-sprint-car-parts h4 { font-family: var(--ff-h); color: var(--primary-dark); font-weight: 700; line-height: 1.25; }
.syz-page-sprint-car-parts a { color: inherit; text-decoration: none; transition: color .3s var(--ease); }
.syz-page-sprint-car-parts ul { list-style: none; }
.syz-page-sprint-car-parts img { max-width: 100%; height: auto; display: block; }
.syz-page-sprint-car-parts button, .syz-page-sprint-car-parts input, .syz-page-sprint-car-parts select, .syz-page-sprint-car-parts textarea { font: inherit; }
.syz-page-sprint-car-parts .container { max-width: 1400px; margin: 0 auto; padding: 0 40px; }
.syz-page-sprint-car-parts section { padding: 100px 0; position: relative; }
.syz-page-sprint-car-parts .bg-light { background: var(--off-white); }
.syz-page-sprint-car-parts .bg-dark { background: var(--primary-dark); color: var(--white); }
.syz-page-sprint-car-parts .bg-dark h2, .syz-page-sprint-car-parts .bg-dark h3 { color: var(--white); }
.syz-page-sprint-car-parts .bg-dark p { color: rgba(255,255,255,.7); }
.syz-page-sprint-car-parts .grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 60px; align-items: center; }
.syz-page-sprint-car-parts .grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.syz-page-sprint-car-parts .grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.syz-page-sprint-car-parts .section-header { max-width: 800px; margin-bottom: 56px; }
.syz-page-sprint-car-parts .section-label { display: inline-block;
font-family: var(--ff-h);
font-size: .8rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
color: var(--primary-red);
margin-bottom: 16px; }
.syz-page-sprint-car-parts .section-title { font-size: 2.4rem; font-weight: 700; letter-spacing: 0; margin-bottom: 18px; }
.syz-page-sprint-car-parts .section-desc { font-size: 1.05rem; color: var(--text-muted); }
.syz-page-sprint-car-parts .btn { display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
font-family: var(--ff-h);
font-size: .9rem;
font-weight: 700;
padding: 14px 32px;
border-radius: 6px;
transition: all .3s var(--ease);
border: none;
cursor: pointer;
white-space: nowrap; }
.syz-page-sprint-car-parts .btn-primary { background: var(--primary-red); color: var(--white); }
.syz-page-sprint-car-parts .btn-primary:hover { background: var(--accent-red-dark); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(178,50,46,.2); }
.syz-page-sprint-car-parts .btn-outline { background: transparent; color: var(--primary-dark); border: 2px solid var(--border-light); }
.syz-page-sprint-car-parts .btn-outline:hover { background: var(--primary-dark); color: var(--white); border-color: var(--primary-dark); }
.syz-page-sprint-car-parts .btn-outline-white { background: transparent; color: var(--white); border: 2px solid rgba(255,255,255,.3); }
.syz-page-sprint-car-parts .btn-outline-white:hover { background: var(--white); color: var(--primary-dark); border-color: var(--white); }
.syz-page-sprint-car-parts #header { position: sticky;
top: 0;
background: rgba(255,255,255,.95);
backdrop-filter: blur(10px);
border-bottom: 1px solid var(--border-light);
z-index: 1000;
transition: all .3s var(--ease); }
.syz-page-sprint-car-parts #header.scrolled { box-shadow: var(--shadow-sm); }
.syz-page-sprint-car-parts .header-in { display: flex; align-items: center; justify-content: space-between; height: 72px; gap: 24px; }
.syz-page-sprint-car-parts .logo img { height: 59px; width: auto; }
.syz-page-sprint-car-parts .nav-menu { display: flex; gap: 28px; align-items: center; }
.syz-page-sprint-car-parts .nav-menu a { font-weight: 500; font-size: .95rem; color: var(--primary-dark); }
.syz-page-sprint-car-parts .nav-menu a:hover { color: var(--primary-red); }
.syz-page-sprint-car-parts .header-cta { display: flex; align-items: center; gap: 14px; }
.syz-page-sprint-car-parts .hero { padding: 120px 0; background: var(--off-white); overflow: hidden; }
.syz-page-sprint-car-parts .hero-content { max-width: 700px; }
.syz-page-sprint-car-parts .hero-tag { display: inline-flex;
align-items: center;
gap: 8px;
font-family: var(--ff-m);
font-size: .75rem;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--primary-red);
background: rgba(178,50,46,.08);
padding: 6px 14px;
border-radius: 4px;
margin-bottom: 24px; }
.syz-page-sprint-car-parts .hero h1 { font-size: 3.5rem; font-weight: 900; letter-spacing: 0; line-height: 1.15; margin-bottom: 20px; }
.syz-page-sprint-car-parts .hero h1 span { color: var(--primary-red); }
.syz-page-sprint-car-parts .hero-sub { font-size: 1.1rem; line-height: 1.6; color: var(--text-muted); margin-bottom: 32px; }
.syz-page-sprint-car-parts .hero-hooks { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 36px; }
.syz-page-sprint-car-parts .hook-item { display: flex; align-items: center; gap: 10px; font-weight: 600; font-size: .92rem; color: var(--primary-dark); }
.syz-page-sprint-car-parts .hook-icon { width: 22px;
height: 22px;
border-radius: 50%;
background: rgba(178,50,46,.1);
color: var(--primary-red);
display: flex;
align-items: center;
justify-content: center;
font-size: .8rem;
font-weight: 900;
flex-shrink: 0; }
.syz-page-sprint-car-parts .hero-ctas { display: flex; gap: 16px; flex-wrap: wrap; }
.syz-page-sprint-car-parts .hero-visual { position: relative; }
.syz-page-sprint-car-parts .visual-frame { background-color: var(--white);
border: 1px solid var(--border-light);
border-radius: 12px;
padding: 16px;
box-shadow: var(--shadow-lg);
position: relative;
overflow: hidden; }
.syz-page-sprint-car-parts .visual-frame img { width: 100%;
height: 420px;
object-fit: cover;
border-radius: 8px;
display: block; }
.syz-page-sprint-car-parts .visual-badge { position: absolute;
bottom: 32px;
left: 32px;
background: rgba(24, 24, 24, 0.85);
backdrop-filter: blur(8px);
color: var(--white);
padding: 12px 20px;
border-radius: 6px;
font-family: var(--ff-m);
font-size: 0.8rem;
line-height: 1.5;
border-left: 3px solid var(--primary-red);
max-width: calc(100% - 64px);
white-space: normal;
overflow-wrap: anywhere; }
.syz-page-sprint-car-parts .stats-strip { background-color: var(--primary-dark);
color: var(--white);
padding: 40px 0; }
.syz-page-sprint-car-parts .stats-row { display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
text-align: center; }
.syz-page-sprint-car-parts .stat-num { font-family: var(--ff-h);
font-size: 2.4rem;
font-weight: 900;
color: var(--white);
margin-bottom: 4px; }
.syz-page-sprint-car-parts .stat-num span { color: #FF6567; }
.syz-page-sprint-car-parts .stat-lbl { font-size: 0.85rem;
color: #AAAAAA;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 500; }
.syz-page-sprint-car-parts .cap-card, .syz-page-sprint-car-parts .app-card, .syz-page-sprint-car-parts .product-card, .syz-page-sprint-car-parts .qc-card { background: var(--white);
border: 1px solid var(--border-light);
border-radius: 8px;
transition: all .3s var(--ease);
box-shadow: var(--shadow-sm); }
.syz-page-sprint-car-parts .cap-card { padding: 40px 32px; }
.syz-page-sprint-car-parts .cap-card:hover, .syz-page-sprint-car-parts .product-card:hover, .syz-page-sprint-car-parts .qc-card:hover { border-color: var(--primary-red); transform: translateY(-5px); box-shadow: var(--shadow-md); }
.syz-page-sprint-car-parts .cap-icon { width: 56px;
height: 56px;
border-radius: 6px;
background: rgba(178,50,46,.08);
color: var(--primary-red);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 24px;
font-family: var(--ff-h);
font-weight: 900; }
.syz-page-sprint-car-parts .cap-card h3 { font-size: 1.25rem; margin-bottom: 12px; }
.syz-page-sprint-car-parts .cap-card p { font-size: .9rem; color: var(--text-muted); line-height: 1.6; }
.syz-page-sprint-car-parts .mfg-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.syz-page-sprint-car-parts .product-card { border-radius: 12px; overflow: hidden; box-shadow: none; }
.syz-page-sprint-car-parts .product-image { position: relative; padding-bottom: 60%; background: linear-gradient(135deg, #e8e8e8, #d8d8d8); overflow: hidden; }
.syz-page-sprint-car-parts .product-image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.syz-page-sprint-car-parts .product-badge { position: absolute;
top: 20px;
left: 20px;
background: var(--primary-red);
color: var(--white);
padding: 4px 12px;
border-radius: 4px;
font-family: var(--ff-h);
font-size: .7rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .5px;
z-index: 2; }
.syz-page-sprint-car-parts .product-content { padding: 30px; }
.syz-page-sprint-car-parts .product-content h3 { font-size: 1.3rem; margin-bottom: 10px; }
.syz-page-sprint-car-parts .product-content p { font-size: .9rem; color: var(--text-muted); margin-bottom: 20px; line-height: 1.6; }
.syz-page-sprint-car-parts .product-specs-list { display: flex; flex-direction: column; gap: 8px; border-top: 1px solid var(--border-light); padding-top: 20px; }
.syz-page-sprint-car-parts .product-specs-list li { font-size: .85rem; color: var(--primary-dark); display: flex; align-items: center; gap: 8px; }
.syz-page-sprint-car-parts .product-specs-list li::before { content: "✓"; color: var(--primary-red); font-weight: bold; }
.syz-page-sprint-car-parts .app-card { background: var(--off-white); padding: 36px; box-shadow: none; display: flex; flex-direction: column; gap: 16px; border-color: transparent; }
.syz-page-sprint-car-parts .app-card:hover { background: var(--white); border-color: var(--border-light); box-shadow: var(--shadow-sm); }
.syz-page-sprint-car-parts .app-number { font-family: var(--ff-m); font-size: .8rem; color: var(--primary-red); font-weight: 700; }
.syz-page-sprint-car-parts .app-card h3 { font-size: 1.25rem; }
.syz-page-sprint-car-parts .app-card p { font-size: .88rem; color: var(--text-muted); line-height: 1.6; }
.syz-page-sprint-car-parts .standards-row { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }
.syz-page-sprint-car-parts .standards-list { display: flex; flex-direction: column; gap: 24px; }
.syz-page-sprint-car-parts .std-item { display: flex; gap: 20px; padding-bottom: 24px; border-bottom: 1px solid var(--border-light); }
.syz-page-sprint-car-parts .std-item:last-child { border-bottom: none; }
.syz-page-sprint-car-parts .std-num { font-family: var(--ff-m); font-size: 1.1rem; color: var(--primary-red); font-weight: 700; }
.syz-page-sprint-car-parts .std-text h3 { font-size: 1.2rem; margin-bottom: 6px; }
.syz-page-sprint-car-parts .std-text p { font-size: .9rem; color: var(--text-muted); }
.syz-page-sprint-car-parts .tech-table { width: 100%;
border-collapse: collapse;
background: var(--white);
border: 1px solid var(--border-light);
border-radius: 8px;
overflow: hidden;
box-shadow: var(--shadow-sm); }
.syz-page-sprint-car-parts .tech-table th { background: var(--primary-dark);
color: var(--white);
font-family: var(--ff-h);
font-size: .85rem;
text-transform: uppercase;
letter-spacing: 1px;
padding: 16px 24px;
text-align: left;
font-weight: 600; }
.syz-page-sprint-car-parts .tech-table td { padding: 16px 24px; font-size: .9rem; border-bottom: 1px solid var(--border-light); }
.syz-page-sprint-car-parts .tech-table tr:last-child td { border-bottom: none; }
.syz-page-sprint-car-parts .tech-table tr:nth-child(even) { background: var(--off-white); }
.syz-page-sprint-car-parts .tech-table td strong { color: var(--primary-red); font-family: var(--ff-m); font-weight: 600; }
.syz-page-sprint-car-parts .timeline { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; position: relative; }
.syz-page-sprint-car-parts .timeline::before { content: ""; position: absolute; top: 30px; left: 10%; right: 10%; height: 2px; background: var(--border-light); z-index: 0; }
.syz-page-sprint-car-parts .timeline-step { display: flex; flex-direction: column; align-items: center; text-align: center; position: relative; z-index: 1; }
.syz-page-sprint-car-parts .step-circle { width: 60px;
height: 60px;
border-radius: 50%;
background: var(--white);
border: 2px solid var(--border-light);
color: var(--text-muted);
font-family: var(--ff-m);
font-weight: 700;
font-size: 1.1rem;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
transition: all .3s var(--ease); }
.syz-page-sprint-car-parts .timeline-step:hover .step-circle { border-color: var(--primary-red); background: var(--primary-red); color: var(--white); box-shadow: 0 4px 10px rgba(178,50,46,.2); }
.syz-page-sprint-car-parts .timeline-step h3 { font-size: 1.1rem; margin-bottom: 10px; }
.syz-page-sprint-car-parts .timeline-step p { font-size: .85rem; color: var(--text-muted); line-height: 1.5; }
.syz-page-sprint-car-parts .step-time { display: inline-block; margin-top: 12px; font-family: var(--ff-m); font-size: .7rem; font-weight: 600; text-transform: uppercase; color: var(--primary-red); background: rgba(178,50,46,.06); padding: 2px 8px; border-radius: 3px; }
.syz-page-sprint-car-parts .qc-features { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }
.syz-page-sprint-car-parts .qc-card { padding: 32px; display: flex; gap: 20px; box-shadow: none; }
.syz-page-sprint-car-parts .qc-icon { width: 48px;
height: 48px;
background: rgba(178,50,46,.08);
color: var(--primary-red);
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
font-family: var(--ff-h);
font-weight: 900; }
.syz-page-sprint-car-parts .qc-detail h3 { font-size: 1.15rem; margin-bottom: 8px; }
.syz-page-sprint-car-parts .qc-detail p { font-size: .88rem; color: var(--text-muted); line-height: 1.6; }
.syz-page-sprint-car-parts .faq-list { max-width: 900px; margin: 0 auto; }
.syz-page-sprint-car-parts .faq-row { background: var(--white);
border: 1px solid var(--border-light);
border-radius: 8px;
margin-bottom: 16px;
overflow: hidden;
box-shadow: var(--shadow-sm); }
.syz-page-sprint-car-parts .faq-q { display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
padding: 20px 24px;
font-family: var(--ff-h);
font-size: 1.05rem;
font-weight: 700;
color: var(--primary-dark);
cursor: pointer;
user-select: none;
text-transform: none;
letter-spacing: 0;
box-shadow: none; }
.syz-page-sprint-car-parts .faq-q:hover, .syz-page-sprint-car-parts .faq-q:focus { color: var(--primary-red); background: transparent; box-shadow: none; outline: none; }
.syz-page-sprint-car-parts .faq-icon { flex-shrink: 0; font-size: 1.2rem; line-height: 1; transition: transform .3s var(--ease); color: var(--primary-red); }
.syz-page-sprint-car-parts .faq-row.open .faq-icon { transform: rotate(45deg); }
.syz-page-sprint-car-parts .faq-ans { max-height: 0; overflow: hidden; transition: max-height .35s var(--ease); padding: 0 24px; }
.syz-page-sprint-car-parts .faq-row.open .faq-ans { padding-bottom: 24px; }
.syz-page-sprint-car-parts .faq-ans p { padding: 0; font-size: .92rem; color: var(--text-muted); line-height: 1.65; }
.syz-page-sprint-car-parts .contact-card { background-color: var(--white);
border: 1px solid var(--border-light);
border-radius: 16px;
padding: 50px;
box-shadow: var(--shadow-lg); }
.syz-page-sprint-car-parts .form-grid { display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
margin-bottom: 24px; }
.syz-page-sprint-car-parts .form-group { display: flex;
flex-direction: column;
gap: 8px; }
.syz-page-sprint-car-parts .form-group.full { grid-column: span 2; }
.syz-page-sprint-car-parts .form-group label { font-family: var(--ff-h);
font-size: 0.85rem;
font-weight: 700;
color: var(--primary-dark); }
.syz-page-sprint-car-parts .form-group input, .syz-page-sprint-car-parts .form-group select, .syz-page-sprint-car-parts .form-group textarea { font-family: var(--ff-b);
font-size: 0.95rem;
padding: 14px 16px;
border: 1px solid var(--border-light);
border-radius: 6px;
background-color: var(--off-white);
color: var(--primary-dark);
transition: all 0.3s var(--ease);
outline: none; }
.syz-page-sprint-car-parts .form-group input:focus, .syz-page-sprint-car-parts .form-group select:focus, .syz-page-sprint-car-parts .form-group textarea:focus { border-color: var(--primary-red);
background-color: var(--white);
box-shadow: 0 0 0 3px rgba(178, 50, 46, 0.1); }
.syz-page-sprint-car-parts .drop-zone { border: 2px dashed var(--border-light);
border-radius: 6px;
padding: 28px;
text-align: center;
background-color: var(--off-white);
cursor: pointer;
transition: all 0.3s var(--ease); }
.syz-page-sprint-car-parts .drop-zone:hover { border-color: var(--primary-red);
background-color: rgba(178, 50, 46, 0.02); }
.syz-page-sprint-car-parts .drop-zone p { font-size: 0.85rem;
color: var(--text-muted); }
.syz-page-sprint-car-parts footer { background: #060606; color: rgba(255,255,255,.65); font-size: .9rem; padding: 80px 0 40px; border-top: 1px solid rgba(255,255,255,.1); }
.syz-page-sprint-car-parts .ft-top { display: grid; grid-template-columns: 280px 1fr 1fr 1fr; gap: 56px; margin-bottom: 48px; }
.syz-page-sprint-car-parts .ft-logo img { height: 92px; width: auto; margin-bottom: 12px; }
.syz-page-sprint-car-parts .ft-about { font-weight: 300; font-size: .92rem; line-height: 1.8; color: rgba(255,255,255,.68); margin-bottom: 20px; }
.syz-page-sprint-car-parts .ft-contact a { display: flex; align-items: center; gap: 6px; font-family: var(--ff-m); font-size: .82rem; letter-spacing: .05em; color: rgba(255,255,255,.45); margin-bottom: 8px; }
.syz-page-sprint-car-parts .ft-contact a:hover { color: var(--primary-red); }
.syz-page-sprint-car-parts .ft-col h4 { font-family: var(--ff-h); font-size: .88rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #fff; margin-bottom: 20px; }
.syz-page-sprint-car-parts .ft-col ul { display: flex; flex-direction: column; gap: 10px; }
.syz-page-sprint-car-parts .ft-col a { color: rgba(255,255,255,.65); transition: color .3s, padding-left .3s; font-weight: 300; font-size: .92rem; }
.syz-page-sprint-car-parts .ft-col a:hover { color: #fff; padding-left: 4px; }
.syz-page-sprint-car-parts .ft-bottom { display: flex; justify-content: space-between; align-items: center; padding-top: 32px; border-top: 1px solid rgba(255,255,255,.1); gap: 24px; }
.syz-page-sprint-car-parts .ft-copy { font-weight: 300; color: rgba(255,255,255,.65); font-size: .8rem; letter-spacing: .02em; }
.syz-page-sprint-car-parts .ft-badges { display: flex; gap: 12px; flex-shrink: 0; }
.syz-page-sprint-car-parts .ft-badge { font-family: var(--ff-m); font-size: .75rem; letter-spacing: .15em; text-transform: uppercase; border: 1px solid rgba(255,255,255,.08); padding: 6px 14px; color: rgba(255,255,255,.3); }
@media (max-width: 1200px) {
.syz-page-sprint-car-parts .grid-4 { grid-template-columns: repeat(2, 1fr); }
.syz-page-sprint-car-parts .stats-row { grid-template-columns: repeat(2, 1fr); }
.syz-page-sprint-car-parts .timeline { grid-template-columns: repeat(3, 1fr); gap: 30px; }
.syz-page-sprint-car-parts .timeline::before { display: none; }
.syz-page-sprint-car-parts .ft-top { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 992px) {
.syz-page-sprint-car-parts .grid-2, .syz-page-sprint-car-parts .hero-grid, .syz-page-sprint-car-parts .standards-row { grid-template-columns: 1fr; gap: 40px; }
.syz-page-sprint-car-parts .hero { padding: 80px 0; }
.syz-page-sprint-car-parts .hero h1 { font-size: 2.8rem; }
.syz-page-sprint-car-parts .mfg-grid { grid-template-columns: repeat(2, 1fr); }
.syz-page-sprint-car-parts .nav-menu { display: none; }
}
@media (max-width: 768px) {
.syz-page-sprint-car-parts { font-size: .95rem; }
.syz-page-sprint-car-parts section { padding: 70px 0; }
.syz-page-sprint-car-parts .container { padding: 0 22px; }
.syz-page-sprint-car-parts .section-title { font-size: 2rem; }
.syz-page-sprint-car-parts .grid-3, .syz-page-sprint-car-parts .grid-4, .syz-page-sprint-car-parts .mfg-grid, .syz-page-sprint-car-parts .qc-features, .syz-page-sprint-car-parts .form-grid { grid-template-columns: 1fr; }
.syz-page-sprint-car-parts .stats-row { grid-template-columns: 1fr; }
.syz-page-sprint-car-parts .hero h1 { font-size: 2.35rem; }
.syz-page-sprint-car-parts .hero-hooks { grid-template-columns: 1fr; }
.syz-page-sprint-car-parts .visual-frame img { height: 320px; }
.syz-page-sprint-car-parts .timeline { grid-template-columns: 1fr; }
.syz-page-sprint-car-parts .timeline-step { align-items: flex-start; text-align: left; }
.syz-page-sprint-car-parts .step-circle { margin-bottom: 12px; }
.syz-page-sprint-car-parts .form-group.full { grid-column: span 1; }
.syz-page-sprint-car-parts .ft-top { grid-template-columns: 1fr; gap: 40px; }
.syz-page-sprint-car-parts .ft-bottom { flex-direction: column; align-items: flex-start; }
}
/* tie-rod-ends */
.syz-page-tie-rod-ends { --primary-red: #B2322E;
--primary-dark: #181818;
--white: #FFFFFF;
--off-white: #F9F9F9;
--board-bg: #EAEAEA;
--accent-red-light: #D4524E;
--accent-red-dark: #8A1F1C;
--text-muted: #666666;
--border-light: #E0E0E0;
--border-dark: #222222;
--shadow-sm: 0 2px 8px rgba(0,0,0,0.05);
--shadow-md: 0 8px 24px rgba(0,0,0,0.08);
--shadow-lg: 0 16px 48px rgba(0,0,0,0.12);
--ff-h: 'Lexend', sans-serif;
--ff-b: 'DM Sans', sans-serif;
--ff-m: 'DM Mono', monospace;
--ease: cubic-bezier(.25, .8, .25, 1); }
.syz-page-tie-rod-ends *, .syz-page-tie-rod-ends *::before, .syz-page-tie-rod-ends *::after { box-sizing: border-box;
margin: 0;
padding: 0; }
.syz-page-tie-rod-ends { scroll-behavior: smooth; }
.syz-page-tie-rod-ends { font-family: var(--ff-b);
font-size: 1rem;
line-height: 1.7;
color: var(--primary-dark);
background-color: var(--white);
-webkit-font-smoothing: antialiased;
overflow-x: hidden; }
.syz-page-tie-rod-ends h1, .syz-page-tie-rod-ends h2, .syz-page-tie-rod-ends h3, .syz-page-tie-rod-ends h4, .syz-page-tie-rod-ends h5, .syz-page-tie-rod-ends h6 { font-family: var(--ff-h);
color: var(--primary-dark);
font-weight: 700;
line-height: 1.25; }
.syz-page-tie-rod-ends a { color: inherit;
text-decoration: none;
transition: color 0.3s var(--ease); }
.syz-page-tie-rod-ends ul { list-style: none; }
.syz-page-tie-rod-ends .container { max-width: 1400px;
margin: 0 auto;
padding: 0 40px; }
.syz-page-tie-rod-ends section { padding: 100px 0;
position: relative; }
.syz-page-tie-rod-ends .bg-light { background-color: var(--off-white); }
.syz-page-tie-rod-ends .section-header { max-width: 800px;
margin-bottom: 56px; }
.syz-page-tie-rod-ends .section-label { display: inline-block;
font-family: var(--ff-h);
font-size: 0.8rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
color: var(--primary-red);
margin-bottom: 16px; }
.syz-page-tie-rod-ends .section-title { font-size: 2.4rem;
font-weight: 700;
letter-spacing: -0.5px;
margin-bottom: 18px; }
.syz-page-tie-rod-ends .section-desc { font-size: 1.05rem;
color: var(--text-muted); }
.syz-page-tie-rod-ends .btn { display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
font-family: var(--ff-h);
font-size: 0.9rem;
font-weight: 700;
padding: 14px 32px;
border-radius: 6px;
transition: all 0.3s var(--ease);
border: none;
cursor: pointer;
white-space: nowrap; }
.syz-page-tie-rod-ends .btn-primary { background-color: var(--primary-red);
color: var(--white); }
.syz-page-tie-rod-ends .btn-primary:hover { background-color: var(--accent-red-dark);
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(178, 50, 46, 0.25); }
.syz-page-tie-rod-ends .btn-outline { background-color: transparent;
color: var(--primary-dark);
border: 1px solid var(--border-light); }
.syz-page-tie-rod-ends .btn-outline:hover { border-color: var(--primary-dark);
background-color: rgba(0,0,0,0.02); }
.syz-page-tie-rod-ends .btn-email svg { fill: none !important;
stroke: currentColor !important; }
.syz-page-tie-rod-ends header { position: sticky;
top: 0;
z-index: 1000;
background-color: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
border-bottom: 1px solid var(--border-light);
transition: all 0.3s var(--ease); }
.syz-page-tie-rod-ends header.scrolled { box-shadow: var(--shadow-sm); }
.syz-page-tie-rod-ends .header-in { display: flex;
align-items: center;
justify-content: space-between;
height: 80px; }
.syz-page-tie-rod-ends .logo img { height: 42px;
width: auto;
display: block; }
.syz-page-tie-rod-ends .nav-menu { display: flex;
align-items: center;
gap: 32px; }
.syz-page-tie-rod-ends .nav-link { font-family: var(--ff-h);
font-size: 0.9rem;
font-weight: 500;
color: var(--primary-dark);
display: flex;
align-items: center;
gap: 6px; }
.syz-page-tie-rod-ends .nav-link:hover { color: var(--primary-red); }
.syz-page-tie-rod-ends .hero { padding: 80px 0 100px;
background: linear-gradient(135deg, #FFFFFF 0%, #F9F9F9 100%);
border-bottom: 1px solid var(--border-light); }
.syz-page-tie-rod-ends .grid-2 { display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center; }
.syz-page-tie-rod-ends .hero-tag { display: inline-block;
font-family: var(--ff-h);
font-size: 0.78rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--primary-red);
background: rgba(178, 50, 46, 0.08);
padding: 6px 14px;
border-radius: 4px;
margin-bottom: 20px; }
.syz-page-tie-rod-ends .hero h1 { font-size: 3.2rem;
font-weight: 900;
letter-spacing: -1px;
line-height: 1.15;
margin-bottom: 20px; }
.syz-page-tie-rod-ends .hero h1 span { color: var(--primary-red); }
.syz-page-tie-rod-ends .hero-sub { font-size: 1.1rem;
color: var(--text-muted);
margin-bottom: 32px;
line-height: 1.6; }
.syz-page-tie-rod-ends .hero-hooks { display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
margin-bottom: 36px; }
.syz-page-tie-rod-ends .hook-item { display: flex;
align-items: center;
gap: 10px;
font-size: 0.92rem;
font-weight: 600;
color: var(--primary-dark); }
.syz-page-tie-rod-ends .hook-icon { width: 22px;
height: 22px;
border-radius: 50%;
background-color: rgba(178, 50, 46, 0.1);
color: var(--primary-red);
display: flex;
align-items: center;
justify-content: center;
font-size: 0.8rem;
font-weight: 900; }
.syz-page-tie-rod-ends .hero-ctas { display: flex;
gap: 16px; }
.syz-page-tie-rod-ends .hero-visual { position: relative; }
.syz-page-tie-rod-ends .visual-frame { background-color: var(--white);
border: 1px solid var(--border-light);
border-radius: 12px;
padding: 16px;
box-shadow: var(--shadow-lg);
position: relative;
overflow: hidden; }
.syz-page-tie-rod-ends .visual-frame img { width: 100%;
height: 420px;
object-fit: cover;
border-radius: 8px;
display: block; }
.syz-page-tie-rod-ends .visual-badge { position: absolute;
bottom: 32px;
left: 32px;
background: rgba(24, 24, 24, 0.85);
backdrop-filter: blur(8px);
color: var(--white);
padding: 12px 20px;
border-radius: 6px;
font-family: var(--ff-m);
font-size: 0.8rem;
border-left: 3px solid var(--primary-red); }
.syz-page-tie-rod-ends .stats-strip { background-color: var(--primary-dark);
color: var(--white);
padding: 40px 0; }
.syz-page-tie-rod-ends .stats-row { display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
text-align: center; }
.syz-page-tie-rod-ends .stat-num { font-family: var(--ff-h);
font-size: 2rem;
font-weight: 900;
color: var(--white);
margin-bottom: 4px; }
.syz-page-tie-rod-ends .stat-num span { color: #FF6567; }
.syz-page-tie-rod-ends .stat-lbl { font-size: 0.85rem;
color: #AAAAAA;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 500; }
.syz-page-tie-rod-ends .filter-bar { display: flex;
justify-content: center;
gap: 12px;
margin-bottom: 48px;
flex-wrap: wrap; }
.syz-page-tie-rod-ends .filter-btn { font-family: var(--ff-h);
font-size: 0.85rem;
font-weight: 700;
padding: 10px 24px;
border: 1px solid var(--border-light);
background: var(--white);
border-radius: 30px;
cursor: pointer;
color: var(--text-muted);
transition: all 0.3s var(--ease);
outline: none; }
.syz-page-tie-rod-ends .filter-btn:hover { border-color: var(--primary-red);
color: var(--primary-red); }
.syz-page-tie-rod-ends .filter-btn.active { background: var(--primary-red);
border-color: var(--primary-red);
color: var(--white);
box-shadow: 0 4px 12px rgba(178, 50, 46, 0.15); }
.syz-page-tie-rod-ends .products-grid { display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: 32px; }
.syz-page-tie-rod-ends .product-card { background: var(--white);
border: 1px solid var(--border-light);
border-radius: 12px;
overflow: hidden;
box-shadow: var(--shadow-sm);
transition: all 0.35s var(--ease);
display: flex;
flex-direction: column; }
.syz-page-tie-rod-ends .product-card:hover { transform: translateY(-6px);
border-color: var(--primary-red);
box-shadow: var(--shadow-md); }
.syz-page-tie-rod-ends .product-thumb { position: relative;
aspect-ratio: 4 / 3;
overflow: hidden;
background: #f5f5f5; }
.syz-page-tie-rod-ends .product-thumb img { width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s var(--ease); }
.syz-page-tie-rod-ends .product-card:hover .product-thumb img { transform: scale(1.06); }
.syz-page-tie-rod-ends .product-badge { position: absolute;
top: 14px;
left: 14px;
background: var(--primary-dark);
color: var(--white);
font-family: var(--ff-m);
font-size: 0.72rem;
font-weight: 700;
padding: 4px 10px;
border-radius: 4px;
text-transform: uppercase;
letter-spacing: 0.5px;
z-index: 2; }
.syz-page-tie-rod-ends .product-badge.badge-heavy { background: var(--primary-red); }
.syz-page-tie-rod-ends .product-body { padding: 24px;
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: space-between; }
.syz-page-tie-rod-ends .product-title { font-size: 1.15rem;
font-weight: 700;
color: var(--primary-dark);
margin-bottom: 10px;
line-height: 1.35; }
.syz-page-tie-rod-ends .product-fitment { font-family: var(--ff-m);
font-size: 0.76rem;
color: var(--primary-red);
background: rgba(178, 50, 46, 0.06);
padding: 6px 10px;
border-radius: 4px;
margin-bottom: 12px;
line-height: 1.4;
font-weight: 500; }
.syz-page-tie-rod-ends .product-spec { font-size: 0.85rem;
color: var(--text-muted);
margin-bottom: 20px;
line-height: 1.5; }
.syz-page-tie-rod-ends .product-actions { display: flex;
gap: 10px;
margin-top: auto; }
.syz-page-tie-rod-ends .btn-card-inquire { flex: 1;
font-size: 0.82rem;
padding: 10px 14px; }
.syz-page-tie-rod-ends .btn-card-zoom { width: 40px;
height: 40px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
border: 1px solid var(--border-light);
background: var(--white);
color: var(--primary-dark);
cursor: pointer;
transition: all 0.3s; }
.syz-page-tie-rod-ends .btn-card-zoom:hover { border-color: var(--primary-red);
color: var(--primary-red); }
.syz-page-tie-rod-ends .specs-grid { display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px; }
.syz-page-tie-rod-ends .spec-box { background: var(--white);
border: 1px solid var(--border-light);
border-radius: 10px;
padding: 32px;
box-shadow: var(--shadow-sm);
transition: all 0.3s var(--ease); }
.syz-page-tie-rod-ends .spec-box:hover { transform: translateY(-4px);
box-shadow: var(--shadow-md);
border-color: var(--primary-red); }
.syz-page-tie-rod-ends .spec-icon { width: 48px;
height: 48px;
border-radius: 8px;
background: rgba(178, 50, 46, 0.08);
color: var(--primary-red);
display: flex;
align-items: center;
justify-content: center;
font-size: 1.4rem;
font-weight: 700;
margin-bottom: 20px; }
.syz-page-tie-rod-ends .spec-box h3 { font-size: 1.2rem;
font-weight: 700;
margin-bottom: 10px; }
.syz-page-tie-rod-ends .spec-box p { font-size: 0.9rem;
color: var(--text-muted);
line-height: 1.6; }
.syz-page-tie-rod-ends .comp-table-wrap { background: var(--white);
border: 1px solid var(--border-light);
border-radius: 12px;
overflow-x: auto;
box-shadow: var(--shadow-sm);
margin-top: 32px; }
.syz-page-tie-rod-ends .comp-table { width: 100%;
border-collapse: collapse;
text-align: left;
font-size: 0.9rem; }
.syz-page-tie-rod-ends .comp-table th { background: var(--primary-dark);
color: var(--white);
font-family: var(--ff-h);
padding: 16px 20px;
font-weight: 700; }
.syz-page-tie-rod-ends .comp-table td { padding: 16px 20px;
border-bottom: 1px solid var(--border-light);
color: var(--primary-dark); }
.syz-page-tie-rod-ends .comp-table tr:nth-child(even) { background-color: var(--off-white); }
.syz-page-tie-rod-ends .process-timeline { display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 20px;
position: relative; }
.syz-page-tie-rod-ends .process-step { background: var(--white);
border: 1px solid var(--border-light);
border-radius: 10px;
padding: 24px;
position: relative;
box-shadow: var(--shadow-sm); }
.syz-page-tie-rod-ends .step-num { font-family: var(--ff-h);
font-size: 1.8rem;
font-weight: 900;
color: rgba(178, 50, 46, 0.2);
margin-bottom: 12px;
line-height: 1; }
.syz-page-tie-rod-ends .process-step h4 { font-size: 1rem;
font-weight: 700;
margin-bottom: 8px; }
.syz-page-tie-rod-ends .process-step p { font-size: 0.82rem;
color: var(--text-muted);
line-height: 1.5; }
.syz-page-tie-rod-ends .why-grid { display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px; }
.syz-page-tie-rod-ends .why-card { background: var(--white);
border: 1px solid var(--border-light);
border-radius: 10px;
padding: 28px;
box-shadow: var(--shadow-sm);
text-align: left; }
.syz-page-tie-rod-ends .why-card h4 { font-size: 1.05rem;
font-weight: 700;
margin-bottom: 8px;
color: var(--primary-dark); }
.syz-page-tie-rod-ends .why-card p { font-size: 0.85rem;
color: var(--text-muted);
line-height: 1.55; }
.syz-page-tie-rod-ends .faq-list { max-width: 900px;
margin: 0 auto; }
.syz-page-tie-rod-ends .faq-row { background: var(--white);
border: 1px solid var(--border-light);
border-radius: 8px;
margin-bottom: 16px;
overflow: hidden;
box-shadow: var(--shadow-sm); }
.syz-page-tie-rod-ends .faq-q { padding: 20px 24px;
font-family: var(--ff-h);
font-size: 1.05rem;
font-weight: 700;
color: var(--primary-dark);
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
user-select: none; }
.syz-page-tie-rod-ends .faq-icon { font-size: 1.2rem;
transition: transform 0.3s var(--ease);
color: var(--primary-red); }
.syz-page-tie-rod-ends .faq-row.open .faq-icon { transform: rotate(45deg); }
.syz-page-tie-rod-ends .faq-ans { max-height: 0;
overflow: hidden;
transition: max-height 0.35s var(--ease);
padding: 0 24px; }
.syz-page-tie-rod-ends .faq-row.open .faq-ans { padding-bottom: 24px; }
.syz-page-tie-rod-ends .faq-ans p { font-size: 0.92rem;
color: var(--text-muted);
line-height: 1.65; }
.syz-page-tie-rod-ends .contact-card { background-color: var(--white);
border: 1px solid var(--border-light);
border-radius: 16px;
padding: 50px;
box-shadow: var(--shadow-lg); }
.syz-page-tie-rod-ends .form-grid { display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
margin-bottom: 24px; }
.syz-page-tie-rod-ends .form-group { display: flex;
flex-direction: column;
gap: 8px; }
.syz-page-tie-rod-ends .form-group.full { grid-column: span 2; }
.syz-page-tie-rod-ends .form-group label { font-family: var(--ff-h);
font-size: 0.85rem;
font-weight: 700;
color: var(--primary-dark); }
.syz-page-tie-rod-ends .form-group input, .syz-page-tie-rod-ends .form-group select, .syz-page-tie-rod-ends .form-group textarea { font-family: var(--ff-b);
font-size: 0.95rem;
padding: 14px 16px;
border: 1px solid var(--border-light);
border-radius: 6px;
background-color: var(--off-white);
color: var(--primary-dark);
transition: all 0.3s var(--ease);
outline: none; }
.syz-page-tie-rod-ends .form-group input:focus, .syz-page-tie-rod-ends .form-group select:focus, .syz-page-tie-rod-ends .form-group textarea:focus { border-color: var(--primary-red);
background-color: var(--white);
box-shadow: 0 0 0 3px rgba(178, 50, 46, 0.1); }
.syz-page-tie-rod-ends .drop-zone { border: 2px dashed var(--border-light);
border-radius: 6px;
padding: 28px;
text-align: center;
background-color: var(--off-white);
cursor: pointer;
transition: all 0.3s var(--ease); }
.syz-page-tie-rod-ends .drop-zone:hover { border-color: var(--primary-red);
background-color: rgba(178, 50, 46, 0.02); }
.syz-page-tie-rod-ends .drop-zone p { font-size: 0.85rem;
color: var(--text-muted); }
.syz-page-tie-rod-ends .lightbox-modal { position: fixed;
inset: 0;
background-color: rgba(24, 24, 24, 0.9);
backdrop-filter: blur(8px);
z-index: 9999;
display: none;
align-items: center;
justify-content: center;
padding: 40px;
opacity: 0;
transition: opacity 0.3s ease; }
.syz-page-tie-rod-ends .lightbox-modal.open { display: flex;
opacity: 1; }
.syz-page-tie-rod-ends .lightbox-content { background-color: var(--white);
max-width: 750px;
width: 100%;
border-radius: 12px;
overflow: hidden;
position: relative;
box-shadow: var(--shadow-lg);
padding: 32px; }
.syz-page-tie-rod-ends .lightbox-close { position: absolute;
top: 16px;
right: 20px;
background: none;
border: none;
font-size: 2rem;
cursor: pointer;
color: var(--primary-dark);
line-height: 1; }
.syz-page-tie-rod-ends .lightbox-close:hover { color: var(--primary-red); }
.syz-page-tie-rod-ends footer { background-color: var(--primary-dark);
color: var(--white);
padding: 80px 0 40px;
border-top: 1px solid var(--border-dark); }
.syz-page-tie-rod-ends .ft-top { display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 60px;
margin-bottom: 60px; }
.syz-page-tie-rod-ends .ft-logo img { height: 40px;
width: auto;
margin-bottom: 16px; }
.syz-page-tie-rod-ends .ft-about { color: #999999;
font-size: 0.9rem;
margin-bottom: 24px; }
.syz-page-tie-rod-ends .ft-contact a { display: flex;
align-items: center;
gap: 8px;
color: #CCCCCC;
font-size: 0.85rem;
margin-bottom: 12px; }
.syz-page-tie-rod-ends .ft-contact a:hover { color: var(--white); }
.syz-page-tie-rod-ends .ft-col h4 { color: var(--white);
font-size: 0.95rem;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 20px; }
.syz-page-tie-rod-ends .ft-col ul li { margin-bottom: 12px; }
.syz-page-tie-rod-ends .ft-col ul li a { color: #999999;
font-size: 0.88rem; }
.syz-page-tie-rod-ends .ft-col ul li a:hover { color: var(--white); }
.syz-page-tie-rod-ends .ft-bottom { border-top: 1px solid #2A2A2A;
padding-top: 32px;
display: flex;
align-items: center;
justify-content: space-between;
color: #666666;
font-size: 0.8rem; }
.syz-page-tie-rod-ends .ft-badges { display: flex;
gap: 16px; }
.syz-page-tie-rod-ends .ft-badge { font-family: var(--ff-m);
font-size: 0.72rem;
color: #AAAAAA;
border: 1px solid #333333;
padding: 4px 10px;
border-radius: 4px; }
@media (max-width: 1024px) {
.syz-page-tie-rod-ends .grid-2 { grid-template-columns: 1fr; }
.syz-page-tie-rod-ends .specs-grid, .syz-page-tie-rod-ends .why-grid { grid-template-columns: 1fr 1fr; }
.syz-page-tie-rod-ends .process-timeline { grid-template-columns: 1fr 1fr; }
.syz-page-tie-rod-ends .ft-top { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
.syz-page-tie-rod-ends .specs-grid, .syz-page-tie-rod-ends .why-grid, .syz-page-tie-rod-ends .process-timeline, .syz-page-tie-rod-ends .ft-top { grid-template-columns: 1fr; }
.syz-page-tie-rod-ends .form-grid { grid-template-columns: 1fr; }
.syz-page-tie-rod-ends .form-group.full { grid-column: span 1; }
.syz-page-tie-rod-ends .hero h1 { font-size: 2.2rem; }
}
/* Scoped guards against Elementor global button hover styles on Custom HTML landing pages. */
.syz-page-atv-utv-axle .hero-ctas .btn,
.syz-page-polaris-can-am-windshield .hero-ctas .btn,
.syz-page-sprint-car-parts .hero-ctas .btn,
.syz-page-tie-rod-ends .hero-ctas .btn,
.syz-page-atv-utv-axle .product-actions .btn,
.syz-page-polaris-can-am-windshield .product-actions .btn,
.syz-page-tie-rod-ends .product-actions .btn {
text-decoration: none !important;
box-shadow: none;
outline: none;
}
.syz-page-atv-utv-axle .hero-ctas .btn-primary,
.syz-page-polaris-can-am-windshield .hero-ctas .btn-primary,
.syz-page-sprint-car-parts .hero-ctas .btn-primary,
.syz-page-tie-rod-ends .hero-ctas .btn-primary,
.syz-page-atv-utv-axle .product-actions .btn-primary,
.syz-page-polaris-can-am-windshield .product-actions .btn-primary,
.syz-page-tie-rod-ends .product-actions .btn-primary {
background: var(--primary-red, #B2322E) !important;
color: var(--white, #FFFFFF) !important;
border-color: var(--primary-red, #B2322E) !important;
}
.syz-page-atv-utv-axle .hero-ctas .btn-primary:hover,
.syz-page-atv-utv-axle .hero-ctas .btn-primary:focus,
.syz-page-polaris-can-am-windshield .hero-ctas .btn-primary:hover,
.syz-page-polaris-can-am-windshield .hero-ctas .btn-primary:focus,
.syz-page-sprint-car-parts .hero-ctas .btn-primary:hover,
.syz-page-sprint-car-parts .hero-ctas .btn-primary:focus,
.syz-page-tie-rod-ends .hero-ctas .btn-primary:hover,
.syz-page-tie-rod-ends .hero-ctas .btn-primary:focus,
.syz-page-atv-utv-axle .product-actions .btn-primary:hover,
.syz-page-atv-utv-axle .product-actions .btn-primary:focus,
.syz-page-polaris-can-am-windshield .product-actions .btn-primary:hover,
.syz-page-polaris-can-am-windshield .product-actions .btn-primary:focus,
.syz-page-tie-rod-ends .product-actions .btn-primary:hover,
.syz-page-tie-rod-ends .product-actions .btn-primary:focus {
background: var(--accent-red-dark, #8A1F1C) !important;
color: var(--white, #FFFFFF) !important;
border-color: var(--accent-red-dark, #8A1F1C) !important;
box-shadow: 0 4px 12px rgba(178, 50, 46, 0.25) !important;
}
.syz-page-atv-utv-axle .hero-ctas .btn-outline,
.syz-page-polaris-can-am-windshield .hero-ctas .btn-outline,
.syz-page-sprint-car-parts .hero-ctas .btn-outline,
.syz-page-tie-rod-ends .hero-ctas .btn-outline {
background: transparent !important;
color: var(--primary-dark, #181818) !important;
border-color: var(--border-light, #E0E0E0) !important;
}
.syz-page-atv-utv-axle .hero-ctas .btn-outline:hover,
.syz-page-atv-utv-axle .hero-ctas .btn-outline:focus,
.syz-page-polaris-can-am-windshield .hero-ctas .btn-outline:hover,
.syz-page-polaris-can-am-windshield .hero-ctas .btn-outline:focus,
.syz-page-sprint-car-parts .hero-ctas .btn-outline:hover,
.syz-page-sprint-car-parts .hero-ctas .btn-outline:focus,
.syz-page-tie-rod-ends .hero-ctas .btn-outline:hover,
.syz-page-tie-rod-ends .hero-ctas .btn-outline:focus {
background: rgba(0, 0, 0, 0.02) !important;
color: var(--primary-dark, #181818) !important;
border-color: var(--primary-dark, #181818) !important;
box-shadow: none !important;
}
.syz-page-atv-utv-axle .btn-card-zoom,
.syz-page-polaris-can-am-windshield .btn-card-zoom,
.syz-page-tie-rod-ends .btn-card-zoom {
background: var(--white, #FFFFFF) !important;
color: var(--primary-dark, #181818) !important;
border-color: var(--border-light, #E0E0E0) !important;
box-shadow: none !important;
text-decoration: none !important;
}
.syz-page-atv-utv-axle .btn-card-zoom:hover,
.syz-page-atv-utv-axle .btn-card-zoom:focus,
.syz-page-polaris-can-am-windshield .btn-card-zoom:hover,
.syz-page-polaris-can-am-windshield .btn-card-zoom:focus,
.syz-page-tie-rod-ends .btn-card-zoom:hover,
.syz-page-tie-rod-ends .btn-card-zoom:focus {
background: var(--white, #FFFFFF) !important;
color: var(--primary-red, #B2322E) !important;
border-color: var(--primary-red, #B2322E) !important;
box-shadow: none !important;
}
.syz-page-atv-utv-axle .lightbox-close,
.syz-page-polaris-can-am-windshield .lightbox-close,
.syz-page-tie-rod-ends .lightbox-close {
background: transparent !important;
color: var(--primary-dark, #181818) !important;
border: 0 !important;
box-shadow: none !important;
}
.syz-page-atv-utv-axle .lightbox-close:hover,
.syz-page-atv-utv-axle .lightbox-close:focus,
.syz-page-polaris-can-am-windshield .lightbox-close:hover,
.syz-page-polaris-can-am-windshield .lightbox-close:focus,
.syz-page-tie-rod-ends .lightbox-close:hover,
.syz-page-tie-rod-ends .lightbox-close:focus {
background: transparent !important;
color: var(--primary-red, #B2322E) !important;
border: 0 !important;
box-shadow: none !important;
outline: none;
}
/* Scoped guards against Elementor global filter/tab hover styles. */
.syz-page-atv-utv-axle .filter-btn,
.syz-page-atv-utv-axle button.filter-btn,
.syz-page-polaris-can-am-windshield .filter-btn,
.syz-page-polaris-can-am-windshield button.filter-btn,
.syz-page-tie-rod-ends .filter-btn,
.syz-page-tie-rod-ends button.filter-btn {
background: var(--white, #FFFFFF) !important;
color: var(--text-muted, #666666) !important;
border-color: var(--border-light, #E0E0E0) !important;
box-shadow: none !important;
transform: none !important;
}
.syz-page-atv-utv-axle .filter-btn:hover,
.syz-page-atv-utv-axle .filter-btn:focus,
.syz-page-atv-utv-axle button.filter-btn:hover,
.syz-page-atv-utv-axle button.filter-btn:focus,
.syz-page-polaris-can-am-windshield .filter-btn:hover,
.syz-page-polaris-can-am-windshield .filter-btn:focus,
.syz-page-polaris-can-am-windshield button.filter-btn:hover,
.syz-page-polaris-can-am-windshield button.filter-btn:focus,
.syz-page-tie-rod-ends .filter-btn:hover,
.syz-page-tie-rod-ends .filter-btn:focus,
.syz-page-tie-rod-ends button.filter-btn:hover,
.syz-page-tie-rod-ends button.filter-btn:focus {
background: var(--white, #FFFFFF) !important;
color: var(--primary-red, #B2322E) !important;
border-color: var(--primary-red, #B2322E) !important;
box-shadow: none !important;
transform: none !important;
}
.syz-page-atv-utv-axle .filter-btn.active,
.syz-page-atv-utv-axle .filter-btn.active:hover,
.syz-page-atv-utv-axle .filter-btn.active:focus,
.syz-page-atv-utv-axle button.filter-btn.active,
.syz-page-atv-utv-axle button.filter-btn.active:hover,
.syz-page-atv-utv-axle button.filter-btn.active:focus,
.syz-page-polaris-can-am-windshield .filter-btn.active,
.syz-page-polaris-can-am-windshield .filter-btn.active:hover,
.syz-page-polaris-can-am-windshield .filter-btn.active:focus,
.syz-page-polaris-can-am-windshield button.filter-btn.active,
.syz-page-polaris-can-am-windshield button.filter-btn.active:hover,
.syz-page-polaris-can-am-windshield button.filter-btn.active:focus,
.syz-page-tie-rod-ends .filter-btn.active,
.syz-page-tie-rod-ends .filter-btn.active:hover,
.syz-page-tie-rod-ends .filter-btn.active:focus,
.syz-page-tie-rod-ends button.filter-btn.active,
.syz-page-tie-rod-ends button.filter-btn.active:hover,
.syz-page-tie-rod-ends button.filter-btn.active:focus {
background: var(--primary-red, #B2322E) !important;
color: var(--white, #FFFFFF) !important;
border-color: var(--primary-red, #B2322E) !important;
box-shadow: 0 4px 12px rgba(178,50,46,.15) !important;
transform: none !important;
}