/* Shared presentation for the chiptuning and technology service pages. */
body.custom-background { background: #151515 !important; }
#content { padding-top: 104px; }
.mmr-chip-page { --chip-red:#cf2735; color:#fff; margin:0 0 54px; font-family:Arial,sans-serif; }
.mmr-chip-page *, .mmr-chip-page *::before, .mmr-chip-page *::after { box-sizing:border-box; }
.mmr-chip-page h1, .mmr-chip-page h2, .mmr-chip-page h3 { font-family:NimbusSanConD-Bla,Arial,sans-serif; font-weight:normal; text-transform:uppercase; margin:0; }
.mmr-chip-page h2 { font-size:38px; line-height:1.08; }
.mmr-chip-page p { font-size:16px; line-height:1.7; margin:0 0 20px; }
.mmr-chip-page a { text-decoration:none; }
.mmr-chip-page a:focus-visible, .mmr-chip-page select:focus-visible { outline:3px solid var(--chip-red); outline-offset:5px; }
.mmr-chip-breadcrumbs { display:flex; flex-wrap:wrap; gap:8px; padding:0 0 20px; font-size:12px; line-height:1.5; color:#bdbdbd; }
.mmr-chip-breadcrumbs a { color:#dedede; }
.mmr-chip-breadcrumbs a:hover { color:#fff; text-decoration:underline; }
.mmr-chip-hero { position:relative; isolation:isolate; overflow:hidden; background:#090909; border-top:3px solid var(--chip-red); }
.mmr-chip-hero-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:65% 50%; z-index:-2; }
.mmr-chip-hero::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(6,6,6,.98) 0%,rgba(6,6,6,.9) 37%,rgba(6,6,6,.38) 69%,rgba(6,6,6,.08) 100%); }
.mmr-chip-hero-copy { position:relative; width:68%; max-width:760px; padding:58px 52px 60px; }
.mmr-chip-page .mmr-chip-eyebrow { color:var(--chip-red); font-family:NimbusSanConD-Bol,Arial,sans-serif; font-size:15px; line-height:1.3; letter-spacing:1.4px; text-transform:uppercase; margin:0 0 18px; }
.mmr-chip-hero h1 { font-size:clamp(38px,4.5vw,62px); line-height:1.03; color:#fff; margin:0 0 24px; max-width:610px; }
.mmr-chip-page .mmr-chip-lead { color:#e3e3e3; font-size:18px; line-height:1.6; max-width:510px; margin:0 0 30px; }
.mmr-chip-actions { display:flex; flex-wrap:wrap; gap:12px; }
.mmr-chip-page .mmr-chip-button { display:inline-flex; align-items:center; justify-content:center; gap:24px; min-height:48px; padding:13px 22px; border:1px solid transparent; border-radius:2px; font-family:NimbusSanConD-Bol,Arial,sans-serif; font-size:18px; line-height:1.2; text-transform:uppercase; color:#fff; transition:background .15s,border-color .15s; }
.mmr-chip-page .mmr-chip-button-primary { background:var(--chip-red); border-color:var(--chip-red); }
.mmr-chip-page .mmr-chip-button-primary:hover { background:#ad1e2a; border-color:#ad1e2a; }
.mmr-chip-page .mmr-chip-button-secondary { border-color:#747474; background:rgba(8,8,8,.55); }
.mmr-chip-page .mmr-chip-button-secondary:hover { border-color:var(--chip-red); background:#191919; }
.mmr-chip-strengths { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); background:#0c0c0c; padding:28px 36px; border-bottom:1px solid #333; }
.mmr-chip-strengths>div { padding:0 18px; border-right:1px solid #383838; }
.mmr-chip-strengths>div:last-child { border:0; }
.mmr-chip-strengths span { display:block; color:#fff; font-family:NimbusSanConD-Bol,Arial,sans-serif; font-size:23px; line-height:1.25; margin-bottom:6px; }
.mmr-chip-strengths strong { display:block; font-size:13px; line-height:1.5; font-weight:normal; color:#bdbdbd; }
.mmr-chip-expertise { background:#fff; color:#191919; padding:54px 48px 48px; }
.mmr-chip-intro-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:48px; align-items:start; }
.mmr-chip-intro-grid h2 { margin-bottom:24px; }
.mmr-chip-editorial p:last-child { margin-bottom:0; }
.mmr-chip-editorial p:empty { display:none; }
.mmr-chip-page .mmr-chip-text-link { display:inline-flex; align-items:center; gap:12px; min-height:30px; color:var(--chip-red); font-family:NimbusSanConD-Bol,Arial,sans-serif; font-size:18px; line-height:1.35; }
.mmr-chip-page .mmr-chip-text-link:hover { text-decoration:underline; }
.mmr-chip-hero .mmr-chip-eyebrow, .mmr-chip-config-section .mmr-chip-eyebrow, .mmr-chip-config-section .mmr-chip-text-link, .mmr-chip-config-section .mmr-chip-config-form .count-config { color:#f04a59; }
.mmr-chip-resources { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:38px; }
.mmr-chip-resource { display:flex; flex-direction:column; min-width:0; padding:25px; background:#f3f3f3; border:1px solid #e3e3e3; color:#191919; transition:border-color .15s,background .15s; }
.mmr-chip-resource:hover { background:#fafafa; border-color:var(--chip-red); color:#191919; }
.mmr-chip-resource-number { color:var(--chip-red); font-family:NimbusSanConD-Bla,Arial,sans-serif; font-size:17px; margin-bottom:25px; }
.mmr-chip-resource h3 { font-size:27px; line-height:1.1; margin-bottom:12px; color:#111; }
.mmr-chip-page .mmr-chip-resource p { font-size:14px; line-height:1.65; margin-bottom:25px; }
.mmr-chip-resource-link { display:flex; justify-content:space-between; gap:12px; margin-top:auto; font-family:NimbusSanConD-Bol,Arial,sans-serif; font-size:18px; color:var(--chip-red); }
.mmr-chip-config-section { background:#0c0c0c; padding:48px; scroll-margin-top:115px; }
.mmr-chip-config-heading { display:flex; justify-content:space-between; gap:32px; align-items:end; margin-bottom:30px; }
.mmr-chip-config-heading>p { max-width:310px; color:#c8c8c8; margin:0; font-size:15px; line-height:1.6; }
.mmr-chip-page .mmr-chip-config-form { padding:0; margin:0 0 24px; border-radius:0; }
.mmr-chip-config-form .config-table { display:block; width:100%; margin:0; }
.mmr-chip-config-form .config-table tbody { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; width:100%; }
.mmr-chip-config-form .config-table tr { display:grid; grid-template-columns:28px 1fr; align-items:center; gap:12px 6px; height:auto; min-width:0; padding:16px 12px; border:1px solid #383838; background:#181818; }
.mmr-chip-config-form .config-table th, .mmr-chip-config-form .config-table td { padding:0; width:auto; min-width:0; }
.mmr-chip-config-form .config-table td.hidden-sm.hidden-xs { display:block !important; }
.mmr-chip-config-form .config-table td:last-child { grid-column:1/-1; }
.mmr-chip-config-form .count-config { display:block; width:auto; height:auto; margin:0; padding:0; color:var(--chip-red); background:none; font-size:22px; line-height:1; }
.mmr-chip-config-form .text-config { display:block; width:auto; padding:0; color:#fff; font-family:NimbusSanConD-Bol,Arial,sans-serif; font-size:17px; line-height:1.2; }
.mmr-chip-config-form .label-config { display:block; margin:0; width:100%; }
.mmr-chip-config-form label.label-config::after { top:13px; right:9px; }
.mmr-chip-config-form .select-config { display:block; min-height:46px; width:100%; padding:10px 25px 10px 8px; border:1px solid #fff; background:#fff; color:#111 !important; font-family:Arial,sans-serif; font-size:13px; line-height:24px; text-overflow:ellipsis; }
.mmr-chip-config-form .select-config:disabled { color:#626262 !important; background:#e4e4e4; border-color:#e4e4e4; cursor:not-allowed; }
.mmr-chip-config-form .select-config option { color:#111; background:#fff; }
.mmr-chip-page .mmr-chip-config-note { color:#bdbdbd; font-size:13px; line-height:1.6; max-width:850px; margin:0 0 14px; }
.mmr-chip-config-note a { color:#fff; text-decoration:underline; }
.mmr-chip-contact { display:grid; grid-template-columns:1.25fr 1fr; align-items:center; gap:40px; padding:48px; background:#f2f2f2; color:#111; border-left:4px solid var(--chip-red); }
.mmr-chip-contact h2 { margin-bottom:18px; }
.mmr-chip-contact p:last-child { max-width:580px; margin-bottom:0; }
.mmr-chip-contact-actions { display:flex; flex-direction:column; align-items:flex-end; gap:18px; }
.mmr-chip-page .mmr-chip-phone { font-family:NimbusSanConD-Bol,Arial,sans-serif; font-size:27px; line-height:1.2; color:#111; }
.mmr-chip-page .mmr-chip-phone:hover { color:var(--chip-red); }
@media (max-width:1199px) {
  .mmr-chip-hero-copy { width:74%; padding:48px 40px; }
  .mmr-chip-expertise, .mmr-chip-config-section, .mmr-chip-contact { padding:36px; }
  .mmr-chip-intro-grid { gap:30px; }
  .mmr-chip-config-form .config-table tbody { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:767px) {
  #content { padding-top:104px; }
  .mmr-chip-page { margin-bottom:30px; }
  .mmr-chip-hero-copy { width:100%; padding:38px 28px; }
  .mmr-chip-hero::before { background:linear-gradient(90deg,rgba(6,6,6,.96),rgba(6,6,6,.76)); }
  .mmr-chip-hero-image { object-position:67% center; }
  .mmr-chip-hero h1 { font-size:44px; max-width:540px; }
  .mmr-chip-page .mmr-chip-lead { font-size:16px; }
  .mmr-chip-strengths { padding:24px 14px; }
  .mmr-chip-strengths>div { padding:0 10px; }
  .mmr-chip-strengths span { font-size:20px; }
  .mmr-chip-strengths strong { font-size:12px; }
  .mmr-chip-expertise, .mmr-chip-config-section, .mmr-chip-contact { padding:30px 24px; }
  .mmr-chip-intro-grid { grid-template-columns:1fr; gap:25px; }
  .mmr-chip-page h2 { font-size:33px; }
  .mmr-chip-resources { grid-template-columns:1fr; gap:14px; margin-top:28px; }
  .mmr-chip-resource { padding:23px; }
  .mmr-chip-resource-number { margin-bottom:14px; }
  .mmr-chip-page .mmr-chip-resource p { margin-bottom:20px; }
  .mmr-chip-config-heading { display:block; }
  .mmr-chip-config-heading>p { margin-top:18px; max-width:none; }
  .mmr-chip-config-form .config-table tbody { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mmr-chip-contact { grid-template-columns:1fr; gap:28px; }
  .mmr-chip-contact-actions { align-items:flex-start; }
}
@media (max-width:479px) {
  .mmr-chip-hero-copy { padding:30px 23px 34px; }
  .mmr-chip-hero h1 { font-size:38px; }
  .mmr-chip-page .mmr-chip-eyebrow { font-size:13px; }
  .mmr-chip-actions { flex-direction:column; }
  .mmr-chip-actions .mmr-chip-button { width:100%; }
  .mmr-chip-strengths { grid-template-columns:1fr; padding:6px 24px; }
  .mmr-chip-strengths>div { padding:17px 0; border-right:0; border-bottom:1px solid #333; }
  .mmr-chip-strengths span { font-size:22px; margin-bottom:4px; }
  .mmr-chip-strengths strong { font-size:13px; }
  .mmr-chip-config-form .config-table tbody { grid-template-columns:1fr; }
  .mmr-chip-config-form .config-table tr { padding:15px; }
  .mmr-chip-config-form .select-config { font-size:15px; }
  .mmr-chip-contact-actions, .mmr-chip-contact-actions .mmr-chip-button { width:100%; }
}
@media (prefers-reduced-motion:reduce) { .mmr-chip-page a { transition:none; } }