.elementor-33 .elementor-element.elementor-element-50ee6c0{--display:flex;}.elementor-33 .elementor-element.elementor-element-50ee6c0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-b5bb712{width:100%;max-width:100%;padding:75px 75px 75px 75px;border-style:solid;border-color:#FF7A00;text-align:center;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:#7E7E7E;}.elementor-33 .elementor-element.elementor-element-b5bb712.elementor-element{--align-self:center;}.elementor-33 .elementor-element.elementor-element-b5bb712 p{margin-block-end:12px;}@media(min-width:768px){.elementor-33 .elementor-element.elementor-element-50ee6c0{--width:115.609%;}}/* Start custom CSS for text-editor, class: .elementor-element-b5bb712 */<style>
/* =========================================
   PAT SECTION — LIGHT THEME DEFAULT (FIX)
   Works on white Elementor pages (darker text)
   Add class "pat-dark" to <section> if you want dark mode later.
   ========================================= */

.pat-tuning{
  /* LIGHT DEFAULT */
  --page: #ffffff;
  --card: #ffffff;
  --card2:#ffffff;

  --text: #0b1220;     /* darker */
  --muted:#1f2937;     /* darker body text */
  --muted2:#334155;    /* secondary text */

  --border: rgba(15,23,42,.14);
  --accent:#ff7a1a;
  --accent2:#b45309;

  --shadow: 0 10px 26px rgba(15,23,42,.08);
  --shadow2: 0 6px 16px rgba(15,23,42,.10);

  color: var(--text);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  line-height: 1.55;
  background: var(--page);
}

/* Strong “reset” inside the section so Elementor doesn’t wash colors out */
.pat-tuning, .pat-tuning * { box-sizing: border-box; }
.pat-tuning p, .pat-tuning li { color: var(--muted2); }
.pat-tuning strong { color: var(--text); }

.pat-tuning a { color: var(--accent2); text-decoration: none; font-weight: 800; }
.pat-tuning a:hover { text-decoration: underline; }

.pat-tuning .pat-wrap{
  max-width: 1120px;
  margin: 0 auto;
  padding: 28px 16px;
}

.pat-tuning h1, .pat-tuning h2, .pat-tuning h3{
  color: var(--text);
  margin: 18px 0 10px;
  line-height: 1.12;
  letter-spacing: -.2px;
}

.pat-tuning h2{ font-size: clamp(22px, 2.3vw, 30px); }
.pat-tuning h3{ font-size: clamp(18px, 1.8vw, 22px); }

.pat-tuning h4{
  font-size: 13px;
  color: var(--muted);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .7px;
  margin-top: 14px;
}

.pat-tuning .pat-lead{
  font-size: 15.5px;
  color: var(--muted);
  margin-top: 8px;
}

/* HERO */
.pat-tuning .pat-hero{
  background: linear-gradient(180deg, rgba(255,122,26,.12), rgba(255,122,26,0));
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 22px 18px;
  box-shadow: var(--shadow);
}

.pat-tuning .pat-note{
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 14px;
  padding: 12px 12px;
  margin-top: 14px;
  color: var(--muted);
}

/* CTA Buttons */
.pat-tuning .pat-cta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}

.pat-tuning .pat-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid rgba(15,23,42,.16);
  background: rgba(15,23,42,.03);
  color: var(--text) !important; /* important: overrides Elementor link/button styles */
  font-weight: 900;
  letter-spacing: .2px;
  text-decoration: none;
  transition: transform .08s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.pat-tuning .pat-btn:hover{
  background: rgba(15,23,42,.06);
  border-color: rgba(15,23,42,.22);
  box-shadow: var(--shadow2);
  text-decoration:none;
}

.pat-tuning .pat-btn-primary{
  background: rgba(255,122,26,.20);
  border-color: rgba(255,122,26,.46);
}

.pat-tuning .pat-btn-primary:hover{
  background: rgba(255,122,26,.28);
  border-color: rgba(255,122,26,.62);
}

/* Cards / grid */
.pat-tuning .pat-section{ margin-top:18px; padding-top:6px; }

.pat-tuning .pat-grid{
  display:grid;
  gap:14px;
  grid-template-columns: repeat(12, 1fr);
  margin-top:12px;
}

.pat-tuning .pat-card{
  grid-column: span 12;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 16px 16px;
  box-shadow: var(--shadow);
}

@media (min-width: 860px){
  .pat-tuning .pat-card.half{ grid-column: span 6; }
}

/* Badge */
.pat-tuning .pat-badge{
  display:inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,122,26,.45);
  background: rgba(255,122,26,.14);
  color: #7c2d12;
  font-weight: 950;
  font-size: 12px;
  letter-spacing: .2px;
}

/* TABLES */
.pat-tuning .pat-table-wrap{
  margin-top: 10px;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(15,23,42,.12);
  background: #fff;
  box-shadow: var(--shadow);
}

.pat-tuning .pat-table-scroll{
  overflow-x:auto;
  -webkit-overflow-scrolling: touch;
}

.pat-tuning table.pat-table{
  width:100%;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 720px;
}

.pat-tuning .pat-table thead th{
  position: sticky;
  top: 0;
  z-index: 1;
  background: #f8fafc;
  color: #0b1220;
  text-align:left;
  font-size: 12px;
  letter-spacing: .7px;
  text-transform: uppercase;
  padding: 12px 12px;
  border-bottom: 1px solid rgba(15,23,42,.12);
}

.pat-tuning .pat-table tbody td{
  color: #1f2937; /* darker table text */
  padding: 12px 12px;
  border-bottom: 1px solid rgba(15,23,42,.08);
  vertical-align: top;
}

.pat-tuning .pat-table tbody tr:nth-child(even) td{
  background: rgba(15,23,42,.02);
}

.pat-tuning .pat-table td.kit{
  color: #0b1220;
  font-weight: 950;
}

.pat-tuning .pat-table td.price,
.pat-tuning .pat-table th.price{
  text-align:right;
  white-space: nowrap;
  color: #0b1220;
  font-weight: 950;
}

@media (max-width: 720px){
  .pat-tuning .pat-wrap{ padding: 18px 12px; }
  .pat-tuning .pat-hero{ padding: 16px 14px; }
  .pat-tuning table.pat-table{ min-width: 680px; }
}

/* OPTIONAL: Dark mode if you ever want it */
.pat-tuning.pat-dark{
  --page:#0f1115; --card:#151a22; --card2:#121722;
  --text:#e9eef5; --muted:#cbd5e1; --muted2:#b8c0cc;
  --border:rgba(255,255,255,.12);
  --shadow:none; --shadow2:none;
}
.pat-tuning [style*="color: #e9eef5"],
.pat-tuning [style*="color:#e9eef5"],
.pat-tuning [style*="color: #E9EEF5"],
.pat-tuning [style*="color:#E9EEF5"],
.pat-tuning [style*="color: #cbd5e1"],
.pat-tuning [style*="color:#cbd5e1"],
.pat-tuning [style*="color: #CBD5E1"],
.pat-tuning [style*="color:#CBD5E1"],
.pat-tuning [style*="color: #b8c0cc"],
.pat-tuning [style*="color:#b8c0cc"],
.pat-tuning [style*="color: #B8C0CC"],
.pat-tuning [style*="color:#B8C0CC"]{
  color: var(--text) !important;
}

/* Make list text + bullets darker/cleaner */
.pat-tuning ul li,
.pat-tuning ol li{
  color: var(--muted2) !important;
}
.pat-tuning li::marker{
  color: #64748b;
}
</style>/* End custom CSS */