/* =========================================================================
   ALLOY WHEEL REFURBISHMENT PAGE ONLY (post 66) — 2026-09-15
   Every selector is anchored to `.page-id-66` AND this page's own Beaver
   Builder layout wrapper `.fl-builder-content-66`, so no rule here can reach
   the Themer header (post 7), the Themer footer (post 8), the homepage
   (post 6), Accident Repair (post 56), Repair Process (post 63), ADAS
   Recalibration (post 58) or any other page. No global rule is added here
   and no global overflow suppression is used.

   Palette, typography and button *shape* come from the existing approved
   brand tokens and `.tr-*` component classes in the shared child
   `style.css`. This file only supplies the page's type scale and the
   page-specific components.
   ========================================================================= */

/* --- Type scale, same steps as the approved homepage / Accident Repair --- */
.page-id-66 .fl-builder-content-66 .tr-hero .fl-heading-text,
.page-id-66 .fl-builder-content-66 .tr-hero h1 {
  font-size: 64px;
  line-height: 1.05;
}

/* Beat Beaver's generated `.fl-heading-text * { color }` so Scarborough stays brand blue. */
.page-id-66 .fl-builder-content-66 .fl-node-awm1h h1.fl-heading .fl-heading-text .tr-accent,
.page-id-66 .fl-builder-content-66 .tr-hero .tr-accent {
  color: #009afd !important;
}

.page-id-66 .fl-builder-content-66 .tr-section-h2 .fl-heading-text,
.page-id-66 .fl-builder-content-66 .tr-section-h2 h2,
.page-id-66 .fl-builder-content-66 .tr-on-blue-heading .fl-heading-text,
.page-id-66 .fl-builder-content-66 .tr-on-blue-heading h2,
.page-id-66 .fl-builder-content-66 .aw-cta-h2 .fl-heading-text,
.page-id-66 .fl-builder-content-66 .aw-cta-h2 h2 {
  font-size: 44px;
}

.page-id-66 .fl-builder-content-66 .tr-faq .pp-faq-button-label,
.page-id-66 .fl-builder-content-66 .tr-faq .pp-faq-question {
  font-size: 20px;
}

.page-id-66 .fl-builder-content-66 .tr-review-card .fl-rich-text,
.page-id-66 .fl-builder-content-66 .tr-review-card .fl-rich-text p {
  font-size: 18px;
}

/* --- Buttons: label scale and minimum tap target only.
       Shape stays as approved: rectangular, uppercase, letter-spaced, no shadow. */
.page-id-66 .fl-builder-content-66 a.fl-button,
.page-id-66 .fl-builder-content-66 .fl-button {
  font-size: 14px !important;
  min-height: 44px;
  box-sizing: border-box;
}

.page-id-66 .fl-builder-content-66 .tr-faq .pp-faq-button {
  min-height: 48px;
}

/* Beat PowerPack node CSS so the shared cream/blue FAQ treatment actually shows. */
.page-id-66 .fl-builder-content-66 .fl-node-awm8faq.tr-faq .pp-faq-item,
.page-id-66 .fl-builder-content-66 .fl-node-awm8faq.tr-faq .pp-faq-item-wrap {
  margin-bottom: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.page-id-66 .fl-builder-content-66 .fl-node-awm8faq.tr-faq .pp-faq-item:nth-child(odd),
.page-id-66 .fl-builder-content-66 .fl-node-awm8faq.tr-faq .pp-faq-item:nth-child(odd) .pp-faq-button {
  background: #f2eee9 !important;
}

.page-id-66 .fl-builder-content-66 .fl-node-awm8faq.tr-faq .pp-faq-item:nth-child(even),
.page-id-66 .fl-builder-content-66 .fl-node-awm8faq.tr-faq .pp-faq-item:nth-child(even) .pp-faq-button,
.page-id-66 .fl-builder-content-66 .fl-node-awm8faq.tr-faq .pp-faq-item.pp-faq-item-active,
.page-id-66 .fl-builder-content-66 .fl-node-awm8faq.tr-faq .pp-faq-item.pp-faq-item-active .pp-faq-button {
  background: #009afd !important;
}

.page-id-66 .fl-builder-content-66 .fl-node-awm8faq.tr-faq .pp-faq-item:nth-child(odd) .pp-faq-button-label,
.page-id-66 .fl-builder-content-66 .fl-node-awm8faq.tr-faq .pp-faq-item:nth-child(odd) .pp-faq-question {
  color: #002f57 !important;
}

.page-id-66 .fl-builder-content-66 .fl-node-awm8faq.tr-faq .pp-faq-item:nth-child(even) .pp-faq-button-label,
.page-id-66 .fl-builder-content-66 .fl-node-awm8faq.tr-faq .pp-faq-item:nth-child(even) .pp-faq-question,
.page-id-66 .fl-builder-content-66 .fl-node-awm8faq.tr-faq .pp-faq-item.pp-faq-item-active .pp-faq-button-label,
.page-id-66 .fl-builder-content-66 .fl-node-awm8faq.tr-faq .pp-faq-item.pp-faq-item-active .pp-faq-question {
  color: #ffffff !important;
}

.page-id-66 .fl-builder-content-66 .fl-node-awm8faq.tr-faq .pp-faq-content,
.page-id-66 .fl-builder-content-66 .fl-node-awm8faq.tr-faq .pp-faq-answer {
  background: rgb(242, 238, 233) !important;
  color: #ffffff !important;
}

.page-id-66 .fl-builder-content-66 .fl-node-awm8faq.tr-faq .pp-faq-content p,
.page-id-66 .fl-builder-content-66 .fl-node-awm8faq.tr-faq .pp-faq-answer p {
  color: rgb(0, 47, 87) !important;
}

/* --- Outline + solid CTA pairs (hero and closing section) side by side ---
   Rendered as one rich-text module containing two `.fl-button` links, so the
   pair cannot be forced full-width by Beaver's per-module column layout.
   Colour/shape still come from the shared `.tr-btn-*` rules in style.css. */
.page-id-66 .fl-builder-content-66 .aw-btn-row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
  margin: 0;
}

.page-id-66 .fl-builder-content-66 .aw-btn-row > span {
  display: inline-flex;
  flex: 0 0 auto;
}

.page-id-66 .fl-builder-content-66 .aw-btn-row a.fl-button {
  display: inline-block;
  width: auto;
  white-space: nowrap;
  text-decoration: none;
  box-sizing: border-box;
}

/* --- Hero breadcrumb, on charcoal ---------------------------------------- */
.page-id-66 .fl-builder-content-66 .aw-breadcrumb,
.page-id-66 .fl-builder-content-66 .aw-breadcrumb p,
.page-id-66 .fl-builder-content-66 .aw-breadcrumb .fl-rich-text p {
  /*margin: 0 0 18px;*/
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #ffffff !important;
}

.page-id-66 .fl-builder-content-66 .aw-breadcrumb a,
.page-id-66 .fl-builder-content-66 .aw-breadcrumb .fl-rich-text a {
  color: #ffffff !important;
  text-decoration: none;
}

.page-id-66 .fl-builder-content-66 .aw-breadcrumb a:hover,
.page-id-66 .fl-builder-content-66 .aw-breadcrumb .fl-rich-text a:hover {
  text-decoration: underline;
}

.page-id-66 .fl-builder-content-66 .aw-breadcrumb a:focus,
.page-id-66 .fl-builder-content-66 .aw-breadcrumb a:focus-visible,
.page-id-66 .fl-builder-content-66 .aw-breadcrumb .fl-rich-text a:focus,
.page-id-66 .fl-builder-content-66 .aw-breadcrumb .fl-rich-text a:focus-visible {
  outline: 2px solid #ffa425;
  outline-offset: 3px;
}

.page-id-66 .fl-builder-content-66 .aw-breadcrumb .aw-crumb-sep {
  margin: 0 8px;
  opacity: 0.55;
}

/* --- Readable measure for copy the mockup sets to roughly half width ----- */
.page-id-66 .fl-builder-content-66 .aw-measure .fl-rich-text {
  max-width: 620px;
}

.page-id-66 .fl-builder-content-66 .tr-hero-intro,
.page-id-66 .fl-builder-content-66 .tr-hero-intro p {
  color: #ffffff !important;
  max-width: 620px;
}

/* --- Section photograph: plain rectangular crop -------------------------- */
.page-id-66 .fl-builder-content-66 .aw-photo .fl-photo-content {
  width: 100%;
}

.page-id-66 .fl-builder-content-66 .aw-photo .fl-photo-content img {
  display: block;
  width: 100%;
  height: auto;
}

/* --- Two-column checklist on the white "Damage we put right" band -------- */
.page-id-66 .fl-builder-content-66 .aw-check {
  list-style: none;
  margin: 0;
  padding: 0;
}

.page-id-66 .fl-builder-content-66 .aw-check li {
  position: relative;
  padding-left: 28px;
  margin: 0 0 18px;
  color: #002f57;
  font-size: 18px;
  line-height: 1.5;
}

.page-id-66 .fl-builder-content-66 .aw-check li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.45em;
  width: 10px;
  height: 10px;
  background: #002f57;
}

/* --- Eight-step numbered cards ------------------------------------------ */
.page-id-66 .fl-builder-content-66 .aw-step,
.page-id-66 .fl-builder-content-66 .aw-step .fl-rich-text {
  border-left: 4px solid #009afd;
  padding: 4px 0 4px 22px;
  margin: 0 8px 28px 0;
}

.page-id-66 .fl-builder-content-66 .aw-step-num {
  margin: 0 0 6px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #009afd;
}

.page-id-66 .fl-builder-content-66 .aw-step-title {
  margin: 0 0 8px;
  font-family: "Golos Text", sans-serif;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #002f57;
  line-height: 1.2;
}

.page-id-66 .fl-builder-content-66 .aw-step .fl-rich-text p:not(.aw-step-num):not(.aw-step-title) {
  margin: 0;
  color: #131315;
  font-size: 16px;
  line-height: 1.55;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}

/* --- Prices: centred small H2 + large price card ------------------------- */
.page-id-66 .fl-builder-content-66 .aw-prices-h2 .fl-heading-text,
.page-id-66 .fl-builder-content-66 .aw-prices-h2 h2 {
  font-size: 22px;
  letter-spacing: 0.16em;
  text-align: center;
  color: #002f57 !important;
}

.page-id-66 .fl-builder-content-66 .aw-price-card {
  background: #ffffff;
  padding: 40px 36px;
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}

.page-id-66 .fl-builder-content-66 .aw-price-from {
  margin: 0 0 12px;
  font-family: "Golos Text", sans-serif;
  font-size: 64px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #009afd;
}

.page-id-66 .fl-builder-content-66 .aw-price-card .fl-rich-text p:not(.aw-price-from) {
  margin: 0;
  color: #131315;
  font-size: 18px;
  line-height: 1.55;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 400;
}

/* --- Review card sits on cream inside the white split row ---------------- */
.page-id-66 .fl-builder-content-66 .aw-review-col .tr-review-card {
  height: 100%;
  box-sizing: border-box;
}

/* --- Family / blue copy bands: white type -------------------------------- */
.page-id-66 .fl-builder-content-66 .aw-family .fl-heading-text,
.page-id-66 .fl-builder-content-66 .aw-family h2,
.page-id-66 .fl-builder-content-66 .aw-refurb .fl-heading-text,
.page-id-66 .fl-builder-content-66 .aw-refurb h2 {
  color: #ffffff !important;
}

.page-id-66 .fl-builder-content-66 .aw-family .fl-rich-text,
.page-id-66 .fl-builder-content-66 .aw-family .fl-rich-text p,
.page-id-66 .fl-builder-content-66 .aw-refurb .fl-rich-text,
.page-id-66 .fl-builder-content-66 .aw-refurb .fl-rich-text p {
  color: #ffffff !important;
  max-width: 720px;
}

/* --- Closing CTA section, on charcoal ----------------------------------- */
.page-id-66 .fl-builder-content-66 .aw-cta .fl-heading-text,
.page-id-66 .fl-builder-content-66 .aw-cta h2 {
  color: #ffffff !important;
}

.page-id-66 .fl-builder-content-66 .aw-cta .fl-rich-text,
.page-id-66 .fl-builder-content-66 .aw-cta .fl-rich-text p {
  color: #ffffff !important;
  max-width: 720px;
}

.page-id-66 .fl-builder-content-66 .aw-cta-address .fl-rich-text,
.page-id-66 .fl-builder-content-66 .aw-cta-address .fl-rich-text p {
  color: #ffffff !important;
  font-size: 15px;
  margin-top: 18px;
  max-width: 100%;
}

/* --- Page box containment. Constrains this page's own boxes; not global
       overflow suppression and does not hide a horizontal scrollbar. ------ */
.page-id-66 .fl-builder-content-66 .fl-row-content,
.page-id-66 .fl-builder-content-66 .fl-col-group,
.page-id-66 .fl-builder-content-66 .fl-col,
.page-id-66 .fl-builder-content-66 .fl-col-content,
.page-id-66 .fl-builder-content-66 .fl-module,
.page-id-66 .fl-builder-content-66 .fl-module-content {
  min-width: 0;
  /*max-width: 100%;*/
  box-sizing: border-box;
}

@media (max-width: 1200px) {
  .page-id-66 .fl-builder-content-66 .tr-hero .fl-heading-text,
  .page-id-66 .fl-builder-content-66 .tr-hero h1 {
    font-size: 56px;
  }

  .page-id-66 .fl-builder-content-66 .tr-section-h2 .fl-heading-text,
  .page-id-66 .fl-builder-content-66 .tr-section-h2 h2,
  .page-id-66 .fl-builder-content-66 .tr-on-blue-heading .fl-heading-text,
  .page-id-66 .fl-builder-content-66 .tr-on-blue-heading h2,
  .page-id-66 .fl-builder-content-66 .aw-cta-h2 .fl-heading-text,
  .page-id-66 .fl-builder-content-66 .aw-cta-h2 h2 {
    font-size: 40px;
  }

  .page-id-66 .fl-builder-content-66 .aw-price-from {
    font-size: 56px;
  }
}

@media (max-width: 992px) {
  .page-id-66 .fl-builder-content-66 .tr-hero .fl-heading-text,
  .page-id-66 .fl-builder-content-66 .tr-hero h1 {
    font-size: 46px;
  }

  .page-id-66 .fl-builder-content-66 .tr-section-h2 .fl-heading-text,
  .page-id-66 .fl-builder-content-66 .tr-section-h2 h2,
  .page-id-66 .fl-builder-content-66 .tr-on-blue-heading .fl-heading-text,
  .page-id-66 .fl-builder-content-66 .tr-on-blue-heading h2,
  .page-id-66 .fl-builder-content-66 .aw-cta-h2 .fl-heading-text,
  .page-id-66 .fl-builder-content-66 .aw-cta-h2 h2 {
    font-size: 36px;
  }

  .page-id-66 .fl-builder-content-66 .aw-price-from {
    font-size: 48px;
  }
}

@media (max-width: 768px) {
  .page-id-66 .fl-builder-content-66 .tr-hero .fl-heading-text,
  .page-id-66 .fl-builder-content-66 .tr-hero h1 {
    font-size: 36px;
  }

  .page-id-66 .fl-builder-content-66 .tr-section-h2 .fl-heading-text,
  .page-id-66 .fl-builder-content-66 .tr-section-h2 h2,
  .page-id-66 .fl-builder-content-66 .tr-on-blue-heading .fl-heading-text,
  .page-id-66 .fl-builder-content-66 .tr-on-blue-heading h2,
  .page-id-66 .fl-builder-content-66 .aw-cta-h2 .fl-heading-text,
  .page-id-66 .fl-builder-content-66 .aw-cta-h2 h2 {
    font-size: 30px;
  }

  .page-id-66 .fl-builder-content-66 .aw-measure .fl-rich-text,
  .page-id-66 .fl-builder-content-66 .tr-hero-intro,
  .page-id-66 .fl-builder-content-66 .tr-hero-intro p,
  .page-id-66 .fl-builder-content-66 .aw-cta .fl-rich-text,
  .page-id-66 .fl-builder-content-66 .aw-cta .fl-rich-text p,
  .page-id-66 .fl-builder-content-66 .aw-family .fl-rich-text,
  .page-id-66 .fl-builder-content-66 .aw-family .fl-rich-text p,
  .page-id-66 .fl-builder-content-66 .aw-refurb .fl-rich-text,
  .page-id-66 .fl-builder-content-66 .aw-refurb .fl-rich-text p {
    max-width: 100%;
  }

  .page-id-66 .fl-builder-content-66 .aw-btn-row {
    flex-direction: column;
    align-items: stretch;
  }

  .page-id-66 .fl-builder-content-66 .aw-btn-row > span {
    display: block;
    width: 100%;
  }

  .page-id-66 .fl-builder-content-66 .aw-btn-row a.fl-button {
    display: block;
    width: 100%;
    text-align: center;
    white-space: normal;
  }

  .page-id-66 .fl-builder-content-66 a.fl-button,
  .page-id-66 .fl-builder-content-66 .fl-button {
    padding-left: 24px !important;
    padding-right: 24px !important;
    white-space: normal;
  }

  .page-id-66 .fl-builder-content-66 .aw-price-from {
    font-size: 42px;
  }

  .page-id-66 .fl-builder-content-66 .aw-price-card {
    padding: 28px 20px;
  }

  .page-id-66 .fl-builder-content-66 .aw-step .fl-rich-text {
    margin-right: 0;
    margin-bottom: 22px;
  }
}

/* trenhams-group1-row-bg 2026-10-27 page-66 — appended; earlier page CSS left intact */
@media(min-width:1420px){
.fl-builder-content-66 .fl-node-awr1>.fl-row-content-wrap{background-image:url("https://dev.trenhams.co.uk/wp-content/uploads/2026/09/alloy-wheel-hero-precut-diagonal-1500x1000-1.png")!important;background-size:contain!important;background-position:right center!important;background-repeat:no-repeat!important;}
.fl-builder-content-66 .fl-node-awc1a{width:52%!important;}
.fl-builder-content-66 .fl-node-awc1b{width:48%!important;}
.fl-builder-content-66 .fl-node-awc1b>.fl-col-content{background-image:none!important;min-height:0!important;}
.fl-builder-content-66 .fl-node-awc1a .fl-module,.fl-builder-content-66 .fl-node-awc1a .fl-module-content{margin-top:5px!important;margin-bottom:5px!important;}
.fl-builder-content-66 .fl-node-awc1a .fl-module:has(>.fl-module-content){margin-top:0!important;margin-bottom:0!important;}
}
@media(min-width:1420px){
.fl-builder-content-66 .fl-node-awm1bc{margin-bottom:10px!important;}
.fl-builder-content-66 .fl-node-awc1a a.fl-button{padding-left:24px!important;padding-right:24px!important;}
}
@media(max-width:1419px){
.fl-builder-content-66 .fl-node-awr1>.fl-row-content-wrap{background-image:none!important;}
}
@media(min-width:1420px){
.fl-builder-content-66 .fl-node-awr3>.fl-row-content-wrap{background-image:url("https://dev.trenhams.co.uk/wp-content/uploads/2026/10/Alloy-Wheels.png")!important;background-size:contain!important;background-position:right center!important;background-repeat:no-repeat!important;}
.fl-builder-content-66 .fl-node-awc3a{width:50%!important;}
.fl-builder-content-66 .fl-node-awc3b{width:50%!important;}
.fl-builder-content-66 .fl-node-awc3b>.fl-col-content{background-image:none!important;min-height:0!important;}
.fl-builder-content-66 .fl-node-awm3p{display:none!important;}
.fl-builder-content-66 .fl-node-awc3a .fl-module,.fl-builder-content-66 .fl-node-awc3a .fl-module-content{margin-top:10px!important;margin-bottom:10px!important;}
.fl-builder-content-66 .fl-node-awc3a .fl-module:has(>.fl-module-content){margin-top:0!important;margin-bottom:0!important;}
}
@media(max-width:1419px){
.fl-builder-content-66 .fl-node-awr3>.fl-row-content-wrap{background-image:none!important;}
.fl-builder-content-66 .fl-node-awm3p{display:block!important;}
}
@media(min-width:1420px){
.fl-builder-content-66 .fl-node-awr9>.fl-row-content-wrap{background-image:url("https://dev.trenhams.co.uk/wp-content/uploads/2026/10/Wheel-Repair.png")!important;background-size:contain!important;background-position:right center!important;background-repeat:no-repeat!important;}
.fl-builder-content-66 .fl-node-byhogc8zlmfi{width:50%!important;}
.fl-builder-content-66 .fl-node-9les7ipurxkh{width:50%!important;}
.fl-builder-content-66 .fl-node-9les7ipurxkh>.fl-col-content{background-image:none!important;min-height:0!important;}
.fl-builder-content-66 .fl-node-awheel105{display:none!important;}
.fl-builder-content-66 .fl-node-byhogc8zlmfi .fl-module,.fl-builder-content-66 .fl-node-byhogc8zlmfi .fl-module-content{margin-top:10px!important;margin-bottom:10px!important;}
.fl-builder-content-66 .fl-node-byhogc8zlmfi .fl-module:has(>.fl-module-content){margin-top:0!important;margin-bottom:0!important;}
}
@media(max-width:1419px){
.fl-builder-content-66 .fl-node-awr9>.fl-row-content-wrap{background-image:none!important;}
.fl-builder-content-66 .fl-node-awheel105{display:block!important;}
}