.elementor-widget-section .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-section .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-5556 .elementor-element.elementor-element-07b9cfa{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5556 .elementor-element.elementor-element-07b9cfa > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-23ec65b *//* Wheel/Tire Grid Base */
#wheelList {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* space between items */
  justify-content: center;
  margin: 0 auto;
  max-width: 1400px;
  padding: 0 50px; /* padding for desktop */
}
.tire-item {
  flex: 1 1 calc((100% - 100px) / 6); /* 6 per row */
  max-width: calc((100% - 100px) / 6);
  padding: 14px 16px;
  border: 1px solid #ccc;
  border-radius: 12px;
  background: #f9f9f9;
  font-size: 15px;
  text-align: center;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  cursor: pointer;
  white-space: nowrap;
}
.tire-item:hover,
.tire-item.active {
  background-color: #e60000;
  border-color: #e60000;
  color: white;
}

/* Responsive Breakpoints */
@media (max-width: 1100px) {
  .tire-item {
    flex: 1 1 calc((100% - 80px) / 4); /* 4 per row */
    max-width: calc((100% - 80px) / 4);
  }
}
@media (max-width: 768px) {
  #wheelList {
    padding: 0 10px; /* remove extra horizontal padding */
    gap: 10px; /* smaller gap for mobile */
  }
  .tire-item {
    flex: 1 1 calc((100% - 20px) / 3); /* 3 per row */
    max-width: calc((100% - 20px) / 3);
    padding: 10px 0; /* reduce box padding for mobile */
  }
}
@media (max-width: 480px) {
  #wheelList {
    padding: 0; /* completely remove padding for small phones */
    gap: 8px;
  }
  .tire-item {
    flex: 1 1 calc((100% - 16px) / 3); /* 3 per row */
    max-width: calc((100% - 16px) / 3);
    padding: 8px 0;
  }
}/* End custom CSS */