/* Bump Steer Kit landing page CSS for SYZ Machine Custom HTML. Scoped to .syz-page-bump-steer-kit. */
/* ════════════════════════════════════════
       DESIGN TOKENS & BASE STYLES
       Aligned 100% with SYZ Machine Design System
       ════════════════════════════════════════ */
.syz-page-bump-steer-kit {
      --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-bump-steer-kit *, .syz-page-bump-steer-kit *::before, .syz-page-bump-steer-kit *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

.syz-page-bump-steer-kit {
      scroll-behavior: smooth;
    }

.syz-page-bump-steer-kit {
      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-bump-steer-kit h1, .syz-page-bump-steer-kit h2, .syz-page-bump-steer-kit h3, .syz-page-bump-steer-kit h4, .syz-page-bump-steer-kit h5, .syz-page-bump-steer-kit h6 {
      font-family: var(--ff-h);
      color: var(--primary-dark);
      font-weight: 700;
      line-height: 1.25;
    }

.syz-page-bump-steer-kit a {
      color: inherit;
      text-decoration: none;
      transition: color 0.3s var(--ease);
    }

.syz-page-bump-steer-kit ul {
      list-style: none;
    }

.syz-page-bump-steer-kit .container {
      max-width: 1400px;
      margin: 0 auto;
      padding: 0 40px;
    }

.syz-page-bump-steer-kit section {
      padding: 100px 0;
      position: relative;
    }

.syz-page-bump-steer-kit .bg-light {
      background-color: var(--off-white);
    }

.syz-page-bump-steer-kit .section-header {
      max-width: 800px;
      margin-bottom: 56px;
    }

.syz-page-bump-steer-kit .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-bump-steer-kit .section-title {
      font-size: 2.4rem;
      font-weight: 700;
      letter-spacing: -0.5px;
      margin-bottom: 18px;
    }

.syz-page-bump-steer-kit .section-desc {
      font-size: 1.05rem;
      color: var(--text-muted);
    }

.syz-page-bump-steer-kit .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-bump-steer-kit .btn-primary {
      background-color: var(--primary-red);
      color: var(--white);
    }

.syz-page-bump-steer-kit .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-bump-steer-kit .btn-outline {
      background-color: transparent;
      color: var(--primary-dark);
      border: 1px solid var(--border-light);
    }

.syz-page-bump-steer-kit .btn-outline:hover {
      border-color: var(--primary-dark);
      background-color: rgba(0,0,0,0.02);
    }

.syz-page-bump-steer-kit .btn-email svg {
      fill: none !important;
      stroke: currentColor !important;
    }

/* HERO SECTION */
    .hero {
      padding: 80px 0 100px;
      background: linear-gradient(135deg, #FFFFFF 0%, #F9F9F9 100%);
      border-bottom: 1px solid var(--border-light);
    }

.syz-page-bump-steer-kit .grid-2 {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 60px;
      align-items: center;
    }

.syz-page-bump-steer-kit .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-bump-steer-kit .hero h1 {
      font-size: 3.2rem;
      font-weight: 900;
      letter-spacing: -1px;
      line-height: 1.15;
      margin-bottom: 20px;
    }

.syz-page-bump-steer-kit .hero h1 span {
      color: var(--primary-red);
    }

.syz-page-bump-steer-kit .hero-sub {
      font-size: 1.1rem;
      color: var(--text-muted);
      margin-bottom: 32px;
      line-height: 1.6;
    }

.syz-page-bump-steer-kit .hero-hooks {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      margin-bottom: 36px;
    }

.syz-page-bump-steer-kit .hook-item {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 0.92rem;
      font-weight: 600;
      color: var(--primary-dark);
    }

.syz-page-bump-steer-kit .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-bump-steer-kit .hero-ctas {
      display: flex;
      gap: 16px;
    }

.syz-page-bump-steer-kit .hero-visual {
      position: relative;
    }

.syz-page-bump-steer-kit .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-bump-steer-kit .visual-frame img {
      width: 100%;
      height: 420px;
      object-fit: cover;
      border-radius: 8px;
      display: block;
    }

.syz-page-bump-steer-kit .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);
    }

/* ════════════════════════════════════════
       STATS STRIP
       ════════════════════════════════════════ */
    .stats-strip {
      background-color: var(--primary-dark);
      color: var(--white);
      padding: 40px 0;
    }

.syz-page-bump-steer-kit .stats-row {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 30px;
      text-align: center;
    }

.syz-page-bump-steer-kit .stat-num {
      font-family: var(--ff-h);
      font-size: 2.4rem;
      font-weight: 900;
      color: var(--white);
      margin-bottom: 4px;
    }

.syz-page-bump-steer-kit .stat-num span {
      color: #FF6567;
    }

.syz-page-bump-steer-kit .stat-lbl {
      font-size: 0.85rem;
      color: #AAAAAA;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-weight: 500;
    }

/* ════════════════════════════════════════
       PRODUCT CATALOG & FILTER
       ════════════════════════════════════════ */
    .filter-bar {
      display: flex;
      justify-content: center;
      gap: 12px;
      margin-bottom: 48px;
      flex-wrap: wrap;
    }

.syz-page-bump-steer-kit .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-bump-steer-kit .filter-btn:hover {
      border-color: var(--primary-red);
      color: var(--primary-red);
    }

.syz-page-bump-steer-kit .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-bump-steer-kit .products-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 32px;
    }

.syz-page-bump-steer-kit .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-bump-steer-kit .product-card:hover {
      transform: translateY(-6px);
      border-color: var(--primary-red);
      box-shadow: var(--shadow-md);
    }

.syz-page-bump-steer-kit .product-thumb {
      position: relative;
      aspect-ratio: 4 / 3;
      overflow: hidden;
      background: #f5f5f5;
    }

.syz-page-bump-steer-kit .product-thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s var(--ease);
    }

.syz-page-bump-steer-kit .product-card:hover .product-thumb img {
      transform: scale(1.06);
    }

.syz-page-bump-steer-kit .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-bump-steer-kit .product-badge.badge-oversized {
      background: var(--primary-red);
    }

.syz-page-bump-steer-kit .product-body {
      padding: 24px;
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      justify-content: space-between;
    }

.syz-page-bump-steer-kit .product-title {
      font-size: 1.15rem;
      font-weight: 700;
      color: var(--primary-dark);
      margin-bottom: 10px;
      line-height: 1.35;
    }

.syz-page-bump-steer-kit .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-bump-steer-kit .product-spec {
      font-size: 0.85rem;
      color: var(--text-muted);
      margin-bottom: 20px;
      line-height: 1.5;
    }

.syz-page-bump-steer-kit .product-actions {
      display: flex;
      gap: 10px;
      margin-top: auto;
    }

.syz-page-bump-steer-kit .btn-card-inquire {
      flex: 1;
      font-size: 0.82rem;
      padding: 10px 14px;
    }

.syz-page-bump-steer-kit .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-bump-steer-kit .btn-card-zoom:hover {
      border-color: var(--primary-red);
      color: var(--primary-red);
    }

/* ════════════════════════════════════════
       ANATOMY & HARDNESS TABLE
       ════════════════════════════════════════ */
    .anatomy-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 50px;
      align-items: center;
    }

.syz-page-bump-steer-kit .anatomy-img-frame {
      background: var(--white);
      border: 1px solid var(--border-light);
      border-radius: 12px;
      padding: 20px;
      box-shadow: var(--shadow-md);
    }

.syz-page-bump-steer-kit .anatomy-img-frame img {
      width: 100%;
      height: auto;
      border-radius: 8px;
      display: block;
    }

.syz-page-bump-steer-kit .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-bump-steer-kit .hardness-table {
      width: 100%;
      border-collapse: collapse;
      text-align: left;
      font-size: 0.88rem;
    }

.syz-page-bump-steer-kit .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-bump-steer-kit .hardness-table td {
      padding: 14px 18px;
      border-bottom: 1px solid var(--border-light);
      color: var(--primary-dark);
    }

.syz-page-bump-steer-kit .hardness-table tr:last-child td {
      border-bottom: none;
    }

.syz-page-bump-steer-kit .hardness-table tr:nth-child(even) {
      background-color: var(--off-white);
    }

.syz-page-bump-steer-kit .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;
    }

/* ════════════════════════════════════════
       CAPABILITIES & SPECS GRID
       ════════════════════════════════════════ */
    .specs-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 30px;
    }

.syz-page-bump-steer-kit .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-bump-steer-kit .spec-box:hover {
      transform: translateY(-4px);
      box-shadow: var(--shadow-md);
      border-color: var(--primary-red);
    }

.syz-page-bump-steer-kit .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-bump-steer-kit .spec-box h3 {
      font-size: 1.2rem;
      font-weight: 700;
      margin-bottom: 10px;
    }

.syz-page-bump-steer-kit .spec-box p {
      font-size: 0.9rem;
      color: var(--text-muted);
      line-height: 1.6;
    }

/* ════════════════════════════════════════
       WORKFLOW & PROCESS
       ════════════════════════════════════════ */
    .process-timeline {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 30px;
    }

.syz-page-bump-steer-kit .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-bump-steer-kit .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-bump-steer-kit .process-step h3 {
      font-size: 1.15rem;
      font-weight: 700;
      margin-bottom: 10px;
    }

.syz-page-bump-steer-kit .process-step p {
      font-size: 0.88rem;
      color: var(--text-muted);
      line-height: 1.6;
    }

/* ════════════════════════════════════════
       WHY PARTNER WITH US
       ════════════════════════════════════════ */
    .why-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 30px;
    }

.syz-page-bump-steer-kit .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-bump-steer-kit .why-card h4 {
      font-size: 1.1rem;
      font-weight: 700;
      margin-bottom: 10px;
      color: var(--primary-dark);
    }

.syz-page-bump-steer-kit .why-card p {
      font-size: 0.88rem;
      color: var(--text-muted);
      line-height: 1.6;
    }

/* ════════════════════════════════════════
       FAQ ACCORDION
       ════════════════════════════════════════ */
    .faq-list {
      max-width: 900px;
      margin: 0 auto;
    }

.syz-page-bump-steer-kit .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-bump-steer-kit .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-bump-steer-kit .faq-icon {
      font-size: 1.2rem;
      transition: transform 0.3s var(--ease);
      color: var(--primary-red);
    }

.syz-page-bump-steer-kit .faq-row.open .faq-icon {
      transform: rotate(45deg);
    }

.syz-page-bump-steer-kit .faq-ans {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.35s var(--ease);
      padding: 0 24px;
    }

.syz-page-bump-steer-kit .faq-row.open .faq-ans {
      padding-bottom: 24px;
    }

.syz-page-bump-steer-kit .faq-ans p {
      font-size: 0.92rem;
      color: var(--text-muted);
      line-height: 1.65;
    }

.syz-page-bump-steer-kit .contact-card {
      background-color: var(--white);
      border: 1px solid var(--border-light);
      border-radius: 16px;
      padding: 50px;
      box-shadow: var(--shadow-lg);
    }

.syz-page-bump-steer-kit .form-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 24px;
      margin-bottom: 24px;
    }

.syz-page-bump-steer-kit .form-group {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

.syz-page-bump-steer-kit .form-group.full {
      grid-column: span 2;
    }

.syz-page-bump-steer-kit .form-group label {
      font-family: var(--ff-h);
      font-size: 0.85rem;
      font-weight: 700;
      color: var(--primary-dark);
    }

.syz-page-bump-steer-kit .form-group input, .syz-page-bump-steer-kit .form-group select, .syz-page-bump-steer-kit .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-bump-steer-kit .form-group input:focus, .syz-page-bump-steer-kit .form-group select:focus, .syz-page-bump-steer-kit .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-bump-steer-kit .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-bump-steer-kit .drop-zone:hover {
      border-color: var(--primary-red);
      background-color: rgba(178, 50, 46, 0.02);
    }

.syz-page-bump-steer-kit .drop-zone p {
      font-size: 0.85rem;
      color: var(--text-muted);
    }

/* LIGHTBOX & MODAL */
.syz-page-bump-steer-kit .lightbox-modal {
      position: fixed;
      inset: 0;
      background-color: rgba(24, 24, 24, 0.9);
      backdrop-filter: blur(8px);
      z-index: 9999;
      display: none !important;
      align-items: center;
      justify-content: center;
      padding: 40px;
      opacity: 0;
      transition: opacity 0.3s ease;
    }

.syz-page-bump-steer-kit .lightbox-modal.open {
      display: flex !important;
      opacity: 1;
    }

.syz-page-bump-steer-kit .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-bump-steer-kit .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-bump-steer-kit .lightbox-close:hover {
      color: var(--primary-red);
    }
@media (max-width: 1024px) {
.syz-page-bump-steer-kit .grid-2, .syz-page-bump-steer-kit .anatomy-grid { grid-template-columns: 1fr; }

.syz-page-bump-steer-kit .specs-grid, .syz-page-bump-steer-kit .why-grid, .syz-page-bump-steer-kit .process-timeline { grid-template-columns: 1fr 1fr; }

.syz-page-bump-steer-kit .products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

}
@media (max-width: 640px) {
.syz-page-bump-steer-kit .specs-grid, .syz-page-bump-steer-kit .why-grid, .syz-page-bump-steer-kit .process-timeline { grid-template-columns: 1fr; }

.syz-page-bump-steer-kit .products-grid { grid-template-columns: 1fr; }

.syz-page-bump-steer-kit .form-grid { grid-template-columns: 1fr; }

.syz-page-bump-steer-kit .form-group.full { grid-column: span 1; }

.syz-page-bump-steer-kit .hero h1 { font-size: 2.2rem; }

}

/* ════════════════════════════════════════
       BUMP STEER KIT — PAGE ADDITIONS
       ════════════════════════════════════════ */
    .note-band {
      margin-top: 32px;
      background-color: var(--white);
      border: 1px solid var(--border-light);
      border-left: 4px solid var(--primary-red);
      border-radius: 8px;
      padding: 24px 28px;
      box-shadow: var(--shadow-sm);
    }

.syz-page-bump-steer-kit .note-band p {
      font-size: 0.92rem;
      color: var(--text-muted);
      line-height: 1.7;
    }

.syz-page-bump-steer-kit .numbered-list {
      counter-reset: chk;
      display: grid;
      gap: 12px;
      list-style: none;
    }

.syz-page-bump-steer-kit .numbered-list li {
      counter-increment: chk;
      display: flex;
      align-items: flex-start;
      gap: 14px;
      font-size: 0.94rem;
      color: var(--text-muted);
      background-color: var(--white);
      border: 1px solid var(--border-light);
      border-radius: 8px;
      padding: 12px 16px;
      box-shadow: var(--shadow-sm);
    }

.syz-page-bump-steer-kit .numbered-list li strong {
      color: var(--primary-dark);
    }

.syz-page-bump-steer-kit .numbered-list li::before {
      content: counter(chk, decimal-leading-zero);
      font-family: var(--ff-m);
      font-size: 0.78rem;
      font-weight: 700;
      color: var(--primary-red);
      background-color: rgba(178, 50, 46, 0.08);
      border-radius: 4px;
      padding: 3px 8px;
      flex-shrink: 0;
    }

.syz-page-bump-steer-kit .img-gallery {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
    }

.syz-page-bump-steer-kit .img-gallery img {
      width: 100%;
      aspect-ratio: 4 / 3;
      object-fit: cover;
      border-radius: 10px;
      border: 1px solid var(--border-light);
      box-shadow: var(--shadow-sm);
      display: block;
    }

.syz-page-bump-steer-kit .cta-band {
      margin-top: 48px;
      background-color: var(--primary-dark);
      border-radius: 14px;
      padding: 48px 32px;
      text-align: center;
    }

.syz-page-bump-steer-kit .cta-band p {
      font-family: var(--ff-h);
      font-size: 1.3rem;
      font-weight: 700;
      line-height: 1.4;
      color: var(--white);
      max-width: 760px;
      margin: 0 auto 26px;
    }

.syz-page-bump-steer-kit .cta-band .btn-outline {
      color: var(--white);
      border-color: rgba(255, 255, 255, 0.35);
    }

.syz-page-bump-steer-kit .cta-band .btn-outline:hover {
      background-color: rgba(255, 255, 255, 0.08);
      border-color: var(--white);
    }

.syz-page-bump-steer-kit .related-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 28px;
    }

.syz-page-bump-steer-kit .related-card {
      display: block;
      background-color: var(--white);
      border: 1px solid var(--border-light);
      border-radius: 12px;
      overflow: hidden;
      box-shadow: var(--shadow-sm);
      transition: all 0.35s var(--ease);
    }

.syz-page-bump-steer-kit .related-card:hover {
      transform: translateY(-6px);
      border-color: var(--primary-red);
      box-shadow: var(--shadow-md);
    }

.syz-page-bump-steer-kit .related-card img {
      width: 100%;
      aspect-ratio: 4 / 3;
      object-fit: cover;
      display: block;
      background-color: #f5f5f5;
    }

.syz-page-bump-steer-kit .related-body {
      padding: 22px;
    }

.syz-page-bump-steer-kit .related-body h3 {
      font-size: 1.08rem;
      font-weight: 700;
      margin-bottom: 8px;
    }

.syz-page-bump-steer-kit .related-card:hover .related-body h3 {
      color: var(--primary-red);
    }

.syz-page-bump-steer-kit .related-body p {
      font-size: 0.87rem;
      color: var(--text-muted);
      line-height: 1.6;
    }

.syz-page-bump-steer-kit .product-title a {
      color: inherit;
    }

.syz-page-bump-steer-kit .product-card:hover .product-title a {
      color: var(--primary-red);
    }

.syz-page-bump-steer-kit .product-spec a, .syz-page-bump-steer-kit .hardness-table a, .syz-page-bump-steer-kit .note-band a, .syz-page-bump-steer-kit .spec-box p a, .syz-page-bump-steer-kit section p a {
      color: var(--primary-red);
      font-weight: 500;
    }

.syz-page-bump-steer-kit .product-spec a:hover, .syz-page-bump-steer-kit .hardness-table a:hover, .syz-page-bump-steer-kit .note-band a:hover, .syz-page-bump-steer-kit .spec-box p a:hover, .syz-page-bump-steer-kit section p a:hover {
      text-decoration: underline;
    }

.syz-page-bump-steer-kit .spec-box h3 {
      line-height: 1.35;
    }
@media (max-width: 1024px) {
.syz-page-bump-steer-kit .related-grid { grid-template-columns: 1fr 1fr; }

}
@media (max-width: 640px) {
.syz-page-bump-steer-kit .related-grid, .syz-page-bump-steer-kit .img-gallery { grid-template-columns: 1fr; }

.syz-page-bump-steer-kit .cta-band { padding: 34px 22px; }

.syz-page-bump-steer-kit .cta-band p { font-size: 1.08rem; }

.syz-page-bump-steer-kit .hero-ctas { flex-wrap: wrap; }

}

/* Elementor site setting hover isolation */
.syz-page-bump-steer-kit .btn,
.syz-page-bump-steer-kit .btn:visited,
.syz-page-bump-steer-kit .btn:hover,
.syz-page-bump-steer-kit .btn:focus,
.syz-page-bump-steer-kit .btn:active {
  text-decoration: none !important;
}

.syz-page-bump-steer-kit .btn-primary,
.syz-page-bump-steer-kit .btn-primary:visited,
.syz-page-bump-steer-kit .btn-primary:hover,
.syz-page-bump-steer-kit .btn-primary:focus,
.syz-page-bump-steer-kit .btn-primary:active,
.syz-page-bump-steer-kit .btn-card-inquire,
.syz-page-bump-steer-kit .btn-card-inquire:visited,
.syz-page-bump-steer-kit .btn-card-inquire:hover,
.syz-page-bump-steer-kit .btn-card-inquire:focus,
.syz-page-bump-steer-kit .btn-card-inquire:active {
  color: var(--white) !important;
}

.syz-page-bump-steer-kit .btn-primary:hover,
.syz-page-bump-steer-kit .btn-primary:focus,
.syz-page-bump-steer-kit .btn-card-inquire:hover,
.syz-page-bump-steer-kit .btn-card-inquire:focus {
  background-color: var(--accent-red-dark) !important;
  border-color: var(--accent-red-dark) !important;
}

.syz-page-bump-steer-kit .btn-outline,
.syz-page-bump-steer-kit .btn-outline:visited,
.syz-page-bump-steer-kit .btn-outline:hover,
.syz-page-bump-steer-kit .btn-outline:focus,
.syz-page-bump-steer-kit .btn-outline:active {
  color: var(--primary-dark) !important;
}

.syz-page-bump-steer-kit .cta-band .btn-outline,
.syz-page-bump-steer-kit .cta-band .btn-outline:visited,
.syz-page-bump-steer-kit .cta-band .btn-outline:hover,
.syz-page-bump-steer-kit .cta-band .btn-outline:focus,
.syz-page-bump-steer-kit .cta-band .btn-outline:active {
  color: var(--white) !important;
}

.syz-page-bump-steer-kit .btn-card-zoom,
.syz-page-bump-steer-kit button.btn-card-zoom {
  background-color: var(--white) !important;
  border-color: var(--border-light) !important;
  color: var(--primary-dark) !important;
  box-shadow: none !important;
}

.syz-page-bump-steer-kit .btn-card-zoom:hover,
.syz-page-bump-steer-kit .btn-card-zoom:focus,
.syz-page-bump-steer-kit button.btn-card-zoom:hover,
.syz-page-bump-steer-kit button.btn-card-zoom:focus {
  background-color: var(--white) !important;
  border-color: var(--primary-red) !important;
  color: var(--primary-red) !important;
  box-shadow: none !important;
}

.syz-page-bump-steer-kit .lightbox-close,
.syz-page-bump-steer-kit button.lightbox-close {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--primary-dark) !important;
  box-shadow: none !important;
}

.syz-page-bump-steer-kit .lightbox-close:hover,
.syz-page-bump-steer-kit .lightbox-close:focus,
.syz-page-bump-steer-kit button.lightbox-close:hover,
.syz-page-bump-steer-kit button.lightbox-close:focus {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--primary-red) !important;
  box-shadow: none !important;
}