/* Coordinated Contact / Support image treatment. Original page styles own forms
   and FAQs; this layer owns the photo composition and shared visual refinements. */
body:has(.wrd-contact-refined), body:has(.wrd-support-hub) { background: #f4f3ef; }
.wrd-contact-page, .wrd-support-page { padding-bottom: 60px; }
.wrd-contact-refined .wrd-contact-intro,
.wrd-support-hub .wrd-support-intro {
  position: relative; isolation: isolate; overflow: hidden;
  background: #232627; border-top: 0; border-radius: 12px; margin: 0;
}
.wrd-contact-refined .wrd-contact-intro { display: block; min-height: 380px; }
.wrd-contact-refined .wrd-contact-intro-copy { width: 52%; padding: 44px 0 44px 40px; }
.wrd-contact-refined .wrd-contact-intro-copy > p:not(.wrd-contact-eyebrow) { max-width: 440px; }
.wrd-support-hub .wrd-support-intro { padding: 38px 40px 30px; }
.wrd-support-hub .wrd-support-intro-copy { position: relative; z-index: 1; width: 65%; }
.wrd-contact-refined .wrd-help-hero-art,
.wrd-support-hub .wrd-help-hero-art {
  position: absolute; inset: 0 0 0 auto; width: 66%; padding: 0; z-index: -1;
}
.wrd-contact-refined .wrd-help-hero-art img,
.wrd-support-hub .wrd-help-hero-art img {
  display: block; width: 100%; height: 100%; max-height: none;
  object-fit: cover; object-position: right center;
}
.wrd-contact-refined .wrd-help-hero-art::after,
.wrd-support-hub .wrd-help-hero-art::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(90deg, #232627 0%, rgba(35,38,39,.85) 12%, rgba(35,38,39,.2) 35%, transparent 65%);
}
.wrd-support-hub .wrd-help-hero-art { width: 60%; }
.wrd-support-hub .wrd-help-hero-art::after {
  background: linear-gradient(90deg, #232627 0%, rgba(35,38,39,.92) 18%, rgba(35,38,39,.4) 42%, transparent 80%);
}
.wrd-support-hub .wrd-contact-header .wrd-support-eyebrow { font-size: 11px; letter-spacing: 1.7px; }
.wrd-support-hub .wrd-contact-header p:not(.wrd-support-eyebrow) { max-width: 560px; }
.wrd-support-hub .wrd-faq-search { max-width: 590px; }
.wrd-support-hub .wrd-faq-search-input input { border-color: #fff; box-shadow: 0 8px 24px rgba(0,0,0,.12); }
.wrd-contact-refined .wrd-contact-primary, .wrd-support-hub .wrd-support-ask { background: #b44914; }
.wrd-contact-refined .wrd-contact-primary:hover, .wrd-support-hub .wrd-support-ask:hover { background: #963c10; }
.wrd-contact-refined .wrd-contact-routes, .wrd-support-hub .wrd-contact-routes { margin-top: 16px; gap: 0; border: 1px solid #dcdad5; border-radius: 8px; background: #fff; overflow: hidden; }
.wrd-contact-refined .wrd-contact-route, .wrd-support-hub .wrd-contact-route {
  position: relative; min-height: 134px; padding: 30px 20px 20px;
  border: 0; border-right: 1px solid #e5e2dc; border-radius: 0;
  background: transparent; transition: background .18s ease, color .18s ease;
}
.wrd-contact-refined .wrd-contact-route:last-child, .wrd-support-hub .wrd-contact-route:last-child { border-right: 0; }
.wrd-contact-refined .wrd-contact-route, .wrd-support-hub .wrd-contact-route { grid-template-columns: 32px minmax(0, 1fr); }
.wrd-contact-route .wrd-help-icon { grid-row: 1 / 3; width: 32px; height: 32px; margin-top: 0; color: #b44914; }
.wrd-contact-refined .wrd-contact-route:hover, .wrd-support-hub .wrd-contact-route:hover,
.wrd-contact-refined .wrd-contact-route:focus-visible, .wrd-support-hub .wrd-contact-route:focus-visible { background: #fff8ee; box-shadow: none; transform: none; }
.wrd-contact-refined .wrd-contact-route:focus-visible, .wrd-support-hub .wrd-contact-route:focus-visible { outline-offset: -4px; }
.wrd-contact-refined .wrd-contact-route .wrd-help-route-number,
.wrd-support-hub .wrd-contact-route .wrd-help-route-number {
  position: absolute; top: 10px; right: 14px; color: #918b82; font-size: 10px; letter-spacing: 1px; font-weight: 600;
}
.wrd-contact-refined .wrd-contact-form, .wrd-contact-refined .wrd-contact-direct,
.wrd-support-hub .wrd-contact-direct, .wrd-support-hub .wrd-faq-results { border-color: #dcdad5; }
.wrd-contact-refined .wrd-contact-direct, .wrd-support-hub .wrd-contact-direct { border-top: 3px solid #d75917; }
.wrd-support-hub .wrd-faq-chip { border-color: #dcdad5; }
.wrd-support-hub .wrd-faq-question:hover { color: #a94612; }
.wrd-contact-refined div.wpforms-container-full .wpforms-form button[type=submit] { background: #b44914 !important; border-color: #b44914 !important; }
.wrd-contact-refined div.wpforms-container-full .wpforms-form button[type=submit]:hover { background: #963c10 !important; }
@media (max-width: 991px) {
  .wrd-contact-refined .wrd-contact-intro-copy { padding-left: 28px; width: 57%; }
  .wrd-support-hub .wrd-support-intro { padding-left: 28px; padding-right: 28px; }
  .wrd-support-hub .wrd-support-intro-copy { width: 72%; }
  .wrd-contact-refined .wrd-contact-route:nth-child(2), .wrd-support-hub .wrd-contact-route:nth-child(2) { border-right: 0; }
  .wrd-contact-refined .wrd-contact-route:nth-child(-n+2), .wrd-support-hub .wrd-contact-route:nth-child(-n+2) { border-bottom: 1px solid #e5e2dc; }
}
@media (max-width: 767px) {
  .wrd-contact-refined .wrd-contact-intro { min-height: 0; }
  .wrd-contact-refined .wrd-contact-intro-copy { width: 100%; padding: 28px 24px 16px; }
  .wrd-contact-refined .wrd-help-hero-art { position: relative; inset: auto; width: 100%; height: 220px; margin-top: -8px; }
  .wrd-contact-refined .wrd-help-hero-art img { max-width: none; margin: 0; object-position: right 58%; }
  .wrd-contact-refined .wrd-help-hero-art::after { background: linear-gradient(180deg, #232627 0%, rgba(35,38,39,.35) 18%, transparent 45%); }
  .wrd-support-hub .wrd-support-intro { padding: 26px 20px 22px; }
  .wrd-support-hub .wrd-support-intro-copy { width: 100%; }
  .wrd-support-hub .wrd-help-hero-art { width: 100%; opacity: .28; }
  .wrd-support-hub .wrd-help-hero-art::after { background: linear-gradient(90deg, #232627, rgba(35,38,39,.25)); }
  .wrd-contact-refined .wrd-contact-route, .wrd-support-hub .wrd-contact-route { min-height: 122px; padding: 27px 12px 16px; }
  .wrd-contact-refined .wrd-contact-route, .wrd-support-hub .wrd-contact-route { grid-template-columns: 28px minmax(0, 1fr); }
  .wrd-contact-route .wrd-help-icon { width: 28px; height: 28px; }
}
@media (max-width: 374px) {
  /* Narrow two-up cards: icon above the label so words like "Replacement" never split. */
  .wrd-contact-refined .wrd-contact-route, .wrd-support-hub .wrd-contact-route { grid-template-columns: minmax(0, 1fr); row-gap: 8px; }
  .wrd-contact-route .wrd-help-icon { grid-row: auto; }
}
@media (prefers-reduced-motion: reduce) {
  .wrd-contact-refined .wrd-contact-route, .wrd-support-hub .wrd-contact-route { transition: none; }
}